@charset "utf-8";
/* CSS Document */

/*----------20170428 POKEMON 特設ページ------------------*/
.content-area-pokemon {
	background:#0e4692 url(images/bg_pokemon_travel.gif) center center;
	/*background-size:contain;*/
	padding:0!important;
}
.site-main-pokemon {

}
.head-pokemontf-area {
	background:url(images/img_header_pokemon_travel.png) 0 0 no-repeat;
	background-size:contain;
	height:0;
	padding-top:69.5918367%;
}
.body-pokemontf-area .title-area01 {
	background:url(images/title_pokemontf01.png) no-repeat;
	width:95%;
	max-width:744px;
	height:157px;
	text-indent:-9999em;
	margin:0 auto;
}
@media screen and (max-width: 789px) {
.body-pokemontf-area .title-area01 {
	background:url(images/title_pokemontf01.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:21.1021505%;
}
}
.body-pokemontf-area .product-area {
	margin:3% 0 0;
}
.body-pokemontf-area .pokemontf-contents-area {
	margin-top:-15%;
}
.body-pokemontf-area .pokemontf-contents-area:before {
	content:"";
	display:block;
	background:url(images/bg_yellow_head.png) right 0 no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:17.755102%;
	line-height:0;
}
.body-pokemontf-area .pokemontf-contents-area:after {
	content:"";
	display:block;
	background:url(images/bg_yellow_bottom.png) right 0 no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:15.8163265%;
	line-height:0;
}
.body-pokemontf-area .pokemontf-contents-area-core {
	background:#fbd81d;
	margin-top:-1px;
	padding:5% 0;
}
.body-pokemontf-area .pokemontf-contents-area-core .title-area02 {
	background:url(images/title_pokemontf02.png) no-repeat;
	width:95%;
	max-width:744px;
	height:141px;
	text-indent:-9999em;
	margin:0 auto 3%;
}
@media screen and (max-width: 789px) {
.body-pokemontf-area .pokemontf-contents-area-core .title-area02 {
	background:url(images/title_pokemontf02.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:18.9516129%;
}
}
.body-pokemontf-area .pokemontf-entry {
	width:95%;
	max-width:615px;
	margin:0 auto;
}
.body-pokemontf-area .pokemontf-entry ul li {
	width:32.6%;
	float:left;
	margin:0 0.5%;
}
.body-pokemontf-area .pokemontf-entry ul li:first-child {
	margin-left:0;
}
.body-pokemontf-area .pokemontf-entry ul li:last-child {
	margin-right:0;
}
.body-pokemontf-area .pokemontf-btn-area {
	position:relative;
}
.body-pokemontf-area .pokemontf-btn-area h3 {
	background:url(images/txt_pokemontf01.png) no-repeat;
	width:95%;
	max-width:744px;
	height:54px;
	text-indent:-9999em;
	margin:3% auto;
}
@media screen and (max-width: 789px) {
.body-pokemontf-area .pokemontf-btn-area h3 {
	background:url(images/txt_pokemontf01.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:7.25806452%;
}
}
.body-pokemontf-area .pokemontf-btn-area p,
.body-pokemontf-area .pokemontf-btn-area p a {
	background:url(images/brn_entry.gif) no-repeat;
	width:95%;
	max-width:380px;
	height:104px;
	text-indent:-9999em;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:30;
}
@media screen and (max-width: 789px) {
	.body-pokemontf-area .pokemontf-btn-area p,
.body-pokemontf-area .pokemontf-btn-area p a {
	width:60%;
	background:url(images/brn_entry.gif) no-repeat;
	background-size:contain;
	height:0;
	padding-top:27.3684211%;
}
}
.pika01 {
	position:absolute;
	left:0;
	top:0;
	z-index:20;
}
@media screen and (max-width: 789px) {
.pika01 {
	top:50%;
}
}
.pokemontf-products-lineup {
	margin-top:-15%;
}
.pokemontf-products-lineup .attention-area {
	background:url(images/txt_attention.gif) no-repeat;
	width:580px;
	height:300px;
	text-indent:-9999em;
	margin:3% auto;
}
@media screen and (max-width: 789px) {
.pokemontf-products-lineup .attention-area {
	background:url(images/txt_attention.gif) no-repeat;
	background-size:contain;
	width:95%;
	max-width:580px;
	height:0;
	padding-top:51.7241379%;
	margin:15% auto 3%; 
}
}
.pokemontf-contents-area-core .attention-area02 {
	background:url(images/bnr-attention02.jpg) no-repeat;
	width:580px;
	height:150px;
	text-indent:-9999em;
	margin:3% auto;
}
@media screen and (max-width: 789px) {
.pokemontf-contents-area-core .attention-area02 {
	background:url(images/bnr-attention02.jpg) no-repeat;
	background-size:contain;
	width:95%;
	max-width:580px;
	height:0;
	padding-top:25.862069%;
	margin:3% auto; 
}
}




.pokemontf-products-lineup .pokemontf-title-area03 h3 {
	background:url(images/title_pokemontf03.png) no-repeat;
	width:95%;
	max-width:744px;
	height:35px;
	text-indent:-9999em;
	margin:10% auto 5%;
}
@media screen and (max-width: 789px) {
.pokemontf-products-lineup .pokemontf-title-area03 h3 {
	background:url(images/title_pokemontf03.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:4.70430108%;
}
}
.pokemontf-products-lineup p span {
	display:block;	
}
.body-pokemon-area {
	padding:0 2.5%;	
}
.pokemontf-products-lineup h4.title-item {
	background:url(images/title_pokemon_item.png) no-repeat;
	width:370px;
	height:245px;
	text-indent:-9999em;
	margin:5% auto; 	
}
.pokemontf-products-lineup ul.suitscase01 {
	width:100%;
	max-width:760px;
	margin:0 auto 5%;
}
.pokemontf-products-lineup ul.suitscase01 li {
	width:25%;
	float:left;
	padding:0 1%;
}
.pokemontf-products-lineup ul.suitscase01 li img {
	width:100%;
}
.pokemontf-products-lineup ul.suitscase01.sp,
.last {
	display:none;
}
@media screen and (max-width: 639px) {
.head-pokemon-area h4.pc {
	display:none;	
}
.head-pokemon-area h4.sp {
	display:block;
	font-size:14px;
	margin:10% 0 5%;
}
.head-pokemon-area p {
	font-size: 14px;
	font-weight: normal;
}
.pokemontf-products-lineup ul.suitscase01.sp {
	display:block;
	margin-bottom:10%;
}
.pokemontf-products-lineup ul.suitscase01 {
	display:none;
}
.pokemontf-products-lineup ul.suitscase01.sp li {
	float:left;
	width:50%;
}
.last {
	display: block;
	width: 100%;
	margin: 30px 0;
}
.last li {
	color:#fff;
	clear:both;
	float:none;
	width:60%;
	margin:0 auto;
}
.sp-spec {
	width:100%;
}
.sp-spec dd {
	width:50%;
	float:left;
	padding:0 1.5%;
}
}
@media screen and (max-width: 599px) {
.last li {
	width:65%;
}
}
@media screen and (max-width: 449px) {
.last li {
	width:85%;
}
}
.pokemontf-products-lineup ul.suitscase02 {
	clear:both;
	width:100%;
	max-width:760px;
	margin:0 auto 5%;
}
.pokemontf-products-lineup ul.suitscase02 li {
	width:33.333333333%;
	float:left;
	padding:0.5% 1%;
}
.pokemontf-products-lineup ul.suitscase02 li img {
	width:100%;
}
@media screen and (max-width: 639px) {
.pokemontf-products-lineup ul.suitscase02 {
	margin:15% 0;
}
.pokemontf-products-lineup ul.suitscase02 li {
	width:50%;
	padding:0.1% 1%;
}
}
.pokemontf-products-lineup ul.suitscase03 {
	clear:both;
	width:100%;
	max-width:760px;
	margin:0 auto 5%;
	padding:0 1%;
}
.pokemontf-products-lineup ul.suitscase03 li {
	color:#fff;
	float:left;
	width:25%;
}
@media screen and (max-width: 639px) {
.pokemontf-products-lineup ul.suitscase03 {
	display:none;
}
}
.icon-yellow {
	background:#fbd81d;
	color:#131a24;
	font-weight:bold;
	padding:3px;
	display:inline-block;
	font-size:12px;
	margin-bottom:10px;
}
.icon-blank {
	background:none;
	color:#131a24;
	font-weight:bold;
	padding:3px;
	display:inline-block;
	font-size:12px;
	margin-bottom:10px;
}
.product-name {
	color:#fbd81d;
	font-weight:bold;	
}
.product-color {
	font-size:12px;
}
.pokemontf-products-lineup .pokemontf-btn-area02 {
	width:95%;
	max-width:780px;
	margin:0 auto;
}
.pokemontf-products-lineup .pokemontf-btn-area02 ul li {
	width:49%;
}
.pokemontf-products-lineup .pokemontf-btn-area02 ul li:first-child {
	float:left;
	margin-right:0.5%;
}
.pokemontf-products-lineup .pokemontf-btn-area02 ul li:first-child a {
	background:url(images/brn_cart_ec.gif) no-repeat;
	background-size:contain;
	width:380px;
	height:0;
	text-indent:-9999em;
	padding-top:27.3684211%;
	display:block;
}
.pokemontf-products-lineup .pokemontf-btn-area02 ul li:last-child {
	float:right;
	margin-left:0.5%;

}
.pokemontf-products-lineup .pokemontf-btn-area02 ul li:last-child a {
	background:url(images/brn_search.gif) no-repeat;
	background-size:contain;
	width:380px;
	height:0;
	text-indent:-9999em;
	padding-top:27.3684211%;
	display:block;
}
.pokemontf-contents-area02 {
	margin-top:-15%;
}
.pokemontf-contents-area02:before {
	content:"";
	display:block;
	background:url(images/bg_yellow_head02.png) no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:15.8002039%;
	line-height:0;
}
.pokemontf-contents-area02:after {
	content:"";
	display:block;
	background:url(images/bg_yellow_bottom02.png) no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:17.7370031%;
	line-height:0;
}
.pokemontf-contents-area02 .pokemontf-contents-area-core02 {
	background:#fbd81d;
	margin-top:-1px;
	padding:5% 0;
}
.pokemontf-contents-area02 .pokemontf-contents-area-core02 .pokemontf-title-area04 {
	background:url(images/title_pokemontf04.png) no-repeat;
	width:95%;
	max-width:744px;
	height:78px;
	text-indent:-9999em;
	margin:5% auto;
}
@media screen and (max-width: 789px) {
.pokemontf-contents-area02 .pokemontf-contents-area-core02 .pokemontf-title-area04 {
	background:url(images/title_pokemontf04.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:10.483871%;
}
}
.pokemontf-contents-area-core02 .pokemontf-btn-area03 {
	margin:5% 0;
}
.pokemontf-contents-area-core02 .pokemontf-btn-area03 p a {
	background:url(images/brn_more.gif) no-repeat;
	width:95%;
	max-width:380px;
	height:104px;
	text-indent:-9999em;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:30;
}
@media screen and (max-width: 789px) {
.pokemontf-contents-area-core02 .pokemontf-btn-area03 p a {
	background:url(images/brn_more.gif) no-repeat;
	background-size:contain;
	width:60%;
	height:0;
	padding-top:27.3684211%;
}
}
.pokemontf-contents-area-core02 .pokemontf-title-area05 h3 {
	background:url(images/title_pokemontf05.png) no-repeat;
	width:95%;
	max-width:744px;
	height:32px;
	text-indent:-9999em;
	margin:10% auto 0;
}
@media screen and (max-width: 789px) {
.pokemontf-contents-area-core02 .pokemontf-title-area05 h3 {
	background:url(images/title_pokemontf05.png) no-repeat;
	background-size:contain;
	height:0;
	padding-top:4.30107527%;
}
}
















.bnr-area01 {
	text-align:center;
	clear:both;
	margin:0 0 5%;
}
.bnr-area01 img {
	width:100%;
}
.foot-pokemon-area {
	width:100%;
	padding:0 2.5%;
}
@media screen and (max-width: 639px) {
.head-pokemon-area h3.title-pokemon {
	background-size:contain;
	width:539px;
	height:0;
	padding-top:86.5877712%;
}
h4.title-concept {
	background:url(images/title_pokemon_concept.png) no-repeat;
	background-size:contain;
	width:auto;
	height:0;	
	padding-top:57.7956989%;
}
.head-pokemon-area p {
	text-align:left;
}
.head-pokemon-area p span {
	display:inline;	
}
.body-pokemon-area h4.title-item {
	background:url(images/title_pokemon_item.png) no-repeat;
	background-size:contain;
	width:auto;
	height:0;
	padding-top:66.2162162%;	
}
.foot-pokemon-area h4.title-instagram {
	background:url(images/title_pokemon_instagram.png) no-repeat;
	background-size:contain;
	width:auto;
	height:0;
	padding-top:57.2972973%;	
}
.foot-pokemon-area h4.title-info {
	background:url(images/title_pokemon_info.png) no-repeat;
	background-size:contain;
	width:auto;
	height:0;
	padding-top:64.8648649%;	
}
}
.pokemon-instagram-timeline {
	width:95%;
	max-width:760px;
	margin:0 auto;
	clear:both;
}
.pokemon-instagram-timeline dl {
	float:left;
	width:33.33333%;
	padding:0.5% 1%;
}
.pokemon-instagram-timeline dl dt {
	margin:0;
	overflow:hidden;
	display: inline-block;
	position: relative;
	width:100%;
	height:220px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
	line-height:0;
}
.pokemon-instagram-timeline dl dt img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}
.pokemon-instagram-timeline dl:nth-child(1),
.pokemon-instagram-timeline dl:nth-child(4),
.pokemon-instagram-timeline dl:nth-child(7) {
	clear:both;
	float:left;
}

@media screen and (max-width: 1249px) {
/*タイムライン表示*/
.pokemon-instagram-timeline dl {
	float:left;
	width:50%;
	padding:0 0.5% 0;
}
.pokemon-instagram-timeline dl dt:first-child {
	max-height:100%;
	height:500px;
}
.pokemon-instagram-timeline dl:nth-child(2) dt,
.pokemon-instagram-timeline dl:nth-child(3) dt,
.pokemon-instagram-timeline dl:nth-child(4) dt,
.pokemon-instagram-timeline dl:nth-child(5) dt,
.pokemon-instagram-timeline dl:nth-child(6) dt,
.pokemon-instagram-timeline dl:nth-child(7) dt,
.pokemon-instagram-timeline dl:nth-child(8) dt,
.pokemon-instagram-timeline dl:nth-child(9) dt {
	height:300px;
}
.pokemon-instagram-timeline dl:first-child {
	width:100%;
	clear:both;
}
.pokemon-instagram-timeline dl:nth-child(2),
.pokemon-instagram-timeline dl:nth-child(4),
.pokemon-instagram-timeline dl:nth-child(6) {
	clear:both;
	float:left;
}
.pokemon-instagram-timeline dl:nth-child(4),
.pokemon-instagram-timeline dl:nth-child(7) {
	clear:none;
}
}
@media screen and (max-width: 999px) {
.pokemon-instagram-timeline dl {
	float:none;
	width:100%;
	padding:1%;
}
.pokemon-instagram-timeline dl dt {
	width: 100%;
	height: 500px!important;
}
}
@media screen and (max-width: 639px) {
.pokemon-instagram-timeline dl dt {
	height: 230px!important;
}
}

h4.title-info {
	background:url(images/title_pokemon_info.png) no-repeat;
	width:370px;
	height:240px;
	text-indent:-9999em;
	margin:20% auto 5%; 	
}
.bnr-area02 {
	width:100%;
	max-width:625px;
	margin:-15% auto 0;
}
.bnr-area02 li {
	margin:1.5% 0;
}
.bnr-area02 li img {
	width:100%;
}

.wall-paper-area {
	width:100%;
	max-width:690px;
	margin:0 auto;	
}
.wall-paper-area h4 {
	background:url(images/title_pokemon_dl.png) no-repeat;
	width:370px;
	height:240px;
	text-indent:-9999em;
	margin:5% auto; 	
}
.wall-paper-area {
	width:100%;
	max-width:690px;
	margin:0 auto;
	padding-top:5%;	
}
.wall-paper-area dl {
	width:50%;
	float:left;
	margin-bottom:5%;
	padding:0 1%;	
}
.wall-paper-area dl img {
	width:100%;
}
.wall-paper-area dl dd {
	margin:20px 0;	
}
@media screen and (max-width: 778px) {
.wall-paper-area {
	width:95%;	
}
}
@media screen and (max-width: 639px) {
.wall-paper-area h4 {
	background:url(images/title_pokemon_dl.png) no-repeat;
	background-size:contain;
	width:370px;
	height:0;
	padding-top:64.8648649%;	
}
}
@media screen and (max-width: 449px) {
.wall-paper-area dl {
	width:100%;
	float:none;
	margin-bottom:0;	
}
}


.footer-pokemon {
	background:#eee;
	padding:30px 2.5%;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.footer-pokemon h3 {
	margin-right:auto;
	line-height:0;
}
.footer-pokemon p {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
@media screen and (max-width: 778px) {
.footer-pokemon {
	display:block;
}
.footer-pokemon h3 {
	text-align:center;
	margin-bottom:10px;
}
.footer-pokemon p {
	text-align:center;
	font-size:12px;
}
}

/**キャンペーン終了**/

.after-campaign {
	background:#fff;
	padding-top:1%;
	padding-bottom:4%;
}
.after-campaign h3 {
	border:solid 4px #000;
	padding:20px 0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:0;
}
@media screen and (max-width: 779px) {
.after-campaign h3 {
	font-size:16px;
}
}
@media screen and (max-width: 639px) {
.after-campaign h3 {
	font-size:14px;
}
}