@charset "UTF-8";
:root {
  --msy-paper: #F8F5F0;
  --msy-paper-lt: #FBF8F2;
  --msy-sink: #F0EBE3;
  --msy-green: #1F3029;
  --msy-bronze: #9C6B34;
  --msy-ink: #3A342B;
  --msy-body: #5A5348;
  --msy-muted: #8A8175;
  --msy-line: #E3DACB;
  --msy-card: #E3D4C3;
  --msy-on-dark: #E7DCC8;
  --msy-on-dark-weak: #D8C9AE;
  --msy-white: #FFFFFF;
  --msy-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --msy-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --msy-latin: "Montserrat", "Noto Sans JP", sans-serif;
  --msy-logo-latin: "Cormorant Garamond", "Noto Serif JP", serif;
  --msy-gut: 32px;
  --msy-pad: max(var(--msy-gut), calc((100% - 1200px) / 2));
}
@media screen and (max-width: 750px) {
  :root { --msy-gut: 20px; }
}

body {
  margin: 0;
  background: var(--msy-paper);
  color: var(--msy-ink);
  font-family: var(--msy-sans);
  -webkit-text-size-adjust: 100%;
}
#sysAll,
#sysAll #sysHeader,
#sysAll #sysWrap,
#sysAll #sysMain,
#sysAll #sysAside,
#sysAll #sysFooter {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  background: transparent;
}
#sysAll { background: var(--msy-paper); overflow-x: clip; }
:is(.msyp-header, .msyp-footer, .msy-products-page, .msy-sitemap-page, [class*="msy-top-"]) > .sysContent { padding: 0; }
#sysAll #sysAside:empty { display: none; }
:where(#sysAll) *,
:where(#sysAll) *::before,
:where(#sysAll) *::after { box-sizing: border-box; }
:where(#sysAll) * { word-break: normal; overflow-wrap: break-word; line-break: strict; }
:where(#sysAll) a { color: inherit; text-decoration: none; }
:where(#sysAll) img { max-width: 100%; height: auto; }
#sysAll .sysHeadline:empty { display: none; }
.msy-root { font-family: var(--msy-sans); }
.msy-root button, .msy-root input, .msy-root select { font-family: inherit; }
.msy-root p, .msy-root h1, .msy-root h2, .msy-root h3 { margin: 0; }
.msy-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.msy-arrow { width: 16px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.2; flex: 0 0 auto; }
.msy-arrow--s { width: 14px; height: 8px; }

.msy-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 18px;
  height: 58px; padding: 0 32px;
  background: var(--msy-green); color: var(--msy-white) !important;
  font-size: 16px; font-weight: 500; line-height: 24px; white-space: nowrap;
}
.msy-btn--line { background: transparent; color: var(--msy-ink) !important; border: 1px solid var(--msy-muted); }
.msy-btn--s { height: 38.8px; padding: 0 24px; gap: 14px; font-size: 15px; }
.msy-link { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; line-height: 22px; color: var(--msy-ink); white-space: nowrap; }
.msy-link--sp { display: none; }
.msy-sec { padding-inline: var(--msy-pad); }
.msy-sec__title { font-size: 20px; font-weight: 700; line-height: 30px; color: var(--msy-ink); }
.msy-sec__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }

#sysHeader .sysFuncCartInfo { display: none; }
.msy-header { position: relative; background: var(--msy-paper); }
body:not(:has(.msy-hero)) .msy-header { border-bottom: 1px solid var(--msy-line); }
.msy-header__bar { display: flex; align-items: flex-start; height: 91px; padding: 20px 40px 0; }
.msy-brand { display: flex; align-items: flex-start; gap: 14px; flex: 0 0 auto; color: var(--msy-ink); }
.msy-seal { display: block; width: 60px; height: 67px; flex: 0 0 auto; color: var(--msy-green); background-color: currentColor; -webkit-mask: url("/img/msy/common/seal.svg") center / contain no-repeat; mask: url("/img/msy/common/seal.svg") center / contain no-repeat; }
.msy-wordmark { display: block; padding-top: 1px; }
.msy-header .msy-wordmark { min-width: 117.25px; }
.msy-wordmark b { display: block; font-size: 38px; font-weight: 700; line-height: 44px; letter-spacing: 0; color: var(--msy-ink); white-space: nowrap; background-color: currentColor; -webkit-text-fill-color: transparent; -webkit-mask: url("/img/msy/common/logotype.svg") 0 50% / 3em 1em no-repeat; mask: url("/img/msy/common/logotype.svg") 0 50% / 3em 1em no-repeat; }
.msy-wordmark small { display: block; margin-top: -1px; margin-left: 1px; font-family: var(--msy-logo-latin); font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 5.4px; color: var(--msy-body); white-space: nowrap; }
.msy-gnav { display: flex; gap: 45px; margin: 19px 0 0 clamp(24px, calc(100vw - 1270px), 170px); }
.msy-gnav a { font-size: 15px; font-weight: 500; line-height: 22px; color: var(--msy-ink); white-space: nowrap; }
.msy-tools { display: flex; gap: 24px; margin: 4px 0 0 auto; }
.msy-tool { position: relative; display: flex; flex-direction: column; align-items: center; gap: 11px; width: 60px; padding: 2px 0 0; background: none; border: 0; cursor: pointer; color: var(--msy-body); font: inherit; font-size: 11px; line-height: 15px; }
.msy-ico { width: 24px; height: 24px; fill: none; stroke: var(--msy-ink); stroke-width: 1.6; }
.msy-badge { position: absolute; top: -8px; left: calc(50% + 13px); display: grid; place-items: center; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 10px; background: var(--msy-bronze); color: var(--msy-white); font-size: 11px; font-weight: 700; line-height: 1; }
.msy-menu-btn { display: none; }
.msy-menu-btn__bars { position: relative; display: block; width: 22px; height: 22px; }
.msy-menu-btn__bars i { position: absolute; left: 0; width: 22px; height: 1.6px; background: var(--msy-ink); transition: transform .2s, opacity .2s; }
.msy-menu-btn__bars i:nth-child(1) { top: 4px; }
.msy-menu-btn__bars i:nth-child(2) { top: 11px; }
.msy-menu-btn__bars i:nth-child(3) { top: 18px; }
.msy-menu-open .msy-menu-btn__bars i:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.msy-menu-open .msy-menu-btn__bars i:nth-child(2) { opacity: 0; }
.msy-menu-open .msy-menu-btn__bars i:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.msy-spmenu { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; min-height: calc(100vh - 72px); padding: 24px 20px; background: var(--msy-paper); overflow-y: auto; }
.msy-spmenu[hidden] { display: none; }
.msy-spmenu__main, .msy-spmenu__sub { display: flex; flex-direction: column; }
.msy-spmenu__main a { display: flex; align-items: center; height: 56px; border-bottom: 1px solid var(--msy-line); font-size: 15px; font-weight: 500; color: var(--msy-ink); }
.msy-spmenu__sub { margin-top: 32px; }
.msy-spmenu__sub a { display: flex; align-items: center; height: 48px; border-bottom: 1px solid var(--msy-line); font-size: 14.5px; color: var(--msy-body); }
.msy-spmenu__operator { display: flex; align-items: center; height: 48px; margin-top: 72px; border-bottom: 1px solid var(--msy-line); font-size: 14.5px; color: var(--msy-body); text-decoration: underline !important; text-underline-offset: 3px; }

.msy-footer { position: relative; min-height: 236px; padding: 12px var(--msy-pad) 22px; background: var(--msy-green); color: var(--msy-on-dark); overflow: hidden; }
.msy-footer::after { content: ""; position: absolute; right: 0; bottom: 0; width: 120px; height: 179px; background: url("/img/msy/common/footer-botanical.svg") center / contain no-repeat; pointer-events: none; }
.msy-footer__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 25.5% 12.42% 27.08% 1fr auto; align-items: start; }
.msy-brand--footer { gap: 12px; align-items: flex-start; }
.msy-brand--footer .msy-seal { width: 42px; height: 46.9px; margin-top: 6px; color: var(--msy-paper); }
.msy-brand--footer .msy-wordmark { padding-top: 4px; }
.msy-brand--footer .msy-wordmark b { font-size: 28px; line-height: 34px; color: var(--msy-paper-lt); }
.msy-brand--footer .msy-wordmark small { margin-top: 3px; font-size: 11px; line-height: 14px; letter-spacing: 3.8px; color: var(--msy-on-dark-weak); }
.msy-footer__tag { margin-top: 15px !important; font-size: 15.5px; line-height: 24px; color: var(--msy-on-dark); }
.msy-footer__col { display: flex; flex-direction: column; gap: 6.5px; }
.msy-footer__head { margin-bottom: 0.5px !important; font-size: 14.5px; font-weight: 500; line-height: 22px; color: var(--msy-paper-lt); }
.msy-footer__col a { font-size: 14.5px; line-height: 22px; color: var(--msy-on-dark); white-space: nowrap; }
.msy-footer__sns { display: flex; gap: 20px; margin-top: 28px; }
.msy-sns { display: grid; place-items: center; width: 59px; height: 59px; border: 1.3px solid var(--msy-on-dark-weak); border-radius: 50%; color: var(--msy-on-dark-weak); }
.msy-sns svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.msy-sns svg .msy-sns__dot { fill: currentColor; stroke: none; }
.msy-sns--fb { font-size: 30px; font-weight: 700; line-height: 1; }
.msy-footer__copy { position: relative; z-index: 1; display: flex; justify-content: center; align-items: baseline; gap: 12px; margin-top: 18px !important; font-size: 12px; line-height: 18px; color: var(--msy-on-dark); }
.msy-footer__copy a { text-decoration: underline !important; text-underline-offset: 2px; }
.msy-footer__c { margin-left: 14px; font-family: var(--msy-latin); color: var(--msy-on-dark-weak); }

.msy-hero { position: relative; height: 577px; padding-inline: var(--msy-pad); overflow: hidden; }
.msy-hero__inner { position: relative; height: 100%; }
.msy-hero__arcs { position: absolute; width: 140px; height: 180px; opacity: 1; }
.msy-hero__arcs--l { left: -3px; top: 291px; }
.msy-hero__arcs--r { right: -3px; top: 106px; transform: rotate(180deg); }
.msy-hero__copy { position: absolute; left: 0; top: 120px; width: 560px; max-width: 48%; }
.msy-hero__copy h1 { font-family: var(--msy-serif); font-size: 54px; font-weight: 400; line-height: 78px; color: var(--msy-ink); }
.msy-hero__copy p { margin-top: 21px; font-size: 20px; line-height: 40px; color: var(--msy-body); }
.msy-hero__cta { position: absolute; left: 0; top: 448px; width: 242.2px; height: 50.6px; }
.msy-hero__items { position: absolute; left: 49.42%; top: 99px; width: 46.75%; aspect-ratio: 561 / 400; }
.msy-hero__items img { position: absolute; max-width: none; height: auto; object-fit: contain; }
.msy-hero__i1 { left: 3.651%; top: 57.76%; width: 5.506%; }
.msy-hero__i2 { left: 32.565%; top: 4.075%; width: 39.529%; }
.msy-hero__i3 { left: 11.606%; top: 49.28%; width: 25.048%; }
.msy-hero__i5 { left: 33.524%; top: 79.208%; width: 8.228%; }
.msy-hero__i6 { left: 7.868%; top: 64.393%; width: 4.79%; }
.msy-hero__scroll { position: absolute; left: 50%; top: 531px; display: flex; flex-direction: column; align-items: center; gap: 9px; transform: translateX(-50%); font-family: var(--msy-latin); font-size: 10px; font-weight: 500; line-height: 14px; letter-spacing: 3px; color: var(--msy-muted); }
.msy-hero__scroll svg { width: 14px; height: 7px; fill: none; stroke: var(--msy-muted); stroke-width: 1.2; }

.msy-about { height: 160px; padding: 5px var(--msy-pad) 0; text-align: center; }
.msy-about h2 { font-family: var(--msy-serif); font-size: 29px; font-weight: 500; line-height: 42px; color: var(--msy-ink); }
.msy-about p { margin-top: 13px; font-size: 16.5px; line-height: 31.5px; color: var(--msy-body); }

.msy-story__item { position: relative; display: grid; align-items: start; padding-inline: var(--msy-pad); }
.msy-story__item--1 { grid-template-columns: minmax(0, 514fr) minmax(0, 635fr); column-gap: 4.25%; height: 308px; padding-top: 1px; }
.msy-story__item--2 { grid-template-columns: minmax(0, 560fr) minmax(0, 563fr); column-gap: 6.4%; height: 309px; padding-top: 1px; }
.msy-story__img { display: block; width: 100%; height: auto; aspect-ratio: 514 / 292; object-fit: cover; }
.msy-story__item--2 .msy-story__img { aspect-ratio: 562.6 / 295.2; }
.msy-story__item--1 .msy-story__copy { padding-top: 1px; }
.msy-story__item--2 .msy-story__copy { padding-top: 41px; }
.msy-story__num { display: block; font-family: var(--msy-serif); font-size: 29px; font-weight: 400; line-height: 38px; color: var(--msy-ink); }
.msy-story__copy h2 { margin-top: 10px; font-family: var(--msy-serif); font-size: 27px; font-weight: 500; line-height: 40px; color: var(--msy-ink); }
.msy-story__item--2 .msy-story__copy h2 { margin-top: 6px; }
.msy-story__copy p { margin-top: 18px; font-size: 16.5px; line-height: 32.7px; color: var(--msy-body); }
.msy-story__item--2 .msy-story__copy p { margin-top: 22px; line-height: 30.6px; }
.msy-story__lattice { position: absolute; left: 0; top: 105px; width: 150px; height: 204px; pointer-events: none; }
.msy-story__copy { position: relative; z-index: 1; }

.msy-statement { position: relative; height: 176px; padding-top: 23px; }
.msy-statement__band { position: relative; height: 134px; padding: 3px var(--msy-pad) 0; background: var(--msy-green); text-align: center; overflow: hidden; }
.msy-statement__band::before { content: ""; position: absolute; inset: 0; background: url("/img/msy/top/statement-seigaiha-left.svg") left top / 262px 330px no-repeat, url("/img/msy/top/statement-seigaiha-right.svg") right top / 282px 330px no-repeat; pointer-events: none; }
.msy-statement h2, .msy-statement p { position: relative; z-index: 1; }
.msy-statement h2 { font-family: var(--msy-serif); font-size: 31px; font-weight: 500; line-height: 44px; color: var(--msy-paper-lt); }
.msy-statement p { margin-top: 6px; font-size: 17.4px; line-height: 32.8px; color: var(--msy-on-dark); }

.msy-products { padding-bottom: 27px; }
.msy-products__grid { margin-top: 18px; }
.msy-pcard { display: block; text-align: center; color: var(--msy-ink); }
.msy-pcard__img { display: block; aspect-ratio: 223 / 161.6; background: var(--msy-white); overflow: hidden; }
.msy-pcard__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.msy-pcard__name { display: block; margin-top: 6.4px; font-size: 16px; font-weight: 500; line-height: 26px; }

.msy-scenes { padding-top: 18px; padding-bottom: 32.6px; }
.msy-scenes .msy-link--pc { margin-top: 8px; }
.msy-scenes__grid { margin-top: 19px; }
.msy-scard { position: relative; display: block; aspect-ratio: 223 / 189.4; overflow: hidden; color: var(--msy-white); }
.msy-scard > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.msy-scard__txt { position: absolute; left: 24px; right: 12px; bottom: 13.8px; display: block; font-size: 14px; font-weight: 500; line-height: 22.3px; }
.msy-scard__txt small { display: block; font-size: 14px; line-height: 22.3px; }
.msy-scard__name { display: flex; align-items: center; gap: 10px; }
.msy-scard__name .msy-arrow { width: 13px; height: 8px; stroke-width: 1.1; }

.msy-season { position: relative; height: 325px; padding-top: 8px; }
.msy-season .msy-sec__title { font-size: 21px; line-height: 31px; }
.msy-season__wrap { position: relative; margin-top: 21px; }
.msy-season__banner { display: grid; grid-template-columns: minmax(0, 589fr) minmax(0, 611fr); height: 212px; background: var(--msy-sink); }
.msy-season__banner > img { display: block; width: 100%; height: 212px; object-fit: cover; }
.msy-season__copy { padding: 28px 24px 0 38px; }
.msy-season__copy p { font-size: 21.3px; font-weight: 500; line-height: 38.8px; color: var(--msy-ink); }
.msy-season__copy .msy-btn { margin: 24.4px 0 0 -3px; width: 149.4px; }
.msy-season__nav { position: absolute; top: 50%; width: 13px; height: 26px; transform: translateY(-50%); }
.msy-season__nav svg { display: block; width: 13px; height: 26px; fill: none; stroke: var(--msy-ink); stroke-width: 2.2; }
.msy-season__nav--prev { left: -14px; }
.msy-season__nav--next { right: -19px; }
.msy-season__dots { display: flex; justify-content: center; gap: 11.6px; margin-top: 17px; }
.msy-season__dots i { display: block; width: 11.6px; height: 11.6px; border-radius: 50%; background: var(--msy-on-dark-weak); }
.msy-season__dots i.is-on { background: var(--msy-green); }
.msy-season__dots i.is-2 { background: var(--msy-muted); }

.msy-media { height: 344px; }
.msy-media .msy-sec__title { font-size: 21px; line-height: 31px; }
.msy-media .msy-link--pc { margin-top: 5px; }
.msy-media__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 21.25px; margin-top: 18px; }
.msy-mcard { display: block; color: var(--msy-ink); }
.msy-mcard__img { display: block; aspect-ratio: 223 / 149.8; background: var(--msy-white); overflow: hidden; }
.msy-mcard__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.msy-mcard__name { display: block; margin-top: 11.2px; font-size: 16.5px; font-weight: 500; line-height: 26px; }
.msy-media__note { margin-top: 22.4px !important; padding: 9.2px 16px; background: var(--msy-sink); font-size: 13px; line-height: 20px; color: var(--msy-body); text-align: center; }

#sysMain:has(.msy-newshead) { display: grid; grid-template-columns: [full-start] minmax(var(--msy-gut), 1fr) [news-start] minmax(0, 696.5px) [news-end] minmax(0, 33.5px) [nl-start] minmax(0, 470px) [nl-end] minmax(var(--msy-gut), 1fr) [full-end]; grid-auto-flow: row dense; }
#sysMain:has(.msy-newshead) > * { grid-column: full; min-width: 0; }
#sysMain:has(.msy-newshead) > .sysFuncText.msy-top-news-head { grid-column: news; }
#sysMain:has(.msy-newshead) > .sysFuncInformation.msy-top-news { grid-column: news; }
#sysMain:has(.msy-newshead) > .sysFuncText.msy-top-newsletter { grid-column: nl; grid-row: span 2; }
.msy-newshead { display: flex; justify-content: space-between; align-items: flex-start; }
.msy-newshead .msy-sec__title { margin-top: -2px; }
.msy-newshead .msy-link { margin-top: 7px; gap: 12px; font-size: 14.5px; line-height: 21px; }
.sysFuncInformation.msy-top-news { height: 182px; }
.sysFuncInformation.msy-top-news nav ul { margin: 12px 0 0; padding: 0; }
.sysFuncInformation.msy-top-news li { list-style: none; }
.sysFuncInformation.msy-top-news li a { display: block; height: 30.75px; padding: 0 0 0 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14.5px; line-height: 30.75px; color: var(--msy-ink); }
.sysFuncInformation.msy-top-news li a br { display: none; }
.sysFuncInformation.msy-top-news time { display: inline-block; width: 148px; margin-right: 24px; font-variant-numeric: tabular-nums; color: var(--msy-body); }
.msy-newsletter { position: relative; margin-top: 22px; min-height: 171.1px; padding: 21px 30px 20px; border: 1px solid var(--msy-line); }
.msy-newsletter__title { display: flex; align-items: center; min-height: 30px; padding-left: 86px; font-size: 20px; font-weight: 500; line-height: 30px; color: var(--msy-ink); }
.msy-newsletter__icon { position: absolute; left: 42px; top: 33px; width: 54px; height: 38px; fill: none; stroke: var(--msy-ink); stroke-width: 1.6; }
.msy-newsletter__lead { padding-left: 85px; margin-top: 3px !important; font-size: 16px; line-height: 24px; color: var(--msy-body); text-wrap: balance; }
.msy-newsletter__row { display: grid; grid-template-columns: minmax(0, 1fr) 118.6px; margin-top: 25px; }
.msy-newsletter input[type="email"] { width: 100%; height: 50px; margin: 0; padding: 0 18px; border: 1px solid var(--msy-line); border-radius: 0; background: var(--msy-white); font: inherit; font-size: 15px; line-height: 22px; color: var(--msy-ink); }
.msy-newsletter input::placeholder { color: var(--msy-muted); }
.msy-newsletter button { height: 50px; margin: 0; border: 0; border-radius: 0; background: var(--msy-green); color: var(--msy-white); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }

.msy-member { height: 103px; padding: 5px var(--msy-pad) 0; }
.msy-member__band { position: relative; display: flex; align-items: flex-start; height: 97.8px; padding: 14px 41px 0 164px; background: var(--msy-sink); }
.msy-member__icon { position: absolute; left: 71px; top: 12px; width: 54px; height: 40px; fill: none; stroke: var(--msy-ink); stroke-width: 1.5; }
.msy-member__text h2 { font-size: 21px; font-weight: 700; line-height: 31px; color: var(--msy-ink); }
.msy-member__text p { font-size: 16px; line-height: 24px; color: var(--msy-body); }
.msy-member__btns { display: flex; gap: 23.4px; margin: 3px 0 0 auto; }
.msy-member__btns .msy-btn { width: 227.6px; }
.msy-member__btns .msy-btn--line { width: 191px; }

.msy-lower { padding: 56px var(--msy-pad) 90px; }
.msy-lower--list { padding-bottom: 0; }
.msy-crumb { font-size: 13px; line-height: 24px; color: var(--msy-body); }
.msy-crumb a { color: var(--msy-body); }
.msy-crumb__sep { margin: 0 13px; }
.msy-eyebrow { margin-top: 24px !important; font-family: var(--msy-latin); font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: 3px; color: var(--msy-bronze); }
.msy-title { margin-top: 8px !important; font-family: var(--msy-serif); font-size: 42px; font-weight: 500; line-height: 60px; color: var(--msy-ink); }
.msy-lead { margin-top: 10px !important; font-size: 16.5px; line-height: 31.5px; color: var(--msy-body); }
.msy-catgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; margin-top: 32.5px; }
.msy-ccard { display: flex; flex-direction: column; height: 246px; border: 1px solid var(--msy-bronze); border-radius: 4px; background: var(--msy-card); overflow: hidden; color: var(--msy-ink); }
.msy-ccard__img { display: block; height: 130px; flex: 0 0 auto; background: var(--msy-white); }
.msy-ccard__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.msy-ccard__body { display: block; padding: 17px 19px 0; }
.msy-ccard__name { display: block; font-size: 17px; font-weight: 700; line-height: 26px; }
.msy-ccard__desc { display: block; margin-top: 6px; font-size: 15px; line-height: 24px; color: var(--msy-body); }
.msy-sitemap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; margin-top: 40px; }
.msy-sitemap h2 { padding-bottom: 12px; border-bottom: 1px solid var(--msy-line); font-size: 17px; font-weight: 700; line-height: 26px; color: var(--msy-ink); }
.msy-sitemap ul { margin: 0; padding: 0; list-style: none; }
.msy-sitemap > section > ul { margin-top: 12px; }
.msy-sitemap li { list-style: none; font-size: 15px; line-height: 28px; }
.msy-sitemap li a { color: var(--msy-ink); }
.msy-sitemap li ul { margin: 2px 0 6px 1em; }
.msy-sitemap li ul a { color: var(--msy-body); }

