@charset "UTF-8";

/* =========================
変数 
============================*/
.fs-l-pageMain {
  --s-val: 10px;
  --pdg-inline: calc(var(--s-val) * 10);
}

/* レスポンシブ ========== */
@media screen and (max-width: 1200px) {
  .fs-l-pageMain {
    --s-val: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .fs-l-pageMain {
    --s-val: 2.67vw;
    --pdg-inline: calc(var(--s-val) * 2);
  }
}


/* =========================
共通 
============================*/
.fs-l-main {
    margin: 0 auto 24px;
    padding: 0 8px 8px;
}

.fs-l-pageMain {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, sans-serif;
}

.fs-l-pageMain img {
    display: block;
    max-width: 100%;
}

.fs-l-pageMain li {
     list-style: none;
}

img.img--sp {
    display: none;
}

.br--sp {
    display: none;
}

/* レスポンシブ ========== */
@media screen and (max-width: 768px) {
    .fs-l-main {
        margin: 0;
        padding: 0;
    }

    img.img--pc {
        display: none;
    }

    img.img--sp {
        display: block;
    }

    .br--sp {
        display: block;
    }

    .br--pc {
        display: none;
    }
}


/* =========================
lp-fv
============================*/
.lp-fv__block {
    position: relative;
}

.lp-fv__btn-wrap {
    padding-inline: var(--pdg-inline);
    width: 93%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--s-val) * 2);
    position: absolute;
    bottom: calc(var(--s-val) * 16.6);
    left: 50%;
    transform: translateX(-50%);
}

.lp-fv__block--sp {
    display: none;
}

/* レスポンシブ ========== */
@media screen and (max-width: 768px) {
    .lp-fv__block--pc {
        display: none;
    }

    .lp-fv__block--sp {
        display: block;
    }
    
    .lp-fv__btn-wrap {
        width: 100%;
        flex-direction: column;
        gap: calc(var(--s-val) * 3);
        bottom: calc(var(--s-val) * 6.8);
    }
}


/* =========================
tie-cta共通
============================*/
.tie-cta {
    position: relative;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: var(--pdg-inline);
    color: #fff;
}

.tie-cta a {
    color: currentColor;
}

.tie-cta a:hover {
    text-decoration: none;
}

.tie-cta__lead {
    margin-block-start: calc(var(--s-val) * 2.3);
    font-size: calc(var(--s-val) * 1.3);
    line-height: 2.1em;
    text-align: center;
    letter-spacing: 0.05em;
}

.tie-cta__list {
    margin: calc(var(--s-val) * 4.5) 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--s-val) * 5.3) calc(var(--s-val) * 2.5);
}

.tie-cta__item {
    width: calc(33.33% - calc(var(--s-val) * 1.67));
}

.tie-cta__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.tie-cta__heading {
    margin-block-start: calc(var(--s-val) * 2.3);
    font-size: calc(var(--s-val) * 1.8);
    letter-spacing: 0.03em;
    font-weight: 600;
}

.tie-cta__detail {
    margin-block: calc(var(--s-val) * 1.1) calc(var(--s-val) * 3);
    font-size: calc(var(--s-val) * 1.3);
    line-height: 2.1em;
    letter-spacing: 0.05em;
}

.tie-cta__meta {
    margin-top: auto;
}

.tie-cta__name {
    font-size: calc(var(--s-val) * 1.4);
    letter-spacing: 0.05em;
    line-height: 1.75em;
}

.tie-cta__price {
    font-size: calc(var(--s-val) * 1.4);
    font-weight: 600;
    line-height: 1.8em;
}

.tie-cta__tax {
    font-size: calc(var(--s-val) * 0.8);
    font-weight: normal;
    margin-left: calc(var(--s-val) * 0.4);
}


