@charset "UTF-8";
/* =======================================
LP luckybag2026
======================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

:root {
  --lp-red: #c4281e;
  --lp-white: #ffffff;
  --lp-black: #000000;
  --lp-lightbrown: #9c7837;
  --lp-darkbrown: #69391c;
  --lp-turquoise: #33adad;
  --base-w: 782;
  --base-spw: 750;
  --full-percent: 100%;
  --full-vw: 100vw;
}

main button {
  font-family: inherit;
}

main ol {
  list-style-type: "";
}

#luckybag2026 {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  opacity: 0;
  visibility: hidden;
}

#luckybag2026 img {
  max-width: var(--full-percent);
  height: auto;
}

#luckybag2026 .cont_inner {
  position: relative;
  width: var(--full-percent);
  max-width: 750px;
  margin: 0 auto;
}

.emphasis {
  color: var(--lp-red) !important;
}

.notelist > li {
  margin-left: 1em;
  text-indent: -1em;
}

.notelist > li::before {
  content: "・";
}

.notelist.circle > li::before {
  content: '●';
}

.notelist.asterisk > li::before {
  content: "※";
}

/* mv */
#sec_mv {
  position: relative;
  background-image: url(/luckybag2026/files/mv_bg_outside.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: calc(693px / 2) auto;
}

#sec_mv .cont_inner {
  position: relative;
  aspect-ratio: var(--base-w)/2000;
  background-color: #fff9ed;
  background-image: url(/luckybag2026/files/mv_decoration_line_bottom.png);
  background-repeat: no-repeat;
  background-size: calc(757/var(--base-w)*var(--full-percent)) auto;
  background-position: bottom calc(40/2000*var(--full-percent)) center;
}

#sec_mv .cont_inner::before,
#sec_mv .cont_inner::after {
  content: "";
  display: block;
  position: absolute;
}

#sec_mv .cont_inner::before {
  top: 0;
  left: 0;
  width: inherit;
  aspect-ratio: var(--base-w)/710;
  background-image: url(/luckybag2026/files/bg_green.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: calc(761px / 2) auto;
  z-index: 1;
}

#sec_mv .cont_inner::after {
  top: calc(54/2000*var(--full-percent));
  left: calc(12/var(--base-w)*var(--full-percent));
  width: calc(758/var(--base-w)*var(--full-percent));
  aspect-ratio: 1515/124;
  background-image: url(/luckybag2026/files/mv_decoration_line_top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  z-index: 3;
}

#sec_mv .mv_title,
#sec_mv figure {
  position: absolute;
}

#sec_mv .mv_title,
#sec_mv [class^=mv_item],
#sec_mv .mv_price,
#sec_mv .mv_period {
  opacity: 0;
  visibility: hidden;
}

.mv_title {
  top: calc(92/2000*var(--full-percent));
  left: calc(40/var(--base-w)*var(--full-percent));
  width: calc(703/var(--base-w)*var(--full-percent));
  aspect-ratio: 1405/454;
  z-index: 2;
}

.mv_item {
  top: calc(293/2000*var(--full-percent));
  left: 0;
  width: var(--full-percent);
  aspect-ratio: 1562/1412;
  z-index: 2;
}

[class^=mv_itemname],
.mv_item_coupon {
  z-index: 3;
}

.mv_itemname_clip {
  top: calc(486/2000*var(--full-percent));
  left: calc(68/var(--base-w)*var(--full-percent));
  width: calc(143/var(--base-w)*var(--full-percent));
  aspect-ratio: 286/62;
}

.mv_itemname_bag {
  top: calc(356/2000*var(--full-percent));
  left: calc(378/var(--base-w)*var(--full-percent));
  width: calc(171/var(--base-w)*var(--full-percent));
  aspect-ratio: 341/93;
}

.mv_itemname_tea {
  top: calc(809/2000*var(--full-percent));
  left: calc(74/var(--base-w)*var(--full-percent));
  width: calc(130/var(--base-w)*var(--full-percent));
  aspect-ratio: 259/128;
}

.mv_itemname_tape {
  top: calc(889/2000*var(--full-percent));
  left: calc(212/var(--base-w)*var(--full-percent));
  width: calc(169/var(--base-w)*var(--full-percent));
  aspect-ratio: 337/62;
}

