/* 共通css
----------------------------------------------*/

        h1,
        h2,
        h4,
        h5,
        h6,
        h6,
        li,
        th,
        td,
        dt,
        dd {
            font-family: "Noto Serif JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
            line-height: 1.5;
            font-weight: 500;
            margin: 0;
        }

        p {
            font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, "MS Pゴシック", "MS PGothic", sans-serif;
            line-height: 1.5;
            font-weight: 500;
            margin: 0;
        }

        body {
            background-color: #fff;
            font-size: 12px;
            line-height: 1.5;
            color: #333;
            margin: 0;
        }

        ul,
        li {
            list-style: none;
            padding: 0;
        }

        a {
            text-decoration: none;
            color: #000;
        }

        img {
            vertical-align: top;
            -webkit-backface-visibility: hidden;
            width: 100%;
        }
        /* 全体
----------------------------------------------*/

        #wrapper {
            max-width: 960px;
            margin: 0 auto;
        }

        #wrapper-2 {
            max-width: 960px;
            margin: 0 auto;
        }
        /* ヘッダー
----------------------------------------------*/

        header {
            display: flex;
            background-color: #fff;
            align-items: center;
        }

        .title {
            max-width: 960px;
            margin: 0 auto;
        }

        .title img {
            width: 100%;
            height: auto;
            padding-top: 16px;
            padding-bottom: 16px;
        }
        /* パンくず
----------------------------------------------*/

        .breadcrumb {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .breadcrumb li {
            display: inline;/*横に並ぶように*/
            list-style: none;
            font-weight: bold;/*太字*/
        }

        .breadcrumb li:after {/* >を表示*/
            content: '>';
            padding: 0 0.2em;
            color: #555;
        }

        .breadcrumb li:last-child:after {
            content: '';
        }

        .breadcrumb li a {
            text-decoration: none;
            color: #000000;/*色*/
        }

        .breadcrumb li a:hover {
            text-decoration: underline;
        }

        .breadcrumb-bg {
            background-color: #e3e3e3;
            padding: 15px 0;
        }

        #breadcrumb-wrapper {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* メイン
----------------------------------------------*/

        #top-wrapper {
            max-width: 960px;
            margin: 0 auto;
        }

        .top-bg {
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            background-image: url("../img/shinshun2024_bg.jpg");
        }

        .top-content {
            margin: 0 auto;
            position: relative;
        }

        .top-content img {
            width: 100%;
            height: auto;
        }

        .pc-none {
            display: none !important;
        }

        .sp-none {
            display: block !important;
        }

        .br-sp {
            display: none !important;
        }
        .br-tb {
            display: none !important;
        }
        .br-pc {
            display: block !important;
        }
        /* イントロ
----------------------------------------------*/

        .intoro-bg {
            background-color: #fff;
            padding-bottom: 60px;
        }

        .intro {
            display: grid;
            align-items: center;
            text-align: center;
            margin-bottom: 20px;
        }

        .intro-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #000;
            margin: 64px auto 29px;
            position: relative;
            letter-spacing: 0.1em;
            line-height: 1.8em;
        }

        .intro-text {
            font-size: 18px;
            margin: 0 auto 48px;
            position: relative;
            letter-spacing: 0.1em;
            line-height: 1.8em;
            color: #000;
            text-align: center;
        }

        .intro-text2 {
            font-size: 20px;
            margin: 0 auto 48px;
            position: relative;
            letter-spacing: 0.1em;
            line-height: 1.8em;
            color: #000;
            text-align: center;
        }

        .intro-title img {
            max-width: 100%;
            height: auto;
        }

        .pc-none {
            display: none !important;
        }

        .sp-none {
            display: block !important;
        }

        .intro-3point {
            margin: 0 auto 80px;
            position: relative;
        }

        .intro-3point img {
            display: block;
            width: 90%;
            height: auto;
            margin: auto;
        }

        .coupon-content-main {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
            margin: 16px 0 72px 0;
        }

        .coupon-content-main li {
            margin-bottom: 15px;
        }

        .coupon-content-main img {
            width: 473px;
        }

        .point_ttl,
        .cpn_ttl {
            position: relative;
            text-align: center;
            background: #9D2237;
            font-size: 2rem;
            letter-spacing: 0.2em;
            width: 100%;
            margin: 48px auto;
            padding: 20px 0;
            border-radius: 0.2em;
            color: #FFF;
            font-weight: 500;
        }

        .point_ttl:before,
        .cpn_ttl:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 15px solid transparent;
            border-top: 15px solid #9D2237;
        }

        .post_ttl {
            position: relative;
            text-align: center;
            font-size: 2rem;
            width: 100%;
            margin: 38px auto;
            color: #000;
            font-weight: 600;
        }

        .post_sub {
            position: relative;
            font-size: 18px;
            margin: 30px 0 10px;
            padding: 0 0 0 16px;
            font-weight: 600;
        }

        .post_sub:before {
            content: '';
            width: 6px;
            height: 1em;
            position: absolute;
            top: calc(50% - 0.5em);
            left: 0;
            background: #555;
        }

        .post-text {
            font-size: 16px;
            margin: 0 auto 1.2%;
            position: relative;
            letter-spacing: 0.02em;
            line-height: 1.8em;
            color: #000;
            text-align: left;
        }

        .post-text a:hover{
            text-decoration: underline;
            text-decoration-color: #dc2f22;
        }

        .attention-text {
            text-align: center;
            background: #f6f6f6;
            padding: 16px 0;
        }

        .attention-text p {
            text-align: center;
            background: #f6f6f6;
            font-size: 18px;
            width: 100%;
            padding: 16px 0;
            color: #000;
            font-weight: 600;
        }

        .span-1 {
            color: #dc2f22;
            font-weight: 600;
        }

        .span-2 {
            font-size: 15px;
        }

        .span-3 {
            font-weight: 600;
            font-size: 1.2em;
            line-height: 1.4em;
        }

        .post {
            background: #f6f6f6;
            padding: 10px 3% 40px;
        }
        /* クーポンボタン
----------------------------------------------*/

        .coupon-btn-area {
            text-align: center;
            padding: 80px 0;
        }

        .coupon-btn,
        a.coupon-btn {
            font-size: 32px;
            font-weight: 700;
            line-height: 1.5;
            position: relative;
            display: inline-block;
            padding: 40px 160px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            letter-spacing: 0.05em;
            color: #212529;
            border-radius: 30.2rem;
        }

        .coupon-btn-wrap,
        a.coupon-btn-wrap {
            color: #fff;
            background-color: #01C3CF;
        }

        .coupon-btn-wrap:hover,
        a.coupon-btn-wrap:hover {
            color: #fff;
            background: #9beff3;
        }
        /* セールアイテム
----------------------------------------------*/

        .bg {
            background-color: #fff;
            margin-bottom: 88px;
        }

        .item {
            justify-content: center;
            margin: 0 0 18px;
            background-color: #FCEE60;
            background-image: url("../img/thanks_top_pc_bg.png");
        }

        .item-title {
            width: 466px;
            margin: auto;
        }

        .item-title img {
            width: 100%;
            margin: auto;
        }

        .item-text {
            font-size: 20px;
            font-weight: bold;
            margin: 16px auto 30px;
            position: relative;
            line-height: 1.8em;
            color: #000;
            text-align: center;
        }

        .item-content-main {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
            margin: 15px 0 56px 0;
        }

        .item-content-main img {
            width: 466px;
        }

        .item-content-main-text {
            width: 466px;
            font-size: 18px;
            line-height: 1.8em;
            margin: auto 0;
            color: #3C2204;
        }

        .item-content {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }

        .box {
            display: table;
            background-color: #fff;
            align-items: end;
            /* border: 1px solid; */
            border-color: #9e9e9e;
            width: calc(100% / 3.14);
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .box:nth-of-type(3n) {
            margin-right: 0;
        }

        .m-christmasTag {
            margin: 0;
        }

        .m-christmasTag li {
            font-size: 13px;
            display: inline-block;
            padding: 2px 10px 2px;
            color: #fff;
            margin: 5px 0 10px;
        }

        .is-soryo {
            background-color: #dc2f22;
        }

        .is-solo {
            background-color: #072656;
        }

        .is-set {
            background-color: #009642;
        }

        .is-off {
            background-color: #dc2f22;
        }

        .is-cp {
            background-color: #01C3CF;
        }

        .text {
            padding: 10px 0 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        h4 {
            position: relative;
            font-size: 18px;
            line-height: 1.4em;
            font-weight: bold;
            height: 3em;
        }

        .price {
            text-align: center;
            font-size: 14px;
            text-decoration: line-through;
            margin-bottom: -4px;
        }

        .price-down {
            text-align: end;
            color: #dc2f22;
            font-weight: bold;
            font-size: 0px;
            padding-bottom: 10px;
        }

        .price-down-s {
            font-size: 18px;
            display: inline-block;
        }

        .price-down-l {
            font-size: 32px;
        }

        h6 {
            font-size: 18px;
            padding: 5px 0 3px;
            font-weight: bold;
            text-align: center;
            background-color: #FFE519;
        }

        .item-btn-area {
            text-align: center;
            padding: 0 0 10px;
        }

        .item-btn,
        a.item-btn {
            width: 100%;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.5;
            position: relative;
            display: inline-block;
            padding: 12px 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            letter-spacing: 0.05em;
            color: #212529;
            border-radius: 0.2rem;
        }

        .item-btn-wrap,
        a.item-btn-wrap {
            color: #fff;
            background-color: #171717;
        }

        .item-btn-wrap:hover,
        a.item-btn-wrap:hover {
            color: #fff;
            background: #db887e;
        }

        .btn-text-s {
            color: #FFF700;
            display: inline-block;
        }

        .pict {
            width: 100%;
            height: 100%;
        }

        .pict img {
            width: 100%;
            height: auto;
        }

        .pict img:hover {
            opacity: 0.8;
            filter: alpha(opacity=70);
            -ms-filter: "alpha(opacity=70)";
        }

        .box-text {
            font-size: 14px;
            margin: 0;
            position: relative;
            color: #5f5f5f;
            text-align: left;
            line-height: 1.4em;
            height: 3.5em;
        }
        /* レコメンド
----------------------------------------------*/

        .recommend-bg {
            background-color: #EEEEEE;
            padding: 64px 0;
        }

        .recommend {
            justify-content: center;
        }

        .recommend-title {
            width: 466px;
            margin: auto;
        }

        .recommend-title img {
            width: 100%;
            margin: auto;
        }

        .recommend-text {
            font-size: 20px;
            font-weight: bold;
            margin: 0 auto 30px;
            position: relative;
            line-height: 1.8em;
            color: #000;
            text-align: center;
        }

        .recommend-content-main {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
            margin: 16px 0;
        }

        .recommend-content-main li {
            margin-bottom: 15px;
        }

        .recommend-content-main img {
            width: 473px;
        }
        /* リンク
----------------------------------------------*/

        .link {
            justify-content: center;
        }

        .link-text {
            font-size: 28px;
            font-weight: bold;
            margin: 64px auto 30px;
            position: relative;
            letter-spacing: 0.1em;
            line-height: 1.8em;
            color: #000;
            text-align: center;
        }

        .link-content-main {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 8px;
        }

        .link-content-main li {
            margin-bottom: 15px;
        }

        .link-content-main img {
            width: 473px;
        }
        /* 戻るボタン
----------------------------------------------*/

        .bottom-btn-area {
            text-align: center;
            padding: 20px 0 120px;
        }

        .bottom-btn,
        a.bottom-btn {
            font-size: 24px;
            /* font-weight: 700; */
            line-height: 1.5;
            position: relative;
            display: inline-block;
            padding: 32px 160px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            letter-spacing: 0.05em;
            color: #212529;
            border-radius: 30.2rem;
        }

        .bottom-btn-wrap,
        a.bottom-btn-wrap {
            color: #fff;
            background-color: #171717;
        }

        .bottom-btn-wrap:hover,
        a.bottom-btn-wrap:hover {
            color: #fff;
            background: #a5a5a5;
        }
        /* フッター
----------------------------------------------*/

        footer {
            display: flex;
            background-color: #ffffff;
            align-items: center;
            margin-top: 5%
        }

        .copyright {
            max-width: 960px;
            font-size: 13px;
            color: #fff;
            text-align: center;
            margin: 24px auto;
            font-weight: 600;
        }

        .line{
            border:none;
            height:1px;
            background-color:#cccccc;
        }
        /* クーポン
----------------------------------------------*/

        .coupon {
            display: grid;
            background-color: #fff;
            align-items: center;
        }

        .coupon-wrp {
            margin: 64px auto 0;
            position: relative;
        }

        .coupon-wrp img {
            display: block;
            width: 90%;
            height: auto;
            margin: auto;
        }
        /* タブレット
----------------------------------------------*/

        @media only screen and (max-width: 1200px) {
            /* パンくず
----------------------------------------------*/
        .breadcrumb-bg {
            max-width: 1200px;
            padding: 15px 3%;
        }
        /* メイン
----------------------------------------------*/
        .br-tb {
            display: block !important;
        }
        }

        @media only screen and (max-width: 992px) {
            /* 全体
----------------------------------------------*/
            #wrapper {
                padding: 0px 4%;
            }
            #wrapper-2 {
                padding: 0px 4%;
            }
            /* ヘッダー
----------------------------------------------*/
            header {
                display: flex;
                background-color: #fff;
                align-items: center;
            }
            .title {
                max-width: 100%;
                margin: 0 2%;
            }
            .title img {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            /* パンくず
----------------------------------------------*/
            .breadcrumb-bg {
                max-width: 1200px;
                padding: 15px 3%;
            }
            /* メイン
----------------------------------------------*/
            .pc-none {
                display: block !important;
            }
            .sp-none {
                display: none !important;
            }
            /* イントロ
----------------------------------------------*/
            .coupon-content-main {
                justify-content: center;
            }
            .intoro-bg {
                padding-bottom: 0;
            }
            .intro-text {
                font-size: 16px;
            }
            .intro-text2 {
                font-size: 17px;
            }
            /* アイテム
----------------------------------------------*/
            .bg {
                margin-bottom: 30px;
            }
            .item-text {
                margin: 16px auto;
            }
            .item-content {
                align-items: center;
            }
            .item-content-main {
                margin: 15px 0 48px 0;
            }
            .item-content-main img {
                width: 50%;
            }
            .item-content-main-text {
                width: 47%;
                font-size: 16px;
            }
            .box {
                width: calc(100% / 3.21);
                margin-bottom: 26px;
                margin-right: 20px;
            }
            .box:nth-of-type(4n) {
                margin-right: 20px;
            }
            .box:nth-of-type(3n) {
                margin-right: 0;
            }
            .m-christmasTag li {
                font-size: 11px;
            }
            h4 {
                line-height: 1.4em;
            }
            /* レコメンド
----------------------------------------------*/
            .recommend-bg {
                padding: 30px 0;
            }
            .recommend-text {
                margin: 0 auto 20px;
            }
            .recommend-content-main img {
                width: 345px;
            }
            /* リンク
----------------------------------------------*/
            .link-text {
                margin: 45px auto 30px;
            }
            .link-content-main img {
                width: 345px;
            }
            /* ボタン
----------------------------------------------*/
            .bottom-btn-area {
                padding: 60px 0 120px;
            }
        }
        /* モバイル
----------------------------------------------*/

        @media only screen and (max-width: 767px) {
            /* 全体
----------------------------------------------*/
            #wrapper {
                padding: 0 4%;
            }
            #wrapper-2 {
                padding: 0 4%;
                background-color: #f6f6f6;
                margin-bottom: 70px;
            }
            /* ヘッダー
----------------------------------------------*/
            header {
                display: flex;
                background-color: #fff;
                align-items: center;
                flex-direction: column;
            }
            .title {
                max-width: 100%;
                margin: 0 2%;
            }
            .title img {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            /* パンくず
----------------------------------------------*/
            .breadcrumb-bg {
                max-width: 1200px;
                padding: 15px 3%;
            }
            /* メイン
----------------------------------------------*/
            .pc-none {
                display: block !important;
            }
            .sp-none {
                display: none !important;
            }
            .br-sp {
                display: block !important;
            }
            .br-tb {
                display: none !important;
            }
            .br-pc {
                display: none !important;
            }
            /* イントロ
----------------------------------------------*/
            .intro {
                padding: 32px 0 0;
                margin-bottom: 40px;
            }
            .intro-title {
                font-size: 20px;
                margin: 0;
                letter-spacing: 0;
            }
            .intro-text {
                font-size: 15px;
                letter-spacing: 0;
                margin: 15px 0 40px;
                text-align: initial;
            }
            .coupon-content-main {
                flex-direction: column;
                margin: 15px 0 0 0;
            }
            .coupon-content-main img {
                width: 100%;
            }
            .point_ttl,
            .cpn_ttl {
                position: relative;
                text-align: center;
                background: #9D2237;
                width: 100%;
                font-size: 1.4rem;
                padding: 16px 0;
                border-radius: 0.2em;
                margin: 0 0 30px;
                line-height: 1.2em;
            }
            .point_ttl:before,
            .cpn_ttl:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -15px;
                border: 15px solid transparent;
                border-top: 15px solid #9D2237;
            }
            .attention-text {
                padding: 16px 2%;
            }
            .post_ttl {
                margin: 25px auto;
                font-size: 1.6rem;
            }
            .post_sub {
                font-size: 18px;
                margin: 22px 0 10px;
            }
            .post-text {
                font-size: 14px;
                margin: 0 auto 22px;
                letter-spacing: 0;
                line-height: 1.5em;
            }
            .post {
                background: #f6f6f6;
                padding: 10px 0;
            }
            /* クーポンボタン
----------------------------------------------*/
            .coupon-btn-area {
                padding: 24px 0 48px;
            }
            .coupon-btn,
            a.coupon-btn {
                padding: 28px 0;
            }
            .coupon-btn-wrap,
            a.coupon-btn-wrap {
                color: #fff;
                background-color: #01C3CF;
                width: 100%;
            }
            .coupon-btn,
            a.coupon-btn {
                font-size: 24px;
            }
            /* アイテム
----------------------------------------------*/
            .bg {
                margin-bottom: 30px;
            }
            .item {
                margin-top: 20px;
            }
            .item-title {
                width: 100%;
                margin: auto;
            }
            .item-text {
                margin: 15px auto;
            }
            .item-content {
                align-items: center;
            }
            .item-content-main {
                flex-direction: column;
                margin: 15px 0 40px 0;
            }
            .item-content-main img {
                width: 100%;
            }
            .item-content-main-text {
                width: 100%;
                font-size: 14px;
                margin: 16px auto 0;
                text-align: center;
            }
            .box {
                width: calc(100% / 2.1);
                margin-bottom: 20px;
                margin-right: 1.17em;
            }
            .box:nth-of-type(3n) {
                margin-right: 16px;
            }
            .box:nth-of-type(2n) {
                margin-right: 0px;
            }
            .box:first-child {
                margin-left: 0;
            }
            .m-christmasTag li {
                padding: 2px 4px 2px;
            }
            .m-christmasTag li {
                font-size: 11px;
            }
            h4 {
                font-size: 14px;
                line-height: 1.4em;
            }
            .price {
                font-size: 11px;
            }
            .price-down-l {
                font-size: 24px;
            }
            .price-down-s {
                font-size: 14px;
            }
            .text {
                padding: 5px 0 0;
            }
            .box-text {
                height: 4.5em;
            }
            /* レコメンド
----------------------------------------------*/
            .recommend-bg {
                padding: 30px 0;
            }
            .recommend {
                margin: 0 2%;
            }
            .recommend-title {
                width: 100%;
                margin: auto;
            }
            .recommend-text {
                margin: 0 auto 15px;
            }
            .recommend-content-main {
                flex-direction: column;
                margin: 15px 0 0 0;
            }
            .recommend-content-main img {
                width: 100%;
            }
            /* リンク
----------------------------------------------*/
            .link-text {
                font-size: 18px;
                margin: 45px auto 15px;
                letter-spacing: 0;
                line-height: 1.2em;
            }
            .link-content-main {
                flex-direction: column;
                margin: 15px 0 0 0;
            }
            .link-content-main img {
                width: 100%;
            }
            .link-content-main li {
                margin-bottom: 15px;
            }

            /* 戻るボタン
----------------------------------------------*/
            .bottom-btn-area {
                padding: 0 4% 80px;
            }
            .bottom-btn,
            a.bottom-btn {
                padding: 28px 0;
            }
            .bottom-btn-wrap,
            a.bottom-btn-wrap {
                color: #fff;
                background-color: #171717;
                width: 100%;
            }
            .bottom-btn,
            a.bottom-btn {
                font-size: 18px;
            }
            /* クーポン
----------------------------------------------*/
            .coupon-wrp {
                margin: 48px auto 0;
            }
            .coupon-wrp img {
                width: 100%;
            }
            /* フッター
----------------------------------------------*/

            .copyright {
                margin: 6px auto;
            }
        }