html {scroll-behavior: smooth;}
body {font-family: 'M PLUS 1p', sans-serif;}
body,.fs-p-heading--lv2,.color-item a{ color:#666666 !important; }
.fs-l-header {background: #f9f0eb;position: relative;}
.brand-menu { text-align: center; padding: 10px 0; border-top: 1px solid #f9f0eb; background: #fff; }
.brand-menu__list { display: flex; justify-content: center; align-items: center; gap: 40px; list-style: none; margin: 0; padding: 0; }
.brand-menu__list li { position: relative; padding: 0 20px; }
.brand-menu__list li:not(:last-child)::after { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #a88c76;} 
.brand-menu__list a { display: inline-block; transition: opacity 0.3s ease; }
.brand-menu__list a:hover { opacity: 0.7; } .brand-menu__list img { display: block; width: 140px;height: auto; }

/* スマホ用調整 */
@media screen and (max-width: 768px) {
.icon-btn { min-width: 160px !important;}
.color-item img { width: 70px; } .color-item p { font-size: 13px; } 
}

.brand-menu__list { gap: 20px; } .brand-menu__list li:not(:last-child)::after { right: -10px; height: 24px; }
.brand-menu__list img { width: 110px; } } .fs-pt-column--2 {grid-template-columns: 1fr 1fr;}
.fs-pt-column--3 {grid-template-columns: 1fr 1fr 1fr;} .fs-p-headerNavBar{border-bottom: initial;}
.fs-l-main { margin: initial; padding: initial;} .fs-pt-column__item{padding: 0 0 10px;}
.fs-p-drawerButton__label { display: none;} 
.color-list { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 24px; background-color: #fff; padding: 20px; max-width: 800px; margin: 0 auto; } 
.color-item { text-align: center; } 
.color-item a { display: inline-block; text-decoration: none; color: #333; transition: transform 0.3s ease, opacity 0.3s ease; } 
.color-item a:hover { transform: translateY(-4px); opacity: 0.85; } 
.color-item img { width: 80px; height: auto; margin-bottom: 8px; display: inline-block; transition: transform 0.3s ease; } 
.color-item p { font-size: 14px; margin: 0; }
.fs-p-heading--lv2 { text-align: center; font-size: 20px; margin-bottom: 20px; margin-top: 30px; font-weight: 800 !important; color:#000; }
.fs-p-heading--lv2 { border-bottom: initial; }
 /* ====== 開閉ボックス全体 ====== */ 
.toggle-box { background: #fff; max-width: 680px; margin: 0 auto; font-family: "Noto Sans JP", sans-serif; padding: 20px; } 
/* チェックボックス非表示 */ 
.toggle-input { display: none; } 
/* 開閉ボタン見た目 */ 
.toggle-label { display: block; text-align: center; padding: 16px; font-size: 18px; color: #4c4033; cursor: pointer; border: 1px solid #a18262; background: #fff; transition: background 0.3s; } 
.toggle-label:hover { background: #f8f4f1; } 
/* ▼ 矢印 */
 .toggle-label::after { content: " ▼"; font-size: 14px; transition: transform 0.3s; }
 /* チェックが入ったときに矢印を回転（▲に） */ 
.toggle-input:checked + .toggle-label::after { transform: rotate(180deg); }
 /* 開閉部分（閉じた状態） */ .toggle-content { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease; } /* チェックされたら展開 */ .toggle-input:checked ~ .toggle-content { max-height: 2000px; opacity: 1; padding: 24px 20px; border-top: 1px solid #ddd; } /* ====== 内部スタイル ====== */ .search-section { margin-bottom: 28px; } .search-section h3 { background: #f7f3ef; padding: 8px 12px; margin-bottom: 8px; color: #4c4033; font-size: 15px; } /* ボタン群 */ .btn-group { display: flex; flex-wrap: wrap; gap: 6px; } .btn-group button { border: 1px solid #a18262; background: #fff; color: #4c4033; padding: 6px 9px; font-size: 12px; cursor: pointer; transition: background 0.3s; } .btn-group button:hover { background: #f8f4f1; } /* 検索フォーム */ .search-input { display: flex; align-items: center; border: 1px solid #a18262; max-width: 280px; } .search-input input { border: none; flex: 1; padding: 8px; font-size: 14px; } .search-input button { background: none; border: none; font-size: 18px; cursor: pointer; padding: 4px 8px; color: #4c4033; } /* シリーズから探す */ .series-list { list-style: none; padding: 0; margin: 0; } .series-list li { border-bottom: 1px solid #a18262; } .series-list li a { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; text-decoration: none; } .series-list img { height: 42px; margin: 0 auto; display: block; } @media screen and (max-width: 600px) { .toggle-label { font-size: 16px; padding: 14px; } .btn-group button { flex: 1 1 45%; text-align: center; } } .area_bg { background-color: #f9f0eb; width: 100%; padding: 1px 13px 20px 13px; margin: 0; } .news_title{padding-top:30px} .news-section { padding: 5px 0 40px; text-align: center; } .news-title { font-size: 28px; font-weight: 500; color: #4b4038; margin-bottom: 20px; } .news-scroll { width: 88%; max-width: 700px; height: 200px; /* ここで表示高さを調整 */ margin: 0 auto; overflow-y: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; scrollbar-width: thin; /* Firefox用 */ scrollbar-color: #c7b7a4 #f6f0ea; } /* Chrome用スクロールバー */ .news-scroll::-webkit-scrollbar { width: 6px; } .news-scroll::-webkit-scrollbar-track { background: #f6f0ea; } .news-scroll::-webkit-scrollbar-thumb { background-color: #c7b7a4; border-radius: 3px; } .news-list { padding: 0; margin: 0; list-style: none; } .news-list li { text-align: left; padding: 15px; border-bottom: 1px dotted #d9cfc7; color: #4b4038; font-size: 15px; line-height: 1.6; } .news-list .date { font-weight: bold; margin-right: 10px; color: #a07858; } .fs-p-searchForm { padding: 0 30px 30px; } /**ランキング**/ .ranking-section { background: #f9f0eb; padding: 40px 0; text-align: center; } .ranking-title { font-size: 28px; letter-spacing: 2px; margin-bottom: 20px; color: #4a3b34; }
.ranking-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 20px; padding: 10px 20px; margin-left: 20px; }
.ranking-slider {
  user-select: none;
}
.ranking-slider.dragging {
  cursor: grabbing;
}
.ranking-item { background: #fff; border-radius: 8px; flex: 0 0 260px; scroll-snap-align: start; text-align: left; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); position: relative; }
.ranking-badge { position: absolute; top: -6px; left: 6px; background: #8c7660; color: #fff; border-radius: 50%; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; font-weight: bold; } .ranking-image { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 4px; margin-bottom: 12px; } .ranking-info { font-size: 13px; color: #444; } .ranking-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; } .ranking-tags span { background: #b19a86; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: 11px; } .ranking-name { line-height: 1.6; margin: 6px 0 8px; font-size: 13px; } .ranking-price { color: #d70000; font-weight: bold; font-size: 15px; } .ranking-price span { font-weight: normal; font-size: 13px; } /* スクロールバー非表示（見た目をきれいに） */ .ranking-slider::-webkit-scrollbar { display: none; } .fs-l-footer { background-color: #f9f0eb; } .fs-l-main { max-width: 1200px; margin: 0 auto; } .header__btn > span { display: inline-block; width: 32px; height: 2px; background-color: #ad8653; margin-top: 8px; } .header__btn { position: absolute; top: 12px; left: 24px; width: 32px; height: 22px; z-index: 0; font-size: 0; transition: 1.0s; } .fs-l-header__contents { position: relative; } .header__nav { position: absolute; top: 0; right: 6.4%; margin-top: -11px; }

.ico_info a { background-image: url(https://qualite.itembox.design/item/common/icon_info.svg); display: inline-block; width: 23px; height: 23px; background-size: 23px 23px; background-repeat: no-repeat; vertical-align: middle; }
.ico_cart a { background-image: url(https://qualite.itembox.design/item/common/icon_cart.svg); display: inline-block; width: 24px; height: 21px; background-size: 24px 21px; background-repeat: no-repeat; vertical-align: middle; }
.ico_login a { background-image: url(https://qualite.itembox.design/item/common/icon_login.svg); display: inline-block; width: 24px; height: 21px; background-size: 24px 21px; background-repeat: no-repeat; vertical-align: middle; }

.header__nav li { list-style: none; display: inline-block; margin: 22px 0 0 10px; } .fs-c-productNameHeading { padding: 12px 0 0 20px; } /* 全体カード */ .product-specs { max-width: 980px; /* 必要に応じて調整 */ margin: 40px auto; font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif; color: #333; } /* dl をカード風に */ .product-specs__list { background: #fff; border-radius: 2px; overflow: hidden; box-shadow: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } /* 各行（横線を全幅で表示するため divでラップ）*/ .spec-row { display: grid; grid-template-columns: 220px 1fr; /* 左カラムの幅を固定 */ align-items: center; padding: 20px 28px; border-bottom: 1px solid #e6e6e6; } /* dt / dd の見た目 */ .spec-row dt { margin: 0; font-weight: 600; color: #444; font-size: 14px; } .spec-row dd { margin: 0; font-weight: 400; font-size: 14px; color: #222; line-height: 1.8; } /* 小さいテキスト（電話等）を少し詰める */ .spec-row dd br { line-height: 1.3; } /* 最終行の下線を薄く（または消す） */ .spec-row:last-child { border-bottom: none; } /* モバイル（縦並び） */ @media (max-width: 760px) { .product-specs { margin: 20px; } .spec-row { grid-template-columns: 1fr; gap: 8px; padding: 14px 12px; } .spec-row dt { font-size: 13px; color: #555; } .spec-row dd { font-size: 15px; color: #222; padding-left: 0; } /* dt と dd の間に線を残したい場合は top border を追加 */ .spec-row { border-bottom: 1px solid #eee; } .spec-row:last-child { border-bottom: none; } } .fs-c-button--addToCart--detail{ color: #ffffff !important; border: 1px solid #a68253 !important; background-color: #a68253 !important; font-weight: bold; line-height: 32px !important; font-size: 15px !important; margin-bottom: 10px; border-radius: 4px !important; } .fs-p-inputGroup { display: flex; align-items: stretch; border: 1px solid #a68253; background: #a68253; } .fs-p-inputGroup__button { background: #f9f0eb; color: #a68253; } .fs-p-searchForm__input { padding: 12px; } .fs-p-searchForm__button { padding-top: 18px; font-size: 11px; text-indent: 0; width: 46px; height: auto; } .toggle-label { padding: 16px; width: 80%; margin: 0 auto 40px; color: #a68253; border: 1px solid #a18262; background: #fff; } .toggle-label:hover,.search-section h3{ background: #f9f0eb; } .search-section h3 { color: #a68253; } .fs-p-footerSnsLink { padding: 0 100px; } .fs-c-heading--page { border-bottom: initial; color: #a68253; font-weight: 400; font-size: 20px; line-height: 1.2; margin: 32px 0 13px; padding: 0 0 1.2em; text-align: center; } .fs-pt-menu li { margin: 0; color: #a68253; border-bottom: solid 1px; padding: 4px 4px 4px 12px; }
.fs-p-footerPageTop__link::before { background: #a68253; } .fs-c-productListCarousel { width: 98%; } .fs-c-productNumber { border: none; padding: 0 22px; } .fs-c-productPrice { justify-content: flex-end; margin-right: 20px; } .fs-c-variationAndActions { padding: 0 20px; font-size: 16px; } .fs-c-productQuantityAndWishlist { padding: 0 20px; } .cart_item_txt { padding: 32px 20px; background: #f9f0eb; } img { vertical-align: bottom; } .fs-pt-column__item { padding: 0; } .fs-l-productLayout { grid-row-gap: initial; } .fs-c-button--addToCart--detail { margin-bottom: 40px; } span.fs-c-productPrice__main__price.fs-c-price { color: #b44444 !important; font-weight: bold; } .fs-p-snsArea { padding: 20px; } .fs-c-productReview__addReview.fs-c-buttonContainer.fs-c-buttonContainer--addReview--detail { padding: 20px 20px 0; } @media screen and (min-width: 768px) { .ranking-section { background: none; } .color-item p { font-size: 12px; } .color-list { padding: 0px; gap: 12px; } .color-list_pc{display: none !important;} .fs-l-header__contents { max-width: 1200px; margin: 0 auto; } .fs-p-logo { width: 360px; } .brand-menu { padding: 22px 0; } .header__nav { top: 2%; right: 42px; margin-top: 0; } .ico_login a,.ico_cart a{ width: 29px; height: 26px; background-size: 31px 26px; } .fs-pt-column--3.fs-pt-column { margin: 0 120px 0; } ul.fs-p-footerSnsLink { max-width: 430px; margin: 30px auto; } } /* PC表示（スマホでは非表示） */ .pc-only { display: block; } /* スマホ表示（PCでは非表示） */ .sp-only { display: none; } @media screen and (max-width: 768px) { /* スマホ時 */ .pc-only { display: none; } .sp-only { display: block; } } .button-wrap { display: flex; gap: 0; margin-top: 30px; justify-content: space-evenly; } 
/* ボタン共通 */ 
.icon-btn { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 32px; padding: 9px 8px; min-width: 90px; font-size: 12px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: background-color 0.2s ease, transform 0.1s ease; } 
/* PNGアイコン */
 .btn-icon { width: 20px; height: 20px; object-fit: contain; }
 /* 色バリエーション */ 
.icon-btn.primary { background: #381515; color: #fff; } 
.icon-btn.primary:hover { background: #000; }
.icon-btn.secondary { background: #f2f2f2; color: #333; } 
.icon-btn.secondary:hover { background: #e0e0e0; } 
/* 押した時 */ 
.icon-btn:active { transform: translateY(1px); } 
ol.fs-c-breadcrumb__list { max-width: 1200px; margin: 0 auto; } 
span.fs-pt-column__image { margin-bottom: 32px; } 
.cart_item_ttl { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 30px; } 
.category_ttl_img { width: 40%; margin: 20px auto; }
.fs-p-drawer__heading{display:none}
.fs-p-footerCopyright {margin-top: 30px; padding-bottom: 12px; color: #a68253;background-color: #f9f0eb;text-align: center;padding: 4px;} 
.cart_item_ttl {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.fs-p-footerUtilityMenu__list > li:not(:first-child) a {
    border-top: none;
}
.ranking-slider {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.fs-c-documentArticle__heading {
    background: #a68253;
    font-size: 1.6rem;
    border-radius: 5px;
    padding: 14px 8px;
}
.fs-c-documentColumn__heading {
    color: #a68253;
    border-color: #a68253;
}
a {
    color: #a68253;
    text-decoration: underline;
}
a:visited {
    color: #a68253;
}
.fs-pt-column--1 img{margin: 0 auto;}
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a{border-top:none}
@media screen and (min-width: 1200px) {
    .fs-p-drawer__loginLogout, .fs-p-drawer__welcomeMsg {
        display: initial;
    }
}
@media screen and (min-width: 768px) {
    .fs-l-header__contents {
        grid-template-columns: 35% 30% 35%;
    }
}