.mv_itemname_cup {
  top: calc(848/2000*var(--full-percent));
  left: calc(515/var(--base-w)*var(--full-percent));
  width: calc(164/var(--base-w)*var(--full-percent));
  aspect-ratio: 327/62;
}

.mv_itemname_spoon {
  top: calc(560/2000*var(--full-percent));
  left: calc(635/var(--base-w)*var(--full-percent));
  width: calc(117/var(--base-w)*var(--full-percent));
  aspect-ratio: 233/62;
}

.mv_item_coupon {
  top: calc(292/2000*var(--full-percent));
  left: calc(555/var(--base-w)*var(--full-percent));
  width: calc(208/var(--base-w)*var(--full-percent));
  aspect-ratio: 415/495;
}

.mv_decoration_line_middle {
  top: calc(974/2000*var(--full-percent));
  left: calc(41/var(--base-w)*var(--full-percent));
  width: calc(701/var(--base-w)*var(--full-percent));
  aspect-ratio: 1401/52;
  z-index: 3;
}

.mv_price {
  top: calc(1025/2000*var(--full-percent));
  left: calc(37/var(--base-w)*var(--full-percent));
  width: calc(702/var(--base-w)*var(--full-percent));
  aspect-ratio: 1403/473;
}

.mv_period {
  top: calc(1287/2000*var(--full-percent));
  left: calc(26/var(--base-w)*var(--full-percent));
  width: calc(730/var(--base-w)*var(--full-percent));
  aspect-ratio: 1459/341;
}

.mv_period.end {
  position: relative;
}

.mv_period.end::before,
.mv_period.end::after {
  display: block;
  position: absolute;
}

.mv_period.end::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgb(0 0 0 / 0.3);
  z-index: 2;
}

.mv_period.end::after {
  content: "販売は終了いたしました";
  top: 50%;
  left: 50%;
  width: 12.5em;
  height: auto;
  padding: 0.5em;
  border: solid 3px #888;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  background-color: #e2e2e2;
  text-align: center;
  color: #888;
  translate: -50% -50%;
  z-index: 3;
}

#sec_mv .notelist {
  position: absolute;
  top: calc(1475/2000*var(--full-percent));
  left: calc(52/var(--base-w)*var(--full-percent));
  width: fit-content;
  height: fit-content;
  font-size: 2.1rem;
  line-height: 1.65;
  color: var(--lp-darkbrown);
}

#sec_mv .cont_inner > p {
  position: absolute;
  width: fit-content;
  height: fit-content;
  font-size: 2.1rem;
  line-height: 1.65;
  color: var(--lp-darkbrown);
}

#sec_mv .mv_text {
  top: calc(1625/2000*var(--full-percent));
  left: calc(52/var(--base-w)*var(--full-percent));
}

#sec_mv .mv_closedstore {
  position: absolute;
  top: calc(1664/2000*var(--full-percent));
  left: calc(52/var(--base-w)*var(--full-percent));
  width: calc(696/var(--base-w)*var(--full-percent));
  height: fit-content;
  font-size: 2.1rem;
  line-height: 1.65;
  color: var(--lp-darkbrown);
}

#sec_mv .mv_excluded {
  top: calc(1843/2000*var(--full-percent));
  left: calc(52/var(--base-w)*var(--full-percent));
}

/* about */
#sec_about {
  background-color: var(--lp-lightbrown);
}

#sec_about .cont_inner {
  padding: 30px 38px 58px;
  background-image: url(/luckybag2026/files/about_bg.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: calc(521px / 2) auto;
}

.about_box {
  padding: 70px 50px 40px;
  border: solid 4px var(--lp-lightbrown);
  border-radius: calc(45px / 2);
  background-color: var(--lp-white);
}

.about_heading {
  font-weight: 700;
  font-size: 3.25rem;
  line-height: 1.61;
  text-align: center;
  font-feature-settings: normal;
  color: var(--lp-red);
}

.about_lead {
  margin-top: 48px;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.73;
  letter-spacing: 0.08em;
  color: var(--lp-darkbrown);
}

#sec_about small {
  font-weight: 500;
  font-size: 2.2rem;
}

#sec_about dl + dl {
  margin-top: 55px;
}

#sec_about dl > dt {
  padding: 11px 0;
  font-weight: 700;
  font-size: 2.8rem;
  color: var(--lp-white);
  background-color: var(--lp-lightbrown);
  text-align: center;
}

