/** Shopify CDN: Minification failed

Line 2031:82 Unexpected ")"

**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Shippori+Mincho+B1:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');

body.homepage {
    background-image: url(/cdn/shop/files/AdobeStock_435605678.jpg?v=1713502397);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position:relative;
}

body.homepage::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,255,255,.8);
    position: absolute;
     z-index: -1; 
}

body::after{
  content: "";
  background: rgba(255,255,255,.5);
  position: absolute;
}

/*header*/
details-modal.header__search {
    display: none !important;
}

/* 2026-09-08 ここが「文字が画面の左端に貼りつく」原因だった。
   Dawn は .page-width で本文の幅を決めて中央に置く。max-width:100% にすると中央寄せが消え、
   プライバシーポリシー等(page-width--narrow は 990px以上で左右の余白が0)は
   画面の左端から本文が始まってしまう。
   ・本文まわり   … 中央寄せに戻す(最大1600px。1600px以下の画面では今までと同じ見え方)
   ・読み物ページ … Dawn標準の読みやすい幅(726px)に任せるので、ここでは触らない
   ・ヘッダー等   … 横いっぱいのまま */
.page-width:not(.page-width--narrow) { max-width: 160rem; }
.header.page-width,
.header-wrapper .page-width,
.announcement-bar .page-width,
.page-width.drawer-menu { max-width: 100%; }

/*header*/
a#cart-icon-insta {
    text-decoration: none;
    margin-left: 15px;
}
a#cart-icon-insta:hover{
  transform: scale(1.07)
}

a#cart-icon-reserve {
    width: auto;
    margin-right: 20px;
    text-decoration: none;
    background-color: #ffeaee;
    padding: 20px;
    color: #808080;
    white-space:nowrap;
}

a#cart-icon-reserve:hover{
  transform: scale(1.07)
}

.menu-drawer__navigation {
    padding: 3rem 0;
}

i.fa-solid.fa-pen {
    padding-left: 5px;
}

ul.mb-add-menu-contents.list-menu i {
  padding-left:0;
    padding-right: 10px;
}

a.menu-drawer__menu-item.list-menu__item{
  color:#000;
}

ul.list.list-social.list-unstyled {
    display: none;
}

.menu-drawer__utility-links a.menu-drawer__menu-item.list-menu__item {
    font-size: 1.5rem;
    padding: 5px 10px;
}

.menu-drawer__utility-links a.menu-drawer__menu-item.list-menu__item i{
  font-size:1.5rem;
}

@media screen and (min-width: 750px){
  .menu-drawer__utility-links{
    display:none;
  }
  .header__icons{
    display:flex;
  }
}

@media screen and (max-width: 749px){
   .header__icons{
    display:none;
   }
}

/*スライダー*/

.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden.slideshow__controls--border-radius-mobile {
    display: none;
}
.slider.slider--everywhere .slider__slide{
  height:100vh;
}

@media screen and (max-width: 749px){
.slider.slider--everywhere .slider__slide {
    height: 100% !important;
}
  section#shopify-section-template--19036630679864__b33f53d6-706b-4d5a-aa49-3f007b4646f3 {
    height: 34rem;
}
}

/*topテキスト*/
.section-template--19036630679864__63e5d4fe-81cf-428f-9283-a170dfe2d4bf-padding{
  background-color:#fff;
}

section#shopify-section-template--19036630679864__b70278fb-2fdb-4be8-8bb2-2f4056886a84 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.top-logo-img {
    width: 350px;
    margin: auto;
}

.top-logo-img img {
    width: 100%;
}

h2.rich-text__heading.rte.inline-richtext.h1 {
    background: linear-gradient(to right,#FF0033,#FF6633,#FFFF33,#00CC33,#00CCFF,#3333FF,#9933FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 300%;
    display: inline-block;
    opacity: 0.6;
  font-size:4rem;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-center.page-width.banner--desktop-transparent{
  display:none;
}

@media screen and (max-width: 749px){
  .section-template--19036630679864__63e5d4fe-81cf-428f-9283-a170dfe2d4bf-padding{
    padding-top:0;
  }
.top-logo-img {
    width: 350px;
}
  h2.rich-text__heading.rte.inline-richtext.h1{
    font-size:3rem;
  }
}
@media screen and (max-width: 520px){
  .section-template--19036630679864__b70278fb-2fdb-4be8-8bb2-2f4056886a84-padding {
    padding-top: 0;
  }
  .top-logo-img{
    width:250px;
  }
}


/*タイトル*/

.top-title {
    width: 90%;
    margin:auto;
  margin-top:100px;
}

.top-title-right{
  width:50%;
  margin-right:0;
}

h2.top-title-big {
    font-size: 7rem;
    margin: 0;
    background: linear-gradient(to right,#FF0033,#FF6633,#FFFF33,#00CC33,#00CCFF,#3333FF,#9933FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    opacity: .5;
}


span.top-title-small {
    font-size: 2rem;
    margin-left: 10px;
}

@media screen and (max-width: 749px){
  .top-title {
    width: 100%;
    padding-left: 15px;
    margin-top:50px;
}
h2.top-title-big {
    font-size: 4.5rem;
}
span.top-title-small {
    font-size: 1.5rem;
    margin-left: 5px;
}
}

/*about us*/

.rich-text__blocks{
  max-width:100% !important;
}

.top-contents {
  width:80%;
  margin:auto;
    display: flex;
    align-items:start;
}

.top-contetns-text{
  flex:1;
}

.top-contents-img{
  flex:1;
}

.top-works-text{
  order:2;
}

.top-contetns-text p {
    margin-bottom: 30px;
}

.top-contetns-text.top-works-text p {
    margin-left: 15%;
}

.top-contents-img {
    text-align:right;
}

.top-contents-img img {
    width: 90%;
}

.top-single-page {
    text-align: right;
    padding-right: 20px;
  margin-top:20px;
}

.top-single-page-link-text {
   font-size: 1.7rem;
    text-align: center;
}

a.top-single-page-link {
  transition: .3s;
  text-decoration: none;
  color: #808080;
  display: block;
  background-color: #fff;
  padding: 8px 24px;
  border: 1px solid;
  margin-bottom: 10px;
  width:300px;
  margin-right:0;
  margin-left:auto;
  position:relative;
    z-index: 1;
}

 a.top-single-page-link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

 a.top-single-page-link:hover {
   color:#fff;
}

 a.top-single-page-link:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

i.fa-regular.fa-circle-right{
  margin-left:4px;
}

@media screen and (max-width: 749px){
.top-contents {
    display: block;
  padding-bottom:40px;
}
  .top-contetns-text p {
      width:100%;
    line-height: 1.75em;
    margin:10px 0 !important;
}
 .top-contents-img {
    padding-top: 15px;
    text-align: center;
}
  .top-single-page {
    text-align: left;
    padding-left: 20px;
    margin-top: 0px;
}
  .top-single-page-link-text{
    margin-bottom:0;
  }
}
@media screen and (max-width: 520px){
  .section-template--19036630679864__317c342a-0b12-4b0a-9b16-af07e8051163-padding {
    padding-top: 0 !important;
}
}

/*works*/
.top-works-img {
    text-align: left;
}

.top-works-img img {
    width: 90%;
}

@media screen and (max-width: 749px){
.top-works-img {
    text-align: center;
}
}
@media screen and (max-width: 520px){
   .section-template--19036630679864__5fa5397f-6bfd-4b77-8d10-692d5207b8ac-padding{
    padding-top:0 !important;
  }
    h3.inline-richtext {
    font-size: 1.5rem;
}
  
    a.link.animate-arrow{
      font-size:1.5rem;
    }

  .top-single-page{
    padding:0;
  }

  .top-single-page-link-text {
    font-size: 1.5rem;
}

  .top-contents-img img {
    width: 100%;
}

  a.top-single-page-link {
    padding: 8px 24px;
    margin-bottom: 8px;
    width: 100%;
}
}

/*item*/
div#shopify-section-template--19036630679864__cfbcce3c-41b3-4fa9-8ca3-31f5b862bc6b{
  padding-top:50px;
  margin-top:50px;
}
div#shopify-section-template--19036630679864__cfbcce3c-41b3-4fa9-8ca3-31f5b862bc6b .top-title{
      margin: 0 auto;
  text-align:center;
}
section#shopify-section-template--19036630679864__featured_collection_L4pF4j{
  background:linear-gradient(to top,#fff,#fff0);
}
/* 2026-09-07 ここが padding:0 だったせいで、おすすめの並びだけ画面の左端まで寄っていた
   (元は width80% という壊れた記述も混ざっていた)。左右の余白をページ標準に戻す。 */
slider-component.slider-mobile-gutter.page-width.page-width-desktop{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 750px){
  slider-component.slider-mobile-gutter.page-width.page-width-desktop{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

ul#Slider-template--19036630679864__featured_collection_L4pF4j {
    width: 90%;
    margin: auto;
}

@media screen and (max-width: 749px){
 
}



/*footer*/

.section-sections--19036631138616__e37bee58-8c8b-441b-95f9-bf08e5d7a750-padding {
    text-align: center;
}

.color-background-2.gradient {
    background-color: #f0f0f0;
}

.footer-tel-btn{
  margin:50px;
}
a.footer-tel-link {
    background-color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    color: #000;
}

.copyright{
  font-size:0.9rem;
}

.footer-logo img {
    width: 100px;
}

.footer-insta{
padding:40px 0;
}

.footer-insta a{
justify-content:center;
}

ul.footer-nav-content{
margin:0;
  padding:0;
  margin:40px 0;
}

li.footer-nav-item{
  list-style:none;
  text-align:center;
}

li.footer-nav-item a{
  color:rgba(var(--color-foreground),.75);
}

@media screen and (max-width: 749px){
.footer-access {
    font-size: 1.2rem;
    width: 80%;
    margin: auto;
}
  .footer-tel-btn {
    margin: 30px;
}
  a.footer-tel-link {
    font-size: 1.3rem;
    padding: 10px 15px;
}
  
  .section-sections--19036631138616__e37bee58-8c8b-441b-95f9-bf08e5d7a750-padding {
    margin-top: 50px;
}
}

/*スタイル一覧ページ*/
div#shopify-section-template--22564483137848__search_section_799zzQ {
    margin:40px auto 0;
  width:90%;
  max-width:1200px;
}

form.search {
    width: 320px;
    margin-right: 0;
    margin-left: auto;
  max-width:100%;
}

input#Search-In-Template {
    border: 1px solid #ccc;
}

form.search label.field__label {
    background: none;
    -webkit-text-fill-color: black;
    line-height: 2;
}

div[id*="__blog_thumbnails_"] {
    width: 90%;
    max-width: 1300px;
    margin: 80px auto;
}

.blog-articles {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
  width:100%;
}

.blog-article a {
    display: block;
    width: 100%;
  position:relative;
}

.article-image {
    aspect-ratio: 3 / 4;
  overflow:hidden;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  transition:all .3s;
}

.blog-article a:hover .article-image img{
transform:scale(1.1);
}

.article-tag {
    position: absolute;
    top: 8px;
    right: 4px;
    text-decoration: none;
    background-color: #ffffffa8;
    border-radius: 50px;
    color: #9c9c9c;
    font-size: 1.25rem;
    padding: 0 8px;
}

.pagination {
  width:fit-content;
    margin: 80px auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

span.current{
   display:flex;
  align-items:center;
  justify-content:center;
   width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid;
    background-color:#000;
    color:#fff;
}

.page-now{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid;
text-decoration:none;
  color:#000;
  transition:.3s;
}

.page-now:hover{
background-color:#000;
color:#fff;
}

a.next, a.prev{
color:#000;
}

@media screen and (max-width: 749px){
  div#shopify-section-template--22564483137848__search_section_799zzQ{
margin-top:80px;
  }
  
  form.search{
margin:auto;
  }
  
 div[id*="__blog_thumbnails_"]{
    margin:40px auto;
  }

  
.blog-articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

  .page-now{
    width:40px;
    height:40px;
  }

  span.current{
width:40px; 
  height:40px;
  }
}


/*スタイルシングルページ*/
.article-flex-container {
    width: 80%;
    margin: 120px auto !important;
    max-width: 1000px;
  display:flex;
  gap:40px;
}

.article-template__hero-container{
flex:1;
}

img.article-template__hero{
  width:100%;
}

.article-content{
flex:1;
}

.article-item {
    margin-bottom: 40px;
}

