@charset "UTF-8";

/*
* M A I N
*/

/* Index 各パネル設定 */
#contentWrap.secondlyCont #mainArea ul.selectPanel li a{
width: auto;
background: url(/ex/xy/pokemon/images/btn_panel_sml.png) no-repeat 0 0;
background-size: 312px auto;
}
#pokemon.index ul.selectPanel li.sp01 a,
#pokemon.index ul.selectPanel li.sp01 a:hover{
background-position: 0 0 !important;
}
#pokemon.index ul.selectPanel li.sp02 a,
#pokemon.index ul.selectPanel li.sp02 a:hover{
background-position: 0 -85px !important;
}
#pokemon.index ul.selectPanel li.sp03 a,
#pokemon.index ul.selectPanel li.sp03 a:hover{
background-position: 0 -170px !important;
}
#pokemon.index ul.selectPanel li.sp04 a,
#pokemon.index ul.selectPanel li.sp04 a:hover{
background-position: 0 -255px !important;
}

/* h2 */
#pokemon.first3_index #contentWrap.lowestCont #mainArea h2,
#pokemon.new_index #contentWrap.lowestCont #mainArea h2,
#pokemon.legend_index #contentWrap.lowestCont #mainArea h2,
#pokemon.mega_index #contentWrap.lowestCont #mainArea h2{
border-left: none;
}
#pokemon.new_02 #contentWrap.lowestCont #mainArea h2 {
height: auto;
background-position: 0 0;
}
#pokemon #contentWrap.lowestCont #mainArea h2 img{
pointer-events:none !important;
}
#pokemon.mega_03 #contentWrap.lowestCont #mainArea h2{
height: auto;
}

#pokemon #contentWrap.lowestCont #mainArea map,
#pokemon #contentWrap.lowestCont #mainArea area{
display: none;
pointer-events:none !important;
}



/*
 Pokemon Main Images
*/
#pokemon div.pokeGlid2Col{
margin-bottom: 20px;
}
#pokemon div.pokeGlid2Col .pokeImg{
float: none;
width: auto;
margin-bottom: 10px;
text-align: center;
}
#pokemon div.pokeGlid2Col .pokeImg img{
width: 284px;
height: auto;
}
#pokemon div.pokeGlid2Col .pokeData,
#pokemon div.pokeGlid2Col .pokeData.paddingHalf{
float: none;
width: auto;
padding: 0;
text-align: center;
}
#pokemon div.pokeGlid2Col .pokeData img{
width: 200px;
height: auto;
}

/*
 Pokemon Main Images
*/
#pokemon div.capUnit260{
margin: 0 0 25px 0;
}
#pokemon div.capUnit260 ul li{
float: none;
width: auto;
margin: 0 0 10px 0;
text-align: center;
}
#pokemon div.capUnit260 p{
width: auto;
}


/*
 Pokemon capUnit210
*/
#pokemon div.capUnit210{
margin: 0 0 25px 0;
}
#pokemon div.capUnit210 ul li{
float: none;
width: auto;
margin: 0 0 10px 0;
text-align: center;
}
#pokemon div.capUnit210 p{
width: auto;
}

/* w210 3pane */
#mainArea div.w210ThumbList ul li{
display: block;
width: auto;
float: none;
margin: 0 auto;
text-align: center;
}

/* w210 2pane */
#mainArea div.w210ThumbList.glid02{
width: auto;
}
#mainArea div.w210ThumbList.glid02 ul li{
width: auto;
float: none;
margin: 0;
}

/* Local Nav */
#mainArea .localNav_smt dl{
margin: 0 0 20px;
}
#mainArea .localNav_smt dl dt{
padding: 10px 0 9px 10px;
border: 1px solid #dedede;
border-bottom: none;
background: rgba(228, 228, 228, 0.8);
font-size: 13px;
font-weight: bold;
border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-ms-border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
-ms-border-top-right-radius: 8px;
}
#mainArea .localNav_smt dl dd{
float: none;
height: auto;
background: rgba(255, 255, 255, 0.8) url(/ex/xy/common/images/icn_sml.png) no-repeat 100% -85px;
background-size: 20px auto;
}
#mainArea .localNav_smt dl dd:last-child{
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-ms-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-ms-border-bottom-right-radius: 8px;
}
#mainArea .localNav_smt dl dd a{
display: block;
/* height: 16px; */
padding: 11px 0 13px 10px;
color: #333;
border: 1px solid #dedede;
border-bottom: none;
font-size: 12px;
text-indent: 0;
text-decoration: none;
}
#mainArea .localNav_smt dl dd:last-child a{
border-bottom: 1px solid #dedede;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-ms-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-ms-border-bottom-right-radius: 8px;
}
#mainArea .localNav_smt dl dd a span.new {
display:inline-block; width:28px; height:13px; margin-left:4px;
background:url(/ex/xy/common/images/icn_new.png) 0 0 no-repeat;
text-indent: -9999px; vertical-align: middle;
}




