/* BASIC css start */
/* style for Magazine */
    .mz_txt {
        padding:32px 24px;
        line-height:1.6;
        text-align:left;
        color:#000;    
    }
    .mz_t0 {
        font-size:35px;
        margin-bottom:8px;

    }
    .mz_t1 {
        font-size:20px;
        margin-bottom:10px;
    }
    .mz_t2 {
        font-size:18px;
        margin-bottom:0px;
    }
    .mz_t3 {
        font-size:15px;
    }
    .mz_t4 {
        font-size:13px;
    }
    .mz_t5 {
        font-size:35px;
    }
    .mz_t6 {
        font-size:16px;
    }
    .mz_t0.bold,.t1.bold,.mz_t2.bold,.mz_t3.bold,.mz_t4.bold,.mz_t5.bold,.mz_t6.bold{
        font-weight:bold;
    }
    .mz_t0.center,.t1.center,.mz_t2.center,.mz_t3.center,.mz_t4.center,.mz_t5.center,.mz_t6.center{
        text-align:center;
    }
    mark {
      display: inline-block;
      line-height: 0em;
      padding-bottom: 0.5em;
      text-align:center;
    }
    .mz_t1 .mark{box-shadow: inset 0 -10px 0 0 yellow;}
    .mz_t2 .mark{box-shadow: inset 0 -8px 0 0 yellow;}
    .mz_t3 .mark{box-shadow: inset 0 -6px 0 0 yellow;}
    .mz_t4 .mark{box-shadow: inset 0 -4px 0 0 yellow;}

    .mark.u{box-shadow: inset 0 -2px 0 0 #000;}
    .mark.u.red{box-shadow: inset 0 -2px 0 0 red;}


.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: 900px;}
  .embed_video.ratio11 { position: relative; padding-bottom: 720px;}
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination, .detail-pagination2 {padding-top:8px;}
.swiper-slide{width:100%;}
.swiper-slide img{width:100%;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination {left:0;}
.swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color:rgba(0,0,0,0.1);
    box-sizing: border-box;
transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color: rgba(0,0,0,0.3);
    box-sizing: border-box;    
}

.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-pagination {left:0;}
.btn_slider_next2 {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.btn_slider_prev2 {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.btn_slider_prev2 img, .btn_slider_next2 img {width:100%;}

/* horizontal scroll - zack */
.h_scroll {width: auto !important; padding:0 6.125%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.h_scroll::-webkit-scrollbar { display: none;} 
.h_scroll_item {position:relative; display:inline-block; width:75% !important;vertical-align: top;}
.h_scroll_item div {margin: 0 0.875% 4px; overflow: hidden; width: auto !important;}

.h_scroll2 {width: auto !important; font-size:0; margin-left:7%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.h_scroll2 .h_scroll_item {position:relative; display:inline-block; width:75% !important;vertical-align: top;}
.h_scroll2 .h_scroll_item div {margin:0 0 8px; overflow: hidden; width: auto !important;}

.h_scroll2::-webkit-scrollbar{
    height: 4px;
}
.h_scroll2::-webkit-scrollbar-thumb{
    background-color: #bbb;
    border-radius: 10px;  
}
.h_scroll2::-webkit-scrollbar-track{
    background-color:#eee;
}

.device_slider{
    background-size:cover;
    background-scale:100% 100%;
}
.device_slider_next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.device_slider_prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.device_slider_prev img, .device_slider_next img {width:100%;}

.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;}

.col3{
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
    padding: 0 15px;
}
.col3 li{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color:#fff;
}
.col3 li .colbox{
    display: block;
    padding: 0 1px 16px;
     position:relative;
}
.col3 li img{width:100%;}
.col3 .btn_wp{text-align:center; min-height:30px;}
.col3 .btn_wp a{display:inline-block; padding:6px; text-align:center; color:#fff; font-size:13px;}
.col3 li .pname { font-size:14px; color:#fff; margin-top:8px; font-weight:bold;}
.col3 li .pname_en { font-size:12px; color:#fff;}
.col3 li .btn_buy_now { font-size:11px; color:#fff; position:absolute; right:16px; bottom:22px;}
/* BASIC css end */