@charset "UTF-8";
/* ===============================================
  * Common Styles - サイト全体で共通のスタイル *
=============================================== */
/* ===============================================
  * Base *
=============================================== */
:root {
  --padding-horizontal-global: 4%;
}
@media screen and (min-width: 768px) {
  :root {
    /* --container-default: min(100%, calc(114rem + (var(--padding-horizontal-global) * 2))); */
    --padding-horizontal-global: min(4.375%, 7rem);
  }
}

html {
  font-size: 62.5%;
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
  overflow-y: scroll;
  scroll-behavior: smooth;
  scroll-padding-top: var(--height-header);
}
@media screen and (min-width: 768px) {
  html {
    font-size: 10px;
  }
}
html[data-scroll-fixed=active] {
  overflow: hidden;
}
html:has(input[type=email]:focus), html:has(input[type=number]:focus), html:has(input[type=password]:focus), html:has(input[type=search]:focus), html:has(input[type=tel]:focus), html:has(input[type=text]:focus), html:has(input[type=url]:focus) {
  scroll-padding: initial !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  html {
    font-size: calc(10 * 100vw/1200);
  }
}
body {
  width: 100%;
  color: var(--color-text-default);
}
body.is-fixed {
  position: fixed;
  left: 0;
}

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

:where(a) {
  color: var(--color-textlink, inherit);
}

img{
  pointer-events: none;
  user-select: none;
}
/* ===============================================
  * Utilities *
=============================================== */
.u-visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(0px 0px 99.9% 99.9%);
}

/* ===============================================
  * Animation *
=============================================== */
[data-animation-type] {
  --animation-hover: 150ms ease-in;
}

