@charset "UTF-8";

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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=button],
input[type=submit],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
}

select {
  border-radius: 0;
}

a,
input,
label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

a.tdu {
  text-decoration: underline;
}

img {
  width: 100%;
  height: auto;
}
:root {
  --min-viewport-width: 750;
  --max-viewport-width: 1920;
  --min-fluid-ratio: calc(1 / var(--min-viewport-width) * 100dvi);
  --max-fluid-ratio: calc(1 / var(--max-viewport-width) * 100dvi);
  --pc-shared-layout: 900px;
  --sp-shared-layout: calc(310 * var(--min-fluid-ratio));
  --base-font-size: 16;
  --rem: calc(1rem / var(--base-font-size));
  --text-color: #222222;
  --body-bg-color: #bbb3d8;
  --sticker-color: #783c93;
  --receipt-cp-color:#ee87b4;
  --receipt-cp-subcolor:#e93e89;
  --store-announce-color:#ea545d;
  --sns-cp-color:#f18c47;
  --app-cp-color:#61c1be;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --easeInOut: cubic-bezier(.7,0,.3,1);
}

html,
body,
.wrapper {
  height: 100%;
}

html > .footer,
body > .footer,
.wrapper > .footer {
  position: sticky;
  top: 100vh;
}


/*--------------------------------------------
標準設定（common）
---------------------------------------------*/
body {
  font-family: "Kosugi Maru", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background-color: var(--body-bg-color);
  color: var(--text-color);
  line-height: calc(34/24);
  font-size: calc(24 * var(--min-fluid-ratio));
  font-weight: var(--font-weight-regular);
}

.wrapper {
  width: 100%;
}


.note-list .list {
  position: relative;
  overflow-wrap: break-word;
  word-break: break-all;
}

.note-list .list a {
  text-decoration: underline;
}


.note-list .list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.note-list.rice .list:before {
  content: "※" !important;
  color: #222;
}

.note-list.dot .list:before {
  content: "・" !important;
  color: #222;
}

.note-list.number-dot .list:before {
  content: "";
}

.note-list.number-circle .list:nth-child(1):before {
  content: "①";
}

.note-list.number-circle .list:nth-child(2):before {
  content: "②";
}

.note-list.number-circle .list:nth-child(3):before {
  content: "③";
}

.note-list.circle .list:before {
  content: "●";
  color: #222;
}

/* 連番をループ */

.note-list.number-dot {
  counter-reset: number 0; 
}

.note-list.number-dot .list {
  position: relative;
}
.note-list.number-dot .list:before {
    counter-increment: number 1;
    content: counter(number) ". ";
    letter-spacing: 0.08em;

}

.f-kosugi {
  font-family: "Kosugi Maru", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.fade-in {
  opacity: 0;
  transform: translate(0, 20px);
  transition: opacity 1s, transform 1s;
}

.fade-in.show {
  opacity: 1;
  transform: translate(0);
}

.zoom-adjusted .fade-in {
  opacity: 1;
  transform: translate(0);
}

/*--------------------------------------------
SPコンテンツ（common）
---------------------------------------------*/


.contents-inner {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.contents-inner + .contents-inner {
  margin-top: calc(50 * var(--min-fluid-ratio));
}

/*--------------------------------------------
標準設定（sp）
---------------------------------------------*/

/* 注釈 */

.note-list .list {
  font-size: calc(24 * var(--min-fluid-ratio));
  line-height: calc(34/24);
  letter-spacing: -0.039em;
  padding-left: calc(24 * var(--min-fluid-ratio));
}

.note-list .list + .list {
  margin-top: calc(13 * var(--min-fluid-ratio));
}

.note-list.number-dot .list + .list {
  margin-top: calc(7 * var(--min-fluid-ratio));
}

.note-list.rice .list {
  font-size: calc(18 * var(--min-fluid-ratio));
  line-height: calc(24/18);
}


/*--------------------------------------------
アコーディオン（sp）
---------------------------------------------*/

.accordion-area {
  width: 100%;
  border-top-width: calc(4 * var(--min-fluid-ratio));
  border-top-style: solid;
  position: relative;
}

.accordion-area:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(87 * var(--min-fluid-ratio));
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.accordion-area:has(.accordion-trigger[aria-expanded="true"]):after {
  display: none;

}

.accordion-area .accordion-trigger {
  width: 100%;
  background-color: #fff;
  border: none;
  padding: 0;
  position: relative;
  font-weight: bold;
  font-size: calc(28 * var(--min-fluid-ratio));
  letter-spacing: 0.04em;
  line-height: 1;
  padding: calc(28 * var(--min-fluid-ratio)) 0 calc(28 * var(--min-fluid-ratio));
  cursor: pointer;
}

.accordion-area .accordion-trigger .text-rule {
  width: calc(114 * var(--min-fluid-ratio));
}

.accordion-area .accordion-trigger .text-xrule {
  width: calc(135 * var(--min-fluid-ratio));
}

.accordion-area .accordion-trigger .text-instarule {
  width: calc(252 * var(--min-fluid-ratio));
}


.accordion-area .accordion-trigger-icon {
  position: absolute;
  border-radius: 50%;
  width: calc(34 * var(--min-fluid-ratio));
  height: calc(34 * var(--min-fluid-ratio));
  display: block;
  right: calc(55 * var(--min-fluid-ratio));
  top: 50%;
  transform: translateY(-50%);
}

.accordion-area .accordion-trigger-icon img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}


.accordion-area .accordion-trigger-icon .close {
  opacity: 0;
}

.accordion-area .accordion-trigger[aria-expanded="true"] .open {
  opacity: 0;
}

.accordion-area .accordion-trigger[aria-expanded="true"] .close {
  opacity: 1;
}

.accordion-content {
  border-top: 1px solid #ddd;
  height: calc(150 * var(--min-fluid-ratio));
  overflow: hidden;
  padding: calc(16 * var(--min-fluid-ratio)) 0 0;
  font-size: calc(18 * var(--min-fluid-ratio));
  line-height: calc(24/18);
  letter-spacing: 0.04em;
}

.accordion-content.is-open {
  height: auto;
}

.accordion-content:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(4 * var(--min-fluid-ratio));
  margin-top: calc(32 * var(--min-fluid-ratio));
}

