﻿@charset "UTF-8";#outer{width: 1260px;margin: 0 auto;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #211916;}#outer .top_parts .top_txt{width: 54%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 0 0 25px;}#outer .top_parts .top_txt h1{font-size: 2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}#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: flex;gap: 48px;background: rgb(250, 250, 250);padding: 2em;border-radius: 20px;width: 90%;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;}/* タイトル */#outer .catalog-title {display: flex;align-items: center;font-size: 1.8em;font-weight: 700;margin: 0 0 1em 0;}#outer .catalog-title2 {display: flex;align-items: center;font-size: 1.3em;font-weight: 700;margin: 12px 0;}#outer .badge-new {display: inline-block;background: #d60000;color: #fff;font-size: 12px;padding: 12px 8px;border-radius: 6px;margin-left: 2em;font-weight: 700;}#outer .badge-new2 {display: inline-block;background: #d60000;color: #fff;font-size: 0.6em;padding: 5px;border-radius: 6px;margin-right: 0.5em;font-weight: 700;}#outer .gazou2 {display: inline-block;}#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 {}#outer .catalog-section h4 {font-size: 1.2em;font-weight: 700;margin: 8px 0 8px 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: 1em;}#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: 35%;position: relative;margin-left: -3em;top: -9em;}#outer .new_icon5 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: 0;height: 310px;}/* 横並びレール */#outer .catalog-section.product-scroll .color-list {display: flex;gap: 16px;padding-bottom: 8px;margin: 0;list-style: none;}/* 各カード幅を固定（これが超重要） */#outer .catalog-section.product-scroll .color-list li {width: 180px;flex-shrink: 0;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);padding-bottom: 1.2em;}/* 画像 */#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;margin-top: 0.1em;}#outer .chosei35 {font-size:1em;text-align: left;color: gray;}#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: 20%;/* margin: 0 auto;*/margin-bottom: -0.5em;margin-left: 0.2em;}#outer .yokonarabe4{display: flex;gap: 0.3em;width: 25%;/* margin: 0 auto;*/margin-bottom: -0.5em;margin-left: 0.2em;}#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: 64px 0;padding: 40px 32px;background: #fafafa;border-radius: 20px;}/* タイトル */#outer .pickup-title {font-size: 24px;font-weight: 700;margin-bottom: 8px;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 {min-width: 180px;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;}/* 特集リンク */#outer .pickup-feature {margin-top: 24px;text-align: right;}#outer .pickup-feature-link {font-size: 14px;font-weight: 600;color: #3a2a24;text-decoration: none;}#outer .pickup-feature-link span {text-decoration: underline;}/* 左ビジュアルをスクロール化 *//* スクロール */#outer .catalog-visual.is-scroll {overflow-x: auto;overflow-y: hidden;width: 100%;}/* 横並び */#outer .catalog-visual .visual-list {display: flex;gap: 16px;}/* ★ここが重要 */#outer .catalog-visual .visual-list li {flex: 0 0 85% !important;width: auto !important;max-width: none;}/* 画像サイズ制御 */#outer .catalog-visual img {width: 100%;height: auto;border-radius: 16px;display: block;}#outer .catalog-visual img {width: 100%;}/* catalog-visual を基準にする */#outer .catalog-visual {position: relative;}/* 容量帯 */#outer .volume-band {position: absolute;top: 16px;left: 0;z-index: 2;background: rgba(0,0,0,0.75);color: #fff;font-weight: 700;font-size: 18px;letter-spacing: 0.05em;padding: 10px 20px 10px 16px;border-radius: 0 999px 999px 0;}/*レコメンドの順位ランキングアイコン*/#recommend_block .ec-shelfRole li.ec-shelfGrid__item:before {content: '';z-index: 2;position: absolute;display: inline-block;width: 25px;height: 25px;background-size: contain;vertical-align: middle;}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before {background-image: url(/img/icon/rank_category_1.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before {background-image: url(/img/icon/rank_category_2.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before {background-image: url(/img/icon/rank_category_3.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before {background-image: url(/img/icon/rank_category_4.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before {background-image: url(/img/icon/rank_category_5.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before {background-image: url(/img/icon/rank_category_6.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before {background-image: url(/img/icon/rank_category_7.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before {background-image: url(/img/icon/rank_category_8.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before {background-image: url(/img/icon/rank_category_9.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before {background-image: url(/img/icon/rank_category_10.png);}#outer h2.uline_b {font-size: 1.8em;margin: 40px auto 20px;border-bottom: 2px solid #eee;padding-bottom: 8px;padding: 0.3em;background-color: white;font-weight: 600;}/* 規格帯（size-300ml） */#outer .catalog-band {position: absolute;top: 12px;left: 12px;background: rgba(0,0,0,0.75);color: #fff;font-size: 14px;font-weight: 700;padding: 6px 12px;border-radius: 6px;z-index: 2;}/* 左ビジュアル */#outer .catalog-visual {position: relative;}/* イメージ横スクロール */#outer .catalog-visual-scroll {display: flex;gap: 12px;overflow-x: auto;width: 300px;}#outer .catalog-visual-scroll img {width: 100%;max-width: 420px;border-radius: 16px;flex-shrink: 0;}/* ガイド文 */#outer .catalog-guide {font-size: 14px;color: #555;margin-bottom: 16px;}#outer .catalog-guidered {font-size: 14px;color: #d60000;margin-bottom: 16px;}/* Coming Soon */#outer .is-comingsoon {position: relative;opacity: 0.6;}#outer .comingsoon-label {position: absolute;top: 8px;left: 8px;background: #666;color: #fff;font-size: 11px;padding: 4px 6px;border-radius: 4px;z-index: 2;}/* タイトル */#outer .title {font-size: 16px;font-weight: 600;margin-bottom: 12px;}/* radio 非表示 */#outer input[type="radio"] {display: none;}/* タブ共通 */#outer .tabs {display: inline-flex;background: #f3f3f3;border-radius: 999px;padding: 4px;margin-bottom: 16px;}#outer .tab {padding: 8px 20px;font-size: 13px;font-weight: 600;color: #777;cursor: pointer;border-radius: 999px;}/* 初期状態は全部非表示 */#outer .category-wrapper {display: none;}/* 表示制御 */#outer #tab-size-300ml:checked ~ .size-300ml,#outer #tab-size-420ml:checked ~ .size-420ml,#outer #tab-size-500ml:checked ~ .size-500ml,#outer #tab-size-750ml:checked ~ .size-750ml {display: block;background: rgb(250, 250, 250);padding: 1em;border-radius: 20px;}/* アクティブタブ */#outer #tab-size-300ml:checked ~ .tabs label[for="tab-size-300ml"],#outer #tab-size-420ml:checked ~ .tabs label[for="tab-size-420ml"],#outer #tab-size-500ml:checked ~ .tabs label[for="tab-size-500ml"],#outer #tab-size-750ml:checked ~ .tabs label[for="tab-size-750ml"] {background: #3a2a24;color: #fff;}#outer li a {display: block;width: 100%;height: 150px;/* ← 好きな高さに調整 */overflow: hidden;}#outer li a img {width: 100%;height: 100%;object-fit: cover;object-position: center top;}/* ===== 全体レイアウト ===== */#outer .feature-block {display: flex;gap: 32px;align-items: flex-start;background: rgb(250, 250, 250);border-radius: 20px;padding: 2em;}/* ===== 左：メイン画像 ===== *//* 枠そのもの */#outer .feature-image-main {border-radius: 16px;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease;width: 60%;}/* 画像 */#outer .feature-image-main img {width: 100%;height: auto;display: block;}/* ===== 右側コンテンツ ===== */#outer .feature-content {flex: 1;min-width: 0;/* flex事故防止 */}/* テキスト */#outer .feature-text {margin-top: 1em;line-height: 1.5;}/* 右下：画像3枚 */#outer .feature-image-sub {display: flex;gap: 12px;margin: 1em 0 2em 0;}#outer .feature-sub-item {width: calc((100% - 24px) / 3);display: flex;flex-direction: column;gap: 6px;/* height は指定しない */}/* 中身を最初からアップ */#outer .feature-sub-item img {width: 100%;height: auto;display: block;transform: scale(1.25);transform-origin: center;}#outer .feature-sub-item {height: auto;}#outer .feature-sub-title{margin-top: 0;text-align: center;}#outer .feature-sub-image {height: 140px;/* ← ここに移す */overflow: hidden;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);position: relative;overflow: hidden;}#outer .feature-sub-item:hover .feature-sub-image::after {opacity: 1;}#outer .series-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 280px));gap: 32px;margin: 2em 0;justify-content: center;/* ← これが重要 */}/* カード全体リンク */#outer .series-card {display: block;text-decoration: none;color: inherit;background-color: #fff;border: 1px solid #eee;border-radius: 18px;padding: 16px;transition: box-shadow 0.3s ease, border-color 0.3s ease;background: rgba(255, 255, 255, 0.25);}#outer .series-card:hover {border-color: #ddd;box-shadow: 0 8px 20px rgba(0,0,0,0.06);}/* 画像 */#outer .series-media {aspect-ratio: 3 / 2;overflow: hidden;border-radius: 14px;}#outer .series-media img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}/* テキストエリア */#outer .series-body {padding: 16px 6px 0;}#outer .series-title {font-size: 17px;font-weight: 700;margin-bottom: 6px;}#outer .series-text {font-size: 14px;line-height: 1.6;color: #555;margin-bottom: 6px;}/* リンク風CTA */#outer .series-link {font-size: 1.1em;font-weight: 600;color: #6b7f45;}/* hover演出 */#outer .series-card:hover .series-media img {transform: scale(1.05);}#outer .series-card:hover .series-link {text-decoration: underline;}/* タイトル＋NEW＋アイコンを1行に */#outer .catalog-title2 {display: inline;vertical-align: middle;align-items: center;margin: 0;line-height: 1.2;}/* h3の後ろのNEWとアイコンを横に続ける */#outer .catalog-title2 + .badge-new,#outer .catalog-title2 + .badge-new + .yokonarabe4 {display: inline-flex;align-items: center;}#outer .badge-new,#outer .yokonarabe4 {display: inline-flex;align-items: center;vertical-align: middle;}#outer .title-inline {display: flex;align-items: center;gap: 6px;flex-wrap: nowrap;/* ← スマホでも折り返さない */}#outer .visual-copy {margin: 1em 0 0 1em;font-size: 1em;line-height: 1.6;letter-spacing: 0.05em;color: gray;}#outer .visual-copy2 {display: block;font-size: 1em;line-height: 1.6;letter-spacing: 0.05em;text-align: right;margin-right: 30em;margin-top: 0.5em;margin-bottom: 0.5em;}/* 画像ラッパーを基準にする */#outer .feature-sub-image {position: relative;display: block;border-radius: 12px;overflow: hidden;}/* グレー化 */#outer .feature-sub-item.is-comingsoon img {filter: grayscale(100%) brightness(0.6);}/* 常時オーバーレイ */#outer .feature-sub-item.is-comingsoon .feature-sub-image::after {content: "COMING SOON";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.45);color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 0.08em;z-index: 2;pointer-events: none;}/* =========================その他関連資材 Coming Soon========================= *//* 親を基準にする */#outer .series-card {position: relative;display: block;width: 70%;margin: 0 auto;}/* 画像だけグレー */#outer .series-card.is-comingsoon .series-media img {filter: grayscale(100%) brightness(0.7);}/* オーバーレイ */#outer .series-card.is-comingsoon::after {content: "COMING SOON";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;letter-spacing: 0.1em;color: #fff;background: rgba(0, 0, 0, 0.45);border-radius: 16px;z-index: 10;pointer-events: none;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃"}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_02::after{content: "";display: block;width: 32%;height: 0;}.contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #211916;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}.column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}.column ul.tokusyu li{width: 23%;margin-bottom: 10px;}.column ul.tokusyu li img{width: 100%;height: auto;}.column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}.column ul.tokusyu::after{content: "";display: block;width: 23%;}#outer .column .tokusyu li a {height: auto;}#outer .contents_02 .item_ .btns_ li a {height: auto;}/* スマホのコード */@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 1.5em 1em 1.5em;margin: 0 auto;width: 85%;margin-top: 0.5em;}#outer .new_icon5 {width: 45%;position: relative;margin-left: 15em;top: -10em;}#outer .heading .logogazou {max-width: 100%;height: auto;display: block;margin: 0 auto;}/*タブ切り替え全体のスタイル*/#outer .tabs {padding: 0;width: 100%;margin: 1em auto 0 auto;justify-content: center;}/*タブのスタイル*/#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.5em 0.5em 1.5em 0.5em;}#outer .catalog-icons {margin-bottom: 0;}#outer .pickup-section {padding: 32px 20px;}#outer .pickup-title {font-size: 20px;}#outer .pickup-item {min-width: 150px;}#outer .yokonarabe88{display: block;gap: 0;width: 100%;/* margin: 0 auto;*/margin-bottom: 0;}#outer .volume-band {font-size: 16px;padding: 8px 16px 8px 14px;}#outer h2.uline_b {font-size: 1.3em;margin: 2.5em 1em 1em 1em;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.3em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}#outer .catalog-code {font-size: 1.5em;}#outer .catalog-visual.is-scroll {width: auto;}#outer .yokonarabe3{width: 35%;gap: 0;}#outer .catalog-title {font-size: 1.23em;font-weight: 700;margin: 12px 0;border-bottom: 2px solid #eee;padding: 0.5em 0;}#outer .catalog-section h4 {font-size: 1em;font-weight: 700;margin: 8px 0 8px 0;}#outer .feature-block {flex-direction: column;padding: 1em 1em 0 1em;gap: 1em;}#outer .feature-image-main {width: auto;margin: 0 auto;margin-bottom: 0.7em;}#outer .feature-sub-image {height: auto;}#outer .catalog-section.product-scroll {height: 270px;}#outer .btn-primary {padding: 0.5em;margin-left: 1em;}#outer .btn-primary2 {padding: 0.5em;margin-left: 0;}#outer .feature-text {margin: 1em 0.5em;line-height: 1.5;}#outer .catalog-title2 {margin: 1em;}#outer .badge-new {margin-left: 0;}#outer .catalog-guide {margin-bottom: 0.5em;}#outer li a {height: 142px;}#outer .catalog-title2 {display: block;vertical-align: middle;align-items: center;margin: 0;line-height: 1.2;font-size: 1.1em;margin-left: 0.5em;}#outer .catalog-title2 + .badge-new,#outer .catalog-title2 + .badge-new + .yokonarabe4 {display: inline-flex;align-items: center;margin-left: 0.2em;}#outer .product-scroll {position: relative;}#outer .product-scroll::before {content: "← 横にスクロールできます →";font-size: 12px;position: absolute;bottom: -18px;right: 0;}#outer .catalog-visual .visual-list li {flex: 0 0 90%;}#outer .visual-copy2 {text-align: center;margin-right: 0;font-size: 1em;padding-bottom: 1.5em;}/* 表示制御 */#outer #tab-size-300ml:checked ~ .size-300ml,#outer #tab-size-420ml:checked ~ .size-420ml,#outer #tab-size-500ml:checked ~ .size-500ml,#outer #tab-size-750ml:checked ~ .size-750ml {padding: 0;}/* 右下：画像3枚 */#outer .feature-image-sub {margin: 1em 0;}/* 常時オーバーレイ */#outer .feature-sub-item.is-comingsoon .feature-sub-image::after {letter-spacing: 0;}#outer .visual-copy {margin: 0.5em 0 0.5em 0.5em;}#outer .catalog-cta {margin-top: 0;}/*関連記事*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}#outer .column .tokusyu li a {height: auto;}}