﻿.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;
}


.tracklist2 li {
    list-style: decimal;
    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;
}

.sub {
    color: #888;
    display: block;
    font-size: 15px;
    line-height: 1.3;
    padding: 5px 0 0 15px;
}



/* 共通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;
}

.poka{
	display:inline-bloak;
	background-color:#3d3c3c;
	color:yellow;
	font-weight:bold;
	padding:10px;
}

.underline1{
	border-bottom:solid 1px red;
}

.pad30{
	padding:30px;
}


.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 3; }
.div4 { grid-area: 3 / 1 / 4 / 3; }

.div1,.div2,.div3,.div4,.div5,.div6,.div7,.div8{
	text-align:center;
	background-color:#cd8809d1;
	margin:3px;
	padding:5px;
	color:#fff;
	font-weight:bold;
}


.div5,.div6,.div7,.div8{
	background-color:#34850a !important;
}

.parent2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div5 { grid-area: 1 / 1 / 2 / 2; }
.div6 { grid-area: 1 / 2 / 2 / 3; }
.div7 { grid-area: 2 / 1 / 3 / 2; }
.div8 { grid-area: 2 / 2 / 3 / 3; }

.parent3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media screen and (max-width: 767px) {

.parent3 {
display: block;
}

.js-toggle_parent{
margin-top:20px !important;
}

.goods_detail_voice_list_content{
margin-top:20px !important;
}

.goods_detail_voice_list_box{
margin:20px !important;
}

.goods-detail-spec-desc{
margin-top: 70px;
}

}

.div9 { grid-area: 1 / 1 / 2 / 3;
	padding:20px; 
	padding-right:30px;}

.div10 { grid-area: 1 / 3 / 2 / 4;
	border:solid 2px red;
	padding:20px;
 }

.ban{
	background-color: #e1e0e0;
    color: #09098d9e;
	font-weight:bold;
	font-size:120%;
	padding:10px;
	text-align:center;
	margin-bottom: 10px;
	line-height: 1;
}

.bansm{
	color:#666;
	font-weight:normal;
}

.ban2{
	border-bottom:solid 2px gray;
	margin-bottom:10px;
}

.nisi_txt {
  margin-bottom: 15px;
  line-height: 1.6em;
}
figure {
  float: left;
  margin-right: 15px;
  width: 30%;
}
figure img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
figure {
float: none !important;
display:block;
margin: 0 auto;
    text-align: center;
margin-bottom:10px;
width:60%;
}

}

.nishi{
	display:inline-block;
	font-weight:bold;
	border-bottom:solid 2px red;
	margin-bottom:5px;
}


.under_pink{
	border-bottom:solid 1px red;

}

.width50{
	width:50%;
}

.qa{
	font-weight:bold;
	font-size:120%;
}

.qa_q{
	color:#9e57b5;
}

.qa_a{
	color:#dfab5d;
	font-weight:bold;
	font-size:120%;
}

.itemh3{
	margin:0 0 20px 0 !important;
}

.att{
	border:solid 1px #666;
	padding:10px;
}

.attimg{
	font-weight:bold;
	font-size:120% !important;

}

.attimg::before {
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../img/usr/goodsdetail/dgc/img/dgc18.jpg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
position:relative;
top: 4px;


}