.contents_trigger {
    opacity: 0;
}

.contents_trigger.active {
    animation: fadeIn 0.8s forwards;
}

.sec_catalogue {
    background-image: url(../images/catalogue/nanaho/catalogue_bg01_deco_left.webp) , url(../images/catalogue/nanaho/catalogue_bg01_deco_right.webp) , url(../images/catalogue/nanaho/catalogue_bg01.webp);
    background-size: auto 100% , auto 100% , contain;
    background-repeat: repeat-y , repeat-y , repeat;
    background-position: -10% 0 , 110% 0 , top;
}

.sec_catalogue .sec_contents {
    max-width: 1045px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.sec_catalogue .sec_contents::before,
.sec_catalogue .sec_contents::after {
    content: '';
    background-image: url(../images/catalogue/lace_deco.png);
    background-size: 100%;
    background-repeat: repeat-y;
    position: absolute;
    width: 23px;
    height: 100%;
    top: 0;
}

.sec_catalogue .sec_contents::before {
    left: 0;
}
.sec_catalogue .sec_contents::after {
    right: 0;
    rotate: 180deg;
}

.sec_catalogue .sec_contents_inner {
    width: calc(100% - 46px);
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, 0.8);
    padding: 90px 30px;
}

.sec_catalogue .site_logo {
    max-width: 360px;
    margin: 0 auto;
}

.sec_catalogue .container {
    display: grid;
    grid-template-columns: 52.5% 1fr;
    gap: 0 30px;
    margin-top: 30px;
}

.sec_catalogue .container .slider {
    width: 100% !important;
    grid-column: 1;
    grid-row: 1/5;
    align-self: flex-start;
}

.sec_catalogue .container .slider .slick-prev,
.sec_catalogue .container .slider .slick-next {
    width: 50px;
    height: 50px;
    z-index: 10;
}

.sec_catalogue .container .slider .slick-prev {
    left: -15px;
}

.sec_catalogue .container .slider .slick-next {
    right: -15px;
}

.thumbnail_wrap {
    grid-column: 1/3;
    margin-top: 30px;
}

.thumbnail {
    transition: 0.3s all;
}

.thumbnail:hover {
    filter: brightness(1.08);
}

.thumbnail_wrap .slick-list {
    margin: 0 -5px;
}

.thumbnail_wrap .slick-track:before,
.thumbnail_wrap .slick-track:after {
    display: none;
}

.thumbnail_wrap .thumbnail {
    cursor: pointer;
    margin: 0 5px;
}

.thumbnail_wrap .slick-current {
    outline: 3px solid #e61673;
    outline-offset: -3px;
}

.sec_catalogue .container .name {
    max-width: 260px;
    margin-left: -3%;
}

.sec_catalogue .container .spec {
    margin: 20px 0 30px;
}

.sec_catalogue .container .spec .lead {
    font-size: clamp(25px,2.5vw,30px);
}

.sec_catalogue .container .spec table {
    font-size: clamp(14px,1.5vw,16px);
}

.sec_catalogue .container .spec td {
    white-space: nowrap;
    padding: 10px 10px 0 0;
}

.sec_catalogue .container .spec .note {
    font-size: clamp(11px,1.2vw,13px);
    margin-top: 20px;
}

.sec_catalogue .container .btn {
    max-width: 200px;
    width: 50%;
    margin: 0 0 0 auto;
}

/* SPのみ */
@media screen and (max-width:730px) {

    .sec_catalogue {
        background-image: url(../images/catalogue/nanaho/catalogue_bg01_deco_left_sp.webp) , url(../images/catalogue/nanaho/catalogue_bg01_deco_right_sp.webp) , url(../images/catalogue/nanaho/catalogue_bg01.webp);
        background-size: auto 100%, auto 100%, 200%;
        background-position: -110% 0, 155% 0, top;
    }

    .sec_catalogue .sec_contents::before,
    .sec_catalogue .sec_contents::after {
        width: 15px;
    }

    .sec_catalogue .sec_contents_inner {
        width: calc(100% - 30px);
        padding: 10px 20px 40px;
    }

    .sec_catalogue .site_logo {
        width: 85%;
        margin: 0;
    }

    .sec_catalogue .container {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
    }

    .sec_catalogue .container .slider {
        order: 1;
    }

    .slick-prev,
    .slick-next {
        width: 40px;
        height: 40px;
    }

    .sec_catalogue .container .name {
        width: 65%;
        order: 0;
        margin-bottom: 10px;
    }

    .sec_catalogue .container .thumbnail_wrap {
        order: 2;
        margin: 10px 0 0;
    }

    .sec_catalogue .container .spec {
        margin: 10px 0 20px;
        order: 3;
    }

    .sec_catalogue .container .spec .note {
        margin-top: 15px;
    }

    .sec_catalogue .container .btn {
        order: 4;
    }
}


.sec_photo {
    background-image: url(../images/catalogue/nanaho/catalogue_bg02-02.webp) , url(../images/catalogue/nanaho/catalogue_bg02-02.webp) , url(../images/catalogue/nanaho/catalogue_bg02_deco_left.webp) , url(../images/catalogue/nanaho/catalogue_bg02_deco_right.webp) , url(../images/catalogue/nanaho/catalogue_bg02.webp);
    background-repeat: repeat-x , repeat-x , repeat-y , repeat-y , no-repeat;
    background-size: auto 15px , auto 15px , auto 100% , auto 100% , cover;
    background-position: top , bottom , -10% 0 , 110% 0 , center;
    padding: 80px 0;
}

.sec_photo .image {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
}

/* SPのみ */
@media screen and (max-width:730px) {
    .sec_photo {
        padding: 50px 0;
        background-position: top , bottom , -35% 0 , 121% 0 , center;
    }

    .sec_photo .image {
        width: 90%;
    }
}

.sec_other {
    padding: 5vw 0;
    background-image: url(../images/catalogue/nanaho/catalogue_bg03_deco_left.webp) , url(../images/catalogue/nanaho/catalogue_bg03_deco_right.webp), url(../images/catalogue/nanaho/catalogue_bg03.webp);
    background-size: 30% auto , 30% auto , contain;
    background-position: -5% 30% , 105% 80% , top;
    background-repeat: no-repeat , no-repeat , repeat;
}

.sec_other .sec_contents {
    max-width: 600px;
    width: 50%;
    margin: 0 auto;
}

.sec_other .sec_contents ul {
    display: flex;
    justify-content: space-between;
}

.sec_other .sec_contents ul li {
    /* width: calc(90%/3); */
    max-width: 400px;
    margin: 0 auto;
}

.sec_other .sec_contents ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec_other .sec_contents ul li a .image {
    width: 48%;
}

.sec_other .sec_contents ul li .txt {
    color: #fff;
    font-size: clamp(15px,1.8vw,20px);
    font-weight: bold;
}



/* SPのみ */
@media screen and (max-width:730px) {

    .sec_other {
        padding: 40px 0 100px;
        background-image: url(../images/catalogue/nanaho/catalogue_bg03_deco_left_sp.webp) , url(../images/catalogue/nanaho/catalogue_bg03_deco_right_sp.webp), url(../images/catalogue/nanaho/catalogue_bg03.webp);
        background-size: auto 105% , auto 105% , 150%;
        background-position: -30% 0, 140% 0, top;
    }

    .sec_other .sec_contents {
        max-width: 300px;
        width: 90%;
    }

    .sec_other .sec_contents ul li .txt {
        margin: 0 auto;
        text-shadow: 3px 0 2px #000 , -3px 0 2px #000 , 0 3px 2px #000 , 0 -3px 2px #000;
    }
}