.article-item-title {
    background-color: #e4d9d4;
    padding: 16px;
    border: 1px solid;
}

.article-item-text{
  padding:16px;
  border:1px solid;
  border-top:none;
}

.article-item-text.article-item-data {
    display: flex;
}

.data-style{
  flex:1;
  text-align:center;
}

.data-color{
   flex:1;
  text-align:center;
  border-left:1px solid
}

.blog-staff{
  width:80%;
  margin:auto;
max-width:1000px;
  margin-bottom:120px;
}

a.blog-staff-link{
  display:flex;
  align-items:center;
  height:100%;
  text-decoration:none;
   border:1px solid #e3e3e3;
  color:rgba(var(--color-foreground),.75);
  padding:16px;
  transition:all .3s;
}

a.blog-staff-link:hover{
background-color:#e4d9d4;
}

.blog-staff-content {
  flex:9.5;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all .3s;
}

.blog-staff-title {
    background: linear-gradient(to right, #f03, #f63, #ff3, #0c3, #0cf, #33f, #93f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    opacity: .6;
    font-size: 1.75rem;
}

.blog-staff-profile{
flex:5;
  display:flex;
  align-items:center;
  justify-content:left;
  gap:24px;
  border-right:1px solid #e3e3e3;
  max-width:300px;
}

.blog-staff-imgWrapper{
  aspect-ratio:3/4;
  height:160px;
  width:auto;
}

.blog-staff-imgWrapper img{
width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}



.blog-staff-message {
    flex: 4.5;
display: flex;
    align-items: center;
    gap: 16px;
}

.blog-staff-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  padding:0 16px;
}

.blog-staff-arrow{
  flex:0.5;
}

p.blog-staff-position{
margin:0;
}

h5.blog-staff-name {
    font-size: 2rem;
    font-weight: 700;
    color: rgba(var(--color-foreground),.75);
    margin: 0;
}

span.blog-staff-arrow{
  width:16px !important;
}

span.blog-staff-arrow:before{
  width:8px !important;
  height:8px !important;
}
@media screen and (max-width: 749px){
  a.blog-staff-link{
    padding:16px;
  }
 .article-flex-container{
margin:80px auto !important;
   flex-direction:column;
   width:70%;
   gap:24px;
 }

  .article-template__hero-container{
max-width:100%;
  width:100%;
  }

  .article-item-title{
    padding:8px 16px;
  }

  .article-item-text{
padding:8px 16px;
  }
  .article-item{
margin-bottom:16px;
  }

  .blog-staff-content {
display:block;
}

  .blog-staff-profile{
width:100%;
  border:none;
  }
  
.blog-staff{
width:70%;
}

  .blog-staff-message{
    padding-top:24px;
  }

  .blog-staff-text{
padding:0;
  }

  .blog-staff{
margin-bottom:80px;
  }
}
@media screen and (max-width: 520px){
.article-flex-container {
    width: 80%;
}
  .article-item-title, .article-item-text{
padding:4px 16px;
  }

  .article-item{
margin-bottom:8px;
  }

  .blog-staff{
width:80%;
  }

}

/* ブログーアーカイブ-*/
div#shopify-section-template--22582807200056__blog_thumbnails_Bxxjn7 {
    margin: 80px 0;
}

.blog-articles-content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  box-sizing:border-box;
}

.blog-item{
  border-bottom:1px solid #e3e3e3;
}

.blog-item:first-child{
border-top:1px solid #e3e3e3;
}

.blog-item-content {
  max-width:1000px;
    width:90%;
  margin:auto;
}

a.blog-link {
    text-decoration: none;
    color: rgba(var(--color-foreground),.75);
  display:block;
  height:100%;
  transition:.3s;
}

a.blog-link:hover{
  background-color:#e4d9d4;
}

.blog-item-content {
    padding: 24px;
  display:flex;
  gap:16px;
  align-items:center;
}

.blog-image{
  flex:1;
  aspect-ratio:1/1;
  overflow:hidden;
}


.blog-image img {
    width: 100%;
    height: 100%;
  object-fit:cover;
}

.blog-text-content{
  flex:4;
}

.blog-date{
  font-size:1rem;
}

.blog-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em;
}

.blog-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  margin-top:8px;
}

.blog-text p {
    margin: 0;
}

span.blog-arrow{
  width:30px !important;
  background:#aea9a6 !important;
}

span.blog-arrow::before{
  width:7px !important;
  height:7px !important;
  border:1px solid #aea9a6 !important;
  border-left:0 !important;
  border-bottom:0 !important;
}

@media screen and (max-width: 749px){
  .blog-item-content{
    width:95%;
    padding:16px;
  }

  .blog-image{
flex:3;
  }

  .blog-text-content{
    flex:7;
  }
}

/*商品個ページ*/
@media screen and (max-width: 749px){
product-info#ProductInfo-template--19036630843704__main {
    text-align: center;
}
  .product__info-container>*+* {
    margin: auto;
}
  quantity-input.quantity {
    margin: auto;
}
  .product-form__buttons {
    margin: auto;
}
  .share-button details {
    width: fit-content;
    margin: auto;
}
  fieldset.js.product-form__input,
  fieldset.js.product-form__input,
    div#Quantity-Form-template--19036630843704__main{
    margin:auto;
  }

}

/*contact*/
.contact.page-width.page-width--narrow {
    width: 90%;
  padding-left:0;
  padding-right:0;
  max-width:800px;
  margin:0 auto;
}

.field:after {
    box-shadow: none;
    background-color:#efeae8;
    opacity: 0.3;
}

.field__label, .customer .field label {
    color: #8a8a8a;
    -webkit-text-fill-color: #8a8a8a;
    font-size: 1.2rem;
    padding-left: 15px;
    opacity: .9;
  padding:0;
}

.contact .field {
    margin-bottom: 3rem;
}

.contact__button {
    margin-top: 8rem;
    text-align: center;
}

.button, .shopify-challenge__button, .customer button {
    color: gray;
}

@media screen and (max-width: 749px){
  .section-template--19036630745400__8b45a4dd-c3e5-4657-abc2-f85394e6a354-padding {
    padding: 0;
  }

  .contact__button {
    margin-top: 5rem;
}
}

/*会社情報ページ*/
section#shopify-section-template--22465553563960__rich_text_aKx4H4{
  background-color:#fff;
}
div#shopify-section-template--22465553563960__company_title_8p4xFx{
background-color:#fff;
  padding-top:160px;
}
.page-company-title {
    max-width: 1200px;
    width: 90%;
    margin: auto;
}
p.title-company {
    font-size: 5rem;
    margin: 0;
  color:#000000a3;
  line-height:1.2;
}
h1.title-company-content {
    font-size: 10rem;
    margin: 0;
  line-height:1.2;
  font-weight:lighter;
  color:#000000a3;
  margin-top:-25px;
}
section#shopify-section-template--22465553563960__rich_text_aKx4H4 .rich-text__blocks {
    text-align: left;
    width: 700px;
  max-width:90%;
  margin-top:24px;
}
h2.rich-text__heading.rte.inline-richtext.h0 {
    background: linear-gradient(to right, #f03, #f63, #ff3, #0c3, #0cf, #33f, #93f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    opacity: .6;
}

div#Banner-template--22465553563960__image_banner_tAVG7H .banner__media.media img{
object-fit:contain;
}

div#shopify-section-template--22465553563960__company_title_4MiyFg {
    background-color: #fff;
    text-align: right;
    padding-top: 160px;
}

section#shopify-section-template--22465553563960__image_banner_tAVG7H{
background-color:#fff;
}

div#Banner-template--22465553563960__image_banner_tAVG7H{
  margin:auto;
width:1000px;
max-width:80%;
}

.rich-text.content-container.color-background-1.gradient.rich-text--full-width.content-container--full-width.section-template--22465553563960__rich_text_nDegyp-padding{
background-color:#fff;
}

  .rich-text__wrapper.rich-text__wrapper--center.page-width{
    width:700px;
    max-width:90%;
    margin-top:24px;
  }

.rich-text__blocks.center{
text-align:left;
}

h2.rich-text__heading.rte.inline-richtext.h2{
  color:rgba(var(--color-foreground),.75);
}

div#shopify-section-template--22465553563960__company_title_aya9C6 {
    background-color: #fff;
    padding-top: 160px;
}

section#shopify-section-template--22465553563960__custom_liquid_mNjVji{
background-color:#fff;
}

.section-template--22465553563960__custom_liquid_mNjVji-padding {
   padding-bottom:160px;
}

  .information{
    width:860px;
    max-width:90%;
    margin-top:62px;
    margin:auto;
  }

  th.information-th {
    text-align: left;
    width: 30%;
    padding: 16px 0;
    font-weight:normal;
}

section#shopify-section-template--22465553563960__custom_liquid_mNjVji {
    padding-bottom: 160px;
}

@media screen and (max-width: 749px){
  div#shopify-section-template--22465553563960__company_title_8p4xFx{
padding-top:80px;
  }
  div#shopify-section-template--22465553563960__company_title_4MiyFg{
padding-top:80px;
  }
  div#shopify-section-template--22465553563960__company_title_aya9C6{
    padding-top:80px;
  }
  p.title-company{
font-size:3rem;
  }
  h1.title-company-content{
font-size:6rem;
  margin-top:-15px;
  }
  th.information-th, td.information-td{
    display:block;
  }
  .section-template--22465553563960__rich_text_aKx4H4-padding{
padding-top:0;
  }
.rich-text__wrapper.rich-text__wrapper--center.page-width{
margin-top:0;
  max-width:80%;
  }
  div#Banner-template--22465553563960__image_banner_tAVG7H{
max-width:90%;
  }
  .information{
max-width:80%;
  }
  th.information-th{
font-weight:bold;
    padding-bottom:0;
  }
  .section-sections--19036631138616__e37bee58-8c8b-441b-95f9-bf08e5d7a750-padding{
margin:0;
  }

  section#shopify-section-template--22465553563960__custom_liquid_mNjVji {
    padding-bottom: 80px;
}
}

/*staff-archive*/

h2.banner__heading.inline-richtext.h1 {
    color: #fff;
}


.staff-unkerlink   {
  max-width: 1200px;
    width: 90%;
    margin: auto;
}

div#shopify-section-template--22465559593272__store_name_QfYczA{
  background-color:#fff;
}

.store {
    max-width: 1200px;
    width: 90%;
    border-bottom: 2px solid #e3e3e3;
    margin: auto;
  margin-top:80px;
}

h3.store-name {
    font-size: 4rem;
    margin: 0;
    background: linear-gradient(to right, #f03, #f63, #ff3, #0c3, #0cf, #33f, #93f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    opacity: .5;
}

div#shopify-section-template--22465559593272__staff_archive_QnWiwL {
    width: 85%;
    max-width: 1100px;
    margin: 40px auto 160px;
}