/* レスポンシブ ========== */
@media screen and (max-width: 768px) {
    .tie-cta__ttl {
        width: 87.5%;
        margin-inline: auto;
    }
    
    .tie-cta__lead {
        margin-block-start: calc(var(--s-val) * 2.9);
        font-size: calc(var(--s-val) * 1.3);
    }

    .tie-cta__list {
        margin: calc(var(--s-val) * 4.2) 0 0;
        gap: calc(var(--s-val) * 6.9);
    }

    .tie-cta__item {
        width: 100%;
    }

    .tie-cta__heading {
        margin-block-start: calc(var(--s-val) * 4.3);
        font-size: calc(var(--s-val) * 2.3);
    }

    .tie-cta__detail {
        margin-block: calc(var(--s-val) * 1.5) calc(var(--s-val) * 2.2);
        font-size: calc(var(--s-val) * 1.3);
    }

    .tie-cta__name {
        font-size: calc(var(--s-val) * 1.4);
        line-height: 2.1em;
    }

    .tie-cta__price {
        margin-block-start: calc(var(--s-val) * 0.3);
        font-size: calc(var(--s-val) * 1.4);
    }
}


/* =========================
roytouch
============================*/
.roytouch {
    display: block;
    position: relative;
}

.roytouch::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #801B21;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}

/* plain ============ */
.tie-cta--roytouch-plain {
    padding-block: calc(var(--s-val) * 12.7) 0;
}

.tie-cta--roytouch-plain::before {
    content: "";
    display: block;
    width: calc(var(--s-val) * 12);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * 11.5);
    right: calc(var(--s-val) * 27);
    z-index: -9;
}

.tie-cta--roytouch-plain::after {
    content: "";
    display: block;
    width: calc(var(--s-val) * 17);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * -13);
    right: 0;
    z-index: -9;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
    .tie-cta--roytouch-plain {
        padding-block: calc(var(--s-val) * 8.5) 0;
    }

    .tie-cta--roytouch-plain::before {
        width: calc(var(--s-val) * 13.5);
        top: calc(var(--s-val) * -3.3);
        right: calc(var(--s-val) * -0.6);
    }

    .tie-cta--roytouch-plain::after {
        width: calc(var(--s-val) * 14);
        bottom: calc(var(--s-val) * -4.3);
        right: calc(var(--s-val) * -2);
    }

    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(2),
    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(3), 
    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(4)  {
        position: relative;
    }

    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(2)::before,
    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(3)::before, 
    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(4)::before  {
        content: "";
        display: block;
        width: calc(var(--s-val) * 12);
        aspect-ratio: 627/690;
        background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: -9;
    }

    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(2)::before {
        width: calc(var(--s-val) * 21);
        top: calc(var(--s-val) * -15.5);
        right: calc(var(--s-val) * 1.8);
    }

    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(3)::before {
        width: calc(var(--s-val) * 14);
        bottom: calc(var(--s-val) * -9);
        right: calc(var(--s-val) * -2);
    }
 
    .tie-cta--roytouch-plain .tie-cta__item:nth-of-type(4)::before  {
        width: calc(var(--s-val) * 14);
        bottom: calc(var(--s-val) * -14);
        right: calc(var(--s-val) * 2.5);
    }
}


/* patterned ============ */
.tie-cta--roytouch-patterned {
    padding-block: calc(var(--s-val) * 11.3) calc(var(--s-val) * 22.9);
}

.tie-cta--roytouch-patterned::before {
    content: "";
    display: block;
    width: calc(var(--s-val) * 15);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow2.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * 33.7);
    right: calc(var(--s-val) * 21.5);
    z-index: -9;
}

.tie-cta--roytouch-patterned::after {
    content: "";
    display: block;
    width: calc(var(--s-val) * 22);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * 4);
    right: calc(var(--s-val) * 7.8);
    z-index: -9;
}


