/* 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;
        margin-bottom:8px;
    }
    .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;}
    
    .mz_t3.gray{color:#C6C6C6;}

hr {
  display: block;
  margin:0 24px;
  border-style: inset;
  border-width: 1px;
}


.content_box {clear:both;}
.content_box img {width:100%;}
.content_box a {display:block;}
.content_box h1 {font-size:24px; font-weight:bold; text-align:left; padding:0 24px;}

.multi_slider a{display:block;}

.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 .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.store-slide {
    width: 77%;
}
@media screen and (min-width: 768px) {
  .content_box {max-width:720px; margin-left:auto; margin-right:auto;}
}

/* BASIC css end */