.archive-staff-grid {
    display: grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.archive-staff-imgWrapper{
overflow:hidden;
  aspect-ratio:3/4;
}

.archive-staff-text {
    margin-top: 8px;
}

.archive-staff-imgWrapper img {
    width: 100%;
  height:100%;
  object-fit:cover;
  transition:.3s;
}

a.archive-staff-link:hover img{
transform:scale(1.1,1.1);
}

.archive-staff-message {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.archive-staff-link{
display:block;
text-decoration:none;
color:rgba(var(--color-foreground),.75);
}

p.archive-staff-position{
margin:0;
  line-height:1em;
}

h5.archive-staff-name{
  margin:0 0 8px;
  font-size:2rem;
  font-weight:bold;
  color:rgba(var(--color-foreground),.75);
}

.archive-staff-link .more-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 4px;
}

.archive-staff-link .more-text::after {
  content: '';
  display: block;
  width: 0; 
  height: 2px; 
  background:linear-gradient(to left,#ee82ee75,#4b008261,#0000ff73,#0080006e,#ffff006b,#ffa5005c,#ff000054); 
  position: absolute;
  bottom: 0; 
  left: 0;
  transition: width 0.5s ease-in-out; 
}

.archive-staff-link:hover .more-text::after {
  width: 100%; 
}

.more-text p{
   display:flex;
  justify-content:right;
  align-items:center;
  gap:4px;
  margin:0;
}

.arrow.-right{
  display:block;
    width: 10px;
    height: 1px;
  line-height: 1;
    position: relative;
    background: #000;
}
.arrow.-right::before {
  content: "";
    width: 5px;
    height: 5px;
    border: 1px solid #000;
    position: absolute;
    box-sizing: border-box;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}


@media screen and (max-width: 749px){
  h3.store-name{
font-size:3rem;
  }

  .archive-staff-grid{
    grid-template-columns:repeat(2,1fr);
}

  .more-text p{
margin:0 0 8px;
  }

  div#shopify-section-template--22465559593272__staff_archive_QnWiwL{
    margin-bottom:80px;
  }

}

/*--staff-single-*/

    .section-template--19036630778168__contact_form_EaVxAY-padding {
        padding-top: 36px;
        padding-bottom: 36px;
        max-width: 700px;
        margin: auto;
    }




h1.main-page-title.page-title.h0 {
    display: none;
}

.staff-inner {
    width: 90%;
    max-width: 1200px;
    margin: 80px auto 40px;
  display:flex;
  padding:24px;
  gap:24px;
}

.staff-imgWrapper{
flex:4;
}

.staff-imgWrapper img{
  width:100%;
}

.staff-content{
flex:6;
}

.staff-normal-info {
    display: flex;
    align-items: flex-end;
  gap:8px;
}

p.stylist-name {
    font-size: 4rem;
    font-weight: bold;
  line-height:1em;
  margin:0;
  color:#000000a3;
}

p.stylist-name span{
display:block;
  font-weight:noraml;
  font-size:1.6rem;
}

.staff-insta a {
display: flex;
    height: 100%;
    align-items: baseline;
    text-decoration: none;
}

.staff-insta i {
    background: linear-gradient(to right, #f03, #f63, #ff3, #0c3, #0cf, #33f, #93f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 300%;
    display: inline-block;
    opacity: .6;
    font-size: 4rem;
}

.staff-message {
    line-height: 2em;
    margin: 32px  0;
}

td.stylist-table-title {
    background-color: #e4d9d4;
}

table.stylist-profile td{
      padding: 16px;
  line-height:1.5em
}

table.stylist-profile td:first-child{
width:30%;
}

table.stylist-profile td:last-child{
width:70%;
}


.staff-style {
    width: 90%;
    max-width: 1200px;
    margin: 40px auto 80px;

}

.staff-style-title{
position:relative;
  margin:0 0 40px;
}

.staff-style-title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px; /* ボーダーの厚み */
  background-image: linear-gradient(to left, #ee82ee75, #4b008261, #0000ff73, #0080006e, #ffff006b, #ffa5005c, #ff000054);
}

h3.staff-style-title-text{
font-size: 10rem;
    margin: -25px 0 0;
    line-height: 1.2;
    font-weight: lighter;
    color: #000000a3;
}

.staff-style-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 16px;
}

.staff-style-content li{
list-style:none;
}

.staff-style-imgWrapper {
  display:block;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.staff-style-img {
    width: 100%;
    height:100%;
  object-fit:cover;
  object-position:center;
}

.tagged-articles p{
  text-align:center;
  font-size:3rem;
}

@media screen and (max-width: 749px){
  .staff-inner{
  flex-direction:column;
  align-items:center;
    padding:0;
  }
  p.stylist-name{
font-size:3rem;
  }
  .staff-insta i{
    font-size:3rem;
  }
  .staff-style{
margin:100px auto;
  }
  h3.staff-style-title-text{
font-size:6rem;
  }
  .staff-style-content{
grid-template-columns:1fr 1fr 1fr;
    padding:0;
  }
}

/*商品ページ*/
button#ProductSubmitButton-template--19036630843704__main {
    transition: .3s;
    text-decoration: none;
    color: gray;
    display: block;
    background-color: #fff;
    padding: 8px 24px;
    border: 1px solid;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
    border-color:gray !important;
}

button#ProductSubmitButton-template--19036630843704__main:before{
content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e4d9d4;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  border-color:gray !important;
}

button#ProductSubmitButton-template--19036630843704__main:hover:before{
  transform-origin: 0% 50%;
    transform: scaleX(1);
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw{
   transition: .3s;
    text-decoration: none;
    color: gray;
    display: block;
    background-color: #333;
    padding: 8px 24px;
    border: 1px solid;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
    border-color:#fff !important;
  color:#fff;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw:hover{
  color:#333;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw:before{
  content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e4d9d4;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  border-color:#fff !important;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw:hover:before{
   transform-origin: 0% 50%;
    transform: scaleX(1);
}

/*-その他-*/
button#CartDrawer-Checkout{
  transition: .3s;
    text-decoration: none;
    color: #fff;
    display: block;
    background-color: #000;
    padding: 8px 24px;
    border: 1px solid;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
    border-color:gray !important;
}

.page-width.page-width--narrow h1 {
    font-size: 3rem;
    margin-bottom: 40px;
}

button#CartDrawer-Checkout:before{
  content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e4d9d4;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  border-color:gray !important;
}

button#CartDrawer-Checkout:hover{
color:#000;
}

button#CartDrawer-Checkout:hover:before{
  transform-origin: 0% 50%;
    transform: scaleX(1);
}

button#checkout {
    transition: .3s;
    text-decoration: none;
    color: #fff;
    display: block;
    background-color: #000;
    padding: 8px 24px;
    border: 1px solid;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
    border-color:gray !important;
}

button#checkout:before{
content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e4d9d4;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  border-color:gray !important;
}

button#checkout:hover{
color:#000;
}

button#checkout:hover:before{
  transform-origin: 0% 50%;
    transform: scaleX(1);
}

.contact__button button {
  transition: .3s;
    text-decoration: none;
    color: #000;
    display: block;
    background-color: #e4d9d4;
    padding: 8px 24px;
    border: 1px solid;
    margin-bottom: 10px;
    margin:auto;
    position: relative;
    z-index: 1;
    border-color:gray !important;
}
.contact__button button:before {
  content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  border-color:gray !important;
}
.contact__button button:hover {
  color:#fff;
}
.contact__button button:hover:before{
  transform-origin: 0% 50%;
    transform: scaleX(1);
}
form#ContactForm {
    background-color: #fff;
    padding: 40px 0;
}
.field__input, .customer .field input{
border:1px solid gray;
}

@media screen and (max-width: 749px){
form#ContactForm {
padding:16px;
}
}

.page-width.page-width--narrow.section-template--22581147042104__main-padding{
    width: 80%;
    margin: 0px auto;
    max-width:1000px;
}

.page-width.page-width--narrow h1{
  text-align:center;
}

.page-width.page-width--narrow h2 {
    margin-top: 60px;
  text-align:center;
}

@media screen and (max-width: 749px){
  .page-width.page-width--narrow.section-template--22581147042104__main-padding{
    width:90%;
    padding:60px 0;
  }
}

@media screen and (min-width: 750px) {
  .page-width.page-width--narrow.section-template--22581147042104__main-padding{
    padding:80px 0 !important;
  }
}

/* ===== 本店HP準拠フォント (2026-08-19) ===== */
p.title-company{font-family:'Cormorant Garamond',serif;font-style:italic;letter-spacing:.08em}
h1.title-company-content{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.01em}
.rich-text__heading{font-family:'Playfair Display',serif;font-weight:500}
.banner__heading{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:.04em}

/* 旧WordPressブログへのメニューリンクを非表示 (2026-08-19) */
a[href="https://hanabi2020.co.jp/news/"]{display:none!important}

/* === HANABI 商品グリッド調整 (2026-09-05) === */
/* 写真が大きすぎたので、広い画面ほど列を増やして1枚を小さくする。
   Dawn の .product-grid は flex なので grid に置き換えて列数を素直に決める。
   スマホ(〜989px)は元のまま。 */
@media screen and (min-width: 990px) {
  .product-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 40px;
  }
  .product-grid > .grid__item {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 1400px) {
  .product-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 18px; }
}

/* カードの文字。大きく太いと写真より目立つので、細く小さく、字間を開ける */
.card__heading,
.card-information .card__heading a {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.6;
}
.card-information .price {
  font-size: 1.2rem;
  letter-spacing: .06em;
}
.card__information { padding-top: 1rem; padding-bottom: 0; }

/* 写真まわりの余白を締める */
.card--standard > .card__inner { border: 0; }
.card__inner .card__media { margin-bottom: 0; }
/* === /HANABI 商品グリッド調整 === */


/* 2026-09-06 サイズを押すとカートに入る事故の修理。
   このテーマの base.css は Dawn 標準の .button から position:relative が欠けていた。
   そのためボタンの装飾用の覆い(:before/:after)が、位置の基準を product-info まで遡り、
   幅499px 高さ636px まで広がって商品情報の列を覆っていた。
   サイズを押しても、一覧のカードを押しても、クリックはこの覆い=ボタンに吸われていた。
   欠けている1行を戻す。 */
.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  position: relative;
}


/* ===== 本店HPと同じフォントの組 (2026-09-06) ===== */
/* 本文=Noto Sans JP / 見出し=Playfair Display（和文は Shippori Mincho B1）。本店HPの --sans / --serif と同じ並び。
   Dawn は :root の変数で全体のフォントを組むので、ここで差し替えれば商品・一覧・カート・ページ・フッターまで全部そろう */
:root{
  --font-body-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  --font-heading-family:"Playfair Display","Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
}
body,.rte,input,select,textarea,button,.price,.product__title,.card__heading,.hb-footer,.hb-footer *{font-family:var(--font-body-family)}
h1,h2,h3,.h0,.h1,.h2,.h3,.title-company-content,.rich-text__heading,.banner__heading,.collection__title,.product__title h1{font-family:var(--font-heading-family)}


/* 2026-09-07 プライバシーポリシーが条と条、箇条書きと箇条書きの間が詰まって読みにくい。
   文言は触らず、間だけ空ける。 */
.page_privacy-policy .item { margin-bottom: 3.2rem; }
.page_privacy-policy ol { padding-left: 1.6em; }
.page_privacy-policy li { margin-bottom: 1.2rem; }
.page_privacy-policy li:last-child { margin-bottom: 0; }
/* 2026-09-07 一覧カードの商品写真が切れる件(松浦さん指摘)。
   カードの枠は正方形だが、商品写真は縦長が多く、cover だと左右や上下が切れて
   ボトルの文字が途中で切れていた。切らずに全体を入れる(余白は白)。 */
.card__media .media img,
.card-wrapper .media img,
.card__inner .media img {
  object-fit: contain !important;
  background: #fff;
}
.card__media .media,
.card-wrapper .media { background: #fff; }


/* ===== 本店HPと同じ4役を全ページへ (2026-09-08) =====
   本店HP(hanabi2020.co.jp)の style.css と同じ組。役ごとに使い分ける。
   これまで4役を定義していたのは hanabi-design.css だけで、読むのはトップpage の hp-* セクションのみだった。
   ここに置くことで、商品・一覧・カート・読み物ページ・フッターまで同じ組になる。 */
:root{
  --hb-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  --hb-serif:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;
  --hb-jp-serif:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --hb-display:"Cormorant Garamond","Hiragino Mincho ProN","Yu Mincho",serif;
}

/* ナビ・メニューは本店の .nav と同じ役(--display)。上のメニュー、ハンバーガーの中、
   フッターのリンク、パンくずまで同じにする */
.header__menu-item,
.header__inline-menu a,
.header__active-menu-item,
.list-menu__item,
.mega-menu__link,
.menu-drawer__menu-item,
.menu-drawer__account,
.footer-block__details-content .list-menu__item,
.breadcrumb a,
.breadcrumb {
  font-family: var(--hb-display);
}

/* 小さな英字ラベル(商品ページのブランド名、カードの補足など)も本店と同じ役 */
.caption-with-letter-spacing,
.product__text.caption-with-letter-spacing,
.card__information .caption,
.collection__title .title-wrapper .caption {
  font-family: var(--hb-display);
}

/* ===== 文字の描き方を全ページ HOME と同じに (2026-09-08) =====
   HOME だけが読む hanabi-refined.css の body ルール(antialiased / line-height 1.85)を全ページへ。
   フォントの種類と文字間隔は既に同じなので、ここでは描き方と行間だけそろえる。
   文字色・背景色は配色の話なので触らない(HOME は #1F1B17 / #FAF8F4、他は Dawn 標準)。 */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.85}

/* ===== 商品カードの商品名・価格に左右の余白 (2026-09-08) =====
   Dawn は標準カード(.card--standard)の商品名まわりの左右余白を 0 にする。
   このテーマはカードに枠線と白背景を足しているので、文字が枠に貼りついて見えていた。 */
.product-card-wrapper .card--standard > .card__content .card__information{padding-left:1.2rem;padding-right:1.2rem}