.accordion-content .accordion-content-inner {
  width: calc(620 * var(--min-fluid-ratio));
  margin-inline: auto;
} 


.accordion-content .terms-top .terms-top-title {
  font-weight: bold;
  font-size: calc(20 * var(--min-fluid-ratio));
}

.accordion-content .terms-top .terms-top-text {
  margin-top: calc(14 * var(--min-fluid-ratio));
}

.accordion-content .terms-list {
  margin-top: calc(17 * var(--min-fluid-ratio));
  border-top: 1px solid rgba(000, 000, 000, .15);
  padding-top: calc(17 * var(--min-fluid-ratio));
}

.accordion-content .terms-list .terms-list-title {
  position: relative;
  padding-left: calc(30 * var(--min-fluid-ratio));
}
.accordion-content .terms-list .terms-list-title:before {
    content: "■";
    position: absolute;
    left: 0;
    top: 0;
}

.accordion-content .terms-list .terms-list-title + .terms-list-text {
  margin-top: calc(17 * var(--min-fluid-ratio));
}

.accordion-content .terms-list .terms-list-text {
  padding-left: calc(30 * var(--min-fluid-ratio));
}

.accordion-content .terms-list .terms-list-text a {
  text-decoration: underline;
}

.accordion-content .terms-list .terms-list-text + .terms-list-text {
  margin-top: calc(17 * var(--min-fluid-ratio));
}

.accordion-content .terms-list .terms-list-text.terms-list-grid {
  display: grid;
  grid-template-columns: calc(180 * var(--min-fluid-ratio)) auto;
}

.accordion-content .terms-list strong {
  display: block;
}

.accordion-content .note-list {
  margin-top: calc(18 * var(--min-fluid-ratio));
}

.accordion-content .note-list .list {
  font-size: calc(18 * var(--min-fluid-ratio));
  margin: 0;
}

.accordion-content .note-list .list > .note-list {
  margin-top: 0;
}

.accordion-content .accordion-close {
  border-radius: calc(5 * var(--min-fluid-ratio));
  font-size: calc(24 * var(--min-fluid-ratio));
  text-align: center;
  border: none;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  width: calc(277 * var(--min-fluid-ratio));
  margin: calc(53 * var(--min-fluid-ratio)) auto 0;
  display: block;
  padding: calc(23 * var(--min-fluid-ratio));
  position: relative;
  line-height: 1;
  cursor: pointer;
}

.accordion-content .accordion-close img {
  position: absolute;
  width: calc(22 * var(--min-fluid-ratio));
  right: calc(25 * var(--min-fluid-ratio));
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;

}

/*--------------------------------------------
フッター（sp）
---------------------------------------------*/


.footer-inner.contents-inner {
  margin-top: calc(71 * var(--min-fluid-ratio));
  background: none;
  padding: 0 0 calc(72 * var(--min-fluid-ratio));
}

.footer .copyright {
  text-align: center;
}

.footer .copyright img {
  width: calc(346 * var(--min-fluid-ratio));
  transform: translateX(calc(-3 * var(--min-fluid-ratio)));
}


/*--------------------------------------------
メインビジュアル（sp）
---------------------------------------------*/

.sec-mv {
  width: 100%;
}

.sec-mv .mv-img img {
  width: 100%;
}

/*--------------------------------------------
SPコンテンツ（sp）
---------------------------------------------*/

.contents {
  width: 100%;
}

.contents .contents-inner {
  border-radius: calc(8 * var(--min-fluid-ratio));
  position: relative;
}

.contents .contents-inner .contents-btn {
  display: block;
  margin-inline: auto;  
}

.contents .contents-inner .qa-btn {
  width: calc(670 * var(--min-fluid-ratio));
  display: block;
  margin-inline: auto;
}


/*--------------------------------------------
スポンサーリスト（sp）
---------------------------------------------*/

.contents-inner.schedule-inner {
  border-radius: 0;
  margin-top: 0;
  padding: calc(30 * var(--min-fluid-ratio)) 0 calc(80 * var(--min-fluid-ratio));
}

.sponsor-list {
  width: calc(699 * var(--min-fluid-ratio));
  margin-inline: auto;
}

/*--------------------------------------------
ローカルナビ（sp）
---------------------------------------------*/

.nav-wrap {
  min-height: calc(201 * var(--min-fluid-ratio));
  margin-top: calc(30 * var(--min-fluid-ratio));
}

.nav {
  position: relative;
  width: calc(750 * var(--min-fluid-ratio));
}

.nav:before {
  content: "";
  display: block;
  background-color: #e8e6f2;
  width: 100%;
  height: calc(161 * var(--min-fluid-ratio));
  border-top: 1px solid #b0a6d0;
  border-bottom: 1px solid #b0a6d0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  left: 0;
}
.nav.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
}

.nav .nav-list {
  width: calc(711 * var(--min-fluid-ratio));
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: calc(5 * var(--min-fluid-ratio));
  position: relative;
  z-index: 1;
}