#sec_about dl > dd {
  margin-top: 29px;
  font-weight: 700;
  font-size: 2.8rem;
  text-align: center;
  color: var(--lp-darkbrown);
}

.about_start {
  margin-top: 60px;
}

.about_start > dd {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about_location > dd {
  display: flex;
  flex-direction: column;
}

.about_location > dd small {
  margin-top: 26px;
}

.about_location > dd small:last-child {
  margin-top: 50px;
}

.about_location > dd .emphasis {
  line-height: 1.45;
  text-align: left;
}

.btn_search {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  width: 250px;
  padding-top: 11px;
  padding-bottom: 13px;
  border-radius: 100vmax;
  margin: 29px auto 0;
  font-weight: 700;
  font-size: 2.6rem;
  background-color: var(--lp-turquoise);
  color: var(--lp-white);
}

.btn_search > img {
  width: 18px;
}

.btn_frame {
  padding: 25px 0;
  border: solid 3px var(--lp-red);
  margin-top: 65px;
  font-weight: bold;
  font-size: 2.8rem;
  background-color: var(--lp-white);
  color: var(--lp-red);
}

.btn_frame[disabled] {
  border-color: #888;
  font-size: 2.4rem;
  background-color: #e2e2e2;
  color: #888;
  cursor: default;
  pointer-events: none;
}

.step_wrap {
  padding: 0 10px;
}

.step {
  text-align: left;
  counter-reset: step-count 0;
}

.step > li {
  position: relative;
  padding-top: 53px;
  line-height: 1.5;
}

.step > li:not(:last-child) {
  margin-bottom: 56px;
}

.step > li::before {
  content: 'STEP' counter(step-count);
  counter-increment: step-count 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.0rem;
  line-height: 1;
  color: var(--lp-turquoise);
}

.step > li::after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  right: 0;
  width: calc(var(--full-percent) - 113px);
  height: 3px;
  background-color: var(--lp-turquoise);
}

.modal_trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6px;
  width: 350px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 30px auto 38px;
  border-radius: 100vmax;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  background-color: var(--lp-turquoise);
  color: var(--lp-white);
}

.modal_trigger > img {
  width: 27px;
}

#sec_about .notelist {
  padding: 0 10px;
  margin-top: 35px;
}

#sec_about .notelist > li {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.65;
  color: var(--lp-darkbrown);
}

/* item */
#sec_item {
  background-image: url(/luckybag2026/files/item_bg_outside.png);
  background-repeat: repeat;
  background-size: calc(1041px / 2) auto;
}

#sec_item .cont_inner {
  position: relative;
  padding: 27px 0;
  background-color: #fff9ed;
}

#sec_item .cont_inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  aspect-ratio: var(--base-w)/279;
  background-image: url(/luckybag2026/files/bg_green.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: calc(761px / 2) auto;
  z-index: 1;
}

.item_heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 66px;
  position: relative;
  z-index: 2;
}

.item_heading > h2 {
  width: calc(703/var(--base-w)*var(--full-percent));
}

.item_heading > p {
  position: relative;
  font-weight: 700;
  font-size: 2.68rem;
  color: var(--lp-darkbrown);
}

.item_heading > p::before,
.item_heading > p::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  width: 235px;
  height: 2px;
  background-color: var(--lp-darkbrown);
}

.item_heading > p::before {
  right: calc(100% + 15px);
}

.item_heading > p::after {
  left: calc(100% + 15px);
}

.item_lineup {
  margin-top: 38px;
}

.item_lineup > li {
  position: relative;
  width: calc(701 / var(--base-w) * var(--full-percent));
  border: solid 2px var(--lp-turquoise);
  border-radius: 20px;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--lp-white);
  overflow: hidden;
}

.item_lineup > li + li {
  margin-top: 35px;
}

.item_lineup > li .item_title,
.item_lineup > li .item_mainimg,
.item_lineup > li .item_subimg,
.item_lineup > li .item_description,
.item_lineup > li .item_spec,
.item_lineup > li .item_fair_trade {
  position: absolute;
}

.item_lineup > li .item_title {
  width: calc(1206 / 1401 * var(--full-percent));
}

