@charset "UTF-8";
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

ul,
ol {
  list-style: none;
}

img {
  vertical-align: bottom;
}

:root {
  --color-primary: #1A97CF;
  --color-primary2: #A5D4FF;
  --color-text: #868686;
  --color-text2:#fff;
  --color-text3:#1a97cf;
  --color-text4:#2ba4d3;
  --ff-main: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --ff-eg: "Playfair", serif;
  --ff-title: "Shippori Mincho B1", serif;
  --ff-sp: "Times New Roman", serif;
  --inner-s: 34.375rem;
  --inner-l: 50rem;
  --inner-xl: 67.5rem;
  --padding-s: 1.875rem;
  --padding: 2.5rem;
  --header: 4rem;
  --ease-time: 0.3s;
  --ease-type: ease;
  --break-xxl: 1399.98px;
  --break-xl: 1079.98px;
  --break-l: 991.98px;
  --break-m: 767.98px;
  --break-s: 575.98px;
}

html:has(body[data-page=storelist]) {
  scroll-behavior: smooth;
  scroll-padding-top: 4rem;
}

body {
  font-family: var(--ff-main);
  color: var(--color-text);
  position: relative;
}
body :lang(en) {
  font-family: var(--ff-eg);
}

a {
  text-decoration: none;
  color: inherit;
}

summary {
  list-style-type: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

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

.c-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  font-family: var(--ff-eg);
  font-size: 1.5rem;
  line-height: 1;
  padding: 16px;
  border-radius: 133px;
  background-color: #fff;
  color: var(--color-text4);
  gap: 10px;
  font-size: 18px;
  line-height: 1;
}

.c-btn__arrow {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 1.5625rem;
}

.c-btn--gradation {
  color: var(--color-text2);
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%);
}

.c-btn--store {
  color: var(--color-text2);
  background: linear-gradient(92deg, #D7ECF7 0%, #39A1DB 100%);
}

.c-btn--gradationThin {
  color: var(--color-text3);
  background: linear-gradient(92deg, #d7ecf7 0%, #fff 50%, #d7ecf7 100%);
}

.c-title {
  font-family: var(--ff-title);
  font-weight: 500;
  font-size: 2rem;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%) text;
  color: transparent;
  text-align: center;
}

.c-title--page {
  font-size: 2.625rem;
  font-size: clamp(1.5rem, 0.9015957447rem + 2.5531914894vw, 2.625rem);
}

.c-title--deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-title__text {
  font-size: inherit;
  line-height: 1;
  font-weight: inherit;
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%) text;
  color: transparent;
}

.c-toggle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  position: relative;
  z-index: 101;
}

.c-toggle__line {
  background-color: #868686;
  border-radius: 6.25rem;
  height: 0.0625rem;
  -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.c-toggle__line:nth-child(1) {
  width: 1.25rem;
}
.c-toggle__line:nth-child(2) {
  width: 1rem;
}
.c-toggle__line:nth-child(3) {
  width: 1.125rem;
}
.add-active .c-toggle__line:nth-child(1) {
  width: 1.25rem;
  -webkit-transform: rotate(24deg) translateY(0.25rem);
          transform: rotate(24deg) translateY(0.25rem);
}
.add-active .c-toggle__line:nth-child(2) {
  opacity: 0;
}
.add-active .c-toggle__line:nth-child(3) {
  width: 1.25rem;
  -webkit-transform: rotate(-24deg) translateY(-0.4375rem);
          transform: rotate(-24deg) translateY(-0.4375rem);
}

.l-inner {
  width: 100%;
  padding-inline: var(--padding);
  margin-inline: auto;
  position: relative;
}

.l-fixBg {
  width: 100vw;
  height: 100dvh;
  position: fixed;
  inset: 0;
  padding: 4rem 1.25rem;
  background: transparent url(../images/top/bg.webp) no-repeat center center/cover;
  z-index: 0;
}
.l-fixBg[data-bg=top] {
  background-image: url(../images/top/bg.webp);
}
.l-fixBg[data-bg=product] {
  background-image: url(../images/product/bg.webp);
}
.l-fixBg[data-bg=dayglow] {
  background-image: url(../images/dayglow/bg.webp);
}
.l-fixBg[data-bg=starflare] {
  background-image: url(../images/starflare/bg.webp);
}
.l-fixBg[data-bg=iconic] {
  background-image: url(../images/iconic/bg.webp);
}

.l-fixBg__inner {
  width: min(100%, 1320px);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.l-footer {
  padding-block: 5rem 1.25rem;
  position: relative;
  background: transparent url(../images/common/bg-footer.webp) no-repeat center center/cover;
}

.l-footer__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2em;
}

.l-footer__navLink {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.l-footer__copyright {
  margin-top: 4rem;
  text-align: center;
  font-size: 0.75rem;
  color: var(--color-text3);
}

.l-header {
  display: none;
}

.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: inherit;
}

.l-header__logo {
  width: 5.875rem;
  aspect-ratio: 94/24;
}

.l-header__logoLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.l-header__right {
  display: grid;
  grid-template-columns: 4.5rem 4.8125rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

.l-header__sns {
  display: grid;
  grid-template-columns: repeat(3, 1rem);
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-header__snsLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.l-header__snsLink img {
  width: 100%;
}

.l-header__shop {
  padding: 0.375rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: var(--color-text2);
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%);
  border-radius: 62.5rem;
  border: 1px solid #FFF;
  font-size: 0.8125rem;
  font-family: var(--ff-eg);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-header__drawer {
  position: fixed;
  inset: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  background: transparent url(../images/common/bg-drawer.webp) no-repeat center center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100dvh;
  width: 100%;
  padding: 12.5rem 1.875rem 4rem;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
.add-active .l-header__drawer {
  opacity: 1;
  visibility: visible;
}

.l-header__drawerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.l-header__drawerItem {
  padding: 0.5rem;
  font-size: 1.5rem;
  font-family: var(--ff-title);
}

.l-header__drawerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #38A0DA;
  font-family: var(--ff-title);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  font-size: 1.125rem;
}

.l-header__drawerBar {
  width: 1rem;
  height: 0.0625rem;
  background-color: #38a0da;
}

.l-header__drawerUnder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.5rem;
}

.l-header__drawerUnderLink {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  font-family: var(--ff-title);
}

.l-header__drawerShop {
  padding: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-active .l-header__drawerShop {
  display: none;
}
.add-shopActive .l-header__drawerShop {
  opacity: 1;
  visibility: visible;
}

.l-header__drawerShopList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.l-header__close {
  font-family: var(-ff-title);
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  margin-top: 3rem;
}

.l-main {
  overflow: hidden;
  width: min(46.2963vw, 500px);
  margin-inline: auto;
  margin-block: 4rem;
  background-color: #fff;
  border-radius: 2rem;
  z-index: 1;
  position: relative;
}

.p-attention {
  margin-top: 4rem;
  padding-bottom: 4rem;
}

.p-attention__contents {
  border-radius: 0.5rem;
  border: 1px solid #1A97CF;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  color: var(--color-text3);
}

.p-attention__head {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
}

.p-attention__list {
  padding-left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-attention__item {
  line-height: 2;
  position: relative;
}
.p-attention__item::before {
  content: "・";
  position: absolute;
  top: 0;
  left: -1.25rem;
}

.p-banner {
  margin-top: -0.0625rem;
}

.p-banner__img img {
  width: 100%;
}

.p-feature {
  padding-top: 4rem;
}

.p-feature__contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2rem;
}

.p-feature__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 1rem;
  padding: 1.25rem;
}
.p-feature__item:nth-child(odd) {
  border-right: 1px dashed #868686;
}
.p-feature__item:nth-child(-n+4) {
  border-bottom: 1px dashed #868686;
}

.p-feature__icon {
  text-align: center;
  justify-self: center;
}

.p-feature__head {
  text-align: center;
  color: var(--color-text3);
  font-size: 1.125rem;
  font-weight: 500;
}

.p-feature__text {
  line-height: 1.4;
}

.p-feature__attention {
  font-size: 0.6875rem;
  line-height: 1.4;
}

.p-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.6875rem;
}

.p-left__logoLink {
  display: block;
}

.p-left__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.p-left__navListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
}

