@charset "UTF-8";
/*----共通----*/
a:focus { outline: none; }
h2.common-headline{
  font-family: var(--fontType01);
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 55px;
  padding: 0;
}
h2.common-headline span{
  font-size: 11px;
  font-weight: 500;
  display: block;
}
h2.common-headline02{
  font-size: 20px;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 10px;
  padding: 0;
}
.block-more-btn a {
  font-size: 14px;
  font-weight: bold;
  color: var(--textColor);
  text-align: center;
  display: block;
  width: 260px;
  margin: 0 auto;
  text-decoration: none;
  border: 1px solid var(--textColor);
  padding: 12px 10px;
  position: relative;
  z-index: 1;
}
.block-more-btn a::after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--textColor);
  position: absolute;
  top: 50%;
  transform: translateY(-1px);
  right: -15px;
  transition: .4s;
}
.hacobune-dialog-content .related-product-item-price {
  display: none !important;
}
/* ----ヘッダー---- */
.pane-header > .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
.pane-header > .container .block-header-top{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pane-header.salon-page > .container .block-header-top{
  flex-wrap: wrap;
}
.block-header-logo{
  width: 150px;
  margin: 0;
  padding: 0;
}
.block-header-logo img {
  width: 100%;
  height: auto;
  display: block;
}
.block-header-left{
  width: 150px;
}
.block-header-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100% - 150px);
}
.block-headernav--item-list{
  display: flex;
  gap: 10px;
}
@media (max-width:430px){
  .block-header-logo{
    width: 120px;
  }
  .block-header-left{
    width: 120px;
  }
  .block-header-right{
    width: calc(100% - 130px);
  }
}
@media (max-width:390px){
  .block-headernav--item-list{
    gap: 5px;
  }
}
.block-headernav--item-cart{
  position: relative;
}
.block-headernav--cart-count{
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #FFF;
  top: -3px;
  right: -3px;
  background: var(--textColor);
}
.block-headernav--item-list > li .block-headernav--item-img {
  width: 34px;
  height: 34px;
  margin: 0 auto;
}
.block-headernav--item-list > li .block-headernav--item-text {
  font-size: 9px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
}
@media (max-width:390px){
  .block-headernav--item-list > li .block-headernav--item-text {
    font-size: 8px;
  }
}
.block-header-menu__btn {
  width: 36px;
  height: 36px;
  border: none;
  outline: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.block-header-menu__btn .block-header-menu__btn-line {
  display: block;
  height: 1px;
  width: 19px;
  background-color: var(--mainColor);
  position: relative;
}
.block-header-menu__btn.is-active .header-menu__btn-line{
  background: none;
}
.block-header-menu__btn .block-header-menu__btn-line::before, .block-header-menu__btn .block-header-menu__btn-line::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  width: 22px;
  background-color: var(--mainColor);
  transition: .4s;
}
#header_menu.is-active .block-header-menu__btn .block-header-menu__btn-line{
  background: none;
}
.block-header-menu__btn .block-header-menu__btn-line::before {
  top: -6px;
}
#header_menu.is-hide .block-header-menu__btn .block-header-menu__btn-line::before {
  top: 0;
  animation: menuClose01 .8s forwards;
}
#header_menu.is-active .block-header-menu__btn .block-header-menu__btn-line::before {
  top: -6px;
  animation: menuOpen01 .8s forwards;
}
.block-header-menu__btn .block-header-menu__btn-line::after {
  top: 6px;
}
#header_menu.is-hide .block-header-menu__btn .block-header-menu__btn-line::after {
  top: 0;
  animation: menuClose02 .8s forwards;
}
#header_menu.is-active .block-header-menu__btn .block-header-menu__btn-line::after {
  animation: menuOpen02 .8s forwards;
}
.block-header-info-frame {
  padding: 5px 15px;
}
.block-header-info-frame:has(span.block-header-info-comment:empty) {
  display: none;
}
.block-header-info-frame.--no_login_ {
  background: linear-gradient(var(--mainColor-Light), var(--mainColor));
  display: block !important;
}
.block-header-info-frame.--customer_login_ {
  background: linear-gradient(var(--mainColor2-Light), var(--mainColor2));
  display: block !important;
}
.block-header-info-frame.--salon_login_ {
  background: linear-gradient(var(--mainColor3-Light), var(--mainColor3));
  display: block !important;
}
.block-header-info-comment {
  display: inline-block;
  text-align: left;
  white-space: normal !important;
}

.block-header-info {
  font-size: 13px;
  color: #FFF;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.block-header-info + .block-header-info {
  margin-top: 5px;
}
.block-header-contents{
  padding-top: 67px;
}
.hacobune-gallery .hacobune-product-tile-info-slider,
.hacobune-gallery .hacobune-containers-base.hacobune-containers-product-tile .hacobune-product-tile-horizon-items,
.hacobune-gallery .hacobune-discovery-detail,
.hacobune-gallery .hacobune-layout-base-bottom-html,
.hacobune-gallery .hacobune-slider.hacobune-related-product {
    display: none!important;
}
.block-top-body--body {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 70px;
  overflow: hidden;
}
.block-top-body--body .swiper-pagination {
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.block-top-body--body #top-slider-warp {
  width: 100%;
  position: relative;
}
.block-top-body--body .swiper-wrapper{
  height: auto;
}
.block-top-body--body li img {
  width: 100%;
  height: auto;
}
.block-top-body--body .swiper-pagination-bullets {
  position: absolute;
  display: flex;
  width: auto;
  justify-content: center;
  padding: 0;
  /* transform: translateX(-50%); */
  gap: 10px;
  bottom: 0;
  z-index: 1;
}
.block-top-body--body span.swiper-pagination-bullet {
  display: block;
  width: 18px;
  height: 2px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: #C9C9C9;
  font-size: 0;
  transition: transform .2s;
}
.block-top-body--body span.swiper-pagination-bullet::before {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
}
.block-top-body--body .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
  transform: translateY(-8px);
}
.swiper-slide-active.swiper-slide-lazy {
  height: auto;
}
.swiper-slide-lazy {
  height: 0;
}
.salon-page.block-header-contents,.salon-page + .block-header-contents {
  padding-top: 115px;
  padding-top: var(--headerH);
}
.block-header-info-frame-salon{
  background: #fff;
}
.block-header-info-frame-salon .block-header-info-comment, .block-header-info-frame .block-header-info-comment{
  display: inline-block;
  text-align: left;
}
.block-header-info-frame-salon .block-header-info-comment a, .block-header-info-frame .block-header-info-comment a{
  color: #FFF;
}
.block-header-info-frame-salon .block-header-info-comment{
  color: var(--textColor);
}
.salon-page .block-header-contents .block-header-info-frame {
  display: none;
}
.block-header-salon{
  display: none;
}
.salon-page .block-header-salon{
  font-size: 13px;
  font-weight: bold;
  color: var(--mainColor);
  letter-spacing: 0.1em;
  text-align: center;
  border: 1px solid rgba(0,85,157,0.18);
  margin: 10px auto 0;
  padding: 5px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.salon-page .block-header-salon::before{
  content:"";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border: 1px solid rgba(0,85,157,0.18);
}
.block-header-bottom{
  display: none;
}
.scroll_box {
  overflow-x: auto;
  width: calc(100% - 15px);
  margin-left: 15px;
}
html .page-top .scroll_box {
  padding-top: 67px;
  padding-top: var(--headerH);
}
.block-header-hashtag {
  display: flex;
  margin: 5px auto 10px;
  white-space: nowrap;
}
.block-header-hashtag li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.4s;
}
.block-header-hashtag li a:hover {
  color: var(--mainColor);
  text-decoration: none;
  opacity: .7;
}
.block-header-contents {
  padding-top: var(--headerH);
}
.wrapper > .block-login-user-name {
  display: none;
}

/* ----メニュー---- */
.menu_view-close{
  position: absolute;
  top: 15px;
  right: 14px;
}
.menu_view-close button{
  background: none;
  outline: none;
  border: none;
  width: 25px;
  height: 25px;
}
.menu_view-close button::before,.menu_view-close button::after{
  content:"";
  width: 22px;
  height: 1px;
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
}
.menu_view-close button::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.menu_view-close button::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.block-menu-salon{
  margin: 0 0 54px;
}
body.salon .block-menu-salon{
  display: none;
}
.block-login-user-name{
  font-size: 12px;
  color: #FFF;
  margin: 0 0 30px;
  padding-right: 40px;
}
.block-menu-salon-list{
  font-size: 13px;
  display: flex;
  background: #F2F2F2;
  margin: 0 0 18px;
  padding: 12px;
}
.block-menu-salon-list dt {
  flex-shrink: 0;
}
.block-menu-salon-list dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-menu-salon-btn{
  font-size: 12px;
  color: #FFF;
  text-decoration: underline;
  display: block;
  width: fit-content;
  margin-left: auto;
}
.pane-globalnav{
  margin: 0 0 60px;
}
.block-globalnav--item-list > * + *{
  margin: 35px 0 0;
}
.block-globalnav--item-list li{
  font-family: var(--fontType01);
  color: #FFF;
  font-size: 16px;
}
.block-globalnav--item-link{
  color: #FFF;
  display: block;
}
.block-globalnav--item-link span{
  font-size: 10px;
  margin-left: 10px;
}
.block-globalnav--item-list-level2{
  padding: 15px 0 0 10px;
  display: none;
}
.block-globalnav--item-list-level2 > * + *{
  margin-top: 20px;
}
.block-globalnav--item-list-level2 > li{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
}
.block-globalnav--item-list-level2 > li > a{
  font-size: 13px;
  font-weight: 500;
  color: #FFF;
}
.block-globalnav--item-list-level3{
  padding: 0 0 0 10px;
}
.block-globalnav--item-list-level2-item .block-globalnav--item-list-level3{
  padding-top: 10px;
}
.block-globalnav--item-list-level3 > li a{
  font-size: 13px;
  font-weight: 400;
  color: #FFF;
  display: block;
  padding: 5px 0;
}
.block-menu-btn a{
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: var(--mainColor);
  margin-left: auto;
  padding: 15px;
  text-decoration: none;
}
.block-menu-btn a::before {
  content: "";
  width: 27px;
  height: 19px;
  background: url(../../img/usr/common/ico_salon.png) center center / contain no-repeat;
  display: inline-block;
}
#menu_view.salon-page{
  background: var(--mainColor);
}

/* ----トップページ本文---- */

/* PRODUCT */
.block-top-category{
  margin: 60px 0;
}
.block-top-category .category-inner-wrap {
  display: flex;
  gap: 5em;
}
.block-top-category .category-inner-wrap .category-inner {flex: 1;}
.block-top-category h3{
  font-size: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.block-top-category .logo_heading img {
    width: fit-content;
    height: 35px;
}
.block-top-category-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px 2%;
}
.block-top-category-list .block-top-category-list__item {
  grid-column: span 3;
}
.block-top-category-list__item.all-items {
  grid-column: span 12;
}
.block-top-category-list__item.is-3piece {
  grid-column: span 4;
}
.is-half .block-top-category-list__item:nth-child(-n + 2) {
  grid-column: span 6;
}
.block-top-category-list:not(.is-half).is-hide .block-top-category-list__item:nth-child(n + 4),
.block-top-category-list.is-half.is-hide .block-top-category-list__item:nth-child(n + 3) {
  display: none;
}
.block-top-category-list .block-top-category-list__item.all-items {
  width: 100%;
    grid-column: span 12;
}
.block-top-category-list .block-top-category-list__item.all-items a {
  display: flex;
  gap: 0;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}
