@charset "utf-8"; /* ----------------------------------------------------------- CSS Information File name : ace.css [index] 1. 2. 3. 4. 5. 6. 7.メディアクエリ ----------------------------------------------------------- */ /*---------------------------------------------------- 0= 表示/非表示設定 ----------------------------------------------------*/ /* xを非表示 */ #adidas .ace{ display:none; } /* mv */ #randomimgA{ display:none; } /* xを表示 */ #adidas .x{ display:block; } /* mv */ #randomimgX{ display:block; } #adidas .contBox3.coming .titleBg .ace.soon{ display: none !important; } #adidas .contBox3.coming .titleBg .x.soon{ display:block !important; } /*---------------------------------------------------- 1= BG ----------------------------------------------------*/ #adidas{ background: #000000 url(/sp_data/adidas2015/sp/img/renewal_top/x/bg.jpg) top left; background-size: cover; } #adidas .contBox1, #adidas .contYt, #adidas .contBox3, #adidas .contBox4{ background: url(/sp_data/adidas2015/sp/img/renewal_top/spacer.png) top center; background-size: cover; } /*---------------------------------------------------- 2= header&MV&cssSwitch ----------------------------------------------------*/ /* title */ .header_message{ background: url(/sp_data/adidas2015/sp/img/renewal_top/x/header_message_bg.png); background-size: cover; } .cssSwitch{ margin-bottom: 0; padding-bottom: 10px; background:#000000; } /*---------------------------------------------------- 3= titleBg ----------------------------------------------------*/ .titleBg{ background: url(/sp_data/adidas2015/sp/img/renewal_top/x/title_bg.png); background-size:cover; } /*---------------------------------------------------- 4= moreBtn ----------------------------------------------------*/ .moreBtn{ background-color:#000000; } /*---------------------------------------------------- 5= bxslider ----------------------------------------------------*/ /* 商品詳細テキスト */ .slide_adidas p span.itemName{color:#d61c22;} /* .itemDetail (商品詳細ボタン) */ .slide_adidas p span.itemDetail, .slide_adidas p span.itemDetail.booking{ background-color:#d61c22;} /* .bx-wrapper .bx-pager (商品スライダーのページャー) */ .contBox2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .contBox2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#d61c22;} /*---------------------------------------------------- 6= backBtn ----------------------------------------------------*/ .backBtn{ background-color:#000000;} /*---------------------------------------------------- 7= メディアクエリ ----------------------------------------------------*/ /*スマートフォン 横置き*/ @media screen and (min-width:480px){ }