/*-------------------------------------------------------------------------------------------------------------------- 全体 */
    .lucky-bag-2026 img {
        height: auto;
    }
    .lucky-bag-2026 {
        margin-inline: calc(50% - 50vw);
        background-image: url(https://www.clubd.co.jp/images/goods/fk/fk2490/fk2490-backimg.jpg);
    }
    .pc-block {
        display: none;
    }
    .sp-block {
        display: block;
    }
    @media screen and (min-width: 769px) {
        .pc-block {
            display: block;
        }
        .sp-block {
            display: none;
        }
        .lucky-bag-2026 {
            margin-inline: unset;
            width: 750px;
        }
    }
/*-------------------------------------------------------------------------------------------------------------------- リード文 */
    .first-view-contents .lead-text {
        width: 85%;
        margin-inline: auto;
        font-size: 1.1em;
    }
    @media screen and (min-width: 769px) {
        .first-view-contents .lead-text {
            width: 100%;
            text-align: center;
            font-size: 1.4em;
        }
    }
/*-------------------------------------------------------------------------------------------------------------------- 福袋メリット */
    .lucky-bag-merit {
        margin-block: 4rem;
    }
    .lucky-bag-merit h2 {
        text-align: center;
        color: #cb333b;
        font-size: 2em;
    }
    /*見出しと画像flex*/
    .merit-list .merit-title {
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
    }
    .merit-list .merit-title h3 {
        margin: 0;
        font-size: 1.35em;
        color: #cb333b;
    }
    .merit-list .merit-title img {
        width: 30px;
    }
    .lucky-bag-merit .merit-list li p {
        margin: 0;
        font-size: 1.05em;
        text-align: justify;
        word-break: break-all;
    }

    /*枠線ここから*/
    .lucky-bag-merit .merit-list {
        position: relative;
        box-sizing: border-box;
        background: #f7efeb;
        width: 90%;
        margin-inline: auto;
    }
    .lucky-bag-merit .merit-list::before, 
    .lucky-bag-merit .merit-list::after {
        height: calc(100% + 20px);
        top: -10px;
        content: "";
        display: block;
        position: absolute;
    }
    .lucky-bag-merit .merit-list::before {
        left: 0;
        border-left: solid 1px #cb333b;
    }
    .lucky-bag-merit .merit-list::after {
        right: 0;
        border-right: solid 1px #cb333b;
    }
    .lucky-bag-merit .merit-list li {
        position: relative;
        padding: 1.7rem;
    }
    .lucky-bag-merit .merit-list li::after, 
    .lucky-bag-merit .merit-list li:first-child::before {
        content: "";
        position: absolute;
        display: block;
        left: -10px;
        width: calc(100% + 20px);
    }
    .lucky-bag-merit .merit-list li::after {
        border-bottom: solid 1px #cb333b;
        bottom: 0;
    }
    .lucky-bag-merit .merit-list li:first-child::before {
        border-top: solid 1px #cb333b;
        top: 0;
    }

    @media screen and (min-width: 769px) {
        .lucky-bag-merit {
            margin-block: 8em 4em;
        }
        .merit-list .merit-title {
            margin: 0;
            width: 30%;
        }
        .merit-list .merit-title h3 {
            width: 75%;
            font-size: 1.5em;
        }
        .lucky-bag-merit .merit-list li {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .lucky-bag-merit .merit-list li p {
            width: 67%;
            font-size: 1.2em;
        }
    }
/*-------------------------------------------------------------------------------------------------------------------- アイテム紹介大枠 */
    /*大見出し*/
    .about-lucky-bag-product {
        text-align: center;
        font-size: 2.2em;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
        color: #f6a655;
        padding-block: 2rem;
    }
    .about-lucky-bag-product::before {
        content: "福袋";
        display: block;
        font-size: .7em;
    }

    .red-background {
        background: #cb333b;
    }
    /*ウェーブ画像位置*/
    .wave-image {
        margin-block: -1px;
    }
    /*product見出し*/
    .product-detail-title {
        text-align: center;
        color: #f7efeb;
    }
    .product-detail-title .sub-copy {
        font-size: 1.2em;
        letter-spacing: 1px;
        margin-bottom: 0;
    }
    .product-detail-title .sub-copy span {
        display: block;
        font-size: .8em;
        text-decoration-line: underline;
        margin-bottom: 5px;
    }
    .product-detail-title img {
        max-width: 85%;
        margin-block: 1rem 2rem;
    }
    .product-detail-title .product-name {
        font-size: 1.9em;
        margin-block: 0;
    }

    /*文字重ね順調整*/
    .product-detail-title, .coat-color-recommend h3 {
        position: relative;
        z-index: 1;
    }

    @media screen and (min-width: 769px) {
        .product-detail-title img {
            max-width: 80%;
            margin-block: 2rem;
        }
    }

/*-------------------------------------------------------------------------------------------------------------------- コートセクション */
    .coat-list .carousel-position {
        position: relative;
    }
    /*柄画像*/
    .coat-list .pattern-img {
        position: absolute;
        max-width: 200px;
        z-index: 0;
    }
    .coat-list:first-child .pattern-img {
        top: -7rem;
        left: 0;
    }
    .coat-list:last-child .pattern-img {
        bottom: -7rem;
        right: 0;
    }
    /*コートのCTAボタン*/
    .product-details-coat .cta-button {
        display: block;
        background: #f6a655;
        padding-block: 10px;
        text-align: center;
        font-size: 1.5em;
        color: #cb333b;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
        width: 60%;
        margin-inline: auto;
        box-shadow: 0px 6px 7px 0px #ac2129;
    }
    .product-details-coat {
        padding-bottom: 6rem;
    }

    @media screen and (min-width: 769px) {
        .coat-pc-wrapper .coat-list {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: 80%;
            margin-inline: auto;
        }
        .coat-pc-wrapper .coat-list:first-child {
            margin-bottom: 5em;
        }
        .coat-pc-wrapper .coat-list:last-child {
            flex-direction: row-reverse;
        }
        .coat-list .carousel-position {
            width: 45%;
        }
        .product-details-coat .cta-button {
            width: 300px;
            margin-inline: auto;
            margin-block: 4rem;
            position: relative;
        }
        .coat-list:first-child .pattern-img {
            left: -20%;
        }
        .coat-list:last-child .pattern-img {
            right: -20%;
        }
    }

/*-------------------------------------------------------------------------------------------------------------------- こんな方におすすめ */
    .coat-color-recommend h3 {
        text-align: center;
        font-size: 1.7em;
        margin-block: 3rem 1.7rem;
        color: #fff;
    }
    .coat-recommend-list {
        width: 80%;
        margin-inline: auto;
        margin-bottom: 5rem;
        border: solid 1px #fff;
    }
    .coat-recommend-list h4 {
        text-align: center;
        border-bottom: solid 1px #fff;
        padding-block: 1.7rem;
        font-size: 1.1em;
        color: #fff;
        margin-bottom: 0;
    }
    .coat-recommend-list ol {
        padding: 1.7rem;
        margin: 0;
        color: #fff;
        counter-reset: number 0;
    }
    .coat-recommend-list ol li {
        position: relative;
        padding-left: 1.7rem;
    }
    .coat-recommend-list ol li:not(:last-child) {
        margin-bottom: 1.2rem;
    }
    .coat-recommend-list ol li::before {
        position: absolute;
        counter-increment: number 1;
        content: counter(number) ".";
        padding-right: 5px;
        left: 0;
    }
    .coat-recommend-list ol li p {
        margin: 0;
    }

    @media screen and (min-width: 769px) {
        .coat-color-recommend {
            width: 50%;
        }
        .coat-recommend-list {
            width: 100%;
        }
    }

/*-------------------------------------------------------------------------------------------------------------------- 他アイテム　2column */
    .other-product-2col {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        width: 85%;
        margin-inline: auto;
        justify-content: center;
    }
    .other-product-2col .list {
        width: 100%;
    }
    .other-product-2col .product-name-swich {
        color: #fff;
        margin-block: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .other-product-2col .product-name-swich span {
        display: block;
        font-size: 1.2em;
    }

    /*2トップスdivbottom余白*/
    .product-details-tops {
        padding-bottom: 6rem;
    }
    /*CTAボタン*/
    .other-product-2col .list .cta-button {
        text-align: center;
        background: #f6a655;
        color: #cb333b;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
        padding-block: 5px;
    }
    /*ニットの先行販売テキスト*/
    .other-product-2col .list .new-knit .cta-button {
        color: #fff;
        border: solid 2px;
        background: none;
    }


    .product-details-secret {
        background: #9b1f26;
        width: 93%;
        margin-inline: auto;
        padding-block: 2rem 4.5rem;
    }

    @media screen and (min-width: 769px) {
        .other-product-2col {
            width: 80%;
        }
        .product-details-secret {
            width: 83%;
        }
        .other-product-2col .list .cta-button {
            font-size: 1.35em;
        }
    }


/*-------------------------------------------------------------------------------------------------------------------- カルーセル */
    .carousel{
        width: min(420px, 80vw);
        margin: 0 auto;
        overflow: hidden!important;           /* ここで見切る */
    }

    .carousel-track{
        display: flex;
        transform: translateX(0);
        transition: transform .45s ease;
    }

    .carousel-slide{
        flex: 0 0 100%;
        display: block;
    }

    .carousel-slide img{
        width: 100%;
        height: auto;
        display: block;
    }

    .carousel-dots{
        display:flex;
        justify-content:center;
        gap:8px;
        margin-top:10px;
    }

    .dot{
        width:6px;height:6px;border-radius:50%;
        background:#ccc;
    }
    .dot.is-active{ background:#333; }

    @media screen and (min-width: 769px) {
        .carousel {
            width: unset;
        }
    }


/*-------------------------------------------------------------------------------------------------------------------- 以降のメイン見出し */
    .section-main-title {
        text-align: center;
        color: #cb333b;
    }
    .section-main-title h2 {
        font-size: 20px;
        margin-top: 5px;
    }

    @media screen and (min-width: 769px) {

    }


/*-------------------------------------------------------------------------------------------------------------------- CODEパンツについて */
    .white-background {
        background: #fff;
        width: 90%;
        margin-inline: auto;
        margin-block: 6rem 3rem;
        box-shadow: 2px 2px 10px #866761;
        padding-block: 6rem 3rem;
    }
    .about-code-pants {
        border: solid 1px #cb333b;
        width: 87%;
        margin-inline: auto;
        position: relative;
        padding-bottom: 2.5rem;
    }
    .about-code-pants .section-main-title {
        position: absolute;
        left: 50%;
        top: -35px;
        transform: translate(-50%);
        background: #fff;
        padding-inline: 15px;
        white-space: nowrap;
    }
    .about-code-pants .detail-text {
        margin-top: 5rem;
        width: 90%;
        margin-inline: auto;
        margin-bottom: 3rem;
        text-align: justify;
        color: #cb333b;
    }
    /*商品名*/
    .other-product-2col.codepants .product-name-swich {
        color: #212721;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 10px;
    }

    @media screen and (min-width: 769px) {

    }

/*-------------------------------------------------------------------------------------------------------------------- codeパンツ使用コーデ */
    .coord-image-list .title {
        display: flex;
        align-items: center;
        gap: 2rem;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
        color: #fff;
        margin-inline: auto;
        margin-block: 3rem;
        justify-content: center;
        width: 88%;
        padding-block: 1rem;
        text-align: center;
    }
    .coord-image-list .title p {
        margin: 0;
    }
    .code-pants-coordinate .wave-list:first-child .title {
        background: #212721;
    }
    .code-pants-coordinate .wave-list:last-child .title {
        background: #866761;
    }
    .coord-image-list img {
        width: 90%;
        margin-inline: auto;
        display: block;
    }
/*-------------------------------------------------------------------------------------------------------------------- コーディネートセクション */
    .by-scene-coordinate-sec .section-main-title .sub-text {
        width: 85%;
        margin-inline: auto;
        text-align: justify;
        word-break: break-all;
    }
    .by-scene-coordinate-sec .section-main-title img {
        width: 85%;
        margin-inline: auto;
        display: block;
    }
    .by-scene-coordinate-sec .section-main-title span {
        margin-top: 15px;
        display: block;
    }
    .by-scene-coordinate-sec .section-main-title h2 {
        margin-bottom: 3rem;
    }

    @media screen and (min-width: 769px) {

    }


/*-------------------------------------------------------------------------------------------------------------------- コーディネートスライド */
    .plus-items-styling {
        text-align: center;
        font-size: 1.5em;
        margin-block: 3rem;
        letter-spacing: 1px;
        line-height: 1.6;
        font-weight: 300;
        font-family: 'FP-こぶりなゴシック StdN W3';
    }
    .plus-items-styling img {
        display: block;
        margin-inline: auto;
        margin-block: 2rem;
    }
    .styling-slide-wrapper {
        width: 90%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-inline: auto;
        cursor: grab;
    }
    .styling-slide-container {
        display: inline-flex;
        width: 85%;
        gap: 3rem;
    }
    .styling-slide-list {
        flex: 0 0 100%;
        scroll-snap-align: start;
    }
    .coord-color-tag {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .coord-color-tag p {
        margin: 0;
        border-radius: 100px;
        color: #fff;
        padding: 3px 12px;
    }
    .coord-color-tag .color-black {
        background: #212721;
    }
    .coord-color-tag .color-brown {
        background: #866761;
    }
    .styling-slide-list .coord-title-img {
        width: 38.5%;
        border-left: solid 3px #cb333b;
        padding-left: 2rem;
    }
    
    .styling-slide-list .coord-title-text {
        font-size: 1.25em;
        margin-block: 1rem;
    }

    /* ドラッグ中 */
    .styling-slide-wrapper.is-dragging{
      cursor: grabbing;
      user-select: none;
      -webkit-user-select: none;
    }

    /* ドラッグ中は子要素（リンク/画像/テキスト）を完全に無効化 */
    .styling-slide-wrapper.is-dragging *{
      pointer-events: none;
    }

    /* 画像のネイティブドラッグ（掴んで画像だけ動くやつ）を無効化 */
    .styling-slide-wrapper img{
      -webkit-user-drag: none;
      user-drag: none;
    }

    @media screen and (min-width: 769px) {
        .lucky-bag-2026 .styling-slide-wrapper {
            overflow: auto;
        }
        .lucky-bag-2026 .coordinate-image {
            width: 100% !important;
        }
      
    }
/*-------------------------------------------------------------------------------------------------------------------- コーディネートスライド福袋アイテムリンク */
    .lucky-bag-items {
        position: relative;
        display: flex;
        gap: 20px;
        border-top: solid 1px #ddd;
        padding-block: 1.5rem 1rem;
        margin-block: 3rem 2rem;
        justify-content: center;
    }
    .lucky-bag-items .sam {
        width: 100px;
    }
    .lucky-bag-items::before {
        content: "福袋アイテム";
        position: absolute;
        top: -1rem;
        background: #fdfbfc;
        padding-inline: 15px;
    }

    @media screen and (min-width: 769px) {
        .lucky-bag-items .sam {
            width: unset;
        }
        /*↑↓共通*/
        .lucky-bag-items, .link-wear-items {
            width: 75%;
            margin-inline: auto;
        }
    }
/*-------------------------------------------------------------------------------------------------------------------- コーディネートスライド使用アイテムリンク */
    .link-wear-items {
        margin-inline: auto;
        border-block: solid 1px #ddd;
        padding-block: 1.5rem;
    }
    .link-wear-items a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .link-wear-items a:not(:last-child) {
        margin-bottom: 1rem;
    }
    .link-wear-items a .product-name, 
    .link-wear-items a .more-button-bg {
        margin: 0;
    }
    .link-wear-items a .more-button-bg {
        background: #cb333b;
        color: #f7efeb;
        border-radius: 100px;
        padding: .2rem 1rem;
        font-size: .9em;
    }

    @media screen and (min-width: 769px) {

    }


/*-------------------------------------------------------------------------------------------------------------------- 注意事項 */
    .attention-sec {
        background: #fff;
        width: 90%;
        margin-inline: auto;
        padding-block: 3rem 2rem;
        border: solid 1px #cb333b;
        margin-top: 6rem;
    }
    .attention-sec h2 {
        text-align: center;
        color: #cb333b;
        font-size: 1.8em;
    }
    .attention-wrapper {
        margin-inline: auto;
        text-align: justify;
        word-break: break-all;
        margin-top: 4rem;
    }
    .attention-wrapper div:not(:last-child) {
        margin-bottom: 3rem;
        border-bottom: solid 1px #cb333b;
        padding-bottom: 3rem;
    }
    .attention-wrapper div p {
        padding: 0 2.5rem;
    }
    .attention-wrapper div h3 {
        font-size: 1.2em;
        text-align: center;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
    }
    .attention-wrapper div h3 span {
        display: block;
        margin-top: 10px;
        font-size: .75em;
        text-decoration-line: underline;
    }
    .attention-wrapper div p a {
        display: block;
        background: #f6a655;
        width: fit-content;
        border-radius: 100px;
        color: #cb333b;
        text-align: center;
        font-weight: 600;
        font-family: 'FP-こぶりなゴシック StdN W6';
        padding: 5px 15px;
        white-space: nowrap;
        margin-block: 10px;
    }

    @media screen and (min-width: 769px) {

    }