/** Shopify CDN: Minification failed

Line 206:20 Unexpected ";"
Line 2511:0 Unexpected "@media"

**/
/*============================================================================ 
  #ResetCSS 
==============================================================================*/

.price{
  font-family: "aktiv-grotesk";
}
.price:not(.price--compare){  
}

.quantity-selector__input{
  font-family: "aktiv-grotesk";
}

/*============================================================================
  #MultiClass
==============================================================================*/

/* ============ レイアウト関係 ============ */
.container{
  max-width: 1320px;
}
.container--wide{
  max-width: 1430px;
}
.container--medium{
  max-width: 1430px;
}
.container--small {
  max-width: 1080px;
}
.page-content{
  margin-bottom: 120px;
}
@media screen and (max-width: 740px){
  .section:not(.section--flush){
    margin: 60px 0;
  }
  .vertical-breather{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-content{
    margin-bottom: 65px;
  }
}



/* ============ タイトル関係 ============ */
.heading.h2{
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media screen and (max-width: 740px){
  .heading.h2{
    font-size: 16px;    
  }
}

/* ============ テキスト関係 ============ */
.text--small {
  line-height: 1.7;
}
.link--faded:hover{
  opacity: 0.6;
}

/* ============ ボタン関係 ============ */
.button:not(.button--text){
  letter-spacing: 0.09em;
  font-size: 14px;
  border-radius: 3px;
  line-height: 64px;
}
.button--primary:hover{
  background: rgba(0,0,0,0.7);
}
.button--border{
  border: 1px solid #DEDEDA;
}
@media screen and (max-width: 740px){
  .button:not(.button--text){    
    line-height: 60px;
  }
}

/*============================================================================
  #本文関係
==============================================================================*/

/* ============ 基本本文 ============ */
.rte{
  letter-spacing: 0.04em;
  line-height: 2;
  font-size: 13px;
  word-wrap: break-word;
}
.rte a:not(.button){
  color: #8B7863;
  text-decoration-color: #8B7863; 
  transition: opacity .25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .rte a:not(.button):hover{
    color: #8B7863;
    text-decoration-color: #8B7863; 
    opacity: 0.6; 
  }
}

.rte h1,
.rte h2{
  font-size: 18px; 
  letter-spacing: 0.04em; 
  font-weight: 600;
  line-height: 1.7;
}
.rte h3{
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 600;  
  line-height: 1.7;
}
.rte h4{
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 600;
  line-height: 1.7;
}
.rte h5{
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 600;
  line-height: 1.7;
}
[dir="ltr"] .rte blockquote{
  font-size: 13px;
  line-height: 2;
  font-weight: 600;
  background: #FAFAFA;
  padding: 40px;
  padding-left: 100px;
  margin: 40px 0;
  word-wrap: break-word;
}
[dir="ltr"] .rte blockquote:not(.blockquote--center)::before{
  width: 45px;
  height: 45px;
  -webkit-mask-size: 45px 45px;
  mask-size: 45px 45px;
  top: 30px;
  left: 30px;
}
[dir=ltr] .rte ul{
  list-style: disc outside;
  margin-left: 1.8em;
}
[dir=ltr] .rte ul li {  
  line-height: 2;
  list-style: inherit;
  padding-left: 0;
}
.rte table tr{
  border-bottom: 1px solid rgb(var(--border-color));
}
.rte table tr:first-child th,
.rte table tr:first-child td{
  padding-top: 0;  
}
.rte table th{
  padding: 23px;
  font-weight: 600;
}
.rte table th:first-child{
  padding-left: 0;
}
.rte table td{
  padding: 23px 0 23px 23px;  
}
.rte table td:last-child{
  padding-right: 0;
}
.rte table img:not([style*="float"]){
  margin: 0;
}
.rte strong,
.rte b{
  font-weight: 600;
}
.rte iframe{
  max-width: 100%;
}
.text-background{
  padding: 50px;
  background: #FAFAFA;
}
.rte .has-background;not(a){
  background-color: #fafafa;
  padding: 1.25em 2.375em;
}

@media screen and (max-width: 740px){
  .rte{
    font-size: 13px;
  }
  .rte h2{
    font-size: 15px;     
  }
  .rte h3{
    font-size: 15px;    
  }
  .rte h4{
    font-size: 14px;    
  }
  .rte h5{
    font-size: 13px;    
  }    
  [dir="ltr"] .rte blockquote{
    font-size: 12px;    
    padding: 30px;
    padding-left: 70px;    
  }
  [dir="ltr"] .rte blockquote:not(.blockquote--center)::before{
    width: 30px;
    height: 30px;
    -webkit-mask-size: 30px 30px;
    mask-size: 30px 30px;
    top: 20px;
    left: 20px;
  }
  .rte table{
    margin: 24px 0;
  }
  .rte table th{    
    border: none;
    font-weight: 600;
    padding: 8px;
  }
  .rte table td{    
    padding: 8px;
  }
  .text-background{
    padding: 24px;
  }
}

/* 背景色BOX */
.text-box{
  background: #f2f2f0;
  padding: 30px;
}
@media screen and (max-width: 740px){
  .text-box{
    background: #f2f2f0;
    padding: 20px;
  }
}



/* 2カラム */
.col2-row{
  margin: 48px 0;
}
.col2-row .item{
  display: flex;
  align-items: center;
}
.col2-row .item+.item{
  margin-top: 48px;
}
.col2-row .item__image{
  width: 50%;
}
.col2-row .item__image img{
  margin: 0;
}
.col2-row .item__content{
  width: 50%;
  padding-left: 48px;
}
.col2-row--reverse .item:nth-child(even){
  flex-direction: row-reverse;
}
.col2-row--reverse .item:nth-child(even) .item__content{
  padding: 0 48px 0 0;
}
@media screen and (max-width: 740px){
  .col2-row{
    margin: 24px 0;
  }
  .col2-row .item{
    display: block;    
  }
  .col2-row .item+.item{
    margin-top: 24px;
  }
  .col2-row .item__image{
    width: 100%;
  }  
  .col2-row .item__content{
    width: 100%;
    padding: 24px 0 0 0;
  }
  .col2-row--reverse .item:nth-child(even){
    flex-direction: row-reverse;
  }
  .col2-row--reverse .item:nth-child(even) .item__content{
    padding: 24px 0 0 0;
  }
}


/*============================================================================
  #Compornent
==============================================================================*/

/*================ Section Header ================*/
.section__header{
  max-width: 1320px;
  margin-bottom: 50px;
}
.section__header-title{
  display: flex;
  align-items: baseline;
}
.section__header .heading{
  margin: 0;
}
.socialphotos-com-gallery .section__header--small .h2,
.section__header .h2{
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.socialphotos-com-gallery .section__header--small .h2{
  font-weight: 700;
  text-transform: uppercase;
}

.section__header .heading--small{
  padding-left: 37px;
  letter-spacing: 0.1em;
  font-family: "aktiv-grotesk";
}
@media screen and (max-width: 740px){
  .section__header{
    margin-bottom: 30px;
  }
  .socialphotos-com-gallery .section__header--small .h2,
  .section__header .h2{
    font-size: 16px;    
  }
  .section__header .heading--small{
    padding-left: 17px;
    font-size: 11px;    
  }  
}
/* small */
.section__header--small .h2{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "aktiv-grotesk";
}
.section__header--small .heading--small{
  padding-left: 27px;
  font-size: 12px;
}
@media screen and (max-width: 740px){
  .section__header--small .heading--small{    
    font-size: 11px;   
  }
}
/* border */
.section__header--border{
  border-bottom: 1px solid #DEDEDA;
  padding-bottom: 24px;
}
@media screen and (max-width: 740px){
  .section__header--border{    
    padding-bottom: 24px;
    margin-bottom: 46px;
  }
}
/* border right */
.section__header--border-right{  
  display: flex;
  align-items: center;
}
.section__header--border-right:after{
  content: "";
  display:block;
  height:1px;  
  flex-grow: 1;
  background: #DEDEDA;  
  margin-left: 33px;
}
@media screen and (max-width: 740px){
  .section__header--border-right:after{
    margin-left: 27px;
  }
}
/* center */
.section__header--center .section__header-title{
  flex-wrap: wrap;
  justify-content: center;
}
.section__header--center .h2{
  width: 100%;
  order: 2;
}
.section__header--center .heading--small{
  padding-left: 0;  
  width: 100%;
  order: 1;
  margin-bottom: 10px!important;
}

/*================ Section Footer ================*/
.section__footer{
  margin-top: 40px;
}
.section__footer .button{  
  width: 100%;
  font-weight: 400;
}
@media screen and (min-width: 741px){
  .section__footer .button{
    min-width: 400px;
    width: auto;
  }
  .section__footer{
    margin-top: 70px;
  }
}

/*================ Page Header ================*/
.page-header .h1{
  font-size: 24px;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 14px;
}
.page-header__text-wrapper{
  margin-top: 65px;
  margin-bottom: 80px;
}
.page-header__subtitle{
  letter-spacing: 0.1em;
  font-family: "aktiv-grotesk";  
}
@media screen and (max-width: 740px){
  .page-header .h1{
    font-size: 16px;   
    margin-bottom: 11px;
  }  
  .page-header__text-wrapper{
    margin-top: 77px;
    margin-bottom: 40px;
  }
  .page-header__subtitle{
    font-size: 11px;
  }
}

/*================ announcement bar ================*/
.announcement-bar{
  letter-spacing: 0.06em;
}
.announcement-bar__message{
  padding: 9px 0;
}
@media screen and (max-width: 740px){
  .announcement-bar{
    letter-spacing: 0.04em;
    font-size: 12px;
  }
}

/*================ Breadcrumb ================*/
.breadcrumb{
  letter-spacing: 0.04em;
  font-size: 11px;  
}
.breadcrumb__list{
  padding: 15px 0;
}
a.breadcrumb__link{
  text-decoration: underline;
}
.breadcrumb__link[aria-current="page"]{
  font-weight: 600;
}
.breadcrumb__link:not([aria-current="page"]):not(:hover){
  opacity: 1;
  transition: opacity .25s ease-in-out;
}
.breadcrumb__item + .breadcrumb__item::before{
  content: ">";
  margin: 0 10px;
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb__link:not([aria-current="page"]):hover{
    opacity: 0.6;    
  }  
}
@media screen and (max-width: 740px){
  .breadcrumb{
    font-size: 10px;    
  }
  .breadcrumb__list{
    display: flex;
    overflow-x: scroll;
  }
  .breadcrumb__item{
    flex-shrink: 0;
  }
}


/*================ Pagination ================*/
.pagination{
  margin-top: 50px;
}
.pagination__nav-item{
  font-family: "aktiv-grotesk";
  font-size: 12px;
  height: 46px;
  width: 46px;
}
.pagination__nav-item[aria-current]::before{
  box-shadow: none;
}
.pagination__nav-item[aria-current]{
  background: #F2F2F0;
}
.pagination__nav-item svg{
  display: block;
}
[dir="ltr"] .pagination__nav-item:first-child{
  border-radius: 3px 0 0 3px;
}
[dir="ltr"] .pagination__nav-item:last-child{
  border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 741px){
  .pagination{
    margin-top: 60px;
  }
  .pagination__nav-item {
    height: 60px;
    width: 60px;
    font-size: 16px;
  }
}



/*================ SwiperSlider ================*/
.swiper ul.swiper-wrapper{
  margin: 0;
}
.swiper ul li.swiper-slide{
  padding: 0;
}

/*================ Tabs Navi ================*/
.tabs-nav__item{
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  padding-bottom: 23px;
  font-weight: 500;  
}
.tabs-nav__position{
  height: 1px;
  background: #8B7863;
}
@media screen and (min-width: 741px){
  .tabs-nav__item-list,
  .tabs-nav--loose .tabs-nav__item-list {
    gap: 43px;
  }
}

/*================ ProductItem ================*/
/*Label */
[dir="ltr"] .product-item__label-list{
  left: 0;
  top: 0;
}
.product-item__label-list .label{
  font-size: 11px;
  padding: 5.5px 12px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  font-family: "aktiv-grotesk";
  font-weight: 400;
}

/* Info */
.product-item__info{
  text-align: left;
}
.product-item-meta__title{
  line-height: 1.7;
  font-size: 13px;
  letter-spacing: 0.02em;  
}
.product-item__image-wrapper {
  margin-bottom: 20px;
}
.product-item-meta__price-list-container{
  font-size: 16px;
  margin-top: 16px;
}
.product-item-meta__price-list-container .price-list:after{
  content: "(税込)";
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
}
.product-item-meta__price-list-container .price--compare{
  opacity: 1;  
}
.product-item-meta__swatch-list{
  justify-content: unset;
  padding: 0 2px;
}
@media screen and (min-width: 1000px){
  .product-item__image-wrapper {
    margin-bottom: 28px;    
  }
}

/*================ ArticleItem ================*/
.article-item__image-container{
  margin-bottom: 20px;
}
.article-item__image{
  aspect-ratio: 346 / 244;
  object-fit: cover;
}
.airshelf-blog .article-item__image{
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.article-item .article-item__category{
  font-size: 10px;
  letter-spacing: 0.06em;
  color: #FFF;
  background: #BCBCBC;
  padding: 6px 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
.article-item .article-item__data{
  font-size: 12px;
  font-family: "aktiv-grotesk";
  letter-spacing: 0.06em;  
}
.article-item .article-item__title{
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.7;
  font-weight: 500;
  margin-top: 10px;  
}
@media screen and (max-width: 740px){
  .article-item__image-container{
    margin-bottom: 18px;
  }
  .article-item .article-item__category{
    padding: 6px 10px;
  }
  .article-item .article-item__title{
    font-size: 15px;    
  }
}

.article-item{
  border-bottom: 1px solid #DEDEDA;
  padding: 0 0 30px 0;
}
/*================ Acordion ================*/
.c-acordion{
  font-size: 12px;
  letter-spacing: 0.04em;
  background: #FAFAFA;  
  padding: 60px;    
}
.c-acordion__head{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  padding-bottom: 25px;
}
.c-acordion__wrap{
  border-bottom: 1px solid #DEDEDA;  
}
.c-acordion__title{
  cursor: pointer;
  border-top: 1px solid #DEDEDA;  
  font-weight: 600;
  font-size: 12px;
  line-height: 1.7;
  padding: 25px 0;
  position: relative;
}
.c-acordion__title:before,
.c-acordion__title:after{
  content: "";
    width: 10px;
    height: 1px;
    background-color: #3E3E3E;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: 0.4s;
    transform: translateY(-50%);
}
.c-acordion__title:after{
  transform: translateY(-50%) rotate(90deg);
}
.c-acordion__title.is-active:after{
  transform: rotate(0);
  top: calc( 50% - 0.5px );
  transition: 0.4s;
}
.c-acordion__content{
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
  line-height: 2;
  font-size: 12px;
}
.c-acordion__content p{
  line-height: 2;
}
.c-acordion__content.is-open {  
  line-height: normal;
  height: auto;
  opacity: 1;
  margin-bottom: 25px;
}

@media screen and (max-width: 740px){
  .c-acordion{
    padding: 40px 30px;
  }
  .c-acordion__head{
    font-size: 12px;
    padding-bottom: 23px;
  }
  .c-acordion__title{    
    padding: 20px 0;    
  }
  .c-acordion__title:before,
  .c-acordion__title:after{
    right: 10px;
  }
  .c-acordion__content{
    font-size: 10px;
  }
  .c-acordion__content p{
    line-height: 2;
  }
  .c-acordion__content.is-open {  
    line-height: normal;
    height: auto;
    opacity: 1;
    margin-bottom: 25px;
  }
}

/*================ text-width-button ================*/
.c-text-width-button{
  background: #484848;
  display: flex;
  align-items: center;  
  padding: 30px 70px;
}
.c-text-width-button__text{
  font-size: 16px;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: #FFF;
  width: 64%;
  padding-right: 70px;
}
.c-text-width-button__button{
  width: 36%;
}
.c-text-width-button__button a{
  font-size: 13px;
  letter-spacing: 0.04em;
  height: 70px;
  background: #FFF;
  border-radius: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 740px){
  .c-text-width-button{
    display: block;
    padding: 35px 30px 40px 30px;
  }
  .c-text-width-button__text{
    font-size: 13px;
    width: 100%;
    padding-right: 0;
    text-align: center;
    line-height: 1.8;
  }
  .c-text-width-button__button{
    width: 100%;
    margin-top: 29px;
  }
  .c-text-width-button__button a{
    font-size: 11px;    
    height: 62px;    
  } 
}
   
/* ============ Tab ============ */
.tab-group{
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: flex-start;
  gap: 43px;
  vertical-align: top;
  box-shadow: 0 -1px rgb(var(--border-color)) inset;  
  width: 100%;
  margin: 0;
}
.tab-group--center{
  justify-content: center;
}
.tab-group .tab{
  list-style:none;  
  text-align:center;
  cursor:pointer;
  font-size: 14px;  
  letter-spacing: 0.1em;
  line-height: 1.3;
  padding-bottom: 23px;
  font-weight: 500;  
}
.tab-group--small .tab{
  font-size: 13px;
}
.tab-group .tab.is-active{
  border-bottom: 1px solid #8B7863; 
}
.panel-group .panel{
  display:none;
}
.panel-group .panel.is-show{
  display:block;
}
@media screen and (max-width: 740px){
  .tab-group{
    gap: 28px;
  }
  .tab-group--small .tab{
    font-size: 10px;
    padding-bottom: 17px;
  }
}


/*================ Link bar ================*/
.link-bar{
  box-shadow: none;
}
.link-bar__wrapper{
  width: 100%;
  border-bottom: 1px solid #DEDEDA;
  justify-content: center;
  flex-wrap: wrap;
}
.link-bar__link-item, .link-bar__title{
  padding: 0;
}
.link-bar__link{
  padding: 17px 0;
  letter-spacing: 0.04em;
  font-size: 13px;
}
.link-bar__link-item--selected{
  font-weight: 600;
}
.link--animated::after{
  bottom: 0;
}
@media screen and (max-width: 740px){
  .link-bar__link{
    font-size: 10px;
  }
}
@media screen and (min-width: 741px){
  .link-bar__linklist{
    display: flex;
    flex-wrap: wrap;
    min-width: unset;
  }
  .link-bar__linklist{
    gap: 0 40px;
  }
}


/* Filete List */
.filter-list__list {
  list-style: none;
  padding: 30px 60px 50px 60px;
  background: #FAFAFA;  
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 35px;
}
.filter-list__title{
  padding: 40px 60px 0 60px;
  background: #FAFAFA;
}
.filter-list__title span{
  border-left: 1px solid #3E3E3E;
  padding-left: 15px;
}
.filter-list__list{
  margin: 0;
}    
.filter-list__list li{
  border-bottom: 1px solid #DEDEDA;
}
.filter-list__list li.is-active{
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.filter-list__list li.is-active a:before{
  content: "・";
  display: inline-block;
  position: absolute;
  left: 0;
}
.filter-list__list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 18px 0;
}
@media screen and (max-width: 740px){
  .filter-list__list {    
    padding: 20px 30px 35px 30px;    
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 19px;
  }
  .filter-list__title{
    padding: 35px 30px 0 30px;    
  }
  .filter-list__title span{
    font-size: 10px;    
  }
  .filter-list__list li a {    
    font-size: 10px;    
    padding: 15px 0;
  }
}



/*============================================================================ 
  #Section 
==============================================================================*/


/*================ Slideshow ================*/
.slideshow__text-wrapper .h2{
  font-size: 26px;
  letter-spacing: 0.02em;
}
.slideshow__text-description{
  color: rgba(var(--text-color));
  margin-top: 40px;
  line-height: 2;
  font-size: 12px;
}
.slideshow__text-wrapper .button-wrapper{
  margin-top: 40px;
}
/* Bottom */
.slideshow__text-bottom{
  background: #FAFAFA;
  padding: 34px 0 84px;
  text-align: center;
}
.slideshow__text-bottom .heading--small{
  font-size: 10px;
}
.slideshow__text-bottom .h2{
  font-size: 16px;
}
.slideshow__text-bottom .heading--small + .h2{
  margin-top: 15px;
}
.slideshow__text-bottom .button-wrapper{
  margin-top: 30px;
}
/* Navi */
.slideshow__nav{
  bottom: 18px;
}
.slideshow__nav{
  justify-content: flex-start;
}
.slideshow__progress-bar::after{
  background: #575757;
}
.slideshow__progress-bar::before{
  background: #DEDEDA;
}
@media screen and (max-width: 740px){
  .slideshow__text-wrapper .h2{
    font-size: 20px;    
  }
  .slideshow__text-description{    
    font-size: 12px;
    margin-top: 30px;
    text-align: left;
  }
  .slideshow__nav{
    bottom: 6px;
  }
  .slideshow__nav{
    justify-content: flex-start;
  }
  .slideshow__progress-bar::after{
    background: #575757;
  }
  .slideshow__progress-bar::before{
    background: #DEDEDA;
  }
}


/*================ .FeaturedBrand ================*/
.FeaturedBrand .Item{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
} 
.FeaturedBrand .Item:nth-child(even){
    flex-direction: row-reverse;
}
.FeaturedBrand .Item__Image{
  width: 55%;
}
.FeaturedBrand .Item__Info{
  width: 45%;  
  text-align: center;
  padding: 20px 60px;
}
.FeaturedBrand .Item__Info-inner{
  max-width: 380px;
  margin: 0 auto;
}
.FeaturedBrand .Item__Title{
  font-size: 13px;
  margin-bottom: 59px;
  font-weight: 600;
}
.FeaturedBrand .Item__Logo{
  margin-bottom: 59px;
}
.FeaturedBrand .Item__Description{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: left;
}
.FeaturedBrand .Item__Button{
  margin-top: 30px;
}
.FeaturedBrand .Item__Button a{
  font-size: 12px;
  letter-spacing: 0.04em;
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
}
.FeaturedBrand .Item__Button a:after{
  content: "";
  display: inline-block;
  height: 1px;
  background: #3E3E3E;    
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1000px){
  .FeaturedBrand .Item__Title{
    font-size: 14px;
    margin-bottom: 28px;
  }
  .FeaturedBrand .Item__Logo{
    margin-bottom: 35px;
  }
  .FeaturedBrand .Item__Description{
    font-size: 12px;    
  }
  .FeaturedBrand .Item__Button{
    margin-top: 28px;
  }
}
@media screen and (max-width: 740px){
  .FeaturedBrand .Item{
    display: block;    
  } 
  .FeaturedBrand .Item__Image{
    width: 100%;
  }
  .FeaturedBrand .Item__Title{
    margin-bottom: 25px;
  }
  .FeaturedBrand .Item__Logo{
    margin-bottom: 30px;
  }
  .FeaturedBrand .Item__Info{
    width: 100%;      
    padding: 37px 22px 40px 22px;
  }
  .FeaturedBrand .Item__Info-inner{
    max-width: none;    
  }
}


/*================ MultiColumn ================*/
.multi-column__image-wrapper{
  margin-bottom: 32px;
}
.multi-column__title{
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  font-weight: 600;
}
.multi-column__description{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: left;
}
.multi-column__link{
  font-size: 12px;
  letter-spacing: 0.01em;
  font-family: aktiv-grotesk;  
}
@media screen and (min-width: 1200px){
  .multi-column--medium {
    --section-items-per-row: 4;
  }
}
@media screen and (max-width: 740px){
  .multi-column--pocket-small .multi-column__inner--scroller{
    grid-auto-columns: 40vw;
  }
  .multi-column--pocket-medium .multi-column__inner--scroller{
    grid-auto-columns: 70vw;
  }
  .multi-column--pocket-large .multi-column__inner--scroller{
    grid-auto-columns: 80vw;
  }
  .multi-column__inner{
    grid-gap: 39px;
    gap: 39px;
  }
  .multi-column__image-wrapper{
    margin-bottom: 22px;
  }
  .multi-column__text-container .multi-column__title{
    font-size: 13px;
  }
  .multi-column__text-container p{
    font-size: 10px;
  }
  .multi-column__link{
    font-size: 10px;  
  }
}

/*================ RecommendSection ================*/
.recommend-section{
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.recommend-section .item{
  width: 25%;
  padding: 10px;
}
.recommend-section.recommend-section--pc-col5 .item{
  width: 20%;
}
.recommend-section.recommend-section--pc-col4 .item{
  width: 25%;
}
.recommend-section.recommend-section--pc-col3 .item{
  width: 33.3333%;
}
.recommend-section.recommend-section--pc-col2 .item{
  width: 50%;
}
.recommend-section .item a{
  text-decoration: none;
  display: block;
}
.recommend-section img.item__image{
  margin: 0 0 10px 0;
}
.recommend-section .item__title{
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  color: #3E3E3E;
}
.recommend-section .item__price{
  margin-top: 10px;
  line-height: 1.4;
  color: #3E3E3E;
}
.recommend-section .item__price:after {
  content: "(税込)";
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
}

@media screen and (max-width: 740px){
  .recommend-section.recommend-section--sp-col3 .item{
    width: 33.3333%;
  }
  .recommend-section.recommend-section--sp-col2 .item{
    width: 50%;
  }
  .recommend-section.recommend-section--sp-col1 .item{
    width: 100%;
  }
}

/*================ ShopList ================*/

/* Shop Mokuji */
.ShopListMokuji{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px 32px;
  padding: 0;  
}
.ShopListMokuji .Item{
  border-bottom: 1px solid #DEDEDA;
  list-style: none;
}
.ShopListMokuji .Item a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 13px 0; 
}
@media screen and (max-width: 740px){
  .ShopListMokuji{    
    grid-template-columns: repeat(3, 1fr);
    gap: 3px 23px;    
  }
  .ShopListMokuji .Item svg{
    width: 8px;
  }
  .ShopListMokuji .Item a{    
    font-size: 10px;    
    padding: 14px 0;
  }
}
/* Shop List */
.ShopList{
  display: flex;
  border-top: 1px solid #3E3E3E;
  margin: 90px 0;
}
.ShopList__Head{
  width: 29%;
  padding-top: 40px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
  
}
.ShopList__Content{
  width: 71%;
}  
.ShopList__Content .Item{
  border-bottom: 1px solid #DEDEDA;
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  padding: 40px 0;
}
.ShopList__Content .Item__Name{
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.ShopList__Content .Item__Name a{
  text-decoration: underline;
}
.ShopList__Content .Item__Address{}
.ShopList__Content .Item__Address a{
  text-decoration: underline;
}
.ShopList__Content .Item__Tel{

}
.ShopList__Content .Item__Tel a{
  text-decoration: underline;
}
.ShopList__Content .Item__Tel a:before{
  content: "TEL：";
  display: inline-block;
}
@media screen and (max-width: 740px){
  .ShopList{
    margin: 60px 0;
    display: block;
  }
  .ShopList__Head{
    width: 100%;
    font-size: 14px;
    padding-top: 32px;
  }
  .ShopList__Content{
    width: 100%;
  }  
  .ShopList__Content .Item{    
    font-size: 10px;    
    padding: 24px 0;
  }
  .ShopList__Content .Item__Name{
    font-size: 10px;    
  }
}
/*================ Pickup News ================*/
.PickupNews{
  text-align: center;
}
.PickupNews__Link{
  display: inline-block;
  line-height: 1.25;  
}
.PickupNews__Inner{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #DEDEDA;
}
.PickupNews__Date{
  font-family: aktiv-grotesk;
  font-size: 11px;
  letter-spacing: 0.06em;
  margin-right: 20px;
}
.PickupNews__Text{
  font-size: 14px;
  letter-spacing: 0.04em;
}
.PickupNews__Text span{
  margin-right: 30px;
  position: relative;
}
.PickupNews__Text span:after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: url(/cdn/shop/files/icon_arrow.svg?v=1683212102)no-repeat;
  background-size: contain;
  position: absolute;
  right: -30px;
  top: calc( 50% - 4px );
}
@media screen and (max-width: 740px){
  .PickupNews__Link{
    display: block;
  }
  .PickupNews__Inner{
    display: block;
    padding: 0;
    border-bottom: none;
  }
  .PickupNews__Date{    
    font-size: 10px;
    margin-right: 0;
    margin-bottom: 13px;     
  }
  .PickupNews__Text{
    display: flex;
    align-items: center;
    font-size: 11px;
    justify-content: center;
    position: relative;
  }
  .PickupNews__Text span{    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    border-bottom: 1px solid #DEDEDA;
    margin-right: 0;
    padding-right: 20px;
  }
  .PickupNews__Text span:after{
    right: 0;
    top: calc( 50% - 6px );
  }
}

/*================ SectionCollectionList ================*/
.SectionCollectionList{
  display: flex;
  flex-wrap: wrap;
}
.SectionCollectionList .Item .Item__Link {
  display: block;
}
.SectionCollectionList .Item__Title {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
}
@media (hover: hover) and (pointer: fine) {  
  .SectionCollectionList .Item__Link:hover .Item__Title{
    opacity: 0.6;
    transition: opacity .25s ease-in-out;
  }
}
@media screen and (max-width: 740px){
  .SectionCollectionList .Item__Title {
    margin-top: 9px;    
    font-size: 13px;    
  }  
}

/*================ CollectionList ================*/

.list-collections__item-info{
  left: 0;
  bottom: 30px;
  top: auto;
  right: auto;
  transform: unset;
  padding: 0 30px;
  text-align: left;
}
.list-collections__item-info .h3{
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.7;
}
.list-collections__item-button{  
  display: inline-block;
  min-width: 180px;
}
.list-collections__item-button-inner{
  background: #FFF;
  color: #000000;
  font-family: "aktiv-grotesk";
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 0 20px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-collections__item-button svg{
  display: block;
}

@media screen and (min-width: 1000px){
  .list-collections--collage .list-collections__item-list {
    margin: 0;
  }
}
@media screen and (max-width: 740px){
  .list-collections__item-list{
    grid-gap: 21px;
    gap: 21px;
  }
  .list-collections__item-info{    
    bottom: 16px;    
    padding: 0 16px;    
  }
  .list-collections__item-info .h3{
    font-size: 15px;    
  }
  .list-collections__item-button{
    min-width: 130px;
  }
  .list-collections__item-button-inner{   
    font-size: 10px;
    height: 40px;  
    padding: 0 15px;    
  }
  .list-collections__item-button svg{
    width: 5px;
  }
}



/*================ ProductList ================*/

@media screen and (max-width: 740px){
  .product-list {
    --product-list-column-gap: 16px;
  }
  .product-list__inner{
    grid-gap: 40px 16px;
    gap: 40px 16px;
  }
}


/* ProductList Sctoller */
.product-list__prev-next .prev-next-button {
  background: none;
  border: none;
}
.product-list__prev-next .product-list__arrow{
  transform: unset!important;  
}
.product-list__arrow svg{
  transform: unset!important;
  transition: unset!important;
}
.product-list__arrow:hover svg{
  transform: unset!important;
  transition: unset!important;
}
@media screen and (max-width: 740px){
  .product-list__inner:not(.product-list__inner--scroller) {
    margin-left: 0;
    margin-right: 0;
  }
  .product-list__inner--scroller{
    grid-auto-columns: 72vw;
    grid-gap: 32px;
    gap: 32px;
  }
  .product-list--sp-small .product-list__inner--scroller{
    grid-auto-columns: 50vw;
    grid-gap: 19px;
    gap: 19px;
  }
}
@media screen and (min-width: 741px){
  .prev-next-button:not(.prev-next-button--small) {
      width: 80px;
      height: 80px;
  }
}
@media screen and (min-width: 1000px){
  .product-list__inner--scroller{
    margin: 0;
  }
  .product-list__prev-next{
    width: calc( 100% + 120px );
    left: -60px;
    top: calc(var(--item-width) / var(--smallest-image-aspect-ratio) / 2 - 40px);
  }
}
@media screen and (min-width: 1400px){  
  .product-list__prev-next{
    width: calc( 100% + 160px );
    left: -80px;
    top: calc(var(--item-width) / var(--smallest-image-aspect-ratio) / 2 - 40px);
  }
}


/*================ Article List ================*/

.article-list{
  margin: 0;
}
/* article-list--collage */
.article-list__secondary-list{
  display: block;
}
.article-list__secondary-list .article-item--horizontal{
  align-items: unset;
}
[dir="ltr"] .article-list__secondary-list .article-item__image-container{
  margin-right: 24px;
}
.article-list__secondary-list .article-item:not(:last-child){
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid #D9D9D9;
}
.article-list__secondary-list .article-item__title{
  margin-top: 12px;
  margin-bottom: 12px;  
}
@media screen and (min-width: 1000px){
  .article-item--featured .article-item__image-container{
    margin-bottom: 18px;
  }
  .article-list__secondary-list .article-item__image-container{
    width: 43%;
  }
}
@media screen and (min-width: 1200px){
  .article-list--collage {
    column-gap: 64px;
  }
}
@media screen and (max-width: 999px){  
  [dir="ltr"] .article-list__secondary-list .article-item__image-container{    
    width: 25%;
    min-width: 25%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 740px){
  [dir="ltr"] .article-list__secondary-list .article-item__image-container{    
    width: 160px;
    min-width: 160px;    
  }
  [dir="ltr"] .article-list__secondary-list .article-item__image-container{
    margin-right: 18px;
  }
  .article-list__secondary-list .article-item:not(:last-child){
    padding-bottom: 25.5px;
    margin-bottom: 25.5px;    
  }
  .article-list__secondary-list .article-item__title{
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 25px;     
  }
  .article-list__secondary-list .article-item__image{    
    aspect-ratio: 1 / 1;
  }
}
@media screen and (max-width: 375px){
  [dir="ltr"] .article-list__secondary-list .article-item__image-container{    
    width: 120px;
    min-width: 120px;    
  }
  .article-list__secondary-list .article-item__title{
    font-size: 12px;    
  }
}

/*================ News List ================*/
.NewsList__List{
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #EBEBE8;
}
.NewsList__List .Item{
  width: 100%;
  border-top: 1px solid #EBEBE8;
}
.NewsList__List .Item__Link{
  display: flex;
  align-items: center;
  padding: 36px 0;
}
.NewsList__List .Item__Date{
  margin-right: 45px;
  font-family: "aktiv-grotesk";
  font-size: 12px;
  letter-spacing: 0.06em;
}
.NewsList__List .Item__Label span{
  background: #BCBCBC;
  color: #FFF;
  font-size: 10px;
  letter-spacing: 0.06em;
  padding: 6px 15px;
  margin-right: 45px;
  display: inline-block;
}
.NewsList__List .Item__Title{
  letter-spacing: 0.06em;
  font-size: 14px;  
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.7;
  padding-right: 16px;
}
.NewsList__List .Item__Arrow{
  display: block;
  margin-left: auto;
}
@media screen and (max-width: 740px){
  .NewsList__List{
    border-bottom: none;
  }
  .NewsList__List .Item__Link{
    flex-wrap: wrap;
    padding: 20px 20px 20px 0;
    position: relative;
  }  
  .NewsList__List .Item__Date{
    margin-right: 18px;    
  }
  .NewsList__List .Item__Label span{    
    padding: 5px 10px;
    margin-right: 0;
    display: inline-block;
  }
  .NewsList__List .Item__Title{
    font-size: 13px;
    margin-top: 10px;
    width: 100%;
    padding-right: 0;
  }
  .NewsList__List .Item__Arrow{
    margin: 0;
    position: absolute;
    right: 0;
    top: calc( 50% - 7px );
  }
}

/*================ SectionSNS ================*/
.SectionSNS{
  display: flex;
  align-items: center; 
}
.SectionSNS--center{
  justify-content: center 
}
.SectionSNS--right{
  justify-content: flex-end;  
}
.SectionSNS__Title{
  font-size: 13px;
  letter-spacing: 0.1em;
  font-family: "aktiv-grotesk";
  margin-right: 46px;
}
.SectionSNS__List{
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 16px;
}
.SectionSNS__List .Item a{
  background: #3e3e3e;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SectionSNS__List .Item a:hover{
  opacity: 0.6;
}
.SectionSNS__List .Item img,
.SectionSNS__List .Item svg{
  display: block;
  color: #FFF;
}
@media screen and (max-width: 740px){
  .SectionSNS{
    display: block;
  }
  .SectionSNS__Title{
    font-size: 14px;
    margin: 0 0 23px 0;
    text-align: center;
  }
  .SectionSNS__List{    
    gap: 30px;
    justify-content: center;
  }
  .SectionSNS__List .Item a:hover{
    opacity: 1;
  }
  .SectionSNS__List .Item img,
  .SectionSNS__List .Item svg{
    display: block;
  }
}


/*================ Image Width Text Overlay ================*/

.shopify-section--image-with-text-overlay .image-overlay--small {
  --image-height: 400px;
}
.shopify-section--image-with-text-overlay .image-overlay--medium {
  --image-height: 540px;
}
.shopify-section--image-with-text-overlay .image-overlay--large {
  --image-height: 700px;
}
@media screen and (max-width: 740px) {
  
  .shopify-section--image-with-text-overlay .image-overlay--small {
    --image-height: 350px;
  }

  .shopify-section--image-with-text-overlay .image-overlay--medium {
    --image-height: 390px;
  }

  .shopify-section--image-with-text-overlay .image-overlay--large {
    --image-height: 500px;
  }
  .shopify-section--image-with-text-overlay .image-overlay__text-container{
    font-size: 10px;
    line-height: 2;
  }
}


/*================ RichText ================*/
.shopify-section--rich-text .content-box{
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 740px){
  .shopify-section--rich-text .content-box{
    font-size: 10px;
  }
}

/*================ Image Width Text ================*/
.image-with-text__subtitle{
  font-size: 10px;  
  letter-spacing: 0.04em;  
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 10px;
}
.image-with-text__title{
  font-size: 16px;  
  letter-spacing: 0.08em;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.image-with-text__text-wrapper{
  margin-top: 27px;
}
.image-with-text__text-wrapper p{
  line-height: 2;
  font-size: 10px;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 999px){
  .image-with-text{
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 741px){
  .image-with-text__subtitle{
    font-size: 12px;      
  }
  .image-with-text__title{
    font-size: 24px;
  }
  .image-with-text__text-wrapper p{   
    font-size: 13px;    
  }
}
@media screen and (min-width: 1000px){
  [dir="ltr"] .image-with-text:not(.image-with-text--reverse) .image-with-text__content-wrapper {
    margin-left: calc((var(--grid-column-width) + var(--grid-gap)) * 2);
  }
}



/*================ Image Width Text Block ================*/
.image-with-text-block .image-with-text-block__content{
  padding: 30px;
}
.image-with-text-block__subtitle{
  font-size: 10px;  
  letter-spacing: 0.04em;  
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 10px;
}
.image-with-text-block__title{
  font-size: 16px;  
  letter-spacing: 0.08em;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.image-with-text-block__text-container{
  margin-top: 30px;
}
.image-with-text-block__text-container p{
  line-height: 2;
  font-size: 10px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 741px){
  .image-with-text-block .image-with-text-block__content{
    padding: 40px;
  }
  .image-with-text-block__subtitle{
    font-size: 12px;      
  }
  .image-with-text-block__title{
    font-size: 24px;      
  }
  .image-with-text-block--overlap .image-with-text-block__text-container{
    margin-top: 37px;
  }
  .image-with-text-block__text-container p{    
    font-size: 13px;    
  }  
}

@media screen and (min-width: 1000px){
  .image-with-text-block .image-with-text-block__content{
    padding: 60px 40px;
  }
  .image-with-text-block--overlap .image-with-text-block__image-wrapper{
    width: calc(var(--grid-column-width) * 15 + (var(--grid-gap) * 13) + var(--container-outer-margin));
  }
  .image-with-text-block--overlap .image-with-text-block__content{
    margin-top: 135px;
    margin-bottom: 135px;
  }
  [dir="ltr"] .image-with-text-block__content.content-box--right{
    margin-right: 0;
  }
  [dir="ltr"] .image-with-text-block__content.content-box--left{
    margin-left: 0;
  }
  .image-with-text-block--overlap .image-with-text-block__text-container .button-wrapper{
    margin-top: 62px;
  }
}

@media screen and (min-width: 1200px){
  .image-with-text-block--overlap .image-with-text-block__content:not(.image-with-text-block__content--tight){
    padding: 130px 80px;
  }
}

@media screen and (min-width: 1400px){
  .image-with-text-block--overlap .image-with-text-block__content.content-box--small{
    width: calc(var(--grid-column-width) * 8 + var(--grid-gap) * 7.5);
  }
}
@media screen and (max-width: 999px){
  .image-with-text-block--overlap .image-with-text-block__content{    
    margin-top: -30px;
  }
  .image-with-text-block .image-with-text-block__content{
    padding: 40px 30px;
  }
}

/*================ promotion-block ================*/
.promotion-block-list {  
  --promotion-block-gutter: 28px;
}

.promotion-block__content-wrapper .heading--small{
  font-size: 12px;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
@media screen and (min-width: 1200px){
  .promotion-block--large {
    --promotion-block-min-height: 440px;
  }
  .promotion-block{
    --promotion-block-padding: 40px;
  }  
}
@media screen and (max-width: 740px){
  .promotion-block-list {   
    --promotion-block-gutter: 22px;    
  }
  .promotion-block{
    padding: 40px 30px;
  }
}
/* Text */
.promotion-block__content-wrapper .h4{
  font-size: 20px;
  letter-spacing: 0.08em;
  margin: 8px 0;
  font-weight: 600;
}
.promotion-block__content-wrapper .link{
  margin-top: 22px;
}
.promotion-block__product-list-prev-next button:disabled svg{
 opacity: 0.3;
}
@media screen and (max-width: 740px){
  .promotion-block__content-wrapper .heading--small{
    font-size: 10px;
  }
  .promotion-block__content-wrapper .h4{
    font-size: 16px;    
  }
  .promotion-block__content-wrapper .link{
    font-size: 10px;
    margin-top: 17px;
  }
  .promotion-block__product-list-prev-next button:disabled svg{
   opacity: 0.3;
  }
}

/* Quote */
.promotion-block--quote:before{
  width: 50px;
  height: 39px;
  background: url(/cdn/shop/files/icon_quote.svg?v=1683177766)no-repeat;  
  background-size: contain;
  -webkit-mask-image: none;
  mask-image: none;  
}
.promotion-block--quote .heading--small{
  color: rgba(62,62,62,0.5);
}
.promotion-block--quote .h5{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
}
.promotion-block--quote__author{
  font-size: 13px;
  letter-spacing: 0.04em;
  margin-top: 48px;
}
@media screen and (max-width: 740px){
  .promotion-block--quote:before{
    width: 38px;
    height: 30px;    
  }
  .promotion-block--quote .heading--small{    
  }
  .promotion-block--quote .h5{
    font-size: 10px;
  }
  .promotion-block--quote__author{
    font-size: 10px;    
    margin-top: 21px;
  }
}

/* Product */
.promotion-block--products .prev-next-button{
  border: none;
}
.promotion-block__product-list .product-item__image-wrapper{
  max-width: 220px;
}
.promotion-block__product-list .product-item__info{
  max-width: 220px;
  margin: 0 auto;
}
@media screen and (max-width: 740px){
  .promotion-block--products{
    padding: 42px 30px!important;
  }
  .promotion-block__product-list .product-item__image-wrapper{
    max-width: 200px;
  }
  .promotion-block__product-list .product-item__info{
    max-width: 200px;
  }
}

/* Newsletter */
.promotion-block--newsletter .h4{
  font-family: aktiv-grotesk;
  font-size: 32px;
  font-weight: 400;
  margin: 5px 0 25px;
}
.promotion-block--newsletter form{
  margin-top: 35px;
}
.promotion-block--newsletter .input{
  position: relative;
  max-width: 347px;  
  width: 100%;
  margin: 0 auto;  
}
.promotion-block--newsletter .input__label{
  left: 20px;
  padding: 0;  
  bottom: 20px;
  line-height: 1;
  font-size: 14px;
}    
.promotion-block--newsletter input[type="email"]{
  border: none;  
  border-radius: 0;
  padding: 0 20px;
  background: rgba(0,0,0,0.04);
  height: 52px;
}
.promotion-block--newsletter button[type="submit"]{
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  width: 52px;
}
@media screen and (max-width: 740px){
  .promotion-block--newsletter .h4{    
    font-size: 22px;    
    margin-bottom: 19px;
  }
  .promotion-block--newsletter form{
    margin-top: 26px;
  }
  .promotion-block--newsletter .input{    
    max-width: none;    
  }
  .promotion-block--newsletter .input__label{    
    font-size: 16px;
    color: rgba(62,62,62,0.3);
  }    
  .promotion-block--newsletter input[type="email"]{    
    padding: 0 23px;    
    height: 58px;
  }
  .promotion-block--newsletter button[type="submit"]{
    position: absolute;
    right: 0;
    top: 0;
    height: 58px;
    width: 58px;
  }
  .promotion-block--newsletter .input__field:focus-within ~ .input__label, .promotion-block--newsletter .is-filled ~ .input__label{
    color: #000000;
  }
}

/*================ Gallery ================*/
.gallery__prev-next-buttons{
  display: flex;
  flex-wrap: wrap;
  width: 54px;
}
.gallery__prev-next-buttons .prev-next-button:not(.prev-next-button--small){
  height: 54px;
  width: 54px;
}
.gallery__prev-next-buttons .prev-next-button--prev{
  order: 2;
}
.gallery__prev-next-buttons .prev-next-button--next{
  order: 1;
}
.gallery__prev-next-buttons button{
  background: #FFF;
}
.gallery .progress-bar{  
  height: 1px;
  margin-top: 70px;
}
.gallery .progress-bar::before{
  height: 1px;
}
[dir="ltr"] .gallery__item:not(:first-child){
  margin-left: 25px;
}
@media screen and (max-width: 740px){
  .gallery .progress-bar{
    margin-top: 50px;
  }
  .gallery__caption{
    font-size: 10px;
  }
  [dir="ltr"] .gallery__item:not(:first-child){
    margin-left: 15px;
  }
}

/*================ FAQ ================*/

.faq__category{
  font-size: 18px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  background: none;  
  text-align: center;
  font-weight: 600;
  padding-bottom: 32px;
  padding-top: 65px;
  margin: 0;
}
.faq__category:first-child{
  padding-top: 0;
}
.faq__item{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  border-top: 1px solid rgba(var(--text-color), 0.15);
}
.faq__item:last-child{
  border-bottom: 1px solid rgba(var(--text-color), 0.15);
}
.faq__item + .faq__category{
  border-top: 1px solid rgba(var(--text-color), 0.15);
  margin-top: 0;
}

.faq__item .animated-plus::before{
  width: 11px;
  height: 1px;  
}
.faq__item .animated-plus::after{
  width: 1px;
  height: 11px;  
}
.faq__item .collapsible-toggle {  
  padding: 23px 20px 23px 0;
}
.faq__item .collapsible__content{
  padding-left: 40px;
}
@media screen and (min-width: 1000px){
  .faq__wrapper {
    max-width: 992px;
    width: 992px;
  }
}
@media screen and (max-width: 740px){
  .faq{
    margin-left: 0;
    margin-right: 0;
  }
  .faq__category{
    font-size: 16px;
    padding: 40px 0 24px;
  }
  .faq__item{
    font-size: 10px;
    padding: 0; 
  }
  .faq__item .collapsible-toggle {    
    padding: 19px 10px 19px 0;    
  }
  .faq__item .collapsible__content{
    padding-left: 20px;    
  }
}

/*================ Text width icons ================*/
.text-with-icons__list{
  grid-gap: 0;
  gap: 0;
  grid-auto-columns: unset;
  margin: 0;
}
.text-with-icons__item{
  border-right: 1px solid #E0E0E0;
  padding: 0 56px;
}
.text-with-icons__item:last-child{
  border-right: none;
}

.text-with-icons__icon-wrapper{
  margin-bottom: 24px;
}
.text-with-icons__content-wrapper .heading--small{
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 24px;
}
.text-with-icons__description{
  font-size: 13px;
  letter-spacing: 0.04em;  
  line-height: 2;
  text-align: left;
}

.text-with-icons__button-wrapper{
  margin-top: 15px;
}

@media screen and (max-width: 1000px){
  .text-with-icons--sp-fixed .text-with-icons__list{
    display: block;
    margin: 0;
  }
  .text-with-icons__item{
    border-right: none;
    border-bottom: 1px solid #E0E0E0;
    padding: 40px 0;
  }
  .text-with-icons__item:first-child{
    padding-top: 0;
  }
  .text-with-icons__item:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }
}

/*================ Drawer ================*/
/* 共通 */
.drawer{
  background: #F2F2F0;
}
.drawer[open] > .drawer__overlay{
  opacity: 0.6;
}
.drawer__header{
  display: flex;
  justify-content: space-between;
  padding: 32px 46px;
}
.drawer__close-button img{
  display: block;
}
.drawer__content{  
  padding: 40px 46px 0;
  letter-spacing: 0.04em;
}
.drawer__header-action{
  margin-right: 30px;
}
@media screen and (max-width: 740px){
  .drawer__header{    
    padding: 26px 30px;    
  }
  .drawer__title{
    font-size: 14px;
  }
  .drawer__content{    
    padding: 30px 30px 0 30px;    
  }
  .drawer__header-action{
    margin-right: 30px;
  }
}
/* Mobile Menu */
@media screen and (max-width: 740px){  
  #mobile-menu-drawer{
    transform: translateX(calc(var(--transform-logical-flip) * -100%));
    left: 0;
    right: auto;
  }  
  #mobile-menu-drawer[open]{
    transform: translateX(0);
    visibility: visible;
  }
  #mobile-menu-drawer[open] > .drawer__overlay{
    left: 100%;
  }
}
/* drawer__logo */
.drawer__logo{
  margin-bottom: 40px;
}
@media screen and (max-width: 740px){
  .drawer__logo{
    margin-bottom: 30px;
  }
}
/* mobile nav */
#mobile-menu-drawer{
  max-width: 456px;
}
.mobile-nav--01{
  border-top: 1px solid #DEDEDA;
}
.mobile-nav__link{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;  
}
.mobile-nav__link--01{
  padding: 28px 12px;
}
.mobile-nav .mobile-nav .mobile-nav__link--02{
  padding: 0 12px 0 45px;
}
.mobile-nav .mobile-nav .mobile-nav__link--03{
  padding: 0 12px 0 75px;
  font-size: 12px;
  color: #8B8B8B;
}
.mobile-nav__item:not(:last-child){
  border-bottom: 1px solid #DEDEDA;
}
@media screen and (max-width: 740px){
  .mobile-nav__link--01{
    padding: 24px 9px;
  }
  .mobile-nav .mobile-nav .mobile-nav__link--02{
    padding: 0 9px 0 18px;
    font-size: 12px;
  }
  .mobile-nav .mobile-nav .mobile-nav__link--03{
    padding: 0 12px 0 50px;
    font-size: 12px;    
  }
}

/* mobile-nav-brand */
.mobile-nav-brand{
  padding: 50px 12px;
  border-top: 1px solid #DEDEDA;
}
.mobile-nav-brand__title{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-bottom: 32px;
  font-weight: 600;
}
.mobile-nav-brand__menu{
  list-style: none;
  margin: 0;
  padding: 0 0 0 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.mobile-nav-brand__item a{
  display: flex;
  align-items: center;  
}
@media screen and (max-width: 740px){
  .mobile-nav-brand{
    padding: 40px 9px;    
  }
  .mobile-nav-brand__menu{    
    padding: 0 0 0 9px;    
  }
}

/* mobile nav sub */
.mobile-nav-sub{
  list-style: none;
  margin: 0;
  padding: 35px 12px;
  font-size: 12px;
  letter-spacing: 0.04em;
  border-top: 1px solid #DEDEDA;
}
.mobile-nav-sub__item a{
  display: block;
  width: 100%;
  padding: 7px 0;
  line-height: 1.5;
  font-weight: 600;
}bile
@media screen and (max-width: 740px){
  .mobile-nav-sub{    
    padding: 40px 9px;    
  }
}

/* drawer footer */
.drawer__footer{
  background: #F2F2F0;
}
.drawer__footer--bordered{
  box-shadow: none;  
  background: #DEDEDA;
  padding: 27px 58px;
  font-size: 14px;
  letter-spacing: 0.04em;
}
[dir="ltr"] .drawer__footer::before{
  display: none;
}
@media screen and (max-width: 740px){
  .drawer__footer--bordered{    
    padding: 23px 39px;    
  }
}

/* Filter */
#facet-filters-form .tag{
  font-size: 12px;
}

/* Mini Cart */
.mini-cart{
  background: #F2F2F0;
}

/*================ FooterBrandMenu ================*/
.FooterBrandMenu{
  display: flex;
  padding: 88px 0;
}
.FooterBrandMenu .Item{
  padding: 0 5%;
  width: 25%;
}
.FooterBrandMenu .Item:first-child{
  padding-left: 30px;
}
.FooterBrandMenu .Item:last-child{
  padding-right: 30px;
}
.FooterBrandMenu .Item:not(:last-child){  
  border-right: 1px solid #E0E0E0;
}
.FooterBrandMenu .Item__Logo{
  display: block;
  margin-bottom: 45px;
}
.FooterBrandMenu .Item__ListWrap{
  list-style: none;
  padding: 0;
}
.FooterBrandMenu .Item__List{
  font-size: 12px;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.5;
}
.FooterBrandMenu .Item__List:not(:first-child){
  margin-top: 11px;
}
.FooterBrandMenu .Item__List a{
  display: block;
}
.FooterBrandMenu .Item__List a:before{
  content: "-";
  margin-right: 5px;
}
@media screen and (max-width: 1000px){
  .FooterBrandMenu{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
    padding: 60px 14px;
  }
  .FooterBrandMenu .Item{
    padding: 0;
    width: 100%;
    border: none;
  }    
  .FooterBrandMenu .Item:first-child{
    padding-left: 0;
  }
  .FooterBrandMenu .Item:last-child{
    padding-right: 0;
  }
  .FooterBrandMenu .Item:not(:last-child){  
    border-right: none;
  }
  .FooterBrandMenu .Item__Logo{    
    margin-bottom: 29px;
  }
  .FooterBrandMenu .Item__List a {  
    font-weight: 500;
  }
  .FooterBrandMenu .Item__List:not(:first-child){
    margin-top: 9px;
  }  
}
/*============================================================================
  #Product
==============================================================================*/

.product{  
  margin: 44px 0 80px 0;
}
@media screen and (min-width: 1000px){
  .product:not(.product--featured) {
    margin-bottom: 120px;
  }
  .product__thumbnail-list-inner {
    gap: 7px;
  }
  .product--thumbnails-left .product__thumbnail-list {
    max-height: calc((var(--product-media-width) - 265px) / var(--largest-image-aspect-ratio));
  }
}

@media screen and (min-width: 1200px){
  .product__media {
    --product-media-width: 630px;
  }
  .product__info {
    --product-info-width: 490px;
  }
}



/*================ Product Media ================*/
[dir="ltr"] .product__media{
  padding: 0;
}
.product__thumbnail{
  padding: 3px;
}
.product__thumbnail::after{
  box-shadow: none;
  border: 1px solid #707070;
}
.product__zoom-button{
  width: 30px;
  height: 30px;
  background: #FFF;;  
}
[dir="ltr"] .product__zoom-button{
  right: 10px;
  bottom: 10px;  
}
@media screen and (min-width: 1000px){
  [dir="ltr"] .product--thumbnails-left .product__thumbnail-list {
    margin-right: 30px;
  }
  .product--thumbnails-left .product__thumbnail{
    width: 62px;
    min-width: 62px;
  }
}
@media screen and (max-width: 740px){
  .product__thumbnail{
    width: 56px;
    min-width: 56px;
    height: 56px;
  }
  .product__thumbnail img{
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}

/*================ Product Meta ================*/
.product-meta{
  margin: 50px 0 42px 0;  
  padding-bottom: 0;
  border: none;  
}
.product-meta__title{
  line-height: 1.7;
  font-size: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 32px;
}
.product-meta__price-list-container .price{
  font-size: 22px;
}
.product-meta__price-list-container .price--compare{
  margin-left: 10px;
}
.product-meta__price-list-container .price-list:after{
  content: "(税込)";
  display: inline-block;
  font-size: 12px;
  margin-left: 12px;
}
.product-meta__label-list .label{  
  line-height: 28px;
  padding: 0 12px;
}
@media screen and (max-width: 740px){
  .product-meta{
    margin: 50px 0 35px 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #DEDEDA;  
  }
  .product-meta__title{    
    font-size: 18px;
    letter-spacing: 0.04em;
    margin-bottom: 22px;
  }
  .product-meta__price-list-container .price{
    font-size: 20px;
  }
  .product-meta__label-list .label{  
    line-height: 26px;    
  }
}
/* Social Share */
.product-meta__aside{
  margin-top: 50px;
}
[dir="ltr"] .product-meta__share-label{
  margin-right: 40px;
  font-family: "aktiv-grotesk";
  font-size: 14px;
  letter-spacing: 0.04em;
}
.product-meta__share-button-list{
  gap: 20px;
}
.product-meta__share-button-item{
  transition: none;
}
.product-meta__share-button-item img{
  display: block;  
}
.product-meta__share-button-item svg{
  color: #3E3E3E;
}
.product-meta__share-button-item:hover svg,
.product-meta__share-button-item:hover img{
  opacity: 0.6;  
}
.product-meta__share-button-item--facebook{
  margin-right: 4px;
}
/* info */
.product-meta__info{
  display: flex;    
}
.product-meta__info + .product-meta__info,
.product-meta__info-description + .product-meta__info{
  margin-top: 15px;
}
.product-meta__info-label{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 20px;
}
.product-meta__info-content{
  color: #8B8B8B;
}
.product-meta__info-content a{
  text-decoration: underline;
  margin-left: 10px;
}
.product-meta__info-description{
  width: 100%;
  margin: 5px 0 15px 0;
  font-size: 12px;
  color: #8B8B8B;
}

/*================ Product Form ================*/
.product-form{
  /*
  grid-row-gap: 15px;
  row-gap: 15px;
  */
  display: block;
  grid-row-gap: 0;
  row-gap: 0;
}

.product-form__option-info,
.product-form__quantity-label{
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 17px;  
}

/* Layout */
.product-form__custom-liquid,
.product-form__quantity,
.product-form__variants,
.product-form__inventory-wrapper,
.product-form__line-item-property,
.product-form__image,
.product-form__description{
  margin: 30px 0;
}
@media screen and (max-width: 740px){
  .product-form__custom-liquid,
  .product-form__quantity,
  .product-form__variants,
  .product-form__inventory-wrapper,
  .product-form__line-item-property,
  .product-form__image,
  .product-form__description{
    margin: 34px 0;
  }  
}
/* swatch */
.variant-swatch__item{
  border: none;
}
.variant-swatch__item::after{
  border: 1px solid #707070;
  box-shadow: none;
}
/* Quairnty */
.product-form__quantity .quantity-selector{
  height: 58px;
}
.product-form__quantity .quantity-selector__button{
  height: 58px;
  width: 56px;
}
.product-form__quantity .quantity-selector__input{
  height: 58px;
  padding: 0 4px;
}
/* submit */
.product-form__payment-container{
  margin-top: 40px;
}
#AddToCart{
  line-height: 74px;
}
@media screen and (max-width: 740px){
  .product-form__payment-container{
    margin-top: 38px;
  }
  #AddToCart{
    line-height: 70px;
  }
}




/*================ Product Content ================*/

.product-content{
  margin: 0;
}
.product-tabs__content h2,
.product-tabs__content h3{
  font-size: 14px;
}

@media screen and (max-width: 740px){
  .product-content{
    padding: 0 22px;
  }
  .product-tabs__tab-item-wrapper{
    padding: 0;
  }
  .product-content .collapsible-toggle{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 22px 0;
    position: relative;
  }  
  .product-content .collapsible-toggle:before,
  .product-content .collapsible-toggle:after{
    content: "";
    width: 10px;
    height: 1px;
    background-color: #3E3E3E;
    position: absolute;
    right: 12px;
    top: 50%;
    transition: 0.4s;
    transform: translateY(-50%);
  }
  .product-content .collapsible-toggle:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .product-content .collapsible-toggle[aria-expanded="true"]:after {
    transform: rotate(0);
    top: calc( 50% - 0.5px );
    transition: 0.4s;
  }  
}


/* spec */
.product-tabs__tab-item-wrapper.spec table{
  border-top: 1px solid #DEDEDA;
  border-left: 1px solid #DEDEDA;
}
.product-tabs__tab-item-wrapper.spec tr td:first-child{
  font-weight: 600;
  background: #FAFAFA;
  padding: 19px 15px!important;
  width: 148px;
}
.product-tabs__tab-item-wrapper.spec table td{
  border-right: 1px solid #DEDEDA;
  border-bottom: 1px solid #DEDEDA;
  padding: 19px 28px!important;
  line-height: 1.5;
}
.product-tabs__tab-item-wrapper.spec table th{
  border-right: 1px solid #DEDEDA;
  border-bottom: 1px solid #DEDEDA;
  padding: 19px 15px!important;
  line-height: 1.5;
  font-weight: 700;
  background: #FAFAFA;
}
@media screen and (max-width: 740px){ 
  .product-tabs__tab-item-wrapper.spec tr td:first-child{    
    padding: 19px 15px!important;
    width: 105px;
  }
  .product-tabs__tab-item-wrapper.spec table td{
    font-size: 12px;
    padding: 18px 20px!important;    
  }
  .product-tabs__tab-item-wrapper.spec table th{
    font-size: 12px;    
    padding: 18px 15px!important;    
  }
}
/* faq */
.product-faq-list{
  font-size: 13px;
}
.product-faq-list__item{
 line-height: 1.7; 
}
.product-faq-list__item + .product-faq-list__item{
  margin-top: 15px;
}
.product-faq-list__item:before{
  display: inline-block;
  content: "Q.";
  font-size: 18px;
  font-family: aktiv-grotesk;
}

/* blog */
.product-blog-list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
.product-blog-list__item{
  width: calc( 50% - 12px );
}
.product-blog-list__item img{
  margin: 0 0 16px 0!important;
}
@media screen and (max-width: 414px){
  .product-blog-list{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .product-blog-list__item{
    width: 100%;
  }
}


@media screen and (min-width: 1200px){
  .product-content__tabs:only-child {
    max-width: 630px;
    margin-left: 0;
  }
}
@media screen and (min-width: 1000px){
  .product-tabs__tab-item-wrapper .collapsible{
    overflow-x: hidden;
  }
}



/*================ Sticky add cart ================*/
.product-sticky-form{
  padding: 5px 0;
}
.product-sticky-form__title{
  letter-spacing: 0.02em;
  font-size: 12px;
}
.product-sticky-form__price{
  font-family: "aktiv-grotesk";
}
.product-sticky-form__variants .select{
  height: 40px;
  font-size: 12px;
}
.combo-box__option-item{
  font-size: 12px;
}
.product-sticky-form__form .button{
  line-height: 1;
  height: 40px;
  font-size: 12px;
}


/*============================================================================
  #Collection
==============================================================================*/

/*================ Collection Hearo ================*/
.shopify-section--collection-banner h1{
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 600;
  line-height: 1.5;
}
.shopify-section--collection-banner .image-overlay--small{
  --image-height: 160px;
}
.shopify-section--collection-banner .image-overlay--medium {
  --image-height: 375px;
}
@media screen and (max-width: 740px){
  .shopify-section--collection-banner .page-header__text-wrapper{
    margin: 40px 0;
  }
}
@media screen and (min-width: 741px){
  .shopify-section--collection-banner h1{
    font-size: 24px;
  }
  .shopify-section--collection-banner .image-overlay--small {
    --image-height: 220px;
  }
  .shopify-section--collection-banner .image-overlay--medium {
    --image-height: 400px;
  }
}

/*================ Collection Description ================*/
.collection-description-bottom{
  margin: 80px 0 40px 0;
  font-size: 12px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 740px){
  .collection-description-bottom{
    margin: 40px 0 16px 0;
    font-size: 10px;
    line-height: 2;
  }
}

/*================ Collection Filter ================*/
.product-facet__meta-bar{
  margin-bottom: 28px;
}
[dir="ltr"] .product-facet__meta-bar-item--filter {
  margin-right: 39px;
}
[dir="ltr"] .product-facet__meta-bar-item .icon--filters {
  margin-right: 21px;
}
.product-facet__meta-bar-item--filter{
  font-weight: 600;  
}
[dir="ltr"] .product-facet__sort-by-title{
  margin-right: 22px;
}
.product-facet__sort-by-title{
  font-weight: 600;  
}
[dir="ltr"] .product-facet__meta-bar-item--sort .popover-button svg {
  margin-left: 20px;
}
.mobile-toolbar__item{
  letter-spacing: 0.04em;  
}
.mobile-toolbar__item--sort svg{
  display: block;
  margin-left: 8px;
}
@media screen and (max-width: 740px){
  .product-facet__meta-bar{
    display: block;
    margin-bottom: 15px;  
    font-size: 11px;
  }
}


/*============================================================================
  #Page
==============================================================================*/

.page-description{
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 740px){
  .page-description{
    font-size: 10px;
  }
}

/*================ Contact ================*/

.page-content--contact .c-acordion{
  margin: 46px 0 50px 0;
}
.page-content--contact .c-text-width-button{
  margin: 50px 0;
}
.contact__form{
  max-width: none;
}


.page-content--contact .c-text-width-button__button a{
  color: #fff;
  background: #000;
  font-weight: bold;
}

.page-content--contact .c-text-width-button__text{
  color: #000;
}

.page-content--contact .c-text-width-button{
  background: #dcdcdc;
}

@media screen and (max-width: 740px){
  .page-content--contact .c-acordion{
    margin: 36px 0 40px 0;
  }
  .page-content--contact .c-text-width-button{
    margin: 40px 0;
  }
}
/* Contact Caption */
.contact-form-caption{  
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}
.contact-form-caption span{
  color: #FF0000;
}
@media screen and (max-width: 740px){
  .contact-form-caption{  
    font-size: 10px;
  }
}
/* Contact label */
.contact__form .input__label--required:after{
  content: "*";
  color: #FF0000;
  margin-left: 3px;
}
.contact__form .input__label {
  background: #FFF;
  font-size: 12px;
  letter-spacing: 0.04em;
  left: 25px;
  top: calc(30px - 0.5em);
  color: #000;
}
.contact__form .input__field:focus-within ~ .input__label, .contact__form .is-filled ~ .input__label{
  transform: scale(0.733) translateY(calc(-30px - 0.5em)) translateX(calc(5px * 0.733));  
}
@media screen and (max-width: 740px){
  .contact__form .input__label {
    font-size: 10px;
    left: 20px;
    top: calc(25px - 0.5em);
  }
  .contact__form .input__field:focus-within ~ .input__label, .contact__form .is-filled ~ .input__label{
    transform: scale(0.733) translateY(calc(-25px - 0.5em)) translateX(calc(5px * 0.733));  
  }
}
/* Contact Input */
.contact__form input,
.contact__form select,
.contact__form textarea{
  border-color: #DEDEDA;
  border-radius: 3px;
  height: 60px;
  padding: 0 25px;
  background: #FFF;
}
.contact__form textarea{
  padding: 25px;
  height: 270px;
}
.contact__form .input + .input{
  margin-top: 20px;
}
#contact-form-output{
  margin-top: var(--form-input-gap);
}
.contact__form p{  
  letter-spacing: 0.04em;
  font-size: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 740px){
  .contact__form input,
  .contact__form select,
  .contact__form textarea{
    height: 50px;
    padding: 0 20px;
  }
  .contact__form textarea{
    padding: 20px;
    height: 270px;
  }
  .contact__form p{  
    font-size: 10px;
  }
}

/* Contact Policy */
.contact-form-policy{
  text-align: center;  
  letter-spacing: 0.04em;
  font-size: 12px;
  margin-top: 50px;
}
.contact-form-policy label{
  cursor: pointer;
}
.contact-form-policy a{
  text-decoration: underline;
}
.contact-form-policy input{ 
  display: none; 
} 
.contact-form-policy input:checked + span::after { 
  opacity: 1; 
} 
.contact-form-policy span { 
  box-sizing: border-box; 
  cursor: pointer; 
  display: inline-block;
  padding: 0 0 0 30px; 
  position: relative; 
  width: auto;
}
.contact-form-policy span:before{
  background: #fff; 
  border: 1px solid #DEDEDA; 
  content: ''; 
  display: block; 
  height: 19px; 
  width: 19px; 
  border-radius: 3px;
  position: absolute; 
  left: 0;
  margin-top: -9px;
  top: 50%;   
}
.contact-form-policy span:after{
  opacity: 0;
  border-right: 1px solid #3E3E3E;
  border-bottom: 1px solid #3E3E3E;
  content: ''; 
  display: block; 
  height: 9px; 
  width: 5px;
  position: absolute; 
  left: 7px;
  top: 50%; 
  transform: rotate(45deg); 
  margin-top: -5px;  
}
@media screen and (max-width: 740px){
  .contact-form-policy{    
    font-size: 10px;
    margin-top: 40px;
  }
}
/* Contact Submit */
.contact-form-submit{
  text-align: center;
}
.contact-form-submit .form__submit{
  max-width: 208px;
  margin-top: 38px;
}
.contact-form-submit .form__submit:disabled{
  background: #CCC;
}
#contact_form .alert{
  margin-top: 40px;
  color: red;
  font-weight: 700;
}
@media screen and (max-width: 740px){
  .contact-form-submit .form__submit{
    max-width: 160px;
    margin-top: 30px;  
  }
  .contact-form-submit .form__submit.button:not(.button--text){
    font-size: 11px;
  }
}

/*================ FAQ ================*/

#faq{
  margin-top: -80px;
  padding-top: 80px;
}

.filter-list--fap{
  margin: 50px 0;
}

/* FAQ List */
.faq-list__wrap{
  border-top: 1px solid #DEDEDA;
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-list__list{  
  border-bottom: 1px solid #DEDEDA;  
  letter-spacing: 0.04em;
}
.faq-list__list a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 20px 25px 0;
  line-height: 1.7;
}
.faq-list__list a:hover{
  text-decoration: underline;
}
.faq-list__title{
  display: flex;
  align-items: center;  
}
.faq-list__list .faq-list__title:before{
  content: "Q";
  font-family: aktiv-grotesk;
  background: #484848;
  color: #FFF;
  border-radius: 50%;
  min-width: 26px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;  
  margin-right: 17px;
  font-size: 12px;
}
.faq-list__list svg{
  margin-left: 20px;
}
@media screen and (max-width: 740px) {
  .filter-list--fap{
    margin: 40px 0 50px 0;
  }
  .faq-list__list a{    
    padding: 27px 10px 27px 0;
    font-size: 12px;
    line-height: 1.8;
  }
  .faq-list__list .faq-list__title:before{
    font-size: 10px;
    min-width: 22px;
    width: 22px;
    height: 22px;
    margin-right: 15px;
  }
  .faq-list__list svg{
    margin-left: 20px;
  }
}

/*================ Manual ================*/

.manual-row {
  max-width: 1000px;
  margin: 0 auto 120px;  
}
.manual-description{
  font-size: 12px;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 2;
  margin-bottom: 66px;
}
.manual .filter-list{
  margin-bottom: 80px;
}
@media screen and (max-width: 740px) {
  .manual-row {
    margin-bottom: 64px;
  }
  .manual-description{
    font-size: 10px;
    margin-bottom: 46px;
  }
  .manual .filter-list{
    margin-bottom: 49px;
  }
}
/* Manual Search */
.manual-search {
  margin-bottom: 40px;
  position: relative;
}
.manual-search svg {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 33px;
}
.manual-search input {
  width: 100%;
  border: 1px solid #DEDEDA;  
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  font-size: 12px;
  letter-spacing: 0.03em;
  border-radius: 3px;  
}
.manual-search-title{
  letter-spacing: 0.04em;
  border-bottom: 1px solid #DEDEDA;
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;  
}
@media screen and (max-width: 740px) {
  .manual-search {
    margin-bottom: 25px;
  }
  .manual-search svg {
    right: 20px;
  }
  .manual-search input {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-size: 10px;
  }
  .manual-search-title{
    font-size: 13px;
    padding-bottom: 21px;
  }
}
/* Manual Group */
.manual-group {
  overflow: hidden;
}
.manual-current-group {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-bottom: 30px;
  border-bottom: 1px solid #E8E8E8;
  font-weight: 600;
  font-family: aktiv-grotesk;
}
.manual-group + .manual-group {
  margin-top: 88px;
}
@media screen and (max-width: 740px) {
  .manual-current-group {
    font-size: 13px;
    padding-bottom: 21px;
  }
  .manual-group + .manual-group {
    margin-top: 59px;
  }
}
/* Manual List */
.ManualList{
  list-style: none;
  margin: 0;
  padding: 0;
}
.ManualList .Item{
  display: flex;    
  border-bottom: 1px solid #DEDEDA;
  padding: 27px 0;  
  letter-spacing: 0.04em;
  font-size: 12px;
  line-height: 1.7;
}
.ManualList .Item a{
  text-decoration: underline;
}
.ManualList .Item__Sku{
  width: 110px;
  padding-right: 20px;
}
.ManualList .Item__PDF{
  margin-left: auto;  
  padding-left: 20px;
}
.ManualList .Item__PDF a{
  display: flex;
  align-items: center;
}
.ManualList .Item__PDF a:after{
  content: "";
  display: block;
  background: url(/cdn/shop/files/icon_dl.svg?v=1682820015)no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: 12px;
}
@media screen and (max-width: 740px) {
  .ManualList .Item{
    display: block;
    font-size: 10px;
    padding: 25px 0;
  }
  .ManualList .Item__Sku{
    width: 100%;
    padding-right: 0;
  }
  .ManualList .Item__PDF{
    padding-left: 0;
  }
  .ManualList .Item__Title{
    margin-top: 9px;
  }
  .ManualList .Item__PDF{
    margin-top: 9px;
  }
  .ManualList .Item__PDF a:after{    
    background: url(/cdn/shop/files/icon_dl.svg?v=1682820015)no-repeat;
    background-size: contain;
    width: 11px;
    height: 11px;
  }
}


/*================ About Draw a line ================*/
/* about-drawaline-description */
.about-drawaline-description{
  padding: 180px 0;
  text-align: center;
}
.about-drawaline-description h2{
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.about-drawaline-description p{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 37px;
}
@media screen and (max-width: 740px) {
  .about-drawaline-description{
    padding: 77px 0 117px;    
  }
  .about-drawaline-description h2{
    font-size: 16px;    
  }
  .about-drawaline-description p{    
    margin-top: 33px;
  }
}
/* about-drawaline-feature */
.about-drawaline-feature__title{
  text-align: center;
  margin-bottom: 127px;
}
.about-drawaline-feature__title span{
  font-family: aktiv-grotesk;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
.about-drawaline-feature__title span:after{
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #3E3E3E;
  position: absolute;
  bottom: -4px;
  left: 0;
}
@media screen and (max-width: 740px) {
  .about-drawaline-feature__title{    
    margin-bottom: 67px;
  }
  .about-drawaline-feature__title span{    
    font-size: 14px;    
  }
}
/* about-drawaline-feature__pickup */
.about-drawaline-feature__pickup{
  display: flex;  
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 200px;
}
.about-drawaline-feature__pickup .item__image{
  width: 473px;
  position: relative;
}
.about-drawaline-feature__pickup .item__image-caption{
  color: #7B7B7B;
  font-size: 12px;
  margin-top: 20px;
}
.about-drawaline-feature__pickup .item__image-sub{
  width: 270px;
  position: absolute;
  right: -172px;
  bottom: -200px;  
}
.about-drawaline-feature__pickup .item__info{
  width: calc( 100% - 473px );
  padding-left: 65px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;  
}
.about-drawaline-feature__pickup .item__title{
  font-size: 18px;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.5;
}
.about-drawaline-feature__pickup .item__description{
  font-size: 13px;
  letter-spacing: 0.04em;  
  line-height: 2;
  margin-top: 27px;
}
@media screen and (max-width: 1000px) {
  .about-drawaline-feature__pickup .item__image{
    width: 400px;
  }
  .about-drawaline-feature__pickup .item__info{
    width: calc( 100% - 400px );
    padding-left: 40px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 740px) {
  .about-drawaline-feature__pickup{
    display: block;
    padding-bottom: 0;
  }
  .about-drawaline-feature__pickup .item__image{
    width: 100%;
    padding-bottom: 125px;
    padding-right: 86px;
  }  
  .about-drawaline-feature__pickup .item__image-sub{
    width: 173px;
    right: 0;
    bottom: 30px;
  }
  .about-drawaline-feature__pickup .item__info{
    width: 100%;
    padding: 0;
    display: block;
  }
  .about-drawaline-feature__pickup .item__title{
    font-size: 16px;    
  }
  .about-drawaline-feature__pickup .item__description{
    margin-top: 33px;
  }
}
@media screen and (max-width: 375px) {
  .about-drawaline-feature__pickup .item__image{
    padding-right: 60px;
    padding-bottom: 110px;
  }
  .about-drawaline-feature__pickup .item__image-sub{
    width: 150px;
    bottom: 30px;    
  }
}
@media screen and (max-width: 320px) {
  .about-drawaline-feature__pickup .item__image{
    padding-right: 50px;
    padding-bottom: 90px;
  }
  .about-drawaline-feature__pickup .item__image-sub{
    width: 120px;
    bottom: 40px;
  }
  .about-drawaline-feature__pickup .item__image-caption{
    font-size: 10px;
  }
}

/* about-drawaline-feature__column */
.about-drawaline-feature__column{
  margin: 128px 0;
}
.about-drawaline-feature__column-title{
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-bottom: 47px;
}
.about-drawaline-feature__column .item-wrap{
  display: flex;  
}
.about-drawaline-feature__column .item__info{
  margin-top: 35px;
}
.about-drawaline-feature__column .item__title{
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
.about-drawaline-feature__column .item__title--center{
  text-align: center;
}
.about-drawaline-feature__column .item__description{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 32px;
}
.about-drawaline-feature__column .item-wrap--col3{
  margin-left: -25px;
  margin-right: -25px;
}
.about-drawaline-feature__column .item-wrap--col3 .item{
  width: calc( 100% / 3 );
  padding: 0 25px;
}
.about-drawaline-feature__column .item-wrap--col2{
  margin-left: -20px;
  margin-right: -20px;
}
.about-drawaline-feature__column .item-wrap--col2 .item{
  width: calc( 100% / 2 );
  padding: 0 20px;
}
@media screen and (max-width: 1000px) {
  .about-drawaline-feature__column .item-wrap--col3{
    margin-left: -15px;
    margin-right: -15px;
  }
  .about-drawaline-feature__column .item-wrap .item{
    padding: 0 15px;
  }
}
@media screen and (max-width: 740px) {
  .about-drawaline-feature__column{
    margin: 100px 0;
  }
  .about-drawaline-feature__column-title{
    font-size: 16px;    
    margin-bottom: 33px;
  }
  .about-drawaline-feature__column .item + .item{
    margin-top: 56px;
  } 
  .about-drawaline-feature__column .item-wrap{
    display: block;
  }
  .about-drawaline-feature__column .item__info{
    margin-top: 30px;
  }
  .about-drawaline-feature__column .item__description{
    margin-top: 25px;
  }
  .about-drawaline-feature__column .item-wrap--col3{
    margin: 0;
  }
  .about-drawaline-feature__column .item-wrap--col3 .item{
    width: 100%;
    padding: 0;
  }
  .about-drawaline-feature__column .item-wrap--col2{
    padding: 0 25px;
  }
  .about-drawaline-feature__column .item-wrap--col2 .item{
    width: 100%;
    padding: 0;
  }
}

/* about-drawaline-team */
.about-drawaline-team{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #FAFAFA;
  padding: 100px 0;
}
.about-drawaline-team__wrap{
  padding: 85px 230px;
  background: #FFF;
}
.about-drawaline-team__title{
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  font-family: aktiv-grotesk;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
}
.about-drawaline-team__logo{
  margin-bottom: 60px;  
  text-align: center;
}
.about-drawaline-team_logo img{
  display: block;
}
.about-drawaline-team__description{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-bottom: 78px;
  text-align: center;
}
.about-drawaline-team__item{
  padding: 35px 40px;
  background: #FAFAFA;
  display: flex;
  align-items: center;
}
.about-drawaline-team__item + .about-drawaline-team__item{
  margin-top: 30px;
}
.about-drawaline-team__item .item__image{
  width: 196px;
}
.about-drawaline-team__item .item__info{
  width: calc( 100% - 196px );
  padding-left: 50px;
}
.about-drawaline-team__item .item__title img{
  display: block;
}
.about-drawaline-team__item .item__description{
  font-size: 12px;
  line-height: 1.7;
  margin-top: 30px;
}
@media screen and (max-width: 1300px) {
  .about-drawaline-team__wrap{
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media screen and (max-width: 1000px) {
  .about-drawaline-team__wrap{
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (max-width: 740px) {
  .about-drawaline-team{    
    padding: 50px 0;
  }
  .about-drawaline-team__wrap{
    padding: 49px 22px;    
  }
  .about-drawaline-team__title{
    margin-bottom: 36px;
  }
  .about-drawaline-team__logo{
    margin-bottom: 40px;      
  }
  .about-drawaline-team__logo img{
    max-width: 243px;
  }
  .about-drawaline-team__description{
    margin-bottom: 100px;
  }
  .about-drawaline-team__item{
    padding: 22px;    
    display: block;
  }
  .about-drawaline-team__item + .about-drawaline-team__item{
    margin-top: 22px;
  }
  .about-drawaline-team__item .item__image{
    width: 100%;
    text-align: center;
  }
  .about-drawaline-team__item .item__info{
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }
  .about-drawaline-team__item .item__title img{
    margin: 0 auto;
  }
  .about-drawaline-team__item .item__description{
    font-size: 12px;
    line-height: 1.7;
    margin-top: 30px;
  }
}

/* about-drawaline-award */
.about-drawaline-award{
  max-width: 780px;
  margin: 0 auto;
}
.about-drawaline-award__title{
  font-size: 18px;  
  line-height: 1.2;
  font-family: aktiv-grotesk;
  margin-bottom: 56px;
  text-align: center;
  text-transform: uppercase;
}
.about-drawaline-award__subtitle{
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: 27px;
  text-align: center;
}
.about-drawaline-award__description{
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: center;
}
.about-drawaline-award__content{
  display: flex;
  margin: 90px -105px 0;
}
.about-drawaline-award__content .item{
  width: 50%;
  padding: 0 105px;
}
.about-drawaline-award__content .item:not(:last-child){
  border-right: 1px solid #DEDEDA;
}
.about-drawaline-award__content .item__logo{
  margin-bottom: 39px;
  text-align: center;
}
.about-drawaline-award__content .item__title{
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: 500;
  margin-bottom: 29px;
}
.about-drawaline-award__content .item__description{
  font-size: 12px;
  line-height: 1.7;  
}
.about-drawaline-award__content .item__link{
  font-size: 12px;
  margin-top: 32px;
  display: inline-block;
  text-decoration: underline;
}
@media screen and (max-width: 740px) {
  .about-drawaline-award{
    max-width: none;
  }
  .about-drawaline-award__title{
    font-size: 14px;
    margin-bottom: 31px;
  }
  .about-drawaline-award__subtitle{
    font-size: 16px;    
    margin-bottom: 38px;    
  }
  .about-drawaline-award__description{
    text-align: left;
  }
  .about-drawaline-award__content{
    margin-top: 94px;
    margin: 94px 0 0 0;
    display: block;    
  }
  .about-drawaline-award__content .item{
    width: 100%;
    padding: 40px 0;
  }
  .about-drawaline-award__content .item:first-child{
    padding-top: 0;
  }
  .about-drawaline-award__content .item:last-child{
    padding-bottom: 0;
  }
  .about-drawaline-award__content .item:not(:last-child){
    border-bottom: 1px solid #DEDEDA;
    border-right: none;
  }
  .about-drawaline-award__content .item__logo{
    margin-bottom: 29px;    
  }
  .about-drawaline-award__content .item__title{
    font-size: 14px;
    margin-bottom: 25px;
  }
  .about-drawaline-award__content .item__link{    
    margin-top: 12px;    
  }
}

/*============================================================================
  #Blog
==============================================================================*/
.shopify-section--main-blog{
  margin-bottom: 120px;
}
@media screen and (max-width: 740px) {
  .shopify-section--main-blog{
    margin-bottom: 65px;
  }
}

/*============================================================================
  #Article
==============================================================================*/
@media screen and (max-width: 740px) {
  .article{
    margin: 60px 0;
  }
}


/*================ Article Header ================*/
.article__header{  
  background: #FAFAFA;
}
.article__header-content{
  margin-left: 0;
}
.article__header .article__category{
  font-size: 12px;
  letter-spacing: 0.04em;  
  margin-bottom: 37px;
  display: inline-block;  
}
.article__header .article__category:after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #3E3E3E;
  margin-top: 2px;
}
.article__header .article__title{
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.6;
  font-weight: 600;
  margin: 0;  
}
.article__header .article__excerpt{
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 30px;  
}
.article__header-content:only-child{
  max-width: unset;
  text-align: left;
}
@media screen and (min-width: 1400px){
  [dir="ltr"] .article__header-content{
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 740px){
  .article__header{  
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  .article__header-content{
    padding: 38px 22px;
  }
  .article__header .article__category{
    font-size: 10px;
    margin-bottom: 25px;
  }
  .article__header .article__category:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #3E3E3E;
    margin-top: 2px;
  }
  .article__header .article__title{
    font-size: 16px;    
    line-height: 1.5;    
  }
  .article__header .article__excerpt{
    font-size: 10px;    
    margin-top: 19px;  
  }
}
/*================ Article Side ================*/
.article__info{
  border: 1px solid #DEDEDA;
  padding: 37px 30px;  
  letter-spacing: 0.04em;    
}
.article__meta-item{
  font-size: 12px;
}
.article__tags-label{
  font-size: 12px;
}
.article__tags-item{
  font-size: 11px;
}
@media screen and (min-width: 1200px){
  .article__info {
    gap: 37px;
    width: 240px;
  }
}
@media screen and (max-width: 740px){
  .article__info {
    padding: 30px;
    gap: 20px;
    width: 100%;
    max-width: unset;
  }
  .article__meta-item{
    font-size: 10px;
  }
  .article__tags,
  .article__share{
    flex-wrap: wrap;
  }
  .article__tags-label,
  .article__share-label{
    font-size: 10px;
    width: 100%;
    margin-bottom: 10px;    
  }
  .article__tags-item{
    font-size: 10px;
  }
  [dir="ltr"] .article__share-button-list{
    margin-left: 0;
    grid-gap: 20px;
    gap: 20px;
  }
}

/*================ Article Main ================*/
.article__inner{
  margin: 0;
}

.article__content h2{
  border-left: 1px solid #3E3E3E;
  padding-left: 30px;
}

.article__heian-cta{
  margin-top: 40px;
}
@media screen and (min-width: 1200px){
  .article__content {
    padding-left: 14%;
    max-width: calc( 740px + 14% );
    min-height: 300px;
  }
}
@media screen and (max-width: 740px){
  .article__content .rte{
    font-size: 14px;
  }
  .article__content h2{    
    padding-left: 26px;
  }
  .article__content ul li::marker{
    font-size: 10px;
  }
  .article__content img:not([style*="float"]) {
    margin: 30px 0;
  }
  [dir="ltr"] .rte blockquote{
    font-size: 12px;
  }
}

/*================ Article Navi ================*/
.article__nav{  
  letter-spacing: 0.04em;
}
.article__nav-wrapper{
  padding: 12px 0;
  font-size: 12px;
}
.article__nav::after{
  height: 1px;  
}
@media screen and (max-width: 740px){
  .article__nav-wrapper{
    padding: 10px 0;
    font-size: 10px;
  } 
  .article__nav-arrow svg{
    width: 5px;
  }
}


/*================ 目次 ================*/
#toc{
  margin-bottom: 90px;
  border-top: 1px solid #3E3E3E;
  padding-top: 27px;  
}
.toc__head{
  display: flex;    
  align-items: center;  
}
.toc__title{    
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.08em;
}  
.toc__toggle{
  border: 1px solid #3E3E3E;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  padding: 4px 10px;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 16px;
}
.toc__container{
  height: 0;
  opacity: 0;
  visibility: hidden;    
}
.toc__container.is-open{
  transition: .3s;  
  height: auto;
  opacity: 1;
  visibility: visible;
}
.toc__container ol{
  margin: 0;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}    
.toc__container > ol{  
}
.toc__container > ol > li > ol > li{  
  padding-left: 1.3em;  
}
.toc__container ol li:first-child{
  margin-top: 0;
}
.toc__container li a{
  font-size: 13px;
  letter-spacing: 0.04em;   
  width: 100%; 
  display: block;
}
/* 第1階層 */
.toc__container > ol > li{
  border-bottom: 1px solid #DEDEDA;
  position: relative;  
}
.toc__container > ol > li > a{    
  padding: 16px 0 16px 30px;
  position: relative;
}  
.toc__container > ol > li:first-child{
  margin-top: 0;
}
.toc__container > ol > li > a:before {
  counter-increment: item;
  content: counter(item, decimal-leading-zero)'.';
  border: none;
  margin: 0;
  display: block;  
  position: absolute;
  left: 0;
}
/* 第2階層以降 */
.toc__container > ol > li > ol > li a:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid #CCC;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-right: 8px;  
}
.toc__container > ol > li > ol > li a{
  padding: 3px 0;
}
.toc__container > ol > li > ol > li:last-child{
  margin-bottom: 19px;
}
@media screen and (max-width: 740px){
  #toc{
    margin-bottom: 80px;
  }
  .toc__title{    
    font-size: 14px;      
  }  
  .toc__toggle{
    font-size: 14px;
  }
  .toc__container li a{
    font-size: 14px;
  }
  .toc__container > ol > li > a{
    padding: 14px 0 14px 26px;
  }
}


/*================ Article PrevNext ================*/
.article__prev-next{
  background: none;
}
.article__prev-next .article-list{  
  display: flex;
}
.article__prev-next .article-item{
  width: 50%!important;
}
.article__prev-next .article-item__image{
  aspect-ratio: 603 / 425;  
}
.article__prev-next-bottom{
  margin-top: 100px;
  border-top: 1px solid #DEDEDA;
  padding-top: 30px;  
}
.article__prev-next-bottom-link{
  display: inline-block;
}
.article__prev-next-bottom-link a{
  display: flex;
  align-items: center;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.article__prev-next-bottom-link a svg{
  display: block;
  margin-right: 18px;
}
@media screen and (max-width: 740px){  
  .article__prev-next .article-list{  
    display: block;
  }
  .article__prev-next .article-item{
    width: 100%!important;
  }
  .article__prev-next .article-item + .article-item{
    margin-top: 32px;
  }
  .article__prev-next-bottom{
    margin-top: 60px;    
    padding-top: 28px;  
  }
  .article__prev-next-bottom-link a{    
    font-size: 10px;    
  }
  .article__prev-next-bottom-link a svg{    
    margin-right: 14px;
    width: 6px;
  }
}

/*================ Article FAQ ================*/
.article-faq{
  margin-top: 90px;
}
.article-faq__title{
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.4;
  border-bottom: 1px solid #DEDEDA;
  padding-bottom: 30px;
  margin-bottom: 36px;
}
.article-faq__content{
  margin-bottom: 80px;
  font-size: 13px;
}
.article-faq__back{
  margin-top: 37px;
}
.article-faq__back a{
  display: flex;
  align-items: center;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.article-faq__back a svg{
  display: block;
  margin-right: 18px;
}
@media screen and (max-width: 740px){
  .article-faq{
    margin-top: 60px;
  }
  .article-faq__title{
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.5;    
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .article-faq__content{    
    font-size: 14px;    
  }
  .article-faq__back a{
    font-size: 14px;
  }
  .article-faq__back a svg{
    width: 6px;    
    margin-right: 14px;
  }
}



/*============================================================================
  #Cart
==============================================================================*/


/*============================================================================
  #Customer
==============================================================================*/


/*================ Login ================*/


/*================ MyAccount ================*/


/*============================================================================
  #Common parts
==============================================================================*/

/*================ SubHeader ================*/
.subheader{
  padding: 32px 0;
  text-align: center;
  background: #FFF;
}
.subheader__logo svg{
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 740px){
  .subheader{
    padding: 20px 0;    
  }
}

/*================ Header ================*/

@media screen and (max-width: 740px){  
  .header__wrapper{
    padding: 18px 0;
  }
}

/* header__bottom-navigation */
.header__bottom-navigation{
  
}
.header__linklist-link{
  font-family: "aktiv-grotesk";
  font-weight: 700;
  letter-spacing: 0.04em;
}
.header__linklist-item{
  font-size: 12px;
}
.header__linklist-item.has-dropdown .header__linklist-link{
  position: relative;
  padding-left: 19px;  
}
.header__linklist-item.has-dropdown .header__linklist-link:before{
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  background: url(/cdn/shop/files/icon_arrow_bottom.svg?v=1681279450)no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: calc( 50% - 3px );
}

.nav-dropdown{
  background: #F2F2F0;
}
@media screen and (min-width: 741px){
  .header__wrapper{
    padding: 23px 0px;
  }
}

/* header__icon-list */
.header__icon-list{
  gap: 20px;
}
.header__icon-list svg{
  display: block;
}
.header__cart-count{
  font-family: "aktiv-grotesk";
}
@media (hover: hover) and (pointer: fine) {
  .header__icon-list a:hover svg{
    opacity: 0.6;
    transition: opacity .25s ease-in-out;
  }
}
@media screen and (min-width: 741px){  
  .header__icon-wrapper--hamburger{
    padding-left: 24px;
  }
}
@media screen and (max-width: 740px){
  .header__icon-list{
    gap: 12px;
  }
  .header__icon-wrapper--hamburger{
    margin-right: 26px;
  }
  .header__icon-wrapper--hamburger svg{
    width: 21px;
    display: block;
  }
}


/*================ Footer ================*/

.footer{
  padding: 100px 0 95px;
}
.footer__aside{
  margin-top: 48px;
}
.footer__item-title{
  font-family: aktiv-grotesk;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 29px;
  color: #F2F2F0;
}
.footer__item-content .linklist__item{
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.5;  
  color: #F2F2F0;
}
.footer__item-content .linklist__item:not(:first-child){
  margin-top: 16px;
  padding-top: 0;
  font-weight: 500;
}
.footer__item--newsletter{
  min-width: 347px;
}
.footer__item--newsletter .footer__item-title{
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #F2F2F0;
}
.footer__item--newsletter .footer__item-content p{
  font-size: 11px;
  letter-spacing: 0.1em;
  color: rgba(242,242,242,0.6);
}
.footer__newsletter-form{
  margin-top: 29px;
}
.footer__item--newsletter .input__field:-webkit-autofill {
  transition: background-color 10000s ease-in-out 0s;  
  -webkit-text-fill-color: rgba(242,242,242,0.6)!important;
}

.footer__newsletter-form .form__banner{
  background: none;
  padding-left: 0;
}
.footer__item--newsletter .input__field{
  background: rgba(255,255,255,0.11);
  border: none;
  color: rgba(242,242,242,0.6);
  font-size: 14px;
  height: 59px;
}
.input__label{
  background: none;
  font-size: 14px;  
}
.footer__copyright{
  font-size: 12px;
  font-family: aktiv-grotesk;
  letter-spacing: 0.04em;
  color: #F2F2F0;
}

@media screen and (max-width: 1000px){
  .footer{
    padding: 54px 0 26px;
  }
  .footer__aside{
    margin-top: 62px;
  }
  .footer__item-list{
    padding: 0 15px;
    grid-template-columns: unset;
  }
  .footer__item{
    max-width: none;
  }
  .footer__item-title{    
    margin-bottom: 22px;
  }
  .footer__item-content .linklist__item{
    letter-spacing: 0;    
  }
  .footer__item-content .linklist__item:not(:first-child){
    margin-top: 12px;    
  }
  .footer__item--newsletter{
    min-width: auto;    
    padding-bottom: 48px;
    border-bottom: 1px solid #5C5C5C;    
  }
  .footer__item--newsletter .footer__item-title{
    font-size: 14px;    
  }
  .footer__newsletter-form{
    margin-top: 25px;
  }
  .footer__item--newsletter .input__field{    
    font-size: 16px;
    height: 58px;
  }
  .footer__copyright{    
    text-align: right;
    display: block;
  }
}

@media screen and (max-width: 740px){
  .footer__item--newsletter{    
    margin: 0 calc(50% - 50vw + 22px) 10px;
    width: calc( 100vw - 44px );
  }
}


/*============================================================================
  #APP
==============================================================================*/

/*================ 配送日時指定.amp ===============*/
.delivery-mindate-caution:after{
  content: "※配送地域や、取寄品の場合は希望日にお応え出来ない場合がございます。その場合、最短での配送となります事予めご了承ください。";
  display: block;
}


/*================ Infinite Options ================*/
#infiniteoptions-container div > label{
  margin-top: 0!important;
}
#infiniteoptions-container label{
  line-height: 1.5;  
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
  display: block;
}
#infiniteoptions-container select{
  width: 100%;
  cursor: pointer;  
  border-color: #DEDEDA;
  height: 58px;
  padding: 0 23px;
}
#infiniteoptions-container input{
  width: 100%;
  border: 1px solid #DEDEDA;
  height: 58px;
  padding: 0 23px;
}
#infiniteoptions-container>div+div{
  margin-top: 34px;
}
#infiniteoptions-container .spb-helptext{
  font-size: 12px;
  color: #ff8000;
  margin-top: 17px;
  padding-bottom: 0;
  line-height: 1.7;
}

/*================ Social Photos ================*/
.slpht-thumbnail:hover .spw-thumbnail-overlay{
  opacity: 0.4!important;
}

/*================ Back in Stock ================*/
#BIS_trigger{
  background: rgb(141, 32, 34);
  color: #FFF;
}


/*================ custom multi column ================*/

.custom-multi-column__title{
  margin-bottom: 20px;
}

.custom-header-title.border{
  border-bottom: 1px solid #DEDEDA;
  padding-bottom: 24px;
}

.custom-header-title__sub{
  margin-top: 10px;
}

.custom-header-title__sub a:hover{
  opacity: .6;
}

.custom-multi-column--sp1{
  grid-template-columns: repeat(1, 80%);
}

.custom-multi-column--sp1.full{
  grid-template-columns: repeat(1, 100%);
}

.custom-multi-column--sp1.full-width{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.custom-multi-column--sp2{
  grid-template-columns: repeat(2, 1fr);
}

.custom-multi-column--sp3{
  grid-template-columns: repeat(3, 1fr);
}

.custom-multi-column--sp4{
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (min-width: 1000px){
  .custom-multi-column--pc1{
    grid-template-columns: repeat(1, 90%);
  }

  .custom-multi-column--pc1.full{
    grid-template-columns: repeat(1, 100%);
  }

  .custom-multi-column--pc2{
    grid-template-columns: repeat(2, 1fr);
  }
  .custom-multi-column--pc3{
    grid-template-columns: repeat(3, 1fr);
  }
  .custom-multi-column--pc4{
    grid-template-columns: repeat(4, 1fr);
  }

    .custom-multi-column--pc2.full{
    grid-template-columns: repeat(2, 1fr);
  }
  .custom-multi-column--pc3.full{
    grid-template-columns: repeat(3, 1fr);
  }
  .custom-multi-column--pc4.full{
    grid-template-columns: repeat(4, 1fr);
  }

}


.header--small.section__header .h2{
  font-size: 15px;
} 

@media screen and (min-width: 741px){
  .header--small.section__header .h2{
    font-size: 22px;
  } 
}

.custom-multi-column__item.hover:hover img{
  transform: scale(1.03);
  transition: .3s;
}

.custom-multi-column__img img{
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

.custom-multi-column__square{
  aspect-ratio: 1 / 1;
}

.custom-multi-column__rectangle{
  aspect-ratio: 3 / 2;
}

.custom-multi-column__full{
  aspect-ratio: none;
}

.custom-multi-column__flex{
  display: flex;
  flex-direction: column;
}
.custom-multi-column__flex p{
  margin: 0;
}

.custom-multi-column__flex-title{
  font-size: 13px;
  color: #1A1311;
  margin-bottom: 16px;
}

.custom-multi-column__flex-text{
  font-size: 10px;
}

@media screen and (min-width: 741px){
  .custom-multi-column__flex p{
    margin: 0;
  }
  .custom-multi-column__flex-title{
    font-size: 16px;
  }
  
  .custom-multi-column__flex-text{
    font-size: 12px;
  }
}

.custom-multi-column__item:hover img{
  transform: scale(1.03);
  transition: .3s;
}

.custom-multi-column__item img{
  transition: .3s;
}

.custom-multi-column__text p{
  margin-top: 0;
  margin-bottom: 0;
}
.custom-multi-column__text-sub{
  font-size: 12px;
}

.custom-multi-column__button-text{
  background-color: #3E3E3E;
  color: #FFF;
  border: 1px solid #3E3E3E;
  padding: 10px 0;
  transition: .3s;
}

.custom-multi-column__item:hover .custom-multi-column__button-text{
  background-color: #FFF;
  color: #3E3E3E;
}

@media screen and (max-width: 740px){
  .custom-multi-column__button-text{
    padding: 5px 0;
    font-size: 10px;
  }
  
}

/*================ custom blog slide ================*/

.custom-blog-slide{
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #FAFAFA;
}

.custom-blog-slide.section__header{
  text-align: left;
}
.custom-blog-slide__wrapper{
  margin-top: 20px;
}

.custom-blog-slide__link img{
  aspect-ratio: 300 / 200;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

.custom-collection-link{
  display: flex;
  overflow-x: scroll;
  padding-bottom: 5px;
}

.custom-collection-link a{
  display: block;
  white-space: nowrap;
  padding: 0 5px;
}

@media screen and (min-width: 1000px){
  .custom-collection-link{
  -ms-overflow-style: none;
  scrollbar-width: none;
  }
  .custom-collection-link::-webkit-scrollbar{
    display: none;
  }
}

.custom-blog-slide .splide__arrow{
  top: 63%;
  background: transparent;
  height: 24px;
  width: 19px;
  border-radius: 0;
}

.custom-blog-slide .splide__arrow--prev{
  left: 0;
}

.custom-blog-slide .splide__arrow--next{
  right: 0;
}

.custom-blog-slide .splide__arrow svg {
  fill: #000;
  height: 1em;
  width: 1em;
}

@media screen and (min-width: 741px){
  .custom-blog-slide .splide__arrow{
    top: 55%;
  }
  .custom-blog-slide .splide__arrow--prev{
    left: 1em;
  }
  
  .custom-blog-slide .splide__arrow--next{
    right: 1em;
  }
}

/*================ labrico-lp ================*/

.labrico-lp-title{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  text-align: center;
}

/*================ Custom Image With Text ================*/
.image-top-text__items{
  display: grid;
  grid-template-columns: repeat(2, calc(50% - (24px / 2)));
  gap: 24px;
  margin-top: 30px;
}

.image-top-text__item{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 9px;
  position: relative;
}

.image-top-text__item:nth-child(n + 3){
  margin-top: 10px;
}

.image-top-text__text{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.image-top-text__top{
  display: grid;
  padding: 0 3px;
  gap: 5px;
  align-items: flex-start;
  grid-template-columns: 20px auto;
}

.image-top-text__number{
  font-size: 43px;
  font-family: "Staatliches", sans-serif;
  font-weight: 400;
  line-height: 43px;
}

.image-top-text__about{
  font-size: 10px;
}

.image-top-text__badge{
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 75px;
  height: 75px;
}

.image-top-text__button{
  background-color: #000;
  color: #fff;
  padding: 8px 10px;
  max-width: 282px;
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}

.image-top-text__button a{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3em;
}

@media screen and (min-width: 741px){
  .image-top-text__about{
    font-size: 15px;
  }
  .image-top-text__items{
    padding: 0 60px;
  }
  .image-top-text__badge{
    width: 150px;
    height: 150px;
  }
}


.h2-dotted{
  display: flex;
  align-items: center;
  color: #ADA9A3;
}

.h2-dotted:before, .h2-dotted:after {
	content: "";
	flex-grow: 1;
	border-top: 4px dotted #95FFE6;
	display: block;
}

.h2-dotted:before {
	margin-right: .4em;
}
.h2-dotted:after {
	margin-left: .4em;
}

#infiniteoptions-container input{
    width: 100%;
}

/* Infinite Product Options */
#infiniteoptions-container input[type="checkbox"]{
    width: 15px;
    height: auto;
    margin: 0 10px 0 0;
}

#infiniteoptions-container fieldset:has(input[type="checkbox"]){
  border:none;
}

#infiniteoptions-container label:has(input[type="checkbox"]){
    margin-bottom: 0;
    display: flex;
    align-items: center;
}



/*  custom-dal-slide */
.dal-slide-section.container{
  padding-top: 20px;
  padding-bottom: 20px;
}

.dal-slide {
  position: relative;
}

.dal-slide__title{
  position: absolute;
  top: 20px;
  left: 10%;
  z-index: 1;  
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 600;
  font-size: 19px;
  font-family: "Barlow Semi Condensed", serif;
}

@media screen and (min-width: 1000px){
  .dal-slide__title{
    top: 100px;
    left: 10%;
    z-index: 1;  
    font-size: 25px;
  }
}

.dal-slide__image{
  width: 100%;
}

/* custom-slideshow */
.custom-slideshow{
  padding-bottom: 30px;
}

.custom-slideshow .splide__pagination__page.is-active{
  border: 1px solid #ccc;
  background-color: #808080;
}
/* custom-slideshow */

/* custom-circle-slide */
.custom-circle-section .splide__pagination{
  align-items: end;
}
.custom-circle-slide-text__item{
  word-break: break-all;
}
/* custom-circle-slide */

