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

File name : contents.css

[index]

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

/*----------------------------------------------------
 1= header固定
----------------------------------------------------*/
.fixed {
 position: fixed;
 top: 45px;
 left: 0;
 width: 100%;
	z-index:99999;
}

/* ネガティブマージン （ゲキサカヘッダー45px + adidasメニュー35px） */
#adidas01,
#adidas02,
#adidas03{
 margin-top: -79px; /* 固定ナビの高さ分のネガティブマージン */
 padding-top: 79px; /* 打ち消し用のパディング */
}
#adidas04{
 margin-top: -90px; /* 固定ナビの高さ分のネガティブマージン */
 padding-top: 90px; /* 打ち消し用のパディング */
}

#catalog01,
#catalog02,
#catalog03,
#catalog04{
 margin-top: -45px; /* 固定ナビの高さ分のネガティブマージン */
 padding-top: 45px; /* 打ち消し用のパディング */
}


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


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

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

#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:347px !important;}

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

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

.slide_adidas p{ color:#ffffff; padding:13px 37px;}
.slide_adidas p span{ font-size:107%; color:#089471;}

/* .bx-wrapper .bx-pager (商品スライダーのページャー) */
.contBox2 .bx-wrapper .bx-pager,
.contBox2 .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -45px;
	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:#089471;}

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


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

#adidas a{ text-decoration:none; color:#000000; font-weight: normal;}

/* common */
#adidas{
	background: url(/sp_data/adidas2015/sp/img/top/bg.png) top right;
	background-size: contain;
	line-height:1.5em;
}

/* #adidasHeader */
#adidasHeader .headerTit a img{ width:100% !important;}
/*#adidasHeader .headerTit{ border-top:#000000 solid 5px; border-bottom:#5c5c5c solid 1px;}*/


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

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

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

/* #adidasNav */
#adidasNav ul li{ float:left; width:25%; height:35px; margin:0; padding:0;}
#adidasNav ul li.menu1{ background-color:#e72d2d;}
#adidasNav ul li.menu2{ background-color:#089471;}
#adidasNav ul li.menu3{ background-color:#e2df02;}
#adidasNav ul li.menu4{ background-color:#0095ba;}

/* #adidasMain */
#adidasMain{ font-size:77%; line-height:1.5em;}

/* .newsBox */
.newsBox{ padding:10px;}
.newsDate{ margin-top:10px; color:#e72d2d;}

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

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

/* .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%;
}

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

/* .contBox3 .itemBox */
.contBox3 .itemBox{ padding:10px;}
	.itemBox .itemTit{ color:#d8d500; font-size:107%; font-weight:bold; padding-bottom:10px;}
	.itemBox .itemTxt{ padding-top:10px;}
	.itemBox .itemProduct{}
	
	/* coming soon */
	.itemBox .soon{ background:#808080 url(/sp_data/adidas2015/sp/img/top/03_soon.png) no-repeat center; background-size:70%;}
	.itemBox .soon img{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0}

/* close */
.contBox3 .close{ display:none;}

/* .contBox4 .wpBox */
.contBox4{padding:10px 10px 40px;}
	.contBox4 .wpTxt{ text-align:center; padding:10px 0 0 0;}	
	.contBox4 .areaTit a img{ width:100% !important;}



/*----------------------------------------------------
 5= CATALOG
----------------------------------------------------*/
.lowBox .areaTit a img{ width:100% !important;}

.catalogBox{}
.catalogBox .itemImg{ border-top:#089471 solid 1px;}
.catalogBox p{ padding:14px 10px;}
.catalogBox p span{ font-size:107%; color:#089471; font-weight:bold;}

.catalogBox .itemBtn{ padding:10px;}
.catalogBox .itemBtn a img{ width:100% !important;}

/*----------------------------------------------------
 6= WALL PAPER
----------------------------------------------------*/
.lowBox{}

.wpBox{ padding:10px;}
.wpDl{ margin-top:10px;}
.wpDl div{ float:left; width:49%;}
.wpImg{margin-right:2%;}
.wpBtn{ padding-top:15%;}

.wpBtn li:first-child{ margin-bottom:10%;}
.wpBtn li{ margin-bottom:8%; padding-right:2%;}

.wpBox p{ font-size:92%;}
.wpBox p.dlTit{ color:#0095ba; font-size:107%;}
.wpBox span.dlNo{color:#0095ba;}
.wpBox span.note{color:#333333; font-size:77%;}

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


/*横置き*/
@media screen and (min-width:480px){
#adidas{ padding-top:65px;}
.adidasLower{ padding-top:45px !important;}


/* ネガティブマージン （ゲキサカヘッダー45px + adidasメニュー） */
#adidas01,
#adidas02,
#adidas03{
 margin-top: -64px; /* 固定ナビの高さ分のネガティブマージン */
 padding-top: 64px; /* 打ち消し用のパディング */
}
#adidas04{
 margin-top: -74px; /* 固定ナビの高さ分のネガティブマージン */
 padding-top: 74px; /* 打ち消し用のパディング */
}

/*メニュー*/
/* #adidasNav */
#adidasNav ul li{ float:left; width:25%; height:20px; margin:0; padding:0;}
#adidasNav ul li img{ width:53px !important; height:20px !important; margin:0 auto; display:block;}

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

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

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

}