/** Shopify CDN: Minification failed

Line 650:0 Unexpected "}"

**/
p, li, th, td, summary{
  color: #060606;
}
.h2-large{
  font-size: calc(var(--font-heading-scale) * 2.6rem);
}
@media only screen and (min-width: 750px) {
  .h2-large{
    font-size: calc(var(--font-heading-scale) * 3.5rem);
  }
}
.main-page-title.page-title {
  font-size:30px;
}
.font-size09{ /*文字の大きさ ... 90% */
  font-size:90%;
}
.font-size08{ /*文字の大きさ ... 80% */
  font-size:80%;
}
.under-line{ /*アンダーライン*/
  padding-bottom: 0.16em;
  border-bottom: 1px solid #d4cec3;
}
.border-btn{ /* ボーダーボタン（メンテナンス、リペア、下取りページ等で使用）*/
  text-align: center;
  width: auto;
  margin: 30px auto;
}
.border-btn a{
  font-size: 90%;
  text-decoration: none;
  padding: 12.5px 40px;
  width: auto;
  color: #8E867D;
  border: 1px solid #8E867D;
}

/*検索ボタン（虫めがね）*/
.custom-search-button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-search-button i {
  font-size: 14px;
  color: #666666;
  margin: 3px 6px 0;
}
.custom-search-button:hover i {
  color: #0D0D0D;
}
/*ヘッダー*/
.addedsearch{
  width: 92%;
  margin: 0 auto;
  padding-bottom: 10px;
}
/*トップページ*/
.top-instagram{
  margin: 0 auto;
  width: 90%;
}
.top-instagram a{
  color: #8E867D;
  text-decoration:none;
  font-size: larger;
  margin-bottom:12px;
}
.border-bottom{
  border-bottom: 0.75px solid #8E867D;
}
.top-instagram{
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.ig{
  margin: 15px auto;
  padding: 15px;
  background:#F9F8F6;
}
/*トップページ カテゴリ*/
.category-block-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 0;
  list-style: none;
}

.category-block {
  flex: 1 1 48%; /* 約2列表示 */
}
.category-block h3{
  font-size: calc(var(--font-heading-scale) * 1.4rem);
  margin: 0;
}
.top-category{
  width: 100%;
  margin: 0 auto;
}
.top-category ul{
  list-style:none;
  padding: 0;
  font-size: 87%;
}
.top-category li{
  margin-bottom: 8px;
  padding: 3px 0;
}
.top-category a{
  color: #0D0D0D;
  text-decoration:none;
}
/*コレクションページ*/
/* CloudSearch filters in sidebar */
#cloud_search_filters_sidebar{
  width: 26rem;
}
.cloud-search-filters-sidebar-container {
  display: flex;
  clear: both;
  /* width: 100%; */
}

.cloud-search-filters-sidebar-container #cloud_search_filters_sidebar {
  display: block;
  width: 100%;
  margin-inline-end: 20px;
}

.cloud-search-filters-sidebar-container .cloud-search-filters-products {
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .cloud-search-filters-sidebar-container #cloud_search_filters_sidebar, #cloud_search_filters_sidebar {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  body:has(#cloud_search_filters_sidebar) #cloud_search_filters_root .cloud-search-page-controls.cloud-search-page-controls--collection-page {
    display: none;
  }

  /* Uncomment the following if adding sidebar-mode filters on the search page too */
  /*
  body:has(#cloud_search_filters_sidebar) #cloud_search_filters_root .cloud-search-page-controls.cloud-search-page-controls--search-page {
    display: none;
  }
  */
}

#cloud_search_filters_sidebar:empty::before {
  content: "Filters";
  display: block;
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.5;
}

#cloud_search_filters_sidebar:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: 650px;
  margin-left: -24px;
  background-image: linear-gradient(#dfe3e8, transparent 0), linear-gradient(#dfe3e8 28px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 28px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 28px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(#dfe3e8 18px, transparent 0), linear-gradient(transparent 100%, transparent 0);
  background-size: 100% 100%, 40% 28px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, 40% 28px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, 40% 28px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, calc(100% - 48px) 18px, 100% 100%;
  background-position: -150% 0, 24px 16px, 24px 56px, 24px 86px, 24px 116px, 24px 146px, 24px 196px, 24px 236px, 24px 266px, 24px 296px, 24px 326px, 24px 376px, 24px 416px, 24px 446px, 24px 476px, 24px 506px;
  background-repeat: no-repeat;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: cs-loading;
}

@keyframes cs-loading {
  0% {
    opacity: 0.45;
  }
  100% {
    opacity: 0.9;
  }
}

