﻿#umesyuset {
    /* #umesyuset */
    max-width: 1920px;
    width: 100%;
    background: url(/img/usr/freepage/umesyu_set/mv_bg.png) no-repeat center top 445px / 1920px 1990px;
    overflow: hidden;
    margin: 0 auto;
    
    /* ---- Common ---- */
    /* goods-list */
    .goods-list {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 20px;
        width: 1200px;
        margin: 0 auto;
    }
    .goods-list-i {
        width: 630px;
        height: 362px;
        position: relative;
    }
    .goods-list-i.-item1::before {
        display: block;
        content: "";
        width: 107px;
        height: 107px;
        background: url(/img/usr/freepage/umesyu_set/item1-icon.png) no-repeat center / contain;
        position: absolute;
        top: -34px;
        left: -20px;
        z-index: 1;
    }
    .goods-list-i.-item2::before {
        display: block;
        content: "";
        width: 65px;
        height: 66px;
        background: url(/img/usr/freepage/umesyu_set/item2-icon.png) no-repeat center / contain;
        position: absolute;
        right: -17px;
        bottom: -26px;
        z-index: 1;
    }
    .goods-list-i img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .goods-list-img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .goods-list-i a {
        display: block;
        width: 260px;
        height: 70px;
        position: absolute;
        right: 25px;
        bottom: 68px;
    }
    .goods-list-i a:hover {
        opacity: .5;
    }

    /* ---- Main Visual ---- */
    .mv {
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
    }
    .mv-inner {}
    .mv-img {
        width: 100%;
        max-width: 1920px;
        height: 617px;
        position: relative;
    }
    .mv-img::before,
    .mv-img::after {
        display: block;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        z-index: 1;
    }
    .mv-img::before {
        width: 248px;
        height: 722px;
        background-image: url(/img/usr/freepage/umesyu_set/mv_left.png);
        top: 0;
        left: 0;
    }
    .mv-img::after {
        width: 248px;
        height: 638px;
        background-image: url(/img/usr/freepage/umesyu_set/mv_right.png);
        top: 84px;
        right: 0;
    }

    .mv-img1 {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mv-img1 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .mv-text {
        display: block;
        width: 659px;
        aspect-ratio: 659 / 359;
        position: absolute;
        top: 0;
        left: calc(50% - (1200px / 2));
    }
    @media screen and (max-width: 1200px) {
        .mv-text {
            left: 0;
        }
    }
    .mv-img2 {
        display: block;
        width: 793px;
        height: 184px;
        position: absolute;
        top: 488px;
        left: calc(50% - (793px / 2));
    }
    .mv-goods {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 20px;
        margin-top: 97px;
    }

    /* Size */
    .size {
        width: 100%;
        height: 138px;
        background-color: #F3E5E1;
        position: relative;
        margin-top: 109px;
    }
    .size::before,
    .size::after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        border-top: 2px dashed #EFC2C2;
        position: absolute;
        left: 0;
    }
    .size::before {
        top: 12px;
    }
    .size::after {
        bottom: 12px;
    }
    .size-img {
        display: block;
        width: 1000px;
        height: 290px;
        position: absolute;
        top: -40px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: 1;
    }

    /* Gigt */
    .gift-inner {
        width: 1200px;
        padding-top: 130px;
        padding-bottom: 107px;
        margin: 0 auto;
        position: relative;
    }
    .gift-inner::before,
    .gift-inner::after {
        display: block;
        content: "";
        width: 539px;
        height: 532px;
        background: url(/img/usr/freepage/umesyu_set/circle_pink.png) no-repeat center / contain;
        position: absolute;
    }
    .gift-inner::before {
        left: calc(50% - 640px - 539px + 50px);
        top: 0;
    }
    .gift-inner::after {
        right: calc(50% - 640px - 539px + 50px);
        top: 30px;
    }
    .gift-title {
        width: 826px;
        height: 93px;
        margin: 0 auto;
    }
    .gift-text {
        font-size: 20px;
        letter-spacing: .025em;
        text-align: center;
        margin-top: 24px;
    }
    .gift-img {
        width: 870px;
        margin: 30px auto 0;
        position: relative;
    }
    .gift-img::before {
        display: block;
        content: "";
        width: 1282px;
        height: 145px;
        background: url(/img/usr/freepage/umesyu_set/gift_bg.png) no-repeat center / contain;
        position: absolute;
        bottom: 0;
        left: 50%;
        translate: -50% 0;
    }
    .gift-img::after {
        display: block;
        content: "";
        width: 554px;
        height: 544px;
        background: url(/img/usr/freepage/umesyu_set/circle_pink.png) no-repeat center / contain;
        position: absolute;
        right: 0;
        top: calc(100% + 60px);
    }

    /* Scene */
    .scene {
        background: url(/img/usr/freepage/umesyu_set/scene_bg.png) no-repeat center top / 1920px auto;
        padding-top: 360px;
        padding-bottom: 230px;
        margin-top: -200px;
        position: relative;
    }
    .scene::before,
    .scene::after {
        display: block;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
    }
    .scene::before {
        width: 616px;
        height: 411px;
        background-image: url(/img/usr/freepage/umesyu_set/scene_bg2.png);
        left: calc(50% - 946px);
        bottom: 136px;
    }
    .scene::after {
        width: 666px;
        height: 444px;
        background-image: url(/img/usr/freepage/umesyu_set/scene_bg3.png);
        right: calc(50% - 946px);
        bottom: 137px;
    }
    .scene-title {
        width: 1001px;
        height: 226px;
        margin: 66px auto 0;
    }
    .scene-img {
        width: 1200px;
        margin: -100px auto 0;
    }

    /* Voice */
    .voice {
        background: url(/img/usr/freepage/umesyu_set/glass.png) no-repeat center bottom 30px / 793px auto, url(/img/usr/freepage/umesyu_set/voice_bg.png) no-repeat center top / 1920px auto;
        position: relative;
        padding: 280px 0 270px;
        margin-top: -127px;
    }
    .voice-title {
        width: 370px;
        height: 96px;
        margin: 0 auto;
    }
    .voice-title img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .voice-list {
        display: flex;
        flex-wrap: wrap;
        column-gap: 25px;
        row-gap: 23px;
        width: 1200px;
        margin: 60px auto 0;
    }
    .voice-list-i {
        display: block;
        width: calc((100% - (25px * 2)) / 3);
        background-color: #fff;
        border-radius: 30px;
        padding: 44px 32px 30px;
    }
    .voice-list-rate {
        width: 145px;
        height: 21px;
    }
    .voice-list-rate img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .voice-list-text {
        font-size: 18px;
        letter-spacing: .25em;
        line-height: 1.55;
        margin-top: 17px;
    }

    /* Set */
    .set {
        background-color: #911330;
        margin-top: -100px;
    }
    .set img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .set-inner {
        background: url(/img/usr/freepage/umesyu_set/set_bg.jpg) no-repeat center top / 1920px 1230px, url(/img/usr/freepage/umesyu_set/set_bg.jpg) no-repeat center bottom -360px / 1920px 1230px;
        padding: 163px 0 62px;
    }
    .set-title {
        width: 280px;
        height: 111px;
        margin: 0 auto;
    }
    .set-item {
        width: 1200px;
        margin: 0 auto;
    }
    .set-item.-item1 {
        margin-top: 63px;
    }
    .set-red {
        width: 100%;
        padding: 60px 0 50px;
    }
    .set-text {
        width: 711px;
        height: 42px;
        margin: 0 auto;
    }
    .set-plus {
        width: 69px;
        height: 60px;
        margin: 32px auto 0;
    }

    /* goods */
    .goods {
        padding: 100px 0 280px;
        /* background-color: #911330; */
        background: url(/img/usr/freepage/umesyu_set/product_bg.png) no-repeat center bottom / 1920px auto;
    }

    /* arrange */
    .arrange-img {
        width: 1200px;
        margin: 22px auto 0;
    }
    .arrange-img img {
        display: block;
        width: 1400px;
        max-width: none;
        height: auto;
        translate: -100px 0;
    }

    /* detail */
    .detail {
        background: url(/img/usr/freepage/umesyu_set/detail_bg.png) no-repeat center top / 1920px auto;
        padding: 180px 0 96px;
        margin-top: 20px;
    }
    .detail-inner {
        width: 1050px;
        margin: 0 auto;
        position: relative;
    }
    .detail-inner::before,
    .detail-inner::after {
        display: block;
        content: "";
        width: 572px;
        height: 561px;
        background: url(/img/usr/freepage/umesyu_set/circle_white.png) no-repeat center / contain;
        position: absolute;
        rotate: -11deg;
    }
    .detail-inner::before {
        top: 0;
        left: calc(50% - 980px);
    }
    .detail-inner::after {
        bottom: 0;
        right: calc(50% - 980px);
    }
    .detail-title {
        width: 220px;
        height: 119px;
        margin: 0 auto;
    }
    .detail-list {
        display: flex;
        justify-content: center;
        column-gap: 50px;
        width: 100%;
        margin: 12px auto 0;
    }
    .detail-list-i {
        width: calc((100% - 50px) / 2);
        position: relative;
        z-index: 1;
    }
    .detail-list-img {
        width: 500px;
        height: 500px;
    }
    .detail-list-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .detail-list-text {
        font-size: 18px;
        letter-spacing: .05em;
        line-height: 1.83;
        text-align: center;
        margin-top: 40px;
    }

    /* info */
    .info {
        width: 1100px;
        margin: 0 auto;
        padding: 55px 0 0;
    }
    .info-table {
        width: 1100px;
        border-collapse: collapse;
        margin: 0 auto;
    }
    .info-table th,
    .info-table td {
        border: 1px solid var(--gray2);
        font-size: 18px;
        letter-spacing: .07em;
        padding: 22px;
    }
    .info-table th {
        width: 263px;
        background-color: #F7F7F7;
        text-align: center;
    }

    .info-title {
        font-size: 28px;
        font-weight: bold;
        color: #4E3921;
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid var(--gray2);
    }
    .info-h3 {
        font-size: 19px;
        font-weight: bold;
        color: #4E3921;
        margin-top: 60px;
    }
    .info-text {
        font-size: 20px;
        font-weight: 400;
        color: #4E3921;
        line-height: 2.1;
    }
    .info-text a {
        color: #AE1241;
        text-decoration: underline;
    }
    .info-note-list {
        margin-top: 10px;
    }
    .info-note-list li {
        font-size: 18px;
        padding-left: 18px;
        text-indent: -18px;
        color: #4E3921;
        line-height: 2;
    }
    .info-note-list li + li {}
    .info-note-list li::before {
        display: inline-block;
        content: "※";
        text-indent: 0;
    }
    .shipping-table {
        width: 636px;
        border-collapse: collapse;
        margin-top: 40px;
    }
    .shipping-table th,
    .shipping-table td {
        border: 1px solid var(--gray2);
        padding: 24px 22px;
        font-size: 20px;
    }
    .shipping-table th {
        background-color: #F7F7F7;
    }
    .info-payment-cardbrand {
        margin-top: 20px;
    }
    .info-payment-cardbrand img {
        max-width: 100%;
    }

    /* info-contact */
    .info-contact {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 140px;
        font-size: 20px;
    }
    .info-contact-text {
        padding: 10px 60px;
    }
    .info-contact a {
        display: block;
        width: 450px;
        text-align: center;
        background-color: #e6e6e6;
        padding: 10px 0;
        border-radius: 100px;
    }
    .info-contact a:hover {
        text-decoration: none;
        opacity: .5;
    }

}
