.zs-enabled {
    position:relative;
}
.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
    background:transparent none no-repeat 50% 50%;
    background-size:cover;
    position:absolute;
    visibility:hidden;
    opacity:0;
    -webkit-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    transform:scale(1.2, 1.2);
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
    visibility:visible;
    opacity:1;
}
.zs-enabled .zs-slideshow .zs-bullets {
    position:absolute;
    z-index:4;
    bottom:20px;
    left:0;
    width:100%;
    text-align:center;
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
    display:inline-block;
    cursor:pointer;
    border:2px solid #ccc;
    width:14px;
    height:14px;
    border-radius:8px;
    margin:10px;
    background-color:#4a4a4a;
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
    background-color:#ccc;
}
.zs-enabled .zs-slideshow:after {
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    background:transparent none repeat 0 0;
}
.zs-enabled.overlay-plain .zs-slideshow:after {
    background-image:url(zoomslider_image/plain.png);
}
.zs-enabled.overlay-dots .zs-slideshow:after {
    background-image:url(zoomslider_image/dots.png);
}


/* zoom_slide */
#zoom_slide {
    position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden; /* to bound the empty top space created by inner element's top margin */
    width: 100%;
    min-height: 70vh;
    background-color: #999;
}
#zoom_slide_inner {
    position: relative; /* if position is not set, the script will set it to 'relative'. */
    z-index: 2; /* if z-index is not set, the script will set it to '2'. */
    margin: 60px auto;
    padding: 30px;
    max-width: 100%;
    text-align: center;
}
#zoom_slide_inner h1 {
    font-family: 'Noto Serif JP', "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 7rem;
    line-height: 8.5rem;
    color: #FFFFFF;
    margin: 0;
    font-weight: normal;

    text-shadow:
        0px 0px 1px #000,
        0px 0px 5px #000,
        0px 0px 6px #000;
}
#zoom_slide_inner h1 span {
    display: block;
}
#zoom_slide_inner p {
    font-family: 'Noto Serif JP', "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 2.3rem;
    color: #FFFFFF;

    text-shadow:
        0px 0px 1px #000,
        0px 0px 5px #000,
        0px 0px 6px #000;
}
@media only screen and (min-width: 700px) and (max-width: 789px) { /* 700-789 */
    #zoom_slide_inner {
        margin: 180px auto;
        padding: 40px;
    }
    #zoom_slide_inner h1 {
        font-size: 7.4rem;
        line-height: 9.8rem;
    }
    #zoom_slide_inner h1 span {
        display: inline;
    }
    #zoom_slide_inner p {
        font-size: 2.5rem;
    }
}
@media only screen and (min-width: 790px) and (max-width: 999px) { /* 790-999 */
    #zoom_slide_inner {
        margin: 180px auto;
        padding: 40px;
    }
    #zoom_slide_inner h1 {
        font-size: 7.8rem;
        line-height: 10.2rem;
    }
    #zoom_slide_inner h1 span {
        display: inline;
    }
    #zoom_slide_inner p {
        font-size: 2.7rem;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) { /* 1000-1400 */
    #zoom_slide_inner {
        margin: 180px auto;
        padding: 40px;
    }
    #zoom_slide_inner h1 {
        font-size: 8.4rem;
        line-height: 11.8rem;
    }
    #zoom_slide_inner h1 span {
        display: inline;
    }
    #zoom_slide_inner p {
        font-size: 2.9rem;
    }
}
@media only screen and (min-width: 1400px) { /* 1400over */
    #zoom_slide_inner {
        margin: 180px auto;
        padding: 60px;
    }
    #zoom_slide_inner h1 {
        font-size: 9rem;
        line-height: 13.0rem;
    }
    #zoom_slide_inner h1 span {
        display: inline;
    }
    #zoom_slide_inner p {
        font-size: 3.2rem;
    }
}