.cloud-search-filter-value__count {
  margin-left: auto;
}
.cloud-search-filter{
  margin: 0 0.5ems;
  border-bottom: 0.75px lightgray solid;
}
.cloud-search-filter:last-of-type{
  border-bottom: none;
}
.cloud-search-filter-value{
  padding-bottom: 1em;
}
.cloud-search-filters-column .cloud-search-filter__name {
  font-weight: normal;
}



.product__title {
  display: flex;
  flex-direction: column;
}
.product-meta-labels {
  margin-bottom: 0.25rem;
  color: #666666;
  font-size: 90%;
  padding-bottom: 4px;
}
.new-badge,
.condition-badge {
  position: absolute;
  color: white;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  top: 0.5rem; /* デフォルトはNEWも新品も同じ位置 */
  left: 0.5rem;
}
.new-badge {
  font-size: 1rem;
  font-weight: bold;
  z-index: 10;
}
.condition-badge {
  font-size: 1.1rem;
  z-index: 2;
}
.condition-badge--with-new {
  top: 2rem !important;/* NEWがある場合は少し下にずらす */
}


.wishlist-social-proof{/* お気に入り登録数 */
  color: #060606;
  z-index: 2;
}
.product-card-social-proof {/* 商品カード（一覧）用：サムネ右上に表示 */
  position: absolute;
  top: 2.6rem;
  right: 0.9rem;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  font-size: 1.1rem;
}
.product-page-social-proof {/* 商品ページ用：画像下に中央表示 */
  display: block;
  position: static;
  text-align: center;
  padding-top: 0.2rem;
}
.wishlist-count {
  font-size: 1.7rem;
  color: #C0392B;
  font-weight: bold;
  font-feature-settings: 'tnum';
}
.swym-heart-burst {/* ハートアニメーション */
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg fill="red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 0.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') no-repeat center;
  background-size: contain;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  pointer-events: none;
  z-index: 99;
}
.swym-heart-burst.animate {
  animation: swym-heart-pop 600ms ease-out forwards;
}
@keyframes swym-heart-pop {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -100%) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -200%) scale(0.8);
    opacity: 0;
  }
}




.readmore { /* コレクション説明 展開ボタン */
  position: relative;
  margin: 0 auto;
  padding: 0 0 55px;
}
.readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 0;
  margin: 0 auto;
  width: auto;
  padding: 10px 40px;
  color: #8E867D;
  border: 1px solid #8E867D;
  text-align: center;
  font-size: 90%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}