.item_description {
  left: calc(76 / 1401 * var(--full-percent));
  width: calc(1251 / 1401 * var(--full-percent));
  padding: calc(30 / 1401 * var(--full-percent)) calc(40 / 1401 * var(--full-percent)) calc(70 / 1401 * var(--full-percent));
  border-radius: 20px;
  background-color: #ffecc2;
}

.item_description > p {
  font-weight: 500;
  font-size: 2.3rem;
  line-height: 2.16;
  letter-spacing: 0.1em;
  color: var(--lp-darkbrown);
  background-image: linear-gradient(transparent 0, transparent calc(100% - 2px), var(--lp-white) 100%);
  background-size: 100% 2.16em;
}

.item_description::before,
.item_description::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: calc(1272 / 1251 * var(--full-percent));
  aspect-ratio: 1272/59;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  translate: -50% 0;
}

.item_description::before {
  bottom: calc(100% + 30px);
  background-image: url(/luckybag2026/files/decoration_line_upward.png);
}

.item_description::after {
  top: calc(100% + 30px);
  background-image: url(/luckybag2026/files/decoration_line_downward.png);
}

.item_spec {
  display: flex;
  left: calc(82 / 1401 * var(--full-percent));
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.7;
  color: var(--lp-darkbrown);
}

.item_spec > dt::after {
  content: ":";
}

.item_bag {
  aspect-ratio: 1401/3800;
}

.item_bag .item_title {
  top: calc(80 / 3800 * var(--full-percent));
  left: calc(71 / 1401 * var(--full-percent));
}

.item_bag .item_mainimg {
  top: calc(380 / 3800 * var(--full-percent));
  left: calc(340 / 1401 * var(--full-percent));
  width: calc(679 / 1401 * var(--full-percent));
}

.item_bag .item_subimg.left {
  top: calc(1349 / 3800 * var(--full-percent));
  left: calc(50 / 1401 * var(--full-percent));
  width: calc(860 / 1401 * var(--full-percent));
  z-index: 1;
}

.item_bag .item_subimg.right {
  top: calc(1533 / 3800 * var(--full-percent));
  left: calc(687 / 1401 * var(--full-percent));
  width: calc(625 / 1401 * var(--full-percent));
  z-index: 2;
}

.item_bag .item_description {
  top: calc(2282 / 3800 * var(--full-percent));
}

.item_bag .item_spec:nth-of-type(1) {
  top: calc(3550 / 3800 * var(--full-percent));
}

.item_bag .item_spec:nth-of-type(2) {
  top: calc(3635 / 3800 * var(--full-percent));
}

.item_cup {
  aspect-ratio: 1401/3556;
}

.item_cup .item_title {
  top: calc(75 / 3556 * var(--full-percent));
  left: calc(72 / 1401 * var(--full-percent));
}

.item_cup .item_mainimg {
  top: calc(254 / 3556 * var(--full-percent));
  left: calc(393 / 1401 * var(--full-percent));
  width: calc(650 / 1401 * var(--full-percent));
}

.item_cup .item_subimg.left {
  top: calc(1111 / 3556 * var(--full-percent));
  left: calc(41 / 1401 * var(--full-percent));
  width: calc(740 / 1401 * var(--full-percent));
  z-index: 2;
}

.item_cup .item_subimg.right {
  top: calc(1290 / 3556 * var(--full-percent));
  left: calc(687 / 1401 * var(--full-percent));
  width: calc(625 / 1401 * var(--full-percent));
  z-index: 1;
}

.item_cup .item_description {
  top: calc(2048 / 3556 * var(--full-percent));
}

.item_cup .item_spec:nth-of-type(1) {
  top: calc(3310 / 3556 * var(--full-percent));
}

.item_cup .item_spec:nth-of-type(2) {
  top: calc(3395 / 3556 * var(--full-percent));
}

.item_spoon {
  aspect-ratio: 1401/2195;
}

.item_spoon .item_title {
  top: calc(74 / 2195 * var(--full-percent));
  left: calc(63 / 1401 * var(--full-percent));
}

.item_spoon .item_mainimg {
  top: calc(299 / 2195 * var(--full-percent));
  left: calc(139 / 1401 * var(--full-percent));
  width: calc(1141 / 1401 * var(--full-percent));
}

.item_spoon .item_description {
  top: calc(1252 / 2195 * var(--full-percent));
}