/* レスポンシブ */
@media screen and (max-width: 768px) {
    .tie-cta--roytouch-patterned {
        padding: calc(var(--s-val) * 8.5) 0 calc(var(--s-val) * 6.5);
    }
    
    .tie-cta--roytouch-patterned .tie-cta__list {
        padding-inline: var(--pdg-inline);
    }

    .tie-cta--roytouch-patterned .tie-cta__ttl {
        width: 96%;
    }

    .tie-cta--roytouch-patterned .tie-cta__list {
        margin: calc(var(--s-val) * 5.3) 0 0;
    }

    .tie-cta--roytouch-patterned::before {
        display: none;
    }

    .tie-cta--roytouch-patterned::after {
        width: calc(var(--s-val) * 17);
        bottom: calc(var(--s-val) * 8.5);
        right: calc(var(--s-val) * 2.5);
    }

    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(2),
    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(3) {
        position: relative;
    }

    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(2)::before,
    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(3)::before, 
    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(3)::after  {
        content: "";
        display: block;
        width: calc(var(--s-val) * 12);
        aspect-ratio: 627/690;
        background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: -9;
    }

    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(2)::before {
        width: calc(var(--s-val) * 14);
        top: calc(var(--s-val) * -12);
        right: calc(var(--s-val) * 1.5);
    }

    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(3)::before {
        width: calc(var(--s-val) * 17.5);
        top: calc(var(--s-val) * -14);
        right: calc(var(--s-val) * 6);
    }

    .tie-cta--roytouch-patterned .tie-cta__item:nth-of-type(3)::after {
        width: calc(var(--s-val) * 17);
        bottom: calc(var(--s-val) * -7.5);
        right: calc(var(--s-val) * 0.3);
    }
}

/* =========================
kinshoku
============================*/
.kinshoku {
    display: block;
    position: relative;
}

.kinshoku::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2D5450;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}


/* plain ============ */
.tie-cta--kinshoku-plain {
    padding-block: calc(var(--s-val) * 9.4) 0;
}

.tie-cta--kinshoku-plain::before {
    content: "";
    display: block;
    width: calc(var(--s-val) * 15);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow2.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * 10.5);
    right: calc(var(--s-val) * 15);
    z-index: -9;
}

.tie-cta--kinshoku-plain::after {
    content: "";
    display: block;
    width: calc(var(--s-val) * 22);
    aspect-ratio: 627/690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * -19.5);
    right: calc(var(--s-val) * 1.5);
    z-index: -9;
}


