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

File name : contents.css

[index]

2.bxslider custom
3.COMMON
4.TOP
5.CATALOG
6.WALL PAPER
7.メディアクエリ
----------------------------------------------------------- */

/*----------------------------------------------------
 2= bxslider custom
----------------------------------------------------*/
/* common */
#adidas .contBox2{ background:#000000 !important;}
#adidas .bx-wrapper{ margin-bottom:0 !important;}
#adidas .bx-wrapper img{ margin:0 auto !important;}
#adidas .bx-viewport{ background:#000000 !important;}

/* .mainFade (メインイメージスライダー) */
.mainFade .bx-wrapper .bx-pager{ display:none !important;}

/* .sliderBox (商品スライダー) */
#adidas .sliderBox{ position:relative;}

/* .sliderBox (商品スライダーのdiv) */
#adidas .contBox2 .bx-wrapper{height:400px; background:#000000 !important;}

/* .slide_adidas (商品スライダー) */
.slide_adidas{background:#000000;}

/*  商品詳細テキスト */
.slide_adidas p{ color:#ffffff; padding:0px 60px 15px;}
.slide_adidas p span.itemName{ font-size:107%; padding-right:10px;}
.slide_adidas p span.itemTax{ font-size:77%;}

/* .itemDetail (商品詳細ボタン) */
.slide_adidas p span.itemDetail{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:0;
	padding-top:18%;
	margin:10px auto 0;
	background: url(/sp_data/adidas2015/sp/img/renewal_top/buy_btn.png) top center;
	background-size:100%;
}
.slide_adidas p span.itemDetail.booking{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:0;
	padding-top:18%;
	margin:10px auto 0;
	background: url(/sp_data/adidas2015/sp/img/renewal_top/booking_btn.png) top center;
	background-size:100%;
}

/* .左右のarrowナビ */
#adidas .sliderBox #slider-prev{ position:absolute; left:0; top:0}
#adidas .sliderBox #slider-next{ position:absolute; right:0; top:0}
#adidas .sliderBox #slider-prev img,
#adidas .sliderBox #slider-next img{ height:400px !important;}

/* .bx-wrapper .bx-pager (商品スライダーのページャー) */
.contBox2 .bx-wrapper .bx-pager,
.contBox2 .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -40px;
	width: 100%;
}
.contBox2 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #5c5c5c;
	text-indent: -9999px;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
/*.contBox2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.contBox2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#d5e23e;}*/

/* .4item (商品スライダーのページャー 4つの時) */
.4item .bx-pager-item{ margin-right:8px;}


/*----------------------------------------------------
 3= COMMON
----------------------------------------------------*/
#adidas{width:100%; padding-top:45px; line-height:1.5em;}
#adidas img{ width:100%;}
.adidasLower{ padding-top:45px !important;}

/* link */
#adidas a{ text-decoration:none; color:#ffffff; font-weight: normal;}

/* #adidasMain */
#adidasMain{ font-size:77%; color:#ffffff;}

/* #adidasHeader */
#adidasHeader .headerTit a img{ width:100% !important;}


/* margin */
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb100{ margin-bottom:100px;}


/*----------------------------------------------------
 4= TOP-COMMON
----------------------------------------------------*/
.contBox2 .spacer{ width:100%; height:60px;}

/* .titleBg */
.titleBg{}

/* .adidas_youtube */
.adidas_youtube {
	position: relative;
	padding-bottom: 53.4%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
 .adidas_youtube iframe,  
.adidas_youtube object,  
.adidas_youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .cssSwitch */
.cssSwitch{
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
}
.cssSwitch li{
	float:left;
	width:50%;
 position:relative;
}
.cssSwitch li img{
	width:100% !important;
}
.cssSwitch button{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0;
}

/* .adidas_twitter */
.adidas_twitter { padding:10px;}
.adidas_twitter .twitter-timeline{ width:100% !important;}

/* .newsBox */
.newsBox{ padding:10px; }
.newsDate{ margin-top:10px; color:#d5e23e;}
.newsTxt p{ word-break: break-all;}

/* .newsBox .bottom*/
.contBox1 .bottom .news,
.contBox3 .bottom .news{ width:49%; float:left;}
.contBox1 .bottom .news02,
.contBox3 .bottom .news02{ margin-right:2%;}

/* .moreBtn bottom*/
.moreBtn{ margin-top:10px}
	.moreBtn a img{ width:100% !important;}

/* .contYt */
.contYt{
	padding-top:10px;
}

/* .contBox3 */
.contBox3 .titleBg .soon{
	display:none;
}
	/* coming soon時 */
	.contBox3.coming .titleBg .soon{
		display: block !important;
	}
	.contBox3.coming .titleBg .opne,
	.contBox3.coming .newsBox,
	.contBox3.coming .moreBtn{
		display: none;
	}

/* .contBox4 */
.contBox4{padding:10px 0 40px;}
	.contBox4 h2{ padding:10px 10px 0;}
	.versionNav{ padding:0 10px 0;}
	.contBox4 .areaTit a img{ width:100% !important;}

/* .versionNav */
.versionNav{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.versionNav li{
	float:left;
	width:49%;
	position:relative;
}
.versionNav li.last{
	margin-left:2%;
}
.versionNav li img{
	width:100% !important;
}

.versionNav button{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0;
}

/* .backBtn */
.backBtn{ background-color:#d5e23e; margin-right:10px;}

/* .pageTop */
.pageTop{
	margin-top:20px;
}
.pageTop a{
	width:50%;
	float:right;
}
.pageTop img{
	width:100% !important;
}


/*----------------------------------------------------
 7= メディアクエリ
----------------------------------------------------*/

/* iPhone6など */
@media screen and (min-width:375px){
/* .sliderBox (商品スライダーのdiv) */
#adidas .contBox2 .bx-wrapper{height:460px !important;}
/* .左右のarrowナビ（スライドショー） */
#adidas .sliderBox #slider-prev img,
#adidas .sliderBox #slider-next img{ height:460px !important;}	
}

/* iPhone6+など */
@media screen and (min-width:414px){
/* .sliderBox (商品スライダーのdiv) */
#adidas .contBox2 .bx-wrapper{height:490px !important;}
/* .左右のarrowナビ（スライドショー） */
#adidas .sliderBox #slider-prev img,
#adidas .sliderBox #slider-next img{ height:490px !important;}	
}

/* スマートフォン横置き*/
@media screen and (min-width:480px){

/*スライドショー*/
.contBox2 .sliderBox{ background:#000000;}

/* #adidasNav */
#adidas .contBox2 .bx-wrapper { height:300px !important; width:375px;}

/* #スライド画像 */
#adidas .bx-wrapper img{ width:50% !important;}

/* #slider-prev , #slider-next */
#adidas .sliderBox #slider-prev img, #adidas .sliderBox #slider-next img {height: 300px !important;}
#adidas .sliderBox #slider-next {
	position: absolute;
	right: 0;
	top: 0;
}
#adidas .sliderBox #slider-prev {
	position: absolute;
	left: 0;
	top: 0;
}

}