:is(#sysItemCategory, #sysItemSearch) #sysMain { display: flow-root; padding: 0 var(--msy-pad) 90px; }
#sysItemCategory .msy-lower { padding-inline: 0; }
#sysItemCategory .sysItemCategoryPankuzu { display: none; }
:is(#sysItemCategory, #sysItemSearch) .sysFreeArea:empty { display: none; }
#sysItemCategory .sysItemCategoryInfo, #sysItemCategory .sysCategoryDescription { margin: 0; padding: 0; }
#sysItemCategory #sysMain > h2 { display: none; }
#sysItemCategory .sysItemCategoryForm { float: left; margin: 26.5px 0 0; }
#sysItemCategory .sysItemListDisp { float: right; margin: 26.5px 0 0; padding-top: 12px; }
#sysItemCategory .sysItemCategoryCtl { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; min-height: 48px; margin: 0; padding: 11px 18px; border: 1px solid var(--msy-line); border-radius: 4px; background: var(--msy-white); font-size: 15px; line-height: 24px; color: var(--msy-body); }
#sysItemCategory .sysItemCategoryCtl br { display: none; }
#sysItemCategory .sysItemCategoryCtl a { color: var(--msy-ink); text-decoration: none; }
#sysItemCategory .sysItemCategoryCtl a:is(:hover, :focus-visible), #sysItemCategory .sysItemCategoryCtl a.sysCurrent { color: var(--msy-green); text-decoration: underline; text-underline-offset: 4px; }
#sysItemCategory .sysItemCategoryCtl a.sysCurrent { font-weight: 700; }
:is(#sysItemCategory, #sysItemSearch) #displayCount { font-size: 15px; line-height: 24px; color: var(--msy-body); }
:is(#sysItemCategory, #sysItemSearch) .sysItemListViewType { display: none; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList { clear: both; padding-top: 20px; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; margin: 0; padding: 0; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList > ul::after { display: none; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList > ul > li { position: relative; display: flex; flex-direction: column; float: none; width: auto; height: auto; min-height: 310px; margin: 0; padding: 0 19px 18px; border: 1px solid var(--msy-bronze); border-radius: 4px; background: var(--msy-card); overflow: hidden; list-style: none; }
:is(#sysItemCategory, #sysItemSearch) .sysThumbnailImage { margin: 0 -19px; height: 190px; flex: 0 0 auto; background: var(--msy-white); }
:is(#sysItemCategory, #sysItemSearch) .sysThumbnailImage a, :is(#sysItemCategory, #sysItemSearch) .sysThumbnailImage img { display: block; width: 100%; height: 100%; object-fit: contain; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList li > div:not(.sysThumbnailImage):not(.sysWishListButtonFormAjax) { display: flex; flex-direction: column; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList .sysItemName { order: 1; margin-top: 17px; font-size: 17px; font-weight: 700; line-height: 26px; color: var(--msy-ink); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
:is(#sysItemCategory, #sysItemSearch) .sysItemList .sysRetailPrice { order: 2; margin-top: 4px; font-size: 16px; font-weight: 500; line-height: 26px; color: var(--msy-ink); }
:is(#sysItemCategory, #sysItemSearch) .sysItemList [id^="sysDescription"], :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysItemPrArea, :is(#sysItemCategory, #sysItemSearch) .sysItemList form, :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysWishListButtonFormAjax { display: none; }
:is(#sysItemCategory, #sysItemSearch) .sysPagination { margin-top: 56px; }
:is(#sysItemCategory, #sysItemSearch) .sysPagination ul { display: flex; justify-content: center; gap: 8px; margin: 0; padding: 0; }
:is(#sysItemCategory, #sysItemSearch) .sysPagination li { width: auto; padding: 0; list-style: none; }
:is(#sysItemCategory, #sysItemSearch) .sysPagination li a { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--msy-line); border-radius: 4px; background: var(--msy-white); font-size: 15px; font-weight: 500; line-height: 1; color: var(--msy-ink); text-decoration: none; }
:is(#sysItemCategory, #sysItemSearch) .sysPagination ul:has(> li:first-child > a.sysCurrent)::before { content: "‹"; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--msy-line); border-radius: 4px; background: var(--msy-white); font-size: 15px; font-weight: 500; line-height: 1; color: var(--msy-line); }
:is(#sysItemCategory, #sysItemSearch) .sysPagination li a.sysCurrent { border-color: var(--msy-green); background: var(--msy-green); color: var(--msy-white); }

#sysItemDetail #sysMain { position: relative; padding: 0 var(--msy-pad); }
#sysItemDetail #sysMain::before { content: ""; position: absolute; left: -34px; top: 287px; width: 140px; height: 180px; background: url("/img/msy/top/hero-arcs.svg") center / contain no-repeat; pointer-events: none; }
#sysItemDetail #sysMain > article { margin: 0; padding: 0; }
#sysItemDetail .sysCategoryPankuzu { height: 43px; padding-top: 10px; font-size: 13px; line-height: 22px; color: var(--msy-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sysItemDetail .sysCategoryPankuzu a { color: var(--msy-body); }
#sysItemDetail .sysCategoryPankuzu br { display: none; }
.msy-crumb-sep { margin: 0 13px; }
#sysItemDetail .msy-detail-top { display: grid; grid-template-columns: minmax(0, 592fr) minmax(0, 560fr); column-gap: 4%; padding-top: 24px; min-height: 618px; }
#sysItemDetail .sysItemImages { position: relative; }
#sysItemDetail .sysItemImages > span:empty, #sysItemDetail .sysImageDescription { display: none; }
#sysItemDetail .sysMainImage { position: relative; aspect-ratio: 592 / 444; border: 1px solid var(--msy-line); background: var(--msy-white); }
#sysItemDetail .sysMainImage a, #sysItemDetail .sysMainImage img { display: block; width: 100%; height: 100%; object-fit: contain; }
#sysItemDetail .sysImageList { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 14px 0 0; padding: 0; }
#sysItemDetail .sysImageList::after { display: none; }
#sysItemDetail .sysItemImages .sysImageList li { float: none; width: auto; height: auto; margin: 0; line-height: normal; aspect-ratio: 139 / 104; border: 1px solid var(--msy-line); background: var(--msy-white); list-style: none; cursor: pointer; overflow: hidden; }
#sysItemDetail .sysItemImages .sysImageList li.sysCurrent { border: 1.5px solid var(--msy-green); }
#sysItemDetail .sysItemImages .sysImageList li img, #sysItemDetail .sysItemImages .sysImageList li.sysCurrent img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; border: 0; }
.msy-gal-btn { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; margin-top: -22px; padding: 0; border: 1px solid var(--msy-line); border-radius: 50%; background: var(--msy-white); cursor: pointer; }
.msy-gal-btn svg { width: 7px; height: 12px; fill: none; stroke: var(--msy-ink); stroke-width: 1.4; }
.msy-gal-btn--prev { left: 16px; }
.msy-gal-btn--next { right: 16px; }
.msy-detail-meta { margin: 4px 0 0 !important; font-size: 13px; font-weight: 500; line-height: 20px; color: var(--msy-body); }
.msy-detail-meta span { margin: 0 12px; }
#sysItemDetail .sysItemName h1 { margin: 8px 0 0; font-family: var(--msy-serif); font-size: 32px; font-weight: 500; line-height: 48px; color: var(--msy-ink); }
#sysItemDetail .sysItemName h1 > span:empty { display: none; }
#sysItemDetail .msy-detail-info .sysDescription { margin-top: 20px; }
#sysItemDetail .msy-detail-info .sysDescription p { margin: 0; font-size: 15px; line-height: 28px; color: var(--msy-body); }
#sysItemDetail .msy-detail-info .sysDescription p + p { margin-top: 16px; }
#sysItemDetail .msy-detail-info .sysDescription .msy-catch { font-size: 18px; font-weight: 500; line-height: 32px; color: var(--msy-ink); }
#sysItemDetail .msy-detail-info .sysDescription > div > span:empty { display: none; }
#sysItemDetail .msy-detail-info .sysRetailPrice { display: flex; flex-wrap: wrap; align-items: center; column-gap: 24px; min-height: 88px; margin-top: 24px; padding: 6px 24px 14px; background: var(--msy-sink); }
#sysItemDetail .msy-detail-info .sysRetailPrice > span:first-child { font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-body); }
#sysItemDetail .msy-detail-info .sysRetailPriceValue { font-size: 30px; font-weight: 700; line-height: 44px; color: var(--msy-ink); }
.msy-tax { display: inline-block; margin-left: 24px; font-size: 15px; font-weight: 400; line-height: 20px; vertical-align: middle; color: var(--msy-body); }
.sysRetailPrice > span[data-retail-price] { display: none; }
#sysItemDetail .msy-detail-info .sysForm { margin-top: 24px; }
#sysItemDetail .msy-detail-info .sysForm::after { content: "配送：ご利用ガイドに準拠　／　お支払い：クレジットカード ほか"; display: block; margin-top: 20px; font-size: 13px; line-height: 20px; color: var(--msy-body); }
#sysCartInForm { display: grid; grid-template-columns: minmax(0, 340fr) minmax(0, 204fr); column-gap: 16px; row-gap: 24px; }
#sysCartInForm > * { grid-column: 1 / -1; }
#sysCartInForm > #sysSubmit { grid-column: 1; }
#sysCartInForm > #sysWishlist { grid-column: 2; }
#sysCartInForm > #sysGetPoint, #sysCartInForm > #sysSubtotal, #sysCartInForm > #sysWishSum, #sysCartInForm > .sysShare, #sysCartInForm > #sysReceiveOption:empty, #sysCartInForm > span:empty, #sysCartInForm .sysNumArea { display: none; }
#sysNumber { display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-ink); }
#sysNumber select { width: 84px; height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--msy-line); border-radius: 0; background: var(--msy-white); -webkit-appearance: none; appearance: none; text-align: center; text-align-last: center; font: inherit; font-size: 16px; font-weight: 500; color: var(--msy-ink); }
#sysSubmit .sysCartButton { width: 100%; height: 58px; margin: 0; padding: 0 0 0 56px; border: 0; border-radius: 0; background: var(--msy-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 3.5h3l2.2 11.5h12.3l2.3-8.5H6' fill='none' stroke='%23FBF8F2' stroke-width='1.3'/%3E%3Ccircle cx='9' cy='20' r='1.4' fill='none' stroke='%23FBF8F2' stroke-width='1.2'/%3E%3Ccircle cx='17' cy='20' r='1.4' fill='none' stroke='%23FBF8F2' stroke-width='1.2'/%3E%3C/svg%3E") 26px center / 22px 22px no-repeat; color: var(--msy-paper-lt); font: inherit; font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; cursor: pointer; }
#sysSubmit .sysCartButton:disabled { opacity: .55; cursor: default; }
#sysWishlist .sysWishListButton { width: 100%; height: 58px; margin: 0; padding: 0 0 0 62px; border: 1px solid var(--msy-green); border-radius: 0; background: var(--msy-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 16.6S1.2 11.4 1.2 5.6A4.3 4.3 0 0 1 10 3.4a4.3 4.3 0 0 1 8.8 2.2c0 5.8-8.8 11-8.8 11z' fill='none' stroke='%231F3029' stroke-width='1.5'/%3E%3C/svg%3E") 32px center / 20px 18px no-repeat; color: var(--msy-green); font: inherit; font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; cursor: pointer; }
#sysItemDetail .msy-detail-tabs { margin-top: 0; }
.msy-tabbar { display: flex; gap: 48px; height: 50px; padding-top: 5px; border-bottom: 1px solid var(--msy-line); }
.msy-tabbar button { position: relative; height: 44px; margin: 0; padding: 0; border: 0; background: none; font: inherit; font-size: 16px; font-weight: 500; line-height: 44px; color: var(--msy-body); cursor: pointer; }
.msy-tabbar button[aria-selected="true"] { color: var(--msy-green); }
.msy-tabbar button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--msy-green); }
.msy-js #sysItemDetail .msy-detail-tabs > .msy-tabpanel:not(.is-active) { display: none; }
#sysItemDetail .sysExplanation { padding: 50px 0 68px; }
.msy-story-block { display: grid; grid-template-columns: minmax(0, 440px) 1px minmax(0, 1fr); align-items: start; }
.msy-story-block::before { content: ""; grid-column: 2; grid-row: 1; width: 1px; height: 112px; margin-top: 4px; background: var(--msy-line); }
.msy-story-block h2 { grid-column: 1; grid-row: 1; margin: 0; font-family: var(--msy-serif); font-size: 34px; font-weight: 400; line-height: 56px; color: var(--msy-green); }
.msy-story-block p { grid-column: 3; grid-row: 1; margin: 8px 0 0 47px; font-size: 15px; line-height: 32px; color: var(--msy-body); }
html:not(.msy-js) #sysItemDetail .sysReview:empty { display: none; }
#sysItemDetail .sysFuncItemBlock.msy-related { padding: 0 var(--msy-pad) 32px; }
#sysItemDetail #sysMain > .sysFuncItemBlock.msy-related { padding-inline: 0; }
.msy-related :is(.sysHeadline h2, h2.sysHeadline) { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 30px; color: var(--msy-ink); text-align: left; }
#sysItemDetail .msy-related .sysContent { padding: 0; text-align: left; }
#sysItemDetail .msy-related .sysItemBlock > ul::after { display: none; }
#sysItemDetail .msy-related .sysItemBlock > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 16px 0 0; padding: 0; }
#sysItemDetail .msy-related .sysItemBlock > ul > li { position: relative; float: none; width: auto; min-height: 288px; margin: 0; padding: 0; list-style: none; }
#sysItemDetail .msy-related .sysItemBlock > ul > li:nth-child(n+5) { display: none; }
#sysItemDetail .msy-related .sysItemImage { aspect-ratio: 282 / 188; border: 1px solid var(--msy-line); background: var(--msy-white); }
#sysItemDetail .msy-related .sysItemImage a, #sysItemDetail .msy-related .sysItemImage img { display: block; width: 100%; height: 100%; object-fit: contain; }
#sysItemDetail .msy-related .sysItemName { margin-top: 14px; min-height: 48px; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-ink); }
#sysItemDetail .msy-related .sysItemPrice { margin-top: 4px; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-ink); }
.msy-related .sysItemPrice .msy-tax { font-size: 13px; }
#sysItemDetail .msy-related .sysItemBlock > ul > li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 44px; height: 44px; border: 1px solid var(--msy-line); border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0.5 5h12.5M8.8 1L13 5l-4.2 4' fill='none' stroke='%231F3029' stroke-width='1.2'/%3E%3C/svg%3E") center / 14px 10px no-repeat; pointer-events: none; }

#sysItemDetail .sysFormVariationName { margin: 0 0 8px; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-ink); }
#sysItemDetail .sysFormVariationTable { width: 100%; margin: 0 0 20px; border-collapse: collapse; background: var(--msy-white); }
#sysItemDetail .sysFormVariationTable :is(th, td) { padding: 10px 12px; border: 1px solid var(--msy-line); background: var(--msy-white); font-size: 14px; font-weight: 400; line-height: 22px; color: var(--msy-body); text-align: center; vertical-align: middle; }
#sysItemDetail .sysFormVariationTable th { background: var(--msy-sink); font-weight: 500; color: var(--msy-ink); }
#sysItemDetail .sysFormVariationTable input[type="radio"] { width: 18px; height: 18px; margin: 0 0 4px; accent-color: var(--msy-green); }
#sysItemDetail .sysForm select:not([name="num"]) { height: 44px; margin: 0 8px 0 0; padding: 0 36px 0 12px; border: 1px solid var(--msy-line); border-radius: 0; background: var(--msy-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238A8175' stroke-width='1.3'/%3E%3C/svg%3E") right 12px center / 10px 6px no-repeat; font-family: var(--msy-sans); font-size: 15px; color: var(--msy-ink); -webkit-appearance: none; appearance: none; }
#sysItemDetail .sysRentalSchedules { margin: 0 0 20px; font-size: 15px; line-height: 24px; color: var(--msy-ink); }
#sysItemDetail .sysRentalSchedules :is(button, input[type="button"]) { height: 44px; padding: 0 16px; border: 1px solid var(--msy-muted); border-radius: 0; background: var(--msy-white); font-family: var(--msy-sans); font-size: 14px; font-weight: 500; color: var(--msy-ink); cursor: pointer; }
#sysItemDetail .sysRentalSchedules table { width: 100%; margin: 8px 0; border-collapse: collapse; background: var(--msy-white); }
#sysItemDetail .sysRentalSchedules :is(th, td) { height: 40px; padding: 4px; border: 1px solid var(--msy-line); font-size: 14px; line-height: 20px; text-align: center; color: var(--msy-ink); }
#sysItemDetail .sysRentalSchedules th { background: var(--msy-sink); font-weight: 500; }
#sysItemDetail .sysRentalSchedules :is(th, td).sysRentalSchedulesSun { color: var(--msy-bronze); }
#sysItemDetail .sysRentalSchedules :is(th, td).sysRentalSchedulesSat { color: var(--msy-green); }
#sysItemDetail .sysRentalSchedules .sysRentalSchedulesInvalid { background: var(--msy-sink); color: var(--msy-muted); }
#sysItemDetail .sysRentalScheduleNotice { font-size: 13px; line-height: 20px; color: var(--msy-bronze); }
#sysItemSearch #sysMain > h2 { margin: 56px 0 0; font-family: var(--msy-serif); font-size: 42px; font-weight: 500; line-height: 60px; color: var(--msy-ink); }
#sysItemSearch .sysFreeArea:not(:empty) { margin-top: 24px; }
#sysItemSearch .sysItemSearchForm { margin: 32px 0 0; padding: 24px; background: var(--msy-sink); }
#sysItemSearch .sysItemSearchFormInput { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; font-size: 15px; line-height: 24px; color: var(--msy-body); }
#sysItemSearch .sysItemSearchFormWord { flex: 1 1 100%; }
#sysItemSearch .sysItemSearchAndOr label, #sysItemSearch .sysItemListViewType label { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; }
#sysItemSearch .sysItemSearchFormItemCategoryGroups:empty, #sysItemSearch .sysItemSearchFormItemCategoryGroups:not(:has(input)) { display: none; }
#sysItemSearch .sysItemSearchFormRange input { width: 120px !important; }
#sysItemSearch .sysItemListDisp { display: flex; justify-content: flex-end; margin-top: 26.5px; }
#sysItemSearch .sysSearchButton { height: 48px; padding: 0 32px; border: 0; background: var(--msy-green); color: var(--msy-white); font-size: 15px; font-weight: 500; cursor: pointer; }

#sysMain > .sysFuncText:is(.text-page, .msy-terms-page, .msy-rental-terms-page) { padding: 56px var(--msy-pad) 90px; }
#sysMain > .sysFuncText:is(.text-page, .msy-terms-page, .msy-rental-terms-page) > .sysContent { max-width: 880px; padding: 0; }
#sysMain > .sysFuncText:is(.text-page, .msy-terms-page, .msy-rental-terms-page) > .sysHeadline { padding: 0; }
#sysMain h1.title-medium-sub { display: flex; flex-direction: column-reverse; gap: 8px; margin-top: 0; margin-bottom: 40px; font-family: var(--msy-serif); font-size: 42px; font-weight: 500; line-height: 60px; color: var(--msy-ink); }
#sysMain h1.title-medium-sub span { font-family: var(--msy-latin); font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: 3px; color: var(--msy-bronze); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) .title-small-underline { margin: 48px 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--msy-line); font-size: 20px; font-weight: 700; line-height: 30px; color: var(--msy-ink); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) .txt-container > .txt-container-box:first-child > .title-small-underline, :is(.text-page, .msy-terms-page, .msy-rental-terms-page) .txt-container > p:first-child { margin-top: 0; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) .txt-contents-ttl-sub { margin: 24px 0 8px; font-size: 17px; font-weight: 700; line-height: 26px; color: var(--msy-ink); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) p, :is(.text-page, .msy-terms-page, .msy-rental-terms-page) li { font-size: 15px; line-height: 28px; color: var(--msy-body); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) p + p { margin-top: 12px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) ol { margin: 8px 0 0; padding-left: 1.6em; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) ol > li { list-style: decimal; margin-top: 4px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) ol ol { margin-top: 4px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) ol ol > li { list-style: lower-alpha; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) a { color: var(--msy-green); text-decoration: underline; text-underline-offset: 3px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) dl { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); margin: 0; border-top: 1px solid var(--msy-line); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) dt, :is(.text-page, .msy-terms-page, .msy-rental-terms-page) dd { margin: 0; padding: 16px 0; border-bottom: 1px solid var(--msy-line); font-size: 15px; line-height: 28px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) dt { padding-right: 24px; font-weight: 500; color: var(--msy-ink); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) dd { color: var(--msy-body); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) table { width: 100%; margin: 16px 0; border-collapse: collapse; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) th, :is(.text-page, .msy-terms-page, .msy-rental-terms-page) td { padding: 12px 16px; border: 1px solid var(--msy-line); font-size: 15px; line-height: 26px; text-align: left; vertical-align: top; color: var(--msy-body); }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) th { background: var(--msy-sink); font-weight: 500; color: var(--msy-ink); }

:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysAll #sysMain { padding: 56px var(--msy-pad) 90px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain > * { max-width: 760px; margin-inline: auto; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain > h2:not(:empty), :is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain h2.sysMypageMajorHeadLine { margin-top: 32px; margin-bottom: 12px; font-size: 20px; font-weight: 700; line-height: 30px; color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain h3 { margin-top: 16px; margin-bottom: 8px; font-size: 17px; font-weight: 700; line-height: 26px; color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain p { font-size: 15px; line-height: 28px; color: var(--msy-body); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysMain p:empty { display: none; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysForm, :is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysLoginForm form { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormItem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormLabel { font-size: 15px; font-weight: 500; line-height: 24px; color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysRequired { display: inline-block; padding: 1px 8px; background: var(--msy-bronze); color: var(--msy-white); font-size: 11px; font-weight: 500; line-height: 18px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysRequired::before, :is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysRequired::after { content: none; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormLabel .sysRequired { margin-left: 8px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysForm > label:not([class*="sysForm"]) { display: inline-flex; align-items: center; font-size: 15px; line-height: 24px; color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysForm > label + .sysRequired { align-self: flex-start; margin-top: -16px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormField { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 15px; line-height: 24px; color: var(--msy-body); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormField > p { flex: 1 1 100%; margin: 0; font-size: 13px; line-height: 20px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input:not([type]), select, textarea) { width: 100%; max-width: 100%; height: 48px; margin: 0; padding: 0 16px; border: 1px solid var(--msy-line); border-radius: 0; background-color: var(--msy-white); font-family: var(--msy-sans); font-size: 16px; line-height: 24px; color: var(--msy-ink); -webkit-appearance: none; appearance: none; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain select { padding-right: 40px; background: var(--msy-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238A8175' stroke-width='1.3'/%3E%3C/svg%3E") right 16px center / 10px 6px no-repeat; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain textarea { height: auto; min-height: 180px; padding: 12px 16px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain :is(input[type="radio"], input[type="checkbox"]) { width: 18px; height: 18px; margin: 0 6px 0 0; accent-color: var(--msy-green); vertical-align: middle; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormField label { display: inline-flex; align-items: center; font-size: 15px; line-height: 24px; color: var(--msy-body); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysZipcode input { width: 180px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain :is(input[type="submit"], button[type="submit"], input.sysNextSubmit, input.sysLoginButton) { display: block; min-width: 240px; height: 52px; margin: 16px auto 0; padding: 0 32px; border: 0; border-radius: 0; background: var(--msy-green); color: var(--msy-white); font-family: var(--msy-sans); font-size: 15px; font-weight: 500; line-height: 24px; cursor: pointer; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain :is(input[type="button"], button[type="button"], .sysButton:not([type="submit"])) { height: 44px; padding: 0 20px; border: 1px solid var(--msy-muted); border-radius: 0; background: var(--msy-white); color: var(--msy-ink); font-family: var(--msy-sans); font-size: 14px; font-weight: 500; cursor: pointer; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain input[type="submit"].sysButton { background: var(--msy-white); border: 1px solid var(--msy-muted); color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysBirthday .sysFormField { gap: 8px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysBirthday .sysFormField input { flex: 0 0 auto; width: 88px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysBirthday .sysFormField input[name="birth_year"] { width: 112px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysLoginForm > form + form { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--msy-line); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysLoginForm > form + form input.sysButton { display: block; min-width: 240px; height: 52px; margin: 0 auto; border: 1px solid var(--msy-muted); font-size: 15px; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysAutoLoginField { display: flex; align-items: center; font-size: 14px; color: var(--msy-body); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysMemberAgreementFormLabel { display: block; margin: 24px 0 8px; font-size: 15px; font-weight: 500; color: var(--msy-ink); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysMemberAgreement { max-height: 240px; overflow: auto; padding: 16px; border: 1px solid var(--msy-line); background: var(--msy-white); font-size: 13px; line-height: 22px; color: var(--msy-body); }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormItem > input[type="hidden"] { display: none; }
#sysCheckout { font-family: var(--msy-sans); }
body[id=""]:not(.sysCheckoutBody) #sysAll #sysMain { padding: 56px var(--msy-pad) 90px; font-size: 15px; line-height: 28px; color: var(--msy-body); }

@media screen and (max-width: 1211px) {
  .msy-footer__inner { grid-template-columns: 22% 17% 26% 1fr auto; }
  .msy-gnav { display: none; }
  .msy-menu-btn { display: flex; }
  .msy-tools { gap: 12px; }
}

@media screen and (min-width: 751px) and (max-width: 960px) {
  .msy-header__bar { padding-inline: 24px; }
  .msy-hero__copy { max-width: 52%; }
  .msy-hero__copy h1 { font-size: 44px; line-height: 64px; }
  .msy-hero__copy p { font-size: 17px; line-height: 34px; }
  .msy-hero__items { top: 140px; }
  .msy-story__item { height: auto; padding-bottom: 32px; }
  .msy-story__copy h2 { font-size: 23px; line-height: 34px; }
  .msy-story__copy p { font-size: 15px; line-height: 28px; }
  .msy-story__copy p br { display: none; }
  .msy-statement__band { height: auto; padding-block: 20px 22px; }
  .msy-statement p br { display: none; }
  .msy-statement { height: auto; padding-bottom: 20px; }
  .msy-pcard__name { font-size: 15px; line-height: 24px; }
  .msy-media { height: auto; padding-bottom: 32px; }
  .msy-media__grid { gap: 12px; }
  .msy-mcard__name { font-size: 15px; line-height: 24px; }
  .msy-season { height: auto; padding-bottom: 32px; }
  .msy-season__banner { height: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .msy-season__banner > img { height: 100%; min-height: 180px; }
  .msy-season__copy { padding: 20px 20px 24px; }
  .msy-season__copy p { font-size: 18px; line-height: 32px; }
  .msy-season__nav--prev { left: -18px; }
  .msy-season__nav--next { right: -18px; }
  #sysMain:has(.msy-newshead) { grid-template-columns: [full-start] var(--msy-gut) [news-start] minmax(0, 1fr) [news-end] 24px [nl-start] minmax(0, 1fr) [nl-end] var(--msy-gut) [full-end]; }
  .sysFuncInformation.msy-top-news { height: auto; padding-bottom: 32px; }
  .sysFuncInformation.msy-top-news li a { font-size: 13.5px; }
  .sysFuncInformation.msy-top-news time { width: 140px; margin-right: 16px; }
  .msy-newsletter { height: auto; padding: 20px 20px 24px; }
  .msy-newsletter__icon { left: 20px; top: 22px; width: 40px; height: 28px; }
  .msy-newsletter__title { padding-left: 56px; font-size: 18px; }
  .msy-newsletter__lead { padding-left: 0; margin-top: 12px !important; font-size: 14px; white-space: normal; }
  .msy-newsletter__row { grid-template-columns: minmax(0, 1fr) 96px; margin-top: 16px; }
  .msy-member { height: auto; padding-bottom: 32px; }
  .msy-member__band { height: auto; flex-wrap: wrap; padding: 20px 24px 20px 104px; row-gap: 16px; }
  .msy-member__icon { left: 28px; top: 20px; }
  .msy-member__btns { margin: 0; width: 100%; }
  .msy-member__btns .msy-btn, .msy-member__btns .msy-btn--line { width: auto; flex: 1 1 0; padding: 0 16px; }
  .msy-footer__inner { grid-template-columns: 1.3fr 1fr 1.3fr 1fr; row-gap: 20px; }
  .msy-footer__sns { grid-column: 1 / -1; margin-top: 0; }
  .msy-catgrid, :is(#sysItemCategory, #sysItemSearch) .sysItemList > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .msy-ccard { height: auto; min-height: 246px; padding-bottom: 16px; }
  #sysItemDetail .msy-detail-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 32px; min-height: 0; padding-bottom: 32px; }
  #sysItemDetail .sysItemName h1 { font-size: 26px; line-height: 40px; }
  #sysCartInForm { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #sysSubmit .sysCartButton { padding-left: 44px; background-position: 16px center; font-size: 15px; }
  #sysWishlist .sysWishListButton { padding-left: 44px; background-position: 16px center; font-size: 15px; }
  .msy-scard { aspect-ratio: 16 / 9; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList > ul > li { height: auto; min-height: 310px; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysItemName { -webkit-line-clamp: 2; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysRetailPrice { font-size: 14px; line-height: 22px; }
  .msy-story-block { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
  .msy-story-block::before { display: none; }
  .msy-story-block p { grid-column: 1; grid-row: 2; margin-left: 0; }
  #sysItemDetail .msy-related .sysItemBlock > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 750px) {
  .msy-sec__title { font-size: 19px; line-height: 28px; }
  .msy-link { gap: 8px; font-size: 14px; }
  .msy-link--pc { display: none; }
  .msy-link--sp { display: flex; justify-content: flex-end; margin-top: 24px; }
  .msy-btn { height: 52px; padding: 0 24px; gap: 16px; font-size: 15px; }

  .msy-header__bar { height: 72px; padding: 0 20px; align-items: center; }
  .msy-brand { gap: 8.2px; align-items: flex-start; }
  .msy-header .msy-seal { width: 34.8px; height: 38.86px; margin-block: -1.18px; }
  .msy-wordmark { padding-top: 0; }
  .msy-header .msy-wordmark { min-width: 0; }
  .msy-wordmark b { font-size: 22px; line-height: 25.5px; }
  .msy-wordmark small { margin-top: 0.5px; font-size: 8.7px; line-height: 10.4px; letter-spacing: 3.2px; }
  .msy-tools { gap: 0; margin: 0 0 0 auto; }
  .msy-tools { align-self: flex-start; margin-top: 9px; }
  .msy-tool { width: 46px; gap: 8px; padding-top: 0; font-size: 11px; line-height: 15px; }
  .msy-ico { width: 22px; height: 22px; stroke-width: 1.2; }
  .msy-menu-btn { display: flex; }
  .msy-badge { top: -3px; left: calc(50% + 7px); min-width: 15px; height: 15px; padding: 0 3px; font-size: 9px; }
  .msy-footer__inner { display: block; }

  .msy-footer { min-height: 0; padding: 40px 20px 24px; }
  .msy-footer::after { right: -1px; bottom: 32px; width: 75px; height: 111px; }
  .msy-brand--footer { gap: 8.5px; }
  .msy-brand--footer .msy-seal { width: 32.8px; height: 36.63px; margin-top: 5px; }
  .msy-brand--footer .msy-wordmark { padding-top: 3px; }
  .msy-brand--footer .msy-wordmark b { font-size: 22px; line-height: 26.5px; }
  .msy-brand--footer .msy-wordmark small { margin-top: 2px; font-size: 8.58px; line-height: 10.9px; letter-spacing: 3.2px; }
  .msy-footer__tag { margin-top: 20px !important; font-size: 15px; }
  .msy-footer__inner { display: grid; grid-template-columns: minmax(0, 150px) minmax(max-content, 1fr); grid-template-areas: "brand brand" "shop info" "support info" "sns sns"; column-gap: 20px; }
  .msy-footer__brand { grid-area: brand; margin-bottom: 32px; }
  .msy-footer__col--shop { grid-area: shop; }
  .msy-footer__col--info { grid-area: info; }
  .msy-footer__col--support { grid-area: support; margin-top: 28px; }
  .msy-footer__col { gap: 8px; }
  .msy-footer__head { margin-bottom: 0 !important; }
  .msy-footer__col a { white-space: nowrap; }
  .msy-footer__sns { grid-area: sns; justify-content: center; gap: 12px; margin-top: 32px; }
  .msy-sns { width: 44px; height: 44px; border-width: 1px; }
  .msy-sns svg { width: 19.4px; height: 19.4px; stroke-width: 1.2; }
  .msy-sns--fb { font-size: 22.4px; }
  .msy-footer__copy { flex-wrap: wrap; justify-content: center; column-gap: 8px; row-gap: 8px; margin-top: 20px !important; font-size: 11px; line-height: 16px; }
  .msy-footer__c { flex: 1 0 100%; margin-left: 0; text-align: center; }

  .msy-hero { height: 711.4px; padding-inline: 20px; }
  .msy-hero__arcs { width: 84px; height: 108px; }
  .msy-hero__arcs--l { left: 0; top: 150px; }
  .msy-hero__arcs--r { display: none; }
  .msy-hero__copy { top: 36px; width: 100%; max-width: none; }
  .msy-hero__copy h1 { font-size: 38px; line-height: 56px; }
  .msy-hero__copy p { margin-top: 28px; font-size: 15px; line-height: 28px; }
  .msy-hero__cta { top: 296px; width: 213px; height: 46px; padding: 0 24px; gap: 16px; font-size: 15px; }
  .msy-hero__cta .msy-arrow { width: 14px; height: 8.8px; }
  .msy-hero__items { left: 27px; top: 378px; width: 290px; max-width: 100%; }
  .msy-hero__scroll { top: 646px; left: 50%; color: var(--msy-body); letter-spacing: 2.5px; gap: 8px; }
  .msy-hero__scroll svg { stroke: var(--msy-body); }
  .msy-about { height: 264px; padding: 48px 20px; }
  .msy-about h2 { font-size: 24px; line-height: 36px; }
  .msy-about p { margin-top: 20px; font-size: 15px; line-height: 28px; }
  .msy-story__item { display: flex; flex-direction: column; gap: 24px; height: auto; padding: 0 20px 48px; }
  .msy-story__item--1 { height: 472.8px; }
  .msy-story__item--2 { height: 577.7px; padding-top: 48px; }
  .msy-story__item--2 .msy-story__copy { display: contents; }
  .msy-story__item--2 .msy-story__num { order: 1; }
  .msy-story__item--2 .msy-story__copy h2 { order: 2; margin-top: -16px; }
  .msy-story__item--2 .msy-story__img { order: 3; }
  .msy-story__item--2 .msy-story__copy p { order: 4; margin-top: 0; }
  .msy-story__item--1 .msy-story__copy { padding-top: 0; }
  .msy-story__num { font-size: 32px; line-height: 40px; }
  .msy-story__copy h2 { margin-top: 8px; font-size: 22px; line-height: 34px; }
  .msy-story__copy p { margin-top: 8px; font-size: 15px; line-height: 28px; }
  .msy-story__item--2 .msy-story__copy p { line-height: 28px; }
  .msy-story__lattice { left: auto; right: 0; top: 8px; width: 84px; height: 114.24px; }
  .msy-statement { height: 262px; padding: 32px 0; }
  .msy-statement__band { height: 198px; padding: 36px 20px; background: var(--msy-green) url("/img/msy/top/statement-seigaiha-sp.svg") left top / 760px 260px no-repeat; }
  .msy-statement__band::before { display: none; }
  .msy-statement h2 { font-size: 22px; line-height: 34px; }
  .msy-statement p { margin-top: 14px; font-size: 14px; line-height: 26px; }
  .msy-products { padding: 48px 20px; }
  .msy-products__grid { margin-top: 24px; }
  .msy-pcard { display: flex; flex-direction: column; gap: 10px; padding: 10px 10px 12px; border: 1px solid var(--msy-line); border-radius: 4px; background: var(--msy-white); }
  .msy-pcard__img { aspect-ratio: 149 / 108; padding-bottom: 10px; border-bottom: 1px solid var(--msy-line); box-sizing: content-box; }
  .msy-pcard__name { margin-top: 0; font-size: 15px; line-height: 24px; }
  .msy-scenes { padding: 48px 20px; }
  .msy-scenes__grid { margin-top: 24px; }
  .msy-scard { aspect-ratio: auto; height: 164px; border-radius: 4px; }
  .msy-scard::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(31, 48, 41, .90) 0%, rgba(31, 48, 41, .86) 70%, rgba(31, 48, 41, .10) 100%); }
  .msy-scard__txt { z-index: 1; left: 20px; right: 20px; bottom: 20px; color: var(--msy-paper-lt); }
  .msy-scard__txt small { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--msy-on-dark); }
  .msy-scard__name { gap: 12px; font-family: var(--msy-serif); font-size: 22px; font-weight: 500; line-height: 34px; }
  .msy-scard__name .msy-arrow { width: 16px; height: 10px; stroke-width: 1.2; }
  .msy-season { height: 474.4px; padding: 8px 0 56px; }
  .msy-season .msy-sec__title { padding: 0 20px; font-size: 19px; line-height: 28px; }
  .msy-media .msy-sec__title { font-size: 19px; line-height: 28px; }
  .msy-season__wrap { margin-top: 20px; }
  .msy-season__banner { display: block; height: auto; }
  .msy-season__banner > img { width: 100%; height: 140.4px; }
  .msy-season__copy { height: 176px; padding: 24px 20px 28px; }
  .msy-season__copy p { font-size: 18px; line-height: 30px; }
  .msy-season__copy .msy-btn { justify-content: space-between; width: 200px; height: 44px; margin: 20px 0 0; padding: 0 22px; }
  .msy-season__nav { top: auto; bottom: -46px; width: 10px; height: 20px; transform: none; }
  .msy-season__nav svg { width: 10px; height: 20px; }
  .msy-season__nav--prev { left: 109px; }
  .msy-season__nav--next { right: 109px; }
  .msy-season__dots { margin-top: 27px; }
  .msy-media { height: auto; padding: 48px 20px; }
  .msy-media__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
  .msy-mcard { display: flex; flex-direction: column; gap: 8px; }
  .msy-mcard__img { aspect-ratio: auto; height: 150px; border: 1px solid var(--msy-line); border-radius: 4px; }
  .msy-mcard__name { margin-top: 0; font-size: 15px; line-height: 24px; }
  .msy-media__note { margin-top: 24px !important; padding: 12px 16px; font-size: 12px; line-height: 19px; }
  #sysMain:has(.msy-newshead) { display: block; }
  .msy-newshead { padding: 48px 20px 0; }
  .msy-newshead .msy-sec__title { margin-top: 0; }
  .msy-newshead .msy-link { margin-top: 4px; gap: 10px; font-size: 14px; }
  .sysFuncInformation.msy-top-news { height: auto; padding: 0 20px; }
  .sysFuncInformation.msy-top-news nav ul { margin-top: 16px; }
  .sysFuncInformation.msy-top-news li a { height: auto; min-height: 80px; padding: 14px 0; white-space: normal; line-height: 22px; border-bottom: 1px solid var(--msy-line); }
  .sysFuncInformation.msy-top-news li:last-child a { border-bottom: 0; }
  .sysFuncInformation.msy-top-news time { display: block; width: auto; margin: 0 0 8px; font-size: 13px; line-height: 20px; }
  .msy-top-newsletter { padding: 48px 20px 48px; }
  .msy-newsletter { height: auto; margin-top: 0; padding: 24px 16px; }
  .msy-newsletter__icon { left: 16px; top: 24px; width: 39px; height: 28px; stroke-width: 1.15; }
  .msy-newsletter__title { min-height: 28px; padding-left: 51px; font-size: 18px; line-height: 28px; }
  .msy-newsletter__lead { padding-left: 0; margin-top: 16px !important; font-size: 13.5px; line-height: 22px; white-space: normal; }
  .msy-newsletter__row { grid-template-columns: minmax(0, 1fr) 110px; column-gap: 8px; margin-top: 16px; }
  .msy-newsletter input[type="email"], .msy-newsletter button { height: 48px; }
  .msy-newsletter input[type="email"] { padding: 0 16px; }
  .msy-member { height: 345.6px; padding: 0 20px 48px; }
  .msy-member__band { flex-direction: column; align-items: center; height: 297.6px; padding: 28px 20px; text-align: center; }
  .msy-member__icon { position: static; width: 33px; height: 40px; stroke-width: 0.9; }
  .msy-member__text h2 { margin-top: 12px; font-size: 18px; line-height: 28px; }
  .msy-member__text p { margin-top: 6px; font-size: 14.5px; line-height: 22px; }
  .msy-member__btns { flex-direction: column; gap: 10px; width: 100%; margin: 20px 0 0; }
  .msy-member__btns .msy-btn, .msy-member__btns .msy-btn--line { width: 100%; height: 52px; font-size: 15px; }

  .msy-lower { padding: 15px 20px 64px; }
  .msy-lower--list { padding-bottom: 0; }
  .msy-crumb { font-size: 12px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .msy-crumb__sep { margin: 0 8px; }
  .msy-eyebrow { margin-top: 26px !important; font-size: 11px; line-height: 13px; letter-spacing: 2.1px; }
  .msy-title { margin-top: 10px !important; font-size: 31px; line-height: 45px; }
  .msy-lead { margin-top: 12px !important; font-size: 15px; line-height: 28px; }
  .msy-catgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
  .msy-ccard { height: auto; min-height: 226px; }
  .msy-ccard__img { height: 112px; }
  .msy-ccard__body { padding: 14px 12px 15px; }
  .msy-ccard__name { font-size: 15px; line-height: 22px; }
  .msy-ccard__desc { margin-top: 6px; font-size: 13px; line-height: 21px; }
  .msy-sitemap { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 26px; }

  :is(#sysItemCategory, #sysItemSearch) #sysMain { padding-bottom: 64px; }
  #sysItemCategory .sysItemCategoryForm { float: none; margin-top: 22px; }
  #sysItemCategory .sysItemListDisp { float: none; margin-top: 12px; text-align: right; }
  #sysItemCategory .sysItemCategoryCtl { gap: 2px 14px; min-height: 44px; padding: 9px 12px; font-size: 14px; line-height: 22px; }
  #sysItemCategory .sysItemListDisp { padding-top: 12px; }
  :is(#sysItemCategory, #sysItemSearch) #displayCount { font-size: 13px; line-height: 20px; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList { padding-top: 12px; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList > ul > li { height: auto; min-height: 0; padding: 0 10px 13px; }
  :is(#sysItemCategory, #sysItemSearch) .sysThumbnailImage { margin: 0 -10px; height: 145px; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysItemName { margin-top: 12px; font-size: 15px; line-height: 24px; -webkit-line-clamp: 2; }
  :is(#sysItemCategory, #sysItemSearch) .sysItemList .sysRetailPrice { font-size: 12px; line-height: 20px; }
  body:not([data-member-login="true"]):is(#sysItemCategory, #sysItemSearch) .sysItemList > ul > li::after { margin-top: 6px; font-size: 12px; line-height: 18px; }
  :is(#sysItemCategory, #sysItemSearch) .sysPagination { margin-top: 28px; }
  :is(#sysItemCategory, #sysItemSearch) .sysPagination ul { gap: 7px; }
  :is(#sysItemCategory, #sysItemSearch) .sysPagination li a { width: 38px; height: 38px; font-size: 13px; }
  :is(#sysItemCategory, #sysItemSearch) .sysPagination ul:has(> li:first-child > a.sysCurrent)::before { width: 38px; height: 38px; font-size: 13px; }

  #sysItemDetail #sysMain { padding: 0 20px; }
  #sysItemDetail .sysCategoryPankuzu { height: auto; padding-top: 15px; font-size: 12px; line-height: 18px; }
  .msy-crumb-sep { margin: 0 8px; }
  #sysItemDetail .sysCategoryPankuzu > .msy-crumb-sep:nth-last-child(2), #sysItemDetail .sysCategoryPankuzu > span:last-child { display: none; }
  #sysItemDetail .msy-detail-top { display: block; padding-top: 20px; min-height: 0; }
  #sysItemDetail .sysMainImage { aspect-ratio: auto; height: 330px; }
  #sysItemDetail .sysImageList { gap: 7px; margin-top: 9px; }
  #sysItemDetail .sysItemImages .sysImageList li { aspect-ratio: auto; height: 62px; }
  .msy-gal-btn { width: 36px; height: 36px; margin-top: -18px; }
  .msy-gal-btn--prev { left: 10px; }
  .msy-gal-btn--next { right: 10px; }
  .msy-detail-meta { margin-top: 26px !important; font-size: 12px; line-height: 18px; }
  .msy-detail-meta span { margin: 0 8px; }
  #sysItemDetail .sysItemName h1 { margin-top: 8px; font-size: 25px; line-height: 38px; }
  #sysItemDetail .msy-detail-info .sysDescription { margin-top: 13px; }
  #sysItemDetail .msy-detail-info .sysDescription .msy-catch { font-size: 15px; line-height: 26px; }
  #sysItemDetail .msy-detail-info .sysDescription p + p { margin-top: 13px; }
  #sysItemDetail .msy-detail-info .sysRetailPrice { column-gap: 10px; min-height: 0; margin-top: 18px; padding: 16px; }
  #sysItemDetail .msy-detail-info .sysRetailPrice > span:first-child { font-size: 13px; }
  #sysItemDetail .msy-detail-info .sysRetailPriceValue { font-size: 25px; line-height: 36px; margin-top: 0; }
  .msy-tax { margin-left: 10px; font-size: 13px; }
  body:not([data-member-login="true"]) .msy-detail-info .sysRetailPrice::after { margin-top: 6px; font-size: 12px; line-height: 18px; }
  #sysItemDetail .msy-detail-info .sysForm { margin-top: 16px; }
  #sysItemDetail .msy-detail-info .sysForm::after { margin: 11px 0 30px; font-size: 12px; line-height: 18px; }
  #sysCartInForm { grid-template-columns: minmax(0, 1fr) 74px; column-gap: 8px; row-gap: 16px; }
  #sysNumber { gap: 16px; font-size: 15px; }
  #sysNumber select { width: 64px; }
  #sysSubmit .sysCartButton { height: 54px; padding: 0; text-align: center; background-position: calc(50% - 64px) center; font-size: 15px; }
  #sysWishlist .sysWishListButton { height: 54px; padding: 0; font-size: 0; color: transparent; background-position: center; background-size: 22px 20px; }
  .msy-tabbar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; height: auto; margin: 0 -20px; padding-top: 0; }
  .msy-tabbar button { height: 46px; font-size: 14px; line-height: 46px; }
  #sysItemDetail .sysExplanation { padding: 30px 0 8px; }
  .msy-story-block { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
  .msy-story-block::before { display: none; }
  .msy-story-block h2 { font-size: 27px; font-weight: 500; line-height: 44px; color: var(--msy-ink); }
  .msy-story-block p { grid-column: 1; grid-row: 2; margin: 0; font-size: 15px; line-height: 28px; }
  .msy-story-block p br { display: none; }
  #sysItemDetail #sysMain > .sysFuncItemBlock.msy-related { padding-bottom: 64px; }
  #sysItemDetail .msy-related :is(.sysHeadline h2, h2.sysHeadline) { margin-top: 30px; font-size: 18px; line-height: 27px; }
  #sysItemDetail .msy-related .sysItemBlock > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  #sysItemDetail .msy-related .sysItemBlock > ul > li { min-height: 0; padding-bottom: 0; }
  #sysItemDetail .msy-related .sysItemBlock > ul > li::after { display: none; }
  #sysItemDetail .msy-related .sysItemImage { aspect-ratio: auto; height: 132px; }
  #sysItemDetail .msy-related .sysItemName { margin-top: 8px; min-height: 0; font-size: 15px; line-height: 24px; }
  #sysItemDetail .msy-related .sysItemPrice { font-size: 14px; line-height: 22px; }
}
@media screen and (max-width: 389px) {
  .msy-hero__items { left: 50%; transform: translateX(-50%); }
}
@media screen and (max-width: 750px) {
  #sysItemSearch #sysMain > h2 { margin-top: 26px; font-size: 31px; line-height: 45px; }
  #sysItemSearch .sysItemSearchForm { padding: 16px; }
  #sysMain > .sysFuncText:is(.text-page, .msy-terms-page, .msy-rental-terms-page), :is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination) #sysAll #sysMain { padding: 26px 20px 64px; }
  body[id=""]:not(.sysCheckoutBody) #sysAll #sysMain { padding: 26px 20px 64px; }
  #sysMain h1.title-medium-sub { margin-bottom: 28px; font-size: 31px; line-height: 45px; }
  #sysMain h1.title-medium-sub span { font-size: 11px; line-height: 13px; letter-spacing: 2.1px; }
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) .title-small-underline { margin-top: 36px; font-size: 18px; line-height: 27px; }
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) dl { grid-template-columns: minmax(0, 1fr); }
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) dt { padding: 14px 0 0; border-bottom: 0; }
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) dd { padding: 4px 0 14px; }
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) th, :is(.text-page, .msy-terms-page, .msy-rental-terms-page) td { padding: 10px 12px; font-size: 14px; line-height: 24px; }
}

:is(.msy-news-page, .msy-news-list) > .sysContent { padding: 0; }
.msy-lower--news { padding-bottom: 0; }
.msy-news-empty { display: none; }
#sysMain:not(:has(.msy-news-list li)) .msy-news-empty { display: block; margin: 40px 0 90px; padding: 24px 0; border-top: 1px solid var(--msy-line); border-bottom: 1px solid var(--msy-line); font-size: 15px; line-height: 28px; color: var(--msy-body); }
.sysFuncInformation.msy-news-list { padding: 0 var(--msy-pad) 90px; }
.sysFuncInformation.msy-news-list:not(:has(li)) { display: none; }
.sysFuncInformation.msy-news-list nav ul { margin: 40px 0 0; padding: 0; border-top: 1px solid var(--msy-line); }
.sysFuncInformation.msy-news-list li { list-style: none; border-bottom: 1px solid var(--msy-line); }
.sysFuncInformation.msy-news-list li a { display: grid; grid-template-columns: 184px minmax(0, 1fr); column-gap: 32px; align-items: baseline; padding: 20px 0; overflow: visible; white-space: normal; text-overflow: clip; font-size: 15px; line-height: 26px; color: var(--msy-ink); }
.sysFuncInformation.msy-news-list li a:hover, .sysFuncInformation.msy-news-list li a:focus-visible { color: var(--msy-green); text-decoration: underline; text-underline-offset: 4px; }
.sysFuncInformation.msy-news-list time { font-size: 14.5px; line-height: 22px; font-variant-numeric: tabular-nums; color: var(--msy-body); }
.sysFuncInformation.msy-news-list li a br { display: none; }
@media screen and (max-width: 750px) {
  #sysMain:not(:has(.msy-news-list li)) .msy-news-empty { margin: 28px 0 64px; padding: 20px 0; }
  .sysFuncInformation.msy-news-list { padding: 0 20px 64px; }
  .sysFuncInformation.msy-news-list nav ul { margin-top: 28px; }
  .sysFuncInformation.msy-news-list li a { display: block; padding: 16px 0; }
  .sysFuncInformation.msy-news-list time { display: block; margin-bottom: 4px; font-size: 13px; line-height: 20px; }
}

#sysItemDetail .msy-related:not(:has(li[data-item-id])) { display: none; }
#sysItemDetail #sysExplanation :is(ul, ol) { padding-left: 1.5em; }
#sysItemDetail #sysExplanation ul > li { list-style: disc; }
#sysItemDetail #sysExplanation ol > li { list-style: decimal; }
#sysItemDetail #sysExplanation :is(h2, h3, h4)[style*="color"] { color: var(--msy-green) !important; }
#sysItemDetail #sysExplanation :is(h2, h3, h4)[style*="background"] { background: var(--msy-sink) !important; }
#sysItemDetail #sysExplanation :is(h2, h3, h4)[style*="border-left"] { border-left-color: var(--msy-bronze) !important; }
.msy-per-month { display: inline-block; font-size: 15px; font-weight: 400; line-height: 20px; vertical-align: middle; color: var(--msy-body); }
#msy-about { scroll-margin-top: 32px; }
@media screen and (max-width: 750px) {
  .msy-per-month { font-size: 13px; }
}
@media screen and (min-width: 961px) {
  .msy-member { height: auto; min-height: 103px; }
  .msy-member__band { height: auto; min-height: 97.8px; padding-bottom: 14px; }
}
.sysFuncInformation.msy-top-news ul:not(:has(li))::before { content: "現在お知らせはありません。"; display: block; padding: 0 0 0 4px; font-size: 14.5px; line-height: 30.75px; color: var(--msy-body); }
@media screen and (min-width: 751px) and (max-width: 960px) {
  .sysFuncInformation.msy-top-news ul:not(:has(li))::before { font-size: 13.5px; }
}
@media screen and (max-width: 750px) {
  .sysFuncInformation.msy-top-news ul:not(:has(li))::before { padding: 14px 0; line-height: 22px; }
}
:is(#sysItemCategory, #sysItemSearch) .sysItemList:not(:has(li)) { margin: 40px 0 90px; padding: 24px 0; border-top: 1px solid var(--msy-line); border-bottom: 1px solid var(--msy-line); font-size: 15px; line-height: 28px; color: var(--msy-body); }
#sysItemCategory #sysMain:has(.sysItemList):not(:has(.sysItemList li)) .sysItemCategoryForm { display: none; }
@media screen and (max-width: 750px) {
  :is(#sysItemCategory, #sysItemSearch) .sysItemList:not(:has(li)) { margin: 28px 0 64px; padding: 20px 0; }
}
body:not(#maintenance) > #sysAll { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
body:not(#maintenance) > #sysAll > #sysWrap { flex: 1 0 auto; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) .company-container .txt-container > .txt-container-box:first-child > .title-small-underline { margin-top: 48px; }
:is(.text-page, .msy-terms-page, .msy-rental-terms-page) .title-small-underline + dl { border-top: 0; }
:is([id^="sysMember"], [id^="sysMypage"], [id^="sysForm"], [id^="sysItemReview"], #sysDestination, #sysItemSearch) #sysMain .sysFormField label label { margin-left: 16px; }
.sysCheckoutBody { --sys-color-primary: var(--msy-green); --sys-color-primary-active: var(--msy-sink); --sys-color-primary-button: var(--msy-green); --sys-color-primary-button-active: var(--msy-sink); --sys-color-foreground-1: var(--msy-ink); --sys-color-foreground-2: var(--msy-body); --sys-color-foreground-3: var(--msy-muted); --sys-color-tertiary: var(--msy-sink); --sys-color-tertiary-foreground: var(--msy-ink); --sys-color-border: var(--msy-line); }
@media screen and (max-width: 750px) {
  :is(.text-page, .msy-terms-page, .msy-rental-terms-page) .company-container .txt-container > .txt-container-box:first-child > .title-small-underline { margin-top: 36px; }
  .msy-crumb a { display: inline-block; padding: 6px 0; margin: -6px 0; }
  #sysItemCategory .sysItemCategoryCtl a { padding: 4px 0; margin: -4px 0; }
}
@media screen and (max-width: 389px) {
  .msy-footer__col a { font-size: 13px; }
}
@media screen and (max-width: 359px) {
  .msy-newsletter__title { font-size: 16px; }
  .msy-newsletter__row { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
}
:is(.msy-link, .msy-hero__cta, .msy-scard__name) .msy-arrow { display: none; }
.msy-link { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; text-decoration-color: var(--msy-muted); }
.msy-link:is(:hover, :focus-visible) { color: var(--msy-green); text-decoration-color: currentColor; }
@media screen and (max-width: 750px) {
  .msy-statement p { text-wrap: pretty; }
}
.msy-ccard[href="/ic/rental"] .msy-ccard__img img { object-position: 50% 20%; }
:root { --msy-hh: 92px; }
html { scroll-padding-top: var(--msy-hh); }
body:not(#maintenance):not(.sysCheckoutBody) > #sysAll > #sysHeader { position: sticky; top: 0; z-index: 60; }
.msy-spmenu { min-height: calc(100vh - var(--msy-hh)); max-height: calc(100vh - var(--msy-hh)); max-height: calc(100dvh - var(--msy-hh)); }
@media screen and (max-width: 750px) {
  :root { --msy-hh: 73px; }
  :is(.msy-hero__copy, .msy-about, .msy-story__copy, .msy-statement) br { display: none; }
  .msy-hero__copy h1 { text-wrap: balance; }
  :is(.msy-hero__copy, .msy-about, .msy-story__copy) p { text-wrap: pretty; }
  :is(.msy-pcard__name, .msy-pcard__sub) { text-wrap: balance; }
}
.msy-pcard__sub { display: block; }
.msy-rail .msy-sec__row { align-items: center; }
.msy-sec__tools { display: flex; align-items: center; gap: 24px; }
.msy-scenes .msy-sec__tools .msy-link--pc { margin-top: 0; }
.msy-rail__track { --msy-rail-n: 4; --msy-rail-gap: 24px; display: flex; gap: var(--msy-rail-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding-bottom: 14px; scrollbar-width: thin; scrollbar-color: var(--msy-bronze) var(--msy-line); }
.msy-rail__track::-webkit-scrollbar { height: 4px; }
.msy-rail__track::-webkit-scrollbar-track { background: var(--msy-line); }
.msy-rail__track::-webkit-scrollbar-thumb { background: var(--msy-bronze); }
.msy-rail__track > * { flex: 0 0 calc((100% - var(--msy-rail-gap) * (var(--msy-rail-n) - 1)) / var(--msy-rail-n)); min-width: 0; scroll-snap-align: start; }
.msy-rail__nav { display: none; gap: 8px; flex: 0 0 auto; }
.msy-js .msy-rail__nav { display: flex; }
.msy-rail__btn { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--msy-bronze); border-radius: 50%; background: var(--msy-paper-lt); color: var(--msy-ink); cursor: pointer; }
.msy-rail__btn svg { display: block; width: 7px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; }
.msy-rail__btn:not([aria-disabled="true"]):is(:hover, :focus-visible) { border-color: var(--msy-green); background: var(--msy-green); color: var(--msy-paper-lt); }
.msy-rail__btn:focus-visible { outline: 2px solid var(--msy-bronze); outline-offset: 2px; }
.msy-rail__btn[aria-disabled="true"] { border-color: var(--msy-line); background: transparent; color: var(--msy-muted); cursor: default; }
@media (prefers-reduced-motion: no-preference) {
  .msy-rail__track { scroll-behavior: smooth; }
}
@media screen and (min-width: 751px) and (max-width: 960px) {
  .msy-products__grid { --msy-rail-n: 3; --msy-rail-gap: 16px; }
  .msy-scenes__grid { --msy-rail-n: 2; --msy-rail-gap: 16px; }
}
@media screen and (max-width: 750px) {
  .msy-rail__track { --msy-rail-gap: 12px; margin-inline: -20px; padding-inline: 20px; padding-bottom: 4px; scroll-padding-inline: 20px; }
  .msy-products__grid > * { flex-basis: 68%; }
  .msy-scenes__grid > * { flex-basis: 78%; }
  .msy-js .msy-rail__nav { display: none; }
}
.msy-hero__i4 { left: 71.446%; top: 43.55%; width: 23.483%; }
@media screen and (min-width: 751px) {
  .msy-hero__items:not(.msy-hero__items--wine) .msy-hero__i1 { left: 15.437%; top: 53.45%; width: 6.167%; }
  .msy-hero__items:not(.msy-hero__items--wine) .msy-hero__i6 { left: 20.16%; top: 60.875%; width: 5.365%; }
  .msy-hero__items:not(.msy-hero__items--wine) .msy-hero__i2 { left: 27.13%; top: -6.675%; width: 44.278%; }
  .msy-hero__items:not(.msy-hero__items--wine) .msy-hero__i5 { left: 28.2%; top: 77.475%; width: 9.215%; }
  .msy-hero__items:not(.msy-hero__items--wine) .msy-hero__i3 { left: 66.774%; top: 43.95%; width: 28.054%; }
  .msy-hero__copy, .msy-hero__cta { left: 6.25%; }
}
@media screen and (min-width: 751px) {
  .msy-hero { --msy-fu: clamp(1px, min(calc(100vw / 1309), calc((100vh - 215px) / 421)), 1.3px); --msy-fvh: max(577px, calc(100vh - 91px)); display: flex; flex-direction: column; justify-content: center; height: var(--msy-fvh); padding-inline: max(var(--msy-gut), calc((100% - 1200 * var(--msy-fu)) / 2)); }
  .msy-hero__inner { flex: none; height: calc(577 * var(--msy-fu)); }
  .msy-hero__arcs--l { top: calc((var(--msy-fvh) - 577 * var(--msy-fu)) / 2 + 291 * var(--msy-fu)); }
  .msy-hero__arcs--r { top: calc((var(--msy-fvh) - 577 * var(--msy-fu)) / 2 + 106 * var(--msy-fu)); }
  .msy-hero__scroll { top: calc((var(--msy-fvh) + 577 * var(--msy-fu)) / 2 - 46px); }
}
@media screen and (min-width: 961px) {
  .msy-hero__copy { top: calc(120 * var(--msy-fu)); width: calc(560 * var(--msy-fu)); }
  .msy-hero__copy h1 { font-size: calc(54 * var(--msy-fu)); line-height: calc(78 * var(--msy-fu)); }
  .msy-hero__copy p { margin-top: calc(21 * var(--msy-fu)); font-size: calc(20 * var(--msy-fu)); line-height: calc(40 * var(--msy-fu)); }
  .msy-hero__cta { top: calc(448 * var(--msy-fu)); width: calc(242.2 * var(--msy-fu)); height: calc(50.6 * var(--msy-fu)); padding: 0 calc(32 * var(--msy-fu)); font-size: calc(16 * var(--msy-fu)); }
  .msy-hero__items { top: calc(99 * var(--msy-fu)); }
}
@media screen and (min-width: 751px) and (max-width: 960px) {
  .msy-hero__inner { margin-top: -42px; }
  .msy-hero__scroll { top: calc((var(--msy-fvh) + 577px) / 2 - 25px); }
  .msy-hero__inner:has(> .msy-hero__items--wine) > :is(.msy-hero__copy, .msy-hero__cta) { left: 0; }
}
#sysSubmit .sysCartButton[data-msy-soldout] { padding: 0; border: 1px solid var(--msy-muted); background: var(--msy-sink); color: var(--msy-body); text-align: center; letter-spacing: .1em; opacity: 1 !important; cursor: default !important; }
#sysCartInForm.msy-soldout > #sysNumber { display: none; }
#sysItemDetail .sysFormVariationTable .msy-soldout-cell { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 500; line-height: 20px; color: var(--msy-body); }
.msy-soldout-tag { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 4px 12px; background: var(--msy-green); color: var(--msy-paper-lt); font-family: var(--msy-sans); font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: .1em; text-align: left; pointer-events: none; }
@media screen and (max-width: 750px) {
  .msy-soldout-tag { top: 8px; left: 8px; padding: 2px 8px; font-size: 12px; line-height: 18px; }
}
.msy-age-field { margin-top: 20px; }
.msy-age-field .msy-age-label { font-weight: 500; line-height: 1.45; color: var(--msy-ink); }
.msy-age-input { box-sizing: border-box; display: block; width: 120px; max-width: 100%; height: 44px; margin: 8px 0 0; padding: 0 12px; border: 1px solid var(--msy-line); border-radius: 0; background: var(--msy-white); font-family: var(--msy-sans); font-size: 16px; line-height: 24px; color: var(--msy-ink); }
.msy-age-input[aria-invalid="true"] { border-color: var(--msy-bronze); }
.msy-age-msg { display: block; margin-top: 8px; padding-left: 10px; border-left: 2px solid var(--msy-bronze); font-size: 13px; line-height: 20px; color: var(--msy-ink); }
.msy-age-msg[hidden] { display: none; }
.msy-age-note { margin: 4px 0 0; font-weight: 500; line-height: 1.5; color: var(--msy-ink); }
#sysItemDetail .msy-related .msy-age-note { padding-right: 52px; }
@media screen and (max-width:750px){

}
@media screen and (min-width:751px) and (max-width:960px){

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

}
/* #END_OF_RESOURCE_FILE */