@charset "UTF-8";
@font-face {
  font-family: "ryuminPro";
  src: url("/static/full/images/cts1/2211_sc_knit/A-OTF-RyuminPro-Medium.otf") format("truetype");
}
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
 * ルートのフォントサイズを基準にフォントサイズを可変にする（SPはrootPxを設定しておくこと）
 * @args 最大値（デザイン上の数値）
 */
/*
 * スマホの時のfz設定（XDアートボードサイズで引用）
 */
/*
 * get_vwの設定
 */
/*
 * get_vwの設定(スマホ)
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換(スマホ)
 */
/*
 * line-heightの計算
 */
/*
 * breakpointの設定
 */
/*
 * BUY ボタン
 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  /* /*   margin: 0;
    padding: 0;
    border: 0;
    outline: 0; 
    font-weight: normal; */
}

.tal {
  text-align: left !important;
}

.dc {
  display: contents !important;
}

.fl {
  float: left !important;
}

p {
  letter-spacing: 0.09em;
  line-height: 1.6875;
  margin: 0;
  font-family: YakuHanJP, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.container img {
  width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}

br.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  br.sp {
    display: block;
  }
}

.sec_wrap a {
  text-decoration: none;
  transition: 0.2s;
}
.sec_wrap a:hover {
  text-decoration: none;
  opacity: 0.85;
}

.productArea_similarItems {
  margin-top: clamp(10px, 2.34375vw, 30px);
  padding-bottom: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  .productArea_similarItems {
    margin-top: 19.4666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
.productArea_similarItems .headline {
  font-size: clamp(10px, 0.9090909091vw, 18px);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .productArea_similarItems .headline {
    font-size: 6.6666666667vw;
  }
}
.productArea_similarItems .itemBtn {
  margin-top: clamp(10px, 4.375vw, 56px);
}
@media screen and (max-width: 767px) {
  .productArea_similarItems .itemBtn {
    margin-top: 21.8666666667vw;
  }
}
.productArea_similarItems .itemBtn > a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: clamp(10px, 50.390625vw, 645px);
  margin: auto;
  padding: clamp(10px, 2.34375vw, 30px) 0;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 1.1111111111vw, 22px);
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .productArea_similarItems .itemBtn > a {
    width: 157.8666666667vw;
    padding: 8vw 0;
    font-size: 5.8666666667vw;
  }
}

/* 動的エリア */
.new_item_ul {
  display: grid;
  grid-template-columns: clamp(10px, 17.65625vw, 226px) clamp(10px, 17.65625vw, 226px) clamp(10px, 17.65625vw, 226px) clamp(10px, 17.65625vw, 226px);
  gap: clamp(10px, 2.109375vw, 27px);
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .new_item_ul {
    grid-template-columns: 56vw 56vw 56vw;
    gap: 5.8666666667vw;
  }
}
.new_item_ul li > a {
  text-decoration: none;
}
.new_item_ul .item_photo {
  margin-bottom: 10px;
}
.new_item_ul img {
  width: 100%;
  height: auto;
}
.new_item_ul .scs_item_price, .new_item_ul .scs_item_brandname {
  display: none;
}
.new_item_ul .scs_item_name {
  margin: 0;
  font-size: clamp(10px, 0.6060606061vw, 12px);
  font-family: YakuHanJP, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.6875;
}

