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

/*背景全部黒*/
.block-goods-detail{background: #000; color: #fff;}
/*白文字指定*/
.revico-star-block--total,
/*.page-goods .block-goods-price-in-tax,*/
/*.page-goods .block-goods-price--price .payment-count,
.page-goods .block-goods-price--price .payment-month,*/
.page-goods .block-goods-comment5 h2.block-goods-spec-comment-title,
.page-goods #block_goodsdetail_sns_contact .block-contact-about-goods--btn{color: #fff;}

.page-goods .goods-middle-guide-menu a{color: #fff;}

/*黒文字指定*/
.indent-list,
.page-goods .block-goods-comment5 .goods-detail-spec-table th,
.page-goods .goods-detail-description.block-method dt{color: #111;}

/*価格部分だけ背景白*/
.block-goods-price-wrap{background: #fff;}
.block-goods-price-wrap dl{color: #333;}

/*SPでのフッター当たりの白背景*/
@media screen and (max-width: 767px) {
#goodsdetail_itemhistory{background: #fff;}
.block-topic-path{background: #fff; margin-bottom: 0;}
.page-goods .block-goodsdetail-recommend{margin: 0;}
}

/*横幅100％にするcss一式*/
.page-goods .block-goods-detail{width: 100%;}
.detailetmpl{width: 1200px; margin: 0 auto;}

#block_goodsdetail_revico,
#revico-review-zone,
.page-goods #block_goodsdetail_sns_contact,
.page-goods #pane_goods_main_top,
.page-goods .pane-goods-flexframe#pane_goods_main_bottom,
.pane-goods-footer,
.block-goods-comment2{
    width: 1200px;
    margin: 0 auto;
}




@media screen and (max-width: 767px) {
.page-goods .block-goods-detail{width: auto; padding: 15px 0;}
.detailetmpl{width: 100%;}

#block_goodsdetail_revico,
#revico-review-zone,
.page-goods #block_goodsdetail_sns_contact,
.page-goods #pane_goods_main_top,
.page-goods .pane-goods-flexframe#pane_goods_main_bottom,
.pane-goods-footer,
.block-goods-comment2{width: 100%;}

.page-goods #block_goodsdetail_revico .revico-common-background-style{width: 110%}
}




/*ここからページ用css*/
.page-goods .block-goods-name h1.block-goods-name--text{color: #fff; border-bottom: 0px; padding: 20px 0;}

#block01 h2,
#block02 h2{text-align: center; width: 1050px; margin: 60px auto 40px; color: #fff; font-size: 30px;}
#block01 h2::after,
#block02 h2::after{
content: '';
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    line-height: 0;
    overflow: hidden;
    margin: 10px 0 0;
background: -moz-linear-gradient(left,  #ff3232 0%, #ffaa32 15%, #eeff32 30%, #32ff47 43%, #32ffe7 58%, #3295ff 74%, #a332ff 88%, #ff89d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff3232 0%,#ffaa32 15%,#eeff32 30%,#32ff47 43%,#32ffe7 58%,#3295ff 74%,#a332ff 88%,#ff89d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff3232 0%,#ffaa32 15%,#eeff32 30%,#32ff47 43%,#32ffe7 58%,#3295ff 74%,#a332ff 88%,#ff89d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.block_wrap{background: url("/img/usr/goodsdetail/exj/jukebox-cdplayer_bgloop_new.jpg"); background-repeat: repeat-y; background-size: 100%; width: 1200px; color: #fff; margin: auto;}
#block01,#block02{/*background: url("/img/usr/goodsdetail/exj/jukebox-cdplayer_bgloop.jpg"); background-repeat: repeat-y; background-size: 100%; width: 1200px; color: #fff; margin: auto;*/}

.block_wrap a:hover{opacity: 0.7;}

#block01 .mv{/*background: url("/img/usr/goodsdetail/exj/jukebox-cdplayer_bgtop.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100%; */width: 1200px; padding: 0 0 0px; }
#block01 .mv img{width: 1200px;}



.gift{width: 950px; margin: auto; padding: 50px 0 0;}

.itembox{display: flex; justify-content: space-between; width: 950px; margin: 50px auto 0;}
.itembox .item_photo{width: 440px;}
.itembox .item_text{width: calc(100% - 480px);}

.itembox_caption{font-size: 80%;}

/*最初のボックスのみPC写真ナシの対応*/
.lead.itembox .item_text{width: 100%;}

#block02{margin: 0px auto 0;}

.lead_txt{width: 950px; margin: 0 auto 30px;}

.itembox2{width: 950px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.itembox2 li{width: calc(50% - 10px); margin-bottom: 20px;}
.itembox2 .itembox2_caption{font-size: 80%;}

#block02 .btm_bar{margin: 50px 0 0;}

@media screen and (max-width: 767px) {
.page-goods .block-goods-name h1.block-goods-name--text{padding: 0;}
.pane-main{background: #000;}
#block01 h2,
#block02 h2{width: 80%; font-size: 18px;}
#block01 h2{ margin: 20px auto 40px;}
.block_wrap{width: 100%;}
/*#block01,#block02{width: 100%;}*/
#block01 .mv{width: 100%; padding: 0 0 20px;}
#block01 .mv img{width: auto;}
.gift{width: 85%; padding: 10px 0 30px;}
.itembox{display: block; width: 85%; margin: 0 auto 30px;}
.itembox .item_photo,.itembox .item_text{width: 100%;}
.itembox .item_photo{margin: 0 0 10px;}

.lead_txt{width: 85%;}

.itembox2{width: 85%; display: block;}
.itembox2 li{width: 100%; margin-bottom: 20px;}

#block02 .btm_bar{overflow: hidden;}
#block02 .btm_bar img{height: 60px;}
}

/*曲目リスト*/
.song_list_tit{font-size: 18px; font-weight: bold;}
.song_list{display: flex; justify-content: space-between;}
.song_list > div{width: calc(49% - 1em);}
.song_list ul li{font-size: 14px; margin: 0 0 5px;}

.song_list ul{
	counter-reset: listnum; /* カウンターをリセット */
	list-style: none; /* 標準のスタイルは消す */
}
.song_list ul li{position: relative; padding-left: 2em;}
.song_list ul li::before{
position: absolute;
left: 0em;
	counter-increment: listnum;
	content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */
	padding-right: 15px;
	color: #1e8ec8;
	vertical-align: middle;
	font-family: roboto;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
.song_list{display: block;}
.song_list > div{width: 90%; margin: 0 auto 30px;}
}



/*購入ボタン*/
.order_btn{width: 900px; margin: 30px auto 0;}
/*期間限定ギフトバナー*/
.gift2{width: 950px; margin: 30px auto 0;}


@media screen and (max-width: 767px) {
/*購入ボタン*/
.order_btn{width: 80%; margin: auto;}
/*期間限定ギフトバナー*/
.gift2{width: 85%; margin: auto;}
#block02 .gift2{ margin: 0 auto 40px;}

}


.exj00_color{width: 950px; margin: 20px auto;}
@media screen and (max-width: 767px) {
.exj00_color{width: 80%;}
}



/*レビココメント追加調整*/

#block_goodsdetail_revico .revico-star .revico-star-graph{color: #444;}
@media screen and (max-width: 767px) {
.revico-star.revico_yellow{width: calc(100% + 30px);}
.page-goods .block-goods-comment4{background: #000;}
}