/* ===== 読み物ページ(利用規約・プライバシーポリシー)の可読性 (2026-09-08) =====
   中央見出し+左揃え本文のラグで「左に寄って見える」のを解消。本文は両端揃え、h2 は左揃え+罫線。文言は触らない */
.page-width--narrow .rte{font-size:1.6rem;line-height:2;text-align:justify;text-justify:inter-ideograph;overflow-wrap:anywhere;color:rgba(0,0,0,.82)}
.page-width--narrow .rte p{margin:0 0 1.4em}
.page-width--narrow .rte p:last-child{margin-bottom:0}
.page-width--narrow .rte h1{text-align:center;margin-bottom:2.2em}
.page-width.page-width--narrow .rte h2{text-align:left;font-size:2rem;line-height:1.5;margin:3em 0 1.1em;padding-bottom:.55em;border-bottom:1px solid rgba(0,0,0,.12)}
.page-width--narrow .rte h3{text-align:left;font-size:1.7rem;margin:2em 0 .8em}
.page-width--narrow .rte ol,.page-width--narrow .rte ul{padding-left:1.7em;margin:0 0 1.4em}
.page-width--narrow .rte li{margin-bottom:.8em}
.page-width--narrow .rte li::marker{color:rgba(0,0,0,.45)}
@media screen and (max-width:749px){
  .page-width--narrow .rte{font-size:1.5rem;line-height:1.9}
  .page-width.page-width--narrow .rte h2{font-size:1.8rem;margin-top:2.6em}
  .page-width--narrow .rte h1{font-size:2.4rem;margin-bottom:1.8em}
}

/* ===== サイドバーの Style(ブログ)を非表示 (2026-09-08) =====
   水野判断で SHOP には不要。メニューは Shopify 管理画面の設定なので CSS で隠す。復活はこのブロックを消すだけ */
.menu-drawer__menu li:has(> a[href="/blogs/style"]),
.header__inline-menu li:has(> a[href="/blogs/style"]){display:none}

/* ===== 配色を全ページ HOME と同じに (2026-09-08) =====
   HOME だけが読む hanabi-refined.css の body(文字 #1F1B17 / 背景 #FAF8F4)と .header-wrapper を全ページへ。
   Dawn の配色スキーム1(白 / 黒75%)が使う変数を上書きする。戻す時はこのブロックを消す */