.slick-dots {
  bottom: clamp(10px, 1.25vw, 16px) !important;
  right: clamp(10px, 1.5625vw, 20px) !important;
  text-align: right !important;
}
@media screen and (max-width: 767px) {
  .slick-dots {
    bottom: 4.5333333333vw !important;
    right: 6.1333333333vw !important;
  }
}
.slick-dots li {
  width: clamp(10px, 1.015625vw, 13px) !important;
  height: clamp(10px, 1.015625vw, 13px) !important;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .slick-dots li {
    width: 4vw !important;
    height: 4vw !important;
  }
}
.slick-dots li + li {
  margin: 0 0 0 10px !important;
}
.slick-dots li button {
  width: clamp(10px, 1.015625vw, 13px) !important;
  height: clamp(10px, 1.015625vw, 13px) !important;
  border-radius: 50% !important;
}
@media screen and (max-width: 767px) {
  .slick-dots li button {
    width: 4vw !important;
    height: 4vw !important;
  }
}
.slick-dots li button::before {
  content: "" !important;
  width: clamp(10px, 1.015625vw, 13px) !important;
  height: clamp(10px, 1.015625vw, 13px) !important;
  border-radius: 50% !important;
  background-color: none !important;
  border: 1px solid #fff;
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .slick-dots li button::before {
    width: 4vw !important;
    height: 4vw !important;
  }
}
.slick-dots li.slick-active button::before {
  background-color: #fff !important;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.sec_wrap .swiper-pagination {
  bottom: -3%;
  z-index: 1;
}
.sec_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.sec_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}
@media screen and (max-width: 767px) {
  .sec_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .sec_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.8666666667vw;
  }
}
.sec_wrap .swiper-pagination-bullet {
  width: clamp(10px, 0.9375vw, 12px);
  height: clamp(10px, 0.9375vw, 12px);
}
@media screen and (max-width: 767px) {
  .sec_wrap .swiper-pagination-bullet {
    width: 3.2vw;
    height: 3.2vw;
  }
}

/* .sec_wrap {
    .credit {
        width: clamp(10px,get_vw(725),725px);
        margin: auto;

        @include sp {
            width: get_vwSp(600);
        }

        >ul {
            display: grid;
            grid-template-columns: clamp(10px,get_vw(302),302px) clamp(10px,get_vw(302),302px);
            gap: clamp(10px,get_vw(20),20px) clamp(10px,get_vw(24),24px);

            @include sp {
                grid-template-columns: 1fr;
                row-gap: get_vwSp(14);
            }

            >li {
                list-style-type: none;

                &+li {
                    @include sp {
                        margin-top: get_vwSp(14);
                    }
                }

                >a {
                    display: grid;
                    grid-template-columns: clamp(10px, get_vw(90), 90px) auto;
                    column-gap: clamp(10px, get_vw(24), 24px);
                    text-decoration: none;

                    @include sp {
                        grid-template-columns: get_vwSp(90) get_vwSp(490);
                        column-gap: get_vwSp(20);
                        align-items: center;
                    }

                    .pdDetail {
                        display: grid;
                        grid-template-columns: 1fr;
                        row-gap: clamp(10px, get_vw(19), 19px);
                        margin-top: 11px;

                        @include sp {
                            grid-template-columns: 1fr get_vwSp(101);
                            margin-top: 0;
                        }
                    }
                }
            }
        }

        .pdName {
            color: $colorBlack;
            font-family: $NotoSansJP;
            font-size: calcFz(14);
            font-weight: normal;
            text-align: left;
            letter-spacing: 0.09em;
            line-height: lineH(25, 14);
            white-space: nowrap;

            @include sp {
                font-size: calcFzSp(22);
            }
        }

        .buyBtn {
            width: clamp(10px, get_vw(60), 60px);
            height: clamp(10px, get_vw(25), 25px);
            // padding: 3px 0 0 0;
            color: $colorWhite;
            font-family: $NotoSansJP;
            font-weight: normal;
            font-size: calcFz(16);
            letter-spacing: 0.09em;
            // line-height: 31.69px;
            text-align: center;
            background-color: $colorBlack;

            @include sp {
                width: 100%;
                height: get_vwSp(42);
                padding-top: 6px;
                font-size: calcFzSp(27);
            }
        }
    }
} */
/* モーダル表示時に背景を固定 */
.body-fixed {
  overflow: hidden; /* スクロールを無効化 */
}

.max-w-content {
  max-width: 100% !important;
}

