/* カスタマイズ用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%;}
}