@media screen and (min-width: 768px) and (hover: none) {
  [data-animation-type=text-underline] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  [data-animation-type=text-underline]:active {
    text-decoration: underline !important;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-moz-touch-enabled: 0), screen and (min-width: 768px) and (hover: hover) {
  [data-animation-type=text-underline]:hover {
    text-decoration: underline !important;
  }
}

[data-animation-type=opacity] {
  transition: opacity var(--animation-hover);
}

@media (hover: none) {
  [data-animation-type=opacity] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  [data-animation-type=opacity]:active {
    opacity: var(--hover-opacity);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  [data-animation-type=opacity]:hover {
    opacity: var(--hover-opacity);
  }
}

[data-animation-type=image-circle] {
  display: grid;
  place-content: center;
  border-radius: 4px;
  transition: border-radius var(--animation-hover), background var(--animation-hover);
}

@media (hover: none) {
  [data-animation-type=image-circle] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  [data-animation-type=image-circle]:active {
    background-color: var(--color-gray-500);
    border-radius: 50%;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  [data-animation-type=image-circle]:hover {
    background-color: var(--color-gray-500);
    border-radius: 50%;
  }
}
[data-animation-type=image-circle] > * {
  transition: scale var(--animation-hover);
}
@media (hover: none) {
  [data-animation-type=image-circle] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  [data-animation-type=image-circle]:active > * {
    scale: 0.8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  [data-animation-type=image-circle]:hover > * {
    scale: 0.8;
  }
}

/* ===============================================
  * Layout *
=============================================== */
.global-contents__inner {
  width: 100%;
  margin-inline: auto;
  padding-bottom: 8rem;
}
@media screen and (min-width: 768px) {
  .global-contents__inner {
    width: var(--container-default);
    padding-bottom: 10rem;
  }
}

.global-container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100svh;
}

.global-content__fluid-wrapper {
  width: var(--container-default);
  margin: auto;
  padding-right: var(--padding-horizontal-global) !important;
  padding-left: var(--padding-horizontal-global) !important;
}


.m-product-list{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem 0;
}
@media screen and (min-width: 768px) {
  .global-contents__inner {
    width: var(--container-default);
    padding-bottom: 10rem;
  }
  .m-product-list{
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 0;
  }
}
.m-product-item__inner{
  text-decoration: unset;
}
.c-cicon__list{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.3rem 1rem;
}
.c-cicon__list-item{
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.c-cicon__list-item::after{
  content: '';
  width: 100%;
  height: 1px;
  background: var(--color-primary);
}
.c-cicon__list-item.c-cicon__list-item--5{
  color: var(--color-text-sale);
}
.c-cicon__list-item.c-cicon__list-item--5::after{
  background: var(--color-text-sale);
}
.c-cicon__list-item-batch{
  width: 4.8rem;
  aspect-ratio: 1;
  position: absolute;
  top: .5rem;
  right: .45rem;
  background: var(--color-primary);
  border-radius: 4em;
  display: grid;
  place-content: center;

  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #fff;
  pointer-events: none;
}
.m-product-item__image-area{
  position: relative;
}
.m-product-item__soldout{
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-block: 1rem;

  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, .5);

  width: 100%;
  /* height: max-content; */
  height: 100%;

  pointer-events: none;
}

.m-product-item__information{
  margin-top: 1.7rem;
  padding-inline: .8rem;
  display: block;
}
.m-product-item__information{
  text-decoration: unset;
}
.m-product-item__cicon{
  margin-bottom: 1.6rem;
}
.m-product-item__name{
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .05em;
}

.m-product-item__price-list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;

}
.m-product-item__price--base{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;

}
.m-product-item__price--sale{
  color: var(--color-text-sale);
}
.m-product-item__price--proper{
  font-size:1.5rem;
}
.m-product-item__price--proper .c-through-line{
  position: relative;
}
.m-product-item__price--proper .c-through-line::after{
  content: '';
  width: 100%;
  height: 1px;
  background: var(--color-text-default);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}
.m-product-item__price--tax{
  font-size: 1rem;
  color: var(--color-text-tax);
}

@media screen and (min-width: 768px) {
  .c-cicon__list{
    gap: 1rem;
  }
  .c-cicon__list-item{
    gap: .6rem;
  }
  .c-cicon__list-item-batch{
    width: 4.8rem;
    top: 1rem;
    right: 2rem;
  
    font-size: 1.2rem;
  }
  .m-product-item__soldout{
    padding-block: 1rem;
  
    font-size: 1.4rem;
  }
  
  .m-product-item__information{
    margin-top: 1.3rem;
    padding-inline: .9rem;
  }
  .m-product-item__cicon{
    margin-bottom: 1.8rem;
  }
  .m-product-item__name{
    margin-bottom: 1.8rem;
  }
  
  .m-product-item__price-list{
    flex-wrap: wrap;
    flex-direction: row;
    gap: .8rem;
  }

}

/* ===============================================
  * Tab *
=============================================== */
.c-section-heading{
  margin-inline: auto;
  width: var(--container-default);
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.tab__menu{
  margin-block: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab__menu__inner{
  background: var(--color-tertiary);
  border-radius: 4em;
  display: flex;
  overflow: hidden;
}
.tab__menu-item{
  padding: 1.4rem 2rem 1.2rem;
  display: grid;
  place-content: center;
  font-size: 1.4rem;
  font-family: var(--font-ja);
  line-height: 1;
  letter-spacing: 0.05em;
  color: #676767;
  transition: background var(--transition-default), color var(--transition-default);
  border-radius: 4em;
}
.tab__menu-item.is-active{
  background: var(--color-text-default);
  color: #fff;
  pointer-events: none;
}

.tab__panel-box {
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.tab__panel-box.is-show {
  overflow: visible;
  height: auto;
  opacity: 1;
  transition: opacity .4s ease-in-out;
}
.p-top-contents__tab-list-inner{
  margin: 4rem auto 0;
  width: 100%;
}
[data-section="recommend-rental"] .scroll-in{
  opacity: 0;
  translate: 0 20px;
}
[data-section="recommend-rental"] .scroll-in.ignition{
  opacity: 1;
  transition: .5s ease;
  translate: 0 0;
}
@media (min-width: 768px) {
  .c-section-heading{
    position: relative;
    width: var(--container-default);
  }
  .tab__menu{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .p-top-contents__tab-list-inner{
    margin: 4rem auto 0;
    /* width: min(97.22222svw,140rem); */
  }
    
  [data-section="recommend-rental"] .scroll-in.ignition:nth-child(2){
    transition-delay: .15s;
  }
  [data-section="recommend-rental"] .scroll-in.ignition:nth-child(3){
    transition-delay: .3s;
  }
  [data-section="recommend-rental"] .scroll-in.ignition:nth-child(4){
    transition-delay: .45s;
  }
}

/* ===============================================
  * History & Swiper *
=============================================== */
/* 【MEMO】
マージン、幅等は未設定になります。 */
/* History */
.l-history-list{
  width: 100vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .l-history-list{
    width: 100%;
  }
  [data-section="history"] .product-list--history-inner{
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .history__item:nth-child(n + 9){
    display: none;
  }
  [data-section="history"] .c-swiper-controller{
    display: none;
  }
}
/* Swiper */
.c-swiper-controller .swiper-button-prev,
.c-swiper-controller .swiper-button-next{
  width: 4rem;
  height: 4rem;
  margin-top: unset;
  background: rgba(85,85,85,1);
  transition: opacity var(--transition-default);
  opacity: .6;
}
[data-section="mv"] .c-swiper-controller .swiper-button-prev,
[data-section="mv"] .c-swiper-controller .swiper-button-next{
  /* transition: background var(--transition-default);
  background: rgba(85,85,85,1); */
  opacity: 1;
}
.c-swiper-controller .swiper-button-prev{
  left: 0;
  right: unset;
}
.c-swiper-controller .swiper-button-next{
  right: 0;
  left: unset;
}
.c-swiper-controller .swiper-button-next:after,
.c-swiper-controller .swiper-rtl .swiper-button-prev:after,
.c-swiper-controller .swiper-button-prev:after,
.c-swiper-controller .swiper-rtl .swiper-button-next:after{
  content: '';
  width: 4rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-swiper-controller .swiper-button-next:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13844%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013844%22%20transform%3D%22translate(14301%20-7703)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_307%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20307%22%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(-14301%207703)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22Icon_feather-arrow-right%22%20data-name%3D%22Icon%20feather-arrow-right%22%20transform%3D%22translate(-14287.532%207716.469)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22757%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022757%22%20d%3D%22M20.766%2C19H7.5a1%2C1%2C0%2C0%2C1%2C0-2H20.766a1%2C1%2C0%2C1%2C1%2C0%2C2Z%22%20transform%3D%22translate(-7.5%20-11.367)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22758%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022758%22%20d%3D%22M18%2C21.766a1%2C1%2C0%2C0%2C1-.707-1.707l5.926-5.926L17.293%2C8.207a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.633%2C6.633a1%2C1%2C0%2C0%2C1%2C0%2C1.414l-6.633%2C6.633A1%2C1%2C0%2C0%2C1%2C18%2C21.766Z%22%20transform%3D%22translate(-11.367%20-7.5)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-swiper-controller .swiper-button-prev:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13845%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013845%22%20transform%3D%22translate(14412%20-7703)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_307%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20307%22%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(-14372%207743)%20rotate(180)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22Icon_feather-arrow-right%22%20data-name%3D%22Icon%20feather-arrow-right%22%20transform%3D%22translate(-14385.468%207729.531)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22757%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022757%22%20d%3D%22M20.766%2C19H7.5a1%2C1%2C0%2C0%2C1%2C0-2H20.766a1%2C1%2C0%2C1%2C1%2C0%2C2Z%22%20transform%3D%22translate(-7.5%20-11.367)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22758%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022758%22%20d%3D%22M18%2C21.766a1%2C1%2C0%2C0%2C1-.707-1.707l5.926-5.926L17.293%2C8.207a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.633%2C6.633a1%2C1%2C0%2C0%2C1%2C0%2C1.414l-6.633%2C6.633A1%2C1%2C0%2C0%2C1%2C18%2C21.766Z%22%20transform%3D%22translate(-11.367%20-7.5)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-swiper-controller .swiper-button-prev.swiper-button-disabled,
.c-swiper-controller .swiper-button-next.swiper-button-disabled{
  opacity: .5;
}



/* ===============================================
  * Instagram *
=============================================== */
html:has([data-section="instagram"]){
  scroll-behavior: unset;
}
[data-section="instagram"] {
  margin-top: 8rem;
}
.c-instagram-list{
  margin-top: 3rem;
}
[data-section="instagram"] .letroHeadTitle,
[data-section="instagram"] .letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetConsumerProtection,
[data-section="instagram"] .letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetWatermark,
[data-section="instagram"] .letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetWatermark *,
[data-section="instagram"] .letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetConsumerProtection.isMobile{
  display: none!important;
}


.c-button-area-instagram{
  padding-inline: 9.75rem;
}
[data-section="instagram"] .letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton{
  padding-inline: 8.75rem!important;
}
[data-section="instagram"] .letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a{
  margin-block: 4rem 0!important;
  margin-inline: auto!important;
  padding-block: 1.2rem 1.1rem!important;
  display: grid!important;
  place-content: center!important;
  font-size: 1.3rem!important;
  line-height: 1!important;
  letter-spacing: 0.05em!important;
  color: #fff!important;
  border-radius: unset!important;
  background: #A3A3A3;
  text-decoration: unset;
  border: unset!important;
}

@media screen and (min-width: 768px) {
  .l-instagram__inner{
    margin-inline: auto;
    width: var(--container-default);
  }
  [data-section="instagram"] {
    margin-top: 12.3rem;
  }
  .c-instagram-list{
    margin-top: 4rem;
  }

  .c-button-area-instagram{
    padding-inline: unset;
  }
  [data-section="instagram"] .letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton{
    padding-top: 0!important;
    padding-inline: unset!important;
  }
  [data-section="instagram"] .letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a{
    margin-block: 5rem 0!important;
    width: 18rem!important;
  }
}

@media (hover: hover) {
  .c-swiper-controller .swiper-button-prev:hover,
  .c-swiper-controller .swiper-button-next:hover{
    /* background: rgba(85,85,85,.6); */
    opacity: 1;
  }
  [data-section="mv"] .c-swiper-controller .swiper-button-prev:hover,
  [data-section="mv"] .c-swiper-controller .swiper-button-next:hover{
    /* background: rgba(85,85,85,.6); */
    opacity: .6;
  }
  .tab__menu-item:not(.is-active):hover{
    background: var(--color-gray-400);
    color: #fff;
  }
  .m-product-item__inner{
    transition: opacity var(--transition-default);
  }
  .m-product-item__inner:hover{
    opacity: var(--hover-opacity);
  }
  [data-section="instagram"] .letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a:hover{
    transition: background var(--transition-default)!important;
    background: var(--color-primary)!important;
  }
}

/*# sourceMappingURL=common_global.css.map */