@media screen and (max-width: 768px) {
.wrapper {
    width: 100%;
    padding-top: calc(10.8vw + 10px);
}

.slick-slide.data-1 {transform: translateX(calc(105vw - 80px))}
.slick-slide.data1  {transform: translateX(calc(-15vw - 50px))}
button.slick-arrow {top: 15%}

#canvas-container {
    min-height: 40vh;
    height: 60vh;
    overflow: hidden;
}
#canvas-container img {
    height: auto;
    width: 75%;
}
#top-banner ul {
    width: 96%;
    padding: 10px 2%;
    flex-wrap: wrap;
}

#top-banner li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
}

.slick-slide img:last-of-type,
.slick-slide p {
    display: none !important;
}

.slick-slide,
.slick-initialized .slick-slide.slick-current {
    width: 90vw;
    display: block;
    margin: 10px;
}

.slick-slide.slick-current img:nth-child(2) {
    margin-top: 20px;
    width: calc(100% - 10px);
    height: auto;
}
.epi-container {
    padding: 70px 3% 30px;
}

img.epi-title {
    width: 85%;
}

.ep_map,
.ep_movie {
    width: 40%;
    order: -1;
    margin-bottom: 20px;
}

.ep_list {
    width: 90%;
    margin-bottom: 30px;
}
.epi-inner {
    padding: 0;
}
.epi-inner img.ep_spot-font {
    width: 200%;
    max-width: none;
    margin-bottom: 30px;
}

.epi-spot ul {
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    }

.epi-spot li {
    width: 40%;

}

.epi-spot img {
    width: auto;
    height: auto;
}
.epi-container h2 {
    font-size: 18px;
}

#magazine_download {
    padding: 40px 10px;
    margin: 20px 0 40px;
}

#magazine_download > a {
    margin: 20px calc(50% - 150px) 0;
    width: 300px;
}

#magazine_download > img {
    display: none;
}

#magazine_caption {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#magazine_caption h3 {
    margin: 0;
    font-size: 19px;
}

#magazine_caption h3 span {
    font-size: 14px;
    margin-right: 6px;
}

#magazine_caption p.normal {
    order: 99;
}

#magazine_caption p.normal br {
    display: none;
}

#magazine_caption img.sp_only {
    width: 75%;
    align-self: center;
}

#magazine_caption a {
    align-self: center;
}

#magazine_popup.show #picture {
    width: calc(100% - 10px);
    height: auto;
}

#magazine_popup.show #control {
    display: none;
}

#magazine_preview a {
    width: calc(50% - 10px);
    margin: 5px;
}

#magazine_download > hr {
    order: 4;
}

#magazine_preview {
    order: 5;
}

#magazine_caption img.sp_only.sp_only_text {
    margin: 20px 0 10px;
    width: 100%;
}

#magazine_viewer {
    padding: 10px 5px;
}

#magazine_viewer iframe {
    height: 62.5vw
}
}

@media screen and (min-width: 769px) {
    .sp_only {
    display: none;
    }

    p.normal span{
        display: none;
    }
}