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

/*商品の選択開閉*/
/*ベース*/
.select_button .toggle {
	display: none;
}
.select_button .Label {		/*タイトル*/
	padding: 1em;
	display: block;
/*	color: #fff;
	background:#019ac6;*/
    cursor: pointer;
}
.select_button .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
    
    display: none!important;/*復活させる場合は消す*/
}
.select_button .Label,
.select_button .slctbox_btns {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
    
}

.select_button .slctbox_btns {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.select_button .toggle:checked + .Label + .slctbox_btns {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.select_button .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
    
}

.select_button .Label:hover,
.select_button .slctbox_btns a:hover{opacity: 0.8;}

/*収録曲*/
/*ベース*/
.songlist .toggle {
	display: none;
}
.songlist .Label {		/*タイトル*/
/*	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;*/
    
    display: block;
    width: 427px;
    margin: auto;
}
.songlist .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
    
    display: none!important;/*復活させる場合は消す*/
}
.songlist .Label,
.songlist .songlist_box {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.songlist .songlist_box {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.songlist .toggle:checked + .Label + .songlist_box {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
    
}
.songlist .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
    
}

.songlist .toggle:checked + .Label img{opacity: 0;}
.songlist .Label{background: url("../images/wood_btn_2_clsdw.png") no-repeat;
background-position: top;
background-size: 100%;}


/*もっと見る*/
/*モーダル背景カーソル*/
.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
/*  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;*/
  cursor: -moz-default;
  cursor: -webkit-default;
  cursor: default; }

/*ボックスデザイン*/
.blk09_inbox{width: 915px; margin: auto; 
background: rgba(255,255,255,.85); 
position: relative; }

.mfp-bg{background: none;}

.blk09_inbox:last-child{padding-bottom: 10px;}


@media screen and (max-width:767px) {

.songlist .Label{width: 90%;}
.songlist .toggle:checked + .Label + .songlist_box{padding: 0;}

.blk09_inbox{width: 95%; margin: 80px auto 0;}

}


.mfp-close-btn-in .mfp-close{
color: #fff!important;
height: 40px; width: 40px; line-height: 40px; background: #f00;
margin: 5px;
opacity: 1;
font-size: 45px;
/*border: 1px solid #000;*/
}


.popup-modal-dismiss{}
.popup-modal-dismiss a{display: block; width: 250px; margin: 30px auto; 
background: #e0000a; 
font-size: 24px; line-height: 45px; text-align: center; text-decoration: none;
color: #fff;
border-radius: 15px;}


/*収録曲を見る開閉*/
.readmore{
    position: relative;
    box-sizing: border-box;
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 150px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 140px;
    /*グラデ*/
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    

}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 5px 20px;
    /*background-color: #3290c9;*/
    background-color: #008e29;
    border-radius: 25px;
    color: #FFF;
    font-size: 23px;
    width: 280px;
    text-align: center;
    
    border-top: 3px solid #49d870;
    border-left: 3px solid #2ebc55;
    border-bottom: 3px solid rgba(0,0,0,.60);
    border-right: 3px solid rgba(0,0,0,.40);
    
    cursor: pointer;
}
.readmore-label:before{
    content: '全ての収録曲を見る↓';
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: '閉じる↑';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}