@charset "utf-8";

/*
common parts
news, default
blog
modelsnap
modelprofile
special
*/

/* - - - - - - - - - - 768px - - - - - - - - - - */
@media (max-width: 768px) {



/* - - - - - .card-list--archive - - - - - */

.card-list--archive li {
    margin-bottom: 23px;
}
.card-list--archive .card {
    display: block;
    margin-bottom: 30px;
}
.card-list--archive .card-image {
    margin: 0;
    width: auto;
}

.card-list--archive .card-text {
    margin: 14px 15px 0 15px;
    margin: 9px 15px 0 15px;
    width: auto;
}
    .card-list--archive .card-text-label {
        font-size: 1.6rem;
    }
    .card-list--archive .card-text-title {
        margin-top: 10px;
        line-height: 1.444;
        font-size: 1.8rem;
    }
    .card-list--archive .card-text-special {
        margin: 1px 0 -1px 0;
        font-size: 1.3rem;
    }
    .card-list--archive .card-text-desc {
        display: none;
    }

.card-list--archive .label--modelname {
    padding: 0 15px;
    width: auto;
}
    .card-list--archive .label--modelname a {
        position: relative;
        top: 0;
        vertical-align: top;
        letter-spacing: -0.05em;
        font-size: 1.3rem;
    }


/* movie */
.card-list--archive .card.tag-youtube .card-image > a::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
}
.card-list--archive .card.tag-youtube .card-image > a img {
    object-fit: cover;
    object-position: center center;
}


/* .infeed-ad */
.infeed-ad .is-sp > div > div > ins {
    display: block;
}
.infeed-ad .is-sp > div > div > iframe,
.infeed-ad .is-sp > div > div > ins iframe {
    display: block;
    margin: 0 auto 0 auto;
}

/* .firework-in-cardlist */
.firework-in-cardlist {
    margin: 10px 15px 30px 15px;
}


/* - - - - - .card-list--related - - - - - */

.card-list--related {
    justify-content: space-between;
}
.card-list--related li {
    margin-left: 0;
    width: calc( (100% - 1px) / 2 );
}
    .card-list--related .card .card-text {
        margin: 0 8px 0 15px;
    }
    .card-list--related .card .card-text-label {
        margin: 13px 0 0 0;
        font-size: 1.4rem;
    }

    .card-list--related .label.label--modelname,
    .card-list--related .label.label--information {
        padding: 0 9px;
        width: auto;
    }
        .card-list--related .label.label--modelname a {
            font-size: 1.2rem;
        }

    .card-list--related .card .card-text-label-left {
        width: 100%;
    }
    .card-list--related .card .card-text-label-right {
        display: none;
    }
    .card-list--related .card .card-text-title {
        display: block;
        line-height: 1.333;
        font-size: 1.5rem;
        font-weight: 700;
    }
    .card-list--related .card .card-text-desc {
        display: block;
        line-height: 1;
        letter-spacing: 0.05em;
        font-size: 1.2rem;
        font-family: vinyl, sans-serif;
        color: #999;
    }




/* - - - - - .card-list--col3 - - - - - */

.card-list--col3 {
    display: block;
}
.card-list--col3 li {
    width: auto;
    margin-left: 0;
}
.card-list--col3 .card-text {
    margin: 0 15px 40px 15px;
}
.card-list--col3 .card-text-label {
    margin: 11px 0 0 0;
}
.card-list--col3 .card-text-title {
    margin: 17px 0 8px 0;
    height: auto;
    min-height: unset;
    font-size: 2.2rem;
}


/* - - - - - .card-list--square - - - - - */

.card-list--square {
    margin: 0 15px 30px 15px;
}

.card-list--square li {
    margin: 0 0 15px 0;
    width: calc( (100% - 15px) / 2 );
}


/* - - - - - .card-list--wide - - - - - */

.card-list--wide {
    margin: 0 15px 30px 15px;
}

.card-list--wide li {
    padding: 21px 0;
}
.card-list--wide .card-image {
    width: 42%;
}

.card-list--wide .card-text {
    margin: 0 0 0 10px;
    width: calc( 58% - 10px );
}
    .card-list--wide .card-text-label {
        font-size: 1.4rem;
    }
    .card-list--wide .card-text-title {
        margin: 6px 0 5px 0;
        line-height: 1.444;
        font-size: 1.8rem;
    }
    .card-list--wide .card-text-desc {
        line-height: 1.538;
        font-size: 1.3rem;
    }


/* - - - - - .card-list--narrow - - - - - */

.card-list--narrow {
    margin: 0 15px 30px 15px;
}

