/* BASIC css start */
.content_box {clear:both;}
.content_box img {width:100%;}
.content_box a {display:block;}

.content_box.col2_box {padding:0 28px 40px; overflow:hidden;}

.col2{float:left; width:50%;}
.col2 a{display:block; margin:0 4px;}
.col2 p{min-height:90px; padding-top:8px; font-size:13px;}

.multi_slider a{display:block;}

.btn_coupon {display:block; position:absolute; right:32px; top:4px; border-radius:30px; background-color:#ffeb33; padding: 4px 10px;font-size: 13px;font-weight: bold;}
.sub_div {margin:0 32px 24px; position:relative; overflow:hidden;height:35px;border-bottom:2px solid #000;letter-spacing: -2px;}
.sub_div p {font-size:50px; font-weight:bold;line-height: 37px;}
.sub_div span {display: inline-block;
    
    margin-right: 4px;
    line-height: 90%;
    font-size: 21px;
    letter-spacing: 0;}

.swiper-container {
    overflow: hidden !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination{padding-top:6px;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 3px;
    display: block;
    border-radius: 10px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border: #ccc solid 1px;
    box-sizing: border-box;
transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 27px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 20px;
    height: 6px;
    margin: 3px;
    display: block;
    border-radius: 10px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border: #ccc solid 1px;
    box-sizing: border-box;   
}
.swiper-slide.withitem { width:45%}
.swiper-slide.withitem figure{margin-left:10px;}
.swiper-slide.withitemlink { width:30%}
.swiper-slide.withitemlink figure{margin-right:4px;}

.inside_dot {position:absolute; width:100%;height:24px;}
.inside_dot .slick-dots li {background-color:#fff;opacity:0.4;}
.inside_dot .slick-dots li.slick-active {opacity:1;}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}

.swiper-slide.carousel35 { width:35% !important}
.swiper-slide.carousel45 { width:45% !important}
.swiper-slide.carousel50 { width:50% !important}

.swiper-slide.carousel50 a {display:block; margin:16px;}
.swiper-slide.carousel50 a p {min-height:48px; margin:8px 0 0; font-size:12px; line-height:100%;}
.swiper-slide.carousel50 a p span{font-size:10px;font-weight:bold;}

.btn_slider_next, .btn_carousel_next {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    padding:4px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;
    background-color:#fff;
    border-radius:30px 0 0 30px;
    right: 0;
    left: auto;
    text-align:center;
    line-height:24px;
    font-size:24px;
    color:#000;
    outline:none;
}
.btn_slider_prev,.btn_carousel_prev {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    padding:4px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;
    background-color:#fff;
    border-radius:0 30px 30px 0;
    left: 0;
    right: auto;
    text-align:center;
    line-height:24px;
    font-size:24px;
    color:#000;
    outline:none;
}


.embed_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; }
.embed_video.ratio45 { position: relative; padding-bottom: 125%;}
.embed_video.ratio11 { position: relative; padding-bottom: 100%;}
.embed_video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 


@media screen and (min-width: 768px) {
  .content_box {max-width:720px; margin-left:auto; margin-right:auto;}
  .embed_video {width:720px; left:50%; margin-left:-360px; padding-bottom: 405px; }
  .embed_video.ratio45 { position: relative; padding-bottom: 125%;}
  .embed_video.ratio11 { position: relative; padding-bottom: 100%;}
}
/* BASIC css end */