/* レスポンシブ */
@media screen and (max-width: 768px) {
    .tie-cta--kinshoku-plain {
        padding-block: calc(var(--s-val) * 12.2) 0;
    }

    .tie-cta--kinshoku-plain::before {
        background: url(https://seiwas.itembox.design/item/xmas25_snow.png) no-repeat;
        background-size: contain;
        width: calc(var(--s-val) * 21);
        top: calc(var(--s-val) * -2);
        bottom: auto;
        right: calc(var(--s-val) * -5.5);
    }
    
    .tie-cta--kinshoku-plain::after {
        width: calc(var(--s-val) * 15);
        bottom: calc(var(--s-val) * -13.5);
        right: calc(var(--s-val) * -0.2);
        transform: rotate(46deg);
    }

    
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(2),
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(3),
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(4)  {
        position: relative;
    }

    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(2)::before,
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(3)::before,
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(3)::after, 
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(4)::before  {
        content: "";
        display: block;
        width: calc(var(--s-val) * 12);
        aspect-ratio: 627/690;
        background: url(https://seiwas.itembox.design/item/xmas25_snow2.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: -9;
    }

    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(2)::before {
        width: calc(var(--s-val) * 15);
        bottom: calc(var(--s-val) * -5.3);
        right: calc(var(--s-val) * -3);
        transform: rotate(45deg);
    }

    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(3)::before {
        width: calc(var(--s-val) * 9);
        bottom: calc(var(--s-val) * 15.5);
        right: calc(var(--s-val) * 0.3);
        transform: rotate(39deg);
    }

    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(3)::after {
        width: calc(var(--s-val) * 11.5);
        bottom: calc(var(--s-val) * 0.5);
        right: calc(var(--s-val) * 8.7);
        transform: rotate(46deg);
    }
 
    .tie-cta--kinshoku-plain .tie-cta__item:nth-of-type(4)::before  {
        width: calc(var(--s-val) * 11.5);
        bottom: calc(var(--s-val) * -9.9);
        right: calc(var(--s-val) * -3);
        transform: rotate(47deg);
    }
}

/* patterned ============ */
.tie-cta--kinshoku-patterned {
    padding-block: calc(var(--s-val) * 11.2) calc(var(--s-val) * 13.7);
}

.tie-cta--kinshoku-patterned::before {
    content: "";
    display: block;
    width: calc(var(--s-val) * 15.5);
    aspect-ratio: 627 / 690;
    background: url(https://seiwas.itembox.design/item/xmas25_snow2.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: calc(var(--s-val) * 38.5);
    right: calc(var(--s-val) * 18.5);
    transform: rotate(-13deg);
    z-index: -9;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
    .tie-cta--kinshoku-patterned {
        padding: calc(var(--s-val) * 9) 0 calc(var(--s-val) * 12.9);
    }

    .tie-cta--kinshoku-patterned .tie-cta__list {
        padding-inline: var(--pdg-inline);        
        margin: calc(var(--s-val) * 7.2) 0 0;
    }

    .tie-cta--kinshoku-patterned .tie-cta__ttl {
        width: 96%;
    }

    .tie-cta--kinshoku-patterned::before {
        width: calc(var(--s-val) * 18.3);
        bottom: calc(var(--s-val) * -6.4);
        right: calc(var(--s-val) * 0.5);
        transform: rotate(46deg);
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:first-of-type,
    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(3), 
    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4)  {
        position: relative;
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4) {
        padding-block-end: calc(var(--s-val) * 3.1);
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:first-of-type::before,
    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(3)::before, 
    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4)::before, 
    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4)::after  {
        content: "";
        display: block;
        width: calc(var(--s-val) * 12);
        aspect-ratio: 627/690;
        background: url(https://seiwas.itembox.design/item/xmas25_snow2.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: -9;
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:first-of-type::before {
        width: calc(var(--s-val) * 15);
        bottom: calc(var(--s-val) * -4.4);
        right: calc(var(--s-val) * -8);
        transform: rotate(46deg);
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(3)::before {
        width: calc(var(--s-val) * 15);
        top: calc(var(--s-val) * -7.5);
        right: calc(var(--s-val) * 1);
        transform: rotate(45deg);
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4)::before {
        width: calc(var(--s-val) * 11);
        top: calc(var(--s-val) * 31.5);
        right: calc(var(--s-val) * -0.5);
        transform: rotate(45deg);
    }

    .tie-cta--kinshoku-patterned .tie-cta__item:nth-of-type(4)::after {
        width: calc(var(--s-val) * 11);
        bottom: calc(var(--s-val) * -9.5);
        right: calc(var(--s-val) * 6);
        transform: rotate(45deg);
    }
}

/* =========================
gift
============================*/
.gift__block {
    position: relative;
}

.gift__btn {
    display: block;
    width: calc(var(--s-val) * 24.8);
    position: absolute;
    bottom: calc(var(--s-val) * 10.4);
    left: calc(var(--s-val) * 24);
}

.gift__block--sp {
    display: none;
}


/* レスポンシブ ========== */
@media screen and (max-width: 768px) {
    .gift__block--pc {
        display: none;
    }

    .gift__block--sp {
        display: block;
    }
    
    .gift__btn {
        width: calc(var(--s-val) * 29.8);
        bottom: calc(var(--s-val) * 7.4);
        left: 50%;
        transform: translateX(-50%);
    }
}