.card-list--narrow li:nth-of-type(odd) {
    padding: 20px 15px 19px 0;
    width: calc( (100% - 15px) / 2 + 15px );
}
.card-list--narrow li:nth-of-type(even) {
    padding: 20px 0 19px 0;
    width: calc( (100% - 15px) / 2 );
}

.card-list--narrow .card-text {
}
    .card-list--narrow .card-text-label {
        margin: 9px 0 0 0;
        font-size: 1.4rem;
    }
    .card-list--narrow .card-text-title {
        margin: 6px 0 0 0;
        line-height: 1.428;
        font-size: 1.4rem;
    }


/* - - - - - .card-list--gallery - - - - - */

.card-list--gallery {
    margin: 0 15px 30px 15px;
}

.card-list--gallery li:nth-of-type(6n+1) {
    margin: 0 0 15px 0;
    width: 100%;
}
.card-list--gallery li:nth-of-type(6n+2) {
    margin: 0 15px 15px 0;
    width: calc( (100% - 15px) / 2 );
}
.card-list--gallery li:nth-of-type(6n+3) {
    margin: 0 0 15px 0;
    width: calc( (100% - 15px) / 2 );
}
.card-list--gallery li:nth-of-type(6n+4),
.card-list--gallery li:nth-of-type(6n+5) {
    margin: 0 15px 15px 0;
    width: calc( (100% - 15px - 15px) / 3 );
}
.card-list--gallery li:nth-of-type(6n) {
    margin: 0 0 15px 0;
    width: calc( (100% - 15px - 15px) / 3 );
}


/* - - - - - .page-body-left-archive - - - - - */


/* - - - - - .page-body-left-trigs - - - - - */

.page-body-left-trigs {
    margin: 87px 0 -25px 0;
}
body.single .page-body-left-trigs {
    margin: 87px 0 -25px 0;
}

.page-body-left-trigs .section-title {
    top: -38px;
    font-size: 4.6rem;
}


/* - - - - - .page-body-left-feature - - - - - */

.page-body-left-feature {
    margin: 85px 0 0 0;
}
body.single .page-body-left-feature {
    margin: 65px 0 0 0;
}

.page-body-left-feature .section-title {
    top: -28px;
    font-size: 4.6rem;
}


/* - - - - - .swiper-container--common-feature - - - - - */

.swiper-container--common-feature .swiper-slide {
    max-width: 335px;
}
.swiper-container--common-feature .swiper-slide .card-text {
    margin: 12px 0 0 0;
}
.swiper-container--common-feature .swiper-slide .card-text-label {
    font-size: 1.6rem;
}
.swiper-container--common-feature .card-text-title {
    margin: 13px 0 4px 0;
    line-height: 1.444;
    font-size: 1.8rem;
}


/* - - - - - .page-body-left-movie - - - - - */

.page-body-left-movie {
    margin: 71px 23px 0 23px;
    padding: 53px 0 0 0;
    border: solid 12px #e9efef;
}
.page-body-left-movie .section-title {
    top: -31px;
    font-size: 4.6rem;
}
    .page-body-left-movie .section-title p {
        margin: 5px 0 0 0;
        font-size: 1.6rem;
    }


/* - - - - - .swiper-container--common-movie - - - - - */

.swiper-container--common-movie {
    margin: 0 -58px 0 -58px;
    padding-bottom: 13px;
}
.swiper-container--common-movie .swiper-slide {
    max-width: 375px;
}
.swiper-container--common-movie .swiper-slide .card-text {
    margin: 0 57px;
}
.swiper-container--common-movie .card-text-title {
    margin: 15px 0 0 0;
    line-height: 1.444;
    font-size: 1.8rem;
}
.swiper-container--common-movie .swiper-pagination {
    display: none;
}

.page-body-left-movie .button-strong {
    bottom: -27px;
}


/* - - - - - .page-body-left-special - - - - - */

.page-body-left-special {
    position: relative;
    margin: 120px 0 72px 0;
}
.page-body-left-special .section-title {
        top: -25px;
        font-size: 4.6rem;
}



/* - - - - - - - - - - ## NEWS, DEFAULT - - - - - - - - - - */

/* - - - - - .archive-head - - - - - */

.archive-head {
    margin: 0 15px;
}
.archive-head .headline-1st {
    margin: 0 -15px;
}
.archive-head .headline-2nd {
    margin: 0 -15px;
}

.archive-head .submenu-list {
    margin: 0 -15px;
    padding: 11px 15px 13px 15px;
}