main {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
main > ul {
  max-width: 1092px;
  margin-bottom: clamp(0px, 2.34375vw, 30px) !important;
}
@media screen and (max-width: 767px) {
  main > ul {
    padding-left: 9px !important;
    padding-right: 9px !important;
    margin-bottom: 8.8vw !important;
  }
}

footer {
  margin-top: 0px !important;
}

#lp_241203 {
  width: 100%;
  background: #32314A;
  overflow-x: hidden;
}
#lp_241203 section {
  margin: 0;
}
#lp_241203 .pc_contents {
  display: block;
}
#lp_241203 .sp_contents {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp_241203 .pc_contents {
    display: none;
  }
  #lp_241203 .sp_contents {
    display: block;
  }
}
#lp_241203 p, #lp_241203 a {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
}
#lp_241203 a:hover {
  opacity: 0.6;
}
#lp_241203 .sec_kv {
  margin-top: clamp(0px, 15.625vw, 200px);
  margin-bottom: clamp(0px, 9.265625vw, 118.6px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv {
    margin-top: 24vw;
    margin-bottom: 10.6666666667vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap {
  position: relative;
  width: clamp(0px, 85.9375vw, 1100px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap {
    width: 100vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco1 {
  width: clamp(0px, 15.625vw, 200px);
  position: absolute;
  top: calc(-1 * clamp(0px, 3.90625vw, 50px));
  left: clamp(0px, 11.484375vw, 147px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco1 {
    width: 33.3333333333vw;
    top: -13.3333333333vw;
    left: 12.96vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco2 {
  width: clamp(0px, 8.90625vw, 114px);
  position: absolute;
  bottom: clamp(0px, 2.734375vw, 35px);
  left: clamp(0px, 23.046875vw, 295px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco2 {
    width: 12.8vw;
    bottom: 4.4vw;
    left: 25.12vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco3 {
  width: clamp(0px, 4.765625vw, 61px);
  position: absolute;
  bottom: clamp(0px, 3.515625vw, 45px);
  right: clamp(0px, 25.15625vw, 322px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco3 {
    width: 6.4vw;
    bottom: 12.4533333333vw;
    right: 28vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco4 {
  width: clamp(0px, 6.71875vw, 86px);
  position: absolute;
  bottom: clamp(0px, 5.234375vw, 67px);
  right: clamp(0px, 3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco4 {
    width: 6.4vw;
    bottom: 4.1866666667vw;
    right: 23.0933333333vw;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco5 {
  width: clamp(0px, 6.7890625vw, 86.9px);
  position: absolute;
  bottom: clamp(0px, 27.421875vw, 351px);
  left: clamp(0px, 1.8203125vw, 23.3px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title-deco5 {
    display: none;
  }
}
#lp_241203 .sec_kv .p-kv__wrap .p-kv__title {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: normal;
  font-size: clamp(0px, 5.3125vw, 68px);
  letter-spacing: 0.03em;
  line-height: 1.7;
  text-align: center;
  color: #f5d270;
  margin-bottom: clamp(0px, 2.109375vw, 27px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_kv .p-kv__wrap .p-kv__title {
    font-size: 10.6666666667vw;
    margin-bottom: 5.3333333333vw;
    line-height: 1;
  }
}
#lp_241203 .sec_lead .p-lead .p-lead__text {
  width: fit-content;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: normal;
  font-size: clamp(0px, 1.09375vw, 16px);
  line-height: 2.2857142857;
  text-align: center;
  color: #fff;
  margin: 0 auto clamp(0px, 7.703125vw, 98.6px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_lead .p-lead .p-lead__text {
    font-size: 3.4666666667vw;
    line-height: 2.1538461538;
    opacity: 0.95;
    margin-bottom: 21.3333333333vw;
  }
}
#lp_241203 .sec_lead .p-lead .p-lead__img {
  width: clamp(0px, 24.453125vw, 313px);
  margin: 0 auto clamp(0px, 3.984375vw, 51px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_lead .p-lead .p-lead__img {
    width: 44vw;
    margin-bottom: 5.3333333333vw;
  }
}
#lp_241203 .sec_lead .p-lead .sec_read__scroll {
  height: clamp(0px, 6.25vw, 80px);
  width: 1px;
  background: #fff;
  margin: 0 auto clamp(0px, 6.25vw, 80px);
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_lead .p-lead .sec_read__scroll {
    height: 13.3333333333vw;
    margin-bottom: 10.9333333333vw;
  }
}
#lp_241203 .sec_lead .p-lead .sec_read__scroll div {
  position: absolute;
  right: calc(clamp(0px, 0.3515625vw, 4.5px) * -1);
  background: #fff;
  border-radius: 50%;
  width: clamp(0px, 0.78125vw, 10px);
  height: clamp(0px, 0.78125vw, 10px);
  z-index: 10;
  animation: slideDown 1.8s 1s ease-out infinite;
  -webkit-animation: slideDown 1.8s 1s ease-out infinite;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_lead .p-lead .sec_read__scroll div {
    right: -0.9333333333vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
@keyframes slideDown {
  0% {
    top: 0%;
    opacity: 1;
  }
  98% {
    top: 96%;
    opacity: 1;
  }
  100% {
    top: 98%;
    opacity: 0;
  }
}
#lp_241203 .sec_styleing {
  padding-bottom: clamp(0px, 14.0625vw, 180px);
  /* モーダル */
  /* モーダル表示時にオーバーレイを表示 */
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing {
    padding-bottom: 19.2vw;
  }
}
#lp_241203 .sec_styleing .p-modal {
  visibility: hidden; /* 非表示だがレイアウトは維持 */
  width: clamp(0px, 70.3125vw, 900px);
  height: clamp(0px, 48.4375vw, 620px);
  background: #32314a;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: clamp(0px, 3.90625vw, 50px);
  opacity: 0; /* アニメーションのための初期値 */
  transform: scale(0.95); /* アニメーションのための初期値 */
  transition: opacity 0.3s ease, transform 0.3s ease; /* スムーズなトランジション */
  z-index: 30;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal {
    width: 100vw;
    height: 100dvh;
    padding: 0;
  }
}
#lp_241203 .sec_styleing .p-modal.is-active {
  visibility: visible; /* 表示 */
  opacity: 1; /* 完全に表示 */
  transform: scale(1); /* 元のサイズ */
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(0px, 3.90625vw, 50px);
  position: relative;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner {
    height: calc(100dvh - 13.6vw);
    display: block;
    padding-bottom: 13.3333333333vw;
    overflow-y: scroll;
    position: absolute;
    bottom: 0;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__img {
  width: clamp(0px, 31.25vw, 400px);
  height: clamp(0px, 40.625vw, 520px);
  background: #f6f2e4;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__img {
    width: 100%;
    height: 139.4666666667vw;
    margin-bottom: 13.3333333333vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list {
  margin-top: clamp(0px, 1.640625vw, 21px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list {
    margin-top: 4.2666666667vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: clamp(0px, 23.4375vw, 300px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list a {
    width: 66.6666666667vw;
    margin-inline: auto;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-name {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: normal;
  font-size: clamp(0px, 1.5625vw, 20px);
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: left;
  color: #fff;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-name {
    font-size: 4.2666666667vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-price {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: normal;
  font-size: clamp(0px, 1.5625vw, 20px);
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: left;
  color: #fff;
  margin-right: clamp(0px, 0.46875vw, 6px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-price {
    font-size: 4.2666666667vw;
    margin-right: 1.3333333333vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-tax {
  font-family: "din-2014", sans-serif;
  font-weight: normal;
  font-size: clamp(0px, 1.171875vw, 15px);
  line-height: 1;
  text-align: left;
  color: #fff;
  margin-right: clamp(0px, 3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-tax {
    font-size: 2.6666666667vw;
    margin-right: 8vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(0px, 3.55546875vw, 45.51px);
  height: clamp(0px, 1.5625vw, 20px);
  background: #fff;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 700;
  font-size: clamp(0px, 1.171875vw, 15px);
  letter-spacing: 0.03em;
  text-align: left;
  color: #32314a;
  border-radius: clamp(0px, 0.7421875vw, 9.5px);
  line-height: 1;
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__credit .p-modal__credit-list .p-modal__credit-btn {
    width: 9.4933333333vw;
    height: 4vw;
    font-size: 3.2vw;
    border-radius: 2vw;
  }
}
#lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__btn {
  width: clamp(0px, 2.34375vw, 30px);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-modal .p-modal__inner .p-modal__btn {
    position: fixed;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: 4vw;
    right: 5.3333333333vw;
    z-index: 40;
  }
}
#lp_241203 .sec_styleing #modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
  z-index: 20; /* モーダルの手前に配置 */
  display: none; /* 初期状態は非表示 */
}
#lp_241203 .sec_styleing #modal-overlay.is-active {
  display: block;
}
#lp_241203 .sec_styleing .p-styling {
  display: grid;
  grid-template-columns: repeat(4, clamp(0px, 17.96875vw, 230px));
  grid-template-rows: repeat(2, clamp(0px, 25.78125vw, 330px));
  grid-template-areas: "item1 item1 item2 item3" "item1 item1 item4 item5";
  gap: clamp(0px, 1.5625vw, 20px);
  width: clamp(0px, 76.5625vw, 980px);
  margin: 0 auto clamp(0px, 1.5625vw, 20px);
  /* 各コーデのテキスト画像の対応 */
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling {
    grid-template-columns: repeat(2, 43.2vw);
    grid-template-rows: unset;
    grid-template-areas: "item1 item1" "item1 item1" "item2 item3" "item4 item5";
    gap: 2.6666666667vw;
    width: fit-content;
    margin: 0 auto 2.6666666667vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__item {
  position: relative;
  cursor: pointer;
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img1 {
  position: absolute;
  top: clamp(0px, 11.5625vw, 148px);
  right: clamp(0px, 2.34375vw, 30px);
  width: clamp(0px, 2.734375vw, 35px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img1 {
    width: 6.6666666667vw;
    right: 6.6666666667vw;
    top: 26.6666666667vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img2 {
  position: absolute;
  top: clamp(0px, 7.8125vw, 100px);
  right: clamp(0px, 2.34375vw, 30px);
  width: clamp(0px, 6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img2 {
    width: 15.4666666667vw;
    right: 6.6666666667vw;
    top: 26.6666666667vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img3 {
  position: absolute;
  top: clamp(0px, 7.8125vw, 100px);
  right: clamp(0px, 2.34375vw, 30px);
  width: clamp(0px, 6.953125vw, 89px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img3 {
    width: 15.4666666667vw;
    right: 6.6666666667vw;
    top: 16.8vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img4 {
  position: absolute;
  top: clamp(0px, 11.875vw, 152px);
  right: clamp(0px, 2.34375vw, 30px);
  width: clamp(0px, 2.734375vw, 35px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img4 {
    width: 6.6666666667vw;
    right: 6.6666666667vw;
    top: 21.3333333333vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img5 {
  position: absolute;
  top: clamp(0px, 7.578125vw, 97px);
  right: clamp(0px, 2.34375vw, 30px);
  width: clamp(0px, 6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img5 {
    width: 15.4666666667vw;
    right: 6.6666666667vw;
    top: 21.3333333333vw;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img6 {
  position: absolute;
  top: clamp(0px, 28.59375vw, 366px);
  right: calc(-1 * clamp(0px, 4.6875vw, 60px));
  width: clamp(0px, 7.734375vw, 99px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img6 {
    width: 6.9333333333vw;
    right: auto;
    left: 20.2666666667vw;
    bottom: -9.3333333333vw;
    top: auto;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__text_img7 {
  position: absolute;
  bottom: clamp(0px, 9.140625vw, 117px);
  left: clamp(0px, 2.8125vw, 36px);
  width: clamp(0px, 34.375vw, 440px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling .p-styling__text_img7 {
    width: 89.0666666667vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
#lp_241203 .sec_styleing .p-styling .p-styling__fire_img1 {
  position: absolute;
  top: clamp(0px, 1.484375vw, 19px);
  right: 0;
  width: clamp(0px, 14.84375vw, 190px);
}
#lp_241203 .sec_styleing .p-styling .p-styling__fire_img2 {
  position: absolute;
  top: clamp(0px, 7.96875vw, 102px);
  left: clamp(0px, 1.71875vw, 22px);
  width: clamp(0px, 10.15625vw, 130px);
}
#lp_241203 .sec_styleing .p-styling .p-styling__fire_img3 {
  position: absolute;
  bottom: clamp(0px, 2.578125vw, 33px);
  right: clamp(0px, 10.625vw, 136px);
  width: clamp(0px, 12.96875vw, 166px);
}
#lp_241203 .sec_styleing .p-styling .p-styling__item1 {
  grid-area: item1;
}
#lp_241203 .sec_styleing .p-styling .p-styling__item2 {
  grid-area: item2;
}
#lp_241203 .sec_styleing .p-styling .p-styling__item3 {
  grid-area: item3;
}
#lp_241203 .sec_styleing .p-styling .p-styling__item4 {
  grid-area: item4;
}
#lp_241203 .sec_styleing .p-styling .p-styling__item5 {
  grid-area: item5;
}
#lp_241203 .sec_styleing .p-styling--2 {
  grid-template-columns: repeat(4, clamp(0px, 17.96875vw, 230px));
  grid-template-rows: repeat(3, clamp(0px, 25.78125vw, 330px));
  grid-template-areas: "item1 item2 item3 item3" "item4 item5 item3 item3" "item6 item7 item8 item9";
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling--2 {
    grid-template-columns: repeat(2, 43.2vw);
    grid-template-rows: unset;
    grid-template-areas: "item1 item2" "item3 item3" "item3 item3" "item4 item5" "item6 item7" "item8 item9";
    gap: 2.6666666667vw;
    width: fit-content;
    margin: 0 auto 2.6666666667vw;
  }
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item1 {
  grid-area: item1;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item2 {
  grid-area: item2;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item3 {
  grid-area: item3;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item4 {
  grid-area: item4;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item5 {
  grid-area: item5;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item6 {
  grid-area: item6;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item7 {
  grid-area: item7;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item8 {
  grid-area: item8;
}
#lp_241203 .sec_styleing .p-styling--2 .p-styling__item9 {
  grid-area: item9;
}
#lp_241203 .sec_styleing .p-styling--3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  width: clamp(0px, 76.5625vw, 980px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling--3 {
    width: 89.3333333333vw;
  }
}
#lp_241203 .sec_styleing .p-styling--3 .p-styling__item1 {
  width: clamp(0px, 37.5vw, 480px);
  height: clamp(0px, 53.125vw, 680px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling--3 .p-styling__item1 {
    width: 89.3333333333vw;
    height: 126.4vw;
  }
}
#lp_241203 .sec_styleing .p-styling--3 .p-styling__item2 {
  width: clamp(0px, 37.5vw, 480px);
  height: clamp(0px, 53.125vw, 680px);
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  #lp_241203 .sec_styleing .p-styling--3 .p-styling__item2 {
    width: 89.3333333333vw;
    height: 24.5333333333vw;
  }
}
#lp_241203 .lp-contents {
  background: #fff;
  padding-top: clamp(0px, 12.8125vw, 164px);
  padding-bottom: clamp(0px, 17.5vw, 224px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents {
    padding-top: 18.6666666667vw;
    padding-bottom: 22.1333333333vw;
  }
}
#lp_241203 .lp-contents .lp-contents__title-wrap {
  width: clamp(0px, 70.3125vw, 900px);
  margin: 0 auto 0;
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__title-wrap {
    width: 89.3333333333vw;
    margin: 0 auto 0;
  }
}
#lp_241203 .lp-contents .lp-contents__title-wrap .lp-contents__title {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 500;
  font-size: clamp(0px, 5.3125vw, 60px);
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #231815;
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__title-wrap .lp-contents__title {
    font-size: 9vw;
  }
}
#lp_241203 .lp-contents .lp-contents__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  width: clamp(0px, 70.3125vw, 900px);
  margin: clamp(0px, 4.6875vw, 40px) auto 0;
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__inner {
    width: 89.3333333333vw;
    margin: 5.3333333333vw auto 0;
    gap: 12.2666666667vw 0;
  }
}
#lp_241203 .lp-contents .lp-contents__inner a {
  display: block;
  width: clamp(0px, 16.328125vw, 209px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__inner a {
    width: 42.6666666667vw;
  }
}
#lp_241203 .lp-contents .lp-contents__inner a img {
  width: 100%;
  margin-bottom: clamp(0px, 0.9375vw, 12px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__inner a img {
    margin-bottom: 2.8533333333vw;
  }
}
#lp_241203 .lp-contents .lp-contents__inner a .content__date {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 500;
  font-size: clamp(0px, 1.171875vw, 15px);
  letter-spacing: 0.07em;
  line-height: 1.4;
  text-align: left;
  color: #c7c7c7;
  margin-bottom: clamp(0px, 0.390625vw, 5px);
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__inner a .content__date {
    font-size: 3.6266666667vw;
    line-height: 1.1764705882;
    margin-bottom: 1.3333333333vw;
  }
}
#lp_241203 .lp-contents .lp-contents__inner a .content__text {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 500;
  font-size: clamp(0px, 1.09375vw, 14px);
  letter-spacing: 0.09em;
  line-height: 1.4285714286;
  text-align: left;
  color: #2a2a2a;
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__inner a .content__text {
    font-size: 3.4666666667vw;
    line-height: 1.3846153846;
  }
}
#lp_241203 .lp-contents .lp-contents__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(0px, 20.46875vw, 262px);
  height: clamp(0px, 5vw, 64px);
  margin: clamp(0px, 5vw, 64px) auto 0;
  border-radius: clamp(0px, 2.421875vw, 31px);
  border: #303030 1px solid;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-size: clamp(0px, 1.171875vw, 15px);
  line-height: normal;
  text-align: center;
  background: #303030;
  color: #fff;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  #lp_241203 .lp-contents .lp-contents__btn {
    width: 48vw;
    height: 12vw;
    border-radius: 6vw;
    font-size: 3.4666666667vw;
    margin: 12.8533333333vw auto 0;
  }
}
#lp_241203 .lp-contents .lp-contents__btn:hover {
  opacity: 1;
  background: #fff;
  color: #303030;
}

/* topのアニメーション */
.js-animateImg {
  opacity: 0;
  transition: opacity 0.8s ease-in;
}
.js-animateImg.is-active {
  opacity: 1;
}
.js-animateImg.is-active.animateImg2 {
  transform-origin: left bottom; /* 左下を基準にアニメーションを適用 */
  animation: asb2 infinite 2.5s;
}
.js-animateImg.is-active.animateImg3 {
  transform-origin: left bottom; /* 左下を基準にアニメーションを適用 */
  animation: asb2 infinite 2s;
}

@keyframes asb2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.fadeInImg {
  opacity: 0;
  -webkit-transition: 1.5s ease all;
  transition: 1.5s ease all;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.fadeInImg.fadeIn {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.fadeInImgItem {
  transform: scale(0);
  opacity: 0;
}
.fadeInImgItem.fadeIn {
  animation: fadeInScale 1.3s forwards; /* アニメーション適用 */
}

@keyframes fadeInScale {
  0% {
    transform: scale(0); /* 初期状態：縮小 */
    opacity: 0; /* 透明 */
  }
  40% {
    transform: scale(1.1); /* 一度少し大きく */
    opacity: 1; /* 表示 */
  }
  100% {
    transform: scale(1); /* 元のサイズに戻る */
    opacity: 1; /* 表示を維持 */
  }
}
.fadeInImg2 {
  opacity: 0;
  -webkit-transition: 1.5s ease-out;
  transition: 1.5s ease-out;
  -webkit-transform: translateY(30px);
  transform: scale(1.2);
}

.fadeIn2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: scale(1);
}

/*TOPへ戻るボタン*/
#page-top {
  position: fixed;
  width: 50px;
  height: 50px;
  color: #000;
  background-color: #fff;
  bottom: 20px;
  right: 0;
  border-radius: 10px 0 0 10px;
  z-index: 10;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-top a {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
}

#page-top a::after, #page-top a::before {
  content: "";
  background-color: #000;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
}

#page-top a::before {
  transform: rotate(-35deg);
  right: 0;
}

#page-top a::after {
  transform: rotate(35deg);
  left: 35%;
}

footer {
  /*     margin-top: 0!important;
   */
}