body,.color-background-1{--color-background:250,248,244;--color-foreground:31,27,23;--gradient-background:#FAF8F4}
body.gradient{background:#FAF8F4}
.header-wrapper{background:rgba(250,248,244,.92)!important;backdrop-filter:blur(14px)}
/* ===== 商品ページ「使い方 / 仕様 / 全成分」の整形 (2026-09-08) =====
   snippets/hb-format-text.liquid が出す構造の見た目。データは素テキストのまま */
.hb-ht{font-size:1.35rem;line-height:1.9}
.hb-ht-amount{margin:0 0 1.4rem;padding:.9rem 1.2rem;background:#F5F3EE;border-radius:.4rem;font-size:1.3rem;line-height:1.7}
.hb-ht-amount span{display:block;font-family:var(--hb-display);font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:#7E7670;margin-bottom:.2rem}
.hb-ht-sec{font-family:var(--hb-jp-serif);font-weight:500;font-size:1.5rem;letter-spacing:.04em;margin:1.8rem 0 .7rem;padding-bottom:.35rem;border-bottom:1px solid rgba(0,0,0,.12)}
.hb-ht .hb-ht-sec:first-child{margin-top:.2rem}
.hb-step{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;margin:0 0 1.1rem;align-items:start}
.hb-step-no{width:2.6rem;height:2.6rem;border-radius:50%;background:#1F1B17;color:#fff;font-family:var(--hb-display);font-size:1.3rem;font-weight:500;display:flex;align-items:center;justify-content:center;margin-top:.2rem}
.hb-step b{display:block;font-weight:600;margin-bottom:.1rem}
.hb-step span{display:block;color:rgba(31,27,23,.82)}
.hb-ht-note{font-size:1.2rem;line-height:1.7;color:#7E7670;margin:.3rem 0 .6rem}
.hb-ht-p{margin:0 0 .9rem}
.hb-spec{display:grid;grid-template-columns:max-content 1fr;gap:.55rem 1.4rem;margin:0;font-size:1.3rem;line-height:1.7}
.hb-spec dt{color:#7E7670;font-weight:500;white-space:nowrap}
.hb-spec dd{margin:0;color:rgba(31,27,23,.88)}
.hb-ingr{margin:0;font-size:1.25rem;line-height:1.95;letter-spacing:.02em;color:rgba(31,27,23,.85)}
@media screen and (max-width:749px){.hb-spec{grid-template-columns:1fr;gap:.1rem 0}.hb-spec dt{margin-top:.7rem}.hb-spec dd{padding-left:.2rem}}


/* ===== こんな方におすすめ (2026-09-09) ===== */
.hb-reco{margin:1.6rem 0 2rem;padding:1.4rem 1.6rem;background:#F5F3EE;border-radius:.4rem}
.hb-reco-ttl{margin:0 0 .7rem;font-family:var(--hb-jp-serif);font-size:1.45rem;letter-spacing:.06em;color:#1F1B17}
.hb-reco-ttl span{display:inline-block;margin-left:.8rem;font-family:var(--hb-display);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:#7E7670}
.hb-reco ul{margin:0;padding:0;list-style:none}
.hb-reco li{position:relative;padding-left:1.5rem;margin:0 0 .45rem;font-size:1.35rem;line-height:1.75;color:rgba(31,27,23,.88)}
.hb-reco li::before{content:"";position:absolute;left:.2rem;top:.85em;width:.55rem;height:.55rem;border-radius:50%;background:#C46BE0;background:linear-gradient(135deg,#FF6B6B,#C46BE0)}

/* HB password page 2026-09-09 v10 */
.email-signup-banner__box{max-width:52rem;background:rgba(31,27,23,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:1.6rem;padding:3.2rem 3.4rem}
.email-signup-banner__box .email-signup-banner__heading,.email-signup-banner__box .rte,.email-signup-banner__box p{color:#faf8f4}
.email-signup-banner__box a[href*="/go/shop"]{display:inline-block;margin:.4rem 0 .2rem;padding:1.1rem 2.4rem;background:#faf8f4;color:#1f1b17;border-radius:999px;text-decoration:none;letter-spacing:.08em;font-weight:600;font-size:1.4rem;transition:opacity .2s}
.email-signup-banner__box a[href*="/go/shop"]:hover{opacity:.85}
/* スマホ: 縦長画像(ロゴ大)を背景に、文章パネルは下。画像は assets/hanabi-pw-sp.jpg */
@media screen and (max-width:749px){.email-signup-banner,.email-signup-banner .banner__media{min-height:700px}.email-signup-banner .banner__media{background:url(hanabi-pw-sp.jpg) center top/cover no-repeat!important}.email-signup-banner .banner__media img{display:none!important}.email-signup-banner .banner__content{align-items:flex-end;padding-bottom:2rem}.email-signup-banner__box{margin:0 1.2rem;padding:2.4rem 2rem;background:rgba(31,27,23,.62)!important}.email-signup-banner__box a[href*="/go/shop"]{color:#1f1b17!important;background:#faf8f4!important}}
/* ヘッダー: PC も縦並び(ロゴ中央→メッセージ→パスワードリンク)。メッセージが空でもロゴが左に残らない */
.password-header{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2.4rem 1.5rem 1.6rem;text-align:center}
.password-header .password-content{max-width:60rem;margin:0 auto;text-align:center}
.password-header .password-modal{margin:0 auto}
.password-header .password-link{font-size:1.3rem;opacity:.75}
/* 「パスワードを入力してアクセスする」を非表示(2026-09-09 水野判断・入口は PASS のみ。戻すときはこの1行を消す) */
.password-header .password-modal{display:none!important}

/* HB vendor label 2026-09-10 */
.product__text.caption-with-letter-spacing,.card__information .caption{text-transform:none!important;letter-spacing:.16em}

/* HB pagination fix 2026-09-10 */
/* .pagination に width:fit-content が当たっていて、ページ番号が2列に折り返していた(水野指摘)。幅を戻して1行に固定 */
.pagination{width:100%!important}
.pagination__list{flex-wrap:nowrap!important;width:max-content;max-width:100%}

/* HB search 2026-09-10 */
/* SHOP では検索アイコンを出す(上の /*header*/ の非表示は HP 用) */
details-modal.header__search{display:inline-flex!important}
/* カテゴリ行の検索窓 */
.hb-catnav .hb-search{margin-left:auto;display:inline-flex;align-items:center;border:1px solid #cfcfcf;border-radius:999px;background:#fff;padding:0 4px 0 14px;height:34px;min-width:230px}
.hb-catnav .hb-search input{border:0;outline:0;background:transparent;font-size:13px;width:100%;min-width:0;padding:0;margin:0;height:32px;color:#222}
.hb-catnav .hb-search input::placeholder{color:#999}
.hb-catnav .hb-search button{border:0;background:#111;color:#fff;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:6px}
.hb-catnav .hb-search button svg{width:13px;height:13px}
@media (max-width:749px){.hb-catnav .hb-search{margin-left:0;width:100%;height:36px}}

/* HB search page 2026-09-10 */
.template-search__header h1,.template-search__search{display:none}
.template-search__header{padding-top:0;margin-top:0}
.hb-catnav .hb-search-title{width:100%;margin:6px 0 2px;font-family:var(--hb-jp-serif);font-size:1.7rem;letter-spacing:.06em;color:#1F1B17}
.hb-catnav .hb-search-title small{font-family:var(--hb-display);font-size:1.1rem;letter-spacing:.16em;color:#7E7670;margin-left:.8rem}

/* HB hero cta 2026-09-10 */
.hb-cats-section{scroll-margin-top:90px}
.hb-phero .hb-ctas .hb-btn-rainbow{white-space:nowrap}
@media (max-width:560px){
  .hb-phero .hb-ctas{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:36px}
  .hb-phero .hb-ctas .hb-btn{justify-content:center;width:100%;text-align:center}
  .hb-phero .hb-quickbuy,.hb-phero .hb-quickbuy button{width:100%}
  .hb-phero .hb-btn-rainbow{padding:18px 20px}
  .hb-phero .hb-btn-line-light{padding:16px 4px}
  .hb.hb-phero .hb-ctas .hb-btn-line-light::after{left:50%!important;right:auto!important;width:150px;transform:translateX(-50%);transform-origin:center}
  .hb.hb-phero .hb-ctas .hb-btn-line-light:hover::after{transform:translateX(-50%) scaleX(.7)}
}

/* HB home typography 2026-09-10 */
/* カテゴリの行: 見出し用の明朝に揃える(カテゴリカードの「シャンプー」と同じ書体) */
.hb-catnav-label{font-family:var(--hb-display);font-size:12px;letter-spacing:.32em;color:#7E7670;font-weight:500}
.hb-chip{font-family:var(--hb-jp-serif);font-size:13.5px;letter-spacing:.06em;color:#1F1B17;border-color:#D9D4CC;padding:8px 15px}
.hb-chip small{font-family:var(--hb-display);font-size:11.5px;letter-spacing:.06em;color:#9A948C}
.hb-chip:hover{border-color:#1F1B17}
.hb-chip.on{background:#1F1B17;border-color:#1F1B17;color:#fff}.hb-chip.on small{color:#CFC9C0}
.hb-catnav .hb-search{border-color:#D9D4CC}
.hb-catnav .hb-search input{font-family:var(--hb-jp-serif);font-size:13.5px;letter-spacing:.04em;color:#1F1B17}
.hb-catnav .hb-search input::placeholder{color:#9A948C}
.hb-catnav .hb-search button{background:#1F1B17}
@media (max-width:749px){.hb-chip{font-size:12.5px;padding:7px 12px}}
/* おすすめ(featured-collection): 他セクションと同じ 英字小見出し+明朝見出し */
[id$="__featured_main"] .collection__title{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:16px;margin-bottom:34px}
[id$="__featured_main"] .collection__title .title{font-family:var(--hb-jp-serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);letter-spacing:.04em;line-height:1.3;color:#1F1B17;margin:0}
[id$="__featured_main"] .collection__title .collection__description{font-family:var(--hb-display);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#7E7670;margin:0;font-weight:500}
[id$="__featured_main"] .collection__view-all .link,[id$="__featured_main"] .collection__view-all .button{background:transparent;color:#1F1B17!important;border:none;box-shadow:none;padding:12px 4px;font-family:var(--hb-display);font-size:11px;letter-spacing:.4em;font-weight:500;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #1F1B17;min-height:0;line-height:1.4}
[id$="__featured_main"] .collection__view-all .link:hover,[id$="__featured_main"] .collection__view-all .button:hover{letter-spacing:.5em;background:transparent}
[id$="__featured_main"] .collection__view-all .button::before,[id$="__featured_main"] .collection__view-all .button::after{display:none}

/* HB home flow 2026-09-10 */
[id$="__featured_main"] .collection__title .title em{font-style:normal;font-weight:500;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 .04em}
/* おすすめ(featured_main)を HB セクションの枠に */
[id$="__featured_main"]{background:#FAF8F4}
[id$="__featured_main"] .gradient{background:transparent}
[id$="__featured_main"] .collection__title{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:20px;margin-bottom:56px}
[id$="__featured_main"] .collection__title .title{font-family:var(--hb-jp-serif);font-weight:400;font-size:clamp(28px,3.4vw,44px);letter-spacing:.04em;line-height:1.4;color:#1F1B17;margin:0}
[id$="__featured_main"] .collection__title .collection__description{font-family:var(--hb-display);font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:#7E7670;margin:0;font-weight:500;display:flex;align-items:center;gap:14px}
[id$="__featured_main"] .collection__title .collection__description::before{content:"";display:inline-block;width:36px;height:1px;background:#7E7670}
[id$="__featured_main"] .collection__title .collection__description p{margin:0;display:inline}
[id$="__featured_main"] .collection__view-all{text-align:left;margin-top:44px}
[id$="__featured_main"] .collection__view-all .link,[id$="__featured_main"] .collection__view-all .button{background:transparent;color:#1F1B17!important;border:none;box-shadow:none;padding:12px 4px;font-family:var(--hb-display);font-size:10px;letter-spacing:.4em;font-weight:500;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #1F1B17;min-height:0;line-height:1.4}
[id$="__featured_main"] .collection__view-all .link:hover,[id$="__featured_main"] .collection__view-all .button:hover{letter-spacing:.5em;background:transparent}
[id$="__featured_main"] .collection__view-all .button::before,[id$="__featured_main"] .collection__view-all .button::after{display:none}
/* ヒーロー直下のカテゴリ行: 探す道具として少し余白を */
.template-index [id$="__catnav"] .hb-catnav{padding-top:22px;padding-bottom:22px}
/* フッター: 店舗名と最下行は大文字化しない(会社名 HANABI は元から大文字) */
footer.hb-footer .hb-footer-brand p.hb-footer-label--name{text-transform:none!important;letter-spacing:.12em}
footer.hb-footer .hb-footer-bottom span{text-transform:none!important}

/* HB card typography 2026-09-10 */
/* 商品カード: 商品名は見出しと同じ明朝、価格は英字書体(Daily routine のカードと同じ体系)。一覧・検索・トップ・関連商品すべて。
   hanabi-refined.css が !important でゴシックを当てているので、特異度を上げて !important で上書き */
.card-wrapper .card__heading,.card-wrapper .card__heading a,.card-wrapper .card-information .card__heading a{font-family:var(--hb-jp-serif)!important;font-size:1.32rem!important;font-weight:400!important;letter-spacing:.05em!important;line-height:1.65!important;color:#1F1B17!important}
.card-wrapper .card-information .price,.card-wrapper .price,.card-wrapper .price-item,.card-wrapper .price__regular .price-item,.card-wrapper .price__sale .price-item{font-family:var(--hb-display)!important;font-size:1.45rem!important;letter-spacing:.06em!important;font-weight:500!important;color:#1F1B17!important}
.card-wrapper .price--on-sale .price-item--regular{opacity:.5}
.card-wrapper .card-information .caption{font-family:var(--hb-display)!important}

/* HB home backgrounds 2026-09-10 */
/* Daily routine(hanabi-v2.css が白)とメール登録(Dawn 配色)だけ白く浮いていた → 他セクションと同じ紙色でつなげる(水野「あえて？」→ 意図ではない) */
section.hb.hb-routine{background:#FAF8F4;border-top:1px solid #1F1B17}
.hb-routine .hb-routine-card:hover{background:#F5F3EE}
[id$="__newsletter"],[id$="__newsletter"] .gradient,[id$="__newsletter"] .newsletter{background:#FAF8F4}

/* HB catnav layout 2026-09-10 */
.hb-catnav{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:18px;padding-bottom:14px}
.hb-catnav .hb-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 auto;min-width:0}
.hb-chip{padding:9px 16px;gap:8px}
@media (max-width:749px){
  .hb-catnav{gap:12px 0;padding-top:14px;padding-bottom:12px}
  .hb-catnav-label{display:none}
  .hb-catnav .hb-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;width:calc(100% + 3.2rem);margin:0 -1.6rem;padding:2px 1.6rem 4px;scroll-padding-left:1.6rem}
  .hb-catnav .hb-chips::-webkit-scrollbar{display:none}
  .hb-chip{flex:0 0 auto;padding:8px 14px;font-size:13px}
  .hb-catnav .hb-search{width:100%;margin-left:0}
}

/* HB shop polish 2026-09-10 */
/* --- ボタン: 黒・角なし・字間(HP 時代の .button{color:gray} を打ち消す) --- */
.button,.button--primary,.product-form__submit,.cart__checkout-button,.shopify-challenge__button,.customer button,.quick-add__submit,.newsletter-form__button{background:#1F1B17!important;color:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-family:var(--hb-sans)!important;font-size:1.3rem!important;letter-spacing:.16em!important;font-weight:500!important;min-height:4.8rem;padding:1.4rem 3rem;transition:background .3s ease,letter-spacing .3s ease}
.button::before,.button::after,.product-form__submit::before,.product-form__submit::after,.cart__checkout-button::before,.cart__checkout-button::after{display:none!important}
.button:hover,.product-form__submit:hover,.cart__checkout-button:hover{background:#B89A6C!important;letter-spacing:.2em!important}
.button--secondary,.button.button--secondary{background:transparent!important;color:#1F1B17!important;border:1px solid #1F1B17!important}
.button--secondary:hover{background:#1F1B17!important;color:#fff!important}
.product-form__submit[disabled],.button[disabled]{background:#CFC9C0!important;color:#fff!important;letter-spacing:.16em!important}
/* --- 入力欄・数量 --- */
.field__input,.customer .field input,.cart-note__input,.search__input,.quantity__input,select.select__select{border:1px solid #D9D4CC!important;border-radius:0!important;background:#fff!important;font-family:var(--hb-sans)!important;box-shadow:none!important;color:#1F1B17}
.field__input:focus,.customer .field input:focus,.quantity__input:focus-visible{border-color:#1F1B17!important;outline:none!important;box-shadow:none!important}
.field__label,.form__label{font-family:var(--hb-sans);color:#7E7670;letter-spacing:.04em}
.field::after,.select::after,.quantity::after,.quantity::before,.customer .field::after{display:none!important}
.quantity{border:1px solid #D9D4CC;border-radius:0;min-height:4.4rem}
.quantity__button{color:#1F1B17}
/* --- 商品ページ: バリエーションのピル・価格・アコーディオン --- */
.product-form__input input[type=radio]+label{border:1px solid #D9D4CC!important;border-radius:999px!important;background:#fff!important;color:#1F1B17!important;font-family:var(--hb-sans)!important;font-size:1.25rem!important;letter-spacing:.06em!important;padding:.9rem 1.8rem!important;box-shadow:none!important}
.product-form__input input[type=radio]:checked+label{background:#1F1B17!important;border-color:#1F1B17!important;color:#fff!important}
.product-form__input input[type=radio]+label:hover{border-color:#1F1B17!important}
.product-form__input .form__label,.product__info-container .form__label{font-family:var(--hb-display);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:#7E7670}
.product .price .price-item,.product .price__container .price-item{font-family:var(--hb-display)!important;font-size:2.1rem!important;letter-spacing:.04em!important;font-weight:500!important;color:#1F1B17!important}
.product .price--on-sale .price-item--regular{font-size:1.5rem!important;color:#9A948C!important}
.product .price .unit-price,.product__tax{font-family:var(--hb-display);letter-spacing:.2em;font-size:1.05rem;color:#7E7670}
.product__accordion summary{padding:1.6rem 0}
.product__accordion .accordion__title{font-family:var(--hb-jp-serif)!important;font-size:1.5rem!important;letter-spacing:.06em}
.product__accordion .accordion__content{font-size:1.35rem;line-height:1.95;color:rgba(31,27,23,.88)}
.product__description{font-size:1.4rem;line-height:2;color:rgba(31,27,23,.88)}
/* --- 関連商品: HB セクションの枠 --- */
[id$="__related-products"]{background:#FAF8F4;border-top:1px solid #E8E4DD}
[id$="__related-products"] .gradient{background:transparent}
[id$="__related-products"] .related-products__heading{font-family:var(--hb-jp-serif)!important;font-weight:400!important;font-size:clamp(26px,3vw,38px)!important;letter-spacing:.04em;line-height:1.4;color:#1F1B17;margin:0 0 3.6rem;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
[id$="__related-products"] .related-products__heading::before{content:"MORE FROM HANABI SHOP";font-family:var(--hb-display);font-size:10px;letter-spacing:.5em;color:#7E7670;font-weight:500;display:flex;align-items:center;gap:14px}
/* --- カート --- */
.cart-item__name{font-family:var(--hb-jp-serif)!important;font-size:1.45rem!important;letter-spacing:.04em;line-height:1.6}
.cart-item .price,.cart-item__totals .price,.totals__total-value,.cart-item__price-wrapper .price,.product-option{font-family:var(--hb-display)!important;font-size:1.5rem!important;letter-spacing:.06em}
.cart-items th,.cart-items .caption-with-letter-spacing{font-family:var(--hb-display)!important;font-size:1rem!important;letter-spacing:.3em!important;text-transform:uppercase;color:#7E7670!important}
.totals__total{font-family:var(--hb-display);letter-spacing:.3em;text-transform:uppercase;font-size:1.1rem;color:#7E7670}
.cart__warnings .cart__empty-text,.cart__login-title{font-family:var(--hb-jp-serif)!important;font-weight:400!important}
.cart__login-paragraph{font-size:1.3rem;color:#7E7670}
/* --- メニュードロワー・ヘッダーの文字 --- */
.menu-drawer__menu-item{font-family:var(--hb-jp-serif)!important;font-size:1.7rem!important;letter-spacing:.06em!important;padding:1.4rem 3.2rem!important}
.menu-drawer__utility-links a,.menu-drawer__account{font-family:var(--hb-display);letter-spacing:.2em;text-transform:uppercase;font-size:1.1rem}
/* --- 404・空状態 --- */
.template-404 .title,.main-404 h1{font-family:var(--hb-jp-serif)!important;font-weight:400!important}

/* HB contact 2026-09-10 */
.contact .title,.contact h2{font-family:var(--hb-jp-serif)!important;font-weight:400!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:.04em}
.contact .form,.contact form,.contact__fields{box-sizing:border-box}
/* HP 時代の form#ContactForm{padding:40px 0}(ID 指定)より強く */
.contact form#ContactForm,.contact form{background:#fff!important;padding:48px 40px 44px!important;border:1px solid #EFEBE4}
.contact .field,.contact .text-area{margin:0}
.contact .contact__fields{gap:16px;margin-bottom:16px}
.contact .contact__button{margin-top:28px;text-align:center}
.contact .field__input,.contact .text-area{padding:1.6rem 1.8rem;font-size:1.4rem;line-height:1.7}
.contact .text-area{min-height:16rem}
.contact .field__label{left:1.8rem}
@media (max-width:749px){.contact form#ContactForm,.contact form{padding:28px 20px 28px!important}}


/* HB home alignment 2026-09-10 */
/* カテゴリの見出し→カードの間隔を他セクション(56px)と同じに(refined.css は 80px) */
.hb-cats-section .hb-head.split{margin-bottom:56px!important}
/* 共通の基準: 最大幅 1280px / 左右 32px(スマホ 24px) / 上下 160px(スマホ 100px) */
[id$="__featured_main"] .page-width{max-width:1344px!important;padding:0 32px!important}  /* Dawn の page-width は border-box(余白込み)なので 1280+64 */
[id$="__featured_main"] .collection{padding-top:160px!important;padding-bottom:160px!important}
section.hb.hb-routine{padding:160px 32px!important;border-top:none!important}
.hb-routine .hb-inner{max-width:1280px!important;margin:0 auto!important;padding:0!important}
.hb-brandstrip-inner{max-width:1280px;margin:0 auto}
/* Daily routine の見出しを他と同じ型(小見出し→見出し)に */
.hb-routine-head{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:20px!important;margin-bottom:56px!important}
.hb-routine-head .idx{font-family:var(--hb-display)!important;font-size:10px!important;letter-spacing:.5em!important;color:#7E7670!important;font-weight:500!important;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.hb-routine-head .idx::before{content:"";display:inline-block;width:36px;height:1px;background:#7E7670}
.hb-routine-head h2{font-family:var(--hb-jp-serif)!important;font-weight:400!important;font-size:clamp(28px,3.4vw,44px)!important;line-height:1.4!important;letter-spacing:.04em!important;color:#1F1B17!important;margin:0!important;font-style:normal!important}
.hb-routine-head h2 em{font-style:normal!important;font-weight:500!important;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 .04em}
.hb-routine-lead{font-family:var(--hb-sans)!important;font-size:14px!important;line-height:2.05!important;color:#1F1B17!important;opacity:.78;max-width:520px!important;margin:0 0 56px!important}
@media (max-width:749px){
  [id$="__featured_main"] .page-width{padding:0 24px!important}
  [id$="__featured_main"] .collection{padding-top:100px!important;padding-bottom:100px!important}
  section.hb.hb-routine{padding:100px 24px!important}
}

/* HB review 2026-09-10 */
.hb-phero-meta{display:none!important}
.hb-cats-section .hb-head .hb-btn-line{display:none!important}
/* メンバー優待価格のバッジは差し色(ゴールド)。水野 2026-09-10「ここは差し色でいい」 */
.price__badge-sale,.badge.price__badge-sale,.card__badge .badge{background:#B89A6C!important;color:#fff!important;border:none!important;border-radius:999px;font-family:var(--hb-sans);font-size:1rem;letter-spacing:.08em;padding:.35rem 1rem}
.hb-catnav .hb-search-title{margin-top:10px}

/* HB catnav search light 2026-09-10 */
/* 検索窓を「下線だけ」の軽い道具に(黒丸ボタン付きの錠剤型はチップの列で一つだけ重かった・水野) */
.hb-catnav .hb-search{border:0!important;border-bottom:1px solid #CFC9C0!important;border-radius:0!important;background:transparent!important;padding:0 0 2px!important;height:34px;min-width:230px;transition:border-color .25s ease}
.hb-catnav .hb-search:focus-within{border-bottom-color:#1F1B17!important}
.hb-catnav .hb-search input{font-family:var(--hb-jp-serif)!important;font-size:13px!important;letter-spacing:.04em!important;color:#1F1B17!important;padding:0 2px!important}
.hb-catnav .hb-search input::placeholder{color:#A8A39B!important}
.hb-catnav .hb-search button{background:transparent!important;color:#7E7670!important;width:24px!important;height:24px!important;margin-left:4px!important;border-radius:0!important}
.hb-catnav .hb-search button svg{width:15px!important;height:15px!important}
.hb-catnav .hb-search button:hover{color:#1F1B17!important}
@media (max-width:749px){.hb-catnav .hb-search{width:100%;height:38px;margin-top:2px}}

/* HB hero stage 2026-09-10 */
/* スライド画像は 4:5(960x1200)。スマホの枠が 1:1 で上下が切れ、Ken Burns の拡大で縁も切れていた(水野「写真が欠けてる」) */
.hb-phero-stage{aspect-ratio:4/5!important}
.hb-phero-stage.mode-normal .hb-phero-slide.is-active img,.hb-phero-slide img{animation:none!important;transform:none!important}
.hb-phero-stage img,.hb-phero-slide img{object-fit:cover!important;object-position:center!important}
@media (max-width:560px){.hb-phero-stage{aspect-ratio:4/5!important;max-width:420px;margin:0 auto}}

/* HB vertical rhythm 2026-09-10 */
/* ヒーロー下 160px + カテゴリ行 + マーキー + カテゴリ上 160px で帯のまわりが空きすぎていた(水野・PC)。
   ヒーロー下 72px、各セクション上下 120px(SP 80px)、カテゴリ行+マーキーは線で挟んだ一つの帯に */
.hb-phero{padding-top:120px!important;padding-bottom:72px!important}
.template-index [id$="__catnav"]{border-top:1px solid #E8E4DD}
.template-index [id$="__catnav"] .hb-catnav{padding-top:26px!important;padding-bottom:24px!important}
.hb-marquee{padding:20px 0!important}
.hb-cats-section{padding-top:120px!important;padding-bottom:120px!important}
[id$="__featured_main"] .collection{padding-top:120px!important;padding-bottom:120px!important}
section.hb.hb-routine{padding-top:120px!important;padding-bottom:120px!important}
.hb-brandstrip{padding-top:120px!important;padding-bottom:120px!important}
@media (max-width:1080px){.hb-phero{padding-top:88px!important;padding-bottom:56px!important}}
@media (max-width:749px){
  .hb-cats-section,.hb-brandstrip,section.hb.hb-routine{padding-top:80px!important;padding-bottom:80px!important}
  [id$="__featured_main"] .collection{padding-top:80px!important;padding-bottom:80px!important}
  .template-index [id$="__catnav"] .hb-catnav{padding-top:18px!important;padding-bottom:16px!important}
}

/* HB routine mobile 2026-09-10 */
/* スマホで3ステップが1列縦積み(1枚が画面幅いっぱい)で巨大に見えていた → 3列の小さなカードで「3ステップ」を一目で */
@media (max-width:749px){
  .hb-routine-grid{grid-template-columns:repeat(3,1fr)!important}
  .hb-routine-card{padding:14px 8px 16px!important;border-right:1px solid #E2E0DC!important;border-bottom:0!important}
  .hb-routine-card:last-child{border-right:0!important}
  .hb-routine-step{gap:6px!important;margin-bottom:10px!important;flex-wrap:wrap}
  .hb-routine-step .no{font-size:18px!important}
  .hb-routine-step .lbl{font-size:8px!important;letter-spacing:.18em!important}
  .hb-routine-im{margin-bottom:10px!important}
  .hb-routine-nm{font-size:11.5px!important;line-height:1.5!important;margin:0 0 3px!important}
  .hb-routine-role{font-size:8px!important;letter-spacing:.14em!important;margin:0 0 8px!important}
  .hb-routine-pr{font-size:11px!important}
  .hb-routine-cta{display:none!important}
  .hb-routine-note{text-align:left!important;font-size:9px!important;letter-spacing:.12em!important;line-height:1.7}
}

/* HB cats compact 2026-09-10 */
.hb-cats-grid{display:grid;grid-template-columns:repeat(6,1fr)!important;gap:22px!important}
.hb-cat-img{aspect-ratio:3/4!important}  /* 写真は 1200x1600(3:4)。正方形に切ると欠ける(水野) */
.hb-cat-meta{padding:16px 0 0!important;gap:3px!important}
.hb-cat-num{display:none!important}
.hb-cat-meta h3{font-size:17px!important;letter-spacing:.06em!important;line-height:1.4!important}
.hb-cat-meta h3 .en{display:block;font-size:9px!important;letter-spacing:.3em!important;margin-top:6px!important}
.hb-cat-meta p{display:none!important}
.hb-cat-arrow{font-size:9px!important;letter-spacing:.3em!important;margin-top:8px!important}
.hb-cats-section .hb-head-lead{font-size:14px;line-height:2;color:#1F1B17;opacity:.78;letter-spacing:.04em;max-width:520px;margin:18px 0 0}
@media (max-width:1080px){.hb-cats-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}}
@media (max-width:749px){
  .hb-cats-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px 10px!important}
  .hb-cat-meta{padding:10px 0 0!important}
  .hb-cat-meta h3{font-size:13px!important;letter-spacing:.04em!important}
  .hb-cat-meta h3 .en{font-size:7.5px!important;letter-spacing:.2em!important;margin-top:4px!important}
  .hb-cat-arrow{display:none!important}
  .hb-cats-section .hb-head-lead{font-size:13px;margin-top:12px}
}
/* ヒーロー見出し: Quality の後で改行(「at / home.」の孤立改行を防ぐ) */
/* 見出しの改行は hp-product-hero.liquid の <br class="hb-h1-br"> で */

/* HB heading wrap 2026-09-10 */
/* 商品名も語の途中(コアプレ／ックス)で折らない。長すぎて入らないときだけ任意の位置で折る */
.product__title h1,.card-wrapper .card__heading,.card-wrapper .card__heading a,.hb-routine-nm,.cart-item__name{word-break:keep-all!important;overflow-wrap:anywhere!important}
/* 見出しの改行位置: 「3ステッ／プで。」のような語の途中で折り返さない(読点・スペースでだけ折る) */
.hb-routine-head h2,.hb-cats-section .hb-head h2,[id$="__featured_main"] .collection__title .title,[id$="__related-products"] .related-products__heading,.hb-catnav .hb-search-title{word-break:keep-all;overflow-wrap:anywhere}
.hb-routine-head h2 em,.hb-cats-section .hb-head h2 em,[id$="__featured_main"] .collection__title .title em{white-space:nowrap}

/* HB product title size 2026-09-10 */
.product__title h1{font-size:clamp(22px,2.3vw,32px)!important;line-height:1.4!important;letter-spacing:.04em}
@media (max-width:749px){.product__title h1{font-size:22px!important}}

/* HB section leads 2026-09-10 */
/* 01〜03 すべて「小見出し → 見出し → 一文」に統一(01 だけ一文があるのは不揃い) */
[id$="__featured_main"] .collection__title{flex-direction:column!important;gap:0!important}
[id$="__featured_main"] .collection__title .title::before{content:"SALON'S PICK / 02";display:block;padding-left:50px;background:linear-gradient(#7E7670,#7E7670) 0 50%/36px 1px no-repeat;font-family:var(--hb-display);font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:#7E7670;font-weight:500;margin-bottom:20px;line-height:1.6}
[id$="__featured_main"] .collection__title .title::after{content:none}
[id$="__featured_main"] .collection__title .collection__description{font-family:inherit!important;font-size:14px!important;line-height:2!important;letter-spacing:.04em!important;text-transform:none!important;color:#1F1B17!important;opacity:.78;max-width:520px;margin:18px 0 0!important;display:block!important}
[id$="__featured_main"] .collection__title .collection__description::before{content:none!important}
.hb-routine-lead{display:block!important;font-family:var(--hb-sans)!important;font-size:14px!important;line-height:2!important;color:#1F1B17!important;opacity:.78;letter-spacing:.04em!important;max-width:520px!important;margin:-32px 0 48px!important}
@media (max-width:749px){[id$="__featured_main"] .collection__title .collection__description,.hb-routine-lead,.hb-cats-section .hb-head-lead{font-size:13px!important}.hb-routine-lead{margin:-36px 0 36px!important}}

/* HB fixes 2026-09-11 */
/* B/C: 01〜03 の見出し下の一文を完全に同じに(書体・14px・行間2・幅520px) */
.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description,[id$="__featured_main"] .collection__title .collection__description p,.hb-routine-lead{font-family:var(--hb-sans)!important;font-size:14px!important;line-height:2!important;letter-spacing:.04em!important;color:#1F1B17!important;opacity:.78;max-width:520px!important;font-weight:400!important;text-align:left}
.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description,.hb-routine-lead{margin:18px 0 0!important}
.hb-routine-lead{margin:-32px 0 48px!important}
.hb-cats-section .hb-head.split>div{max-width:540px}
@media (max-width:749px){.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description,[id$="__featured_main"] .collection__title .collection__description p,.hb-routine-lead{font-size:13px!important}.hb-routine-lead{margin:-36px 0 36px!important}}
/* D: バッジを価格と上下中央に */
.product .price,.card-information .price{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:.4rem .9rem}
.product .price .price__container,.card-information .price .price__container{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .8rem}
.price .badge{align-self:center;margin:0!important;line-height:1.5}
/* 相談2: 絞り込みの「出品状況」は社内店では不要 */
.facets details:has(input[name="filter.v.availability"]),.facets__disclosure:has(input[name="filter.v.availability"]){display:none!important}

/* HB price font 2026-09-11 */
/* 価格の書体: Cormorant の小さな数字は読みにくい(水野)→ ゴシックの数字に。字間は少しだけ */
.card-wrapper .card-information .price,.card-wrapper .price,.card-wrapper .price-item,.card-wrapper .price__regular .price-item,.card-wrapper .price__sale .price-item{font-family:var(--hb-sans)!important;font-size:1.35rem!important;letter-spacing:.02em!important;font-weight:500!important}
.product .price .price-item,.product .price__container .price-item{font-family:var(--hb-sans)!important;font-size:2rem!important;letter-spacing:.02em!important;font-weight:500!important}
.product .price--on-sale .price-item--regular{font-size:1.4rem!important}
.hb-routine-pr,.cart-item .price,.cart-item__totals .price,.totals__total-value,.cart-item__price-wrapper .price{font-family:var(--hb-sans)!important;letter-spacing:.02em!important;font-weight:500!important}
.hb-phero-price .price{font-family:var(--hb-sans)!important}

/* HB gold polish 2026-09-11 */
/* --- 是正: body に .template-index は無い(class="gradient homepage") --- */
body.homepage [id$="__catnav"]{border-top:1px solid #E8E4DD}
body.homepage [id$="__catnav"] .hb-catnav{padding-top:26px!important;padding-bottom:24px!important}
@media (max-width:749px){body.homepage [id$="__catnav"] .hb-catnav{padding-top:18px!important;padding-bottom:16px!important}}
/* --- ① 小見出しの短い罫線をゴールドに(refined.css は後読みなので .hb. で特異度を上げる) --- */
.hb.hb-phero .left .meta .line{background:#B89A6C;width:36px}
.hb.hb-cats-section .hb-head.split .num::before{background:#B89A6C}
[id$="__featured_main"] .collection__title .title::before{background:linear-gradient(#B89A6C,#B89A6C) 0 50%/36px 1px no-repeat;content:"02 / SALON'S PICK"}
.hb-routine-head .idx::before{background:#B89A6C}
.hb.hb-brandstrip .meta{display:flex;align-items:center;gap:14px}
.hb.hb-brandstrip .meta::before{content:"";display:inline-block;width:36px;height:1px;background:#B89A6C}
.hb-phero-dot.is-active{background:#B89A6C!important}
/* --- ③ 03 ステップ番号・ラベル・注記(v2.css は後読みなので section.hb.hb-routine で勝つ) --- */
section.hb.hb-routine,.hb-routine .hb-routine-card,.hb-routine .hb-routine-step .lbl{color:#1F1B17}
section.hb.hb-routine .hb-routine-step .no{font-family:var(--hb-display);font-style:italic;font-weight:500;font-size:30px;line-height:1;color:#B89A6C;font-variant-numeric:lining-nums}
section.hb.hb-routine .hb-routine-step .lbl{font-size:10px;letter-spacing:.42em;font-weight:500;color:#1F1B17}
section.hb.hb-routine .hb-routine-role{font-size:9.5px;letter-spacing:.3em;font-weight:500;color:#7E7670}
.hb-routine .hb-routine-grid{border-top-color:#1F1B17;border-bottom-color:#1F1B17}
.hb-routine .hb-routine-card{border-right-color:#E8E4DD!important}
.hb-routine .hb-routine-cta{border-bottom-color:#1F1B17;letter-spacing:.3em}
.hb-routine .hb-routine-im{background:#F5F3EE}
section.hb.hb-routine .hb-routine-note{font-family:var(--hb-sans)!important;font-size:11.5px!important;letter-spacing:.04em!important;line-height:1.9;text-transform:none!important;text-align:left!important;color:#7E7670;max-width:520px;margin-top:24px}
section.hb.hb-routine .hb-routine-note::before{content:"NOTE";font-family:var(--hb-display);font-size:9px;letter-spacing:.42em;font-weight:500;color:#B89A6C;margin-right:12px}
/* --- ④ 下線リンク: ゴールドの線が左から伸び、離すと右へ抜ける。字間ジャンプは止める --- */
.hb-brandstrip .hb-btn-line-light,.hb-cat-arrow,.hb-routine-cta{position:relative}
[id$="__featured_main"] .collection__view-all .link,[id$="__featured_main"] .collection__view-all .button{position:relative;display:inline-block}
.hb-brandstrip .hb-btn-line-light::after,[id$="__featured_main"] .collection__view-all .link::after,[id$="__featured_main"] .collection__view-all .button::after,.hb-cat-arrow::after,.hb-routine-cta::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#B89A6C;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.4,0,.2,1);display:block!important}
.hb-brandstrip .hb-btn-line-light:hover::after,[id$="__featured_main"] .collection__view-all .link:hover::after,[id$="__featured_main"] .collection__view-all .button:hover::after,.hb-cat-card:hover .hb-cat-arrow::after,.hb-routine-card:hover .hb-routine-cta::after{transform:scaleX(1);transform-origin:left}
.hb-brandstrip .hb-btn-line-light:hover{letter-spacing:.42em!important}
.hb-cats-grid .hb-cat-card:hover .hb-cat-arrow{padding-right:0!important}
[id$="__featured_main"] .collection__view-all .link:hover,[id$="__featured_main"] .collection__view-all .button:hover{letter-spacing:.4em!important}
/* 検索窓: focus でゴールドの線が左から伸びる */
.hb-catnav .hb-search{position:relative}
.hb-catnav .hb-search::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#B89A6C;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.hb-catnav .hb-search:focus-within::after{transform:scaleX(1);transform-origin:left}
.hb-catnav .hb-search:focus-within{border-bottom-color:#CFC9C0!important}
.hb-catnav .hb-search button{transition:color .25s ease}
.hb-catnav .hb-search:focus-within button{color:#B89A6C!important}
.hb-catnav .hb-search input::placeholder{transition:opacity .25s ease}
.hb-catnav .hb-search input:focus::placeholder{opacity:.45}
/* --- ⑤ 写真ズームの統一と hover の金 --- */
.hb-cats-grid .hb-cat-card{transition:transform .5s cubic-bezier(.4,0,.2,1)}
.hb-cats-grid .hb-cat-card:hover{transform:translateY(-3px)}
.hb-cats-grid .hb-cat-img img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.hb-cats-grid .hb-cat-card:hover .hb-cat-img img{transform:scale(1.03)}
.hb-routine-grid .hb-routine-im img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.hb-routine-grid .hb-routine-card:hover .hb-routine-im img{transform:scale(1.03)}
.hb-cat-meta h3 .en{transition:color .3s ease}
.hb-cats-grid .hb-cat-card:hover .hb-cat-meta h3 .en{color:#B89A6C!important;-webkit-text-fill-color:#B89A6C!important}
/* --- ⑥ チップ(liquid の inline style に勝つ特異度で)+ CATEGORY の金の点 --- */
.hb-catnav .hb-chip{color:#1F1B17;border-color:#D9D4CC;font-size:13.5px;padding:9px 16px;transition:border-color .25s ease,color .25s ease,background-color .25s ease}
.hb-catnav .hb-chip small{transition:color .25s ease;font-size:11.5px;color:#9A948C;font-variant-numeric:lining-nums}
.hb-catnav .hb-chip:hover{border-color:#B89A6C}
.hb-catnav .hb-chip:hover small{color:#B89A6C}
.hb-catnav .hb-chip.on{background:#1F1B17;border-color:#1F1B17;color:#fff}
.hb-catnav .hb-chip.on small{color:#CFC9C0}
@media (max-width:749px){.hb-catnav .hb-chip{font-size:13px;padding:8px 14px}}
@media (min-width:750px){.hb-catnav .hb-catnav-label{display:inline-flex;align-items:center;gap:10px}.hb-catnav .hb-catnav-label::before{content:"";width:5px;height:5px;border-radius:50%;background:#B89A6C}}
/* --- ⑦ ヒーロー主ボタン: ゴールドが左から満ちる --- */
.hb-phero .hb-ctas .hb-btn-rainbow,.hb-phero .hb-quickbuy button{background-color:#1F1B17!important;background-image:linear-gradient(#B89A6C,#B89A6C)!important;background-repeat:no-repeat!important;background-size:0% 100%!important;background-position:100% 0!important;transition:background-size .55s cubic-bezier(.4,0,.2,1)!important}
.hb-phero .hb-ctas .hb-btn-rainbow:hover,.hb-phero .hb-quickbuy button:hover{background-size:100% 100%!important;background-position:0 0!important;letter-spacing:.42em!important}
/* --- ⑧ 定価は小さく薄く / 明朝見出しに palt / 英字の数字はライニング --- */
.card-wrapper .price--on-sale .price-item--regular{font-size:1.15rem!important;font-weight:400!important;color:#9A948C!important;opacity:1;text-decoration-thickness:1px;text-decoration-color:rgba(31,27,23,.35)}
.product .price--on-sale .price-item--regular{font-size:1.4rem!important;font-weight:400!important;color:#9A948C!important;text-decoration-thickness:1px;text-decoration-color:rgba(31,27,23,.35)}
.hb.hb-cats-section .hb-head.split h2,[id$="__featured_main"] .collection__title .title,.hb-routine-head h2,[id$="__related-products"] .related-products__heading,.hb-catnav .hb-search-title{font-feature-settings:"palt" 1;letter-spacing:.06em!important}
.hb-cat-meta h3,.hb-routine-nm,.card-wrapper .card__heading,.card-wrapper .card__heading a,.product__title h1,.hb-chip{font-feature-settings:"palt" 1}
.hb-marquee-track,.hb-catnav .hb-search-title small,.hb-phero-meta,.hb-brandstrip .hb-stat-num{font-variant-numeric:lining-nums}

/* HB type scale PC 2026-09-11 */
@media (min-width:990px){
/* 一文(リード): 14→15.5px。行長は 560px まで */
.hb.hb-phero .left .lead{font-size:15.5px!important;line-height:2!important;max-width:520px!important}
.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description,[id$="__featured_main"] .collection__title .collection__description p,.hb-routine-lead{font-size:15.5px!important;max-width:560px!important}
.hb.hb-brandstrip .lead{font-size:15.5px!important;line-height:2!important;max-width:540px!important}
/* 英字の小ラベル: Cormorant は x-height が低いので 1〜1.5px 上げる */
.hb.hb-phero .left .meta{font-size:12px!important;letter-spacing:.46em!important}
.hb.hb-cats-section .hb-head.split .num,section.hb.hb-routine .hb-routine-head .idx,.hb.hb-brandstrip .meta{font-size:11px!important;letter-spacing:.46em!important}
[id$="__featured_main"] .collection__title .title::before{font-size:11px!important;letter-spacing:.46em!important}
.hb.hb-cats-section .hb-cat-meta h3 .en{font-size:10.5px!important;letter-spacing:.42em!important}
.hb.hb-cats-section .hb-cat-arrow{font-size:10.5px!important;letter-spacing:.36em!important}
section.hb.hb-routine .hb-routine-step .lbl{font-size:11px!important;letter-spacing:.38em!important}
section.hb.hb-routine .hb-routine-role{font-size:10.5px!important;letter-spacing:.28em!important}
section.hb.hb-routine .hb-routine-cta{font-size:10.5px!important;letter-spacing:.26em!important}
section.hb.hb-routine .hb-routine-pr{font-size:15.5px!important}
section.hb.hb-routine .hb-routine-nm{font-size:17px!important}
.hb.hb-brandstrip .hb-stat-lbl{font-size:11px!important;letter-spacing:.38em!important}
.hb.hb-phero .hb-ctas .hb-btn,.hb.hb-brandstrip .hb-btn-line-light{font-size:12px!important}
.hb-catnav .hb-catnav-label{font-size:11.5px!important}
.hb-catnav .hb-search-title small{font-size:1.2rem!important}
.hb-catnav .hb-chip{font-size:14px!important;padding:10px 18px!important}
.hb-catnav .hb-chip small{font-size:12px!important}
.hb-catnav .hb-search input{font-size:13.5px!important}
/* 帯(MEMBER PRICE 等)と 03 の NOTE: 11.5→13.5 / 13px */
.hb.hb-trust .hb-trust-item b{font-size:12.5px!important;letter-spacing:.26em!important;margin-bottom:8px!important}
.hb.hb-trust .hb-trust-item span{font-size:13.5px!important;line-height:1.95!important;letter-spacing:.04em!important;display:block;max-width:360px;margin:0 auto}
.hb.hb-trust .hb-trust-item{padding:30px 24px!important}
section.hb.hb-routine .hb-routine-note{display:flex!important;align-items:baseline;gap:16px;font-size:13px!important;line-height:1.9;max-width:none!important;margin-top:28px!important;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
section.hb.hb-routine .hb-routine-note::before{font-size:10px!important;flex:none;margin-right:0}
/* カードと価格: 名前 13.2→14 / 価格 13.5→14.5 / 定価 11.5→12 */
.card-wrapper .card__heading,.card-wrapper .card__heading a{font-size:1.4rem!important;line-height:1.65!important}
.card-wrapper .card-information .price,.card-wrapper .card-information .price .price-item{font-size:1.45rem!important}
.card-wrapper .card-information .price--on-sale .price-item--regular{font-size:1.2rem!important}
/* 商品ページ本文: 説明 14→15 / こんな方に 13.5→14.5 / 使い方 13→14 / 全成分 12.5→13.5 / 小ラベル 10〜10.5→11 */
.product__description,.product__description p{font-size:1.5rem!important;line-height:2!important}
.product .hb-reco-ttl{font-size:1.55rem!important}
.product .hb-reco-ttl span{font-size:1.1rem!important}
.product .hb-reco li{font-size:1.45rem!important;line-height:1.8!important}
.product .hb-ht-amount{font-size:1.4rem!important}
.product .hb-ht-amount span{font-size:1.15rem!important}
.product .hb-ht-sec{font-size:1.6rem!important}
.product .hb-ht b,.product .hb-ht-p{font-size:1.45rem!important}
.product .hb-ht-note{font-size:1.3rem!important}
.product .hb-step-no{width:2.8rem!important;height:2.8rem!important;font-size:1.4rem!important}
.product .hb-ingr{font-size:1.35rem!important;line-height:2!important}
.product .accordion__title{font-size:1.65rem!important}
.product .product__text.caption-with-letter-spacing{font-size:1.1rem!important}
.product .product__tax,.product .form__label,.product .quantity__label{font-size:1.15rem!important}
.product .badge{font-size:1.1rem!important}
.product .product-form__input label,.product .product-form__input input[type=radio]+label,.product .product-form__input--pill input[type=radio]+label{font-size:1.3rem!important}
/* フッター: 13→13.5 / ラベル 10→10.5 */
footer.hb-footer .hb-footer-brand p,footer.hb-footer .hb-footer-col li,footer.hb-footer .hb-footer-col li a{font-size:13.5px!important}
footer.hb-footer .hb-footer-brand p.hb-footer-label{font-size:10.5px!important}
footer.hb-footer h4{font-size:11.5px!important}
}
/* 短い一文は文節(、。)で折り返す: SP で「美容|機器」のような語中改行を防ぐ(長文の段落には掛けない) */
.hb-phero .left .lead,.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description p,.hb-routine-lead{word-break:keep-all;overflow-wrap:anywhere}
/* 末尾に 1〜2 文字だけ落ちる孤立行を避ける(text-wrap:pretty は Chrome/Safari。非対応は従来どおり) */
.hb-routine-note,.hb-trust-item span,.hb-brandstrip .lead,.hb-phero .left .lead,.hb-head-lead,.hb-routine-lead,[id$="__featured_main"] .collection__description p,.product__description p,.hb-reco li,.hb-ht p,.hb-ht span,.hb-ht-p,.hb-ht-p span,.hb-ht li,.hb-ht-note,.hb-ingr,footer.hb-footer .hb-footer-brand p,.card__heading,.hb-routine-nm,.collection-hero__description p,.rte p,.rte li{text-wrap:pretty}
/* 03 NOTE は SP でも文節で折る(「3ステ|ップで。」防止)。商品名はカタカナ語の途中で割らない(入り切らない時だけ割る) */
.hb-routine-note{word-break:keep-all;overflow-wrap:anywhere}
.card-wrapper .card__heading,.card-wrapper .card__heading a,.hb-routine-nm,.product__title h1{word-break:keep-all;overflow-wrap:anywhere}

/* HB facets bar 2026-09-11 */
.facets-container{border-top:1px solid #E8E4DD;padding-top:18px;margin-bottom:8px}
.facets__heading,.facet-filters__label{font-family:var(--hb-display)!important;font-size:11px!important;letter-spacing:.32em!important;text-transform:uppercase;color:#7E7670!important;font-weight:500!important}
.facets__heading{font-size:0!important}
.facets__heading::before{content:"FILTER";font-size:11px;letter-spacing:.32em}
.facet-filters__label{font-size:0!important;margin-right:12px!important}
.facet-filters__label::before{content:"SORT";font-size:11px;letter-spacing:.32em}
.facets__summary,.facets__summary .facets__summary-label{font-family:var(--hb-sans)!important;font-size:13.5px!important;letter-spacing:.04em!important;color:#1F1B17!important}
.facet-filters__sort,.facet-filters select.select__select{font-family:var(--hb-sans)!important;font-size:13.5px!important;letter-spacing:.04em!important;border:0!important;border-bottom:1px solid #CFC9C0!important;background:transparent!important;border-radius:0!important;padding:6px 28px 6px 0!important;min-height:0!important;height:auto!important;color:#1F1B17!important;box-shadow:none!important}
.facet-filters__sort:focus-visible,.facet-filters select.select__select:focus-visible{outline:none!important;border-bottom-color:#B89A6C!important;box-shadow:none!important}
.facet-filters .select .svg-wrapper,.facet-filters .select .icon-caret{right:4px!important;width:10px!important;height:10px!important;color:#7E7670}
.facets__selected,.facets__reset{font-size:12px!important;letter-spacing:.04em}
@media (min-width:990px){
  /* Dawn の grid(1fr max-content max-content)はそのまま。件数列を消し、並び替えを右端へ */
  .product-count{display:none!important}
  .facet-filters.sorting{margin-right:0!important;padding-right:0!important;justify-self:end}
  /* 件数列を消した後に残る column-gap(35px)をなくし、セレクトの右端を検索窓と揃える */
  .facets__form{grid-template-columns:1fr max-content!important;column-gap:0!important;align-items:center!important}
  .facet-filters .select,.facet-filters__field{margin-right:0!important}
  .facets__wrapper{flex-wrap:nowrap!important;align-items:center;align-self:center!important}
  .facet-filters{align-items:center!important}
  .facets__heading{margin:0 20px 0 0!important}
  /* 「価格」の summary は Dawn が margin-bottom 15px を持ち上に浮く → 0 にして FILTER と同じ高さに */
  .facets__disclosure{margin:0 24px 0 0!important}
  .facets__disclosure .facets__summary{margin:0!important;padding:0 20px 0 0!important;display:flex;align-items:center}
  .facets__disclosure .facets__summary>div{display:flex;align-items:center}
  .facets-container{align-items:center}
}
@media (max-width:989px){
  /* SP: 「絞り込みと並び替え」ボタンを英字ラベルに。件数はタイトルの n ITEMS と重複なので非表示 */
  .product-count{display:none!important}
  .mobile-facets__open{font-family:var(--hb-display)!important;color:#1F1B17!important;gap:8px}
  .mobile-facets__open-label{font-size:0!important;line-height:1!important}
  .mobile-facets__open-label::before{content:"FILTER & SORT";font-family:var(--hb-display);font-size:11px;letter-spacing:.3em;font-weight:500;color:#1F1B17}
  .mobile-facets__open .icon{color:#7E7670;width:18px;height:18px}
  .facets-container{border-top:0;padding-top:0}
}

/* HB copy linefit 2026-09-11 */
/* 文節 inline-block(hb-clauses.liquid)。keep-all は Safari が「、。でも折らない」と解釈するので本文には使わない(商品名だけ残す) */
.hb-cl{display:inline-block!important;max-width:100%;margin:0!important}
.hb-phero .left .lead,.hb-cats-section .hb-head-lead,[id$="__featured_main"] .collection__title .collection__description p,.hb-routine-lead,.hb-routine-note,.hb-trust-item span,.hb-brandstrip .lead{word-break:normal;overflow-wrap:anywhere;white-space:normal}
.hb-phero .left .lead{white-space:normal!important}

/* HB note sp center 2026-09-11 */
/* スマホの 03 NOTE: ラベルを上の行に置く(1行目だけ字下がりで左に重く見えるのを解消)。本文は左揃えのまま=セクションの左軸に合わせる(水野「NOTEだけ左」) */
@media (max-width:749px){
  section.hb.hb-routine .hb-routine-note{display:block!important;text-align:left!important;max-width:none!important;margin-top:22px!important}
  section.hb.hb-routine .hb-routine-note::before{display:block;margin:0 0 6px!important}
}

/* HB cart 2026-09-11 */
.cart-drawer thead{display:none!important}
.cart-items thead,.cart-items thead tr,.cart-items th{background:transparent!important}
.cart-items th{font-family:var(--hb-display)!important;font-size:1rem!important;letter-spacing:.3em!important;color:#7E7670!important;border-bottom:1px solid #E8E4DD!important;padding-bottom:1.2rem!important}
.cart-item .price,.cart-item__totals .price,.cart-item__price-wrapper .price,.product-option,.totals__total-value,.totals__subtotal-value{font-family:var(--hb-sans)!important;letter-spacing:.02em!important;font-weight:500!important}
.cart-item__details .product-option{font-size:1.3rem!important;color:#7E7670!important;font-weight:400!important}
.cart-item__totals .price,.cart-item__price-wrapper .price--end{font-size:1.5rem!important;color:#1F1B17!important}
.totals__subtotal-value{font-size:1.8rem!important}
.totals__subtotal{font-family:var(--hb-jp-serif)!important;font-size:1.5rem!important;letter-spacing:.08em}
.cart-item .discounts,.cart-item__discounted-prices .discounts,.cart-drawer .discounts,.cart-item__old-price{display:none!important}
cart-remove-button .button{background:transparent!important;border:1px solid #D9D4CC!important;color:#7E7670!important;min-width:4.4rem!important;min-height:4.4rem!important;padding:0!important;box-shadow:none!important}
cart-remove-button .button:hover{border-color:#B89A6C!important;color:#B89A6C!important;background:transparent!important}
cart-remove-button .button svg{width:1.6rem;height:1.6rem}
.quantity{border:1px solid #D9D4CC!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.quantity::before,.quantity::after{display:none!important}
.quantity__button{color:#7E7670!important}
.quantity__input{border:0!important;background:transparent!important;font-family:var(--hb-sans)!important;font-weight:500}
.cart__dynamic-checkout-buttons{display:none!important}
.cart-drawer .drawer__heading,.cart__contents .title{font-family:var(--hb-jp-serif)!important;font-weight:400!important}
.cart-drawer .drawer__heading{font-size:1.9rem!important;letter-spacing:.06em}
.cart-drawer .drawer__header{padding-top:2rem;padding-bottom:1.2rem;border-bottom:1px solid #E8E4DD}
.cart-drawer .cart-items{padding-top:.6rem}
.tax-note{font-size:1.2rem!important;color:#7E7670!important;letter-spacing:.02em}
/* 定価(比較価格×数量)を打ち消し線で行合計の上に(商品ページと同じ見せ方) */
.hb-cart-compare{display:block;font-family:var(--hb-sans);font-size:1.2rem;color:#9A948C;letter-spacing:.02em;text-decoration-thickness:1px;text-decoration-color:rgba(31,27,23,.35);margin-bottom:.2rem;text-align:right;line-height:1.4}
/* 金額は行合計だけ(商品名の下の単価は出さない) */
.cart-item__details > .product-option,.cart-item__details > .cart-item__discounted-prices{display:none!important}
/* ヘッダー: ログイン(アカウント)アイコンは出さない(入口は BEYOND PASS)。スマホは前開発者がアイコン列ごと隠していた → カートだけ出す */
.header .header__icon--account,.menu-drawer__utility-links .menu-drawer__account{display:none!important}
@media screen and (max-width:749px){
  .header .header__icons{display:flex!important;justify-self:end}
  .header .header__icon--search,.header .desktop-localization-wrapper{display:none!important}
}

/* HB howto link 2026-09-11 */
.hb-cart-guide{margin:.6rem 0 0!important;font-size:1.2rem!important}
.hb-cart-guide a{color:#7E7670;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#CFC9C0}
.hb-cart-guide a:hover{color:#B89A6C;text-decoration-color:#B89A6C}
.cart__footer .hb-cart-guide,.cart__blocks .hb-cart-guide{text-align:right}
.cart-drawer .hb-cart-guide{text-align:left}