.archive-head .article-top-ad {
    margin: 0 -15px;
    height: auto !important;
}
    /* html by google ad */
    .archive-head .article-top-ad .is-sp > div {
        margin: 35px 0;
        min-height: 250px;
    }
    .archive-head .article-top-ad .is-sp > div > div,
    .archive-head .article-top-ad .is-sp > div > div > ins {
        display: block !important;
        width: auto !important;
        height: auto !important;
    }
    .archive-head .article-top-ad .is-sp > div > div > iframe,
    .archive-head .article-top-ad .is-sp > div > div > ins iframe {
        display: block;
        margin: 0 auto;
    }
    .archive-head .article-top-ad .is-sp.is-invisible-ad > div > div > iframe {
        display: block;
        margin: -1px auto 0 auto;
    }

    .archive-head .article-top-ad .is-pc,
    .archive-head .article-top-ad .is-pc.is-invisible-ad {
        display: none;
        background: none;
    }

.archive-head .tag-list {
    margin: 22px 0 0 0;
    text-align: center;
}
.archive-head .tag-list li {
    margin: 0 4px 9px 4px;
}


/* - - - - - .archive-head-prof - - - - - */

.archive-head-prof {
    margin-right: -15px;
    margin-left: -15px;
}


/* - - - - - .archive-body - - - - - */

.archive-body {
    margin: 18px 0 0 0;
}


/* - - - - - .post-head - - - - - */

.post-head-banner {
    margin: 0 0 17px 0;
}

.post-head .card {
    margin: 0 0 10px 0;
}
.post-head .card .card-image {
    margin: 0 0 20px 0;
}
.post-head .card-text {
    margin: 0 15px 0 15px;
}
.post-head .card-text-label {
    font-size: 1.7rem;
}
.post-head .card-text-title {
    margin: 12px 0 0 0;
    line-height: 1.35;
    font-size: 2.1rem;
}
.post-head .tag-list {
    margin: 0 15px;
}
.post-head-bottom {
    margin: 0 15px 0 15px;
}
.post-head-bottom-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: -2px 0 0 0;
    padding: 0;
}
.post-head-bottom-left .date-pub {
    margin: 4px 0;
    font-size: 1.6rem;
}
.post-head-bottom-left .date-mod {
    margin: 0 0 2px 0;
    font-size: 1.1rem;
}


.post-head .article-top-ad {
    height: auto !important;
}
    /* html by google ad */
    .post-head .article-top-ad .is-sp > div {
        margin: 45px 0 35px 0;
        min-height: 250px;
    }
    .post-head .article-top-ad .is-sp > div > div,
    .post-head .article-top-ad .is-sp > div > div > ins {
        display: block !important;
        width: auto !important;
        height: auto !important;
    }
    .post-head .article-top-ad .is-sp > div > div > iframe,
    .post-head .article-top-ad .is-sp > div > div > ins iframe {
        display: block;
        margin: 0 auto;
    }
    .post-head .article-top-ad .is-sp.is-invisible-ad > div > div > iframe {
        display: block;
        margin: -1px auto 0 auto;
    }

    .post-head .article-top-ad .is-pc,
    .post-head .article-top-ad .is-pc.is-invisible-ad {
        display: none;
        background: none;
    }



/* - - - - - .post-foot-ad - - - - - */

.post-foot-ad {
    height: auto !important;
}
    .post-foot-ad .is-sp {
        margin: 0 -15px;
    }
        /* html by google ad */
        .post-foot-ad .is-sp > div > div,
        .post-foot-ad .is-sp > div > div > ins {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center;
            width: 100% !important;
            height: auto !important;
        }
            .post-foot-ad .is-sp > div > div > iframe,
            .post-foot-ad .is-sp > div > div > ins iframe {
                display: block !important;
                margin: 40px auto 0 auto !important;
            }
            .post-foot-ad .is-sp.is-invisible-ad > div > div > iframe {
                display: block !important;
                margin: -1px auto 0 auto;
            }

    .post-foot-ad .is-pc,
    .post-foot-ad .is-pc.is-invisible-ad {
        display: none;
        background: none;
    }

.post-foot-ad-firework {
    margin: 40px 15px 20px 15px;
}


/* - - - - - .post-foot-modified - - - - - */

.post-foot-modified {
    line-height: 1.75;
}


/* .share-list */
.post-head-bottom .share-list li {
    margin: 0 0 0 7px;
    transform: scale(0.84);
}


/* - - - - - .post-body - - - - - */

.post-body {
    margin: 56px 15px 0 15px;
    margin: 50px 15px 0 15px;
}


