﻿.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;
}



/* 共通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;
}

.prof{
	border:solid 2px #792323;
	border-radius:30px;
	margin:20px 0px;
	padding:30px;
	background-color:#ffffe0;
}

.prof_name{
	border-bottom:solid 2px #792323;
	padding-bottom:10px;
	display:inline-block;
}

.prof_copy{
	padding:10px 0px;
}

.cmn_list03 p{
	margin:10px 0px 20px 0px;
}


.gradient1{
	font-weight: bold;
    font-size: 180%;
    padding: 10px;
    background: linear-gradient(-90deg, #ffffff 0%, #009140 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;
}

@media screen and (max-width: 767px) {

.gradient1{
margin-top: 20px;
    padding: 5px 10px;
    font-size: 120%;
}

}


.gradient2{
    background: linear-gradient(-90deg, #ffffff 0%, #b25233 100%);
}

.gradient3{
    background: linear-gradient(-90deg, #ffffff 0%, #b064a5 100%);
}

.gradient4{
    background: linear-gradient(-90deg, #ffffff 0%, #f39c66 100%);
}

.gradient5{
    background: linear-gradient(-90deg, #ffffff 0%, #090985 100%);
	
}


.mintyo{
	font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif !important;
    font-weight: bold!important;
    font-weight: 700!important;
    border-top: none;
    font-size: 150%;
	margin-top:20px;
	color:#680000;

}

@media screen and (max-width: 767px) {

.mintyo{
    line-height: 100%;
	margin-bottom:10px;
}

}

.syozo{
	displya:inline-block;
	margin-left:10px;
}

.pr200{
	padding-right: 200px;
}

.pl200{
	padding-left: 200px;

}

@media screen and (max-width: 767px) {

.pr200{
	padding-right: 0px;
}

.pl200{
	padding-left: 0px;

}

}

.pr600{
	padding-right: 600px;
}

.pd200{
	    padding: 0 200px;
}


.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media screen and (max-width: 767px) {

.parent {
display: block;
}

.pd200{
	    padding: 0px;
}

}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 1 / 2 / 3 / 3;
	padding: 0px 30px;
 }




.parent2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div4 { grid-area: 1 / 1 / 2 / 3; }
.div5 { grid-area: 2 / 1 / 3 / 2;
	width: 98%;
 }
.div6 { grid-area: 2 / 2 / 3 / 3;
	width: 98%;
 }


.parent3 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media screen and (max-width: 767px) {

.parent3 {
display: block;
}

}

.div7 { grid-area: 1 / 1 / 2 / 3; }
.div8 { grid-area: 2 / 1 / 3 / 2; }
.div9 { grid-area: 3 / 1 / 4 / 2; }
.div10 { grid-area: 2 / 2 / 4 / 3;
	padding-left: 20px;
 }
.div11 { grid-area: 4 / 1 / 5 / 2; }
.div12 { grid-area: 4 / 2 / 5 / 3;
	padding-left: 30px;
 }


@media screen and (max-width: 767px) {

.div10 {
padding-left: 0px;
 }

.div12 { 
padding-left: 0px;
 }

}


.parent4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div13 { grid-area: 1 / 1 / 2 / 3; }
.div14 { grid-area: 2 / 1 / 3 / 2;
	padding-right: 40px;
 }
.div15 { grid-area: 2 / 2 / 3 / 3; }
.div16 { grid-area: 3 / 1 / 4 / 2;
	padding-right: 40px;

 }
.div17 { grid-area: 3 / 2 / 4 / 3; }

@media screen and (max-width: 767px) {


.parent4 {
display: block;
}

.div14 {padding-right: 0px;
 }

.div16 {padding-right: 0px;

 }


}

.zyokan{
	border:solid 2px #1b1c80;
	background-image:url(../../img/usr/goodsdetail/y2r/img/y2r19.jpg);
}

.zyokan2{
	border:solid 2px #a40000;
	background-image:url(../../img/usr/goodsdetail/y2r/img/y2r26.jpg);

}

.zyokan3{
	border:solid 2px #824221;
	background-image:url(../../img/usr/goodsdetail/y2r/img/y2r28.jpg);

}

.zyokan_title{
	background-color:#1b1c80;
	padding:10px;
	color:#fff;
	font-weight:bold;
}

.zyokan_title2{
	background-color:#a40000;

}

.zyokan_title3{
	background-color:#824221;

}




.zyokan_naka{
	padding:20px;
	font-size:90%;
	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;
}

.zyokan_naka2{
	display:inline-block;
	padding-right:20px;
}

.maru1{
	color:#1b1c80;
}

.maru2{
	color:#a40000;
}

.maru3{
	color:#f39800;
}

.maru4{
	color:#824221;
}


.gyou2{
	line-height: 0.8;
}


.gyou3{
	line-height: 1.2;
}

.seki{
	    border: solid 2px #090985;
    padding: 30px;
}

.seki{
	    border: solid 2px #870559;
	border-radius:30px;
}

@media screen and (max-width: 767px) {

.seki{
    padding: 10px;
	margin-top:20px;
}

.gyou2{
	line-height: 100%;
}

.pr600 {
    padding-right: 0px;
}

}


.sikisai{
	    border-bottom: solid 2px #870559;
    display: inline-block;
    font-size: 150%;
    font-weight: bold;
    color: #0a0a93;
}