.item_spoon .item_spec:nth-of-type(1) {
  top: calc(1990 / 2195 * var(--full-percent));
}

.item_spoon .item_spec:nth-of-type(2) {
  top: calc(2075 / 2195 * var(--full-percent));
}

.item_tea {
  aspect-ratio: 1401/3762;
}

.item_tea .item_title {
  top: calc(74 / 3762 * var(--full-percent));
  left: calc(71 / 1401 * var(--full-percent));
}

.item_tea .item_fair_trade {
  top: calc(135 / 3762 * var(--full-percent));
  left: calc(1137 / 1401 * var(--full-percent));
  width: calc(164 / 1401 * var(--full-percent));
}

.item_tea .item_mainimg {
  top: calc(465 / 3762 * var(--full-percent));
  left: calc(123 / 1401 * var(--full-percent));
  width: calc(1176 / 1401 * var(--full-percent));
}

.item_tea .item_subimg {
  top: calc(1215 / 3762 * var(--full-percent));
  left: calc(234 / 1401 * var(--full-percent));
  width: calc(970 / 1401 * var(--full-percent));
}

.item_tea .item_description {
  top: calc(2099 / 3762 * var(--full-percent));
}

.item_tea .item_description > p {
  letter-spacing: 0.08em;
}

.item_tea .item_spec {
  top: calc(3560 / 3762 * var(--full-percent));
}

.item_tape {
  aspect-ratio: 1401/3117;
}

.item_tape .item_title {
  top: calc(75 / 3117 * var(--full-percent));
  left: calc(72 / 1401 * var(--full-percent));
}

.item_tape .item_mainimg {
  top: calc(280 / 3117 * var(--full-percent));
  left: calc(271 / 1401 * var(--full-percent));
  width: calc(752 / 1401 * var(--full-percent));
}

.item_tape .item_subimg.left {
  top: calc(1105 / 3117 * var(--full-percent));
  left: calc(69 / 1401 * var(--full-percent));
  width: calc(860 / 1401 * var(--full-percent));
  z-index: 1;
}

.item_tape .item_subimg.right {
  top: calc(1056 / 3117 * var(--full-percent));
  left: calc(734 / 1401 * var(--full-percent));
  width: calc(625 / 1401 * var(--full-percent));
  z-index: 2;
}

.item_tape .item_description {
  top: calc(2034 / 3117 * var(--full-percent));
}

.item_tape .item_spec:nth-of-type(1) {
  top: calc(2880 / 3117 * var(--full-percent));
}

.item_tape .item_spec:nth-of-type(2) {
  top: calc(2965 / 3117 * var(--full-percent));
}

.item_clip {
  aspect-ratio: 1401/2474;
}

.item_clip .item_title {
  top: calc(74 / 2474 * var(--full-percent));
  left: calc(71 / 1401 * var(--full-percent));
}

.item_clip .item_mainimg {
  top: calc(319 / 2474 * var(--full-percent));
  left: calc(148 / 1401 * var(--full-percent));
  width: calc(1107 / 1401 * var(--full-percent));
}

.item_clip .item_description {
  top: calc(1256 / 2474 * var(--full-percent));
}

.item_clip .item_spec:nth-of-type(1) {
  top: calc(2190 / 2474 * var(--full-percent));
}

.item_clip .item_spec:nth-of-type(2) {
  top: calc(2275 / 2474 * var(--full-percent));
}

.item_clip .notelist {
  position: absolute;
  top: calc(2360 / 2474 * var(--full-percent));
  left: calc(82 / 1401 * var(--full-percent));
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.7;
  color: var(--lp-darkbrown);
}

.item_coupon {
  aspect-ratio: 1401/2900;
}

.item_coupon .item_title {
  top: calc(71 / 2900 * var(--full-percent));
  left: calc(71 / 1401 * var(--full-percent));
}

.item_coupon .item_mainimg {
  top: calc(412 / 2900 * var(--full-percent));
  left: calc(132 / 1401 * var(--full-percent));
  width: calc(1137 / 1401 * var(--full-percent));
}

.item_coupon .item_description {
  top: calc(1129 / 2900 * var(--full-percent));
}

.item_coupon .item_spec {
  flex-direction: column;
  top: calc(1585 / 2900 * var(--full-percent));
  left: calc(120 / 1401 * var(--full-percent));
  font-weight: 700;
  font-size: 2.5rem;
  color: var(--lp-red);
}