/* - - - - - .post-foot - - - - - */

.post-foot {
    margin: 0 15px 0 15px;
}

/* .share-list */
.post-foot .share-list::before {
    padding: 0 2px 0 0;
    font-size: 2rem;
}
.post-foot .share-list li {
    margin: 0 0 0 14px;
    transform: scale(1);
}

/* .tag-list */
.post-foot .tag-list {
    margin: 30px auto 15px auto;
}


/* - - - - - .page-body-left-guide - - - - - */

.page-body-left-guide {
    margin: 15px 15px 0 15px;
}
.page-body-left-guide .path-list {
    margin: 0 0 40px 0;
}
.page-body-left-guide .button-box .button-strong {
    margin: 0 auto 15px auto;
    width: 260px;
}


/* - - - - - .page-body-left-banner - - - - - */

.page-body-left-banner {
    margin: 0 15px;
}
.page-body-left-banner .card-list {
    display: block;
}
.page-body-left-banner .card-list li {
    margin: 0 0 15px 0;
    width: 100%;
}


/* - - - - - .page-body-left-ad - - - - - */

.page-body-left-ad {
    height: auto !important;
}

    /* html by google ad */
    .page-body-left-ad .is-sp > div > div > ins {
        display: block;
    }
    .page-body-left-ad .is-sp > div > div > iframe,
    .page-body-left-ad .is-sp > div > div > ins iframe {
        display: block;
        margin: 0 auto 15px auto;
    }



/* - - - - - .page-body-left-popin - - - - - */

.page-body-left-popin {
    margin: 47px 0 0 0;
}


/* - - - - - .page-common-footer-ad - - - - - */

.page-common-footer-ad .is-sp {
    margin-top: 35px;
}
    .page-common-footer-ad .is-sp > div,
    .page-common-footer-ad .is-sp > div > div {
        display: flex;
        justify-content: center;
    }
        .page-common-footer-ad .is-sp > div iframe,
        .page-common-footer-ad .is-sp > div > div iframe {
            display: block;
        }


/* - - - - - .page-body-left-recommend - - - - - */

.page-body-left-recommend {
    margin: 65px 0 0 0;
}
.page-body-left-recommend .section-title {
    top: -30px;
    letter-spacing: 0.03em;
    font-size: 4.6rem;
}
.page-body-left-recommend .card-list--related li:nth-of-type(7) {
    display: block;
}

.page-body-left-recommend .card-list--related .card .card-text-title {
    line-height: 1.45;
    font-size: 1.4rem;
}

.page-body-left-recommend .card-list--related li:nth-of-type(1) {
    width: 100%;
}
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card {
        margin: 0 0 21px 0;
    }
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card-text {
        margin: 0 15px 0 15px;
    }
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card-text-label-left {
        display: block;
        width: 70%;
    }
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card-text-label-right {
        display: block;
        width: 30%;
    }
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card-text-title {
        height: auto;
        line-height: 1.444;
        font-size: 1.6rem;
        font-weight: 900;
    }
    .page-body-left-recommend .card-list--related li:nth-of-type(1) .card-text-desc {
        display: none;
    }


.page-body-left-recommend .button-strong {
    max-width: 300px;
}


/* - - - - - .page-body-left-related - - - - - */

.page-body-left-relatedblog .section-title,
.page-body-left-relatedsnap .section-title,
.page-body-left-relatednews .section-title {
    font-size: 2.2rem;
}

.page-body-left-relatedblog .card-list--related li:nth-of-type(4) {
    display: block;
}
.page-body-left-relatednews .card-list--related li:nth-of-type(4) {
    display: block;
}

.page-body-left-relatedsnap {
    margin: 0 0 66px 0;
}






/* - - - - - - - - - - ## BLOG - - - - - - - - - - */


/* - - - - - .blogmodel - - - - - */

.blogmodel {
    margin: 20px 15px 20px 15px;
}

/* - - - - - .page-body-left-bloglatest - - - - - */

.page-body-left-bloglatest {
    position: relative;
    margin: 90px 0 72px 0;
}
.page-body-left-bloglatest .section-title {
    top: -26px;
    letter-spacing: 0.05em;
    font-size: 4rem;
}







/* - - - - - - - - - - ## MODEL SNAP - - - - - - - - - - */

/* - - - - - .snap-tag-button - - - - - */

.snap-tag-button {
    margin: 0 0 18px 0;
    text-align: center;
}
.snap-tag-button a {
    display: inline-block;
    padding: 0 30px;
    min-width: 160px;
    height: 36px;
    background: #e9efef;
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 900;
    text-decoration: underline;
}