.block-top-category-list .block-top-category-list__item.all-items .block-top-category-list__item-img {
  height: 50px;
  padding: 10px 0;
  justify-content: center;
}
.block-top-category-list:not(.is-half).is-hide.is-active .block-top-category-list__item:nth-child(n + 4),
.block-top-category-list.is-half.is-active .block-top-category-list__item:nth-child(n + 3) {
  display: block;
}
.block-top-category-list__item a{
  display: block;
  text-align: center;
  background: #FFF;
  box-shadow: 6px 0px 10px rgba(0,0,0,0.08);
  position: relative;
  transition: opacity .3s;
  height: 100%;
}
.block-top-category-list__item a:hover{
  opacity: 0.7;
}
.block-top-category-list__item a:hover{
  text-decoration: none;
}
.block-top-category-list__item-img {
  height: 100px;
  aspect-ratio: 1;
  display: inline-flex;
  padding: 0.5em;
}
.block-top-category-list__item-text{
  font-family: var(--fontType01);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
}
.block-top-category-list__item-text span{
  font-size: 12px;
  display: block;
  letter-spacing: 0.09em;
}
.block-top-category .block-more-btn {
  text-align: center;
  margin-top: 50px;
}
.block-top-category .block-more-btn button {
  appearance: none;
  background-color: white;
  border: 1px solid black;
  padding: 1em 10px;
  font-size: 14px;
  margin: auto;
  display: inline-block;
  width: 70%;
  cursor: pointer;
  position: relative;
}
.block-top-category .block-more-btn button::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 1px black;
    border-right: solid 1px black;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(135deg);
}
.block-top-category .block-more-btn button.is-active::before {
    transform: rotate(-45deg);
    top: 10px;
}
@media (max-width: 768px) {
    .block-top-category .category-inner-wrap {
      flex-direction: column;
    }
    .block-top-category-list__item-text {
      font-size: clamp(8px,2.6vw,16px);
    }
    .block-top-category-list__item-img {
  height: auto;
      margin: auto;
      justify-content: center;
    }
    .is-half .block-top-category-list__item:nth-child(-n + 2) .block-top-category-list__item-img {
      height: auto;
      aspect-ratio: 1 / 0.4;
      overflow: hidden;
}
    .block-top-category-list__item.is-3piece .block-top-category-list__item-img:not(.all-items),
    .block-top-category-list .block-top-category-list__item:not(.all-items):not(:nth-child(-n + 2)) .block-top-category-list__item-img {
      height: auto;
      aspect-ratio: 1 / 0.7;
      overflow: hidden;
    }
    .block-top-category-list .block-top-category-list__item.all-items .block-top-category-list__item-img {
      margin: 0;
}
.block-top-category-list__item-img img{
  object-fit: contain;
}
}

.block-top-brand{
  margin: 0 0 60px;
}
.block-top-brand-list > * + *{
  margin: 60px 0 0;
}
.block-top-brand-list__item-img{
  margin: 0 0 20px;
}
.block-top-brand-list__item-img img{
  width: 100%;
  height: auto;
}
.block-top-brand-list__item-desc h3{
  font-size: 16px;
  font-weight: bold;
}
.block-top-brand-list__item-desc h3.en{
  font-family: var(--fontType01);
  font-size: 20px;
  font-weight: 500;
}
.block-top-brand-list__item-desc p{
  margin: 0 0 20px;
}
.notes-item{
  font-size: 12px;
}
.block-top-brand-list__item-desc .block-more-btn{
  margin: 35px 0 0;
}
.block-top-banner img{
  width: 100%;
  height: auto;
}
.block-top-campaign{
  margin: 60px 0;
}
.block-top-campaign-list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  margin: 0 0 40px;
}
.block-top-campaign-list__item{
  width: calc((100% - 20px) / 2);
}
.block-top-campaign-list__item-img{
  margin: 0 0 15px;
}
.block-top-campaign-list__item-img img{
  width: 100%;
  height: auto;
}
.block-top-campaign-list__item-desc h3{
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 10px;
}
@media (max-width: 768px) {
  .block-top-brand-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc((80 / 1200) * 100%);
  }
  .block-top-brand-list__item {
    width: calc((560 / 1200) * 100%);
    margin: 0;
  }
  .block-top-brand-list__item-img {
    aspect-ratio : 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .block-top-brand-list__item-img  img{
    width: auto;
    height: 100%;
    max-width: none;
  }
  .block-top-brand-list .block-more-btn a {
    width: auto;
    font-size: 12px;
  }
}
/* ----トップページ---- */
.block-recent-item{
  margin: 0 0 100px;
}
.block-top-topic{
  margin: 0 0 60px;
}
.block-top-topic h2.common-headline{
  margin-bottom: 40px;
  padding-top: 68px;
}
.page-top ul.block-topic--items > li .block-icon-image--table-cell {
  display: block;
}
ul.block-topic--items > li dd .block-top-topic--icon-image img {
  width: auto;
  max-width: none;
  height: 100%;
}
.block-topic--items{
  margin: 0 0 50px;
  padding: 0 35px;
}
.block-top-topic  .block-topic--items > * + *{
  margin: 35px 0 0;
}
.block-top-topic .block-topic--items > li:nth-child(n+4){
  display: none;
}
.block-topic--items > li dl{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 22px;
}
.block-topic--items > li dt{
  font-family: var(--fontType01);
  font-size: 16px;
  font-weight: 300;
}
.block-topic--items > li dd{
  width: 100%;
}
.block-topic--items > li dd.block-topic-tag{
  width: 111px;
}
.block-top-topic--icon-comment,.block-topic-tag-item{
  font-family: var(--fontType01);
  font-size: 12px;
  color: var(--mainColor);
  line-height: 1;
  border: 1px solid var(--mainColor);
  text-align: center;
  padding: 4px;
  display: block;
}
.block-top-topic--icon-comment:empty,.block-topic-tag-item:empty{
  display: none;
}
.block-top-topic--next-page {
  padding: 0;
}
.block-top-topic--next-page a {
  font-size: 14px;
  font-weight: bold;
  color: var(--textColor);
  text-align: center;
  display: block;
  width: 260px;
  margin: 0 auto;
  text-decoration: none;
  border: 1px solid var(--textColor);
  padding: 12px 10px;
  position: relative;
  z-index: 1;
}
.block-top-topic--next-page a::after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--textColor);
  position: absolute;
  top: 50%;
  transform: translateY(-1px);
  right: -15px;
  transition: .4s;
}

.block-top-event {
  padding: 0 0 40px;
  overflow: hidden;
}

.block-top-event--header {
  margin: 0 0 24px;
  padding: 40px 0 0;
  border: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  color: #000;
  background: none;
}

/* ----トップページ予備テンプレート1---- */
.block-top-product-worry-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 18px;
  margin: 0 0 40px;
}
.block-top-product-worry-list__item{
  width: calc((100% - 18px) / 2);
}
.block-top-product-worry-list__item a {
  color: #1E1E1E;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFF;
  text-decoration: none;
  padding: 8px 6px 16px ;
  position: relative;
}
.block-top-product-worry-list__item-img {
  margin-bottom: 5px;
}
.block-top-product-worry-list__item-text {
  text-align: center;
}
@media (max-width:390px){
  .block-top-product-worry-list__item-text {
    font-size: 13px;
  }
}
.block-top-special{
  margin: 0 0 60px;
}
.block-top-special-text{
  font-weight: bold;
  text-align: center;
  margin: 0 0 35px;
}
.block-top-special-list{
  margin: 0 0 60px;
}
.block-top-special-list > * + *{
  margin: 35px 0 0;
}
.block-top-special-list > li:nth-of-type(n+3){
  display: none;
}
.block-top-special-list__item-img,.block-top-special-list .coreme-news-list-img,.block-top-special-list .block-article-list-img{
  margin: 0 0 15px;
}
.block-top-special-list__item-img img,.block-top-special-list .coreme-news-list-img img,.block-top-special-list .block-article-list-img img{
  width: 100%;
  height: auto;
}
.block-top-special-list__item-desc h3{
  font-size: 16px;
  font-weight: bold;
}
.block-top-special-list .coreme-news-list-date,.block-top-special-list .block-article-list-date{
  display: none;
}
.block-top-special-list .coreme-news-list-desc,.block-top-special-list .block-article-list-desc {
  margin: 0 0 20px;
}
.block-top-special-list .coreme-news-list-desc__title,.block-top-special-list .block-article-list-desc__title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.09em;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.block-top-special-list .coreme-news-list-link,.block-top-special-list .block-article-list-link{
  text-align: right;
}
.block-top-special-list .coreme-news-list-link a,.block-top-special-list .block-article-list-link a{
  text-decoration: underline;
}
.block-top-special-list .contents_h3 {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
}
.block-top-special-list .contents_h3 img {
    margin: 30px auto 0;
    height: 47px;
    width: fit-content;
}
@media (min-width: 1000px) {
    .block-top-special-list{
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
      margin: 0 0 90px;
    }
    .block-top-special-list > li{
      width: calc((100% - 80px) / 2);
      margin: 0;
    }
}
@media (max-width: 999px) {
      .block-top-special-list {
          display: flex;
          width: 100%;
          margin: auto;
          gap: 3%;
      }
      .block-top-special-list li { width: 48.5%; text-align: center; }
      .block-top-special-list .contents_h3 img {
          height: 5vw;
          margin-top: 8px;
      }
      .block-top-special-list > * + * {
        margin-top: 0;
      }
      .block-top-special-list .coreme-news-list-img {
         display: block;
         width: 100%;
         aspect-ratio: 1;
         overflow: hidden;
         position: relative;
         z-index: 1;
      }
      .block-top-special-list .coreme-news-list-img img {
          height: 100%;
          width: auto;
          max-width: none;
          position: relative;
          top: 0;
          left: -30%;
          right: -30%;
      }
}

