.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;
}

.tracklist2{
	margin-bottom:20px;
}

.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;
}

.page-goods .block-goods-detail {
    width: 100%;
}

.elt_back0{
	background-image:url(../../img/usr/goodsdetail/elt/img/elt_bacl2.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	width:100%;
}


.elt_back1{
	background-image:url(../../img/usr/goodsdetail/elt/img/elt_bacl1.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	width:100%;
}

.elt_back2{
	background-image:url(../../img/usr/goodsdetail/elt/img/elt_back2.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:right;
	width:100%;
	min-height: 400px;
}

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

.elt_back2{
background:none;
}

}










.elt_back3{
	background-image:url(../../img/usr/goodsdetail/elt/img/elt_back3.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	width:100%;
}



.width1200 {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
.width1200 {
        width: 100%;
        padding: 20px 0px;
    }
}

.white_shadow{
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}




.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 3 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 2 / 3 / 3; }


.parent2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div4 { grid-area: 1 / 1 / 2 / 2; }
.div5 { grid-area: 1 / 2 / 2 / 3; }
.div6 { grid-area: 2 / 1 / 3 / 3; }
.div7 { grid-area: 1 / 3 / 3 / 4; }

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

.div4{
width:43%;
float:left;
}

.div5{
width:43%;
float: right;
}

.div6{
margin-bottom: 20px;
}

}


.parent3 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div8 { grid-area: 1 / 1 / 3 / 2;
	margin: 0 20px;
    margin-top: 30px;
    padding-bottom: 60px;
    margin-left: 30px;}
.div9 { grid-area: 1 / 2 / 2 / 3;
	margin-bottom:20px; }
.div10 { grid-area: 2 / 2 / 3 / 3;
	margin-left:60px;
	padding-bottom:30px; }



.parent4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media screen and (max-width: 767px) {
.parent ,.parent2 ,.parent3 ,.parent4{
display:block;
}

.div2,.div3{
margin:0px;
}

}

.div11 { grid-area: 1 / 2 / 3 / 3; 
	margin:0 20px;
	margin-top:60px; 
	}
.div12 { grid-area: 1 / 1 / 2 / 2; 
	margin-right:140px;
	margin-bottom:20px; }
.div13 { grid-area: 2 / 1 / 3 / 2; 
	margin-left:160px;
	padding-bottom:30px; }

.div14 { grid-area: 1 / 2 / 2 / 3;
	margin-right: 150px;
	margin-bottom:20px; }

.div15 { grid-area: 1 / 1 / 3 / 2;
	margin: 0 20px;
    margin-top: 50px;
    padding-bottom: 60px;
    margin-left: 30px;}

.gradient {
    font-weight: bold;
    font-size: 180%;
	padding:10px;
    background: linear-gradient(-90deg, #ffffff 0%, #0b137f 100%);
    text-shadow: 0 0 3px #b59c00, 0 0 3px #b59c00, 0 0 3px #b59c00, 0 0 3px #b59c00, 0 0 3px #b59c00, 0 0 3px #b59c00;
	color:#ffff9d;
}

@media screen and (max-width: 767px) {
.gradient {    margin-left: -15px;
    font-size: 20px;
    margin-top: 10px;
}

.div8,.div9,.div10,.div11,.div12,.div13,.div14,.div15{
margin:10px;
}

.div8,.div15{
padding-bottom:0px;
}


}

.gradient2 {
    font-weight: bold;
    font-size: 180%;
    background: linear-gradient(-90deg, #ffffff 0%, #b59c00 100%);
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
position: relative;
    padding-left: 140px;
}

@media screen and (max-width: 767px) {
.gradient2 {
    padding-left: 60px;
}
}

.kan_1 {
width: 15%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
    top: -50%;
}

.jktitle1{
position: relative;
}

.first_1 {
    width: 25%;
    left: 92%;
    transform: translateX(-50%);
    position: absolute;
    top: -0.5%;
}

.jktitle2{
position: relative;
}

.first_2 {
    width: 25%;
    left: 92%;
    transform: translateX(-50%);
    position: absolute;
    top: -0.5%;
}

.jktitle3{
position: relative;
}

.first_3 {
    width: 25%;
    left: 92%;
    transform: translateX(-50%);
    position: absolute;
    top: -0.5%;
}



.kan_2 {
    width: 12%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
    top: -68%;
}

.kan_3 {
    width: 13%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
    top: -80%;
}




@media screen and (max-width: 767px) {
.kan_1 {
    width: 20%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
    top: -40%;
}


.first_1 {
        width: 17%;
        left: 82%;
        transform: translateX(-50%);
        position: absolute;
        top: -0.5%;
    }


.kan_3 {
    width: 20%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
      top: -40%;
}

.first_2 {
        width: 17%;
        left: 75%;
        transform: translateX(-50%);
        position: absolute;
        top: 0.2%;
    }

.first_3 {
    width: 17%;
    left: 90%;
    transform: translateX(-50%);
    position: absolute;
    top: 0.2%;
}

.kan_2 {
    width: 20%;
    left: 4%;
    transform: translateX(-50%);
    position: absolute;
    top: -40%;
}



}


.gradient3 {
    font-weight: bold;
    font-size: 180%;
    background: linear-gradient(-90deg, #ffffff 0%, #751485 100%);
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
position: relative;
    padding-left: 140px;
}


.gradient4 {
    font-weight: bold;
    font-size: 180%;
    background: linear-gradient(-90deg, #ffffff 0%, #318d99 100%);
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
position: relative;
    padding-left: 140px;
}

.gradient5 {
    font-weight: bold;
    font-size: 180%;
    background: linear-gradient(-90deg, #ffffff 0%, #8f2428 100%);
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
position: relative;
    padding-left: 140px;
}

.gradient6 {
    font-weight: bold;
    font-size: 180%;
    background: linear-gradient(-90deg, #ffffff 0%, #dd534eb8 100%);
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
position: relative;
    padding-left: 140px;
}



@media screen and (max-width: 767px) {
.gradient2 ,.gradient3 ,.gradient4 ,.gradient5 ,.gradient6{
    padding-left: 10px;
}

.gradient4{
font-size:170%;
}
}


.elt_back4{
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #ffffff 50%, #fff197 100%);
}

.elt_back5{
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #ffffff 50%, #e2cce5 100%);
}

.elt_back6{
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #ffffff 50%, #84cfd9 100%);
}

.elt_back7{
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #ffffff 50%, #ebbb6387 100%);
}

.elt_back8{
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #ffffff 50%, #dd534e38 100%);
	padding-bottom:30px;
}

.ooiti{
	color:red;
	font-size:150%;
	vertical-align:middle;
}



.ryogoku{
		vertical-align:middle;
}




@media screen and (max-width: 767px) {
.ooiti{
	font-size:100%;
}

.ryogoku{
	font-size:90%;
}
}


.margin10{
	margin:0 10px;
}

.shadow img{
    border: solid 3px #fff;
    filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

.shadow2{
    filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

.syuroku_back{
	background-color:#fff;
	margin-top: 20px;
    padding: 20px;
}

@media screen and (max-width: 767px) {
.syuroku_back{
margin:10px;
}
}

.jktitle{
	margin-top:0px !important;
}

.track_bu{
	background-color: #d1a82e;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.track_bu2{
	margin-top:10px;
}

.ichioshi{
	display:inline-block;
	border-bottom:solid 1px;
	margin-top:10px;
	color:#a38323;
	font-weight:bold;

}

.jk_copy{
	text-align:center;
	background-color:#f7e8bc;
	margin:10px 0;
	padding:10px;
}

.jk_copy2{
	text-align:left;
}

.ichioshi_song{
	color:#af1a1a;
	font-weight:bold;

}

.kashi{
text-align: center !important;
    margin: 0 100px 30px!important;
}

.case{
	margin: 0 120px 30px!important;
}

#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 {
    width: 1200px;
    margin: 0 auto;
}

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

#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 {
        width: 100%;
        padding: 20px 0px;
}

.wrapper .cmn_column03_img img {
        width: 90%;
}

.cmn_column03_txt{
margin:10px;
}

.mtsp-30{
margin-top:10px !important
}

    }