/* カスタマイズ用CSS */
/* カスタマイズ用CSS */
.product_viewdata h3{font-size: 20px;}
.product_viewdata table{padding: 5px 10px; width: 100%;}
.product_viewdata th{padding: 5px; width: 30%; border-bottom: 1px dotted #ccc;}
.product_viewdata td{padding: 5px; width: 70%; border-bottom: 1px dotted #ccc;}
.ec-productRole__description{margin-top: 5px;}

/* カスタマイズ用CSS add miyazaki */
.ec-itemNav .ec-itemNav__nav > li > a { background: #fafafa; }
.ec-categoryRole .row > div[class*="col-"] { margin-bottom: 20px; }
.border-bottom { border-bottom: 1px solid #707070; padding-bottom: 10px; }
.ec-sec { margin-bottom: 48px; }
.ec-para { margin-bottom: 32px; }
.ec-para-nomal { margin-bottom: 16px; }
.lh-17 { line-height: 1.7; }
.row.no-gutters { margin-right: -2px; margin-left: -2px; }
.row.no-gutters > div[class*="col-"] { padding-right: 2px; padding-left: 2px; }
.d-flex { display: flex; }
.d-flex > div { max-width:100%; flex-basis: 0; flex-grow: 1; }

.main-background { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 38vw; position: relative; }
.main-background .cus-title { position: absolute; bottom: 0; width: 100%; }
.cus-title { background-color: rgba(0,0,0,.46); font-size: 50px; color: #fff; text-align: center; margin: 0; padding-top:20px; padding-bottom: 20px; }

.main-original { background-image: url(/html/user_data/assets/img/original/original-main-img.jpg); }
@media (max-width: 767px) {
    .lh-17 h2 { font-size: 18px; }
    .lh-17 h3 { font-size: 14px; font-weight: bold;}
    .lh-17 h4 { font-size: 14px; }
    .card-flex { flex-wrap: wrap; }
    .card-flex > div { max-width: 16.66666667%; flex-basis: 16.66666667%; flex-grow: 1; }
    .cus-title { font-size: 18px; padding-top: 10px; padding-bottom: 10px; }
    #top-original{width: 60%;}
}
@media (min-width: 768px){
	#mi98::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi98.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 120px;
	}
	#mi97::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi97.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 120px;
	}
	#mi11::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi11.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 45px;
	}
	#mi12::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi12.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 60px;
	}
	#mi13::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi13.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 105px;
	}
	#mi14::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi14.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 75px;
	}
	#mi15::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi15.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 90px;
	}
	#mi54::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi54.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 60px;
	}
	#mi76::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi76.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 110px;
	}
	#mi65::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi65.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 45px;
	}
	#mi66::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi66.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 125px;
	}
	#mi87::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi87.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 130px;
	}
	#mi88::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi88.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 100px;
	}
	#mi29::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi29.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 0px;
	}
	#mi30::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi30.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 90px;
	}
	#mi32::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi32.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 15px;
	}
	#mi33::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi33.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 125px;
	}
	#mi36::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi36.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 16px;
	}
	#mi37::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi37.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 75px;
	}
	.ec-itemNav__nav li ul{width: 240px !important}
	#mi7::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi7.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 5px;
	}
	#mi21::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi21.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 5px;
	}
	#mi27::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi27.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 5px;
	}
	#mi28::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi28.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 5px;
	}
}
@media (max-width: 767px){
	#smi98::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi98.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 126px;
	}
	#smi97::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi97.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 126px;
	}
	#smi11::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi11.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 51px;
	}
	#smi12::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi12.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 66px;
	}
	#smi13::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi13.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 109px;
	}
	#smi14::after{
		content:'';
		display: inline-block;
		width: 35px;
		height: 25px;
		background-image: url(/html/upload/save_image/menuicon/mi14.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 71px;
	}
	#smi15::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi15.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 96px;
	}
	#smi54::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi54.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 66px;
	}
	#smi76::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi76.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 106px;
	}
	#smi65::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi65.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 41px;
	}
	#smi66::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi66.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 121px;
	}
	#smi87::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi87.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 138px;
	}
	#smi88::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi88.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 108px;
	}
	#smi29::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi29.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 0px;
	}
	#smi30::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi30.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 90px;
	}
	#smi32::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi32.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 15px;
	}
	#smi33::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi33.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 125px;
	}
	#smi36::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi36.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 16px;
	}
	#smi37::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi37.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 75px;
	}
	#smi7::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi7.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 145px;
	}
	#smi21::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi21.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 8px;
	}
	#smi27::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi27.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 72px;
	}
	#smi28::after{
		content:'';
		display: inline-block;
		width: 21px;
		height: 21px;
		background-image: url(/html/upload/save_image/menuicon/mi28.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-left: 95px;
	}
}