:root {
        --screen-w: 1920
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    sub,
    sup,
    tt,
    var,
    u,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    input {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        color: #181B39;
        font: inherit;
        vertical-align: baseline;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-family: "Shippori Mincho", serif
    }

    input {
        font-family: "Shippori Mincho", serif
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }

    body {
        font: inherit
    }

    html {
        scroll-behavior: smooth;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    a {
        color: #333;
        text-decoration: none;
        transition: 0.3s
    }

    a:hover img {
        opacity: 0.8
    }

    img,
    iframe {
        vertical-align: bottom;
        max-width: 100%;
        background: transparent;
        transition: 0.3s
    }

    input[type=submit],
    input[type=button] {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer
    }

    input[type=submit]::-webkit-search-decoration,
    input[type=button]::-webkit-search-decoration {
        display: none
    }

    input[type=submit]::focus,
    input[type=button]::focus {
        outline-offset: -2px
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        background: transparent
    }

    .grecaptcha-badge {
        display: none
    }

    .clear:after {
        content: "";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden
    }

    .main,
    #privacy,
    #law {
        padding-top: calc(180 / var(--screen-w) * 100vw);
        padding-bottom: calc(167 / var(--screen-w) * 100vw);
    }

    .df {
        display: flex
    }

    .sb {
        justify-content: space-between
    }

    .fw {
        flex-wrap: wrap
    }

    .w90 {
        margin: 0 auto;
        width: 90%
    }

    br.sp {
        display: none
    }

    .smt {
        scroll-margin-top: 120px
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 999
    }

    .headerMainContent {
        justify-content: center;
        align-items: center;
        padding: calc(12 / var(--screen-w) * 100vw) 0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        position: relative
    }

    .headTitWrap {
        align-items: center;
        margin-right: calc(161 / var(--screen-w) * 100vw)
    }

    h1 {
        width: calc(104 / var(--screen-w) * 100vw);
        margin-right: calc(12 / var(--screen-w) * 100vw)
    }

    .inquirySection h1 {
        width: max-content
    }

    .headTitWrap .mainSubTit {
        font-size: calc(11 / var(--screen-w) * 100vw);
        padding: calc(6 / var(--screen-w) * 100vw) calc(13 / var(--screen-w) * 100vw);
        background-color: #B5110C;
        color: #fff;
        clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px)
    }

    nav {
        margin-right: calc(239 / var(--screen-w) * 100vw)
    }

    .hbMenu {
        display: none
    }

    .g-nav li {
        margin-right: calc(40 / var(--screen-w) * 100vw);
        position: relative
    }

    .g-nav li::after {
        content: "";
        display: block;
        width: calc(35 / var(--screen-w) * 100vw);
        height: calc(8 / var(--screen-w) * 100vw);
        background: url(../img/icon-hover.png) no-repeat center;
        background-size: cover;
        position: absolute;
        bottom: calc(100% + (4 / var(--screen-w) * 100vw));
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: .3s
    }

    .g-nav li:hover:after {
        opacity: 1
    }

    .g-nav li:last-child {
        margin-right: 0
    }

    .g-nav li a {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900
    }

    .redArea {
        background-color: #D80000;
        color: #fff;
        text-align: center;
        padding: calc(6 / var(--screen-w) * 100vw) 0;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(15 / var(--screen-w) * 100vw);
        font-weight: 500
    }

    article {
        padding-top: calc(118 / var(--screen-w) * 100vw)
    }

    .mv .sp {
        display: none
    }

    .itemcard {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: calc(24 / var(--screen-w) * 100vw);
        width: calc(1512 / var(--screen-w) * 100vw);
        margin: 0 auto
    }

    .itemcard li {
        background-color: #fff;
        padding-bottom: calc(29 / var(--screen-w) * 100vw);
        box-shadow: 0 0 23px rgba(0, 0, 0, 0.1)
    }

    .itemcard li a>img {
        display: block;
        aspect-ratio: 488 / 300;
        object-fit: cover;
        margin-bottom: calc(29 / var(--screen-w) * 100vw)
    }

    .itemcard li a .txtBox {
        width: 90%;
        margin: 0 auto
    }

    .itemcard .catch {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 600;
        margin-bottom: calc(8 / var(--screen-w) * 100vw)
    }

    .itemcard h3 {
        font-size: calc(32 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-bottom: calc(18 / var(--screen-w) * 100vw)
    }

    .itemcard .price {
        font-size: calc(20 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-bottom: calc(29 / var(--screen-w) * 100vw);
        color: #D12F29
    }

    .itemcard .price span {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #D12F29
    }

    .itemcard .itemfutear {
        background-color: #F5F5F5;
        padding: calc(18 / var(--screen-w) * 100vw);
        margin-bottom: calc(40 / var(--screen-w) * 100vw)
    }

    .itemcard .itemfutear p {
        display: flex;
        align-items: center;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 600
    }

    .itemcard .itemfutear p span {
        width: calc(14 / var(--screen-w) * 100vw);
        height: calc(14 / var(--screen-w) * 100vw);
        background-color: #D12F29;
        margin-right: calc(5 / var(--screen-w) * 100vw)
    }

    .itemLink {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(50 / var(--screen-w) * 100vw);
        background-image: linear-gradient(#D12F29 0, #AB0600 100%);
        color: #fff;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        border: 1px solid #CFCAAE;
        border-radius: calc(3 / var(--screen-w) * 100vw);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.44);
        position: relative;
        transition: .3s
    }

    .itemcard li:hover .itemLink {
        background-image: none;
        background-color: #fff;
        color: #D80000
    }

    .itemLink span {
        display: block;
        width: calc(23 / var(--screen-w) * 100vw);
        height: calc(23 / var(--screen-w) * 100vw);
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translateY(-50%)
    }

    .itemcard li:hover .itemLink span {
        background-color: #D80000
    }

    .itemLink span:after {
        content: "";
        display: block;
        width: calc(4 / var(--screen-w) * 100vw);
        height: calc(6 / var(--screen-w) * 100vw);
        background: url(../img/link-arrow-r.png) no-repeat center;
        background-size: contain
    }

    .itemcard li:hover .itemLink span:after {
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .bnrBlock {
        width: min(90%, 800px);
        margin: 4% auto 10%;
    }

    .topBlock1,
    .topBlock2 {
        background: url(../img/bg-topblock1.jpg) no-repeat center;
        background-size: cover
    }

    .topBlock1 {
        padding-top: calc(60 / var(--screen-w) * 100vw);
        padding-bottom: calc(144 / var(--screen-w) * 100vw);
        position: relative;
        z-index: 1
    }

    .topBlock1 .bgCloud {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .bgCloud.sp {
        display: none
    }

    .topBlock2 {
        padding-bottom: calc(187 / var(--screen-w) * 100vw);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 2
    }

    .topBlock2 .itemcard {
        margin-bottom: calc(128 / var(--screen-w) * 100vw)
    }

    .topBlock2 .bnr10 {
        display: block;
        width: calc(810 / var(--screen-w) * 100vw);
        margin: 0 auto calc(80 / var(--screen-w) * 100vw)
    }

    .topBlock2 .bnr {
        display: block;
        width: calc(697 / var(--screen-w) * 100vw);
        margin: 0 auto
    }

    .topBlock2 .bnr.sp {
        display: none
    }

    .effectTit {
        position: relative;
        padding-bottom: calc(20 / var(--screen-w) * 100vw)
    }

    .effectTit::before,
    .effectTit::after {
        display: block;
        content: "";
        position: absolute
    }

    .effectTit::before {
        width: calc(239 / var(--screen-w) * 100vw);
        height: calc(31 / var(--screen-w) * 100vw);
        background: url(../img/tit-effect-right.png) no-repeat center;
        background-size: contain;
        right: 0
    }

    .effectTit::after {
        width: calc(239 / var(--screen-w) * 100vw);
        height: calc(31 / var(--screen-w) * 100vw);
        background: url(../img/tit-effect-left.png) no-repeat center;
        background-size: contain;
        left: 0;
        bottom: 0
    }

    .effectTit h2 {
        text-align: center;
        font-size: calc(42 / var(--screen-w) * 100vw);
        font-weight: 900
    }

    .effectTit h2 span {
        display: block;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #B9965F
    }

    .topBlock1 .effectTit {
        width: calc(772 / var(--screen-w) * 100vw);
        margin: 0 auto calc(57 / var(--screen-w) * 100vw);
        position: relative
    }

    .effectTit .limited {
        width: calc(195 / var(--screen-w) * 100vw);
        position: absolute
    }

    .topBlock1 .effectTit .limited {
        top: calc(-50 / var(--screen-w) * 100vw);
        left: calc(94 / var(--screen-w) * 100vw)
    }

    .topBlock2 .effectTit .limited {
        top: calc(-44 / var(--screen-w) * 100vw);
        left: calc(84 / var(--screen-w) * 100vw)
    }

    .topBlock2 .effectTit {
        width: calc(878 / var(--screen-w) * 100vw);
        margin: 0 auto calc(38 / var(--screen-w) * 100vw);
        padding-top: calc(28 / var(--screen-w) * 100vw)
    }

    .topBlock2 .effectTit::before {
        top: 0
    }

    .topBlock3 {
        background: url(../img/bg-topblock3.jpg) no-repeat center;
        background-size: cover;
        padding-top: calc(210 / var(--screen-w) * 100vw);
        padding-bottom: calc(306 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner {
        width: calc(831 / var(--screen-w) * 100vw);
        margin: 0 auto
    }

    .topBlock3Inner>.subTit {
        text-align: center;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #911712;
        margin-bottom: calc(17 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner>h2 {
        text-align: center;
        font-size: calc(32 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #911712;
        margin-bottom: calc(71 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner>h2 span,
    .topBlock3Inner>h2 ruby {
        text-align: center;
        font-size: calc(42 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #911712;
        margin-bottom: calc(17 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1 {
        background-color: #fff;
        margin-bottom: calc(24 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no3 {
        margin-bottom: calc(48 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1 h3 {
        background-color: #414141;
        color: #fff;
        font-size: calc(24 / var(--screen-w) * 100vw);
        text-align: center;
        padding: calc(25 / var(--screen-w) * 100vw) 0
    }

    .topBlock3Inner .box1 h3 span {
        display: block;
        color: #fff;
        font-size: calc(12 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no1 .innerWrap {
        width: 90%;
        margin: 0 auto;
        padding: calc(34 / var(--screen-w) * 100vw) 0 calc(62 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no1 .box1Inner {
        margin-bottom: calc(40 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no1 .box1Inner:last-child {
        margin-bottom: 0
    }

    .topBlock3Inner .box1.no1 .box1Inner h4 {
        font-size: calc(20 / var(--screen-w) * 100vw);
        font-weight: 600;
        margin-bottom: calc(16 / var(--screen-w) * 100vw);
        padding: calc(9 / var(--screen-w) * 100vw) calc(10 / var(--screen-w) * 100vw);
        background-color: #CE0000;
        color: #fff;
        width: max-content
    }

    .topBlock3Inner .box1.no1 .box1Inner .shopListTxt {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 600;
        margin-bottom: calc(16 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no1 .box1Inner .shopListTxt:last-child {
        margin-bottom: 0
    }

    .topBlock3Inner .box1.no2 .innerWrap {
        width: 82%;
        margin: 0 auto;
        padding: calc(50 / var(--screen-w) * 100vw) 0 calc(42 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 ul {
        margin-bottom: calc(32 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 li {
        display: flex;
        align-items: center;
        padding: calc(36 / var(--screen-w) * 100vw) 0 calc(31 / var(--screen-w) * 100vw);
        border-bottom: 1px solid #E1E1E1
    }

    .topBlock3Inner .box1.no2 li .title {
        width: 45%;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900
    }

    .topBlock3Inner .box1.no2 li:nth-child(1) img {
        width: calc(365 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 li:nth-child(2) img {
        width: calc(140 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 li:nth-child(3) img {
        width: calc(236 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 li:nth-child(4) img {
        width: calc(231 / var(--screen-w) * 100vw)
    }

    .topBlock3Inner .box1.no2 .note {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 600;
        color: #C00600
    }

    .topBlock3Inner .box1.no3 .innerWrap {
        width: 90%;
        margin: 0 auto;
        padding: calc(29 / var(--screen-w) * 100vw) 0
    }

    .topBlock3Inner .box1.no3 .memo {
        display: flex;
        align-items: baseline
    }

    .topBlock3Inner .box1.no3 .memo .text {
        display: flex;
        align-items: center;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 600;
        width: calc(100% - (15 / var(--screen-w) * 100vw))
    }

    .topBlock3Inner .box1.no3 .memo .icon {
        display: block;
        width: calc(15 / var(--screen-w) * 100vw);
        height: calc(15 / var(--screen-w) * 100vw);
        background-color: #3C3C3C;
        margin-right: calc(5 / var(--screen-w) * 100vw)
    }

    .linkBtn1 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(429 / var(--screen-w) * 100vw);
        height: calc(67 / var(--screen-w) * 100vw);
        background-image: linear-gradient(#D12F29 0, #AB0600 100%);
        color: #fff;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #fff;
        position: relative;
        border: 1px solid #CFCAAE;
        transition: .3s;
        border-radius: 3px
    }

    .linkBtn1:hover {
        background-image: none;
        background-color: #fff;
        color: #D80000
    }

    .linkBtn1 span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(23 / var(--screen-w) * 100vw);
        height: calc(23 / var(--screen-w) * 100vw);
        border-radius: 50%;
        background-color: #fff;
        transition: .3s;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
        transition: .3s
    }

    .linkBtn1:hover span {
        background-color: #D80000
    }

    .linkBtn1 span::after {
        content: "";
        display: block;
        width: calc(7 / var(--screen-w) * 100vw);
        height: calc(8 / var(--screen-w) * 100vw);
        background: url(../img/link-arrow-r.png) no-repeat center;
        background-size: contain
    }

    .linkBtn1:hover span::after {
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .topBlock3Inner .linkBtn1 {
        margin: 0 auto
    }

    .topBlock4Wrap {
        margin-top: calc(-120 / var(--screen-w) * 100vw);
        filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.24));
        position: relative;
        z-index: 1
    }

    .topBlock4 {
        background: url(../img/mask-topblock3.png) no-repeat center;
        background-size: cover;
        padding: calc(95 / var(--screen-w) * 100vw) 0 calc(87 / var(--screen-w) * 100vw);
        position: relative
    }

    .topBlock4>.subTit {
        text-align: center;
        margin-bottom: calc(-20 / var(--screen-w) * 100vw);
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #928064
    }

    .topBlock4 h2 {
        text-align: center;
        font-size: calc(32 / var(--screen-w) *100vw);
        font-weight: 900;
        margin-bottom: calc(136 / var(--screen-w) *100vw);
        position: relative
    }

    .topBlock4 h2::after {
        content: "";
        display: block;
        width: calc(419 / var(--screen-w) *100vw);
        aspect-ratio: 419 / 308;
        background: url(../img/bg-step-tit.png) no-repeat center;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .topBlock4 h2 span {
        color: #D12F29;
        font-size: calc(69 / var(--screen-w) *100vw)
    }

    .topBlock4 h2 span span {
        color: #D12F29;
        font-size: calc(40 / var(--screen-w) *100vw)
    }

    .topBlock4 .step {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: calc(900 / var(--screen-w) *100vw);
        margin: 0 auto;
        gap: calc(48 / var(--screen-w) *100vw)
    }

    .topBlock4 .step li {
        padding-top: calc(18 / var(--screen-w) *100vw);
        position: relative
    }

    .topBlock4 .stepNum {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: calc(12 / var(--screen-w) *100vw) calc(39 / var(--screen-w) *100vw) calc(14 / var(--screen-w) *100vw);
        text-align: center;
        color: #fff;
        font-size: calc(24 / var(--screen-w) *100vw) 0;
        font-weight: 900;
        background-color: #D12F29;
        clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
        line-height: 1;
        z-index: 1
    }

    .topBlock4 .stepNum span {
        font-size: calc(35 / var(--screen-w) *100vw);
        font-weight: 900;
        color: #fff;
        display: block;
        margin-left: 0.2em;
        line-height: 1;
        margin-top: calc(-5 / var(--screen-w) *100vw)
    }

    .topBlock4 .stepCard {
        background-image: linear-gradient(#FFFFFF 0, #F9F5EF 100%);
        box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
        position: relative
    }

    .topBlock4 .stepCard::before,
    .topBlock4 .stepCard::after,
    .topBlock4 .stepCardInner::before,
    .topBlock4 .stepCardInner::after {
        display: block;
        content: "";
        width: calc(2 / var(--screen-w) *100vw);
        height: calc(44 / var(--screen-w) *100vw);
        background-color: #AC0B05;
        position: absolute;
        top: calc(-12 / var(--screen-w) *100vw)
    }

    .topBlock4 .stepCardInner::before,
    .topBlock4 .stepCardInner::after {
        bottom: calc(-12 / var(--screen-w) *100vw);
        top: auto
    }

    .topBlock4 .stepCard::before {
        left: 9px;
        transform: rotate(45deg)
    }

    .topBlock4 .stepCardInner::before {
        left: 9px;
        transform: rotate(-45deg)
    }

    .topBlock4 .stepCard::after {
        right: 9px;
        transform: rotate(-45deg)
    }

    .topBlock4 .stepCardInner::after {
        right: 9px;
        transform: rotate(45deg)
    }

    .topBlock4 .stepCardInner {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: calc(66 / var(--screen-w) *100vw) calc(43 / var(--screen-w) *100vw) calc(61 / var(--screen-w) *100vw);
        position: relative
    }

    .topBlock4 .stepCard img {
        display: block;
        margin-bottom: calc(24 / var(--screen-w) *100vw)
    }

    .topBlock4 .stepCardInner .bg {
        width: calc(176 / var(--screen-w) *100vw);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .topBlock4 .stepCardInner .stepArrow {
        width: calc(16 / var(--screen-w) *100vw);
        position: absolute;
        top: 50%;
        left: calc(100% + (18 / var(--screen-w) *100vw));
        margin-bottom: 0
    }

    .topBlock4 .stepCard h3 {
        font-size: calc(24 / var(--screen-w) *100vw);
        font-weight: 900;
        color: #D12F29;
        text-align: center;
        margin-bottom: calc(24 / var(--screen-w) *100vw);
        min-height: calc(78 / var(--screen-w) *100vw)
    }

    .topBlock4 .stepCard .text {
        font-size: calc(16 / var(--screen-w) *100vw);
        font-weight: 600;
        min-height: calc(69 / var(--screen-w) *100vw);
        line-height: calc(23 / var(--screen-w) *100vw)
    }

    .topBlock4 .step li>a {
        text-align: center;
        font-size: calc(14 / var(--screen-w) *100vw);
        color: #2B70B4;
        display: block;
        text-decoration: underline;
        margin-top: calc(32 / var(--screen-w) *100vw)
    }

    .topBlock4Wrap .linkBtn1 {
        position: absolute;
        bottom: calc(-25 / var(--screen-w) *100vw);
        left: 50%;
        transform: translateX(-50%);
        z-index: 1
    }

    .topBlock5 {
        background: url(../img/bg-topblock5.jpg) no-repeat center;
        background-size: cover;
        padding: calc(202 / var(--screen-w) *100vw) 0 calc(159 / var(--screen-w) *100vw)
    }

    .topBlock5 .subTit {
        text-align: center;
        font-size: calc(16 / var(--screen-w) *100vw);
        font-weight: 900;
        color: #E60012;
        margin-bottom: calc(7 / var(--screen-w) *100vw)
    }

    .topBlock5 .iconJijiya {
        display: block;
        width: calc(160 / var(--screen-w) *100vw);
        margin: 0 auto calc(40 / var(--screen-w) *100vw)
    }

    .topBlock5 h2 {
        text-align: center;
        font-size: calc(33 / var(--screen-w) *100vw);
        font-weight: 900;
        margin-bottom: calc(51 / var(--screen-w) *100vw)
    }

    .topBlock5>.text {
        font-size: calc(16 / var(--screen-w) *100vw);
        font-weight: 900;
        text-align: center;
        margin-bottom: calc(110 / var(--screen-w) *100vw);
        line-height: calc(38 / var(--screen-w) *100vw)
    }

    .topBlock5 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: calc(32 / var(--screen-w) *100vw);
        width: calc(1200 / var(--screen-w) *100vw);
        margin: 0 auto calc(242 / var(--screen-w) *100vw)
    }

    .topBlock5 ul li .imgBox {
        position: relative;
        margin-bottom: calc(17 / var(--screen-w) *100vw)
    }

    .topBlock5 ul li .imgBox .kodawari {
        position: absolute;
        top: calc(-17 / var(--screen-w) *100vw);
        left: calc(-26 / var(--screen-w) *100vw);
        width: calc(118 / var(--screen-w) *100vw)
    }

    .topBlock5 ul li h3 {
        font-size: calc(24 / var(--screen-w) *100vw);
        font-weight: 900;
        margin-bottom: calc(16 / var(--screen-w) *100vw)
    }

    .topBlock5 ul li h3 span {
        color: #D12F29
    }

    .topBlock5 ul li .note {
        font-size: calc(16 / var(--screen-w) *100vw);
        font-weight: 500
    }

    .bnrWrap {
        background-image: linear-gradient(90deg, #CE2C26 0, #EFB6B4 66%, #FFFCFC 100%), url(../img/bg-bnrWrap.png);
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
        width: calc(1712 / var(--screen-w) *100vw);
        height: calc(403 / var(--screen-w) *100vw);
        margin: 0 auto;
        position: relative;
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .bnrWrap .bnr {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 0 0 calc(256 / var(--screen-w) *100vw);
        z-index: 1
    }

    .bnrWrap .bnr .txtBox p {
        font-size: calc(38 / var(--screen-w) *100vw);
        font-weight: 900;
        color: #fff;
        margin-bottom: calc(21 / var(--screen-w) *100vw)
    }

    .bnrWrap .bnr .txtBox .linkBtn1 {
        background-image: linear-gradient(#373737 0, #1a1a1a 100%)
    }

    .bnrWrap .bnr .txtBox .linkBtn1:hover {
        background-image: none;
        background-color: #fff;
        color: #373737
    }

    .bnrWrap .bnr .txtBox .linkBtn1:hover span {
        background-color: #373737
    }

    .bnrWrap .bnr .txtBox .linkBtn1 span:after {
        background: url(../img/link-arrow-k.png) no-repeat center;
        background-size: contain
    }

    .bnrWrap .bnr .txtBox .linkBtn1:hover span:after {
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .bnrWrap .bnr img {
        width: calc(749 / var(--screen-w) *100vw);
        top: calc(-72 / var(--screen-w) *100vw);
        right: calc(241 / var(--screen-w) *100vw);
        position: absolute
    }

    footer {
        background-color: #373737;
        padding: calc(121 / var(--screen-w) * 100vw) 0 calc(147 / var(--screen-w) * 100vw)
    }

    footer * {
        color: #fff
    }

    footer .logo {
        display: block;
        width: calc(242 / var(--screen-w) *100vw);
        margin: 0 auto calc(14 / var(--screen-w) *100vw)
    }

    footer .mainSubTit {
        font-size: calc(14 / var(--screen-w) * 100vw);
        padding: calc(8 / var(--screen-w) * 100vw) calc(15 / var(--screen-w) * 100vw);
        background-color: #B5110C;
        color: #fff;
        clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
        width: max-content;
        margin: 0 auto calc(48 / var(--screen-w) *100vw)
    }

    footer .g-nav {
        justify-content: center;
        margin-bottom: calc(100 / var(--screen-w) *100vw)
    }

    .bnrList {
        width: calc(1200 / var(--screen-w) *100vw);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: calc(31 / var(--screen-w) *100vw);
        margin: 0 auto calc(91 / var(--screen-w) *100vw)
    }

    .bnrList a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(20 / var(--screen-w) *100vw);
        font-weight: 900;
        position: relative
    }

    .bnrList a span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(28 / var(--screen-w) *100vw);
        height: calc(28 / var(--screen-w) *100vw);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 15%;
        transform: translateY(-50%)
    }

    .bnrList a:nth-child(2) {
        background-color: #E60012;
        transition: .3s
    }

    .bnrList a:nth-child(2):hover {
        background-color: #fff;
        color: #E60012
    }

    .bnrList a:nth-child(2) span {
        background-color: #fff
    }

    .bnrList a:nth-child(2):hover span {
        background-color: #E60012
    }

    .bnrList a:nth-child(2) span:after {
        content: "";
        display: block;
        width: calc(7 / var(--screen-w) * 100vw);
        height: calc(8 / var(--screen-w) * 100vw);
        background: url(../img/link-arrow-r.png) no-repeat center;
        background-size: contain
    }

    .bnrList a:nth-child(2):hover span:after {
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .bnrList a:nth-child(3) {
        background-color: #fff;
        color: #E60012
    }

    .bnrList a:nth-child(3):hover {
        background-color: #E60012;
        color: #fff
    }

    .bnrList a:nth-child(3) span {
        background-color: #E60012
    }

    .bnrList a:nth-child(3):hover span {
        background-color: #fff
    }

    .bnrList a:nth-child(3) span:after {
        content: "";
        display: block;
        width: calc(7 / var(--screen-w) * 100vw);
        height: calc(8 / var(--screen-w) * 100vw);
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .bnrList a:nth-child(3):hover span:after {
        background: url(../img/link-arrow-r.png) no-repeat center;
        background-size: contain
    }

    footer .copyWrap {
        width: calc(1200 / var(--screen-w) * 100vw);
        justify-content: space-between;
        margin: 0 auto
    }

    footer .address {
        margin-bottom: calc(45 / var(--screen-w) * 100vw)
    }

    footer .address p {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-right: calc(45 / var(--screen-w) * 100vw)
    }

    footer .address a {
        display: block;
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-right: calc(45 / var(--screen-w) * 100vw)
    }

    footer .address a:last-child {
        margin-right: 0
    }

    footer .copy {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        width: calc(1200 / var(--screen-w) * 100vw);
        margin: 0 auto
    }

    .pageItem {
        padding-top: calc(180 / var(--screen-w) * 100vw);
        padding-bottom: calc(167 / var(--screen-w) * 100vw);
        background: url(../img/bg-page-sub.jpg) no-repeat center;
        background-size: cover
    }

    .pankuzu {
        width: calc(1200 / var(--screen-w) * 100vw);
        margin: 0 auto calc(24 / var(--screen-w) * 100vw);
        align-items: center
    }

    .pankuzu p,
    .pankuzu a {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 600
    }

    .pankuzu img {
        display: block;
        width: calc(3 / var(--screen-w) * 100vw);
        height: calc(5 / var(--screen-w) * 100vw);
        margin: 0 calc(6 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap {
        width: calc(1200 / var(--screen-w) * 100vw);
        margin: 0 auto calc(186 / var(--screen-w) * 100vw);
        justify-content: space-between
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: calc(23/var(--screen-w)*100vw) !important;
        height: calc(23/var(--screen-w)*100vw) !important;
        background: #fff;
        border-radius: 50%;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        content: 'prev';
        font-size: 10px !important;
        color: #D12F29;
        font-weight: 700;
    }

    .itemDetailWrap .itemImgs {
        width: 56%
    }

    .itemDetailWrap .itemImgs .itemMainImg {
        margin-bottom: calc(16 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemImgs .itemThumbImg {
        margin-bottom: calc(24 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemImgs .itemTxt {
        background-color: #fff;
        padding: calc(18 / var(--screen-w) * 100vw) calc(25 / var(--screen-w) * 100vw) calc(30 / var(--screen-w) * 100vw) calc(34 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemImgs .itemTxt .txtTit {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 500;
        font-family: "Noto Sans JP", sans-serif;
        display: flex;
        align-items: center;
        margin-bottom: calc(18 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemImgs .itemTxt .txtTit span {
        display: block;
        width: calc(14 / var(--screen-w) * 100vw);
        height: calc(14 / var(--screen-w) * 100vw);
        background-color: #D12F29;
        margin-right: calc(9 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemImgs .itemTxt .text {
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 500;
        line-height: calc(18 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail {
        width: 40%;
        background-color: #fff;
        padding: calc(34 / var(--screen-w) * 100vw) calc(30 / var(--screen-w) * 100vw) calc(21 / var(--screen-w) * 100vw);
        box-sizing: border-box
    }

    .itemDetailWrap .itemDetail .catch {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 600
    }

    .itemDetailWrap .itemDetail h2 {
        font-size: calc(32 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-bottom: calc(20 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .price {
        font-size: calc(20 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #D12F29;
        margin-bottom: calc(22 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .price span {
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #D12F29
    }

    .itemDetailWrap .itemDetail .itemfutear {
        background-color: #F5F5F5;
        padding: calc(18 / var(--screen-w) * 100vw);
        margin-bottom: calc(16 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .itemfutear p {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        display: flex;
        align-items: center
    }

    .itemDetailWrap .itemDetail .itemfutear p:before {
        display: block;
        content: "";
        width: calc(14 / var(--screen-w) * 100vw);
        height: calc(14 / var(--screen-w) * 100vw);
        margin-right: calc(6 / var(--screen-w) * 100vw);
        background: #D12F29
    }

    .itemDetailWrap .itemDetail .attention2 {
        font-size: calc(17 / var(--screen-w) * 100vw);
        font-weight: 700;
        color: #FF0800;
        margin-bottom: calc(48 / var(--screen-w) * 100vw);
        font-family: "Noto Sans JP", sans-serif
    }

    .itemDetailWrap .itemDetail .itemOptionElement {
        margin-bottom: calc(48 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .itemOptionElement input[type="text"],
    .itemDetailWrap .itemDetail .itemOptionElement select,
    .itemDetailWrap .itemDetail .amountSelect {
        width: 100%;
        font-size: calc(16 / var(--screen-w) * 100vw);
        height: auto;
        padding: calc(5 / var(--screen-w) * 100vw) calc(13 / var(--screen-w) * 100vw);
        box-sizing: border-box;
        border: 1px solid #000;
        border-radius: 0;
        line-height: 30px
    }

    .itemDetailWrap .itemDetail .amountSelect {
        width: 50%
    }

    .itemDetailWrap .itemDetail .itemOptionElement .itemOption__caption {
        margin-bottom: calc(10 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .itemOptionElement .itemOption__caption br:nth-child(2) {
        display: none
    }

    .purchaseElement {
        margin-bottom: calc(125 / var(--screen-w) * 100vw)
    }

    .itemDetailWrap .itemDetail .itemOptionElement label,
    .purchaseElement label {
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        font-family: "Noto Sans JP", sans-serif;
        margin-bottom: calc(16 / var(--screen-w) * 100vw);
        display: block
    }

    .itemDetailWrap .itemDetail .attentionLink {
        display: block;
        text-align: center;
        margin-bottom: calc(21 / var(--screen-w) * 100vw);
        font-size: calc(14 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #2B70B4;
        text-decoration: underline
    }

    .noCancel {
        color: #f00;
        font-weight: 700;
        font-size: calc(16/var(--screen-w)*100vw)
    }

    body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn {
        font-family: "Shippori Mincho", serif;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(429 / var(--screen-w) * 100vw);
        height: calc(67 / var(--screen-w) * 100vw);
        background-image: linear-gradient(#D12F29 0, #AB0600 100%);
        color: #fff;
        font-size: calc(16 / var(--screen-w) * 100vw);
        font-weight: 900;
        color: #fff;
        position: relative;
        border: 1px solid #CFCAAE;
        transition: .3s;
        border-radius: 3px
    }

    .itemDetailWrap .itemDetail .cartInBtn img {
        width: calc(16 / var(--screen-w) * 100vw);
        margin-right: calc(14 / var(--screen-w) * 100vw)
    }

    .recommend {
        margin-bottom: calc(120 / var(--screen-w) * 100vw)
    }

    .recommend h2 {
        text-align: center;
        font-size: calc(42 / var(--screen-w) * 100vw);
        font-weight: 900;
        margin-bottom: calc(80 / var(--screen-w) * 100vw)
    }

    .pageItem>.linkBtn1 {
        margin: 0 auto;
        margin-bottom: calc(272 / var(--screen-w) * 100vw);
        background-image: linear-gradient(#373737 0, #1a1a1a 100%)
    }

    .pageItem>.linkBtn1:hover {
        background-image: none;
        background-color: #fff;
        color: #373737
    }

    .pageItem>.linkBtn1:hover span {
        background-color: #373737
    }

    .pageItem>.linkBtn1 span:after {
        background: url(../img/link-arrow-k.png) no-repeat center;
        background-size: contain
    }

    .pageItem>.linkBtn1:hover span:after {
        background: url(../img/link-arrow-w.png) no-repeat center;
        background-size: contain
    }

    .hbWrap {
        display: none
    }

    #x_optionCount540465 {
        display: none
    }

    .hoverLink {
        display: none
    }

    @media (width < 1000px) {
        :root {
            --screen-w: 375
        }

        .headTitWrap {
            margin: 0 calc(67 / var(--screen-w) * 100vw) 0 auto
        }

        h1 {
            width: calc(66 / var(--screen-w) * 100vw)
        }

        .headTitWrap .mainSubTit {
            padding: calc(4 / var(--screen-w) * 100vw) calc(13 / var(--screen-w) * 100vw);
            font-size: calc(8 / var(--screen-w) * 100vw);
            clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px)
        }

        nav.pc {
            display: none
        }

        .hbWrap {
            display: block;
            width: calc(30 / var(--screen-w) * 100vw);
            margin: 0 calc(20 / var(--screen-w) * 100vw) 0 0
        }

        .hbBtn {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column
        }

        .hbBtn span {
            background-color: #292929;
            width: 100%;
            height: 2px;
            margin-bottom: calc(6 / var(--screen-w) * 100vw);
            transition: .3s
        }

        .hbBtn span:last-child {
            margin-bottom: 0
        }

        body.on .hbBtn span:nth-child(1) {
            transform: rotate(45deg);
            margin-bottom: calc(-2 / var(--screen-w) * 100vw)
        }

        body.on .hbBtn span:nth-child(2) {
            display: none
        }

        body.on .hbBtn span:nth-child(3) {
            transform: rotate(-45deg)
        }

        .hbMenu {
            display: block;
            width: 100%;
            height: 100vh;
            background-color: #373737;
            position: fixed;
            top: 0;
            left: 100%;
            z-index: 998;
            transition: .3s;
            box-sizing: border-box;
            padding: calc(175 / var(--screen-w) * 100vw) 10% calc(100 / var(--screen-w) * 100vw);
            overflow-y: scroll
        }

        .hbMenu nav {
            margin-right: 0;
            margin-bottom: calc(48 / var(--screen-w) * 100vw)
        }

        .hbMenu nav li {
            margin-bottom: calc(40 / var(--screen-w) * 100vw)
        }

        .hbMenu nav li:last-child {
            margin-bottom: 0
        }

        .hbMenu nav a {
            color: #fff;
            text-align: center;
            display: block;
            font-size: calc(16 / var(--screen-w) * 100vw)
        }

        .hbMenu .bnrList {
            width: 100%
        }

        .hbMenu .bnrList a:nth-child(2) {
            color: #fff
        }

        body.on .hbMenu {
            left: 0
        }

        .redArea {
            font-size: calc(10 / var(--screen-w) * 100vw)
        }

        article {
            padding-top: 183px
        }

        .mv {
            width: 100%
        }

        .mv img {
            width: 100%
        }

        .effectTit h2 {
            font-size: calc(24 / var(--screen-w) * 100vw)
        }

        .effectTit h2 span {
            font-size: calc(10 / var(--screen-w) * 100vw)
        }

        .topBlock1 {
            padding-top: calc(26 / var(--screen-w) * 100vw);
            padding-bottom: calc(21 / var(--screen-w) * 100vw)
        }

        .topBlock1 .effectTit .limited {
            width: calc(102 / var(--screen-w) * 100vw);
            top: calc(-26 / var(--screen-w) * 100vw);
            left: calc(58 / var(--screen-w) * 100vw)
        }

        .effectTit::before {
            width: calc(134 / var(--screen-w) * 100vw)
        }

        .effectTit::after {
            width: calc(111 / var(--screen-w) * 100vw)
        }

        .topBlock2 .effectTit .limited {
            width: calc(84 / var(--screen-w) * 100vw);
            top: calc(2 / var(--screen-w) * 100vw);
            left: 3%
        }

        .itemcard {
            width: 90%;
            grid-template-columns: 1fr 1fr;
            gap: calc(5 / var(--screen-w) * 100vw) calc(6 / var(--screen-w) * 100vw)
        }

        .bnrBlock {
            margin: 4% auto 20%;
        }

        .itemcard li {
            padding-bottom: calc(9 / var(--screen-w) * 100vw)
        }

        .itemcard li a>img {
            margin-bottom: calc(8 / var(--screen-w) * 100vw)
        }

        .itemcard .catch {
            font-size: calc(10 / var(--screen-w) * 100vw);
            font-weight: 400;
            margin-bottom: calc(7 / var(--screen-w) * 100vw)
        }

        .itemcard h3 {
            font-size: calc(12 / var(--screen-w) * 100vw);
            margin-bottom: calc(9 / var(--screen-w) * 100vw)
        }

        .itemcard .price {
            font-size: calc(14 / var(--screen-w) * 100vw);
            margin-bottom: calc(12 / var(--screen-w) * 100vw)
        }

        .itemcard .price span {
            font-size: calc(8 / var(--screen-w) * 100vw)
        }

        .itemcard .itemfutear {
            padding: calc(6 / var(--screen-w) * 100vw)
        }

        .itemLink {
            height: calc(25 / var(--screen-w) * 100vw);
            font-size: calc(10 / var(--screen-w) * 100vw)
        }

        .itemLink span {
            width: calc(12 / var(--screen-w) * 100vw);
            height: calc(12 / var(--screen-w) * 100vw)
        }

        .itemcard .itemfutear p {
            font-size: calc(8 / var(--screen-w) * 100vw)
        }

        .itemcard .itemfutear p span {
            width: calc(6 / var(--screen-w) * 100vw);
            height: calc(6 / var(--screen-w) * 100vw)
        }

        .topBlock1 .effectTit {
            margin: 0 auto calc(12 / var(--screen-w) * 100vw)
        }

        .topBlock2 {
            padding-bottom: calc(60 / var(--screen-w) * 100vw)
        }

        .topBlock2 .effectTit {
            margin: 0 auto calc(12 / var(--screen-w) * 100vw)
        }

        .topBlock2 .itemcard {
            margin-bottom: calc(80 / var(--screen-w) * 100vw)
        }

        .topBlock2 .bnr {
            width: 94%
        }

        .topBlock2 .bnr.pc {
            display: none
        }

        .topBlock2 .bnr.sp {
            display: block
        }

        .topBlock3 {
            background: url(../img/bg-topblock3_sp.jpg) no-repeat center;
            background-size: cover;
            padding-top: calc(43 / var(--screen-w) * 100vw);
            padding-bottom: calc(136 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner {
            width: 90%
        }

        .topBlock3Inner>.subTit {
            font-size: calc(10 / var(--screen-w) * 100vw);
            margin-bottom: calc(17 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner>h2 {
            font-size: calc(20 / var(--screen-w) * 100vw);
            margin-bottom: calc(31 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner>h2 span,
        .topBlock3Inner>h2 ruby {
            font-size: calc(24 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner>h2 span {
            display: block;
            margin-top: calc(-10 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1 h3 {
            font-size: calc(16 / var(--screen-w) * 100vw);
            padding: calc(16 / var(--screen-w) * 100vw) 0
        }

        .topBlock3Inner .box1.no1 .innerWrap {
            padding: calc(18 / var(--screen-w) * 100vw) 0 calc(33 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no1 .box1Inner h4 {
            font-size: calc(12 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no1 .box1Inner p {
            font-size: calc(12 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no1 .box1Inner {
            margin-bottom: calc(24 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1 h3 span {
            font-size: calc(10 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no2 .innerWrap {
            width: 90%;
            padding: calc(30 / var(--screen-w) * 100vw) 0 calc(27 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no2 li .title {
            width: 100%;
            margin-bottom: calc(16 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no2 li:nth-child(2) img {
            width: calc(112 / var(--screen-w) * 100vw);
            margin: 0 auto 0 0
        }

        .topBlock3Inner .box1.no2 li:nth-child(3) img {
            width: calc(189 / var(--screen-w) * 100vw);
            margin: 0 auto 0 0
        }

        .topBlock3Inner .box1.no2 li:nth-child(4) img {
            width: calc(185 / var(--screen-w) * 100vw);
            margin: 0 auto 0 0
        }

        .topBlock3Inner .box1.no2 .note {
            font-size: calc(12 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no3 .memo .text {
            font-size: calc(12 / var(--screen-w) * 100vw);
            margin-bottom: calc(12 / var(--screen-w) * 100vw);
            width: calc(100% - (9 / var(--screen-w) * 100vw))
        }

        .topBlock3Inner .box1.no3 .memo .icon {
            width: calc(9 / var(--screen-w) * 100vw);
            height: calc(9 / var(--screen-w) * 100vw);
            margin-right: calc(3 / var(--screen-w) * 100vw)
        }

        .topBlock4Wrap {
            margin-top: calc(-100 / var(--screen-w) * 100vw)
        }

        .topBlock4 .step {
            width: 90%
        }

        .topBlock4>.subTit {
            font-size: calc(10 / var(--screen-w) * 100vw);
            margin-bottom: calc(25 / var(--screen-w) * 100vw)
        }

        .topBlock5 ul {
            width: 90%
        }

        .bnrWrap {
            width: 100%
        }

        .topBlock4 .step {
            grid-template-columns: 1fr;
            gap: calc(32 / var(--screen-w) * 100vw)
        }

        .topBlock4 .step li::after {
            display: block;
            content: "";
            width: calc(16 / var(--screen-w) * 100vw);
            height: calc(52 / var(--screen-w) * 100vw);
            background: url(../img/step-arrow.png) no-repeat center;
            background-size: contain;
            transform: rotate(90deg);
            margin: calc(32 / var(--screen-w) * 100vw) auto 0
        }

        .topBlock4 .step li:last-child:after {
            display: none
        }

        .topBlock5 ul {
            grid-template-columns: 1fr;
            gap: calc(49 / var(--screen-w) * 100vw)
        }

        .bnrWrap {
            height: auto;
            background-image: linear-gradient(#CE2C26 0, #FFFCFC 100%), url(../img/bg-bnrWrap_sp.png)
        }

        .bnrWrap .bnr {
            padding: calc(36 / var(--screen-w) * 100vw) 5% calc(30 / var(--screen-w) * 100vw);
            flex-direction: column
        }

        .bnrWrap .bnr .txtBox {
            display: contents
        }

        .bnrWrap .bnr .txtBox p {
            order: 1;
            font-size: calc(22 / var(--screen-w) *100vw)
        }

        .bnrWrap .bnr .txtBox a {
            order: 3
        }

        .bnrWrap .bnr img {
            position: static;
            display: block;
            order: 2;
            margin-bottom: calc(21 / var(--screen-w) * 100vw)
        }

        .bnrList {
            width: 90%;
            grid-template-columns: 1fr;
            gap: calc(15 / var(--screen-w) * 100vw)
        }

        .bnrList a:nth-child(n+2) {
            height: calc(98 / var(--screen-w) *100vw)
        }

        .topBlock1 .effectTit,
        .topBlock2 .effectTit {
            width: 100%
        }

        footer {
            padding: calc(80 / var(--screen-w) * 100vw) 0 calc(141 / var(--screen-w) * 100vw)
        }

        footer .logo {
            width: calc(97 / var(--screen-w) *100vw)
        }

        footer .mainSubTit {
            padding: calc(4 / var(--screen-w) * 100vw) calc(13 / var(--screen-w) * 100vw);
            font-size: calc(8 / var(--screen-w) * 100vw);
            clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px)
        }

        footer .g-nav {
            flex-direction: column;
            margin-bottom: calc(48 / var(--screen-w) * 100vw)
        }

        footer .g-nav li {
            margin-bottom: calc(40 / var(--screen-w) * 100vw);
            margin-right: 0
        }

        footer .g-nav li a {
            text-align: center;
            display: block
        }

        footer .bnrList {
            margin: 0 auto calc(48 / var(--screen-w) *100vw)
        }

        footer .address {
            flex-direction: column
        }

        footer .address p {
            margin-right: 0;
            margin-bottom: calc(24 / var(--screen-w) *100vw)
        }

        footer .address a {
            display: block;
            margin-bottom: calc(24 / var(--screen-w) *100vw)
        }

        footer .copy {
            font-size: calc(11 / var(--screen-w) * 100vw);
            width: 90%
        }

        footer .copyWrap {
            width: 90%;
            flex-direction: column
        }

        .topBlock4 {
            background: url(../img/mask-topblock3_sp.png) no-repeat center;
            background-size: cover;
            padding: calc(38 / var(--screen-w) * 100vw) 0 calc(81 / var(--screen-w) * 100vw)
        }

        .topBlock4 .stepCardInner .stepArrow {
            display: none
        }

        .topBlock4 h2 {
            font-size: calc(20 / var(--screen-w) *100vw);
            margin-bottom: calc(40 / var(--screen-w) *100vw)
        }

        .topBlock4 h2 span {
            font-size: calc(55 / var(--screen-w) *100vw);
            margin-top: calc(-30 / var(--screen-w) *100vw);
            display: inline-block
        }

        .topBlock4 h2 span span {
            font-size: calc(32 / var(--screen-w) *100vw)
        }

        .topBlock5 {
            background: url(../img/bg-topblock5_sp.jpg) no-repeat center;
            background-size: cover;
            margin-top: calc(-30 / var(--screen-w) * 100vw);
            padding: calc(98 / var(--screen-w) *100vw) 8% calc(48 / var(--screen-w) *100vw)
        }

        .topBlock5 .subTit {
            font-size: calc(10 / var(--screen-w) *100vw);
            margin-bottom: 0
        }

        .topBlock5 .iconJijiya {
            width: calc(124 / var(--screen-w) *100vw);
            margin: 0 auto calc(28 / var(--screen-w) *100vw)
        }

        .topBlock5 h2 {
            font-size: calc(24 / var(--screen-w) *100vw);
            margin-bottom: calc(40 / var(--screen-w) *100vw)
        }

        .topBlock5 h2 br.sp {
            display: inline
        }

        .topBlock5>.text {
            font-size: calc(14 / var(--screen-w) *100vw);
            line-height: calc(31 / var(--screen-w) *100vw);
            text-align: left;
            letter-spacing: 0.02em;
            margin-bottom: calc(48 / var(--screen-w) *100vw)
        }

        .topBlock5>.text br.sp {
            display: inline
        }

        .topBlock5 ul {
            margin: 0 auto calc(69 / var(--screen-w) *100vw)
        }

        .topBlock5 ul li .imgBox .kodawari {
            width: calc(84 / var(--screen-w) *100vw)
        }

        .topBlock5 ul li h3 {
            font-size: calc(20 / var(--screen-w) *100vw)
        }

        .linkBtn1 {
            width: calc(295 / var(--screen-w) * 100vw);
            height: calc(56 / var(--screen-w) * 100vw)
        }

        .topBlock3Inner .box1.no2 li {
            flex-direction: column
        }

        .topBlock4 h2::after {
            width: calc(157 / var(--screen-w) *100vw);
            aspect-ratio: 157 / 91
        }

        .topBlock4 .stepNum {
            padding: calc(8 / var(--screen-w) *100vw) calc(36 / var(--screen-w) *100vw) calc(10 / var(--screen-w) *100vw);
            font-size: calc(16 / var(--screen-w) *100vw) 0
        }

        .topBlock4 .stepNum span {
            font-size: calc(24 / var(--screen-w) *100vw)
        }

        .topBlock4 .stepCardInner {
            padding: calc(56 / var(--screen-w) *100vw) calc(36 / var(--screen-w) *100vw) calc(40 / var(--screen-w) *100vw)
        }

        .topBlock4 .stepCard img {
            margin-bottom: calc(14 / var(--screen-w) *100vw)
        }

        .topBlock4 .stepCard h3 {
            font-size: calc(18 / var(--screen-w) *100vw);
            margin-bottom: calc(18 / var(--screen-w) *100vw);
            min-height: auto
        }

        .topBlock4 .stepCard .text {
            min-height: auto;
            line-height: 1.6;
            font-size: calc(14 / var(--screen-w) *100vw)
        }

        .topBlock4 .stepCard .text br {
            display: none
        }

        .topBlock4 .step li>a {
            margin-top: calc(19 / var(--screen-w) *100vw)
        }

        .topBlock4 .stepCard::before,
        .topBlock4 .stepCard::after,
        .topBlock4 .stepCardInner::before,
        .topBlock4 .stepCardInner::after {
            height: calc(34 / var(--screen-w) *100vw)
        }

        .pageItem {
            padding-top: calc(110 / var(--screen-w) * 100vw);
            padding-bottom: calc(48 / var(--screen-w) * 100vw)
        }

        .pankuzu {
            width: 90%;
            margin-bottom: calc(16 / var(--screen-w) *100vw)
        }

        .pankuzu p,
        .pankuzu a {
            font-size: calc(10 / var(--screen-w) *100vw)
        }

        .itemDetailWrap {
            width: 90%;
            flex-direction: column;
            margin: 0 auto calc(80 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemImgs {
            display: contents
        }

        .itemDetailWrap .itemImgs .itemMainImg {
            width: 100%;
            order: 1;
            margin-bottom: calc(9 / var(--screen-w) *100vw)
        }

        .itemDetailWrap .itemImgs .itemThumbImg {
            width: 100%;
            order: 2;
            margin-bottom: calc(16 / var(--screen-w) *100vw)
        }

        .itemDetailWrap .itemImgs .itemTxt {
            width: 100%;
            order: 4;
            box-sizing: border-box;
            padding: calc(22 / var(--screen-w) * 100vw) 5% calc(26 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemImgs .itemTxt .txtTit {
            justify-content: center;
            font-size: calc(16 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemImgs .itemTxt .txtTit span {
            width: calc(11 / var(--screen-w) * 100vw);
            height: calc(11 / var(--screen-w) * 100vw);
            margin-right: calc(12 / var(--screen-w) * 100vw);
            margin-right: calc(8 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail {
            width: 100%;
            order: 3;
            padding: calc(28 / var(--screen-w) * 100vw) calc(20 / var(--screen-w) * 100vw) calc(24 / var(--screen-w) * 100vw);
            margin-bottom: calc(24 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemImgs .itemTxt .text {
            font-size: calc(16 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .catch {
            font-size: calc(12 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail h2 {
            font-size: calc(20 / var(--screen-w) * 100vw);
            margin-bottom: calc(16 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .price {
            margin-bottom: calc(13 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .itemfutear {
            padding: calc(12 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .itemfutear p {
            font-size: calc(12 / var(--screen-w) * 100vw) !important;
            margin-bottom: calc(9 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .itemfutear p:before {
            width: calc(11 / var(--screen-w) * 100vw);
            height: calc(11 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .attention2 {
            font-size: calc(16 / var(--screen-w) * 100vw);
            margin-bottom: calc(40 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .orderBox.date {
            margin-bottom: calc(32 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .itemOptionElement {
            margin-bottom: calc(40 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .orderBox.shop {
            margin-bottom: calc(40 / var(--screen-w) * 100vw)
        }

        .itemDetailWrap .itemDetail .orderBox.num {
            margin-bottom: calc(144 / var(--screen-w) * 100vw)
        }

        .purchaseElement {
            margin-bottom: calc(144 / var(--screen-w) * 100vw)
        }

        .recommend {
            margin-bottom: calc(80 / var(--screen-w) * 100vw)
        }

        .recommend h2 {
            font-size: calc(24 / var(--screen-w) * 100vw);
            margin-bottom: calc(32 / var(--screen-w) * 100vw)
        }

        .recommend h2 br.sp {
            display: inline
        }

        .pageItem>.linkBtn1 {
            margin-bottom: calc(80 / var(--screen-w) * 100vw)
        }

        .pageItem .bnrWrap {
            width: 90%
        }

        body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn {
            width: calc(295 / var(--screen-w) * 100vw);
            height: calc(56 / var(--screen-w) * 100vw)
        }

        .headerMainContent>#baseMenu {
            display: none
        }

        .hbMenu #baseMenu {
            width: fit-content;
            margin: 0 auto calc(40 / var(--screen-w) * 100vw)
        }

        .hoverLink {
            display: flex;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: calc(37 / var(--screen-w) * 100vw);
            z-index: 999
        }

        .hoverLink a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 37%;
            height: 100%;
            color: #fff;
            font-size: calc(14 / var(--screen-w) * 100vw);
            font-weight: 900
        }

        .hoverLink a:last-child {
            width: 26%
        }

        .hoverLink a:nth-child(1) {
            background-color: #D12F29
        }

        .hoverLink a:nth-child(1) img {
            display: block;
            width: calc(20 / var(--screen-w) * 100vw);
            margin-right: calc(5 / var(--screen-w) * 100vw)
        }

        .hoverLink a:nth-child(2) {
            background-color: #fff;
            color: #D12F29
        }

        .hoverLink a:nth-child(2) img {
            display: block;
            width: calc(15 / var(--screen-w) * 100vw);
            margin-right: calc(4 / var(--screen-w) * 100vw)
        }

        .hoverLink a:nth-child(3) {
            background-color: #292929
        }

        .hoverLink a:nth-child(3) img {
            display: block;
            width: calc(17 / var(--screen-w) * 100vw);
            margin-right: calc(6 / var(--screen-w) * 100vw)
        }

        .topBlock1 .bgCloud {
            display: none
        }

        .bgCloud.sp {
            display: inline
        }

        .topBlock1 .bgCloud.sp {
            width: calc(227 / var(--screen-w) * 100vw)
        }

        .topBlock2 .bgCloud.sp {
            width: calc(179 / var(--screen-w) * 100vw);
            position: absolute;
            right: 0;
            bottom: calc(255 / var(--screen-w) * 100vw);
            z-index: -1
        }

        .mv .pc {
            display: none
        }

        .mv .sp {
            display: block
        }

        .topBlock2 .bnr10 {
            width: 90%;
            margin-bottom: calc(24 / var(--screen-w) * 100vw)
        }
    }

    @media(width < 820px) {
        article {
            padding-top: 83px
        }
    }