﻿.jktitle {
    padding: 5px 0 5px 10px !important;
}

.jk_copy{
	padding-bottom:10px;
}

.tracklist2 li {

	list-style: none;
	list-style-position: inside;
	margin-left: 0;
	background: #f5f5f5;
	padding: 6px 6px 6px 15px !important;
	border-bottom: 2px dotted #e5e5e5;
	padding: 6px 6px 6px 35px;
	margin-left: 0;
}

.syuroku{
	padding-top:30px;
	text-align:right;
}

.cmn_column03{
    padding-bottom: 30px;
}

.furoku_img{
	margin: 0px 100px 20px !important;
}

/* 共通CSS */ 


.copy{
	padding-bottom:10px;
}


/* オーダーボタンのマウスオーバー */ 

.order_btn a:hover {
    opacity: 0.6 !important;
}


/* 画像拡大の際の、虫眼鏡 */ 

.imgzoom{
position: relative;
}

.imgzoom:after {
    content: '';
    background: url(/defaultShop/js/base2016_js/zoom_icon.png) top left no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    display: block;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    pointer-events: none;
}

.cmn_column04_caption p{
	border:solid 2px orange;
	padding:10px;
}

.tema1{
	border:solid 2px #d3edfb !important;

}

.tema2{
	border:solid 2px #d2cce6 !important;

}

.tema3{
	border:solid 2px #fadce9 !important;

}

.tema4{
	border:solid 2px #fbdac8 !important;

}

.tema5{
	border:solid 2px #fbf6b4 !important;
}

.tema6{
	border:solid 2px #d5ead8 !important;
}

.tema7{
	border:solid 2px #bbd4ef !important;
}

.tema8{
	border:solid 2px #e5c4dd !important;
}

.tema9{
	border:solid 2px #feebbe !important;
}

.tema10{
	border:solid 2px #dcdddd !important;
}




.cmn_column04_caption span{
	font-size:90%;
}

.tema{
	display:inline-block;
	width:100%;
	text-align:center;
	background-color:#d3edfb;
	padding:10px;
	margin-bottom:10px;
}

.tema2_2{
	background-color:#d2cce6;

}

.tema3_3{
	background-color:#fadce9;

}

.tema4_4{
	background-color:#fbdac8;

}

.tema5_5{
	background-color:#fbf6b4;

}

.tema6_6{
	background-color:#d5ead8;

}

.tema7_7{
	background-color:#bbd4ef;
}

.tema8_8{
	background-color:#e5c4dd;
}

.tema9_9{
	background-color:#feebbe;
}

.tema10_10{
	background-color:#dddddd;
}

.parent {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 40px;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
	font-weight:bold;
}

.div1 {
	grid-area: 1 / 1 / 2 / 3; 
	background-color:#5185c5;
	color:#fff;
	line-height:40px;

}
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 2 / 2 / 3 / 3; }
.div4 { grid-area: 1 / 3 / 2 / 5;

	color:#fff;
	line-height:40px;
	background-color:#b963a4;


 }
.div5 { grid-area: 2 / 3 / 3 / 4; }
.div6 { grid-area: 2 / 4 / 3 / 5; }
.div7 { grid-area: 1 / 5 / 2 / 7;
	color:#fff;
	line-height:40px;
	background-color:#69bd83;

 }
.div8 { grid-area: 2 / 5 / 3 / 6; }
.div9 { grid-area: 2 / 6 / 3 / 7; }


.parent2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div10 { grid-area: 1 / 1 / 2 / 2;
	    margin-right: 10px;
 }
.div11 { grid-area: 1 / 2 / 2 / 3;
	    margin-right: 10px;
 }
.div12 { grid-area: 1 / 3 / 2 / 4; }


@media screen and (max-width: 767px) {

.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 2 / 2 / 3 / 3; }
.div4 { grid-area: 3 / 1 / 4 / 3;
	margin-top: 20px;
 }
.div5 { grid-area: 4 / 1 / 5 / 2; }
.div6 { grid-area: 4 / 2 / 5 / 3; }
.div7 { grid-area: 5 / 1 / 6 / 3;
	margin-top: 20px;
 }
.div8 { grid-area: 6 / 1 / 7 / 2; }
.div9 { grid-area: 6 / 2 / 7 / 3; }

.parent2 {
display: block;
}



}



.width_740{
	flex: 0 1 740px!important;
}

.tracklist2 li {
	font-size:80%;
}

.chapter{
	color:#fff;
	background-color:#f9b0bdf2;
	display:inline-block;
	padding:5px;
	margin-right:10px;
	font-size:75%;
}

.backblue{
	background-color:#94d0f3;
}


.shadow{
    filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

.padding2040{
    padding: 20px 40px;
}

.padding050{
    padding: 0 50px;
}

@media screen and (max-width: 767px) {
.padding050{
    padding: 0px;
}
}

.audiojs {
    height: 56px;
}

.audiojs .play-pause {
    width: 50px;
    height: 40px !important;
}

.audiojs .scrubber {
    width: 55% !important;
}

@media screen and (max-width: 767px) {

.audiojs .scrubber {
    width: 45% !important;
}

}

.sample{
background-color: #f39800;
    padding: 20px;
    color: #fff;
    font-weight: bold;
  
}

@media screen and (max-width: 767px) {

.sample{
    padding: 10px 20px;
	margin-top:20px;
}

#goods_detail_faq{
	margin-top:10px;
}


}


#goods_detail_faq .faq_box_tit {
    font-size: 100%;
}

#goods_detail_faq .faq_box_tit {
    padding: 21px 60px 20px 80px;
}


@media screen and (max-width: 767px) {
#goods_detail_faq .faq_box_tit {
    padding: 21px 60px 20px 50px;
}

.list_disc{
	margin-left:20px;
}

}