:root{--font-weight-medium:500;--font-weight-bold:700;}
.information-details-content-wrapper button.button-back img, .product-content .product-content-tag-list li a img, .not-found-content-wrapper button.button-back img, .reset-password-content-wrapper button.button-back img, .myaccount__nav-list li a img, .mfp-close.mfp-close--custom img, .cmn-header__navigation-sp__nav-list li a img,
.cmn-header__navigation-sp__nav-list li span img, .button-text img, .button-icon img, .button-change img, .button-gray img{
  filter: invert(34%) sepia(51%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(81%);
}

@media all and (min-width: 992px){
.information-details-content-wrapper button.button-back img, .product-content .product-content-tag-list li a img, .not-found-content-wrapper button.button-back img, .reset-password-content-wrapper button.button-back img, .myaccount__nav-list li a img, .mfp-close.mfp-close--custom img, .cmn-header__navigation-sp__nav-list li a img,
  .cmn-header__navigation-sp__nav-list li span img, .button-text img, .button-icon img, .button-change img, .button-gray img{
    transition: 0.3s;
  }
}

@media all and (min-width: 992px){
.information-details-content-wrapper button.button-back, .product-content .product-content-tag-list li a, .not-found-content-wrapper button.button-back, .reset-password-content-wrapper button.button-back, .myaccount__nav-list li a, .mfp-close.mfp-close--custom, .cmn-header__navigation-sp__nav-list li a,
  .cmn-header__navigation-sp__nav-list li span, .button-text, .button-icon, .button-change, .button-gray{
    transition: 0.3s;
  }
.information-details-content-wrapper button.button-back:hover img, .product-content .product-content-tag-list li a:hover img, .not-found-content-wrapper button.button-back:hover img, .reset-password-content-wrapper button.button-back:hover img, .myaccount__nav-list li a:hover img, .mfp-close.mfp-close--custom:hover img, .cmn-header__navigation-sp__nav-list li a:hover img,
  .cmn-header__navigation-sp__nav-list li span:hover img, .button-text:hover img, .button-icon:hover img, .button-change:hover img, .button-gray:hover img{
    filter: none;
  }
}

@media screen and (max-width: 991px){
.pcOnly{
    display: none !important;
  }
}

@media all and (min-width: 992px){
.spOnly{
    display: none !important;
  }
}

.card-mask{
  position: relative;
}

.card-mask__bg{
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 992px){
.card-mask__bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
}

@media all and (min-width: 992px){
.card-mask:hover .card-mask__bg::before{
    opacity: 1;
    transform: translateY(0);
  }
}

.cmn-footer{
  margin-top: auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 81px;
  min-height: 414px;
}

@media screen and (max-width: 991px){
.cmn-footer{
    padding-top: 46px;
    min-height: 276px;
  }
}

.cmn-footer::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 164px;
  background: url(../assets/images/footer_pattern.svg) repeat-x;
  background-position: top center;
  background-size: auto 100%;
}

@media screen and (max-width: 991px){
.cmn-footer::before{
    height: 110px;
  }
}

.cmn-footer__inner{
  position: relative;
  min-height: 333px;
  background-color: #ddd;
  padding-top: 83px;
  padding-right: 20px;
  padding-bottom: 54px;
  padding-left: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 991px){
.cmn-footer__inner{
    min-height: 230px;
    padding-top: 64px;
  }
}

.cmn-footer__copyright{
  position: absolute;
  left: 0;
  bottom: 13px;
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  text-align: center;
}

@media screen and (max-width: 991px){
.cmn-footer__copyright{
    bottom: 12px;
    font-size: 0.75rem;
    line-height: 2.5;
  }
}

.cmn-footer__blocks{
  display: flex;
  flex-direction: row;
}

