/* BASIC css start */
/* title */
.title-box { margin-top: 20px; }
.title-box h2 { font-weight: 700; font-size: 36px; }
.title-box p { margin-top: 25px; font-size: 16px; line-height: 1.7; }
.title-box p.sub { font-weight: 500; }
.title-box.style2 { margin: 0 0 25px; }
.title-box.style2 h2 { width: 80%; font-weight: 500; font-size: 24px; line-height: 1.5; }

/* btn */
.btn-box { margin-top: 30px; }
.btn-m1 { display: inline-block; margin:0 3px; padding: 4px 20px 6px; border: 1px solid #000; border-radius: 30px; box-sizing: border-box; background-color: #000; font-weight: 500; font-size: 16px; color: #fff; line-height: 28px; text-align: center; }

/* layout */
.slide-style { margin: 0 0 90px 20px; }
.slide-style .prd-list { overflow: hidden; }
.slide-style ul { overflow-x: auto; overflow-y: hidden; margin-bottom: -10px; padding-bottom: 10px; padding-right: 20px; font-size: 0; white-space: nowrap; }
.slide-style ul li { display: inline-block; width: calc(100% - 40px); white-space: wrap; vertical-align: top; }
.slide-style ul li + li { margin-left: 10px; }
.slide-style ul li p { width: 100%; font-size: 16px; line-height: 1.7; }
.slide-style ul li p.title { margin-bottom: 10px; font-weight: 500; font-size: 20px; line-height: 1.5; }

.st-section { margin: 0 20px 90px; line-height: 1.2; letter-spacing: -.5px; }
.st-section a { display: block; }
.st-section img { width: 100%; }
.st-section .mt5 { margin-top:5px; }
.st-section .prd-list .info-box { margin-top: 20px; }
.st-section .video-box { position: relative; height: 0; padding-bottom: 100%; }
.st-section .video-box video { position: absolute; top:0; left:0; width: 100%; }

/* .section-04 .img-box { background-color: #f5f5f5; } */
.section-04.slide-style .prd-list li .info-box p { font-size: 14px; }
.section-04.slide-style .prd-list li .info-box p.title { margin: 0; }
.section-04.slide-style .prd-list li .info-box p.sub { margin-top: 2px; color: #777; }
.section-04.slide-style .prd-list li .info-box p.price { margin-top: 10px; font-weight: 600; }

.section-05 .video-box { padding-bottom: 56.6%; }

.section-06 .prd-list li { position: relative; }
.section-06 .prd-list li .info-box { position: absolute; bottom: 20px; left: 20px; color: #fff; }
.section-06 .prd-list li .info-box p { width: 100%; }
.section-06 .prd-list li .info-box .btn-box { margin-top: 20px; }
.section-06 .prd-list li .info-box .btn-box .btn-m1 { margin: 0; background-color: #fff; color: #111; }

/* .section-07 .img-box { background-color: #f5f5f5; } */
.section-07.slide-style .prd-list li .info-box p { font-size: 14px; }
.section-07.slide-style .prd-list li .info-box p.title { margin: 0; }
.section-07.slide-style .prd-list li .info-box p.sub { margin-top: 2px; color: #777; }
.section-07.slide-style .prd-list li .info-box p.price { margin-top: 10px; font-weight: 600; }

/* .section-09 .img-box { background-color: #f5f5f5; } */
.section-09.slide-style .prd-list li .info-box p { font-size: 14px; }
.section-09.slide-style .prd-list li .info-box p.title { margin: 0; }
.section-09.slide-style .prd-list li .info-box p.sub { margin-top: 2px; color: #777; }
.section-09.slide-style .prd-list li .info-box p.price { margin-top: 10px; font-weight: 600; }
/* BASIC css end */