/* - - - - - .snap-more-button - - - - - */

.snap-more-button {
    margin: -4px 15px 0 0;
}
.snap-more-button a {
    min-width: 120px;
    height: 28px;
    line-height: 26px;
}

.snap-tag-wrap {
    margin: 0 0 45px 0;
}
.snap-tag-wrap .snap-list {
    margin-bottom: 0;
}


/* - - - - - .modelsnap-one - - - - - */

.modelsnap-one {
    margin: 20px 15px 35px 15px;
}
.modelsnap-one.modelsnap-one--wide {
    margin: 0 0 35px 0;
}

.modelsnap-one .snap-text-title {
    margin: 10px 0 9px 0;
    line-height: 1.444;
    font-size: 1.8rem;
}
.modelsnap-one .snap-text span {
    font-size: 1.6rem;
}


/* - - - - - .page-body-left--modelsnap .article-top-ad - - - - - */

.page-body-left--modelsnap .article-top-ad {
    margin: 0 -15px;
    height: auto !important;
}
    /* html by google ad */
    .page-body-left--modelsnap .article-top-ad .is-sp > div > div,
    .page-body-left--modelsnap .article-top-ad .is-sp > div > div > ins {
        display: block !important;
        width: auto !important;
        height: auto !important;
    }
    .page-body-left--modelsnap .article-top-ad .is-sp > div > div > iframe,
    .page-body-left--modelsnap .article-top-ad .is-sp > div > div > ins iframe {
        display: block;
        margin: 35px auto 50px auto;
    }
    .page-body-left--modelsnap .article-top-ad .is-sp.is-invisible-ad > div > div > iframe {
        display: block;
        margin: -1px auto 0 auto;
    }

    .page-body-left--modelsnap .article-top-ad .is-pc,
    .page-body-left--modelsnap .article-top-ad .is-pc.is-invisible-ad {
        display: none;
        background: none;
    }


/* - - - - - .modelsnap-modelranking - - - - - */

.modelsnap-modelranking .section-title {
    margin: 72px 15px 0 15px;
    padding: 15px 0 33px 0;
    font-size: 3.4rem;
}

.modelsnap-modelranking .snap-tag-wrap:nth-of-type(1) .snap-tag-button::before,
.modelsnap-modelranking .snap-tag-wrap:nth-of-type(2) .snap-tag-button::before,
.modelsnap-modelranking .snap-tag-wrap:nth-of-type(3) .snap-tag-button::before {
    padding-right: 5px;
    line-height: 36px;
    font-size: 2.2rem;
}


/* - - - - - .modelsnap-latest - - - - - */

.modelsnap-latest .section-title {
    margin: 0 0 26px 0;
    font-size: 2.2rem;
}




/* - - - - - - - - - - ## MODEL PROFILE - - - - - - - - - - */

.page-body-left--modelprofile .post-head {
    margin: 0;
}
.page-body-left--modelprofile .post-body {
    margin: 0px 15px 0 15px;
}

.modelprofile-one {
    margin: 16px 0 50px 0;
}
.modelprofile-one .name-ja {
    margin: 0 0 4px 0;
    font-size: 2.4rem;
}
.modelprofile-one .name-en {
    font-size: 1.6rem;
}

.swiper-container--modelprofile {
    margin: 7px auto 0 auto !important;
}

.page-body-left-relatedblog .card-list--related .card .card-text-label,
.page-body-left-relatednews .card-list--related .card .card-text-label {
    margin: 10px 0 0 0;
}
.page-body-left-relatedblog .card-list--related .card-text-title,
.page-body-left-relatedsnap .snap .snap-text-title,
.page-body-left-relatednews .card-list--related .card-text-title {
    font-size: 1.4rem;
}


/* - - - - - - - - - - ## SPECIAL - - - - - - - - - - */


/* series archive */

.archive-head--series {

}

.archive-head--series .card {
    margin: 0 -15px;
}

.archive-head--series .headline-1st {
    padding: 15px 15px 14px 15px;
    line-height: 1.444;
    font-size: 1.8rem;
}



/* - - - - - - - - - - .post-password-form - - - - - - - - - - */

.post-password-form {
    padding: 50px 25px;
}
.post-password-form label {
    font-size: 0;
}
    .post-password-form label input[type="password"] {
        margin: 0 3px 0 0;
        font-size: 1.5rem;
    }
    .post-password-form input[type="submit"] {
        font-size: 1.5rem;
    }





}
/* - - - - - - - - - - /768px - - - - - - - - - - */