.item_coupon .item_spec > dt::after {
  content: none;
}

.item_coupon .notelist {
  position: absolute;
  top: calc(1795 / 2900 * var(--full-percent));
  left: calc(97 / 1401 * var(--full-percent));
  width: calc(1215 / 1401 * var(--full-percent));
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.7;
  color: var(--lp-darkbrown);
}

.item_coupon .notelist > li {
  text-indent: -0.55em;
}

#sec_item .modal_trigger {
  width: calc(550 / var(--base-w) * var(--full-percent));
  margin-top: 50px;
}

#sec_item .btn_wrap {
  margin-top: 38px;
}

#sec_item .btn_faq {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(550 / var(--base-w) * var(--full-percent));
  aspect-ratio: 1101 / 232;
  border-radius: 100vmax;
  margin: 0 auto;
  font-weight: 700;
  font-size: 2.78rem;
  line-height: 1.41;
  background-color: var(--lp-lightbrown);
  color: var(--lp-white);
}

#sec_item .cont_inner > .notelist {
  max-width: 575px;
  margin: 42px auto;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.75;
  color: var(--lp-darkbrown);
}

#sec_item .cont_inner > .notelist > li {
  margin-left: 0;
  text-indent: initial;
}

/* modal */
.modal {
  top: 0;
  left: 0;
  width: var(--full-percent);
  max-width: unset;
  height: var(--full-percent);
  max-height: unset;
  border: unset;
  color: unset;
  background-color: unset;
  overflow: auto;
  overscroll-behavior: contain;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-in-out;
}

.modal.is-visible {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  pointer-events: auto;
}

.modal.is-visible::backdrop {
  background-color: rgb(0 0 0 / 0.5);
}

.modal::-webkit-scrollbar {
  display: none;
  /* Chrome,Safari */
}

.modal::before {
  content: '';
  width: 1px;
  height: calc(var(--full-percent) + 1px);
  display: block;
}

.modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--full-percent);
  max-width: 653px;
  max-height: 85%;
  overflow: auto;
  padding: 47px 38px 44px 45px;
  border-radius: 10px;
  background: var(--lp-white);
  translate: -50% -50%;
}

.modal_inner h2 {
  font-weight: 700;
  font-size: 3.2rem;
  text-align: center;
  color: var(--lp-black);
}

.modal_inner .notelist {
  margin-top: 35px;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.33;
}

.modal_inner .close_btn {
  display: block;
  width: 165px;
  padding-top: 7px;
  padding-bottom: 9px;
  border-radius: 100px;
  margin: 30px auto 0;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  background-color: #d6d6d6;
  color: var(--lp-black);
}

@media (any-hover: hover) {
  main a,
  main button {
    transition: all 0.3s ease;
  }

  .btn_search:hover,
  .modal_trigger:hover,
  .modal_inner .close_btn:hover,
  .btn_faq:hover {
    opacity: 0.7;
  }

  .btn_frame:hover {
    background-color: var(--lp-red);
    color: var(--lp-white);
  }
}