.readmore label::before{
  content: '続きを見る';
}
.readmore input[type="checkbox"]:checked ~ label::before {
  content: '元に戻す';
}
.readmore input[type="checkbox"]{
  display: none;
}
.readmore-content {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}
.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}
.filter-section-title{
  font-size: normal;
  padding: 1em 0;
  border-bottom: #e0e0e0 1px solid;
}
.collection-category ul{
  list-style:none;
  padding: 0 0 3px;
  font-size: 94%;
}
.collection-category li{
  margin-bottom:1em;
}
.collection-category a{
  text-decoration: none;
  color: #0D0D0D !important;
}
.sub-toggle {
  transition: .3s;
}
.sub-toggle-title {
  list-style-type: none;
  transition: .3s;
}
.sub-toggle-title::-webkit-details-marker {
  display: none;
}
.sub-toggle-title:after,
.cc-title:after {
  content: "＋";
  position:absolute;
  top: 0%;
  right: 0%;
}
.sub-toggle[open] summary:after,
.sub-toggle-title details[open] summary:after{
  content: "−";
}
.sub-toggle[open] summary{
  color: #BDB4A6;
  border-bottom: 1px solid #e0e0e0;
}
.sub-toggle-content {
  animation: fadeIn 0.3s ease;
  border-bottom: 1px solid #e0e0e0;
}
@keyframes fadeIn {
  0% {
    opacity: 0; 
    transform: translateY(-10px); 
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.sub-toggle-content p{
  padding-left: 1em;
}
/*about us ページ*/
.about-text-block{
  background: #F9F8F6;
  padding: 0.7em 1.5em;
}
/*張り替え・リペアページ*/
.option{
  margin: 40px 0;
}
.contentstitle{ /*家庭でのお手入れページでも使用*/
  border-bottom: 1px solid #D4CEC3 ;
}
.contentstitle p{
  font-size: smaller;
  color: #BDB4A6;
}
.mokuji{ /*家庭でのお手入れページでも使用*/
  background: #F9F8F6;
  padding: 8px;
  padding-left:0;
  margin: 15px 0 10px;
}
.mokuji h4{
  padding-left: 30px;
}
.mokuji a{
  text-decoration: none;
}
.mokuji ul{
    margin:1rem;
    padding:0rem;
    list-style-type:none;
    border-radius:5px;
}
.mokuji li{
    line-height:1.6;
    padding:6px 0;
    margin:5px 0px;
}
.mokuji li:not(:last-child){
    border-bottom:1px dashed #8E867D;
    margin-bottom:0;
}
.mokuji li:before{
    content:'・';
    padding:10px;
    font-weight:900;
    color:#8E867D;
}
.repair-beforeafter{
  text-align: center;
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0 auto;
  
}
.right-margin{
  margin: 0 10px 0 0;
}
.example-content {
  font-size: smaller;
}
.example-content img {
  width: 100％;
  object-fit: cover;
}
.linestretches{ /*矢印の線がループして伸縮 */
	position:relative; /*線の基点とするためrelativeを指定*/
	color: darkgray;
    font-size: smaller;
    padding-bottom: 7px;
	display:inline-block;
}
.linestretches::before { /*線の設定*/
    content: "";
    position: absolute; /*絶対配置で線の位置を決める*/
    top: 33%;
    left: 110%;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: darkgray;
}
.linestretches::after { /*矢印の設定*/
    content: "";
    position: absolute; /*絶対配置で線の位置を決める*/
    top:22%;
    left: 110%;
    /*矢印の形状*/
    width: 8px;
    height: 8px;
    border-top: 1px solid darkgray;
    border-right: 1px solid darkgray;
    transform: rotate(45deg);
}
.linestretches::before { /*線と矢印を繰り返しアニメーション*/
    animation: arrowlong01 3.2s ease infinite;
  animation-fill-mode: forwards;
}
.linestretches::after {
    animation: arrowlong02 3.2s ease infinite;
  animation-fill-mode: forwards;
}
@keyframes arrowlong01{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:50%;opacity:1}
    100%{width:50%;opacity:1}
}
@keyframes arrowlong02{
    0%{left:110%;opacity:0}
    20%{left:110%;opacity:1}
    80%{left:160%;opacity:1}
    100%{left:160%;opacity:1}
}
.hariji-table-wrapper{
  overflow-x: auto;
  width: 100%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
.hariji-table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.hariji-table th{
  width: 100px;
  padding: 8px;
  border: 1px solid gray;
  background-color: #E8E4DC;
}
.hariji-table td{
  width: 100px;
  padding: 8px;
  border: 1px solid gray;
  text-align: center;
}
.fixed{
  position: sticky;
  top: 0;
  left: 0;
  width: 70px !important;
}
.fixed::before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid gray;
  box-sizing: content-box;
}
.hariji-table a{
  text-decoration:none;
}
.hariji-list-wrapper{
  margin: 48px 0;
}
.hariji-block{
  margin-bottom: 3em;
}
.hariji-list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}
/*イズヤリサイクル下取りページ*/
.iz-point-content {
  width: 100%;
  height: 100%;
  margin: 25px 0;
}
.iz-point-title{
  display: flex;
  align-items: center;
}
.point-icon{
  width: 40px;
  height: 40px !important; 
  object-fit: cover;
  margin: 0 8px 0 0;
}
.iz-howto{
  margin: 20px 0;
}
.iz-howto h3{
  font-size: 23px;
}
.iz-step{
  background: #F9F8F6;
  padding: 20px;
  margin-bottom: 10px;
}
.iz-step h4{
  border-bottom: solid 1px lightgray;
  padding-bottom: 5px;
}
#iz-contact{
  padding-top: 20px;
  margin: 20px 0;
}
.iz-contact-item img{
  width: 35px;
  height: 35px;
  object-fit: cover;
  vertical-align: middle;
  margin: 10px;
}
.iz-contact-item a{
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.iz-example-wrapper{
  margin-top: 60px;
}
/*店舗案内ページ*/
.anchor-offset {
  position: relative;
  top: -80px;
  height: 0;
}

}
.info{
  margin-bottom: 3em;
}
.info h3{
  color:#BDB4A6;
}
.info span{
  font-size:smaller;
}
.maplink a{
  font-size: smaller;
  color: #BDB4A6;
}
.warehouse-note{
    margin-bottom: 3em;
}
/*ご家庭でのメンテナンス*/
.daily-mente{
  margin: 0 auto; 
}
.daily-mente-item{
  margin: 40px auto;
}
.mente-ok-item{
  background: #F9F8F6;
  padding: 10px;
}
.mente-ng-icon{
  text-align: center;
  width: 40px;
  margin: 0 auto;
}
.mente-ng{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  border: solid 1px #EA5838;
  border-radius: 3px;
  padding: 8px;
}
.mente-ng-item{
  text-align: center;
  background: #F9F8F6;
}
.mente-ng img{
  width: 100px;
}
.repair-case{ /*リペア・張り替えページでも使用*/
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #E8E4DC;
}
.repair-case:last-child{
  border-bottom:none;
}
.case-title{ /*リペア・張り替えページでも使用*/
  color: #8E867D;
  background: #E8E4DC;
  padding: 0.35em 0.6em;
  margin: 0 0.8em 0 0;
  font-size: smaller;
}
.repair-tool{
  border: 1px solid #BDB4A6;
  padding: 0.3em 1em;
}
.repair-tool p{
  font-size: smaller;
}
.list-outside{
  list-style-position: outside !important;
}