@media all and (min-width: 992px){
.cmn-footer__blocks{
    justify-content: center;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 991px){
.cmn-footer__blocks{
    flex-direction: column;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item{
    max-width: 210px;
    flex-basis: 16.935483871%;
    margin-left: 3.2258064516%;
  }
}

@media screen and (max-width: 991px){
.cmn-footer__block-item{
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item:nth-child(1){
    order: 3;
    max-width: 240px;
    flex-basis: 19.3548387097%;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item:nth-child(2){
    order: 1;
    margin-left: 0;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item:nth-child(3){
    order: 2;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item:nth-child(4){
    order: 4;
  }
}

@media all and (min-width: 992px){
.cmn-footer__block-item:nth-child(5){
    order: 5;
  }
}

.cmn-footer__logo{
  padding-top: 20px;
  text-align: center;
}

.cmn-footer__logo img{
  width: 240px;
}

@media screen and (max-width: 991px){
.cmn-footer__logo img{
    width: 180px;
  }
}

.cmn-footer__block-item + .cmn-footer__block-item{
  margin-top: 20px;
}

.cmn-footer__label{
  border-bottom: solid 2px #ccc;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: var(--font-weight-medium);
}

@media all and (min-width: 992px){
.cmn-footer__label{
    margin-top: -6px;
  }
}

.cmn-footer__link-list{
  margin-top: 20px;
}

.cmn-footer__link-list li{
  font-size: 1rem;
  line-height: 1.25;
}

.cmn-footer__link-list li + li{
  margin-top: 12px;
}

.cmn-footer__link-list a:link, .cmn-footer__link-list a:visited{
  color: #666;
  transition: color 0.3s ease-out;
}

.cmn-footer__link-list a:hover, .cmn-footer__link-list a:active{
  color: #000;
  text-decoration: underline;
}

.cmn-footer__link-list + .cmn-footer__label, .cmn-footer__input + .cmn-footer__label, .cmn-footer__input-error-text + .cmn-footer__label, .cmn-footer__input-success-text + .cmn-footer__label, form.sendgrid + .cmn-footer__label{
  margin-top: 20px;
}

.cmn-footer__social-list ul{
  display: flex;
  padding-top: 20px;
}

.cmn-footer__social-list li + li{
  margin-left: 18px;
}

.cmn-footer__social-list svg{
  width: 40px;
  height: 40px;
}

.cmn-footer__social-list a:link .cmn-footer__svg-base-color, .cmn-footer__social-list a:visited .cmn-footer__svg-base-color{
  fill: #666;
  transition: all 0.3s ease-out;
}

.cmn-footer__social-list a:hover .cmn-footer__svg-base-color, .cmn-footer__social-list a:active .cmn-footer__svg-base-color{
  fill: #000;
}

.cmn-footer__payment{
  padding-top: 20px;
}

.cmn-footer__payment img{
  width: 182px;
  aspect-ratio: 182/213;
}

.cmn-footer__input-error-text{
  display: none;
  color: #ff006c;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 8px;
}

.cmn-footer__input-success-text{
  display: none;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 8px;
}

.cmn-footer__input{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 20px;
  height: 44px;
  width: 100%;
}

@media screen and (max-width: 991px){
.cmn-footer__input{
    margin-top: 5.3333333333%;
  }
}

.cmn-footer__input .input__text{
  border: none;
  width: calc(100% - 24px);
}

.cmn-footer__input .button-footer-email-submit{
  background: #666;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 24px;
}

.cmn-footer__input .button-footer-email-submit:hover{
  background: #000;
  transition: 0.3s;
}

.cmn-footer__input .button-footer-email-submit img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(18deg) brightness(105%) contrast(104%);
}

.cmn-footer__input-error + .cmn-footer__input-error-text{
  display: block;
}

.cmn-footer__input-success + .cmn-footer__input-success-text{
  display: block;
}

.cmn-header{
  position: relative;
  width: 100%;
  z-index: 99;
  transition: top 300ms ease-out;
}

.home .cmn-header, .product .cmn-header{
  position: absolute;
}

body.header-is-fixed .cmn-header{
  position: fixed;
}

@media print{
body.header-is-fixed .cmn-header{
    position: absolute;
  }
}

.cmn-header__main{
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 991px){
.cmn-header__main{
    height: 60px;
  }
}

.cmn-header__main__list{
  position: relative;
  margin-left: max(min(140px + 100% - 1315px, 140px), 40px);
}

@media screen and (max-width: 991px){
.cmn-header__main__list{
    display: none;
  }
}

.cmn-header__main__list ul{
  position: relative;
  display: flex;
}

.cmn-header__main__list li{
  position: relative;
  font-size: 1rem;
  line-height: 2.125;
  font-weight: var(--font-weight-medium);
  color: #000;
  letter-spacing: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}

.cmn-header__main__list li a:hover,
.cmn-header__main__list li a:active{
  text-decoration: none;
}

.cmn-header__main__list li + li{
  margin-left: max(min(2px + 48 * (100vw - 992px) / 323, 50px), 20px);
}

.cmn-header__main__list__selected{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  opacity: 0;
}

.cmn-header__main__menu{
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
}

@media screen and (max-width: 991px){
.cmn-header__main__menu{
    padding-right: 10px;
    padding-left: 20px;
  }
}

.cmn-header__main__menu > ul{
  display: flex;
}

.cmn-header__main__menu > ul li{
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cmn-header__main__menu > ul li + li{
  margin-left: 20px;
}

.cmn-header__main__menu svg{
  vertical-align: top;
  width: 36px;
  height: 36px;
}

.cmn-header__main__menu__search, .cmn-header__main__menu__my{
  transition: opacity 0.3s ease-out;
}

.cmn-header__main__menu__search:hover, .cmn-header__main__menu__search:active, .cmn-header__main__menu__my:hover, .cmn-header__main__menu__my:active{
  opacity: 0.6;
}

.cmn-header__main__menu__search.active, .cmn-header__main__menu__my.active{
  opacity: 0.6;
}

.cmn-header__main__menu__search{
  cursor: pointer;
}

.cmn-header__main__menu__cart{
  transition: opacity 0.3s ease-out;
}

.cmn-header__main__menu__cart:hover, .cmn-header__main__menu__cart:active{
  opacity: 0.6;
}

.cmn-header__main__menu__cart__number{
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 0.625rem;
  line-height: 1.3;
  color: #fff;
  background-color: #ff006c;
  font-weight: var(--font-weight-medium);
  pointer-events: none;
}

@media all and (min-width: 992px){
.cmn-header__main__menu__mobile{
    display: none;
  }
}

.cmn-header__main__menu__mobile{
  position: relative;
}

.cmn-header__main__menu__mobile > div{
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}

.cmn-header__main__menu__mobile > div:nth-child(1){
  left: 9px;
  top: 11px;
}

.cmn-header__main__menu__mobile > div:nth-child(2){
  left: 9px;
  top: 17px;
}

.cmn-header__main__menu__mobile > div:nth-child(3){
  left: 9px;
  top: 23px;
}

.cmn-header__main__cover{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

@media all and (min-width: 992px) and (min-width: 1481px){
.cmn-header__main__cover{
    left: 330px;
    width: calc(100% - 330px);
    padding-right: 330px;
  }
}

@media all and (min-width: 992px) and (max-width: 1480px){
.cmn-header__main__cover{
    left: 60px;
    width: calc(100% - 60px);
    padding-right: 60px;
  }
}

@media screen and (max-width: 991px){
.cmn-header__main__cover{
    display: none;
  }
}

.cmn-header__main__cover__search{
  position: relative;
  width: 428px;
  height: 44px;
  box-sizing: border-box;
  margin: 18px auto 0;
  border: solid #e8e8e8 1px;
}

.cmn-header__main__cover__search img{
  position: absolute;
  left: 8px;
  top: 3px;
  width: 36px;
  height: 36px;
}

.cmn-header__main__cover__search input{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.75em 0.5em;
  margin-left: 54px;
  width: 362px;
  box-sizing: border-box;
  color: #000;
}

.cmn-header__main__cover__search input:focus{
  border: none;
  box-shadow: none;
  outline: none;
}

.cmn-header__main__cover__close{
  position: absolute;
  right: 40px;
  top: 22px;
  width: 36px;
  height: 36px;
  transition: opacity 0.3s ease-out;
  cursor: pointer;
}

.cmn-header__main__cover__close:hover, .cmn-header__main__cover__close:active{
  opacity: 0.6;
}

.cmn-header__main__cover__close > div{
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #666;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}

.cmn-header__main__cover__close > div:nth-child(1){
  transform: rotate(45deg);
  left: 9px;
  top: 17px;
}

.cmn-header__main__cover__close > div:nth-child(2){
  transform: rotate(-45deg);
  left: 9px;
  top: 17px;
}

.cmn-header__logo{
  padding: 0 0 0 25px;
  box-sizing: border-box;
}

@media all and (min-width: 992px) and (min-width: 1481px){
.cmn-header__logo{
    min-width: 301px;
  }
}

@media all and (min-width: 992px) and (max-width: 1480px){
.cmn-header__logo{
    min-width: 60px;
  }
}

@media screen and (max-width: 991px){
.cmn-header__logo{
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 0;
  }
.cmn-header__logo img{
    vertical-align: top;
  }
}

.cmn-header__navigation-pc{
  position: absolute;
  display: none;
  width: 100%;
  height: calc(100vh - 80px);
}

@supports (height: calc(100svh - 80px)){
.cmn-header__navigation-pc{
    top: 80px;
    height: calc(100svh - 80px);
  }
}

.cmn-header__navigation-pc{
  background-color: rgba(0, 0, 0, 0.5);
}

.cmn-header__navigation-pc__inner{
  position: relative;
  display: none;
  box-sizing: border-box;
  height: 0;
  background-color: #fff;
  overflow: hidden;
}

.cmn-header__navigation-pc__inner.my{
  width: 230px;
  margin-left: auto;
}

.cmn-header__navigation-pc-products, .cmn-header__navigation-pc-trend, .cmn-header__navigation-pc-collaboration, .cmn-header__navigation-pc-search, .cmn-header__navigation-pc-my{
  display: none;
}

.cmn-header__navigation-pc__blocks-4{
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  display: flex;
  gap: 0 40px;
  width: calc(100% - 40px);
  max-width: 1080px;
  margin: 0 auto;
}

.cmn-header__navigation-pc-search .cmn-header__navigation-pc__blocks-4{
  top: 10px;
}

.cmn-header__navigation-pc__blocks-3{
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  display: flex;
  gap: 0 40px;
  width: calc(100% - 40px);
  max-width: 800px;
  margin: 0 auto;
}

.cmn-header__navigation-pc__block{
  position: relative;
  width: 240px;
}

.cmn-header__navigation-pc__block-wide{
  position: relative;
  width: 520px;
}

.cmn-header__navigation-pc__block-wide-devide{
  width: 520px;
}

.cmn-header__navigation-pc__block-wide-devide > div{
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}

.cmn-header__navigation-pc__block-wide-devide > div > div{
  width: 240px;
}

.cmn-header__navigation-pc__block-wide-devide > div + div{
  margin-top: 25px;
}

.cmn-header__navigation-pc__preview{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.cmn-header__navigation-pc__preview img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cmn-header__navigation-pc__list__head{
  font-size: 1rem;
  line-height: 2.25;
  font-weight: var(--font-weight-medium);
  color: #000;
  border-bottom: solid #e8e8e8 2px;
}

.cmn-header__navigation-pc__list-normal{
  margin-top: 20px;
}

.cmn-header__navigation-pc__list-normal li{
  font-size: 1rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmn-header__navigation-pc__list-normal li + li{
  margin-top: 11px;
}

.cmn-header__navigation-pc__list-narrow{
  margin-top: 18px;
}

.cmn-header__navigation-pc__list-narrow li{
  font-size: 0.875rem;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmn-header__navigation-pc__list-narrow li + li{
  margin-top: 3px;
}

.cmn-header__navigation-pc__list-my{
  padding: 20px 10px 20px 20px;
}

.cmn-header__navigation-pc__list-my li{
  font-size: 1rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmn-header__navigation-pc__list-my li + li{
  margin-top: 10px;
}

.cmn-header__navigation-pc__list-brand li{
  margin-top: 20px;
}

.cmn-header__navigation-pc__list-social{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.cmn-header__navigation-pc__list-social li{
  width: 47.91%;
  margin-top: 0;
}

.cmn-header__navigation-pc__list-social li img{
  width: 100%;
  vertical-align: top;
}

.cmn-header__navigation-pc__list-thumbnail{
  height: 310px;
  margin-top: 20px;
  overflow-y: scroll;
}

.cmn-header__navigation-pc__list-thumbnail li{
  padding-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
}

.cmn-header__navigation-pc__list-thumbnail li + li{
  margin-top: 10px;
}

.cmn-header__navigation-pc__list-thumbnail a{
  display: flex;
  align-items: center;
}

.cmn-header__navigation-pc__list-thumbnail span:nth-child(1){
  width: 65px;
}

.cmn-header__navigation-pc__list-thumbnail span:nth-child(2){
  width: calc(100% - 65px);
}

.cmn-header__navigation-pc__list-thumbnail img{
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.cmn-header__navigation-pc__block-wide .cmn-header__navigation-pc__list-normal{
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.cmn-header__navigation-pc__block-wide .cmn-header__navigation-pc__list-normal li{
  width: 46.15%;
  margin-top: 0;
}

.cmn-header__navigation-pc__item-big a:hover,
.cmn-header__navigation-pc__item-big a:active{
  text-decoration: none;
}

.cmn-header__navigation-pc__item-big__image{
  width: 100%;
  vertical-align: top;
}

.cmn-header__navigation-pc__item-big__head{
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
}

.cmn-header__navigation-pc__item-big__text{
  margin-top: 2px;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-regular);
  color: #666;
}

a:link .cmn-header__navigation-pc__item-big__head, a:visited .cmn-header__navigation-pc__item-big__head{
  color: #666;
}

a:link .cmn-header__navigation-pc__item-big__text, a:visited .cmn-header__navigation-pc__item-big__text{
  color: #666;
}

.cmn-header__navigation-sp{
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
}

.cmn-header__navigation-sp__close{
  position: absolute;
  right: 10px;
  top: 12px;
  width: 36px;
  height: 36px;
}

.cmn-header__navigation-sp__close > div{
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}

.cmn-header__navigation-sp__close > div:nth-child(1){
  transform: rotate(45deg);
  left: 9px;
  top: 17px;
}

.cmn-header__navigation-sp__close > div:nth-child(2){
  transform: rotate(-45deg);
  left: 9px;
  top: 17px;
}

.cmn-header__navigation-sp__head{
  position: relative;
}

.cmn-header__navigation-sp__head__logo{
  display: none;
  position: absolute;
  left: 15px;
  top: 15px;
}

.cmn-header__navigation-sp__head__logo img{
  vertical-align: top;
}

.cmn-header__navigation-sp__head__home{
  display: none;
  position: relative;
  margin: 0 20px;
  padding: 20px 16px;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  color: #000;
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.cmn-header__navigation-sp__head__home img{
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  vertical-align: top;
  transform: rotate(180deg);
}

.cmn-header__navigation-sp__nav-head{
  margin: 0 20px;
  color: #000;
  font-weight: var(--font-weight-medium);
}

.cmn-header__navigation-sp__nav-list{
  margin: 0 20px;
}

.cmn-header__navigation-sp__nav-list li{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cmn-header__navigation-sp__nav-list li a,
.cmn-header__navigation-sp__nav-list li span{
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 10px 16px;
  text-align: left;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  cursor: pointer;
}

@media screen and (max-width: 991px){
.cmn-header__navigation-sp__nav-list li a,
  .cmn-header__navigation-sp__nav-list li span{
    padding: 3.7333333333% 2.6666666667% 4.2666666667%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}

.cmn-header__navigation-sp__nav-list li a img,
.cmn-header__navigation-sp__nav-list li span img{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

@media all and (min-width: 992px){
.cmn-header__navigation-sp__nav-list li a:hover,
  .cmn-header__navigation-sp__nav-list li span:hover{
    text-decoration: none;
    background-color: #f1f1f1;
  }
}

.cmn-header__navigation-sp__nav-list li a.active,
.cmn-header__navigation-sp__nav-list li span.active{
  color: #000;
  background-color: #f1f1f1;
}

.cmn-header__navigation-sp__nav-list li a.active img,
.cmn-header__navigation-sp__nav-list li span.active img{
  filter: none;
}

.cmn-header__navigation-sp__nav-list li:last-child a,
.cmn-header__navigation-sp__nav-list li:last-child span{
  border-bottom: 1px solid #e8e8e8;
}

.cmn-header__navigation-sp__nav-head + .cmn-header__navigation-sp__nav-list{
  margin-top: 4.2666666667%;
}

.cmn-header__navigation-sp__nav-list + .cmn-header__navigation-sp__nav-head{
  margin-top: 8.5333333333%;
}

.cmn-header__navigation-sp__nav-list-brand{
  margin: 0 20px;
}

.cmn-header__navigation-sp__nav-list-brand li{
  margin-top: 4.2666666667%;
}

.cmn-header__navigation-sp__nav-list-brand li img{
  width: 64%;
}

.cmn-header__navigation-sp__nav-list-brand li a:link, .cmn-header__navigation-sp__nav-list-brand li a:visited{
  opacity: 1;
  transition: all 0.3s ease-out;
}

.cmn-header__navigation-sp__nav-list-brand li a:hover, .cmn-header__navigation-sp__nav-list-brand li a:active{
  opacity: 0.7;
}

.cmn-header__navigation-sp__nav-list-social{
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin: 12px 20px;
}

.cmn-header__navigation-sp__nav-list-social li{
  width: 162px;
}

.cmn-header__navigation-sp__nav-list-social li a:link, .cmn-header__navigation-sp__nav-list-social li a:visited{
  opacity: 1;
  transition: all 0.3s ease-out;
}

.cmn-header__navigation-sp__nav-list-social li a:hover, .cmn-header__navigation-sp__nav-list-social li a:active{
  opacity: 0.7;
}

.cmn-header__navigation-sp-base, .cmn-header__navigation-sp-products, .cmn-header__navigation-sp-trend, .cmn-header__navigation-sp-collaboration, .cmn-header__navigation-sp-my, .cmn-header__navigation-sp-search{
  display: none;
  position: absolute;
  left: 0;
  top: 78px;
  width: 100%;
  padding-bottom: 140px;
}

.cmn-header__navigation-sp-base .cmn-header__navigation-sp__nav-list li a,
.cmn-header__navigation-sp-base .cmn-header__navigation-sp__nav-list li span{
  color: #000;
  font-weight: var(--font-weight-medium);
}

.cmn-header__navigation-sp-base{
  z-index: 200;
}

.cmn-header__navigation-sp-trend, .cmn-header__navigation-sp-collaboration, .cmn-header__navigation-sp-products{
  z-index: 100;
}

.cmn-header__navigation-sp-search__input{
  position: relative;
  margin: 0 20px -8px;
  border: solid #ddd 1px;
}

.cmn-header__navigation-sp-search__input img{
  position: absolute;
  left: 4px;
  top: 4px;
  width: 36px;
  height: 36px;
}

.cmn-header__navigation-sp-search__input input{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.75em 0.5em;
  margin-left: 44px;
  width: calc(100vw - 42px - 44px);
  box-sizing: border-box;
  color: #000;
}

.cmn-header__navigation-sp-search__input input:focus{
  border: none;
  box-shadow: none;
  outline: none;
}

.cmn-header__navigation-sp-search__list-simple{
  margin: 16px 20px 0;
}

.cmn-header__navigation-sp-search__list-simple li{
  color: #666;
}

.cmn-header__navigation-sp-search__list-simple li + li{
  margin-top: 20px;
}

.cmn-header__navigation-sp-search__list-thumbnail{
  margin: 20px 20px 0;
}

.cmn-header__navigation-sp-search__list-thumbnail li{
  border-bottom: solid #ddd 1px;
  padding-bottom: 10px;
}

.cmn-header__navigation-sp-search__list-thumbnail li + li{
  margin-top: 10px;
}

.cmn-header__navigation-sp-search__list-thumbnail a{
  display: flex;
  align-items: center;
}

.cmn-header__navigation-sp-search__list-thumbnail span:nth-child(1){
  width: 65px;
}

.cmn-header__navigation-sp-search__list-thumbnail span:nth-child(2){
  width: calc(100% - 65px);
}

.cmn-header__navigation-sp-search__list-thumbnail img{
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.cmn-header__navigation-sp-search .cmn-header__navigation-sp__nav-head{
  margin-top: 34px;
  border-bottom: solid #ddd 2px;
  padding-bottom: 6px;
}

.home-main-visual{
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
}

.home-main-visual ul.slider{
  max-height: 100%;
}

@media screen and (max-width: 991px){
.home-main-visual{
    max-height: initial;
  }
}

.home-main-visual img{
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  vertical-align: top;
}

.home-main-visual a:hover img,
.home-main-visual a:active img{
  opacity: 1;
}

.home-main-contents{
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px 0 0px;
}

@media screen and (max-width: 991px){
.home-main-contents{
    max-width: initial;
    padding: 4% 0;
  }
}

.home-main-contents__wrapper{
  position: relative;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
  max-width: 1920px;
}

.home-main-contents__wrapper a:hover img{
  opacity: initial;
}

@media screen and (max-width: 991px){
.home-main-contents__wrapper{
    max-width: initial;
    width: 92%;
    padding: 0;
    gap: 15px 1.8666666667%;
  }
}

.home-main-contents__item--base{
  position: relative;
  flex: 1 500px;
  max-height: 720px;
  overflow: hidden;
}

@media screen and (max-width: 1599px){
.home-main-contents__item--base{
    flex-basis: 31.25%;
  }
}

@media screen and (max-width: 991px){
.home-main-contents__item--base{
    flex: auto;
    width: 48.9855%;
  }
}

.home-main-contents__item--base img{
  max-height: 720px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.home-main-contents__item--double{
  position: relative;
  flex: 2 1020px;
  max-height: 720px;
  overflow: hidden;
}

@media screen and (max-width: 1599px){
.home-main-contents__item--double{
    flex-basis: 63.75%;
  }
}

@media screen and (max-width: 991px){
.home-main-contents__item--double{
    flex: auto;
    width: 100%;
  }
}

.home-main-contents__item--double img{
  max-height: 720px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.home-main-contents__item--triple{
  position: relative;
  flex: 1 1540px;
  overflow: hidden;
}

@media screen and (max-width: 1599px){
.home-main-contents__item--triple{
    flex-basis: 96.25%;
  }
}

@media screen and (max-width: 991px){
.home-main-contents__item--triple{
    flex: auto;
    width: 100%;
  }
}

.home-main-contents__item--triple img{
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

@media screen and (max-width: 991px){
.home-main-contents__item--triple img{
    height: 54.1333vw;
  }
}

.home-main-contents__item--triple-hd{
  position: relative;
  flex: 1 1540px;
  overflow: hidden;
}

@media screen and (max-width: 1599px){
.home-main-contents__item--triple-hd{
    flex-basis: 96.25%;
  }
}

@media screen and (max-width: 991px){
.home-main-contents__item--triple-hd{
    flex: auto;
    width: 100%;
  }
}

.home-main-contents__item--triple-hd img{
  max-height: 1039px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.home-main-contents a{
  display: block;
}

.home-main-contents a:hover .home-card-detail{
  opacity: 1;
  z-index: 1;
}

@media all and (min-width: 992px){
.home-main-contents a .home-card-detail{
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: calc(100% - 80px);
    color: #fff;
    opacity: 0;
  }
}

@media screen and (max-width: 991px){
.home-main-contents a .home-card-detail{
    position: relative;
    color: #666;
    margin-top: 1.3333333333%;
  }
}

.home-main-contents a .home-card-detail__title{
  font-weight: var(--font-weight-medium);
}

@media all and (min-width: 992px){
.home-main-contents a .home-card-detail__title{
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (max-width: 991px){
.home-main-contents a .home-card-detail__title{
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}

@media all and (min-width: 992px){
.home-main-contents a .home-card-detail__price{
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}

@media screen and (max-width: 991px){
.home-main-contents a .home-card-detail__price{
    font-weight: var(--font-weight-regular);
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.home-main-contents a .home-card-detail__price span.cancel{
  text-decoration: line-through;
  font-size: 0.875rem;
  line-height: 2.1428571429;
}

@media screen and (max-width: 991px){
.home-main-contents a .home-card-detail__price span.cancel{
    font-size: 2.6666666667vw;
    line-height: 1.8;
  }
}

.home-main-contents a .home-card-detail__price span.discount{
  color: #ff006c;
}

.home-main-contents a .home-card-detail__price span:nth-child(n+2){
  padding-left: 5px;
}

@media screen and (max-width: 991px){
.home-main-contents a .home-card-detail__price span:nth-child(n+2){
    padding-left: 1.33vw;
  }
}

.home-main-contents__article{
  padding: 0 10px;
  margin-bottom: 50px;
  width: 100%;
}

.home__ttl{
  margin: 50px 0 0 0px;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding-bottom: 12px;
  color: #000;
  border-bottom: 2px solid #e8e8e8;
}

@media screen and (max-width: 991px){
.home__ttl{
    margin-top: 12%;
    font-size: 5.8666666667vw;
    line-height: 1.3181818182;
    padding-bottom: 4.5333333333%;
  }
}

.home__ttl--recommend{
  margin-top: 95px;
}

@media screen and (max-width: 991px){
.home__ttl--recommend{
    margin-top: 70px;
  }
}

.home-news-content .home-news-list{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 50px;
}

.home-news-content .home-news-list img{
  width: 100%;
  aspect-ratio: 5/6;
}

@media screen and (max-width: 991px){
.home-news-content .home-news-list{
    margin-top: 8%;
  }
}

.home-news-content .home-news-list > li{
  margin-bottom: 40px;
  width: 23.7903225806%;
}

.home-news-content .home-news-list > li .tag-list{
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}

.home-news-content .home-news-list > li .tag-list > li{
  margin-bottom: 10px;
  margin-right: 10px;
}

.home-news-content .home-news-list > li .tag-list > li a{
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}

.home-news-content .home-news-list > li .tag-list > li a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.home-news-content .home-news-list > li .tag-list > li a.promo{
  background: #748b9f;
}

.home-news-content .home-news-list > li .tag-list > li a.bonus{
  background: #8a9579;
}

@media screen and (max-width: 991px){
.home-news-content .home-news-list > li{
    margin-right: 1.8666666667%;
    margin-bottom: 20px;
    width: 49%;
  }
.home-news-content .home-news-list > li:nth-child(2n){
    margin-right: 0;
  }
}

@media all and (min-width: 992px){
.home-news-content .home-news-list > li:nth-child(3n){
    margin-right: 0;
  }
}

.home-news-content .home-news-list > li .home-news-list-ttl{
  color: #000;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  margin-top: 10px;
  text-align: left;
}

@media screen and (max-width: 991px){
.home-news-content .home-news-list > li .home-news-list-ttl{
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
    margin-top: 2.6666666667%;
  }
}

.home-news-content .home-news-list > li .news-content-list-date{
  margin-top: 10px;
}

.home-news-content .home-news-list__link{
  display: flex;
  justify-content: flex-end;
}

.home-information-content .home-information-list{
  border-top: 1px solid #e8e8e8;
  max-width: 1400px;
  margin: 50px auto 50px;
}

@media screen and (max-width: 991px){
.home-information-content .home-information-list{
    margin-top: 10.6666666667%;
  }
}

.home-information-content .home-information-list__item{
  border-bottom: 1px solid #e8e8e8;
}

.home-information-content .home-information-list__item a{
  display: block;
  font-size: 1rem;
  line-height: 2.1875;
  padding: 10px 0;
}

@media screen and (max-width: 991px){
.home-information-content .home-information-list__item a{
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.home-information-content .home-information-list__link{
  display: flex;
  justify-content: flex-end;
}

.home-information-content .not-found-content__text{
  margin-top: 50px;
}

.product-content__detail-col .product-content__detail-col-flex .card-mask{
  width: 49.1935483871%;
}

.product-content__detail-col .product-content__detail-col-flex .card-mask.last{
  margin-left: 1.6129032258%;
}

.product-content__detail-col .card-mask:hover img{
  opacity: 1;
}

.product-content__detail-col .card-mask:hover .product-card-detail{
  opacity: 1;
  transition: 0.3s;
}

.product-content__detail-col .card-mask__bg{
  line-height: 0.8;
}

.product-content__detail-col .card-mask .product-card-detail{
  opacity: 0;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

.product-content__detail-col .card-mask .product-card-detail__title{
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
}

.product-content__detail-col .card-mask .product-card-detail__subtext{
  color: #fff;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: var(--font-weight-bold);
}

@media print{
.mypoints-content-wrapper .spOnly{
    display: none;
  }
}

.product-content .product-content-tag-list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

@media screen and (max-width: 991px){
.product-content .product-content-tag-list{
    margin-top: 5.3333333333%;
  }
}

.product-content .product-content-tag-list li{
  margin-left: 15px;
}

.product-content .product-content-tag-list li:first-child{
  margin-left: 0;
}

.product-content .product-content-tag-list li a{
  background: #f1f1f1;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-regular);
  padding: 10px 26px 10px 10px;
  position: relative;
}

@media screen and (max-width: 991px){
.product-content .product-content-tag-list li a{
    display: block;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}

.product-content .product-content-tag-list li a img{
  position: absolute;
  right: 10px;
  top: 40%;
}

@media all and (min-width: 992px){
.product-content .product-content-tag-list li a:not(:disabled):hover{
    background-color: #ddd;
    color: #000;
    text-decoration: none;
  }
}

@media screen and (max-width: 991px){
.product-content .product-content-tag-list li a{
    min-width: initial;
    padding: 10px 26px 10px 10px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px){
.product-content .product-content-tag-list li a{
    font-size: 2.0833333333vw;
    line-height: 1;
  }
}

.product-content .product-content-item-list li .product-content-item-list__tag-list{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.product-content__detail .product-content__detail-col .product-content-item-list__tag-list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 991px){
.product-content__detail .product-content__detail-col .product-content-item-list__tag-list{
    margin-top: 2.6666666667%;
  }
}

.product-content__detail .product-content__detail-col .product-content-item-list__tag-list li{
  margin-left: 5px;
}

.product-content__detail .product-content__detail-col .product-content-item-list__tag-list li:first-child{
  margin-left: 0;
}

.product-content__detail .product-content__detail-col .product-content__detail-col-flex .card-mask{
  width: 49.1935483871%;
}

.product-content__detail .product-content__detail-col .product-content__detail-col-flex .card-mask.last{
  margin-left: 1.6129032258%;
}

.product-content__detail .product-content__detail-col .card-mask:hover img{
  opacity: 1;
}

.product-content__detail .product-content__detail-col .card-mask:hover .product-card-detail{
  opacity: 1;
  transition: 0.3s;
}

.product-content__detail .product-content__detail-col .card-mask__bg{
  line-height: 0.8;
}

.product-content__detail .product-content__detail-col .card-mask .product-card-detail{
  opacity: 0;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

.product-content__detail .product-content__detail-col .card-mask .product-card-detail__title{
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
}

.product-content__detail .product-content__detail-col .card-mask .product-card-detail__subtext{
  color: #fff;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: var(--font-weight-bold);
}

.product-counter .product-content-item-list__tag-list{
  padding-top: 5px;
}

.product-counter .product-content-item-list__tag-list li{
  display: inline-block;
}

.news-content .news-content-search-results__tag .tag-list{
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}

.news-content .news-content-search-results__tag .tag-list > li{
  margin-bottom: 10px;
  margin-right: 10px;
}

.news-content .news-content-search-results__tag .tag-list > li a{
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}

.news-content .news-content-search-results__tag .tag-list > li a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.news-content .news-content-search-results__tag .tag-list > li a.promo{
  background: #748b9f;
}

.news-content .news-content-search-results__tag .tag-list > li a.bonus{
  background: #8a9579;
}

.news-content .news-content-list > li .tag-list{
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}

@media screen and (max-width: 991px){
.news-content .news-content-list > li .tag-list{
    display: none;
  }
}

.news-content .news-content-list > li .tag-list > li{
  margin-bottom: 10px;
  margin-right: 10px;
}

.news-content .news-content-list > li .tag-list > li a{
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}

.news-content .news-content-list > li .tag-list > li a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.news-content .news-content-list > li .tag-list > li a.promo{
  background: #748b9f;
}

.news-content .news-content-list > li .tag-list > li a.bonus{
  background: #8a9579;
}

.news-content-details-wrapper .news-row-content .tag-list{
  margin-top: 40px;
}

.news-content-details-wrapper .tag-list{
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}

.news-content-details-wrapper .tag-list > li{
  margin-bottom: 10px;
  margin-right: 10px;
}

.news-content-details-wrapper .tag-list > li a{
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}

.news-content-details-wrapper .tag-list > li a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.news-content-details-wrapper .tag-list > li a.promo{
  background: #748b9f;
}

.news-content-details-wrapper .tag-list > li a.bonus{
  background: #8a9579;
}

.home-main-visual{position:relative;overflow:hidden;}
.home-main-visual .hero__track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.home-main-visual .hero__track > li{flex:0 0 100%;min-width:100%;}
.cmn-header__main__list .nav-dropdown ul{display:block;position:static;}
.cmn-header__main__list .nav-dropdown li{font-weight:400;white-space:normal;color:#666;}
.cmn-header__main__list .nav-dropdown li+li{margin-left:0;}
.nav-dropdown__sheet{max-height:calc(100vh - 80px);overflow-y:auto;}
.cmn-header__main__menu__mobile{cursor:pointer;}
.cmn-header__logo{line-height:0;}
.cmn-header__logo img{display:block;height:auto;}
@media all and (min-width:1281px){
.cmn-header__logo img{height:46px;width:auto;}
}
.home-main-visual .hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;}
.home-main-visual .hero__arrow--prev{left:16px;}
.home-main-visual .hero__arrow--next{right:16px;}
.home-main-visual .hero__dots{position:absolute;right:20px;bottom:14px;display:flex;gap:8px;z-index:3;}
.home-main-visual .hero__dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);}
.home-main-visual .hero__dot.is-active{background:#fff;}