.p-left__navLink {
  font-family: var(--ff-title);
  font-weight: 500;
}

.p-left__bar {
  width: 1rem;
  height: 0.0625rem;
  background-color: #38a0da;
}

.p-left__subList {
  margin-top: 0.5rem;
}

.p-left__navLink--sub {
  color: #38A0DA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--ff-title);
  padding: 0.375rem 0.5rem;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.p-left__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: var(--ff-title);
}
[open] .p-left__summary svg {
  rotate: 180deg;
}

.p-left__summaryList {
  margin-top: 0.5rem;
}

.p-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 0.375rem;
}

.p-name__jp {
  font-family: var(--ff-title);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.p-name__en {
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 400;
}

.p-right {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding-right: 0.5rem;
  width: clamp(11.25rem, 8.89rem + 10.07vw, 15.688rem);
}

.p-right__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.5rem;
}

.p-right__snsLink {
  display: block;
}

.p-right__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-right__navLink {
  font-size: 0.75rem;
  font-family: var(--ff-eg);
}

.p-shop {
  margin-top: 4rem;
}

.p-shop__contents {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.p-shop__details {
  background: linear-gradient(92deg, #d7ecf7 0%, #fff 50%, #d7ecf7 100%);
  border-radius: 100px;
}
.p-shop__details[open] {
  border-radius: 16px;
  padding: 0 0.875rem 0.875rem 0.875rem;
}

.p-shop__summary {
  padding: 1.125rem;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  color: var(--color-text3);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-family: var(--ff-eg);
}

.p-shop__arrow {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 1.25rem;
}
[open] .p-shop__arrow {
  rotate: 180deg;
  right: 0.5rem;
}

.p-shop__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.p-shop__link {
  width: auto;
  border: 1px solid #38A0DA;
}

.nf-main {
  padding-block: 7.5rem 5rem;
  display: grid;
  gap: 2rem;
}

.nf-main__text {
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: center;
}

.nf-main__contents {
  display: grid;
  gap: 2rem;
}

.co-main {
  padding-block: 7.5rem 5rem;
}

.co-main__contents {
  margin-top: 2.5rem;
}

.co-main__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.co-main__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #D9D9D9;
}

.co-main__label {
  color: var(--color-text3);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
}

.co-main__data {
  font-size: 0.8125rem;
  line-height: 1.6;
}

.pp-main {
  padding-block: 7.5rem 5rem;
}

.pp-main__contents {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}

.pp-main__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.pp-main__head {
  color: var(--color-text3);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
}

.pp-main__text {
  font-size: 0.75rem;
  line-height: 1.6;
}

.pp-main__item {
  font-size: 0.75rem;
  line-height: 1.6;
  padding-left: 1rem;
  position: relative;
}
.pp-main__item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.pp-main__link {
  color: var(--color-text3);
  text-decoration: underline;
}

.pd-bg {
  background: -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}
.pd-bg[data-product=starflare] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1%, #7ABDE6), color-stop(99.94%, #C0DFF3)), -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #7ABDE6 0.1%, #C0DFF3 99.94%), linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}

.pd-detail {
  margin-top: 2.625rem;
  position: relative;
  padding-bottom: 4rem;
}

.pd-detail__deco {
  position: absolute;
}

.pd-detail__deco--top {
  top: -2.6875rem;
  right: 0;
  width: 7.5rem;
  aspect-ratio: 120/95;
  z-index: 1;
}

.pd-detail__deco--bottom {
  bottom: 0;
  left: 0;
  width: 7rem;
  z-index: 1;
}

.pd-detail__box {
  background-color: #fff;
  border-radius: 2.667px;
  background: #FFF;
  -webkit-box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  padding: 1.5625rem;
}
.pd-detail__box::after {
  content: "";
  position: absolute;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.625rem);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 1.333px solid #D9D9D9;
}

