@charset "UTF-8";
:root {
  --color-primary: #C26A89;
  --color-primary-rgb: 194, 106, 137;
  --color-secondary: #BA5C52;
  --color-key: #4F1EDC;
  --color-text-primary: #251E1C;
  --color-text-primary-rgb: 37, 30, 28;
  --color-text-secondary: #573E3C;
  --color-black: #000000;
  --color-inverse: #FFFFFF;
  --color-inverse-rgb: 255, 255, 255;
  --color-bg: #F0EDEB;
  --color-border: rgba(0, 0, 0, 0.12);
  --ff-base: "Inter", "Zen Kaku Gothic New", sans-serif;
  --ff-en: "Kumbh Sans", "Zen Kaku Gothic New", sans-serif;
  --canvas-width: 1440px;
  --inner-width: 1200px;
  --inner-width-no-unit: 1200;
  --sp-max-width: 766px;
  --padding-base: 30px;
  --padding-sm: 20px;
  --header-height-sm: 80px;
  --header-height-md: 72px;
  --layer-loading: 300;
  --layer-modal: 100;
  --layer-drawer: 40;
  --layer-floating: 30;
  --layer-header: 20;
  --layer-footer: 10;
  --layer-default: 1;
  --shadow1: drop-shadow(0px 0px 32px #FFF);
  scrollbar-gutter: stable;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  scroll-behavior: smooth;
}
@media (max-width: 766px) {
  html {
    font-size: clamp(10px, 2.66vw, 12px);
  }
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  color: var(--color-text-primary);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
  min-height: 100vh;
  width: 100%;
}
@media (min-width: 767px) {
  body {
    font-size: 1.6rem;
  }
}

body,
body * {
  box-sizing: border-box;
  font-family: var(--ff-base);
}

body {
  overflow-x: clip;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  border: 0;
}

*:focus {
  outline: none;
}

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

td,
th {
  padding: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  margin: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

img {
  vertical-align: middle;
}

p,
span {
  margin: 0;
}

h1,
h2,
h3,
h4,
p,
span,
dl,
dt,
dd {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}

.wrapper {
  width: 100%;
}

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

iframe {
  border: none;
}

a {
  color: inherit;
  transition: opacity 0.3s;
}

@media (hover: hover) and (pointer: fine) {
  a:hover {
    opacity: 0.7;
  }
}
.c_base {
  padding-inline: 35px;
}

.c_inner {
  margin-inline: auto;
  max-width: 1024px;
  width: 100%;
}

.c_srOnly {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  clip-path: inset(0px 0px 99.9% 99.9%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.c_underSection {
  position: relative;
  z-index: 2;
}

body:has(.wrapper.is_loading) {
  overflow: hidden;
}

.wrapper.is_loading .loading {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.wrapper.is_loading .loading .loading_img {
  -o-object-fit: cover;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.wrapper.is_loading .loading .loading_counter {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.wrapper.is_loading .loading .loading_counter span {
  color: var(--color-inverse);
  font-size: 36px;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 100%;
  text-align: center;
}
@media (min-width: 767px) {
  .wrapper.is_loading .loading .loading_counter span {
    font-size: 64px;
  }
}
.wrapper.is_loading .loading::before {
  fill: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  background: rgba(255, 255, 255, 0.12);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.wrapper.is_loading .loading.-loadingFadeOut {
  animation: loadingFadeOut 0.7s forwards;
}

.loading_img:not(.no1v) {
  animation: fadeInImages 1s forwards;
  opacity: 0;
}

.loading_img:not(.no1v).no2v {
  animation-delay: 0.4s;
}
.loading_img:not(.no1v).no3v {
  animation-delay: 1.2s;
}
.loading_img:not(.no1v).no4v {
  animation-delay: 1.8s;
}

@keyframes loadingFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInImages {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.menu_button_area {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 80;
}

.menu_button {
  -webkit-backdrop-filter: blur(5px);
  align-items: center;
  backdrop-filter: blur(5px);
  background: rgba(212, 208, 225, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  box-shadow: 0px 0px 8px 0px rgba(175, 187, 218, 0.3) inset, 0px 0px 16px 0px rgba(255, 255, 255, 0.5);
  color: var(--color-inverse);
  display: flex;
  font-size: 14px;
  gap: 4px;
  letter-spacing: 0.05em;
  padding: 4px 12px;
  position: absolute !important;
  right: 16px;
  text-transform: uppercase;
  top: 16px;
  z-index: var(--layer-drawer);
}
@media (min-width: 767px) {
  .menu_button {
    font-size: 16px;
    gap: 6px;
    padding: 6px 12px;
    right: 10%;
    top: 40px;
  }
}
.menu_button::before {
  aspect-ratio: 1;
  background-color: var(--color-inverse);
  border-radius: 50%;
  content: "";
  display: block;
  width: 8px;
}
@media (min-width: 767px) {
  .menu_button::before {
    width: 10px;
  }
}

.menu {
  height: 100vh;
  position: fixed;
  right: -120%;
  top: 0;
  transition: right 0.9s;
  width: 100%;
  z-index: var(--layer-drawer);
}

.menu.is_open {
  right: 0;
}

.menu_base {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(213, 158, 160, 0.8) 0%, rgba(248, 215, 208, 0.8) 12.04%);
  height: 100%;
  overflow: auto;
  position: fixed;
  width: 100%;
  z-index: var(--layer-drawer);
}

.menu_inner {
  height: 100%;
  padding-block-end: 53px;
  padding-block-start: 42px;
  width: 100%;
}
@media (max-width: 766px) {
  .menu_inner {
    padding-inline: 9%;
  }
}
@media (min-width: 767px) {
  .menu_inner {
    align-items: center;
    display: flex;
    gap: 14.5%;
    justify-content: center;
    margin-inline: auto;
    width: min(90%, 848px);
  }
}

@media (min-width: 767px) {
  .menu_main {
    transform: translateY(-8%);
  }
}

.menu_title {
  color: var(--color-primary);
  font-family: var(--ff-en);
  font-size: 40px;
  line-height: 1;
}

.menu_list {
  margin-block-start: 24px;
}
@media (min-width: 767px) {
  .menu_list {
    margin-block-start: 96px;
  }
}

.menu_list li + li {
  margin-block-start: 20px;
}
@media (min-width: 767px) {
  .menu_list li + li {
    margin-block-start: 32px;
  }
}

.menu_list li a {
  color: var(--color-primary);
  display: block;
  font-family: var(--ff-en);
  font-size: 24px;
  letter-spacing: 0.02em;
  padding-left: 28px;
  position: relative;
  transition: text-shadow 0.4s;
}
@media (min-width: 767px) {
  .menu_list li a {
    font-size: 32px;
  }
}
.menu_list li a::before {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0.5lh;
  width: 16px;
}
.menu_list li a span {
  color: var(--color-primary);
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  margin-block-start: 4px;
}
@media (min-width: 767px) {
  .menu_list li a span {
    font-size: 14px;
    margin-block-start: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu_list li a:hover {
    text-shadow: 0px 0px 40px var(--color-inverse), 0px 0px 20px var(--color-inverse), 0px 0px 12px var(--color-inverse);
  }
}

.menu_campaign {
  align-items: center;
  aspect-ratio: 307/320;
  background: url(../img/menu/menu_campaign_sp.webp) no-repeat center center/cover;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  width: 100%;
}
@media (max-width: 766px) {
  .menu_campaign {
    margin-block-start: 36px;
  }
}
@media (min-width: 767px) {
  .menu_campaign {
    aspect-ratio: 408/440;
    background-image: url(../img/menu/menu_campaign_pc.webp);
    width: 408px;
  }
}

.menu_campaign_title {
  color: var(--color-inverse);
  font-family: var(--ff-en);
  font-size: 32px;
  padding-block-start: 28px;
}
@media (min-width: 767px) {
  .menu_campaign_title {
    font-size: 40px;
    padding-block-start: 36px;
  }
}

.menu_campaign_link {
  align-items: center;
  border-bottom: 1px solid var(--color-inverse);
  color: var(--color-inverse);
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  margin-block-end: 12px;
  padding: 12px 0 8px;
  width: 72.6%;
}
@media (min-width: 767px) {
  .menu_campaign_link {
    margin-block-end: 24px;
    width: 56.8%;
  }
}
.menu_campaign_link::after {
  aspect-ratio: 12/8;
  background: url(../img/menu/menu_campaign_arrow.png) no-repeat center center/contain;
  content: "";
  transition: transform 0.4s;
  width: 12px;
}
@media (hover: hover) and (pointer: fine) {
  .menu_campaign_link:hover::after {
    transform: translateX(4px);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.-scrollTrigger.--fadeUp {
  opacity: 0;
  transform: translateY(40px);
}

.--fadeUp.--active {
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: 0.1s;
}

.--fadeUp.--active.-delay01 {
  animation-delay: 0.5s;
}

.--fadeUp.--active.-delay02 {
  animation-delay: 0.9s;
}

.--fadeUp.--active.-delay03 {
  animation-delay: 1.3s;
}

.c_heading {
  font-family: var(--ff-en);
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.c_heading.-maskReveal {
  clip-path: inset(0 100% 0 0);
}

.c_heading.-maskReveal.--active {
  animation-fill-mode: forwards;
  animation-name: headingMaskReveal;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.c_heading.-maskReveal.-short.--active {
  animation-duration: 5s;
}

.c_heading.-maskReveal.-long.--active {
  animation-duration: 3s;
}

@keyframes headingMaskReveal {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.c_button {
  align-items: center;
  border-radius: 100vmax;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 500;
  gap: 1.2rem;
  line-height: 1.5;
  padding: 0.8rem 2.2rem 0.8rem 0.8rem;
  position: relative;
}
@media (min-width: 767px) {
  .c_button {
    padding: 13px 24px 11px 12px;
  }
}
.c_button::before {
  aspect-ratio: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 3.2rem;
}

.c_button.-base-primary {
  background-color: var(--color-primary);
  color: var(--color-inverse);
}
.c_button.-base-primary::before {
  background-image: url(../img/common/icon_button_arrow_inverse.png);
}

.c_button.-base-inverse {
  background-color: var(--color-inverse);
  color: var(--color-primary);
}
.c_button.-base-inverse::before {
  background-image: url(../img/common/icon_button_arrow_primary.png);
}

.c_button.is_before,
.c_button.is_sold {
  font-family: var(--ff-en);
  opacity: 0.2;
  pointer-events: none;
}

@media (min-width: 767px) {
  .c_button.-size-lg.is_before,
  .c_button.-size-lg.is_sold {
    font-size: 20px;
  }
}

.kv {
  display: block;
  height: 100vh;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}
.kv::before {
  fill: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  background: rgba(255, 255, 255, 0.12);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.kv_mask {
  fill: rgba(235, 235, 235, 0.3);
  background: rgba(235, 235, 235, 0.3);
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: 4;
}

.kv.-kvReveal::before {
  animation: kvReveal 3s forwards;
}
.kv.-kvReveal .kv_logo {
  bottom: 22%;
  opacity: 1;
  right: 10%;
  width: 172px;
}
@media (min-width: 767px) {
  .kv.-kvReveal .kv_logo {
    bottom: 15%;
    right: 10%;
    width: 232px;
  }
}
@media screen and (min-width: 1440px) {
  .kv.-kvReveal .kv_logo {
    width: 300px;
  }
}
.kv.-kvReveal .kv_text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}

.kv_logo {
  aspect-ratio: 232/202;
  bottom: 32%;
  opacity: 0;
  position: absolute;
  right: 20%;
  transition: width 1.6s, right 1.6s, bottom 1.6s, opacity 1.6s;
  width: 135px;
  z-index: 3;
}
@media (min-width: 767px) {
  .kv_logo {
    bottom: 25%;
    right: 20%;
    width: 160px;
  }
}
@media screen and (min-width: 1440px) {
  .kv_logo {
    width: 240px;
  }
}
.kv_logo img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.kv_visual {
  height: 100vh;
  width: 100%;
}
.kv_visual img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@keyframes kvReveal {
  0% {
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    opacity: 1;
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    opacity: 0;
  }
}
.kv_foot {
  bottom: 10%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: 3;
}
@media (min-width: 767px) {
  .kv_foot {
    bottom: 2%;
  }
}

.kv_text {
  background-color: var(--color-inverse);
  border-radius: 100vmax;
  font-size: 16px;
  font-weight: 300;
  margin-inline: auto;
  opacity: 0;
  padding: 16px;
  text-align: center;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
  width: 80%;
}
@media (min-width: 767px) {
  .kv_text {
    font-size: 20px;
    padding: 13px;
    width: 385px;
  }
}

.concept {
  height: 300vh;
  padding-block-end: 10vh;
  padding-block-start: 40vh;
  position: relative;
  width: 100%;
}
@media (min-width: 767px) {
  .concept {
    padding-block-end: 5vh;
    padding-block-start: 50vh;
  }
}

.concept_inner {
  display: grid;
  height: 100vh;
  place-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
}

.concept_bg {
  inset: 0;
  position: absolute;
}
.concept_bg.-gradient {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(var(--color-primary-rgb), 0.2) 30%);
}

.concept_heading {
  color: var(--color-inverse);
  font-size: 24px;
  font-weight: 600;
}

.concept_text {
  color: var(--color-inverse);
  font-size: 1.6rem;
  line-height: 3.1;
  margin-block-start: 28px;
  text-align: center;
}
.concept_text > * {
  display: block;
  opacity: 0;
}
.concept_text img {
  margin-block-start: 28px;
  margin-inline: auto;
  width: 150px;
}

.concept_text .line.--active {
  animation: conceptTextReveal 1s ease-in-out forwards;
}
.concept_text .line.--delay.--active {
  animation: conceptTextReveal 1s ease-in-out 0.3s forwards;
}
.concept_text .line.--hidden {
  animation: conceptTextHide 1s ease-in-out forwards;
  opacity: 1;
}

@keyframes conceptTextReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes conceptTextHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.showcase {
  position: relative;
  width: 100%;
}

.showcase_slider {
  height: 800vh;
  width: 100%;
}

.showcase_slideWrapper {
  height: 100vh;
  overflow: hidden;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 2;
}

.showcase_heading {
  left: 0;
  position: absolute;
  top: 4rem;
  width: 100%;
  z-index: 3;
}
@media (min-width: 767px) {
  .showcase_heading {
    top: 5%;
  }
}
.showcase_heading h2 {
  align-items: center;
  color: var(--color-inverse);
  display: flex;
  flex-direction: column;
  font-size: 30px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
@media (min-width: 767px) {
  .showcase_heading h2 {
    font-size: 40px;
  }
}
.showcase_heading h2 img {
  width: 17.2rem;
}
@media (min-width: 767px) {
  .showcase_heading h2 img {
    width: 229px;
  }
}

.showcase_index {
  display: flex;
  filter: blur(2px);
  flex-direction: column;
  gap: 8px;
  left: 1.6rem;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 4rem;
  transition: opacity 0.6s ease, visibility 0.6s ease, filter 0.6s ease;
  visibility: hidden;
  will-change: opacity, visibility, filter;
  z-index: 3;
}
@media (min-width: 767px) {
  .showcase_index {
    left: 32px;
    top: 5%;
  }
}
.showcase_index.--active {
  filter: blur(0);
  opacity: 1;
  visibility: visible;
}
.showcase_index li {
  align-items: center;
  color: var(--color-inverse);
  display: flex;
  flex-direction: column;
  font-size: 10px;
  gap: 0;
  transform: scale(1);
  transition: transform 0.3s ease;
}
@media (min-width: 767px) {
  .showcase_index li {
    font-size: 14px;
  }
}
.showcase_index li::after {
  background-color: var(--color-inverse);
  content: "";
  display: block;
  height: 0;
  opacity: 0;
  transition: height 0.5s ease-in-out, opacity 0.6s ease-in-out, visibility 0.4s linear;
  visibility: hidden;
  width: 1px;
  will-change: height, opacity, visibility;
}
.showcase_index li.--active {
  font-weight: 600;
  gap: 8px;
  transform: scale(1.1);
}
.showcase_index li.--active::after {
  height: 40px;
  opacity: 1;
  visibility: visible;
}

.showcase_slide {
  filter: blur(2px) brightness(1.05);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.6s ease, filter 0.6s ease;
  width: 100%;
  will-change: opacity, filter;
  z-index: 2;
}
.showcase_slide img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.showcase_slide[data-item=all] {
  opacity: 1;
}

.showcase_slide.--active {
  filter: blur(0) brightness(1);
  opacity: 1;
}

.showcase_foot {
  bottom: 4rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
}
@media (min-width: 767px) {
  .showcase_foot {
    bottom: 5%;
  }
}

.showcase_item {
  filter: blur(2px);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.6s ease, visibility 0.6s ease, filter 0.6s ease;
  visibility: hidden;
  width: 100%;
  will-change: opacity, visibility, filter;
}

.showcase_item.--active {
  filter: blur(0);
  opacity: 1;
  visibility: visible;
}

.showcase_item[data-item="05"] {
  position: relative;
}

.showcase_item_indicator {
  color: var(--color-inverse);
  font-family: var(--ff-en);
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 767px) {
  .showcase_item_indicator {
    font-size: 20px;
  }
}
.showcase_item_indicator::after {
  animation: pathmove 1.6s ease-in-out infinite;
  background-color: var(--color-inverse);
  content: "";
  display: block;
  height: 30px;
  left: 50%;
  margin-block-start: 20px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
}
@media (min-width: 767px) {
  .showcase_item_indicator::after {
    margin-block-start: 40px;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    opacity: 0;
    top: 0;
  }
  50% {
    height: 24px;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
    top: 40px;
  }
}
.showcase_item_meta {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.showcase_item_meta span {
  border-radius: 4px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 4px 8px;
}
.showcase_item_meta span:first-child {
  background-color: var(--color-primary);
  color: var(--color-inverse);
}
.showcase_item_meta span:nth-child(2) {
  background-color: rgba(var(--color-inverse-rgb), 0.5);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.showcase_item_name {
  color: var(--color-inverse);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 12px;
}
@media (min-width: 767px) {
  .showcase_item_name {
    font-size: 20px;
  }
}

.showcase_item_price {
  color: var(--color-inverse);
  font-size: 2rem;
  font-weight: 400;
  margin-block-start: 4px;
}
@media (min-width: 767px) {
  .showcase_item_price {
    font-size: 32px;
  }
}
.showcase_item_price .yen {
  font-size: 70%;
  font-weight: 600;
}
@media (min-width: 767px) {
  .showcase_item_price .yen {
    font-size: 50%;
  }
}
.showcase_item_price .freeShipping {
  border: 1px solid var(--color-inverse);
  color: var(--color-inverse);
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 4px 8px;
}

.campaign {
  background: url(../img/campaign/campaign_bg_sp.webp) no-repeat center center/cover;
  color: var(--color-text-secondary);
  overflow-x: clip;
  padding-block: 60px;
}
@media (min-width: 767px) {
  .campaign {
    background-image: url(../img/campaign/campaign_bg_pc.webp);
    padding-block-end: 100px;
    padding-block-start: 80px;
  }
}

.campaign_inner {
  margin-inline: auto;
  max-width: 848px;
}

.campaign_heading span {
  color: var(--color-inverse);
  display: block;
  font-size: 76px;
  padding-block-end: 36px;
}
@media (max-width: 766px) {
  .campaign_heading span {
    transform: translateX(8px);
  }
}
@media (min-width: 767px) {
  .campaign_heading span {
    font-size: 140px;
    font-weight: 300;
  }
}

.campaign_container {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding: 24px;
}
@media (max-width: 766px) {
  .campaign_container {
    flex-direction: column;
  }
}
@media (min-width: 767px) {
  .campaign_container {
    gap: 24px;
    margin-block-start: 12px;
    padding: 37.5px 24px;
  }
}

.campaign_date {
  font-size: 18px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  text-align: center;
}
.campaign_date span {
  font-size: 36px;
  letter-spacing: 0.15em;
}

.campaign_arrow {
  display: block;
  height: 16px;
  margin-block-end: 5px;
  margin-block-start: 10px;
  width: auto;
}
@media (min-width: 767px) {
  .campaign_arrow {
    transform: rotate(-90deg);
  }
}

.campaign_foot {
  font-size: 18px;
  letter-spacing: 0.08em;
  line-height: 1.9;
  margin-block-start: 24px;
  text-align: center;
}
@media (min-width: 767px) {
  .campaign_foot {
    font-size: 20px;
    margin-block-start: 40px;
  }
}
.campaign_foot .font-en {
  font-family: var(--ff-en);
  font-weight: 400;
}
.campaign_foot .num-price {
  font-size: 20px;
}
@media (min-width: 767px) {
  .campaign_foot .num-price {
    font-size: 24px;
  }
}
.campaign_foot .font-sm {
  font-size: 14px;
}
@media (min-width: 767px) {
  .campaign_foot .font-sm {
    font-size: 16px;
  }
}
.campaign_foot .color-primary {
  color: var(--color-primary);
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-block-start: 4px;
}
@media (min-width: 767px) {
  .campaign_foot .color-primary {
    font-size: 28px;
  }
}
.campaign_foot .num-point {
  font-size: 32px;
}
@media (min-width: 767px) {
  .campaign_foot .num-point {
    font-size: 40px;
  }
}

.newLimitedEdition {
  background: linear-gradient(180deg, #E7B0B2 16.77%, #F8D7D0 27.17%);
  overflow-x: clip;
  padding-block: 80px;
}
@media (min-width: 767px) {
  .newLimitedEdition {
    background: linear-gradient(180deg, #E7B0B2 14.58%, #F8D7D0 38.56%);
    padding-block: 120px;
  }
}

.newLimitedEdition_inner {
  margin-inline: auto;
  max-width: 848px;
}

.newLimitedEdition_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media (min-width: 767px) {
  .newLimitedEdition_list {
    gap: 7px;
  }
}

.newLimitedEdition_item {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .newLimitedEdition_item {
    aspect-ratio: 164/300;
    width: calc(20% - 5.6px);
  }
}
.newLimitedEdition_item::before {
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 0%, rgba(210, 210, 210, 0.4) 40%, rgba(210, 210, 210, 0.8) 75%, rgb(210, 210, 210) 100%);
  content: "";
  filter: blur(12px);
  height: 200%;
  left: -100%;
  mix-blend-mode: multiply;
  position: absolute;
  top: -100%;
  width: 200%;
  z-index: 2;
}
.newLimitedEdition_item img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  width: 100%;
}
@media (max-width: 766px) {
  .newLimitedEdition_item:first-child {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .newLimitedEdition_item:nth-child(2), .newLimitedEdition_item:nth-child(5) {
    aspect-ratio: 177/124;
    width: 58%;
  }
}
@media (max-width: 766px) {
  .newLimitedEdition_item:nth-child(3), .newLimitedEdition_item:nth-child(4) {
    aspect-ratio: 1;
    width: 40%;
  }
}

.newLimitedEdition_list.--active .newLimitedEdition_item::before {
  animation: moveReveal 1.4s ease forwards;
}
.newLimitedEdition_list.--active .newLimitedEdition_item img {
  animation: imgFadeIn 1.4s ease forwards;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(2)::before {
  animation-delay: 0.3s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(2) img {
  animation-delay: 0.3s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(3)::before {
  animation-delay: 0.6s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(3) img {
  animation-delay: 0.6s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(4)::before {
  animation-delay: 0.9s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(4) img {
  animation-delay: 0.9s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(5)::before {
  animation-delay: 1.2s;
}
.newLimitedEdition_list.--active .newLimitedEdition_item:nth-child(5) img {
  animation-delay: 1.2s;
}

@keyframes moveReveal {
  0% {
    left: -100%;
    opacity: 1;
    top: -100%;
  }
  100% {
    left: 120%;
    opacity: 0;
    top: 120%;
  }
}
@keyframes imgFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.newLimitedEdition_head {
  margin-block-start: 8rem;
  padding-block-end: 5.2rem;
  position: relative;
}
@media (max-width: 766px) {
  .newLimitedEdition_head {
    border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.2);
  }
}
@media (min-width: 767px) {
  .newLimitedEdition_head {
    margin-block-start: 120px;
    padding-block-end: 100px;
  }
}
.newLimitedEdition_head::after {
  background-color: rgba(var(--color-text-primary-rgb), 0.2);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 320px;
}

.newLimitedEdition_heading {
  align-items: flex-start;
  color: var(--color-inverse);
  display: flex;
  flex-direction: column;
}
.newLimitedEdition_heading h2 {
  font-size: 4.2rem;
  line-height: 1.06;
  text-align: left;
}
@media (min-width: 767px) {
  .newLimitedEdition_heading h2 {
    font-size: 60px;
  }
}
.newLimitedEdition_heading h2 img {
  display: block;
  margin-block-end: 8px;
  transform: translateX(-18px);
  width: 20rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_heading h2 img {
    margin-block-end: 12px;
    width: 224px;
  }
}
.newLimitedEdition_heading h3 {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8;
  margin-block-start: 4px;
}
@media (min-width: 767px) {
  .newLimitedEdition_heading h3 {
    font-size: 14px;
  }
}

@media (min-width: 767px) {
  .newLimitedEdition_visual {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.newLimitedEdition_crayons {
  margin-block-start: 12px;
  position: relative;
}
@media (max-width: 766px) {
  .newLimitedEdition_crayons {
    margin-inline: auto;
    width: 430px;
  }
}
@media screen and (max-width: 430px) {
  .newLimitedEdition_crayons {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
  }
}
@media (min-width: 767px) {
  .newLimitedEdition_crayons {
    margin-left: auto;
    max-width: 648px;
    transform: translateX(63px);
    width: 50.625vw;
  }
}

.newLimitedEdition_crayons_texture {
  width: 100%;
}

.newLimitedEdition_crayonColor {
  aspect-ratio: 286/171;
  opacity: 0;
  position: absolute;
  transform: translate(-5%, -5%);
  width: 28.6rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_crayonColor {
    max-width: 495px;
    width: 38.67vw;
  }
}
.newLimitedEdition_crayonColor.-color_1 {
  right: -30%;
  top: 15%;
}
.newLimitedEdition_crayonColor.-color_2 {
  right: -18%;
  top: 23%;
}
.newLimitedEdition_crayonColor.-color_3 {
  right: -22%;
  top: 37.5%;
}
.newLimitedEdition_crayonColor.-color_4 {
  right: -25%;
  top: 51%;
}
.newLimitedEdition_crayonColor.-color_5 {
  right: -14%;
  top: 60%;
}
.newLimitedEdition_crayonColor img {
  filter: drop-shadow(0px 0px 20px rgba(94, 58, 58, 0.6));
}

.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor {
  animation: stickReveal 0.8s ease forwards;
}
.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor.-color_1 {
  animation-delay: 0.4s;
}
.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor.-color_2 {
  animation-delay: 0.8s;
}
.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor.-color_3 {
  animation-delay: 1.2s;
}
.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor.-color_4 {
  animation-delay: 1.6s;
}
.newLimitedEdition_crayons.--active .newLimitedEdition_crayonColor.-color_5 {
  animation-delay: 2s;
}

@keyframes stickReveal {
  0% {
    opacity: 0;
    transform: translate(-5%, -5%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.newLimitedEdition_desc {
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media (min-width: 767px) {
  .newLimitedEdition_desc {
    font-size: 20px;
    margin-block-start: 100px;
  }
}

.newLimitedEdition_2in1 {
  padding-block-start: 13.1rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1 {
    padding-block-start: 162px;
  }
}

.newLimitedEdition_2in1_heading {
  TOP: -7.3rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_heading {
    top: -82px;
  }
}
.newLimitedEdition_2in1_heading hgroup {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.newLimitedEdition_2in1_heading p {
  background: url(../img/new-limited-edition/2in1_underline.png) no-repeat center bottom/contain;
  color: var(--color-secondary);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  margin-block-end: 12px;
  margin-inline: auto;
  padding-bottom: 2rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_heading p {
    font-size: 20px;
  }
}
.newLimitedEdition_2in1_heading img {
  width: 9.7rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_heading img {
    width: 121px;
  }
}

.newLimitedEdition_2in1_body {
  aspect-ratio: 305/528;
  background: url(../img/new-limited-edition/2in1_bg_sp.webp) no-repeat center center/cover;
  border: 1px solid rgba(var(--color-inverse-rgb), 0.4);
  border-radius: 100vmax;
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 400px;
  padding-block-start: 7.2rem;
  position: relative;
  text-align: center;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_body {
    aspect-ratio: 846/520;
    background-image: url(../img/new-limited-edition/2in1_bg_pc.webp);
    max-width: 100%;
    padding-block-start: 86px;
  }
}

.newLimitedEdition_2in1_desc {
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_desc {
    font-size: 20px;
  }
}
.newLimitedEdition_2in1_desc span {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.06em;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_desc span {
    font-size: 24px;
  }
}

.newLimitedEdition_2in1_visual {
  position: relative;
}
@media (max-width: 766px) {
  .newLimitedEdition_2in1_visual {
    margin-block-start: 12px;
  }
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_visual {
    margin-inline: auto;
    width: 71.1%;
  }
}

.newLimitedEdition_2in1_stick {
  position: relative;
  width: 8.9rem;
  z-index: 2;
}

.newLimitedEdition_2in1_texture {
  clip-path: inset(100% 100% 0 0);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 1;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_texture {
    width: 316px;
  }
}

.newLimitedEdition_2in1_use {
  aspect-ratio: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--color-secondary);
  display: grid;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
  opacity: 0;
  place-items: center;
  position: absolute;
  z-index: 1;
}
.newLimitedEdition_2in1_use > span {
  display: block;
}

.newLimitedEdition_2in1_use.-use-wide {
  background-image: url(../img/new-limited-edition/2in1_circle_wide.png);
  font-size: 1.4rem;
  left: 2.4rem;
  top: 0;
  transform: scale(0.6);
  width: 12rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_use.-use-wide {
    font-size: 20px;
    left: 0;
    max-width: 170px;
    width: 28.33%;
  }
}

.newLimitedEdition_2in1_use.-use-narrow {
  background-image: url(../img/new-limited-edition/2in1_circle_narrow.png);
  bottom: 7.2rem;
  font-size: 1.2rem;
  right: 4.4rem;
  transform: scale(0.6);
  width: 8.8rem;
}
@media (min-width: 767px) {
  .newLimitedEdition_2in1_use.-use-narrow {
    bottom: 43px;
    font-size: 17px;
    max-width: 124px;
    right: 50px;
    width: 20%;
  }
}

.newLimitedEdition_2in1_visual.--active .newLimitedEdition_2in1_texture {
  animation: textureReveal 0.7s ease-in-out forwards;
}
.newLimitedEdition_2in1_visual.--active .newLimitedEdition_2in1_use.-use-wide {
  animation: circleReveal 0.5s linear 0.7s forwards;
}
.newLimitedEdition_2in1_visual.--active .newLimitedEdition_2in1_use.-use-narrow {
  animation: circleReveal 0.5s linear 1s forwards;
}

@keyframes textureReveal {
  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes circleReveal {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.newLimitedEdition_styles {
  aspect-ratio: 285/285;
  margin-block-start: 6.4rem;
  margin-inline: auto;
  max-width: 360px;
  position: relative;
  width: 93.5%;
}
@media (min-width: 767px) {
  .newLimitedEdition_styles {
    aspect-ratio: 1;
    margin-block-start: 80px;
    width: 360px;
  }
}

.newLimitedEdition_style {
  display: grid;
  filter: blur(12px);
  height: 10rem;
  opacity: 0.7;
  place-items: center;
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  width: 10rem;
  will-change: filter, opacity;
  z-index: 1;
}
@media (min-width: 767px) {
  .newLimitedEdition_style {
    font-size: 16px;
    height: 128px;
    width: 128px;
  }
}
.newLimitedEdition_style::before {
  aspect-ratio: 1;
  border: 1px solid var(--color-primary);
  border-radius: 100vmax;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
}
.newLimitedEdition_style > span {
  color: var(--color-primary);
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.newLimitedEdition_style:nth-child(1) {
  left: 50%;
  top: 1px;
  transform: translateX(-50%);
}
.newLimitedEdition_style:nth-child(2) {
  right: 0;
  top: 26%;
}
.newLimitedEdition_style:nth-of-type(3) {
  bottom: 1px;
  right: 12.98%;
}
.newLimitedEdition_style:nth-of-type(4) {
  bottom: 1px;
  left: 12.98%;
}
.newLimitedEdition_style:nth-child(5) {
  left: 0;
  top: 26%;
}

.newLimitedEdition_styles.--active .newLimitedEdition_style {
  animation: styleReveal 1s ease forwards;
}
.newLimitedEdition_styles.--active .newLimitedEdition_style:nth-child(1) {
  animation-delay: 0.4s;
}
.newLimitedEdition_styles.--active .newLimitedEdition_style:nth-child(2) {
  animation-delay: 0.8s;
}
.newLimitedEdition_styles.--active .newLimitedEdition_style:nth-child(3) {
  animation-delay: 1.2s;
}
.newLimitedEdition_styles.--active .newLimitedEdition_style:nth-child(4) {
  animation-delay: 1.6s;
}
.newLimitedEdition_styles.--active .newLimitedEdition_style:nth-child(5) {
  animation-delay: 2s;
}

@keyframes styleReveal {
  0% {
    filter: blur(12px);
    opacity: 0.7;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
.newLimitedEdition_icon {
  left: 50%;
  position: absolute;
  top: 53%;
  transform: translate(-50%, -50%);
  width: 7rem;
}

.newLimitedEdition_lineup {
  margin-block-start: 104px;
}
@media (min-width: 767px) {
  .newLimitedEdition_lineup {
    display: flex;
    justify-content: space-between;
    margin-block-start: 120px;
  }
}

@media (min-width: 767px) {
  .newLimitedEdition_lineup_block:first-child {
    width: 58.5%;
  }
}
@media (min-width: 767px) {
  .newLimitedEdition_lineup_block:last-child {
    width: 37.73%;
  }
}

.lipCrayon_mainImgWrap {
  display: block;
  position: relative;
}

.lipCrayon_mainImgWrap.is_before,
.lipCrayon_mainImgWrap.is_sold {
  pointer-events: none;
}
.lipCrayon_mainImgWrap.is_before::before,
.lipCrayon_mainImgWrap.is_sold::before {
  color: var(--color-inverse);
  display: block;
  font-family: var(--ff-en);
  font-size: 20px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
@media (min-width: 767px) {
  .lipCrayon_mainImgWrap.is_before::before,
  .lipCrayon_mainImgWrap.is_sold::before {
    font-size: 24px;
  }
}
.lipCrayon_mainImgWrap.is_before .lipCrayon_mainImg,
.lipCrayon_mainImgWrap.is_sold .lipCrayon_mainImg {
  opacity: 0.25;
}

.lipCrayon_mainImgWrap.is_before::before {
  content: "Coming Soon";
}

.lipCrayon_mainImgWrap.is_sold::before {
  content: "Sold Out";
}

.lipCrayon_mainImg {
  position: relative;
}
.lipCrayon_mainImg img {
  aspect-ratio: 305/200;
  border-radius: 4px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.5s ease;
  width: 100%;
}
@media (min-width: 767px) {
  .lipCrayon_mainImg img {
    aspect-ratio: 496/291;
  }
}
.lipCrayon_mainImg img:first-child {
  opacity: 1;
  position: relative;
}
.lipCrayon_mainImg img.is_active {
  opacity: 1;
}

.lipCrayon_textures {
  aspect-ratio: 152/112;
  bottom: -4rem;
  position: absolute;
  right: -4rem;
  width: 152px;
  z-index: 3;
}
@media (min-width: 767px) {
  .lipCrayon_textures {
    aspect-ratio: 190/140;
    bottom: -88px;
    right: -32px;
    width: 190px;
  }
}

.lipCrayon_texture {
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
}

.lipCrayon_texture.is_active {
  opacity: 1;
}

.lipCrayon_title {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 766px) {
  .lipCrayon_title {
    margin-block-start: 4.8rem;
    text-align: center;
  }
}
@media (min-width: 767px) {
  .lipCrayon_title {
    font-size: 24px;
  }
}

.lipCrayon_colorList {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: space-between;
  margin-block-start: 10px;
  width: 236px;
}
@media (max-width: 766px) {
  .lipCrayon_colorList {
    margin-inline: auto;
  }
}
@media (min-width: 767px) {
  .lipCrayon_colorList {
    margin-block-start: 18px;
  }
}

.lipCrayon_colorItem {
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
  transition: width 0.4s ease, opacity 0.4s ease;
  width: 32px;
}
.lipCrayon_colorItem::after {
  aspect-ratio: 1;
  border: 1px solid var(--color-inverse);
  border-radius: 50%;
  content: "";
  display: block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease, filter 0.4s ease;
  width: 112%;
}
@media (hover: hover) and (pointer: fine) {
  .lipCrayon_colorItem:hover {
    opacity: 0.7;
  }
}
.lipCrayon_colorItem img {
  width: 100%;
}

.lipCrayon_colorItem.is_active {
  pointer-events: none;
  width: 46px;
}
.lipCrayon_colorItem.is_active::after {
  filter: drop-shadow(0px 0px 8px #FFF);
  opacity: 0.4;
}

.lipCrayon_colorName {
  margin-block-start: 14px;
  position: relative;
}

.lipCrayon_colorNameItem {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  width: 100%;
}
@media (min-width: 767px) {
  .lipCrayon_colorNameItem {
    align-items: flex-start;
  }
}
.lipCrayon_colorNameItem > span {
  border-bottom: 1px solid var(--color-text-primary);
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 767px) {
  .lipCrayon_colorNameItem > span {
    font-size: 16px;
  }
}

.lipCrayon_colorNameItem:first-child {
  position: relative;
}

.lipCrayon_colorNameItem.is_active {
  opacity: 1;
}

.lipCrayon_colorDesc {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-block-start: 12px;
  position: relative;
}
@media (max-width: 766px) {
  .lipCrayon_colorDesc {
    text-align: center;
  }
}
@media (min-width: 767px) {
  .lipCrayon_colorDesc {
    font-size: 16px;
  }
}
.lipCrayon_colorDesc > span {
  display: block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  width: 100%;
}
.lipCrayon_colorDesc > span[data-no="1"] {
  position: relative;
}
.lipCrayon_colorDesc > span:first-child {
  position: relative;
}
.lipCrayon_colorDesc > span.is_active {
  opacity: 1;
}

.lipCrayon_colorDesc.-align-left {
  text-align: left;
}

.lipCrayon_foot {
  border-top: 1px solid var(--color-border);
  margin-block-start: 20px;
  padding-block-start: 20px;
}
@media (max-width: 766px) {
  .lipCrayon_foot {
    text-align: center;
  }
}

.lipCrayon_price {
  font-size: 3.2rem;
  letter-spacing: 0.02em;
}
@media (max-width: 766px) {
  .lipCrayon_price {
    text-align: center;
  }
}
@media (min-width: 767px) {
  .lipCrayon_price {
    text-align: right;
  }
}
.lipCrayon_price .yen {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
}
.lipCrayon_price .freeShipping {
  border: 1px solid var(--color-text-primary);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 5px 8px 4px 8px;
}

.lipCrayon_button {
  margin-block-start: 16px;
}
@media (min-width: 767px) {
  .lipCrayon_button {
    display: flex;
  }
}

.newLimitedColor {
  position: relative;
}

.newLimitedColor_bg {
  display: block;
  height: auto;
  width: 100%;
}

.newLimitedColor_heading {
  left: 50%;
  position: absolute;
  top: 60px;
  transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 767px) {
  .newLimitedColor_heading {
    top: 80px;
  }
}
.newLimitedColor_heading h2 {
  align-items: center;
  color: var(--color-inverse);
  display: flex;
  flex-direction: column;
  font-size: 4.4rem;
  text-align: center;
}
@media (max-width: 766px) {
  .newLimitedColor_heading h2 {
    line-height: 1.06;
  }
}
@media (min-width: 767px) {
  .newLimitedColor_heading h2 {
    font-size: 60px;
    top: 80px;
  }
}
.newLimitedColor_heading h2 img {
  margin-block-end: 12px;
  width: 17.2rem;
}
@media (min-width: 767px) {
  .newLimitedColor_heading h2 img {
    margin-block-end: 16px;
    width: 286px;
  }
}

.lineUp {
  background-color: #F5E4E7;
  overflow-x: clip;
  padding-block: 8rem;
}

.lineup_heading {
  color: var(--color-primary);
  font-size: 3.2rem;
}
@media (min-width: 767px) {
  .lineup_heading {
    font-size: 48px;
  }
}

@media (max-width: 766px) {
  .lineup_slide {
    max-width: 14.1rem;
    overflow: visible !important;
  }
}

.lineup_list {
  margin-block-start: 16px;
}
@media (min-width: 767px) {
  .lineup_list {
    display: flex;
    gap: 32px;
    margin-block-start: 40px;
  }
}

.lineup_trigger {
  border: 1px solid var(--color-primary);
  border-radius: 200px 200px 12px 12px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: opacity 0.4s ease;
}
@media (min-width: 767px) {
  .lineup_trigger {
    border-radius: 400px 400px 28px 28px;
    border-width: 2px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .lineup_trigger:hover {
    opacity: 0.7;
  }
}

.lineup_pagination {
  bottom: unset !important;
  margin-block-start: 24px;
  position: relative !important;
  top: unset !important;
}
.lineup_pagination .swiper-pagination-bullet {
  background-color: rgba(var(--color-primary-rgb), 0.2);
  margin-inline: 6px;
  opacity: 1;
}
.lineup_pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}

/* モーダルアニメーション */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(3%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-3%);
  }
}
.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal[aria-hidden=false] .modal_overlay {
  animation: mmfadeIn 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=false] .modal_container {
  animation: mmslideIn 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal_overlay {
  animation: mmfadeOut 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal_container {
  animation: mmslideOut 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.modal .modal_container,
.modal .modal_overlay {
  will-change: transform;
}

.modal_overlay {
  -webkit-backdrop-filter: blur(10px);
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--layer-modal);
}

.modal_close {
  height: 50px;
  position: fixed;
  right: 12px;
  top: 8px;
  transition: opacity 0.3s ease;
  width: 50px;
}
@media (min-width: 767px) {
  .modal_close {
    right: 10%;
    top: 5%;
  }
}
.modal_close::before, .modal_close::after {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
}
@media (min-width: 767px) {
  .modal_close::before, .modal_close::after {
    width: 42px;
  }
}
.modal_close::before {
  transform: translate(-50%, -50%) rotate(25deg);
}
.modal_close::after {
  transform: translate(-50%, -50%) rotate(-25deg);
}
@media (hover: hover) and (pointer: fine) {
  .modal_close:hover {
    opacity: 0.5;
  }
}

.modal_container {
  max-height: 85vh;
  max-width: 93%;
  position: relative;
  width: 100%;
}
@media (min-width: 767px) {
  .modal_container {
    max-height: 90vh;
    max-width: 498px;
  }
}

.modal_inner {
  background-color: var(--color-inverse);
  border-radius: 200px 200px 12px 12px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 4.8rem 2rem;
  width: 100%;
}
@media (min-width: 767px) {
  .modal_inner {
    border-radius: 400px 400px 12px 12px;
    padding: 48px 80px;
  }
}
.modal_inner::-webkit-scrollbar {
  display: none;
}

.modal_mainImgWrap {
  display: block;
  position: relative;
}

.modal_mainImgWrap.is_before,
.modal_mainImgWrap.is_sold {
  pointer-events: none;
}
.modal_mainImgWrap.is_before::before,
.modal_mainImgWrap.is_sold::before {
  color: var(--color-primary);
  display: block;
  font-family: var(--ff-en);
  font-size: 20px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 60%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}
@media (min-width: 767px) {
  .modal_mainImgWrap.is_before::before,
  .modal_mainImgWrap.is_sold::before {
    font-size: 24px;
  }
}
.modal_mainImgWrap.is_before::after,
.modal_mainImgWrap.is_sold::after {
  background-color: rgba(var(--color-inverse-rgb), 0.8);
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: calc(100% + 30px);
  z-index: 2;
}
.modal_mainImgWrap.is_before .modal_mainImg,
.modal_mainImgWrap.is_sold .modal_mainImg {
  filter: grayscale(100%);
}

.modal_mainImgWrap.is_before::before {
  content: "Coming Soon";
}

.modal_mainImgWrap.is_sold::before {
  content: "Sold Out";
}

.modal_icons {
  position: absolute;
  right: -4px;
  top: 16px;
  z-index: 1;
}
@media (min-width: 767px) {
  .modal_icons {
    right: -12px;
    top: 36px;
  }
}

.modal_icon {
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: grid;
  opacity: 0;
  place-items: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
  width: 118px;
}

.modal_icon.is_active {
  opacity: 1;
}

.modal_icon.-eyeBalm {
  border: 1px solid #D3A49D;
}
.modal_icon.-eyeBalm p {
  color: #D3A49D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.modal_icon.-eyeBalm p span {
  display: block;
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: 500;
}

.modal_icon.-pressedCheek {
  border: 1px solid var(--color-primary);
}
.modal_icon.-pressedCheek p {
  color: var(--color-primary);
  font-family: var(--font-en);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
.modal_icon.-pressedCheek p span {
  display: block;
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: 400;
}
.modal_icon.-pressedCheek p span:first-child {
  font-family: var(--ff-base);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}
.modal_icon.-pressedCheek p span:nth-child(2) {
  font-size: 16px;
}
.modal_icon.-pressedCheek p span:nth-child(2) span {
  display: inline;
  font-size: 12px;
}

.modal_mainImg {
  position: relative;
  z-index: 2;
}
.modal_mainImg img {
  aspect-ratio: 305/188;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.5s ease;
  width: 100%;
}
.modal_mainImg img:first-child {
  position: relative;
}
.modal_mainImg img.is_active {
  opacity: 1;
}

.modal_title {
  font-size: 2rem;
  font-weight: 600;
  margin-block-start: 20px;
  text-align: center;
}
@media (min-width: 767px) {
  .modal_title {
    font-size: 24px;
  }
}

.modal_colorList {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: space-between;
  margin-block-start: 10px;
  margin-inline: auto;
  width: 192px;
}
@media (min-width: 767px) {
  .modal_colorList {
    margin-block-start: 18px;
  }
}

.modal_colorItem {
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
  transition: width 0.4s ease, opacity 0.4s ease;
  width: 32px;
}
.modal_colorItem::after {
  aspect-ratio: 1;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  content: "";
  display: block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease, filter 0.4s ease;
  width: 112%;
}
@media (hover: hover) and (pointer: fine) {
  .modal_colorItem:hover {
    opacity: 0.7;
  }
}

.modal_colorItem.is_active {
  pointer-events: none;
  width: 46px;
}
.modal_colorItem.is_active::after {
  filter: drop-shadow(0px 0px 8px #FFF);
  opacity: 0.4;
}

.modal_colorName {
  margin-block-start: 14px;
  position: relative;
}

.modal_colorNameItem {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  width: 100%;
}
.modal_colorNameItem > span:first-child {
  border-bottom: 1px solid var(--color-text-primary);
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 767px) {
  .modal_colorNameItem > span:first-child {
    font-size: 16px;
  }
}
.modal_colorNameItem > span:nth-child(2) {
  background-color: var(--color-primary);
  border-radius: 4px;
  color: var(--color-inverse);
  display: inline-block;
  font-size: 1.2rem;
  margin-block-start: 10px;
  padding: 2px 8px;
}
@media (min-width: 767px) {
  .modal_colorNameItem > span:nth-child(2) {
    font-size: 14px;
  }
}

.modal_colorNameItem:first-child {
  position: relative;
}

.modal_colorNameItem.is_active {
  opacity: 1;
}

.modal_colorDesc {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-block-start: 8px;
  position: relative;
  text-align: center;
}
@media (min-width: 767px) {
  .modal_colorDesc {
    font-size: 16px;
  }
}
.modal_colorDesc > span {
  display: block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  width: 100%;
}
.modal_colorDesc > span:first-child {
  position: relative;
}
.modal_colorDesc > span.is_active {
  opacity: 1;
}

.modal_colorDesc.-align-left {
  text-align: left;
}

#modal-4 .modal_colorDesc {
  height: 4lh;
}

.modal_foot {
  border-top: 1px solid var(--color-border);
  margin-block-start: 30px;
  padding-block-start: 20px;
  text-align: center;
}

.modal_price {
  font-size: 3.2rem;
  letter-spacing: 0.02em;
  text-align: center;
}
.modal_price .yen {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
}
.modal_price .freeShipping {
  border: 1px solid var(--color-text-primary);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 5px 8px 4px 8px;
}

.modal_button {
  margin-block-start: 16px;
}

.foot-bgArea {
  background: url(../img/look/look_bg_sp.webp) no-repeat center center/cover;
}
@media (min-width: 767px) {
  .foot-bgArea {
    background-image: url(../img/look/look_bg_pc.webp);
  }
}

.look {
  overflow-x: clip;
  padding-block-start: 80px;
}
@media (min-width: 767px) {
  .look {
    padding-block-start: 120px;
  }
}

.look_visual {
  margin-inline: auto;
  max-width: 496px;
}

.look_heading {
  color: var(--color-inverse);
  font-size: 4.8rem;
}
@media (min-width: 767px) {
  .look_heading {
    font-size: 68px;
  }
}

.look_topVisual {
  margin-top: 24px;
  z-index: 1;
}
@media (min-width: 767px) {
  .look_topVisual {
    margin-block-start: 60px;
  }
}
.look_topVisual img {
  display: block;
  filter: var(--shadow1);
  z-index: 1;
}

.look_howTo {
  margin-top: 40px;
}

.look_howTo_heading {
  color: var(--color-primary);
  font-size: 2.4rem;
  font-weight: 600;
}

.look_howTo_list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin-block-start: 16px;
}
@media (min-width: 767px) {
  .look_howTo_list {
    margin-block-start: 24px;
  }
}
.look_howTo_list a {
  border: 1px solid var(--color-inverse);
  border-radius: 8px;
  display: block;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .look_howTo_list a {
    border-width: 2px;
  }
}
.look_howTo_list a::after {
  background: url(../img/common/icon_chevron_down.png) no-repeat center center/contain;
  bottom: 12px;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 12px;
  z-index: 2;
}
@media (min-width: 767px) {
  .look_howTo_list a::after {
    bottom: 18px;
    height: 10px;
    width: 20px;
  }
}

.look_block {
  margin-block-start: 32px;
}
@media (min-width: 767px) {
  .look_block {
    margin-block-start: 40px;
  }
}
.look_block hgroup {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.look_block hgroup::before {
  background-color: var(--color-primary);
  content: "";
  height: 24px;
  opacity: 0.2;
  width: 2px;
}
.look_block hgroup p {
  font-size: 2rem;
}
.look_block hgroup h4 {
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.look_slider {
  overflow: visible !important;
}

.look_list {
  margin-block-start: 32px;
}

.look_item {
  height: auto !important;
}

.look_item_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.look_item_visual {
  border-radius: 8px;
}
@media (min-width: 767px) {
  .look_item_visual {
    border-radius: 12px;
    filter: var(--shadow1);
  }
}

.look_item_desc {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  gap: 8px;
  margin-block-start: 20px;
}
@media (min-width: 767px) {
  .look_item_desc {
    align-items: center;
    margin-block-start: 32px;
  }
}
.look_item_desc img {
  flex-shrink: 0;
  width: 100px;
}
@media (min-width: 767px) {
  .look_item_desc img {
    filter: var(--shadow1);
    width: 120px;
  }
}
.look_item_desc p {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media (min-width: 767px) {
  .look_item_desc p {
    font-size: 16px;
  }
}

.look_item_button {
  background-color: rgba(var(--color-inverse-rgb), 0.8);
  border-radius: 100vmax;
  color: var(--color-primary);
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-block-start: 20px;
  padding: 8px;
  text-align: center;
}
@media (min-width: 767px) {
  .look_item_button {
    filter: var(--shadow1);
    font-size: 16px;
  }
}

.release {
  padding-block: 80px;
}
@media (min-width: 767px) {
  .release {
    padding-block-end: 100px;
    padding-block-start: 120px;
  }
}

.release_heading {
  color: var(--color-primary);
  font-size: 3rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
@media (min-width: 767px) {
  .release_heading {
    font-size: 40px;
  }
}

.release_box {
  background-color: var(--color-inverse);
  border-radius: 200px 200px 12px 12px;
  margin-block-start: 12px;
  margin-inline: auto;
  max-width: 672px;
  padding: 52px 24px 40px;
  text-align: center;
}
@media (min-width: 767px) {
  .release_box {
    border-radius: 400px 400px 12px 12px;
    margin-block-start: 24px;
    padding: 82px 46px 40px;
  }
}
.release_box .font-en {
  font-family: var(--ff-en);
}

.release_block.-reserve h4,
.release_block.-all h4 {
  color: var(--color-primary);
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.8;
}
.release_block.-reserve p,
.release_block.-all p {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.8;
}
.release_block.-reserve p .font-lg,
.release_block.-all p .font-lg {
  font-size: 2.6rem;
  font-weight: 400;
}
.release_block.-reserve p .font-en,
.release_block.-all p .font-en {
  letter-spacing: 0.1em;
}

.release_block.-reserve {
  padding-block-end: 28px;
}
@media (min-width: 767px) {
  .release_block.-reserve {
    padding-block-end: 48px;
  }
}

.release_block.-store {
  border-top: 1px solid var(--color-border);
  padding-block: 28px;
}
@media (min-width: 767px) {
  .release_block.-store {
    display: flex;
    padding-block: 48px;
  }
}
@media (min-width: 767px) {
  .release_block.-store > div {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}
.release_block.-store > div h4 {
  color: var(--color-primary);
  font-family: var(--ff-en);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .release_block.-store > div h4 {
    display: grid;
    flex-grow: 1;
    place-content: center;
  }
}
.release_block.-store > div h4 span {
  font-size: 1.4rem;
}
.release_block.-store > div h4.lh-tight {
  line-height: 1.2;
}
@media (min-width: 767px) {
  .release_block.-store > div h4.lh-tight {
    line-height: 1.4;
  }
}
.release_block.-store > div > span {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.5;
  margin-block-start: 20px;
  padding: 1px 4px;
  text-indent: 0.14em;
}
.release_block.-store > div > p {
  margin-top: 12px;
}
.release_block.-store > div > p > span {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.release_block.-store > div > p > span .font-lg {
  font-size: 2.6rem;
}
.release_block.-store > div > p > span .font-en {
  font-family: var(--ff-en);
  letter-spacing: 0.06em;
}
.release_block.-store > div > p > span:last-child {
  margin-block-start: 28px;
  position: relative;
}
.release_block.-store > div > p > span:last-child::before {
  background-color: var(--color-text-primary);
  content: "";
  height: 20px;
  left: 50%;
  position: absolute;
  top: -24px;
  transform: translateX(-50%);
  width: 1px;
}
@media (max-width: 766px) {
  .release_block.-store > div:first-child {
    padding-block-end: 28px;
  }
}
@media (min-width: 767px) {
  .release_block.-store > div:first-child {
    padding-inline-end: 28px;
  }
}
@media (max-width: 766px) {
  .release_block.-store > div:last-child {
    border-top: 1px solid var(--color-border);
    padding-block-start: 28px;
  }
}
@media (min-width: 767px) {
  .release_block.-store > div:last-child {
    border-left: 1px solid var(--color-border);
    padding-inline-start: 28px;
  }
}

.release_block.-all {
  border-top: 1px solid var(--color-border);
  padding-block-start: 28px;
}
@media (min-width: 767px) {
  .release_block.-all {
    padding-block-start: 48px;
  }
}
.release_block.-all h4 {
  font-size: 2rem;
}

.is_hidden {
  display: none !important;
}

@media (min-width: 767px) {
  .is_only_sp {
    display: none !important;
  }
}

@media (max-width: 766px) {
  .is_only_pc {
    display: none !important;
  }
}
.insta_banner{
	    margin: 30px 0 0;
}
@media (min-width: 767px) {
	.insta_banner{
		width: 50%;
	    margin: 30px auto 0;
}
}
/*# sourceMappingURL=sourcemaps/style.css.map */