.block-top-product{
  margin: 0 0 60px;
  padding: 60px 0;
  background: url(../../img/usr/common/bg_top_category_sp.jpg) center center / cover no-repeat;
}
.block-top-product .block-more-btn {
  margin-top: 40px;
}
.block-top-use{
  background: #F8F8F8;
  margin: 0 0 60px;
  padding: 34px 0 68px;
}
.block-top-use .block-top-use-text{
  font-size: 11px;
  text-align: center;
  margin: 0 0 30px;
}
.block-top-use-list > * + *{
  margin-top: 20px;
}
.block-top-use-list__item a{
  display: block;
  position: relative;
}
.block-top-use-list__item a p{
  font-family: var(--fontType01);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.block-top-use-list__item a p span{
  font-size: 12px;
  display: block;
}
.block-top-lecture .block-top-lecture-text{
  font-size: 11px;
  text-align: center;
  margin: 0 0 30px;
}
.block-top-lecture{
  margin: 0 0 60px;
}
.block-top-lecture-list > * + *{
  margin-top: 10px;
}
.block-top-lecture-list__item{
  border: 6px solid #EEE;
}
.block-top-lecture-list__item a{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.block-top-lecture-list__item a::after{
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
}
.block-top-category .logo_heading {
  margin-bottom: 60px;
}
.block-top-category .logo_heading img {
  width: auto;
  height: 45px;
}
@media (max-width: 768px) {
    .block-top-category .inner {
      padding: 0 15px;
    }
    .block-top-category .logo_heading img {
      height: 30px;
    }
    .block-top-category .logo_heading span {
      font-size: 11px;
    }
    .block-top-category .logo_heading {
      margin-bottom: 30px;
    }
}

/* ----トップページ予備テンプレート2---- */
.block-top-howto{
  margin: 0 0 60px;
}
.block-top-howto-tab{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
.block-top-howto-tab-item{
  text-align: center;
  flex-grow: 1;
  width: calc((100% - 10px) / 2);
  border: 1px solid var(--textColor);
}
.block-top-howto-tab-item.is-active{
  background: var(--textColor);
}
.block-top-howto-tab-item button{
  font-weight: bold;
  text-align: center;
  padding: 5px;
  width: 100%;
  height: 50px;
  line-height: 1.2;
  color: var(--textColor);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
}
.block-top-howto-tab-item.is-active button{
  color: #FFF;
}
.block-top-howto-video-wrap {
  margin-bottom: 50px;
  padding: 0 0 0 35px;
}
.block-top-howto-video{
  display: none;
  position: relative;
}
.block-top-howto-video.is-active{
  display: block;
}
.block-top-howto-video .confirm{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: fit-content;
  padding: 20px;
  height: 40px;
  background: rgba(255,255,255,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-top-howto-video-list-wrap{
  padding: 0 35px 0 0;
}
.block-top-howto-video-list{
  display: flex;
  gap: 20px;
}
.block-top-howto-video-list::after{
  content:"";
  display: block;
  width: 15px;
  height: auto;
  flex: 0 0 15px;
}
.block-top-howto-video-list__item{
  flex: 0 0 61.2vw;
  width: auto;
}
.block-top-howto-video-list__item-video{
  background: #E5E5E5;
  aspect-ratio: 262 / 170;
  margin-bottom: 18px;
  position: relative;
}
.block-top-howto-video-list__item-video::after{
  content:"";
  width: 49px;
  height: 49px;
  background: url(../../img/usr/common/ico_movie.png) center center / contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  margin: auto;
}
.block-top-howto-video-list__item-desc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.simplebar-track.simplebar-horizontal {
  position: relative;
  background: #E3E3E3;
  height: 5px;
  margin-top: 30px;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  background: var(--textColor);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
}
.simplebar-track.simplebar-vertical {
  width: 5px;
  background: #E3E3E3;
}
.block-instagram{
  margin: 0 0 60px;
  padding: 40px 35px 60px;
  background: url(../../img/usr/common/bg_top_instagram_sp.jpg) center top / cover no-repeat;
}
.block-instagram-headline {
  font-family: var(--fontType01);
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 0 auto 30px;
}
.block-instagram-headline::before {
  content: "";
  width: 34px;
  height: 34px;
  background: url(../../img/usr/common/ico_instagram.png) center center / contain no-repeat;
  display: block;
}
body:has(.block-instagram) .hacobune-dialog-rounded .hacobune-insta-item-tile-product .related-product-item-price {
  display: none !important;
}

/* ----フッター---- */
.pane-footer {
  padding: 30px 35px 40px;
  background: #F8F8F8;
}
.block-footer-fixed {
  position: fixed;
  bottom: 95px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1;
}
.page-method .block-footer-fixed {
  bottom: 170px;
}
.block-footer-search a {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  color: var(--textColor);
  letter-spacing: 0;
  background: #FFF;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  padding: 10px 10px 7px 20px;
  text-decoration: none;
  border-radius: 30px 0 0 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}
.block-footer-search a::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../../img/usr/common/ico_search.png) center center / contain no-repeat;
  display: block;
}
.block-footer-nav > * + *{
  margin: 10px 0 0;
}
.block-footer-nav{
  margin: 0 0 30px;
}
.block-footer-nav:last-child{
  margin-bottom: 20px;
}
.block-footer-nav__item > a,.block-footer-nav__item > span {
  font-size: 15px;
  font-weight: bold;
}
.block-footer-nav-level2{
  margin: 10px 0 0;
}
.block-footer-sns{
  margin: 0 0 60px;
  order: -1;
}
.block-footer-sns > * + *{
  margin-top: 10px;
}
.block-footer-sns li a{
  display: flex;
  align-items: center;
  gap: 8px;
}
.block-footer-logo{
  text-align: center;
  margin: 0 0 15px;
}
.block-footer-copyright{
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}
.block-footer-top-right{
  display: flex;
  flex-direction: column;
}
/* ----ページトップに戻る---- */
.block-page-top {
  position: fixed;
  bottom: 15px;
  right: 14px;
}
.page-method .block-page-top {
  bottom: 80px;
}
.block-page-top a {
  font-family: var(--fontType01);
  font-size: 13px;
  font-weight: 300;
  color: #FFF;
  text-align: center;
  background: rgba(30,30,30,0.8);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  padding-top: 3px;
  transition: opacity .4s;
}
.block-page-top a::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #FFF;
  border-top: 2px solid #FFF;
  transform: rotate(45deg);
  display: block;
}
.block-page-top a::after {
  content: "TOP";
  display: block;
}

/* ----PC/スマホ切り替えスイッチ---- */
.block-switcher {
  display: flex;
  width: 84px;
  margin: 0;
  padding: 3px;
  border-radius: 2px;
  background: rgba(34, 34, 34, 0.1);
}

.block-switcher .block-switcher-container {
  width: 38px;
  margin-right: 2px;
}

.block-switcher .block-switcher-container + .block-switcher-container {
  margin-right: 0;
}

.block-switcher .block-switcher-container .block-switcher--current {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4px 0;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
  background: #fff;
}

.block-switcher .block-switcher-container .block-switcher--current::before {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 3px;
  background: url(../../img/usr/common/ico_sp.png) center center / 14px auto no-repeat;
  content: "";
}

.block-switcher .block-switcher-container .block-switcher--switch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4px 0;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
  opacity: 0.3;
}

.block-switcher .block-switcher-container .block-switcher--switch::before {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 3px;
  background: url(../../img/usr/common/ico_pc.png) center center / 24px auto no-repeat;
  content: "";
}

.block-switcher .block-switcher-container .block-icon-image-small {
  display: none;
}

.block-switcher .block-switcher-container .block-icon-image-switcher {
  display: none;
}

/* ----Copyright---- */
.block-copyright {
  margin: 0 0 20px;
  font-size: 10px;
  color: #111;
}

/* ----カテゴリ画面---- */
.page-category .block-topic-path {
  margin: 0;
  padding: 10px 15px;
}

.block-category-list--header-img {
  padding: 0 0 20px;
}

.block-category-list--header-img img {
  width: 100%;
}

.block-category-list--header {
  padding: 12px 20px;
}

.block-category-list--comment {
  margin: 0 20px 32px;
}

/* ----ブランド画面---- */
.page-brandlist .block-topic-path {
  margin-top: 0;
}
.block-brand-list--item-img img {
  width: 100%;
  height: auto;
}
.block-brand-list--item-name {
  padding: 25px 20px 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}
.block-brand-list--item-comment {
  padding: 0 20px 60px;
}
.block-brand-detail--image img {
  width: 100%;
  height: auto;
}
/* ----商品一覧---- */
.block-filter--header .block-filter--header-label {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: none;
  width: 138px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

}
.block-filter--header .block-filter--header-label::before {
  content:"";
  display: block;
  width: 20px;
  height: 19px;
  background: url(../../img/usr/common/ico_filter.png) center center / contain no-repeat;
}

.block-filter--modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.block-filter--modal .block-filter--frame {
  position: absolute;
  top: 20px;
  left: 10px;
  width: calc(100% - 20px);
  max-height: calc(100% - 40px);
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
}

.block-filter--modal .block-filter--frame .block-filter--frame-header {
  margin: 0;
  padding: 18px 10px;
  border: 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #222;
  background: #dedede;
}

.block-filter--modal .block-filter--frame .block-filter--frame-close {
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  background: #d53100;
}

.block-filter--modal .block-filter--frame .block-filter--frame-close::before {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 2px;
  height: 14px;
  border-radius: 1px;
  transform: rotate(45deg);
  background: #fff;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--frame-close::after {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 2px;
  height: 14px;
  border-radius: 1px;
  transform: rotate(-45deg);
  background: #fff;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--list-item {
  display: block;
  border-bottom: #dedede 1px solid;
}

.block-filter--modal .block-filter--frame .block-filter--select-label {
  height: 52px;
  padding-left: 20px;
}

.block-filter--modal .block-filter--frame .block-filter--expand-icon {
  width: 50px;
  height: 52px;
  padding: 0 18px;
}

.block-filter--modal .block-filter--frame .block-filter--expand-icon .block-icon-image-double-small {
  position: relative;
  width: 14px;
  height: 14px;
  background: none;
}

.block-filter--modal .block-filter--frame .block-filter--expand-icon .block-icon-image-double-small::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background: #222;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--expand-icon .block-icon-image-double-small::after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  transform: rotate(90deg);
  background: #222;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--expand-icon .block-icon-image-double-small.block-icon-image--minus::after {
  display: none;
}

.block-filter--modal .block-filter--frame .block-filter--element {
  border-bottom: #dedede 1px solid;
}

.block-filter--modal .block-filter--frame .block-filter--element:last-of-type {
  border-bottom: 0;
}

.block-filter--modal .block-filter--frame .block-filter--filter-options {
  border-top: #dedede 1px solid;
}

.block-filter--modal .block-filter--frame .block-filter--option-items {
  height: 52px;
  padding-left: 20px;
  background: #f5f5f5;
}

.block-filter--modal .block-filter--frame .block-filter--treelist-layer {
  border-top: #dedede 1px solid;
}

.block-filter-btn .block-filter-submit{
  display: block;
  color: #FFF;
  text-align: center;
  background: var(--textColor);
  width: 100%;
  padding: 12px 10px;
  border: 1px solid var(--textColor);
  margin: 0 0 10px;
  cursor: pointer;
}
.block-filter-btn .block-filter-clear{
  display: block;
  text-align: center;
  background: #FFF;
  width: 100%;
  padding: 12px 10px;
  border: 1px solid #707070;
  cursor: pointer;
}

.block-filter--tree-2,
.block-filter--tree-3,
.block-filter--tree-4 {
  border-top: #dedede 1px solid;
  background: #f5f5f5;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem {
  border-top: #dedede 1px solid;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem:first-of-type {
  border-top: 0;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem-name {
  height: 52px;
  text-decoration: none;
  background: #f5f5f5;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem .block-filter--treeitem-dir {
  width: 50px;
  height: 52px;
  padding: 0 18px;
  background: #f5f5f5;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem .block-filter--treeitem-dir .block-icon-image-double-small {
  position: relative;
  width: 14px;
  height: 14px;
  background: none;
}

.block-filter--modal .block-filter--frame .block-filter--treeitem .block-filter--treeitem-dir .block-icon-image-double-small::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background: #222;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--treeitem .block-filter--treeitem-dir .block-icon-image-double-small::after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  transform: rotate(90deg);
  background: #222;
  content: "";
}

.block-filter--modal .block-filter--frame .block-filter--treeitem .block-filter--treeitem-dir .block-icon-image-double-small.block-icon-image--minus::after {
  display: none;
}