.nav .nav-list li {
  width: calc(234 * var(--min-fluid-ratio));
}

.nav .nav-list li:nth-child(4) {
  width: calc(353 * var(--min-fluid-ratio));
}

.nav .nav-list li:nth-child(5) {
  width: calc(352 * var(--min-fluid-ratio));
}

/*--------------------------------------------
スケジュール（sp）
---------------------------------------------*/

.sec-schedule {
  width: calc(711 * var(--min-fluid-ratio));
  background: url(../images/schedule_bg.png) no-repeat center top;
  background-size: cover;
  margin: calc(60 * var(--min-fluid-ratio)) auto 0;
  padding-top: calc(28 * var(--min-fluid-ratio));
}

.sec-schedule .schedule-title {
  width: calc(581 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.sec-schedule .schedule-subtitle {
  width: calc(321 * var(--min-fluid-ratio));
  margin: calc(19 * var(--min-fluid-ratio)) auto 0;
}

.sec-schedule .schedule-subtitle img {
  transform: translateX(calc(5 * var(--min-fluid-ratio)));
}

.sec-schedule .schedule-list {
  width: calc(669 * var(--min-fluid-ratio));
  margin: calc(114 * var(--min-fluid-ratio)) auto 0;
}

.sec-schedule .schedule-list li:not(:first-child){
  margin-top: calc(12 * var(--min-fluid-ratio));
}

.sec-schedule .schedule-caption {
  width: calc(584 * var(--min-fluid-ratio));
  margin: calc(45 * var(--min-fluid-ratio)) auto 0;
}
.sec-schedule .schedule-caption img {
  transform: translateX(calc(-4 * var(--min-fluid-ratio)));
}


.sec-schedule .schedule-btn {
  display: block;
  width: calc(536 * var(--min-fluid-ratio));
  margin: calc(299 * var(--min-fluid-ratio)) auto 0;
}

/*--------------------------------------------
ステッカー（sp）
---------------------------------------------*/

.sticker-inner {
  overflow: visible;
  border-top: calc(20 * var(--min-fluid-ratio)) solid var(--sticker-color);
  padding-bottom: calc(98 * var(--min-fluid-ratio));
}

.sticker-inner.contents-inner {
  margin-top: calc(110 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-title-group {
  margin-top: calc(-47 * var(--min-fluid-ratio));
  position: relative;
  z-index: 1;
}
.sticker-inner .sticker-caption {
  width: calc(421 * var(--min-fluid-ratio));
  margin-inline: auto;
}
.sticker-inner .sticker-title {
  width: calc(731 * var(--min-fluid-ratio));
  margin-top: calc(10 * var(--min-fluid-ratio));
}
.sticker-inner .sticker-wrap {
  width: calc(710 * var(--min-fluid-ratio));
  margin: calc(24 * var(--min-fluid-ratio)) auto 0;
}
.sticker-inner .sticker-text {
  letter-spacing: -0.04em;
}

.sticker-inner .sticker-text .text-note {
  display: block;
  position: relative;
  padding-left: calc(18 * var(--min-fluid-ratio));
  font-size: calc(18 * var(--min-fluid-ratio));

}

.sticker-inner .sticker-text .text-note:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.sticker-inner .sticker-date {
  margin-top: calc(23 * var(--min-fluid-ratio));
  width: calc(692 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-date .sticker-date1 {
  width: calc(622 * var(--min-fluid-ratio));
}



.sticker-inner .sticker-img1 {
  margin-top: calc(59 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-img-notes {
  text-align: center;
  font-size: calc(18 * var(--min-fluid-ratio));
  margin-top: calc(-2 * var(--min-fluid-ratio));
  letter-spacing: -0.04em;
}


.sticker-inner .sticker-subtitle1 {
  margin: calc(59 * var(--min-fluid-ratio)) auto 0;
  width: calc(700 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-img2 {
  margin: calc(46 * var(--min-fluid-ratio)) auto 0;
  width: calc(680 * var(--min-fluid-ratio));
}

.sticker-inner .sticler-participate {
  margin-top: calc(55 * var(--min-fluid-ratio));
}

.sticker-inner .sticler-participate-title {
  width: calc(705 * var(--min-fluid-ratio));
}

.sticker-inner .sticler-participate-step {
  margin-top: calc(37 * var(--min-fluid-ratio));
}

.sticker-inner .sticler-notes {
  margin-top: calc(45 * var(--min-fluid-ratio));
}

.sticker-inner .sticler-notes-title {
  width: calc(705 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.sticker-inner .note-list {
  margin: calc(37 * var(--min-fluid-ratio)) auto 0;
  width: calc(670 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-btn1 {
  margin-top: calc(37 * var(--min-fluid-ratio));
  width: calc(640 * var(--min-fluid-ratio));
}

.sticker-inner .sticker-btn2 {
  margin-top: calc(60 * var(--min-fluid-ratio));
}

/*--------------------------------------------
レシートCP（sp）
---------------------------------------------*/

.receipt-cp-inner {
  padding-top: calc(36 * var(--min-fluid-ratio));
  padding-bottom: calc(81 * var(--min-fluid-ratio));
  border-top: calc(20 * var(--min-fluid-ratio)) solid var(--receipt-cp-color);
  
}

.receipt-cp-title {
  width: calc(731 * var(--min-fluid-ratio));
}

.receipt-cp-wrap {
  width: calc(710 * var(--min-fluid-ratio));
  margin: calc(25 * var(--min-fluid-ratio)) auto 0;
}

.receipt-cp-present {
  margin-top: calc(53 * var(--min-fluid-ratio));

}

.receipt-cp-present-title {
  width: calc(678 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.receipt-cp-present-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(40 * var(--min-fluid-ratio));
}

.receipt-cp-present-notes {
  text-align: center;
  font-size: calc(18 * var(--min-fluid-ratio));
  margin-top: calc(46 * var(--min-fluid-ratio));
  letter-spacing: -0.04em;
}

.receipt-cp-participate {
  width: calc(705 * var(--min-fluid-ratio));
  margin: calc(54 * var(--min-fluid-ratio)) auto 0;
}

.receipt-cp-participate .receipt-cp-participate-subtitle1 {
  width: calc(238 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.receipt-cp-participate .receipt-cp-participate-paper {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(58 * var(--min-fluid-ratio)) auto 0;
}

.receipt-cp-participate .note-list {
  margin-top: calc(31 * var(--min-fluid-ratio));
}

.receipt-cp-participate .receipt-cp-participate-noice {
  margin-top: calc(30 * var(--min-fluid-ratio));
}

.receipt-cp-participate .receipt-cp-participate-web {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(49 * var(--min-fluid-ratio)) auto 0;
}

.receipt-cp-participate .note-list.number-dot .list:before {
  color: var(--receipt-cp-subcolor);
}

.receipt-cp-participate .note-list.rice {
  margin-top: calc(5 * var(--min-fluid-ratio));
}

.receipt-cp-participate .note-list.rice .list + .list {
  margin-top: calc(8 * var(--min-fluid-ratio));
}

.receipt-cp-participate .note-list.rice .list {
  color: var(--receipt-cp-subcolor);
}

.receipt-cp-participate .receipt-img {
  width: calc(680 * var(--min-fluid-ratio));
  margin: calc(26 * var(--min-fluid-ratio)) auto 0;
}

.receipt-cp-participate .receipt-img img {
  margin-left: calc(-5 * var(--min-fluid-ratio));
}

.receipt-cp-participate .receipt-img + .note-list {
  margin-top: calc(28 * var(--min-fluid-ratio));
}

.receipt-cp-participate-btn {
  margin-top: calc(26 * var(--min-fluid-ratio));
}

.receipt-cp-notes {
  margin-top: calc(60 * var(--min-fluid-ratio));
}

.receipt-cp-notes-title {
  width: calc(705 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.receipt-cp-notes .note-list {
  margin: calc(37 * var(--min-fluid-ratio)) auto 0;
  width: calc(670 * var(--min-fluid-ratio));
}

.receipt-cp-rule {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(57 * var(--min-fluid-ratio)) auto 0;
  border-top-color: var(--receipt-cp-color);
}

.receipt-cp-rule .accordion-trigger-icon {
  background-color: var(--receipt-cp-color);
}

.receipt-cp-rule:after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,238,245,1) 60%);
}

.receipt-cp-rule .accordion-content {
  background-color: #faeef5;
}

.receipt-cp-rule .accordion-content:after {
  background-color: var(--receipt-cp-color);
}

.receipt-cp-rule .accordion-close {
  background-color: var(--receipt-cp-color);
}

.receipt-cp-btn {
  margin-top: calc(64 * var(--min-fluid-ratio));
}

/*--------------------------------------------
店内アナウンス（sp）
---------------------------------------------*/

.store-announce-inner {
  border-top: calc(20 * var(--min-fluid-ratio)) solid var(--store-announce-color);
  padding-top: calc(36 * var(--min-fluid-ratio));
  padding-bottom: calc(79 * var(--min-fluid-ratio));
}

.store-announce-inner .store-announce-title {
  width: calc(731 * var(--min-fluid-ratio));
}
.store-announce-inner .store-announce-wrap {
  width: calc(710 * var(--min-fluid-ratio));
  margin: calc(24 * var(--min-fluid-ratio)) auto 0;
}
.store-announce-inner .store-announce-text {
  letter-spacing: -0.04em;
}

.store-announce-inner .store-announce-img {
  margin-top: calc(50 * var(--min-fluid-ratio));
}

.store-announce-inner .store-announce-notes {
  margin-top: calc(60 * var(--min-fluid-ratio));
}

.store-announce-inner .store-announce-notes-title {
  width: calc(705 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.store-announce-inner .note-list {
  margin: calc(37 * var(--min-fluid-ratio)) auto 0;
  width: calc(670 * var(--min-fluid-ratio));
}


.store-announce-inner .store-announce-btn {
  margin-top: calc(56 * var(--min-fluid-ratio));
}


/*--------------------------------------------
SNS（sp）
---------------------------------------------*/

.sns-cp-inner {
  padding-top: calc(36 * var(--min-fluid-ratio));
  padding-bottom: calc(80 * var(--min-fluid-ratio));
  border-top: calc(20 * var(--min-fluid-ratio)) solid var(--sns-cp-color);
  
}

.sns-cp-title {
  width: calc(731 * var(--min-fluid-ratio));
}

.sns-cp-wrap {
  width: calc(710 * var(--min-fluid-ratio));
  margin: calc(24 * var(--min-fluid-ratio)) auto 0;
}

.sns-cp-text {
  letter-spacing: -0.04em;
}

.sns-cp-present {
  margin-top: calc(73 * var(--min-fluid-ratio));
}


.sns-cp-present-title {
  width: calc(399 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.sns-cp-present-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(40 * var(--min-fluid-ratio));
}

.sns-cp-present-notes {
  text-align: center;
  font-size: calc(18 * var(--min-fluid-ratio));
  margin-top: calc(69 * var(--min-fluid-ratio));
  letter-spacing: -0.04em;

}

.sns-cp-schedule {
  width: calc(700 * var(--min-fluid-ratio));
  margin: calc(57 * var(--min-fluid-ratio)) auto 0;
}

.sns-cp-schedule-title {
  position: relative;
  z-index: 2;
}

.sns-cp-schedule .sns-cp-schedule-date {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(32 * var(--min-fluid-ratio)) auto 0;
  display: grid;
  border-radius: calc(14 * var(--min-fluid-ratio));
  background-color: #e8e6f2;
  grid-template-columns: auto auto;
  justify-content: center;
  padding: calc(64 * var(--min-fluid-ratio)) 0 calc(52 * var(--min-fluid-ratio));
  margin-top: calc(-47 * var(--min-fluid-ratio));
  gap: calc(2 * var(--min-fluid-ratio));
}

.sns-cp-schedule .sns-cp-schedule-august {
  width: calc(308 * var(--min-fluid-ratio));
}

.sns-cp-schedule .sns-cp-schedule-september {
  width: calc(309 * var(--min-fluid-ratio));
}


.sns-cp-subtitle1 {
  width: calc(678 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.sns-cp-participate {
  width: calc(705 * var(--min-fluid-ratio));
  margin: calc(60 * var(--min-fluid-ratio)) auto 0;
}

.sns-cp-participate .sns-cp-participate-step {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(9 * var(--min-fluid-ratio)) auto 0;
}

.sns-cp-participate .sns-cp-participate-step1 {
  position: relative;
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap {
  position: absolute;
  bottom: calc(20 * var(--min-fluid-ratio));
  width: calc(295* var(--min-fluid-ratio));
  text-align: center;
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap-x {
  left: 0;
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap-instagram {
  right: 0;
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap .sns-cp-participate-step1-btn {
  display: block;
  width: calc(235* var(--min-fluid-ratio));
  margin-inline: auto;
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap-instagram .sns-cp-participate-step1-btn {
  width: calc(245* var(--min-fluid-ratio));
}

.sns-cp-participate .sns-cp-participate-step1-btnWrap .sns-cp-participate-step1-btn。

.sns-cp-participate .sns-cp-participate-step1-btnWrap .sns-cp-participate-step1-name {
  font-size: calc(18 * var(--min-fluid-ratio));
  margin-top: calc(5 * var(--min-fluid-ratio));
  letter-spacing: 0.02em;
}

.sns-cp-participate .sns-cp-participate-step2 {
  margin-top: calc(21 * var(--min-fluid-ratio));
}

.sns-cp-participate .sns-cp-participate-step3 {
  width: calc(667 * var(--min-fluid-ratio));
  margin: calc(20 * var(--min-fluid-ratio)) auto 0;
  text-align: center;
}

.sns-cp-participate .sns-cp-participate-step3 .sns-cp-participate-dm {
  width: calc(535 * var(--min-fluid-ratio));
  margin: calc(31 * var(--min-fluid-ratio)) auto 0;
}

.sns-cp-rule {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(59 * var(--min-fluid-ratio)) auto 0;
  border-top-color: var(--sns-cp-color);
}

.sns-cp-rule + .sns-cp-rule {
  margin-top: calc(56 * var(--min-fluid-ratio));
}

.sns-cp-rule .accordion-trigger .text-xrule,
.sns-cp-rule .accordion-trigger .text-instarule {
  transform: translateX(calc(8 * var(--min-fluid-ratio)));
}

.sns-cp-rule .accordion-trigger-icon {
  background-color: var(--sns-cp-color);
}

.sns-cp-rule:after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,245,235,1) 60%);
}

.sns-cp-rule .accordion-content {
  background-color: #fff5eb;
}

.sns-cp-rule .accordion-content:after {
  background-color: var(--sns-cp-color);
}

.sns-cp-rule .accordion-close {
  background-color: var(--sns-cp-color);
}

.sns-cp-btn {
  margin-top: calc(59 * var(--min-fluid-ratio));
}

/*--------------------------------------------
アプリ（sp）
---------------------------------------------*/

.app-cp-inner {
  overflow: visible;
  border-top: calc(20 * var(--min-fluid-ratio)) solid var(--app-cp-color);
  padding-bottom: calc(78 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-title-group {
  margin-top: calc(-20 * var(--min-fluid-ratio));
  position: relative;
  z-index: 1;
}
.app-cp-inner .app-cp-caption {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: calc(35 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-caption img {
  width: calc(360 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-title {
  width: calc(731 * var(--min-fluid-ratio));
  margin-top: calc(-55 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-wrap {
  width: calc(710 * var(--min-fluid-ratio));
  margin: calc(25 * var(--min-fluid-ratio)) auto 0;
}
.app-cp-inner .app-cp-text {
  letter-spacing: -0.1em;
}

.app-cp-inner .app-cp-present {
  width: calc(709 * var(--min-fluid-ratio));
  margin-top: calc(65 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-present-title {
  width: calc(678 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.app-cp-inner .app-cp-present-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(40 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-present-notes {
  text-align: center;
  font-size: calc(18 * var(--min-fluid-ratio));
  margin-top: calc(47 * var(--min-fluid-ratio));
  letter-spacing: -0.04em;
}

.app-cp-inner .app-cp-participate {
  margin-top: calc(56 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-participate-title {
  width: calc(705 * var(--min-fluid-ratio));
}

.app-cp-participate-step {
  margin-top: calc(50 * var(--min-fluid-ratio));
}

.app-cp-participate-step .app-cp-participate-step1 {
  position: relative;
}

.app-cp-participate-step .app-cp-participate-step1 .btn {
  display: block;
  position: absolute;
  top: calc(104 * var(--min-fluid-ratio));
}

.app-cp-participate-step .app-cp-participate-step1 .btn-app-store {
  left: calc(72 * var(--min-fluid-ratio));
  width: calc(120 * var(--min-fluid-ratio));
}

.app-cp-participate-step .app-cp-participate-step1 .btn-google-play {
  left: calc(201 * var(--min-fluid-ratio));
  width: calc(150 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-notes {
  margin-top: calc(45 * var(--min-fluid-ratio));
}

.app-cp-inner .app-cp-notes-title {
  width: calc(705 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.app-cp-inner .app-cp-notes > .note-list {
  margin: calc(37 * var(--min-fluid-ratio)) auto 0;
  width: calc(670 * var(--min-fluid-ratio));
}

.app-cp-rule {
  width: calc(670 * var(--min-fluid-ratio));
  margin: calc(57 * var(--min-fluid-ratio)) auto 0;
  border-top-color: var(--app-cp-color);
}

.app-cp-rule + .app-cp-rule {
  margin-top: calc(56 * var(--min-fluid-ratio));
}

.app-cp-rule .accordion-trigger-icon {
  background-color: var(--app-cp-color);
}

.app-cp-rule:after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(239,247,248,1) 60%);
}

.app-cp-rule .accordion-content {
  background-color: #eff7f8;
}

.app-cp-rule .accordion-content:after {
  background-color: var(--app-cp-color);
}

.app-cp-rule .accordion-close {
  background-color: var(--app-cp-color);
}

.app-cp-inner .app-cp-btn {
  margin-top: calc(65 * var(--min-fluid-ratio));
}

/*--------------------------------------------
Q&A（sp）
---------------------------------------------*/

.qa-inner.contents-inner {
  margin-top: calc(69 * var(--min-fluid-ratio));
  background: none;
  border-radius: 0;
}

.qa-inner .qa-title {
  width: calc(400 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.qa-inner .qa-wrap {
  border-radius: calc(8 * var(--min-fluid-ratio));
  margin-top: calc(-76 * var(--min-fluid-ratio));
  padding: calc(135 * var(--min-fluid-ratio)) 0 calc(87 * var(--min-fluid-ratio));
  background-color: #49444f;
}

.qa-inner .accordion-area {
  width: calc(670 * var(--min-fluid-ratio));
  margin-inline: auto;
  border-top: none;
  border-radius: calc(8 * var(--min-fluid-ratio));
  padding-bottom: calc(4 * var(--min-fluid-ratio));
  overflow: hidden;
}

.qa-inner .accordion-area:after {
  content: none;
}

.qa-inner .accordion-area .accordion-trigger{
  padding: calc(25 * var(--min-fluid-ratio)) 0 calc(24 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area .accordion-trigger-icon {
  right: calc(30* var(--min-fluid-ratio));
  transform: translateY(-50%) rotate(180deg);
}

.qa-inner .accordion-area .accordion-trigger[aria-expanded="true"] .accordion-trigger-icon {
  transform: translateY(-50%) rotate(0deg);
}

.qa-inner .accordion-area .accordion-content {
  background-color: #fff;
  border-bottom-left-radius: calc(6 * var(--min-fluid-ratio));
  border-bottom-right-radius: calc(6 * var(--min-fluid-ratio));
  width: calc(662 * var(--min-fluid-ratio));
  margin: 0 auto;
  padding-top: calc(28 * var(--min-fluid-ratio));
  border: none;
  height: auto;
  display: none;
}

.qa-inner .qa-box {
  width: calc(620 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.qa-inner .qa-box:not(:first-child){
  border-top: 1px solid rgba(34, 34, 34, 0.1);
  padding-top: calc(29 * var(--min-fluid-ratio));
  margin-top: calc(25 * var(--min-fluid-ratio));
}

.qa-inner .qa-q {
  font-size: calc((24 * var(--min-fluid-ratio)));
  position: relative;
  padding-left: calc(32 * var(--min-fluid-ratio));
  line-height: calc(26/ 24);
}

.qa-inner .qa-q:before {
  content: 'Q';
  font-size: calc(32 * var(--min-fluid-ratio));
  position: absolute;
  left: 0;
  top: calc(-6 * var(--min-fluid-ratio));
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  line-height: 1;
  vertical-align: text-top;
}

.qa-inner .qa-a {
  margin: calc(17 * var(--min-fluid-ratio)) 0 0 calc(30 * var(--min-fluid-ratio));
  font-size: calc((18 * var(--min-fluid-ratio)));
  position: relative;
  padding-left: calc(32 * var(--min-fluid-ratio));
  line-height: calc(24/ 18);
}

.qa-inner .qa-a:before {
  content: 'A';
  font-size: calc(32 * var(--min-fluid-ratio));
  position: absolute;
  left: 0;
  top: calc(-6 * var(--min-fluid-ratio));
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  line-height: 1;
  vertical-align: text-top;
}

.qa-inner .qa-a a {
  text-decoration: underline;
}

.qa-inner .accordion-area .accordion-content.is-open {
  display: block;
} 

.qa-inner .accordion-area.qa-sticker .accordion-trigger .text-img {
  width: calc(252 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area.qa-sticker,
.qa-inner .accordion-area.qa-sticker .accordion-trigger,
.qa-inner .accordion-area.qa-sticker .accordion-close {
  background-color: var(--sticker-color);
}

.qa-inner .accordion-area.qa-sticker .qa-q:before,
.qa-inner .accordion-area.qa-sticker .qa-a:before,
.qa-inner .accordion-area.qa-sticker .qa-a a {
  color: var(--sticker-color);
}

.qa-inner .accordion-area.qa-receipt .accordion-trigger .text-img {
  width: calc(307 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area.qa-receipt,
.qa-inner .accordion-area.qa-receipt .accordion-trigger,
.qa-inner .accordion-area.qa-receipt .accordion-close {
  background-color: var(--receipt-cp-color);
}

.qa-inner .accordion-area.qa-receipt .qa-q:before,
.qa-inner .accordion-area.qa-receipt .qa-a:before,
.qa-inner .accordion-area.qa-receipt .qa-a a {
  color: var(--receipt-cp-color);
}

.qa-inner .accordion-area.qa-storeAnnounce .accordion-trigger .text-img {
  width: calc(259 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area.qa-storeAnnounce,
.qa-inner .accordion-area.qa-storeAnnounce .accordion-trigger,
.qa-inner .accordion-area.qa-storeAnnounce .accordion-close {
  background-color: var(--store-announce-color);
}

.qa-inner .accordion-area.qa-storeAnnounce .qa-q:before,
.qa-inner .accordion-area.qa-storeAnnounce .qa-a:before,
.qa-inner .accordion-area.qa-storeAnnounce .qa-a a {
  color: var(--store-announce-color);
}

.qa-inner .accordion-area.qa-sns .accordion-trigger .text-img {
  width: calc(397 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area.qa-sns,
.qa-inner .accordion-area.qa-sns .accordion-trigger,
.qa-inner .accordion-area.qa-sns .accordion-close {
  background-color: var(--sns-cp-color);
}

.qa-inner .accordion-area.qa-sns .qa-q:before,
.qa-inner .accordion-area.qa-sns .qa-a:before,
.qa-inner .accordion-area.qa-sns .qa-a a {
  color: var(--sns-cp-color);
}

.qa-inner .accordion-area.qa-app .accordion-trigger .text-img {
  width: calc(404 * var(--min-fluid-ratio));
}

.qa-inner .accordion-area.qa-app,
.qa-inner .accordion-area.qa-app .accordion-trigger,
.qa-inner .accordion-area.qa-app .accordion-close {
  background-color: var(--app-cp-color);
}

.qa-inner .accordion-area.qa-app .qa-q:before,
.qa-inner .accordion-area.qa-app .qa-a:before,
.qa-inner .accordion-area.qa-app .qa-a a {
  color: var(--app-cp-color);
}

.qa-inner .accordion-area + .accordion-area {
  margin-top: calc(40 * var(--min-fluid-ratio));
}


/*--------------------------------------------
お問合せ（sp）
---------------------------------------------*/

.contents .contents-inner.contact-inner {
  background: none ;
  margin-top: calc(59 * var(--min-fluid-ratio));
}

.contact-inner .contact-title{
  width: calc(427 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.contact-inner .contact-wrap {
  background: url(../images/contact-bg.png) no-repeat center top;
  background-size: cover;
  width: 100%;
  height: calc(454 * var(--min-fluid-ratio));
  color: #fff;
  padding: calc(123 * var(--min-fluid-ratio)) 0 0;
  margin-top: calc(-90 * var(--min-fluid-ratio));
  text-align: center;
}


.contact-inner .contact-subtitle {
  width: calc(520 * var(--min-fluid-ratio));
  margin-inline: auto;
}

.contact-inner .contact-box {
  width: calc(440 * var(--min-fluid-ratio));
  margin-inline: auto;
  margin-top: calc(37 * var(--min-fluid-ratio));
}


.contact-inner .contact-box + .contact-box {
  padding-top: calc(22 * var(--min-fluid-ratio));
  border-top: 1px solid #fff;
  margin-top: calc(17 * var(--min-fluid-ratio));
}

.contact-inner .contact-box-title {
  font-size: calc(18 * var(--min-fluid-ratio));
}

.contact-inner .contact-box .contact-box-info {
  font-size: calc(26 * var(--min-fluid-ratio));
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  margin-top: calc(2 * var(--min-fluid-ratio));
  letter-spacing: 0.04em;
}

.contact-inner .contact-box .contact-box-info a {
  color: #fff;
}

.contact-inner .contact-box .contact-box-info .f-kosugi {
  font-size: calc(14 * var(--min-fluid-ratio));
  margin-left: calc(10 * var(--min-fluid-ratio));
  vertical-align: middle;
  letter-spacing: -0.04em;
}

/*--------------------------------------------
  teaser
---------------------------------------------*/

.teaser-lead {
  width: calc(750 * var(--min-fluid-ratio));
  background-color: #48434e;
  text-align: center;
  margin-inline: auto;
  padding: calc(39 * var(--min-fluid-ratio)) 0 calc(34 * var(--min-fluid-ratio));
}

.teaser-lead + .schedule-inner {
  padding-top: calc((30 - 11) * var(--min-fluid-ratio));
}

.teaser-lead img {
  width: calc(377 * var(--min-fluid-ratio));
}


.teaser {
  position: relative;
  pointer-events: none;
  display: grid;
  z-index: 2;
}

.teaser::before {
  content: "";
  background-color: rgba(72, 67, 78, .8);
  display: block;
  width: calc(750 * var(--min-fluid-ratio));
  height: calc(150 * var(--min-fluid-ratio));
  position: absolute;
  top: calc(-25 * var(--min-fluid-ratio));
  left: calc(-55 * var(--min-fluid-ratio));
}

.teaser::after {
  content: "";
  background: url(../images/teaser-text.png) no-repeat center;
  background-size: calc(377 * var(--min-fluid-ratio)) auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.receipt-cp-participate-btn.teaser:before {
  top: calc((-43/2) * var(--min-fluid-ratio));
  left: calc(-40 * var(--min-fluid-ratio));
}


/*--------------------------------------------
クローズ対応（sp）
---------------------------------------------*/

.close-lead {
  width: calc(750 * var(--min-fluid-ratio));
  background-color: #48434e;
  text-align: center;
  margin-inline: auto;
  padding: calc(35 * var(--min-fluid-ratio)) 0 calc(35 * var(--min-fluid-ratio));
  z-index: 2;
}

.close-lead + .schedule-inner {
  padding-top: calc((30 - 11) * var(--min-fluid-ratio));
}

.close-lead img {
  width: calc(634 * var(--min-fluid-ratio));
}


.close {
  position: relative;
  pointer-events: none;
  display: grid;
}

.close::before {
  content: "";
  background-color: rgba(72, 67, 78, .8);
  display: block;
  width: calc(750 * var(--min-fluid-ratio));
  height: calc(150 * var(--min-fluid-ratio));
  position: absolute;
  top: calc(-25 * var(--min-fluid-ratio));
  left: calc(-55 * var(--min-fluid-ratio));
  z-index: 10;
}

.close::after {
  content: "";
  background-image: url(../images/close-text2.png);
  background-repeat: no-repeat;
  background-size: calc(628 * var(--min-fluid-ratio)) auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.sec-schedule.close:before {
  height: calc(1426 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-39/2) * var(--min-fluid-ratio));
}

.sec-schedule.close:after {
  background-position: center calc(550 * var(--min-fluid-ratio));
}

.sticker-img1.close:before {
  height: calc(675 * var(--min-fluid-ratio));
  top: calc(-25 * var(--min-fluid-ratio));
  left: calc((-40/2) * var(--min-fluid-ratio));
}

.sticker-img1.close:after {
  background-position: center calc((314 - 25) * var(--min-fluid-ratio));
}


.sticker-img2.close:before {
  height: calc(460 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-70/2) * var(--min-fluid-ratio));
}

.sticker-img2.close:after {
  background-position: center calc((207 - 30) * var(--min-fluid-ratio));
}

.sticker-btn1.close:after {
  background-position: center calc((52 - 25) * var(--min-fluid-ratio));
}

.receipt-cp-present-list.close:before {
  height: calc(1454 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-40/2) * var(--min-fluid-ratio));
}

.receipt-cp-present-list.close:after {
  background-position: center calc((704 - 30) * var(--min-fluid-ratio));
}

.receipt-cp-participate-btn.close:before {
  top: calc((-43/2) * var(--min-fluid-ratio));
  left: calc(-40 * var(--min-fluid-ratio));
}


.receipt-cp-participate-btn.close:after {
  background-position: center calc((52 - 21) * var(--min-fluid-ratio));
}

.store-announce-img.close:before {
  height: calc(787 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-40/2) * var(--min-fluid-ratio));
}

.store-announce-img.close:after {
  background-position: center calc((370 - 30) * var(--min-fluid-ratio));
}

.sns-cp-present-list.close:before {
  height: calc(1147 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-40/2) * var(--min-fluid-ratio));
}

.sns-cp-present-list.close:after {
  background-position: center calc((550 - 30) * var(--min-fluid-ratio));
}

.sns-cp-schedule.close:before {
  height: calc(529 * var(--min-fluid-ratio));
  top: calc(40 * var(--min-fluid-ratio));
  left: calc((-50/2) * var(--min-fluid-ratio));
}

.sns-cp-schedule.close:after {
  background-position: center calc((241 + 40) * var(--min-fluid-ratio));
}

.app-cp-present-list.close:before {
  height: calc(537 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: calc((-40/2) * var(--min-fluid-ratio));
}

.app-cp-present-list.close:after {
  background-position: center calc((245 - 30) * var(--min-fluid-ratio));
}

.contact-inner.close {
  overflow: visible;
}

.contact-inner.close:before {
  height: calc(529 * var(--min-fluid-ratio));
  top: calc(-30 * var(--min-fluid-ratio));
  left: 0;
}

.contact-inner.close:after {
  background-position: center calc((241 - 30) * var(--min-fluid-ratio));
}

  /*--------------------------------------------
  標準設定（pc）
  ---------------------------------------------*/
@media screen and (min-width: 1024px) {
    .sp {
      display: none !important;
    }
  
    .sp-dib {
      display: none;
    }
    img {
      max-width: 100%;
    }

  body {
    background-image: url("/2408_kuromi/assets/images/bg-pc.png");
    background-repeat: repeat;
    background-position: left top;
    background-attachment: fixed;
    --min-fluid-ratio : 1px;
  }

  /*--------------------------------------------
  コンテンツ（pc）
  ---------------------------------------------*/

  .contents {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
  }
  .contents .bg {
    /* background: #bbb3d8; */
    margin-inline: auto;
  }
  .contents-inner {
    width: 750px;
    margin: 0 auto;
  }


  /*--------------------------------------------
  メインビジュアル（pc）
  ---------------------------------------------*/

  .sec-mv {
    max-width: 1000px;
    margin-inline: auto;
  }

  /*--------------------------------------------
  hover
  ---------------------------------------------*/

  .contents-inner a:hover {
    text-decoration: none;
  }
  .contents-inner a img,
  .accordion-content .accordion-close {
    transition: transform .3s;
  }

  .contents-inner a:hover img,
  .accordion-content .accordion-close:hover {
    transform: scale(1.05);
  }
  .note-list .list a:hover {
    text-decoration: none;
  }

  .accordion-content .terms-list .terms-list-text a:hover {
    text-decoration: none;
  }
  
    
  }

  /*--------------------------------------------
  クローズ対応（pc）
  ---------------------------------------------*/


}