.pd-detail__contents {
  margin-top: 1.25rem;
}

.pd-detail__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6875rem;
}

.pd-detail__item {
  display: grid;
  position: relative;
}

.pd-detail__name {
  font-size: 0.875rem;
  font-family: var(--ff-title);
  letter-spacing: -0.06em;
  font-weight: 500;
}
.pd-detail__name[lang=en] {
  font-size: 1.125rem;
  font-weight: 400;
  font-family: var(--ff-eg);
  letter-spacing: normal;
}

.pd-detail__img {
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  background: transparent url(../images/product/bg-detail.webp) no-repeat center center/contain;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.625rem;
}
.pd-detail__img img {
  width: 9.125rem;
}

.pd-detail__sample {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.5rem;
  aspect-ratio: 1;
}

.pd-detail__feature {
  margin-top: 1.2rem;
  display: grid;
  grid-template-columns: repeat(3, 7.125rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pd-detail__featureItem {
  aspect-ratio: 114/95;
  background: transparent url(../images/product/bg-feature.svg) no-repeat center center/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-family: var;
  font-family: var(--ff-title);
  line-height: 1.25;
}

.pd-detail__featureItem--accent {
  font-size: 1.75rem;
  line-height: 1;
}

.pd-intro__link {
  margin-top: 2.5rem;
  font-size: 1.5rem;
}

.pd-feature {
  background: -webkit-gradient(linear, left bottom, left top, from(#F2FAFF), to(#D7ECF7));
  background: linear-gradient(0deg, #F2FAFF 0%, #D7ECF7 100%);
  padding-block: 4rem;
}
.pd-feature[data-color=brown] {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFF), to(#F2FAFF));
  background: linear-gradient(0deg, #FFF 0%, #F2FAFF 100%);
}
.pd-feature[data-product=starflare] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1%, #C0DFF3), color-stop(99.94%, #7ABDE6));
  background: linear-gradient(0deg, #C0DFF3 0.1%, #7ABDE6 99.94%);
}
.pd-feature[data-product=staflare_beige] {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFF), to(#C0DFF3));
  background: linear-gradient(0deg, #FFF 0%, #C0DFF3 100%);
}
.pd-feature[data-product=iconic_brown] {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFF), to(#F2FAFF));
  background: linear-gradient(0deg, #FFF 0%, #F2FAFF 100%);
}

.pd-feature__top {
  width: calc(100% - 5rem);
  margin-inline: auto;
  position: relative;
}

.pd-feature__text {
  position: absolute;
  top: 1.25rem;
  left: -1.5rem;
  width: 12.5rem;
  aspect-ratio: 200/30;
  rotate: -37deg;
}
.pd-feature__text img {
  width: 100%;
}
[data-color=brown] .pd-feature__text, [data-product=staflare_beige] .pd-feature__text, [data-product=iconic_brown] .pd-feature__text {
  right: -1.5rem;
  left: unset;
  rotate: 37deg;
}

.pd-feature__mv {
  position: relative;
}
.pd-feature__mv img {
  width: 100%;
}
.pd-feature__mv::before {
  content: "";
  position: absolute;
  width: calc(100% + 0.75rem);
  height: calc(100% + 0.75rem);
  border: 1.333px solid #fff;
  border-radius: 1333.333px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.pd-feature__mv::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(78.36%, rgba(242, 250, 255, 0)), color-stop(100.06%, #F2FAFF));
  background: linear-gradient(180deg, rgba(242, 250, 255, 0) 78.36%, #F2FAFF 100.06%);
  inset: 0;
  border-radius: 213.333px;
}

.pd-feature__head {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  translate: -50%;
  color: var(--color-text2);
  text-shadow: 0 0 10.667px #38A0DA;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.pd-feature__num {
  font-size: 2rem;
  font-family: var(--ff-title);
  line-height: 1;
}

.pd-feature__name {
  font-family: var(--ff-eg);
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.pd-feature__deco {
  position: absolute;
}

.pd-feature__deco--upper {
  bottom: 8.25rem;
  right: -2.5rem;
}
[data-color=brown] .pd-feature__deco--upper, [data-product=iconic_brown] .pd-feature__deco--upper {
  bottom: 0;
}

.pd-feature__deco--lower {
  bottom: 0;
  left: -2.5rem;
}
[data-color=brown] .pd-feature__deco--lower, [data-product=iconic_brown] .pd-feature__deco--lower {
  bottom: 10.75rem;
  left: -4.5rem;
}

.pd-feature__deco--star {
  top: 0;
  right: 0;
}
[data-color=brown] .pd-feature__deco--star, [data-product=staflare_beige] .pd-feature__deco--star, [data-product=iconic_brown] .pd-feature__deco--star {
  left: 0;
}

.pd-feature__contents {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  padding-inline: 2.5rem;
  margin-inline: auto;
}

.pd-feature__img[data-img=left] {
  translate: 2.5rem;
}
.pd-feature__img[data-img=right] {
  translate: -2.5rem;
}

.pd-feature__spec {
  display: grid;
  gap: 0.625rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: repeat(3, 1fr);
}

.pd-feature__specItem {
  text-align: center;
  padding: 0.5rem;
  border-radius: 5.333px;
  border: 1.333px solid #868686;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}

.pd-feature__specItem--small {
  font-size: 0.75rem;
}

.pd-fv {
  position: relative;
}
.pd-fv::after {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 500/213;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 250, 255, 0)), color-stop(84.06%, #F2FAFF));
  background: linear-gradient(180deg, rgba(242, 250, 255, 0) 0%, #F2FAFF 84.06%);
  bottom: -0.01875rem;
  left: 0;
  right: 0;
}
.pd-fv[data-product=starflare]::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 223, 243, 0)), color-stop(85.94%, #C0DFF3));
  background: linear-gradient(180deg, rgba(192, 223, 243, 0) 0%, #C0DFF3 85.94%);
}

.pd-fv__img img {
  width: 100%;
}

.pd-fv__name {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  translate: -50%;
  z-index: 1;
}
[data-product=starflare] .pd-fv__name {
  color: var(--color-text2);
}

.pd-intro__mv {
  position: relative;
}
.pd-intro__mv::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 517/63;
  background: transparent url(../images/product/deco-product-mv.svg) no-repeat center center/cover;
  top: -1rem;
  left: 0;
  right: 0;
}
[data-product=dayglow] .pd-intro__mv::before {
  background-image: url(../images/dayglow/deco-mv-top.svg);
}
[data-product=starflare] .pd-intro__mv {
  color: var(--color-text2);
}
[data-product=starflare] .pd-intro__mv::before {
  background-image: url(../images/starflare/deco-mv-top.svg);
}
[data-product=iconic] .pd-intro__mv::before {
  background-image: url(../images/iconic/deco-mv-top.svg);
}

.pd-intro__mvImage {
  position: relative;
}
.pd-intro__mvImage img {
  width: 100%;
}
.pd-intro__mvImage::after {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 517/213;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 250, 255, 0)), color-stop(84.06%, #F2FAFF));
  background: linear-gradient(180deg, rgba(242, 250, 255, 0) 0%, #F2FAFF 84.06%);
  bottom: 0;
  left: 0;
  right: 0;
}
[data-product=starflare] .pd-intro__mvImage::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 223, 243, 0)), color-stop(85.94%, #C0DFF3));
  background: linear-gradient(180deg, rgba(192, 223, 243, 0) 0%, #C0DFF3 85.94%);
}

.pd-intro__deco {
  position: absolute;
  top: 0;
  left: 2.5rem;
  z-index: 1;
}

.pd-intro__name {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  translate: -50%;
}

.pd-intro__contents {
  padding: 0 2.5rem 10rem;
}
.pd-intro__wrap:nth-child(2) .pd-intro__contents {
  padding-bottom: 4rem;
}
[data-product=dayglow] .pd-intro__contents {
  background: -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}
[data-product=starflare] .pd-intro__contents {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1%, #7ABDE6), color-stop(99.94%, #C0DFF3));
  background: linear-gradient(0deg, #7ABDE6 0.1%, #C0DFF3 99.94%);
}
[data-product=iconic] .pd-intro__contents {
  background: -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}

.pd-intro__wrap:nth-child(2) {
  margin-top: -3rem;
}
.pd-detail__name {
  font-size: 0.75rem;
}
[data-product=starflare] .pd-detail__name {
  color: var(--color-text2);
}

.pd-intro__img {
  margin-bottom: 0.625rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  background: transparent url(../images/product/bg-detail.webp) no-repeat center center/contain;
}
.pd-intro__img img {
  width: 100%;
}
[data-product=starflare] .pd-intro__img {
  background: transparent url(../images/starflare/bg-detail.webp) no-repeat center center/contain;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
[data-product=starflare] .pd-intro__img img {
  width: 9.875rem;
}

.pd-intro__sample {
  position: absolute;
  bottom: 0;
  right: 1.125rem;
  width: 3.5rem;
  aspect-ratio: 1;
}

.pd-point {
  padding-block: 4rem;
}

.pd-point__contents {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.pd-point__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.pd-point__item {
  border-radius: 10.667px;
  background: #F2FAFF;
  -webkit-box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
  padding: 1rem 1.5rem 1.5rem;
  display: grid;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.pd-point__pointHead {
  font-family: var(--ff-sp);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1;
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%) text;
  color: transparent;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-self: center;
  padding-top: 0.5625rem;
}
.pd-point__pointHead::before, .pd-point__pointHead::after {
  content: "";
  position: absolute;
}
.pd-point__pointHead::before {
  background: transparent url(../images/product/deco-point.svg) no-repeat center center/contain;
  width: 0.625rem;
  aspect-ratio: 10/16;
  top: 0;
  left: -0.75rem;
}
.pd-point__pointHead::after {
  background: transparent url(../images/product/bg-point.svg) no-repeat center center/contain;
  top: 20%;
  left: 50%;
  translate: -50%;
  width: 6.75rem;
  aspect-ratio: 108/35;
}

.pd-point__pointText {
  font-family: var(--ff-title);
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}

.pd-point__img {
  text-align: center;
}

.pd-banner__img img {
  width: 100%;
}

.pd-spec {
  padding-block: 4rem;
  background: #F2FAFF;
}

.pd-spec__contents {
  margin-top: 2.5rem;
  background-color: #fff;
  padding: 1.625rem;
  border-radius: 10.667px;
}

.pd-spec__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}

.pd-spec__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #D9D9D9;
}

.pd-spec__label {
  color: var(--color-text3);
  font-weight: 500;
  line-height: 1.6;
  width: 7.5rem;
}

.pd-spec__data {
  width: calc(100% - 7.5rem - 0.625rem);
  line-height: 1.6;
}

.pd-sv__text {
  font-size: 1.125rem;
  font-family: var(--ff-title);
  line-height: 2;
  font-weight: 500;
  text-align: center;
}
[data-product=starflare] .pd-sv__text {
  color: var(--color-text2);
}

.pr-fv {
  position: relative;
  padding-bottom: 4rem;
}

.pr-fv__img {
  position: relative;
}
.pr-fv__img img {
  width: 100%;
}
.pr-fv__img::after {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  width: 100%;
  aspect-ratio: 500/43;
  background: transparent url(../images/product/deco-mv.svg) no-repeat center center/contain;
}

.pr-fv__title {
  text-align: center;
  margin-inline: auto;
}

.pr-fv__deco {
  position: absolute;
  bottom: 10rem;
  left: 50%;
  translate: -50%;
  width: 21.25rem;
  aspect-ratio: 340/76;
}

.pr-series {
  margin-top: 4rem;
}

.pr-series__contents {
  margin-top: 4.5rem;
}

.pr-series__wrap[data-product=starflare] {
  background-color: #D7ECF7;
  color: var(--color-text2);
}
.pr-series__wrap[data-product=iconic] {
  background-color: #7ABDE6;
}

.pr-series__cover {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.pr-series__cover img {
  display: block;
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
}

.pr-series__mv {
  position: relative;
}
.pr-series__mv::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 517/63;
  background: transparent url(../images/product/deco-product-mv.svg) no-repeat center center/cover;
  top: -1rem;
  left: 0;
  right: 0;
}
[data-product=starflare] .pr-series__mv::before, [data-product=iconic] .pr-series__mv::before {
  background-image: url(../images/product/deco-product-mv-white.svg);
}

.pr-series__mvImage {
  position: relative;
}
.pr-series__mvImage img {
  width: 100%;
}
.pr-series__mvImage::after {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 517/213;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 250, 255, 0)), color-stop(84.06%, #F2FAFF));
  background: linear-gradient(180deg, rgba(242, 250, 255, 0) 0%, #F2FAFF 84.06%);
  bottom: 0;
  left: 0;
  right: 0;
}
[data-product=starflare] .pr-series__mvImage::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 223, 243, 0)), color-stop(85.94%, #C0DFF3));
  background: linear-gradient(180deg, rgba(192, 223, 243, 0) 0%, #C0DFF3 85.94%);
}

.pr-series__img {
  text-align: center;
}

.pr-series__name {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  translate: -50%;
}

.pr-series__bg {
  background: -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
  padding-inline: 2.5rem;
  padding-bottom: 3.625rem;
}
[data-product=starflare] .pr-series__bg {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1%, #7ABDE6), color-stop(99.94%, #C0DFF3));
  background: linear-gradient(0deg, #7ABDE6 0.1%, #C0DFF3 99.94%);
}

.pr-series__desc {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  font-family: var(--ff-title);
  margin-bottom: 2.5rem;
}

.pr-series__points {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.pr-series__point {
  border-radius: 10.667px;
  background: #FFF;
  -webkit-box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 2.667px 2.667px 5.333px 0 rgba(0, 0, 0, 0.08);
  padding: 1rem 1.5rem 1.5rem;
  display: grid;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.pr-series__pointHead {
  font-family: var(--ff-sp);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1;
  background: linear-gradient(92deg, #A5D4FF 0%, #1A97CF 100%) text;
  color: transparent;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-self: center;
  padding-top: 0.5625rem;
}
.pr-series__pointHead::before, .pr-series__pointHead::after {
  content: "";
  position: absolute;
}
.pr-series__pointHead::before {
  background: transparent url(../images/product/deco-point.svg) no-repeat center center/contain;
  width: 0.625rem;
  aspect-ratio: 10/16;
  top: 0;
  left: -0.75rem;
}
.pr-series__pointHead::after {
  background: transparent url(../images/product/bg-point.svg) no-repeat center center/contain;
  top: 20%;
  left: 50%;
  translate: -50%;
  width: 6.75rem;
  aspect-ratio: 108/35;
}

.pr-series__pointText {
  font-family: var(--ff-title);
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}

.pr-series__images {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}

.pr-series__btn {
  margin-top: 2.5rem;
}

.pr-series__link {
  font-size: 1.5rem;
  padding: 1.125rem;
}

.st-main {
  padding-block: 7.5rem 5rem;
}

.st-main__text {
  margin-top: 2.5rem;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.st-main__contents {
  margin-top: 2.5rem;
}

.st-main__navList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem 0.9375rem;
}

.st-main__navLink {
  border-radius: 4px;
  border: 1px solid #1A97CF;
  padding: 0.75rem 0.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: var(--color-text3);
  font-size: 0.75rem;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.st-main__wrap {
  margin-top: 2.5rem;
  display: grid;
  gap: 2rem;
}

.st-main__head {
  padding: 1rem;
  background: linear-gradient(92deg, #d7ecf7 0%, #fff 50%, #d7ecf7 100%);
  font-size: 0.875rem;
  text-align: center;
  font-weight: 400;
}

.st-main__prefectureList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

.st-main__prefectureLink {
  border-radius: 100px;
  border: 1px solid #A5D4FF;
  background: #A5D4FF;
  padding: 0.5rem 1rem;
  color: var(--color-text2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75rem;
  white-space: nowrap;
}

.st-main__item {
  display: grid;
  gap: 1rem;
}

.st-main__prefecture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--color-text3);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.6;
}

.st-main__list {
  display: grid;
  gap: 1rem;
}

.st-main__info {
  padding-bottom: 1rem;
  border-bottom: 1px solid #D9D9D9;
  display: grid;
  gap: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.st-main__name {
  font-size: 0.875rem;
  font-weight: 600;
}

.to-fv {
  padding-block: 3.125rem;
  background: transparent url(../images/top/bg-fv.webp) no-repeat center center/cover;
  position: relative;
}
.to-fv:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 15rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(72.81%, #FFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 72.81%);
  z-index: 1;
}

.to-fv__contents {
  position: relative;
}

.to-fv__img {
  width: min(25rem, 100%);
  margin-inline: auto;
}

.to-fv__title {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
  width: 20rem;
  text-align: center;
  z-index: 1;
}

.to-fv__text {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  font-family: var(--ff-eg);
  font-size: 1.125rem;
  line-height: 1;
}

.to-fv__text--left {
  left: -3.75rem;
  rotate: 90deg;
}

.to-fv__text--right {
  right: -1.5rem;
  rotate: -90deg;
}

.to-intro {
  padding-block: 2.5rem 4rem;
  background: transparent url(../images/top/bg-intro.webp) no-repeat center center/cover;
  position: relative;
}
.to-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(72.81%, transparent));
  background: linear-gradient(180deg, #fff 0%, transparent 72.81%);
  width: 500px;
  height: 15rem;
  z-index: 0;
}

.to-intro__copy {
  text-align: center;
  background: transparent url(../images/top/bg-text.webp) no-repeat center center/cover;
  color: transparent;
  font-family: var(--ff-title);
  font-size: 2.25rem;
  -webkit-background-clip: text;
          background-clip: text;
  letter-spacing: 0.03em;
  font-weight: 700;
}

.to-intro__copy--small {
  font-size: 1.5rem;
}

.to-intro__lead {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  line-height: 2;
  font-family: var(--ff-title);
  text-align: center;
}

.to-intro__contents {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}

.to-intro__wrap {
  display: grid;
  grid-template-columns: 1fr 3.875rem;
  width: min(100%, 23.75rem);
  margin-inline: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.to-intro__body {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
  text-align: center;
}

.to-intro__micro {
  font-family: var(--ff-title);
  text-shadow: 0 0 6px #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}

.to-intro__bgText {
  text-align: center;
  background: transparent url(../images/top/bg-text.webp) no-repeat center center/cover;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-family: var(--ff-title);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

.to-intro__title {
  grid-column: 1/3;
}

.to-intro__text {
  text-align: center;
  line-height: 2;
  font-family: var(--ff-title);
  font-size: 1.125rem;
  font-weight: 500;
}

.to-intro__text--accent {
  color: var(--color-text3);
}

.to-model {
  padding-block: 4rem;
  background: transparent url(../images/top/bg-model.webp) no-repeat center center/cover;
  position: relative;
  margin-top: -0.0625rem;
  overflow: hidden;
}

.to-model__inner {
  padding-inline: 0;
}

.to-model__deco {
  position: absolute;
  aspect-ratio: 1;
}

.to-model__deco--top {
  left: -2.6875rem;
  top: 14rem;
  width: 8.25rem;
  z-index: 1;
}

.to-model__contents {
  margin-top: 2.5rem;
}

.to-model__contents--top,
.to-model__contents--bottom {
  width: 100%;
  aspect-ratio: 500/86;
}

.to-model__contents--top {
  background: transparent url(../images/top/deco-top.svg) no-repeat center center/contain;
}

.to-model__contents--main {
  position: relative;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  padding: 2.5rem 3.125rem;
}

.to-model__contents--bottom {
  background: transparent url(../images/top/deco-bottom.svg) no-repeat center center/contain;
  margin-top: -0.0625rem;
}

.to-model__img {
  text-align: center;
}

.to-model__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.to-model__name {
  text-align: center;
  background: transparent url(../images/top/bg-text.webp) no-repeat center center/cover;
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--ff-title);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}

.to-model__text {
  line-height: 2;
  text-align: center;
}

.to-model__link {
  color: var(--color-text3);
  font-size: 1rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

.to-model__deco--bottom {
  bottom: -0.5rem;
  right: 3.125rem;
}

.to-product__inner {
  padding: 0;
}

.to-product__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.to-product__movie {
  width: 100%;
  height: auto;
}

.to-product__body {
  padding: 2.5rem 2.5rem 4rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}
.to-product__item:nth-child(even) .to-product__body {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1%, #7ABDE6), color-stop(99.94%, #C0DFF3)), -webkit-gradient(linear, left bottom, left top, from(#D7ECF7), to(#F2FAFF));
  background: linear-gradient(0deg, #7ABDE6 0.1%, #C0DFF3 99.94%), linear-gradient(0deg, #D7ECF7 0%, #F2FAFF 100%);
}

.to-product__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 0.375rem;
}
.to-product__item:nth-child(even) .to-product__title {
  color: var(--color-text2);
}

.to-product__title--jp {
  font-family: var(--ff-title);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.to-product__title--en {
  font-size: 4.5rem;
  line-height: 1;
}

.to-product__link {
  font-size: 1.5rem;
}

.to-movie__videoWrap {
  position: relative;
  display: inline-block;
}

.play-button-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 30px;
  color: white;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 10;
  pointer-events: none;
}

.play-button-overlay.hide {
  opacity: 0;
  pointer-events: auto;
}

.u-hide {
  display: block;
}

.u-hide--sp {
  display: block;
}

.u-show {
  display: none;
}

.u-show--sp {
  display: none;
}

.mt-40 {
  margin-top: 40px;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

@media (width <= 1399.98px) {
  body {
    color: var(--color-text);
  }
}

@media (width <= 1079.98px) {
  body {
    color: var(--color-text);
  }
}

@media (width <= 991.98px) {
  body {
    color: var(--color-text);
  }
  .l-inner {
    padding-inline: var(--padding-s);
  }
  .p-feature__item {
    padding: 1rem;
    gap: 0.75rem;
  }
  .p-feature__head {
    font-size: 0.875rem;
  }
  .p-feature__text {
    font-size: 0.75rem;
  }
  .p-feature__attention {
    font-size: 0.625rem;
  }
  .pd-detail__name {
    font-size: 0.625rem;
  }
  .pd-detail__name[lang=en] {
    font-size: 0.75rem;
  }
  .pd-detail__img {
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
  }
  .pd-detail__img img {
    width: 100%;
  }
  .pd-detail__sample {
    width: 2.5rem;
  }
  .pd-detail__feature {
    grid-template-columns: repeat(3, 5.3125rem);
  }
  .pd-detail__featureItem {
    font-size: 0.75rem;
  }
  .pd-detail__featureItem--accent {
    font-size: 1.375rem;
  }
  .pd-detail__name {
    font-size: 0.625rem;
  }
  .pd-intro__img {
    padding-top: 0.875rem;
    padding-right: 0.875rem;
    width: 100%;
  }
  .pd-intro__img img {
    width: 100%;
  }
  [data-product=starflare] .pd-intro__img img {
    width: 100%;
  }
  .pd-intro__sample {
    width: 2.8125rem;
    right: 0;
  }
  .pd-point__item {
    padding: 0.75rem 1rem 1rem;
    gap: 1rem;
  }
  .pd-spec__contents {
    margin-top: 2rem;
    padding: 1.25rem;
  }
  .pd-spec__list {
    gap: 0.5rem;
  }
  .pd-spec__item {
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
    gap: 0.5rem;
  }
  .pd-spec__label {
    width: 6.25rem;
  }
  .pd-spec__data {
    width: calc(100% - 6.25rem - 0.5rem);
  }
  .pr-series__bg {
    padding-inline: 1.875rem;
  }
  .pr-series__points {
    gap: 0.9375rem;
    margin-top: 1.5rem;
  }
  .pr-series__point {
    padding: 0.75rem 1rem 1rem;
    gap: 1rem;
  }
  .pr-series__pointText {
    font-size: 0.75rem;
  }
  .to-fv__text--left {
    left: -4.25rem;
  }
  .to-fv__text--right {
    right: -2rem;
  }
  .to-model__contents--main {
    padding-inline: var(--padding-s);
  }
  .to-product__inner {
    padding: 0;
  }
}

@media (width <= 767.98px) {
  body {
    color: var(--color-text);
  }
  .c-title {
    font-size: 1.5rem;
  }
  .c-title--page {
    font-size: 1.5rem;
  }
  .c-title--deco {
    gap: 0.75rem;
  }
  .l-fixBg {
    background: none;
  }
  .l-footer__navList {
    gap: 1.75rem;
  }
  .l-footer__navLink {
    font-size: 0.75rem;
  }
  .l-header {
    display: block;
    height: 4rem;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: transparent;
  }
  .l-main {
    width: 100%;
    margin-block: 0;
    border-radius: 0;
  }
  .p-attention {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .p-attention__head {
    font-size: 1rem;
  }
  .p-attention__item {
    font-size: 0.75rem;
  }
  .p-feature {
    padding-top: 3rem;
  }
  .p-feature__contents {
    margin-top: 1.25rem;
  }
  .p-feature__icon {
    width: 5rem;
  }
  .p-left {
    display: none;
  }
  .p-name__jp {
    font-size: 1rem;
  }
  .p-name__en {
    font-size: 3.5rem;
  }
  .p-right {
    display: none;
  }
  .p-shop {
    margin-top: 2rem;
  }
  .p-shop__contents {
    margin-top: 1.25rem;
    gap: 0.75rem;
  }
  .p-shop__btn {
    font-size: 0.875rem;
    padding: 0.875rem;
  }
  .p-shop__summary {
    font-size: 0.875rem;
    padding: 0.875rem;
  }
  .p-shop__link {
    padding: 0.875rem;
    font-size: 0.875rem;
  }
  .pd-detail {
    margin-top: 2rem;
    padding-bottom: 2rem;
  }
  .pd-detail__deco--top {
    right: -1.25rem;
  }
  .pd-detail__deco--top img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 120/95;
  }
  .pd-detail__deco--bottom {
    width: 5.25rem;
    bottom: -1.5rem;
  }
  .pd-detail__box {
    padding: 1rem 0.75rem 1rem 1.25rem;
  }
  .pd-intro__link {
    font-size: 1.125rem;
  }
  .pd-feature {
    padding-block: 2.5rem 3rem;
  }
  .pd-feature__top {
    width: calc(100% - 3.75rem);
  }
  .pd-feature__text {
    width: 9.4375rem;
  }
  .pd-feature__head {
    bottom: 0.5rem;
    gap: 0.25rem;
  }
  .pd-feature__num {
    font-size: 1.5rem;
  }
  .pd-feature__name {
    font-size: 2.5rem;
  }
  .pd-feature__deco--upper {
    width: 7.5rem;
    right: -3rem;
  }
  .pd-feature__deco--lower {
    width: 7.5rem;
  }
  .pd-feature__deco--star {
    width: 3.5rem;
  }
  .pd-feature__contents {
    margin-top: 2rem;
    gap: 1.5rem;
  }
  .pd-feature__specItem {
    font-size: 0.75rem;
  }
  .pd-feature__specItem--small {
    font-size: 0.625rem;
  }
  .pd-fv__name {
    bottom: 1rem;
  }
  .pd-point {
    padding-block: 2.5rem;
  }
  .pd-point__wrap {
    gap: 0.9375rem;
  }
  .pd-point__pointHead {
    font-size: 1.25rem;
  }
  .pd-point__pointText {
    font-size: 0.75rem;
  }
  .pd-spec {
    padding-block: 3rem;
  }
  .pd-sv__text {
    font-size: 0.875rem;
  }
  .pr-fv {
    padding-bottom: 3rem;
  }
  .pr-fv__img::after {
    bottom: -0.0625rem;
  }
  .pr-fv__title {
    width: 16.25rem;
  }
  .pr-fv__deco {
    width: 16rem;
    bottom: 7.5rem;
  }
  .pr-series {
    margin-top: 3rem;
  }
  .pr-series__bg {
    padding-bottom: 3rem;
  }
  .pr-series__desc {
    font-size: 0.875rem;
  }
  .pr-series__pointHead {
    font-size: 1.25rem;
  }
  .pr-series__images {
    margin-top: 2rem;
    gap: 0.5rem;
  }
  .pr-series__link {
    font-size: 1.125rem;
  }
  .to-fv {
    padding-block: 4rem 1.875rem;
  }
  .to-fv__title {
    width: calc(100% - 3.5rem);
  }
  .to-fv__text {
    font-size: 0.875rem;
  }
  .to-fv__text--left {
    left: -3rem;
  }
  .to-fv__text--right {
    right: -1.25rem;
  }
  .to-intro {
    padding-block: 2rem 3rem;
  }
  .to-intro__copy {
    font-size: 1.75rem;
  }
  .to-intro__copy--small {
    font-size: 1.25rem;
  }
  .to-intro__lead {
    font-size: 0.8125rem;
    margin-top: 2rem;
  }
  .to-intro__contents {
    margin-top: 2rem;
    gap: 2rem;
  }
  .to-intro__wrap {
    grid-template-columns: 1fr 2.9375rem;
    gap: 0 0.75rem;
  }
  .to-intro__body {
    gap: 0.5rem;
  }
  .to-intro__micro {
    font-size: 0.875rem;
  }
  .to-intro__bgText {
    font-size: 1.5rem;
    letter-spacing: normal;
  }
  .to-intro__text {
    font-size: 0.8125rem;
  }
  .to-model {
    padding-block: 3rem;
  }
  .to-model__inner {
    padding-inline: 0;
  }
  .to-model__deco--top {
    width: 6.25rem;
    top: 11.625rem;
  }
  .to-model__contents--main {
    padding: 1.5rem;
    gap: 2rem;
  }
  .to-model__body {
    gap: 0.75rem;
  }
  .to-model__name {
    font-size: 1.5rem;
  }
  .to-model__symbol {
    width: 0.75rem;
  }
  .to-model__text {
    font-size: 0.8125rem;
  }
  .to-model__link {
    font-size: 0.8125rem;
  }
  .to-model__deco--bottom {
    width: 7.5rem;
    bottom: -1.25rem;
    right: 2rem;
  }
  .to-product__body {
    padding: 2rem 2.5rem 3rem;
    gap: 2rem;
  }
  .to-product__title--jp {
    font-size: 1rem;
  }
  .to-product__title--en {
    font-size: 3.5rem;
  }
  .to-product__link {
    font-size: 1.125rem;
  }
  .u-hide {
    display: none;
  }
  .u-hide--sp {
    display: none;
  }
  .u-show {
    display: block;
  }
  .u-show--sp {
    display: block;
  }
}

@media (width <= 575.98px) {
  body {
    color: var(--color-text);
  }
}

@media ((hover: hover) and (pointer: fine)) {
  .c-btn {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .c-btn:hover {
    opacity: 0.7;
  }
  .l-footer__navLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .l-footer__navLink:hover {
    opacity: 0.7;
  }
  .p-left__logoLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-left__logoLink:hover {
    opacity: 0.7;
  }
  .p-left__navLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-left__navLink:hover {
    opacity: 0.7;
  }
  .p-left__navLink--sub {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-left__navLink--sub:hover {
    opacity: 0.7;
  }
  .p-right__snsLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-right__snsLink:hover {
    opacity: 0.7;
  }
  .p-right__navLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-right__navLink:hover {
    opacity: 0.7;
  }
  .p-shop__summary {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .p-shop__summary:hover {
    opacity: 0.7;
  }
  .pp-main__link {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .pp-main__link:hover {
    opacity: 0.7;
  }
  .st-main__navLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .st-main__navLink:hover {
    opacity: 0.7;
  }
  .st-main__prefectureLink {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .st-main__prefectureLink:hover {
    opacity: 0.7;
  }
  .to-model__link {
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  .to-model__link:hover {
    opacity: 0.7;
  }
}
/*# sourceMappingURL=style.css.map */