/*来店予約フォーム*/
.form__message{
  color: #B03A2E;
}
.reserve-note {
  margin: 3em 0 0;
}
.reserve-form{
  margin: 3em 0 2em;
}
.added {
  margin-bottom: 2rem;
}
.added p{
  font-size: smaller;
}
/*カート*/
.cart_note-note{
  line-height: 1.5;
  margin: 4rem 0 0 0; 
  font-size: 80%;
  padding: 0 0 0 1.7rem;
}
/*ジャーナル*/
.journal-top{
  background: #f9f8f6;
  padding: 0.6em;
}
.journal{
  margin: 3em 0;
}
.journal h3{
  color: #8E867D;
  font-size: 140%;
}
.journal h4{
  font-size: 115%;
  background: #f9f8f6;
  padding: 0.6em;
}
.journalimg-caption{
  margin-top: 0.6em;
}
.journalimg-big,
.journalimg-center{
  margin: 0 auto;
  text-align: center;
}
.journalimg-big img{
  max-height: 250px;
  width: 100%;
  object-fit: cover;
}
.journalimg-center img{
  max-height: 180px;
  width: 100%;
  object-fit: contain;
}
.journal-memo {
  background: #f9f8f6;
  padding: 0.6em;
  font-size: 90%;
  margin: 1em 0;
}
/*特定商取引法に基づく表記*/
.SCTA {
  font-size: x-smaller;
}
.SCTA table{
  background:pink;
}
/*お気に入りリストページ*/
.swym-storefront-layout-root-component{

}
/*---PC（幅990px以上）にのみ適用されるCSS---*/
@media screen and (min-width: 990px) {
  .only-sptb,.only-sp{
  display: none;
  }
  a:hover{
    opacity: 0.75;
    transition: 0.25s;
  }
  .border-btn a:hover{
    color:#999088;
  }
  .top-category{
  width: 100%;
  margin: 0 auto;
  }
  .category-block {
  flex: 1 1 30%;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 0.13em;
  border-bottom: 0.75px solid #E8E4DC;
    
  }
  .category-block a{
    padding: 10px;
  }
  .category-block h3{
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
  .category-block a:hover{
    color: #333333;
  }
  .top-instagram{
  text-align: center;
  width:100%;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  }
  .collection-category{
  width: 26rem;
  }
  .collection-category ul{
    font-size: 92%;
  }
  .repair-slider-pc{
    margin: 0 2%;
  }
  .hariji-list{
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .mente-ng{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
  .warehouse-img{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  }
  .ig-qr{
  width: 150px;
  }
  .iz-point{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  }
  .iz-contact-item a :hover{
  transform: scale(0.96);
  }
  .article-template {
  max-width: 900px;
  margin: 0 auto;
}
}
/*---スマホとタブレット（幅989pxまで）にのみ適用されるCSS---*/
@media screen and (max-width: 989px) {
  .only-pc{
  display: none;
  }
  .lum-lightbox-inner img {
	max-width: 100% !important;
  }
  .collection-category-wrapper{
    margin-top: -20px;
  }
  .collection-category {
    margin: 0 1em;
    font-size: 93%;
  }
  .filter-section{
    transition: 0.3s;
  }
  .filter-section-title{
  padding: 0.6em 0;
  }
  .filter-section-title::after {
    content: "＋";
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
  }
  .filter-section[open] > .filter-section-title::after {
    content: "−";
  }
  .filter-section[open] .filter-section-title{
  color: #BDB4A6;
  }
  .filter-section[open] {
  border-bottom: #e0e0e0 1px solid;
  }
  .filter-section-content {
    padding-left: 1em;
    animation: fadeIn 0.3s ease;
  }
}
/*---スマホ（幅749pxまで）にのみ適用されるCSS---*/
@media screen and (max-width: 749px) {
}
/*---タブレット（幅750-989）にのみ適用されるCSS---*/
@media screen and (min-width: 750px) and (max-width: 989px) {
}