@charset "UTF-8";#outer{width: 1260px;margin: 0 auto;}#outer .heading .logogazou {max-width: 50%;height: auto;display: block;margin: 0 auto;}#outer .heading {/*background: #e60013;*/margin-bottom: 20px;}#outer .heading .title_area {margin: 0 auto;width: 1000px;/*background-image: url(/img/freepage/bestsellers/title_bg.png);background-repeat: no-repeat;background-position: right;*/}/*#outer .heading .title_area h1 {display: inline-block;color: #fff;font-size: 40px;font-weight: 900;margin-bottom: 20px;}#outer .heading .title_area h1 span {background: #000;display: inline-block;margin-top: 10px;padding: 5px 15px;}*/#outer .heading .title_area p {background: #e60013;font-size: 25px;font-weight: bold;color: #fff;text-align:  center;margin-top: -35px;}#outer .coupon {width: 1260px;margin: 0 auto;background: #eee;margin-bottom: 20px;text-align: center;padding: 10px;}#outer .coupon a {background: #333;color:#fff;font-weight: bold;padding: 0.5em 1em;font-size: 1.2em;margin: 10px;display: inline-block;}#outer .item-list {width: 1260px;margin: 0 auto;}#outer .item-list ul {display: flex;flex-wrap: wrap;justify-content: left;gap: 1em;}#outer .item-list ul:after {content: "";width: calc(40% - 8px);}#outer .item-list ul li {width: 19%;margin-bottom: 1%;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/* =========================今イチオシ！セクション（PC基準）========================= */#outer .pickup-section {margin: 64px 0;}/* h2 */#outer .pickup-title {font-size: 24px;font-weight: 700;margin-bottom: 16px;position: relative;padding-bottom: 12px;}/* 下ライン */#outer .pickup-title::after {content: "";position: absolute;left: 0;bottom: 0;width: 48px;/* 短めがコツ */height: 3px;background: #3b2a24;/* ボタンと同系色 */border-radius: 2px;}/* グリッド（PCは横並び） */#outer .pickup-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));gap: 32px;width: 80%;margin: 0 auto;}/* カード */#outer .pickup-card {background: #f7f6f2;/* 寒色用 background: #f2f6f8;*/border-radius: 16px;padding: 24px;box-sizing: border-box;}/* 画像 */#outer .pickup-image {border-radius: 14px;overflow: hidden;margin-bottom: 20px;}#outer .pickup-image img {width: 100%;height: auto;display: block;}/* テキスト */#outer .pickup-name {font-size: 18px;font-weight: 700;margin-bottom: 8px;}#outer .pickup-text {font-size: 14px;line-height: 1.6;margin-bottom: 18px;color: #333;}/* ボタン */#outer .pickup-button {display: inline-block;padding: 10px 20px;background: #3b2a24;color: #fff;font-size: 14px;font-weight: 600;border-radius: 999px;text-decoration: none;}#outer .pickup-button:hover {opacity: 0.85;}#outer .pickup-title {position: relative;font-size: 24px;font-weight: 700;line-height: 1.4;margin-bottom: 24px;padding-top: 20px;/* ← 上に余白を作るのがコツ */}/* 上に乗るバッジ */#outer .pickup-badge {position: absolute;top: -0.3em;left: 0;transform: translateY(-50%);display: inline-block;font-size: 12px;font-weight: 700;padding: 4px 10px;background: #d94a38;color: #fff;border-radius: 999px;white-space: nowrap;}#outer .new_icon5 {width: 10%;position: relative;margin-left: 5em;top: -1em;}#outer .new_icon5 img {position: absolute;}#outer .new_icon6 {width: 30%;position: relative;margin-left: 20em;top: -3em;}#outer .new_icon6 img {position: absolute;}/* =========================全体========================= */#outer .catalog-block {display: grid;gap: 0;background: rgb(250, 250, 250);padding: 48px;border-radius: 20px;width: 70%;justify-content: left;}/* =========================左：ビジュアル========================= */#outer .catalog-visual img {width: 100%;height: auto;border-radius: 16px;}/* =========================右：情報========================= */#outer .catalog-info {display: flex;flex-direction: column;min-width: 0;}/* キャッチ */#outer .catalog-catch {color: #c40000;font-weight: 700;font-size: 18px;line-height: 1.6;margin-bottom: 16px;}/* 型番 */#outer .catalog-code {font-size: 36px;font-weight: 700;margin: 12px 0 0 0;font-family: Helvetica Neue;}/* タイトル */#outer .catalog-title {font-size: 20px;font-weight: 700;margin-bottom: 12px;}#outer .badge-new {display: inline-block;background: #d60000;color: #fff;font-size: 12px;padding: 4px 8px;border-radius: 6px;margin-left: 8px;}#outer .badge-shin {display: inline-block;background: blue;color: #fff;font-size: 12px;padding: 4px 8px;border-radius: 6px;margin-left: 8px;}/* アイコン */#outer .catalog-icons {display: flex;gap: 12px;margin-bottom: 24px;list-style: none;padding: 0;}#outer .catalog-icons .icon {font-size: 12px;background: #f5f5f5;padding: 6px 10px;border-radius: 20px;}/* セクション */#outer .catalog-section {margin-bottom: 24px;}#outer .catalog-section h4 {font-size: 1.2em;font-weight: 700;margin: 8px 0 0 0;}/* カラバリ */#outer .color-list {display: flex;gap: 16px;list-style: none;padding: 0;}#outer .color-list li {text-align: center;font-size: 12px;}#outer .color-list img {width: 140px;border-radius: 12px;display: block;margin-bottom: 6px;}/* CTA */#outer .catalog-cta {margin-top: 0;}#outer .btn-primary {display: inline-block;background: #3a2a24;color: #fff;padding: 14px 28px;border-radius: 999px;text-decoration: none;font-weight: 700;}#outer .btn-primary2 {display: inline-block;background: #3a2a24;color: #fff;padding: 0.5em;border-radius: 999px;text-decoration: none;font-weight: 700;margin-top: 1em;}#outer .new_icon5 {width: 38%;position: relative;margin-left: 25em;top: -8em;}#outer .new_icon5 img {position: absolute;}#outer .new_icon889 {width: 38%;position: relative;margin-left: 17em;top: -7em;}#outer .new_icon889 img {position: absolute;}/*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 5px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {width: calc(100% / 2);display: block;justify-content: center;align-items: center;margin: 0;height: 118px;border: solid 2px #211916;/* 緑の枠を全体に */box-sizing: border-box;background-color: #FDF7F4;line-height: 1.1em;font-size: 1.5em;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 0;line-height: 4.8em;}#outer .tab_item:first-of-type {border-left-style: none;border-left:  solid 2px #211916;}#outer .tab_item:hover {opacity: 0.7;}/*ラジオボタンを全て消す*/input[name="tab_item"] {display: none;}/*タブ切り替えの中身のスタイル*/#outer .tab_content {display: none;padding: 30px 0 0;clear: both;overflow: hidden;font-size: 14px;}/*選択されているタブのコンテンツのみを表示*/#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content, #tab6:checked ~ #tab6_content, #tab7:checked ~ #tab7_content{display: block;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item {background-color: #211916;color: #fff;}#outer .yokonarabe2{display: flex;}#outer .item_img2{width: 30%;margin-right: 1em;}/* =========================Coming Soon 表現========================= */#outer .color-list li {position: relative;}/* 画像をグレー化 */#outer .color-list li.is-comingsoon img {filter: grayscale(100%) brightness(0.7);}/* オーバーレイ */#outer .color-list li.is-comingsoon::after {content: "COMING SOON";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;letter-spacing: 0.08em;color: #fff;/* 白文字（赤にしたい場合は下を変更） */background: rgba(0, 0, 0, 0.35);pointer-events: none;border-radius: 12px;}/* 赤文字にしたい場合はこちら */#outer .color-list li.is-comingsoon.red::after {color: #c40000;}/* 文字も少し抑える */#outer .color-list li.is-comingsoon span {color: #999;}/* =========================商品一覧だけ横スクロール========================= */#outer .catalog-section.product-scroll {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;max-width: 100%;padding-bottom: 16px;height: 280px;}/* 横並びレール */#outer .catalog-section.product-scroll .color-list {display: flex;gap: 16px;padding-bottom: 8px;margin: 0;list-style: none;width: 100%;}/* 各カード幅を固定（これが超重要） */#outer .catalog-section.product-scroll .color-list li {width: 140px;flex-shrink: 0;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}/* 画像 */#outer .catalog-section.product-scroll .color-list img {width: 100%;border-radius: 10px;display: block;margin-bottom: 0;}/* 商品名 */#outer .catalog-section.product-scroll .color-list span {display: block;font-size: 13px;margin-top: 6px;font-weight: bold;}#outer .chosei {font-weight: bold;font-size:1.2em;text-align: center;color: #000;}#outer .chosei33 {font-size:1em;text-align: center;color: #000;}#outer .pickup-title {position: relative;font-size: 24px;font-weight: 700;line-height: 1.4;margin-bottom: 24px;padding-top: 20px;/* ← 上に余白を作るのがコツ */}/* 下ライン */#outer .pickup-title::after {content: "";position: absolute;left: 0;bottom: 0;width: 48px;/* 短めがコツ */height: 3px;background: #3b2a24;/* ボタンと同系色 */border-radius: 2px;}#outer .yokonarabe3{display: flex;gap: 0.3em;width: 70%;/* margin: 0 auto;*/margin-bottom: -0.5em;}#outer .yokonarabe88{display: flex;gap: 3em;width: 100%;/* margin: 0 auto;*/margin-bottom: -0.5em;}#outer .yokonarabe5{display: block;gap: 0.2em;width: 45%;/* margin: 0 auto;*/margin-bottom: -0.5em;}/* =========================PICK UP セクション（PC）========================= */#outer .pickup-section {margin: 1em 0;padding: 1em 1em 2em 1em;background: #fafafa;border-radius: 20px;}/* タイトル */#outer .pickup-title {font-size: 24px;font-weight: 700;margin-bottom: 1.5em;position: relative;}#outer .pickup-badge {display: inline-block;font-size: 12px;font-weight: 700;background: #3a2a24;color: #fff;padding: 4px 10px;border-radius: 999px;margin-bottom: 6px;}#outer .pickup-lead {font-size: 14px;color: #555;margin-bottom: 24px;}/* 横スクロール */#outer .pickup-scroll {overflow-x: auto;}#outer .pickup-list {display: flex;gap: 20px;padding-bottom: 8px;}#outer .pickup-item {width: 250px;background: #fff;border-radius: 14px;padding: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);text-align: center;}#outer .pickup-item img {width: 100%;border-radius: 10px;display: block;}#outer .pickup-name {font-size: 13px;margin-top: 8px;line-height: 1.5;background: #3a2a24;color: white;border-radius: 14px;padding: 0.2em;}/* 特集リンク */#outer .pickup-feature {margin-top: 1em;text-align: right;}#outer .pickup-feature2 {margin: 1em 0.5em 0.5em 0.5em;text-align: left;font-weight: 600;font-size: 1.2em;}#outer .pickup-feature-link {font-size: 14px;font-weight: 600;color: #3a2a24;text-decoration: none;}#outer .pickup-feature-link span {text-decoration: underline;}#outer .minimoji{font-size: 0.8em;color:gray;margin-top: 1em;}#outer .gooddesign_top {text-align: center;padding: 30px;box-sizing: border-box;margin-bottom: 0;}#outer .gooddesign_top img {margin-bottom: -50px;margin-top: -70px;width: 50%;}#outer .gooddesign_top h1 {font-weight: 900;font-size: 30px;color: white;margin-bottom: 10px;background-color: #c00000;margin-top: -1.5em;}#outer .gooddesign_top h2 {font-weight: 900;font-size: 1.4em;color: #c00000;margin-bottom: 1.2em;margin-top: 0.5em;}#outer .gooddesign_top p {font-weight: bold;}/* スマホのコード */@media screen and (max-width: 768px) {#outer {width: 100%;max-width: 100%;}#outer .heading .title_area {width: 100%;background-image: none;height: auto;}#outer .heading .title_area h1 {display: block;font-size: 2em;text-align: center;margin-bottom: 0;}#outer .heading .title_area h1 span {margin: 0 auto;display: block;}#outer .heading .title_area h1 br {display: none;}#outer .heading .title_area p {font-size: 1.5em;width: auto;text-align: center;margin-top: -50px;}#outer .coupon {width: 100%;box-sizing: border-box;}#outer .item-list {width: 100%;padding: 0 10px;box-sizing: border-box;}#outer .item-list ul li {width: 48%;}#outer .item-list ul:after {display:none;}#outer .pickup-section {margin: 40px 0;}#outer .pickup-title {font-size: 20px;margin: 0.5em 0.5em 1.5em 0.5em;}/* 縦並びにする */#outer .pickup-grid {grid-template-columns: 1fr;gap: 20px;width: 90%;}#outer .pickup-card {padding: 18px;}#outer .pickup-image {margin-bottom: 14px;}#outer .pickup-name {font-size: 1em;}#outer .pickup-text {font-size: 13px;margin-bottom: 14px;}#outer .pickup-button {font-size: 13px;padding: 9px 18px;}#outer .new_icon5 {width: 30%;position: relative;margin-left: 15em;top: -8em;transform: rotate(10deg);/* ←ここ */}#outer .new_icon6 {width: 25%;position: relative;margin-left: 17em;top: -16em;}#outer .catalog-block {display: block;padding: 1.5em;margin: 0 auto;width: 90%;}#outer .new_icon5 {width: 35%;position: relative;margin-left: 18em;top: -7em;}#outer .heading .logogazou {max-width: 100%;height: auto;display: block;margin: 0 auto;}/*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 20px;width: 95%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {font-size: 15px;padding: 0 0 1em 0;border: solid 1px #211916;}/*タブ切り替えの中身のスタイル*/#outer .tab_content {padding: 10px 0 0;}#outer .yokonarabe2{display: block;}#outer .item_img2{width: 100%;margin: 0em auto 1em;}#outer .pickup-title {font-size: 20px;margin: 0 0 1em 0;}#outer .catalog-icons {margin-bottom: 0;}#outer .pickup-section {padding: 1em;margin: 0;}#outer .pickup-title {font-size: 20px;margin: 1em 0.5em;}#outer .pickup-item {min-width: 150px;flex: 0 0 70%;/* ← スマホでカード幅固定 */}#outer .yokonarabe88{display: block;gap: 0;width: 100%;/* margin: 0 auto;*/margin-bottom: 0;}#outer .catalog-visual{height: auto;}#outer .catalog-cta {margin-top: 1em;}#outer .btn-primary2 {padding: 0.3em;margin-top: 0;}#outer .pickup-feature {margin: 1em 0;}#outer .gooddesign_top {padding: 15px;margin-bottom: 0;}#outer .gooddesign_top h1 {font-size: 1.3em;margin-top: 0;}#outer .gooddesign_top img {margin-bottom: -15%;width: 90%;}#outer .gooddesign_top h2 {font-size: 1.2em;}#outer .new_icon889 {width: 40%;position: relative;margin-left: 16em;top: -9.5em;}}