.block-filter--modal .block-filter--frame-bg {
  width: 100%;
  height: 100%;
  background: url(../../img/usr/common/bg_goods_modal_sp.png) center top / cover no-repeat;
  cursor: pointer;
}
.block-goods-list--sort-order-items {
  margin: 0 35px 30px;
  padding: 0 0 30px;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.block-goods-list--sort-order-items.--error {
  margin-top: 30px;
}
.block-goods-list--sort-order-items .block-search-open{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: none;
  width: 138px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--textColor);
}
.block-goods-list--sort-order-items .block-search-open::before {
  content: "";
  display: block;
  width: 20px;
  height: 19px;
  background: url(../../img/usr/common/ico_filter.png) center center / contain no-repeat;
}
.block-goods-list--sort-order-items .block-sort--element{
  width: calc(100% - 160px);
  height: 50px;
  margin: 0;
  padding: 0;
  background: #FFF;
  display: block;
  position: relative;
  display: none;
}
.block-goods-list--sort-order-items .block-sort--element::before {
  content:"";
  background: #F8F8F8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  pointer-events: none;
}
.block-goods-list--sort-order-items-list {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
  overflow: hidden;
  border-bottom: 1px solid #E3E3E3;
}
.block-goods-list--sort-order-items-list.is-active {
  height: auto;
}
.block-goods-list--sort-order-items-list-item {
  font-size: 14px;
  width: 100%;
  height: 50px;
  order: 2;
  padding-right: 30px;
  cursor: pointer;
  background: #FFF;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.block-goods-list--sort-order-items-list:not(:has(.selected)) .block-goods-list--sort-order-items-list-item:first-child{
  background: none;
}
.block-goods-list--sort-order-items-list-item.selected{
  order: 0;
  background: none;
}
.block-goods-list--sort-order-items-list-item a {
  padding: 0 0 0 20px;
  height: 50px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.block-goods-list--sort-order-items-list::after {
  content: '';
  border: 3px solid transparent;
  border-top: 5px solid var(--textColor);
  position: absolute;
  top: 22px;
  right: 10px;
  pointer-events: none;
}
.block-goods-list--sort-order-items-list.is-active::after {
  transform: rotate(180deg);
  top: 18px;
}
.block-goods-list--sort-order-items .block-sort--header {
  display: block;
  width: 60px;
  background: none;
}
.block-goods-list--sort-order-items .block-sort--header h2 {
  width: 60px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font-weight: normal;
  color: #444;
  background: none;
}

.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon {
  display: none;
}

.block-goods-list--sort-order-items .block-sort--element .block-sort--select {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 12px;
}

.block-goods-list--sort-order-items .block-sort--element .block-sort--select select {
  width: 100%;
  padding: 4px;
}

.block-goods-list--display-style-items {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 20px 0 35px;
  margin: 0 0 8px;
  display: block;
  font-weight: bold;
}

.block-goods-list--display-style-items .block-style--header {
  display: block;
  width: 60px;
  background: block;
}

.block-goods-list--display-style-items .block-style--header h2 {
  width: 60px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font-weight: normal;
  color: #444;
  background: block;
}

.block-goods-list--display-style-items .block-style--header .block-style--expand-icon {
  display: block;
}

.block-goods-list--display-style-items .block-style--element {
  display: block;
  width: calc(100% - 60px);
}

.block-goods-list--display-style-items .block-style--element .block-style--select {
  /* display: block; */
  display: flex;
  width: 100%;
  height: auto;
  /* padding-left: 12px; */
}

.block-goods-list--display-style-items .block-style--element .block-style--select select {
  width: 100%;
  padding: 4px;
}

.block-thumbnail-t--items {
  display: flex;
  flex-wrap: wrap;
  border: 0;
  padding: 0 5px;
}

.block-thumbnail-t--item {
  width: calc((100% - 5px) / 2);
  margin: 0 5px 24px 0;
  padding: 0;
}

.block-thumbnail-t--item:nth-of-type(2n) {
  margin-right: 0;
}

.block-thumbnail-t--item .block-thumbnail-t--goods-image {
  margin: 0 0 16px;
}

.block-thumbnail-t--item .block-thumbnail-t--goods-image figure {
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: none;
}

.block-thumbnail-t--item .block-thumbnail-t--goods-description {
  padding: 0 20px;
}

.block-thumbnail-t--item .block-thumbnail-t--goods-name {
  font-weight: normal;
  margin: 0 0 4px;
}

.block-thumbnail-t--item .block-thumbnail-t--comment {
  display: none;
}

.block-thumbnail-t--item .block-thumbnail-t--price-infos .block-thumbnail-t--scomment {
  font-size: 12px;
  font-weight: bold;
  color: #d53115;
}

.block-thumbnail-t--item .block-thumbnail-t--price-infos .block-thumbnail-t--scomment + .block-thumbnail-t--price-items .block-thumbnail-t--price {
  color: #d53115;
}

.block-thumbnail-t--item .block-thumbnail-t--price-infos .block-thumbnail-t--scomment + .block-thumbnail-t--price-items .block-thumbnail-t--default-price {
  font-size: 11px;
  font-weight: normal;
}

.block-thumbnail-t--item .block-thumbnail-t--price {
  font-size: 13px;
  font-weight: 500;
}

.page-top .block-thumbnail-t--items {
  padding: 0 4vw;
}

.page-top .block-thumbnail-t--item {
  width: 45.25vw;
  margin: 0 1.5vw 4vw 0;
  padding: 0;
}

.page-top .block-thumbnail-t--item:nth-of-type(2n) {
  margin-right: 0;
}

.page-top .block-thumbnail-t--item .block-thumbnail-t--goods-description {
  padding: 0;
}

.page-top .block-thumbnail-t--item .block-thumbnail-t--goods-name {
  margin: 0 0 4px;
}

.page-top .block-thumbnail-t--item .block-thumbnail-t--price {
  font-size: 13px;
}

.block-ranking-r--item .block-ranking-r--goods-description .block-ranking-r--cart-btn .block-list-add-cart-btn {
  width: 100%;
  font-size: 13px;
  padding: 12px;
  border-radius: 22px;
}

.block-ranking-r--items {
  display: flex;
  flex-wrap: wrap;
  border: 0;
  padding: 0 5px;
}

.block-ranking-r--item {
  width: calc((100% - 5px) / 2);
  margin: 0 5px 24px 0;
  padding: 0;
}

.block-ranking-r--item:nth-of-type(2n) {
  margin-right: 0;
}

.block-ranking-r--items .block-ranking-r--goods-image {
  margin: 0 0 16px;
}

.block-ranking-r--items .block-ranking-r--goods-image figure {
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: none;
}

.block-ranking-r--items .block-ranking-r--goods-description {
  padding: 0 20px;
}

.block-ranking-r--items .block-ranking-r--goods-name {
  font-weight: normal;
  margin: 0 0 4px;
}

.block-ranking-r--items .block-ranking-r--comment {
  display: none;
}

.block-ranking-r--items .block-ranking-r--price-infos .block-ranking-r--scomment {
  font-size: 12px;
  font-weight: bold;
  color: #d53115;
}

.block-ranking-r--items .block-ranking-r--price-infos .block-ranking-r--scomment + .block-ranking-r--price-items .block-ranking-r--price {
  color: #d53115;
}

.block-ranking-r--items .block-ranking-r--price-infos .block-ranking-r--scomment + .block-ranking-r--price-items .block-ranking-r--default-price {
  font-size: 11px;
  font-weight: normal;
}

.block-ranking-r--items .block-ranking-r--price {
  font-size: 13px;
  font-weight: 500;
}

.block-ranking-r--items .block-ranking-r--rank {
  top: 10px;
  left: 10px;
  width: 33px;
  height: 26px;
  padding: 2px 0 6px;
  border-radius: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: url(../../img/usr/common/ico_rank.png) center center / auto 26px no-repeat;
}

.block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-1 {
  background: url(../../img/usr/common/ico_rank1.png) center center / auto 26px no-repeat;
}

.block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-2 {
  background: url(../../img/usr/common/ico_rank2.png) center center / auto 26px no-repeat;
}

.block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-3 {
  background: url(../../img/usr/common/ico_rank3.png) center center / auto 26px no-repeat;
}

.block-top-event .block-top-event--goods {
  position: relative;
}

.block-top-event .block-ranking-r {
  margin: 0 45px;
}

.block-top-event .block-ranking-r--items.swiper-wrapper {
  border: 0;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

.block-top-event .block-ranking-r--items.swiper-wrapper > li {
  margin-right: 0;
}

.block-top-event .block-top-event--goods .swiper-button-prev::after {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 0;
  border-top: 2px solid #111;
  border-left: 2px solid #111;
  transform: rotate(-45deg);
  font-size: 0;
  z-index: 1;
  background: none;
  content: "";
}

.block-top-event .block-top-event--goods .swiper-button-next::after {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 0;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
  transform: rotate(45deg);
  font-size: 0;
  z-index: 1;
  background: none;
  content: "";
}

.block-top-event .block-ranking-r--items .block-ranking-r--item {
  display: block;
  padding: 0;
}

.block-top-event .block-ranking-r--items .block-ranking-r--rank {
  top: 13px;
  left: 10px;
  width: 33px;
  height: 26px;
  padding: 2px 0 6px;
  border-radius: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: url(../../img/usr/common/ico_rank.png) center center / auto 26px no-repeat;
}

.block-top-event .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-1 {
  background: url(../../img/usr/common/ico_rank1.png) center center / auto 26px no-repeat;
}

.block-top-event .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-2 {
  background: url(../../img/usr/common/ico_rank2.png) center center / auto 26px no-repeat;
}


.block-top-event .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank.block-ranking-r--rank-3 {
  background: url(../../img/usr/common/ico_rank3.png) center center / auto 26px no-repeat;
}

.block-top-event .block-ranking-r--items .block-ranking-r--goods-image {
  margin: 0 0 17px;
}

.block-top-event .block-ranking-r--items .block-ranking-r--goods-image figure img {
  width: 100%;
}

.block-top-event .block-ranking-r--items .block-ranking-r--goods-name {
  font-weight: normal;
  margin: 0 0 8px;
}

.block-top-event .block-ranking-r--items .block-ranking-r--comment {
  display: none;
}

.block-top-event .block-ranking-r--items .block-ranking-r--price {
  font-size: 15px;
}

.block-recent-item--header {
  font-family: var(--fontType01);
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  margin: 30px 0;
  padding: 0;
}
.block-recent-item--header span{
  font-size: 11px;
  font-weight: 500;
  display: block;
}
.block-recent-item--keep-history {
  display: none;
}
.block-recent-item--keep-history,
.block-recent-item--message {
    max-width: 1240px;
    margin: 0 auto;
    text-align: right;
}
.block-recent-item--items {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto 40px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.block-thumbnail-h {
  display: flex;
  justify-content: center;
  gap: 1em;
  padding: 0 10px;
  white-space: nowrap;
  width: fit-content;
}
.block-recent-item--body:not(:has(.itemHistory)){
  max-width: 1240px;
  margin: 0 auto 40px;
}

.block-thumbnail-h .block-thumbnail-h--items {
  display: flex;
  gap: 20px;
  max-width: none;
  padding: 0 35px;
}

.block-thumbnail-h .block-thumbnail-h--item {
  display: block;
  padding: 0;
}

.block-thumbnail-h .block-thumbnail-h--goods {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.block-thumbnail-h .block-thumbnail-h--goods-description,
.block-thumbnail-h .block-thumbnail-h--item .block-goods-favorite{
  display: none;
}

@media (min-width: 769px) {
    .block-thumbnail-h .block-thumbnail-h--item {
      width: 90px;
      min-width: 90px;
    }
}
@media (max-width: 768px) {
    .block-recent-item--items {
      max-width: none;
      width: auto;
    }
    .block-thumbnail-h .block-thumbnail-h--item {
      width: calc(100vw / 3.7);
      max-width: 90px;
    }
}

.block-pickup-list-p .block-pickup-list-p--item .block-pickup-list-p--price-infos .block-pickup-list-p--scomment {
  font-size: 12px;
  font-weight: bold;
  color: #d53115;
}

.block-pickup-list-p .block-pickup-list-p--item .block-pickup-list-p--price-infos .block-pickup-list-p--price-items .price,
.block-pickup-list-p .block-pickup-list-p--item .block-pickup-list-p--price-infos .block-pickup-list-p--price-items .net-price {
  font-size: 13px;
  font-weight: 500;
}

.block-pickup-list-p .block-pickup-list-p--item .block-pickup-list-p--price-infos .block-pickup-list-p--price-items .default-price {
  font-size: 11px;
  font-weight: normal;
}

.block-pickup-list-p .block-pickup-list-p--item .block-pickup-list-p--price-infos .block-pickup-list-p--scomment + .block-pickup-list-p--price-items .price {
  color: #d53115;
}

/* ----詳細検索---- */
.block-search-goods{
  padding-bottom: 80px;
}
.block-search-modal{
  background: url(../../img/usr/common/bg_goods_modal.png) left top / cover no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: none;
}
.block-search-modal-container{
  width: calc(100% - 70px);
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 0 0 45px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.block-search-modal-close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: absolute;
  top: -19px;
  right: -19px;
  background: #9E9E9E;
}
.block-search-modal-close::before, .block-search-modal-close::after {
  content: "";
  width: 16px;
  height: 2px;
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
}
.block-search-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.block-search-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.block-search-goods-left-menu-title{
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  background: #9E9E9E;
  padding: 8px 15px 8px 25px;
  margin: 10px 10px 20px;
}

/* ----パンくずリスト---- */

.block-topic-path {
  padding: 10px 0;
  background: none;
}
.block-topic-path a {
  text-decoration: none;
}
.page-goods .block-topic-path {
  margin: 0;
  padding: 10px 15px;
}

/* ----マイページ---- */

.block-mypage--member-info-items .block-mypage--update-address-book-description a .block-icon-image-double-small {
  margin: 3px;
  padding: 15px 10px 0;
}

.block-favorite .block-accessory-list--name {
  padding: 16px 20px;
  background: none;
}

.block-store-coupon-list--table .block-store-coupon-list--bonus {
  font-size: 20px;
}

.block-login--member-header,
.block-login--first-time-header {
  margin-bottom: 8px;
}

.block-onetimepassword-certify--header,
.block-onetimepassword-send--header {
  padding-left: 0;
  padding-right: 0;
}

.block-inquiry-history--body li {
  padding: 8px;
}

/* ----クイックオーダー---- */

.block-quick-order--price-pop {
  font-size: 12px;
  font-weight: bold;
  color: #d53115;
}

.block-quick-order--price {
  font-weight: 500;
  color: #c30;
}

.block-quick-order--price-price {
  color: #c30;
}

.block-quick-order--default-price {
  font-weight: normal;
}

.block-quick-order--subtotal-cell {
  color: #111;
}

/* ----購入フロー---- */

.block-cart-recent-item--header {
  font-family: var(--fontType01);
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  margin: 30px 0;
  padding: 0;
}
.block-cart-recent-item--header span {
  font-size: 11px;
  font-weight: 500;
  display: block;
}

.page-cart .block-search-box--form {
  display: none;
}

.block-cart--goods-list-item-delete-btn {
  text-decoration: none;
}

.block-cart--procedure-container {
  top: 0;
  transition: top 0.2s;
}

.block-cart--procedure-container.block-cart--procedure-container__fixed {
  top: 72px;
}

.block-order-method h2 {
  margin-top: 20px;
  margin-bottom: 8px;
  border: 0;
}

.block-order-estimate h2 {
  margin-bottom: 8px;
  border: 0;
}

.block-order-estimate--method h3 {
  border-bottom: 0;
  font-weight: bold;
}

.block-order-estimate--date-spec h3,
.block-order-estimate--time-spec h3,
.block-order-estimate--discount-info .block-order-estimate--point h3,
.block-order-estimate--discount-info .block-order-estimate--promotion-code h3,
.block-order-estimate--discount-info .block-order-estimate--promotion h3,
.block-order-estimate--discount-info .block-order-estimate--coupon h3,
.block-order-estimate--sales-append .block-order-estimate--confirmation-title h3 {
  border-bottom: 0;
  font-weight: bold;
}

.block-order-estimate--dest-address-item-buttons__selected {
  background: #ffebe8;
}

.block-order-gift-noshi h3 {
  margin-bottom: 8px;
}

.block-order-complete--wrapper {
  padding: 0 10px;
}

.block-order-complete--message {
  margin: 0 0 12px;
}

.block-order-complete--message p {
  padding: 0;
  font-size: 13px;
}

.block-order-complete--orderid {
  margin: 0 0 20px;
  border: 0;
}

.block-order-complete table.block-order-complete--orderid th {
  display: block;
  width: 100%;
  padding: 2px 0;
  border: 0;
  text-align: center;
  font-size: 11px;
  color: #808080;
  background: none;
}

.block-order-complete--orderid td {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  font-size: 12px;
  background: none;
}

.block-order-complete--orderid td a {
  font-size: 12px;
}

.block-regular-goods-add--header,
.block-regular-goods-change--header {
  margin: -10px -10px 0;
}

.block-goodschange-list {
  margin: 10px;
}

.block-goodsadd-list--customer-name,
.block-goodschange-list--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-list--info-withdrawal {
  display: block;
  width: auto;
}

.block-order-regular-add-confirm h2 {
  margin-bottom: 8px;
  border: 0;
}

.block-order-regular-add-complete--wrapper {
  padding: 0 10px;
}

.block-order-regular-add-complete--message {
  margin: 0 0 12px;
}

.block-order-regular-add-complete--message p {
  padding: 0;
  font-size: 13px;
}

.block-order-regular-add-complete--regular-sales {
  margin: 0 0 20px;
  border: 0;
}

.block-order-regular-add-complete table th {
  display: block;
  width: 100%;
  padding: 2px 0;
  border: 0;
  text-align: center;
  font-size: 11px;
  color: #808080;
  background: none;
}

.block-order-regular-add-complete table td {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  font-size: 12px;
  background: none;
}

.block-order-regular-add-complete table td a {
  font-size: 12px;
}

/* ----ページ機能---- */

.block-pagecategory-page-list {
  margin: 0 10px;
}

.block-pagecategory-page-list--frame {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.block-pagecategory-page-list--frame .block-pagecategory-page-list--page {
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
}

.block-pagecategory-page-list--frame .block-pagecategory-page-list--page:nth-of-type(2n) {
  margin-right: 0;
}

/* ----商品詳細画面---- */

.block-goods-detail {
  margin: 0;
  padding: 0;
}

.block-src-l {
  margin: -10px -20px 0;
}

.block-goods-gallery {
  overflow-x: auto;
  overflow-y: hidden;
}

.block-goods-gallery::-webkit-scrollbar {
  display: none;
}

.block-goods-gallery ul {
  display: flex;
  padding: 0;
}

.block-goods-gallery ul li {
  display: block;
  width: 17.29vw;
  min-width: 74px;
  flex-basis: 17.29vw;
  margin: 0;
  padding: 0;
}

.block-goods-gallery ul li figure {
  width: 17.29vw;
  height: 17.29vw;
}
.block-goods-detail .swiper-scrollbar {
  background-color: #E3E3E3;
  height: 4px !important;
  bottom: -24px !important;
  left: 15px !important;
  width: calc(100% - 30px) !important;
  z-index: 1 !important;
}
.block-goods-detail .swiper-scrollbar-drag {
  background-color: #1E1E1E;
}
.page-goods .block-icon {
  gap: 7px;
  margin: 0 35px 15px;
}
.page-goods .block-icon > span {
  width: auto;
}
.page-goods .block-icon > span img {
  width: auto;
  height: 28px;
}
.block-icon > span.block-icon--comment1,
.block-icon > span.block-icon--comment2,
.block-icon > span.block-icon--comment3,
.block-icon > span.block-icon--business-comment1,
.block-icon > span.block-icon--business-comment2,
.block-icon > span.block-icon--business-comment3{
  border: 1px solid var(--mainColor);
  font-size: 10px;
  font-weight: bold;
  color: var(--mainColor);
  width: auto;
  min-width: calc((100% - 8px) / 3);
  padding: 0 2px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media (max-width:390px){
  .block-icon > span.block-icon--comment1,
  .block-icon > span.block-icon--comment2,
  .block-icon > span.block-icon--comment3{
    font-size: 9px;
  }
}
.page-goods .block-icon > span.block-icon--comment1,
.page-goods .block-icon > span.block-icon--comment2,
.page-goods .block-icon > span.block-icon--comment3,
.page-goods .block-icon > span.block-icon--business-comment1,
.page-goods .block-icon > span.block-icon--business-comment2,
.page-goods .block-icon > span.block-icon--business-comment3{
  border: 1px solid var(--mainColor);
  font-size: 14px;
  font-weight: bold;
  color: var(--mainColor);
  min-width: 76px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0 4px;
}

.block-goods-name {
  margin: 0 35px;
}

.block-goods-name h1 {
  padding: 0;
  font-size: 22px;
  line-height: 1.333;
}

.block-goods-comment {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 35px 10px;
}

.block-goods-comment.more-open {
  position: relative;
  max-height: 54px;
  padding-bottom: 16px;
}

.block-goods-comment.more-open .open-button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  cursor: pointer;
}

.block-goods-comment.more-open .open-button::before {
  position: absolute;
  top: 0;
  left: calc(50% - 6px);
  display: block;
  width: 12px;
  height: 12px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  content: "";
}

.goods-detail-description {
  display: flex;
  padding: 1px 0;
  font-size: 13px;
}

.goods-detail-description dt {
  display: block;
  font-weight: normal;
  width: 6.5em;
}

.goods-detail-description dd {
  display: block;
}

.goods-detail-description.block-goods-spec {
  display: block;
  font-size: 12px;
}

.goods-detail-description.block-goods-spec dt {
  display: inline;
  font-weight: normal;
}

.goods-detail-description.block-goods-spec dd {
  display: inline;
}

.block-goods-price--on-sales-comment {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #d53115;
}

.block-goods-price--on-sales-comment + .block-goods-price--price {
  color: #d53115;
}

.block-goods-price--on-sales-comment + .block-goods-price--price + .block-goods-price--default-price {
  font-size: 14px;
  font-weight: normal;
}

.block-goods-price {
  text-align: left;
}

.block-goods-first-limited-order {
  margin: 0 35px 10px;
}

.block-goods-price--price {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}

.block-goods-price--price::after,
.block-goods-price--net-price::after {
  font-size: 10px;
  font-weight: normal;
}

.block-goods-price--default-price {
  text-align: left;
}

.block-goods-price--default-price::after {
  font-size: 11px;
  content: "（税込）";
}

.block-goods-price--default-net::after {
  font-size: 11px;
  content: "（税抜）";
}

.block-goods-price--regular-repeat-price::after {
  font-size: 11px;
  content: "（税込）";
}

.block-goods-price--regular-repeat-net::after {
  font-size: 11px;
  content: "（税抜）";
}

.block-goods-term--sales-term {
  padding: 6px 0;
  font-size: 14px;
  color: #d53115;
}

.block-variation--name {
  border: 0;
  border-top: 1px solid #dedede;
  padding: 12px 0 0;
  margin: 10px 0 4px;
  font-size: 14px;
  font-weight: bold;
}

.block-variation--item {
  margin-right: 4px;
}

.block-color--item-term,
.block-size--item-term {
  min-width: 56px;
  min-height: 56px;
}

.block-variation--item dt {
  border: 1px solid #dedede;
}

.block-variation--item.active dt {
  border: 1px solid #d53100;
}

.block-variation--item.size-disable-stock dt {
  border: 1px dashed #dedede;
}

.block-color--item-term figure {
  width: 54px;
  height: 54px;
}

.block-color--item-term img {
  max-width: 100%;
  max-height: 100%;
}

.block-size--item-term span {
  width: 54px;
  height: 54px;
  font-size: 13px;
}

.block-variation--selected-item {
  margin: 8px 0 16px;
}

.block-size-with-cart--item-term,
.block-color-with-cart--item-term,
.block-color-size-with-cart--color-item-term,
.block-color-size-with-cart--size-item-term {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  flex-shrink: 0;
}

.block-color-size-with-cart--nocolor {
  width: 48px;
  height: 48px;
  margin-right: 4px;
  flex-shrink: 0;
}

.block-color-size-with-cart--color-item-term {
  margin-right: 4px;
}

.block-color-size-with-cart--size-item-term span,
.block-size-with-cart--item-term span {
  width: 46px;
  height: 46px;
  font-size: 12px;
}

.block-color-size-with-cart--color-item-term figure,
.block-color-with-cart--item-term figure {
  width: 46px;
  height: 46px;
}

.block-color-size-with-cart--color-item-term img,
.block-color-with-cart--item-term img {
  max-width: 100%;
  max-height: 100%;
}

.block-variation .block-variation-no-stock--message,
.block-variation .block-variation-outside-sales-period--message,
.block-variation .block-goods-variation-arrival-notice--btn,
.block-variation .block-variation-add-cart--btn {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  width: 100%;
}

.block-variation .block-variation-no-stock,
.block-variation .block-variation-outside-sales-period {
  width: 100%;
}

.block-variation .block-variation-no-stock--message,
.block-variation .block-variation-outside-sales-period--message {
  border: 0;
  color: #FFF;
  background: #9E9E9E;
}

.block-variation .block-variation-outside-sales-period.--before .block-variation-outside-sales-period--message {
  border: 1px solid var(--textColor);
  color: var(--textColor);
  background: #fff;
}

.block-goods-variation-arrival-notice {
  width: 100%;
}

.block-variation .block-goods-variation-arrival-notice--btn {
  border: 0;
  color: #fff;
  background: #73c3d6;
}

.block-variation .block-variation-add-cart--btn::before {
  display: inline-block;
  width: 21px;
  height: 18px;
  margin-right: 10px;
  vertical-align: top;
  background: url(../../img/usr/common/ico_cart_w.png) center center / 100% auto no-repeat;
  content: "";
}

.block-variation .block-variation-favorite {
  margin-left: 8px;
  flex-shrink: 0;
}

.block-variation .block-variation-favorite--btn,
.block-variation .block-variation-favorite-registed--btn {
  height: 54px;
  width: 54px;
  border-radius: 50%;
}

.block-variation .block-variation-favorite--btn {
  background: url(../../img/usr/common/goods_bookmark_btn_sp.png) center center / 18px auto no-repeat #F5F5F5;
}

.block-variation .block-variation-favorite-registed--btn {
  background: url(../../img/usr/common/goods_bookmark_reg_btn_sp.png) center center / 18px auto no-repeat #F5F5F5;
}

.block-variation .block-variation-favorite--btn .block-icon-image,
.block-variation .block-variation-favorite-registed--btn .block-icon-image {
  display: none;
}

.block-variation-add-cart {
  width: 100%;
}
.block-add-cart{
  margin: 0 35px;
}
.block-add-cart .block-add-cart--btn {
  margin: 10px 0;
  padding: 14px 10px;
  font-size: 18px;
}

.block-custom-order--btn {
  margin: 10px 0;
  padding: 16px 0;
  border-radius: 3px;
  font-size: 15px;
}
.block-no-stock{
  margin: 0 35px;
}

.block-no-stock .block-no-stock--message,
.block-outside-sales-period--message {
  width: 100%;
  padding: 15px 10px;
  border: 0;
  color: #FFF;
  background: #9E9E9E;
}

.block-goods-favorite--btn {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #E3E3E3;
  font-size: 16px;
  color: var(--textColor);
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-goods-favorite--btn::before {
  display: inline-block;
  width: 25px;
  height: 21px;
  margin-right: 9px;
  vertical-align: initial;
  background: url(../../img/usr/common/goods_bookmark_btn_sp.png) center center / contain no-repeat;
  content: "";
}

.block-goods-favorite-registed--btn {
  margin: 0 0 10px;
  padding: 16px 0;
  border-radius: 3px;
  border: 1px solid #d53100;
  font-size: 15px;
  color: #d53100;
  background: #fff2ef;
}

.block-goods-favorite-registed--btn::before {
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 9px;
  vertical-align: initial;
  background: url(../../img/usr/common/goods_bookmark_reg_btn_sp.png) center center / 100% auto no-repeat;
  content: "";
}

.block-contact-about-goods {
  text-align: center;
}

.block-contact-about-goods .block-contact-about-goods-btn {
  display: inline;
  padding: 0;
  border: 0;
  text-decoration: underline;
  font-size: 14px;
  color: #081f2c;
  background: none;
}

.block-goods-link {
  text-align: center;
}

.block-goods-link .block-goods-link--btn {
  display: inline;
  padding: 0;
  border: 0;
  text-decoration: underline;
  font-size: 14px;
  color: #081f2c;
  background: none;
}

.block-goods-store-stock {
  text-align: center;
}

.block-goods-store-stock .block-goods-store-stock--btn {
  margin: 0 0 10px;
  padding: 16px 0;
  border-radius: 3px;
  border: 1px solid #d53100;
  font-size: 15px;
  color: #d53100;
  background: #fff;
}

.block-goods-detail dl[class^="block-goods-comment"] dt {
  display: block;
  margin: 0 0 14px;
  padding: 24px 0 0;
  font-size: 20px;
  font-weight: 500;
}

.block-goods-detail dl[class^="block-goods-comment"] + dl[class^="block-goods-comment"] dt {
  display: none;
}

.block-goods-detail dl[class^="block-goods-comment"] dt h3 {
  margin: 0;
  border: 0;
  font-size: 20px;
}

.block-goods-detail h3.block-goods-comment--title {
  margin: 0 0 12px;
  padding: 8px 0;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
  line-height: 1.5;
}

.block-goods-comment--table-frame {
  width: 100%;
  margin: 0 0 15px;
  overflow-x: auto;
  overflow-y: hidden;
}

.block-goods-comment--table-frame .block-goods-comment--table {
  border-collapse: collapse;
}

.block-goods-comment--table-frame .block-goods-comment--table th,
.block-goods-comment--table-frame .block-goods-comment--table td {
  padding: 7px 22px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #707070;
}

.block-goods-comment--table-frame .block-goods-comment--table tr.title th {
  background: #eee;
}

.block-goods-comment--table-frame .block-goods-comment--table tr th:first-of-type,
.block-goods-comment--table-frame .block-goods-comment--table tr.title th:first-of-type {
  min-width: 100px;
  text-align: left;
  font-weight: bold;
}

.block-goods-comment--table-frame .block-goods-comment--table td {
  white-space: nowrap;
}

.block-goods-user-review h2 {
  margin: 0;
  padding: 16px 20px;
  border: 0;
  font-size: 19px;
  background: none;
}

.block-goods-user-review .block-goods-user-review--info {
  padding: 10px 20px;
  background: none;
}

.block-goods-user-review .block-goods-user-review--count-summary {
  padding: 10px 13px;
  border: 1px solid #707070;
  border-radius: 4px;
}

.block-goods-user-review .block-goods-user-review--score dt {
  font-weight: normal;
}

.block-goods-user-review .block-goods-user-review--score dd img {
  height: 100%;
  top: -2px;
}

.block-goods-user-review .block-goods-user-review--description {
  margin: 0 0 24px;
  font-size: 11px;
}

.block-goods-user-review .block-goods-user-review--need-login-message {
  margin: 16px 0 12px;
  text-align: center;
  font-size: 12px;
}

.block-goods-user-review .block-goods-user-review--need-login-message a {
  text-decoration: underline;
}

.block-goods-user-review .block-goods-user-review--write-review-link,
.block-goods-user-review .block-goods-user-review--write-review-btn {
  display: block;
  width: 216px;
  margin: 0 auto;
  padding: 10px 0;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #d53100;
}

.block-goods-user-review .block-goods-user-review--list {
  margin: 0 20px;
}

.block-goods-user-review .block-goods-user-review--list .block-goods-user-review--item {
  padding: 16px 0;
  border-bottom: 1px solid #dedede;
}

.block-goods-user-review .block-goods-user-review--list .block-goods-user-review--item:last-of-type {
  border-bottom: 0;
}

.block-goods-user-review .block-goods-user-review--item-title {
  border: 0;
  font-size: 15px;
  font-weight: 500;
}

.block-goods-user-review .block-goods-user-review--item-summary {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block-goods-user-review .block-goods-user-review--item-summary .block-goods-user-review--item-name {
  margin: 0 0 8px;
  order: 20;
}

.block-goods-user-review .block-goods-user-review--item-summary .block-goods-user-review--item-score {
  margin: 0 0 8px;
  order: 10;
}

.block-goods-user-review .block-goods-user-review--item-summary .block-goods-user-review--item-score dt {
  display: none;
}

.block-goods-user-review .block-goods-user-review--item-summary .block-goods-user-review--item-score dd img {
  width: 30%;
  top: -2px;
}

.block-goods-detail-footer {
  display: none;
}

h2.block-accessory-list--name {
  padding: 16px 20px;
  border: 0;
  font-size: 19px;
  background: none;
}

.block-goods-uservoice {
  padding: 0 0 40px;
  background: #f5f5f5;
}

.block-goods-uservoice .block-goods-uservoice--title {
  margin: 0 0 24px;
  padding: 40px 0 0;
  border: 0;
  text-align: center;
  font-family: "Josefin Sans", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  color: #000;
  background: none;
}

.block-goods-uservoice .block-goods-uservoice--title span {
  display: block;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.5;
}

.page-goods .block-search-box--form {
  display: none;
}

.block-goods-comment-tab-list{
  display: flex;
  flex-wrap: wrap;
  margin: 40px 35px 30px;
  order: 360;
}
.block-goods-comment-tab-list-item {
  text-align: center;
  width: 50%;
  border-bottom: 1px solid #1E1E1E;
}
.block-goods-comment-tab-list-item.is-active {
  border: 1px solid #1E1E1E;
  border-bottom: 0;
}
.block-goods-comment-tab-list-item button {
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 20px 5px;
  cursor: pointer;
  background: none;
  border: none;
}
.block-goods-comment-tab-list-item:not(.is-active) button {
  text-decoration: underline;
}
[class^="block-goods-comment"].is-hide {
  display: none;
}
[class^="block-goods-comment"] p{
  line-height: 2.125;
  margin: 0 0 40px;
}
[class^="block-goods-comment"] img{
  display: block;
  margin: 0 0 40px;
  width: 100%;
  height: auto;
}
.block-goods-comment-cont{
  display: none;
}
.block-goods-comment-cont.is-active{
  display: block;
}
.block-goods-comment-cont p {
  line-height: 2.125;
  margin: 0 0 40px;
}
.block-goods-comment-cont-img{
  margin: 0 0 40px;
}
.block-goods-comment-cont-img img{
  width: 100%;
  height: auto;
}

/*CSSによる商品詳細画面の項目の並び順変更用*/
.block-goods-detail .js-goods-variation-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column nowrap;
}
.block-src-l {
  order: 10;
}
.block-src-c {
  order: 20;
}
.block-goods-gallery {
  order: 30;
}

.js-goods-variation-detail {
  order: 35;
}
.block-goods-name {
  order: 45;
}
.page-goods .block-icon {
  order: 40;
}
.block-goods-comment {
  order: 50;
}
.block-goods-spec {
  order: 60;
}
.block-goods-comment {
  order: 70;
}
.block-goods-detail--promotion-freespace {
  order: 80;
}
.block-goods-affix-list {
  order: 90;
}
.block-goods-price {
  order: 100;
}
.block-refill-goods {
  order: 105;
}
.block-goods-first-limited-order {
  order: 110;
}
.block-goods-code {
  order: 115;
}
.block-goods-item-code {
  order: 120;
}
.block-goods-item-code2 {
  order: 130;
}
.block-goods-item-code3 {
  order: 140;
}
.block-goods-release-dt {
  order: 150;
}
.block-goods-class1 {
  order: 160;
}
.block-goods-class2 {
  order: 170;
}
.block-goods-attr1 {
  order: 180;
}
.block-goods-attr2 {
  order: 190;
}
.block-goods-attr3 {
  order: 200;
}
.block-goods-point {
  order: 210;
}
.block-goods-postage {
  order: 220;
}
.block-goods-stock {
  order: 230;
}
.block-goods-coupon {
  order: 240;
}
.block-goods-promotion {
  order: 250;
}
.block-goods-sales-detail-append {
  order: 260;
}
.block-modal-open{
  order: 260;
}
.block-variation {
  order: 270;
}
.block-custom-order {
  order: 280;
}
.block-add-cart {
  order: 290;
}
.block-arrival-notice {
  order: 290;
}
.block-no-stock {
  order: 290;
}
.block-outside-sales-period {
  order: 290;
}
.block-goods-favorite {
  order: 300;
}
.block-variation-back-order {
  order: 310;
}
.block-goods-store-stock {
  order: 320;
}
.block-goods-set {
  order: 330;
}
.block-goods-sns {
  order: 340;
}
.block-contact-about-goods {
  order: 350;
}
.block-goods-link {
  order: 360;
}
.block-unisize {
  order: 365;
}
.block-goods-comment1 {
  order: 370;
}
.block-goods-comment2 {
  order: 380;
}
.block-goods-comment3 {
  order: 390;
}
.block-goods-comment4 {
  order: 400;
}
.block-goods-comment5 {
  order: 410;
}
.block-rules-comment {
  order: 420;
}
.block-goods-size--box .block-goods-size--body {
  padding-left: 10px;
  padding-right: 10px;
}
.block-goods-size--body .block-measured .block-measured--item-list,
.block-goods-size--body .block-measured .js-unisize-bunner,
.block-goods-size--body .block-measured .js-unisize-bunner > div {
  margin: 12px 0;
}
.block-goods-size--box .block-measured--item-list {
  width: 100%;
  border: 0;
}
.block-goods-size--box .block-measured--item-list th {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f2;
  border: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.block-goods-size--box .block-measured--item-list td {
  font-size: 11px;
  text-align: center;
  line-height: 1.3;
  vertical-align: middle;
  width: calc(100% / 6);
  padding: 5px 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.block-goods-size--box .block-measured--item-list th:first-child {
  border-left: 0;
}
.block-goods-size--box .block-measured--item-list th.block-measured--header {
  border-top: 0;
}
.block-goods-size--box .block-measured--item-list tr:first-child th {
  border-top: 0;
}

/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize-title {
  font-weight: bold;
  font-size: 16px;
}
.block-guest-favorite-synchronize-description {
  font-size: 14px;
}
.block-guest-favorite-synchronize-link {
  text-align: center;
}
/* ----定期購入商品サイクル情報変更画面---- */
.block-regular-purcharse-cycle-info-update--skip-cancel-message {
  margin: 5px 0 0 5px;
}
/* ----アプリログイン訴求画面---- */
.block-applogin-body {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.9em;
  text-align: center;
  margin: auto;
  height: 100px;
}

/* ---- LightningRecommend ---- */
.block-top-lightningrecommend,
.block-ranking-lightningrecommend {
  padding: 0 0 40px;
}

.block-top-lightningrecommend--header,
.block-ranking-lightningrecommend--header {
  margin: 0 0 24px;
  padding: 40px 0 0;
  border: 0;
  text-align: center;
  font-family: "Josefin Sans", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  color: #000;
  background: none;
}

.block-common-lightningrecommend {
  margin-top: 10px;
}

.block-common-lightningrecommend--header {
  padding: 16px 20px;
  border: 0;
  font-size: 19px;
  background: none;
}

/* ----本品とレフィル切り替え画面---- */
.block-refillgoods-list {
  margin: 10px;
}
.block-regular-goods-refillgoods--header {
  margin: -10px -10px 0;
}

/*----サロンリスト----*/
html:has(.page-salonlist) {
  scroll-behavior: smooth;
  scroll-padding-top: 4em;
}
.page-salonlist .block-topic-path{
  margin: 0;
  padding: 10px 15px;
}
.salon-list-main{
  background: url(../../img/usr/common/mv_salon_list_sp.jpg) center right / cover no-repeat;
  height: calc((210 / 428) * 100vw);
  display: flex;
  align-items: center;
  margin: 0 0 40px;
}
.salon-list-main h1{
  font-family: var(--fontType01);
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}
.block-salon-comment{
  margin: 0 0 40px;
  padding: 0 35px;
}
.block-salon-search{
  background: #F8F8F8;
  margin: 0 0 40px;
  padding: 35px 35px 60px;
}
.block-salon-list--search-frame > * + *{
  margin-top: 30px;
}
.block-salon-list--search-item-group.--check{
  margin-top: 40px;
}
.block-salon-list--search-item-title{
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px;
}
.block-salon-list--search-frame .--pref,.block-salon-list--search-frame .--brand{
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
.block-salon-list--search-frame .--pref .block-salon-list--search-item,.block-salon-list--search-frame .--brand .block-salon-list--search-item{
  width: calc((100% - 8px) / 2);
}
.block-salon-list--search-frame .block-salon-list--search-item input[type="text"]{
  width: 100%;
  height: 50px;
  padding: 6px 10px;
  border-color: #C8C8C8;
  letter-spacing: 0;
}
.block-salon-list--search-frame .block-salon-list--search-item input[type="text"]::placeholder{
  color: #9E9E9E;
}
.block-salon-list--search-frame .block-salon-list--search-item select{
  width: 100%;
  height: 50px;
  border-color: #C8C8C8;
  border-radius: 0;
  letter-spacing: 0;
}
.block-salon-list--search-item-group.--check > * + *{
  margin-top: 20px;
}
.block-salon-list--search-frame .block-salon-list--search-item label{
  letter-spacing: 0;
}
.block-salon-search .block-salon-list--search-btn{
  font-size: 15px;
  width: 84%;
  padding: 14px 10px;
  display: block;
  margin: 40px auto 0;
}
.block-salon-list--salons{
  margin: 0 0 40px;
  padding: 0 35px;
}
.block-salon-list--salon{
  border-bottom: 1px solid #C8C8C8;
  padding: 20px 0;
}
.block-salon-list--salon-description{
  position: relative;
}
.block-salon-list--salon-name{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  min-height: 49px;
  margin: 0 0 10px;
  padding-right: 70px;
}
.block-salon-list--salon-distance{
  font-size: 13px;
  margin: 0 0 15px;
}
.block-salon-list--salon-details{
  letter-spacing: 0;
}
.block-salon-list--salon-details > * + *{
  margin-top: 2px;
}
.block-salon-list--salon-details dl{
  display: flex;
}
.block-salon-list--salon-icon{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
}
.block-salon-list--salon-icon span{
  font-size: 12px;
  letter-spacing: 0;
  color: #9E9E9E;
  border: 1px solid #9E9E9E;
  display: block;
  padding: 1px 8px;
}
.block-salon-list--salon-map{
  position: absolute;
  top: 0;
  right: 0;
}
.block-salon-list--salon-map button{
  font-family: var(--fontType01);
  font-size: 10px;
  line-height: 1;
  font-weight: 300;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: #F8F8F8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  overflow: hidden;
}
.block-salon-list--salon-map button::before{
  content: "";
  width: 27px;
  height: 27px;
  background: url(../../img/usr/common/ico_pin.png) center center / contain no-repeat;
  display: block;
}
.block-salon-list-modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: url(../../img/usr/common/bg_goods_modal_sp.png) center center / cover no-repeat;
  display: none;
}
.block-salon-list-modal-container{
  width: calc(100% - 70px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.block-salon-list-modal-map{
  aspect-ratio: 169 / 126;
  opacity: 0;
}
.block-salon-list-modal-map.is-show{
  opacity: 1;
}
.block-salon-list-modal-container iframe{
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.block-salon-list-modal-close{
  width: 38px;
  height: 38px;
  position: absolute;
  top: -19px;
  right: -19px;
  background: #9E9E9E;
  border-radius: 50%;
}
.block-salon-list-modal-close::before,.block-salon-list-modal-close::after{
  content: "";
  width: 16px;
  height: 2px;
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}
.block-salon-list-modal-close::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.block-salon-list-modal-close::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.pagination-container.is-active .page-item.number{
  display: none;
}
.pagination-container .page-item.number.js-show,.pagination-container .page-item.number.js-last,.pagination-container .page-item.number.pager-current,.pagination-container .page-item.number.js-first{
  display: block;
}
.pagination-container .page-item.first,.pagination-container .page-item.prev,.pagination-container .page-item.next,.pagination-container .page-item.last{
  display: none;
}
.pagination-container .pagination{
  justify-content: center;
  margin-top: 40px;
}
.pagination-container .pagination > .pager-current a{
  color: #FFF;
}

.salon-banner{
  white-space: normal;
}

@keyframes menuOpen01 {
  0%{top:-6px;}
  50%{top:0;transform: rotate(0);}
  100%{top:0;transform: rotate(45deg);}
}
@keyframes menuOpen02 {
  0%{top: 6px;}
  50%{top:0;transform: rotate(0);}
  100%{top:0;transform: rotate(-45deg);}
}
@keyframes menuClose01 {
  0%{top:0;transform: rotate(45deg);}
  50%{top:0;transform: rotate(0);}
  100%{top:-6px;}
}
@keyframes menuClose02 {
  0%{top:0;transform: rotate(-45deg);}
  50%{top:0;transform: rotate(0);}
  100%{top: 6px;}
}

/* ----商品詳細 visumo---- */
.block-goods-detail .hacobune-app-container {
  margin: 0;
  width: 100%;
}
.block-goods-detail .hacobune-unit-video {
  margin: 0;
}
.block-goods-detail .hacobune-unit-video-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.block-goods-detail .hacobune-univideo .hacobune-unit-video-outline {
  padding: 0;
}
.block-goods-detail .hacobune-readmore {
  margin: 0;
}
.block-goods-detail .hacobune-unit-video-outline .hacobune-unit-video-desc {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  font-family: 'Poppins', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  Osaka, sans-serif;
}
.block-goods-detail .hacobune-unit-video-player {
  border: 1px solid #E3E3E3;
}

/* ----商品一覧 数量入力 ---- */
.block-pickup-list-p--price-items-size{
  font-size: 12px;
}
.block-pickup-list-p--price-items-salon-price{
  font-size: 14px;
  color: #1e1e1e;
  position: relative;
  text-align: right;
}
.block-pickup-list-p--price-items-salon-price span{
  font-size: 12px;
  color: #999;
  display: block;
  text-align: left;
}
.block-pickup-list-p--price-items-price{
  position: relative;
  text-align: right;
  color: #444;
  font-size: 14px;
}
.block-pickup-list-p--price-items-salon-price + .block-pickup-list-p--price-items-price{
  font-size: 12px;
  color: #999;
}
.block-pickup-list-p--price-items-price span{
  font-size: 12px;
  text-align: left;
  display: block;
}
.block-pickup-list-p--price-items-salon-price span:last-of-type,
.block-pickup-list-p--price-items-price span:last-of-type{
  margin-left: 0.25em;
  display: inline-block;
  font-size: 10px;
}

.block-pickup-list-p--item{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.block-pickup-list-p .block-pickup-list-p--item-body{
  width: calc((100% - 10px) / 2);
  margin: 0;
}
.block-pickup-list-p .block-pickup-list-p--item-body .variation-name{
  display: none;
}
.block-pickup-list-p--item-body .block-pickup-list-w--image{
  width: 100%;
}
.block-pickup-list-p--item-body .block-pickup-list-w--image figure{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  border: 2px solid #eee;
}
.block-pickup-list-p--item-body .block-pickup-list-w--image figure a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-pickup-list-p--item-body .block-pickup-list-w--image figure img{
  width: 140px;
  height: 140px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.block-pickup-list-p  .block-pickup-list-p--item .block-pickup-list-p--item-body .block-goods-list--favorite--btn{
  width: 35px;
  height: 35px;
  bottom: 5px;
  right: 5px;
  top: unset;
  left: unset;
  border-radius: 50%;
  background: url(../../img/usr/common/goods_bookmark_btn_sp.png)  center / 15px auto no-repeat #FFF;
}
.block-pickup-list-p  .block-pickup-list-p--item .block-pickup-list-p--item-body .block-goods-list--favorite-registed--btn{
  width: 35px;
  height: 35px;
  bottom: 5px;
  right: 5px;
  top: unset;
  left: unset;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-pickup-list-p--item-description{
  margin: 16px 0 0;
}
.block-pickup-list-p--price-items-cart-box .table{
  margin: 1em 0;
  font-size: 12px;
  border: none;
}
.block-pickup-list-p--price-items-cart-box .table thead{
  display: none;
}
.block-pickup-list-p--price-items-cart-box .table tr{
  border-top: 1px solid #c8c8c8;
}
.block-pickup-list-p--price-items-cart-box .table,
.block-pickup-list-p--price-items-cart-box .table th,
.block-pickup-list-p--price-items-cart-box .table td{
  padding: 0;
  border: none;
}
.block-pickup-list-p--price-items-cart-box .table tr td:first-child{
  width: 70px;
}
.block-pickup-list-p--price-items-cart-box .table + .block-list-add-cart-btn{
  width: 100%;
  padding: 12px 5px;
  font-size: clamp(10px,3.5vw,14px);
}
.block-pickup-list-w--price-infos .block-variation-outside-sales-period.--before .block-variation-outside-sales-period--message,
.block-pickup-list-w--price-infos .block-variation-outside-sales-period--message{
    font-size: clamp(10px,3.5vw,14px);
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change{
  display: block;
}
.block-pickup-list-p .block-pickup-list-p--item-body .table-item-title{
  margin-top: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-item-title .block-cart-goods-list-item--change-btn.btn-primary{
  height: 28px;
  font-size: 12px;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change .cartqty_{
  margin: 0.5em 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
input.plus_btn_,
input.minus_btn_{
  max-width: 20px;
  height: 30px;
  color: #FFF;
  font-size: 12px;
  line-height: 30px;
  border: none;
  background-color: #666;
}
input.plus_btn_{
  margin-right: 0.25em;
}
input.minus_btn_{
  margin-left: 0.25em;
}
input.minus_btn_ + input[type="text"]{
  max-width: 27px;
  max-height: 30px;
  text-align: right;
  border-color: #ccc;
}
input.plus_btn_:disabled,
input.minus_btn_:disabled{
  background-color: #ccc;
}
.block-pickup-list-p--price-items-cart-box.customer input.minus_btn_ + input[type="text"] {
  max-width: 70px;
  flex-grow: 1;
}
.block-pickup-list-p--price-items-cart-box.customer input.minus_btn_{
  margin-left: auto;
}
.block-pickup-list-p--price-items-cart-box .table select{
  width: 76px;
  flex-grow: 1;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change-btn.btn-primary + .block-cart-goods-list-item--change-btn.btn-default{
  margin-top: 1em;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change-btn.btn-default{
  font-size: 0;
  width: 27px;
  height: 30px;
  padding: 0.25em;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change-btn.btn-default::before,
.block-pickup-list-p .block-pickup-list-p--item-body .block-cart-goods-list-item--change-btn.btn-default::after{
  left: 6px;
}
.block-pickup-list-p .block-pickup-list-p--item-body .staff-lists + .staff-lists{
  border: none;
}
.block-pickup-list-p .block-pickup-list-p--item-body .block-pickup-list-p--price-items-cart-box > p{
  margin: 1em 0;
  display: flex;
  align-items: center;
}
.block-goods-list--display-style-items.js-style-items{
  margin-top: 2em;
  display: flex;

}
.block-goods-list--display-style-items.js-style-items .block-style--element{
  padding:1em 0;
  background-color: #f5f5f5;
}
/* .block-goods-list--display-style-items.js-style-items .block-style--element .block-style--select li + li{
  margin-top: 1em;
} */

.block-goods-list--display-style-items.js-style-items .block-style--element .block-style--select li {
  margin-right: 5px;
}

.block-goods-list--display-style-items.js-style-items {
  background-color: #f5f5f5;
  background-clip: content-box;
}

.block-goods-list--display-style-items.js-style-items span {
  width: 35%;
  padding-left: 15px;
}

 .block-goods-list--display-style-items.js-style-items input[type="radio"] {
  all: unset;
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  vertical-align: baseline;
  position: static;
}

.block-goods-list--display-style-items.js-style-items input[type="radio"]::after {
 content:none;
}

.block-goods-list--display-style-items.js-style-items.block-style--element.block-style--select {
 padding-left:0;
}

/* ----商品詳細 商品コメント１---- */
.block-goods-detail {
	margin-bottom: 40px;
}
h2.goods_h2 {
	font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 1.5;
}
h3.goods_h3 {
	font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 1.5;
}
p + h2.goods_h2,p + h3.goods_h3 {
    margin-top: 20px;
}
p.goods_txt {
	line-height: 1.5;
    margin: 0 0 10px;
}
p.goods_txt sup {
	font-size: 10px;
    vertical-align: top;
}
p.goods_txt:has(+ p.goods_note) {
    margin: 0;
}
p.goods_note {
	font-size: 12px;
    margin: 0 0 10px;
}
.color_red_txt {
	color: #e95654;
}
.color_blue_txt {
	color: #63ACDF;
}

/* ----お問い合わせ---- */
.block-inquiry--customer-name{
  margin: 30px 0 20px;
}
.block-inquiry--message.--emphasis{
  font-size: 16px;
}
.block-salon-info {
  margin: 0;
  padding: 0 35px 35px;
}
.block-salon-info .block-topic-path {
  margin: 0;
}
.block-salon-info h1 {
  margin: 0 0 10px;
}
.form-group.block-login--uid .form-label,
.form-group.block-login--pwd .form-label{
  display: none;
}

/* ---- visumo 価格非表示 ---- */
[class^="hacobune-"] .related-product-item-price,
[class*=" hacobune-"] .related-product-item-price {
  display: none!important;
}
/* ---- visumo ロゴ配置調整 ---- */
.hacobune-logo .hacobune-logo-image{
  margin-bottom: 0;
}

.block-inquiry--btn{
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.block-inquiry--btn a{
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--mainColor);
  margin-left: auto;
  margin-bottom: 20px;
  padding: 9px 40px;
  text-decoration: none;
  transition: opacity .4s;
}
.block-inquiry--btn a:hover{
  opacity: 0.7;
}
.block-variation-outside-sales-period.--before .block-variation-outside-sales-period--message {
  font-size: 15px;
}
@media (min-width: 769px) {
    .sp_only {
      display: none;
    }
}

/*---- MEDIA ----*/
.block-top-media {
    background-color: white;
    max-width: 1200px;
    margin: 0 auto 60px;
}
.block-top-media * { font-family: 'Poppins', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif; }
.block-top-media .media-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.block-top-media .media-list .media-contnet+.media-contnet {
    border-top: 1px solid #ccc;
}
.block-top-media .media-list .media-contnet a {
    display: flex;
    flex-direction: column;
    padding: 1em;
    height: 100%;
}
.block-top-media .media-list .media-contnet .is-day {
    margin-bottom: 10px;
}
.block-top-media .media-list .media-contnet a .more {
    margin-top: auto;
    margin-left: auto;
}
.block-top-media .hacobune-card-slider-list-item-caption,
.block-top-media .hacobune-card-slider-list-item-title,
.block-top-media .hacobune-mix-search {
    display: none !important;
}
.block-top-media .media-swiper .swiper-wrapper {
    flex-wrap: nowrap !important;
}
.block-top-media .media-swiper .swiper-slide {
    max-width: none !important;
    flex: 0 0 auto !important;
}
.block-top-media .media-swiper {
    overflow: hidden !important;
}
.block-top-media .media-swiper .swiper-wrapper {
    flex-wrap: nowrap !important;
}
.block-top-media .media-swiper .swiper-slide {
    flex: 0 0 auto !important;
}
.block-top-media .media-swiper .hacobune-swiper-slide {
    width: 100% !important;
}
.block-top-media .hacobune-card-slider-list-item-wrapper .hacobune-card-slider-list-item-figure-thumbnail {aspect-ratio: auto;}
.block-top-media .media-swiper .hacobune-template-type-slider {
    height: auto !important;
}
.block-top-media .media-swiper-txt {
    color: var(--common-color);
    font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
    line-height: 1.5;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 15px 8px 0 8px;
}
.block-top-media .media-swiper-wrap {
    position: relative;
}
.block-top-media .swiper-button-disabled {
    opacity: 0;
}
.block-top-media [class*="media-swiper-button"] {
    position: absolute;
  width: 40px;
  height: 40px;
  background: #eeeeee99;
  font-size: 0;
  z-index: 1;
  border: none;
  cursor: pointer;
}
.block-top-media .hacobune-thumbnail { height: auto!important; }
[data-browse-mode="P"] [class*="media-swiper-button"] {
  top: 120px;
}
[data-browse-mode="P"] .media-swiper-button-next {
  right: -80px;
}
[data-browse-mode="P"] .media-swiper-button-prev {
  left: -80px;
}
@media (min-width: 769px) {
    .block-top-media [class*="media-swiper-button"] {
    top: 150px;
}
}
@media (max-width: 768px) {
    .block-top-media [class*="media-swiper-button"] {
      top: 100px;
    }
    .block-top-media .media-swiper .hacobune-card-slider-list-item {padding: 0 5px;}
}
[data-browse-mode="S"] .media-swiper-button-next {
  right: -60px;
}
[data-browse-mode="S"] .media-swiper-button-prev {
  left: -60px;
}
@media (max-width: 1300px) {
    [data-browse-mode="S"] .media-swiper-button-next {
      right: 0;
}
    [data-browse-mode="S"] .media-swiper-button-prev {
      left: 0;
    }
    }
.block-top-media .media-swiper-button-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(45deg);
}
.block-top-media .media-swiper-button-prev::after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (min-width: 769px) {
    .block-top-media .media-content {
        flex-wrap: wrap;
    }
    .block-top-media .media-content .h2-title {
        width: min(100%, 320px);
    }
    .block-top-media .media-content .link-btn {
        width: min(100%, 320px);
        display: flex;
        align-items: center;
        margin-top: 40px;
    }
    .block-top-media .media-list .media-contnet:not(:first-child:last-child) {
        height: 100%;
    }
    .block-top-media .media-list .media-contnet:first-child:last-child {
        border-bottom: 1px solid #ccc;
    }
}
@media (max-width: 768px) {
    .block-top-media .media-content .link-btn {
        margin-top: 4em;
    }
    .block-top-media .media-content .h2-title {
        margin-bottom: 0;
    }
    .block-top-media .hacobune-gallery {
        width: 100%;
    }
    .block-top-media .media-swiper-button-prev {
        left: 0;
    }
    .block-top-media .media-swiper-button-next {
        right: 0;
    }
}

.card-hacobune-slider {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-top: 0;
  border-bottom: 0;
  position: relative;
}
.card-hacobune-slider .media-swiper {
  width: 100%;
  border-top: 0;
  border-bottom: 0;
  z-index: 0;
}
.card-hacobune-slider .swiper-slide {
  background-position: center;
  background-size: cover;
}
.card-hacobune-slider .hacobune-slider-list-item {
  padding: 0;
  background: transparent;
  height: 100%;
}
.card-hacobune-slider .hacobune-thumbnail {
  height: auto!important;
  border-radius: 0.5em;
}
.card-hacobune-slider .hacobune-video-js.videojs-default-skin {
    background: transparent;
    height: auto;
}
.card-hacobune-slider .hacobune-thumbnail-video div.hacobune-video-js {
    border-radius: 20px;
    overflow: hidden;
    object-fit: none;
    aspect-ratio: 1 / 1.77;
    height: 100%;
}
.card-hacobune-slider [class*="media-swiper-button"] {
    position: absolute;
    font-size: 0;
    z-index: 31;
    border: none;
    cursor: pointer;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 36px;
    border-radius: 0;
    background-color: #999;
}
.card-hacobune-slider [class*="media-swiper-button"]::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
}
.card-hacobune-slider .media-swiper-button-next {
  right: 0;
}
.card-hacobune-slider .media-swiper-button-prev {
  left: -3em;
}
.card-hacobune-slider .media-swiper-button-prev::after {
    transform: translate(-50%, -50%) rotate(-135deg);
}
.card-hacobune-slider .hacobune-thumbnail-video div.hacobune-video-js {
    height: auto!important;
}
@media (min-width: 769px) {
    .card-hacobune-slider .swiper-slide {
      width: calc(100% / 5);
    }
}
@media (max-width: 768px) {
  .card-hacobune-slider .swiper-slide {
      width: auto;
      height: auto;
  }
}