/* ------------------------------------------
 [ new ] 02.html
------------------------------------------ */
#pokemon.new_02 p.btnAboutFairy a{
width: auto;
max-width: 320px;
background-size: cover;
margin:auto;
}
#pokemon.new_02 p.btnAboutFairy a:hover{
background-position: 0 0;
}

/* ------------------------------------------
 [ new ] 07.html
------------------------------------------ */
/* 全種類を集めよう！　世界中で捕まるビビヨンの姿を大公開！  */
#pokemon a.btn_vivillon {
	display: block;
	width:300px; height:54px;
	background: url(/ex/xy/pokemon/new/images/btn_vivillon_sp.png) no-repeat 0 0;
	overflow: hidden; text-indent: 110%; white-space: nowrap;}
#pokemon a.btn_vivillon:hover { background-position: 0 0; }



/* ------------------------------------------
 [ new ] 36.html
------------------------------------------ */
#pokemon.new_36 .spec .img { 
	width:300px; height:1044px; margin:0 auto;
	background: url(/ex/xy/pokemon/new/images/img_new_36_sp.png) 0 0 no-repeat;
	background-size:(cover);
 }
#pokemon.new_36 .spec .img img{ display:none; }



/* btn01 「特性」とは？ */
#pokemon a.btn01 {
width: auto;
max-width: 320px;
background-size: cover;
margin:auto;}
#pokemon a.btn01:hover { background-position: 0 0; }

/* btn02 「ゴーゴート」についてはこちらをチェック！ */
#pokemon a.btn02 {
width: auto;
max-width: 320px;
background-size: cover;
margin:auto;}
#pokemon a.btn02:hover { background-position: 0 0 !important; }


/* ------------------------------------------
MEGA 01.html
------------------------------------------ */
#pokemon.mega_01 .movieBox .imgHalfLaterR .img { width:auto; text-align:center; }
#pokemon.mega_01 .movieBox .imgHalfLaterR .img img{ width:auto; max-width:100% !important; }
#pokemon.mega_01 .movieBox .imgHalfLaterR .text { width:auto; margin:0 10px; }
#pokemon.mega_01 .imgHalfLaterR .text .data02 { text-align:center; }

/* ------------------------------------------
MEGA spec
------------------------------------------ */
#pokemon.mega .spec { position: static; }
#pokemon.mega .spec .from{ float:none; text-align:center; margin:0; float:none; }
#pokemon.mega .spec .to  { float:none; text-align:center; }
#pokemon.mega .spec .arrow{ position: static; display:block; width:41px; height:19px; margin:10px auto; float:none;
background: url(/ex/xy/common/images/miniArrowV.png) center center no-repeat;}
#pokemon.mega .spec .arrow img { display:none; }

#pokemon #mainArea div.imgRFL{
margin-left:0px;
text-align:left;
width:auto;
}
#pokemon #mainArea div.imgRFL .img{
float:none;
margin:0;
text-align: center;
}
#pokemon #mainArea div.imgRFL .img p{
float:none;
margin:0;
width:auto;
}

/* ------------------------------------------
spec
------------------------------------------ */
#pokemon .spec { position: static; }
#pokemon .spec .from{ float:none; text-align:center; margin:0; float:none; }
#pokemon .spec .to  { float:none; text-align:center; }
#pokemon .spec .arrow{ position: static; display:block; width:41px; height:19px; margin:10px auto; float:none;
background: url(/ex/xy/common/images/miniArrowV.png) center center no-repeat;}
#pokemon .spec .arrow img { display:none; }

#pokemon .spec.LtoR .from{ float:none; text-align:center; margin:0; float:none; }
#pokemon .spec.LtoR .to  { float:none; text-align:center; }
#pokemon .spec.LtoR .arrow{ position: static; display:block; width:41px; height:19px; margin:10px auto; float:none; }

/* ------------------------------------------
MEGA 10.html
------------------------------------------ */
#pokemon.mega_10 a.btn { margin:0 auto; }
#pokemon.mega_10 a.btn:hover {	background-position:0 0; }

/* ------------------------------------------
MEGA 12.html
------------------------------------------ */
#pokemon.mega_12 a.btn { margin:0 auto; }
#pokemon.mega_12 a.btn:hover {	background-position:-250px 0; }

#pokemon .w600,
#pokemon .w455,
#pokemon .w475,
#pokemon .w405,
#pokemon .w585,
#pokemon .w621,
#pokemon .w590,
#pokemon .w486,
#pokemon .w360,
#pokemon .w650,
#pokemon .w245 { width:100%!important; }