@media (max-width: 750.98px) {
  /* mv */
  #sec_mv .cont_inner::before {
    background-size: calc((761 / 2) / var(--base-spw) * var(--full-vw)) auto;
  }

  .mv_period.end::before {
    border-radius: calc(8 / var(--base-spw) * var(--full-vw));
  }

  .mv_period.end::after {
    border-width: calc(3 / var(--base-spw) * var(--full-vw));
    font-size: calc(40 / var(--base-spw) * var(--full-vw));
  }

  #sec_mv .notelist,
  #sec_mv .cont_inner > p,
  #sec_mv .mv_closedstore {
    font-size: calc(21 / var(--base-spw) * var(--full-vw));
  }

  /* about */
  #sec_about .cont_inner {
    padding: calc(30 / var(--base-spw) * var(--full-vw)) calc(38 / var(--base-spw) * var(--full-vw)) calc(58 / var(--base-spw) * var(--full-vw));
    background-size: calc((521 / 2) / var(--base-spw) * var(--full-vw)) auto;
  }

  .about_box {
    padding: calc(70 / var(--base-spw) * var(--full-vw)) calc(50 / var(--base-spw) * var(--full-vw)) calc(40 / var(--base-spw) * var(--full-vw));
    border-width: calc(4 / var(--base-spw) * var(--full-vw));
    border-radius: calc((45 / 2) / var(--base-spw) * var(--full-vw));
  }

  .about_heading {
    font-size: calc(32.5 / var(--base-spw) * var(--full-vw));
  }

  .about_lead {
    margin-top: calc(48 / var(--base-spw) * var(--full-vw));
    font-size: calc(25 / var(--base-spw) * var(--full-vw));
  }

  #sec_about small {
    font-size: calc(22 / var(--base-spw) * var(--full-vw));
  }

  #sec_about dl + dl {
    margin-top: calc(55 / var(--base-spw) * var(--full-vw));
  }

  #sec_about dl > dt {
    padding: calc(11 / var(--base-spw) * var(--full-vw)) 0;
    font-size: calc(28 / var(--base-spw) * var(--full-vw));
  }

  #sec_about dl > dd {
    margin-top: calc(29 / var(--base-spw) * var(--full-vw));
    font-size: calc(28 / var(--base-spw) * var(--full-vw));
  }

  .about_start {
    margin-top: calc(60 / var(--base-spw) * var(--full-vw));
  }

  .about_start > dd {
    gap: calc(20 / var(--base-spw) * var(--full-vw));
  }

  .about_location > dd small {
    margin-top: calc(26 / var(--base-spw) * var(--full-vw));
  }

  .about_location > dd small:last-child {
    margin-top: calc(50 / var(--base-spw) * var(--full-vw));
  }

  .btn_search {
    column-gap: calc(8 / var(--base-spw) * var(--full-vw));
    width: calc(250 / var(--base-spw) * var(--full-vw));
    padding-top: calc(11 / var(--base-spw) * var(--full-vw));
    padding-bottom: calc(13 / var(--base-spw) * var(--full-vw));
    margin-top: calc(29 / var(--base-spw) * var(--full-vw));
    font-size: calc(26 / var(--base-spw) * var(--full-vw));
  }

  .btn_search > img {
    width: calc(18 / var(--base-spw) * var(--full-vw));
  }

  .btn_frame {
    padding: calc(25 / var(--base-spw) * var(--full-vw)) 0;
    border-width: calc(3 / var(--base-spw) * var(--full-vw));
    margin-top: calc(65 / var(--base-spw) * var(--full-vw));
    font-size: calc(28 / var(--base-spw) * var(--full-vw));
  }

  .btn_frame[disabled] {
    font-size: calc(24 / var(--base-spw) * var(--full-vw));
  }

  .step_wrap {
    padding: 0 calc(10 / var(--base-spw) * var(--full-vw));
  }

  .step > li {
    padding-top: calc(53 / var(--base-spw) * var(--full-vw));
  }

  .step > li:not(:last-child) {
    margin-bottom: calc(56 / var(--base-spw) * var(--full-vw));
  }

  .step > li::before {
    font-size: calc(30 / var(--base-spw) * var(--full-vw));
  }

  .step > li::after {
    top: calc(13 / var(--base-spw) * var(--full-vw));
    width: calc(var(--full-percent) - calc(113 / var(--base-spw) * var(--full-vw)));
    height: calc(3 / var(--base-spw) * var(--full-vw));
  }

  .modal_trigger {
    column-gap: calc(6 / var(--base-spw) * var(--full-vw));
    width: calc(350 / var(--base-spw) * var(--full-vw));
    padding-top: calc(12 / var(--base-spw) * var(--full-vw));
    padding-bottom: calc(12 / var(--base-spw) * var(--full-vw));
    margin: calc(30 / var(--base-spw) * var(--full-vw)) auto calc(38 / var(--base-spw) * var(--full-vw));
    font-size: calc(26 / var(--base-spw) * var(--full-vw));
  }

  .modal_trigger > img {
    width: calc(27 / var(--base-spw) * var(--full-vw));
  }

  #sec_about .notelist {
    padding: 0 calc(10 / var(--base-spw) * var(--full-vw));
    margin-top: calc(35 / var(--base-spw) * var(--full-vw));
  }

  #sec_about .notelist > li {
    font-size: calc(18 / var(--base-spw) * var(--full-vw));
  }

  /* item */
  #sec_item {
    background-size: calc((1041 / 2) * var(--base-spw) * var(--full-vw)) auto;
  }

  #sec_item .cont_inner {
    padding: calc(27 / var(--base-spw) * var(--full-vw)) 0;
  }

  #sec_item .cont_inner::before {
    background-size: calc((761px / 2) / var(--base-spw) * var(--full-vw)) auto;
  }

  .item_heading {
    gap: calc(66 / var(--base-spw) * var(--full-vw));
  }

  .item_heading > p {
    font-size: calc(26.8 / var(--base-spw) * var(--full-vw));
  }

  .item_heading > p::before,
  .item_heading > p::after {
    top: calc(50% - calc(1 / var(--base-spw) * var(--full-vw)));
    width: calc(235 / var(--base-spw) * var(--full-vw));
    height: calc(2 / var(--base-spw) * var(--full-vw));
  }

  .item_heading > p::before {
    right: calc(100% + calc(15 / var(--base-spw) * var(--full-vw)));
  }

  .item_heading > p::after {
    left: calc(100% + calc(15 / var(--base-spw) * var(--full-vw)));
  }

  .item_lineup {
    margin-top: calc(38 / var(--base-spw) * var(--full-vw));
  }

  .item_lineup > li {
    border-width: calc(2 / var(--base-w) * var(--full-vw));
    border-radius: calc(20 / var(--base-w) * var(--full-vw));
    background-color: var(--lp-white);
  }

  .item_lineup > li + li {
    margin-top: calc(35 / var(--base-w) * var(--full-vw));
  }

  .item_lineup > li .item_title {
    width: calc(1206 / 1401 * var(--full-percent));
  }

  .item_description {
    border-radius: calc(20 / var(--base-w) * var(--full-vw));
  }

  .item_description > p {
    font-size: calc(23 / var(--base-w) * var(--full-vw));
    background-image: linear-gradient(transparent 0, transparent calc(100% - calc(2 / var(--base-w) * var(--full-vw))), var(--lp-white) 100%);
    background-size: 100% 2.1em;
  }

  .item_description::before {
    bottom: calc(100% + calc(30 / var(--base-w) * var(--full-vw)));
  }

  .item_description::after {
    top: calc(100% + calc(30 / var(--base-w) * var(--full-vw)));
  }

  .item_spec,
  .item_clip .notelist,
  .item_coupon .notelist {
    font-size: calc(21 / var(--base-w) * var(--full-vw));
  }

  .item_coupon .item_spec {
    font-size: calc(25 / var(--base-w) * var(--full-vw));
  }

  #sec_item .modal_trigger {
    margin-top: calc(50 / var(--base-spw) * var(--full-vw));
  }

  #sec_item .btn_wrap {
    margin-top: calc(38 / var(--base-spw) * var(--full-vw));
  }

  #sec_item .btn_faq {
    font-size: calc(27.8 / var(--base-spw) * var(--full-vw));
  }

  #sec_item .cont_inner > .notelist {
    max-width: calc(575 / var(--base-spw) * var(--full-vw));
    margin: calc(42 / var(--base-spw) * var(--full-vw)) auto;
    font-size: calc(20 / var(--base-spw) * var(--full-vw));
  }

  /* modal */
  .modal_inner {
    max-width: calc(653/var(--base-w)*var(--full-vw));
    padding: calc(47/var(--base-w)*var(--full-vw)) calc(38/var(--base-w)*var(--full-vw)) calc(44/var(--base-w)*var(--full-vw)) calc(45/var(--base-w)*var(--full-vw));
    border-radius: calc(10/var(--base-w)*var(--full-vw));
  }

  .modal_inner h2 {
    font-size: calc(32/var(--base-w)*var(--full-vw));
  }

  .modal_inner .notelist {
    margin-top: calc(35/var(--base-w)*var(--full-vw));
    font-size: calc(24/var(--base-w)*var(--full-vw));
  }

  .modal_inner .close_btn {
    width: calc(165/var(--base-w)*var(--full-vw));
    padding-top: calc(7/var(--base-w)*var(--full-vw));
    padding-bottom: calc(9/var(--base-w)*var(--full-vw));
    margin: calc(30/var(--base-w)*var(--full-vw)) auto 0;
    font-size: calc(24/var(--base-w)*var(--full-vw));
    overflow: hidden;
  }
}