/* ===========================業務用タオル.css全セレクターに #outer を付与JS不使用・radio + :checked で切り替えradioは #outer の直接の子として配置PC: 768px以上 / SP: 767px以下=========================== */#outer{color: #1a1a1a;font-size: 14px;line-height: 1.6;box-sizing: border-box;width: 1260px;margin: 0 auto;}#outer *,#outer *::before,#outer *::after {box-sizing: border-box;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #1a6abf;margin-bottom: 50px;}#outer .top_parts .top_txt{width: 54%;color: white;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: 2.3em;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 .ind-radio {display: none;}#outer .section-title {font-weight: 700;color: #1a1a1a;margin: 0 0 16px;padding-bottom: 10px;border-bottom: 2px solid #1a1a1a;}.uline_b {font-weight: 700;color: #1a1a1a;margin: 0 0 16px;padding-bottom: 10px;border-bottom: 2px solid #1a1a1a;}#outer .divider {border: none;border-top: 1px solid #e0dfd8;}/* 業種カード */#outer .ind-card {border: 1px solid #e0dfd8;border-radius: 8px;cursor: pointer;transition: border-color 0.15s, background 0.15s;background: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;user-select: none;margin: 0;}#outer .ind-card:hover {border-color: #aaa;background: #f9f9f7;}#outer .ind-icon {display: block;margin-bottom: 6px;}#outer .ind-name {font-size: 13px;font-weight: 700;color: #1a1a1a;margin-bottom: 4px;display: block;}#outer .ind-desc {font-size: 0.9em;color: #888;line-height: 1.4;display: block;margin-top: -0.4em;}/* active */#outer #ind-restaurant:checked ~ #section-industry .industry-grid label[for="ind-restaurant"],#outer #ind-hotel:checked      ~ #section-industry .industry-grid label[for="ind-hotel"],#outer #ind-beauty:checked     ~ #section-industry .industry-grid label[for="ind-beauty"],#outer #ind-medical:checked    ~ #section-industry .industry-grid label[for="ind-medical"],#outer #ind-cleaning:checked   ~ #section-industry .industry-grid label[for="ind-cleaning"] {border: 2px solid #1a6abf;background: #eaf2fb;}#outer #ind-restaurant:checked ~ #section-industry .industry-grid label[for="ind-restaurant"] .ind-name,#outer #ind-hotel:checked      ~ #section-industry .industry-grid label[for="ind-hotel"]      .ind-name,#outer #ind-beauty:checked     ~ #section-industry .industry-grid label[for="ind-beauty"]     .ind-name,#outer #ind-medical:checked    ~ #section-industry .industry-grid label[for="ind-medical"]    .ind-name,#outer #ind-cleaning:checked   ~ #section-industry .industry-grid label[for="ind-cleaning"]   .ind-name {color: #1a6abf;}/* パネル表示制御 */#outer .flow-panel {display: none;}#outer #ind-restaurant:checked ~ #section-industry .flow-panels #panel-restaurant,#outer #ind-hotel:checked      ~ #section-industry .flow-panels #panel-hotel,#outer #ind-beauty:checked     ~ #section-industry .flow-panels #panel-beauty,#outer #ind-medical:checked    ~ #section-industry .flow-panels #panel-medical,#outer #ind-cleaning:checked   ~ #section-industry .flow-panels #panel-cleaning {display: block;}/* パネル外枠 */#outer .result-area {border: 1px solid #e0dfd8;border-radius: 8px;overflow: hidden;margin-bottom: 16px;}#outer .result-header {background: #f5f5f0;border-bottom: 1px solid #e0dfd8;display: flex;align-items: center;gap: 0;padding: 12px;/* ←これも地味に重要 */}#outer .result-header-icon {width: 60px;/* ←サイズ固定 */aspect-ratio: 1/1;/* ←正方形 */flex-shrink: 0;/* ←潰れ防止 */}#outer .result-header-icon img {width: 100%;height: 100%;object-fit: cover;}#outer .result-header-text {font-size: 1em;font-weight: 700;color: #1a1a1a;}/* 商品カード行 */#outer .prod-row {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}/* 商品＋関連資材をまとめる外枠 */#outer .card-group {flex: 1;min-width: 0;border: 1px solid #e0dfd8;border-radius: 6px;overflow: hidden;display: flex;flex-direction: column;}/* 商品リンクカード（上段） */#outer .prod-link-card {display: flex;flex-direction: column;gap: 6px;text-decoration: none;background: white;border-bottom: 1px solid #1a6abf;transition: background 0.15s, border-color 0.15s;flex: 1;}#outer .prod-link-name {font-size: 1.15em;font-weight: 700;color: #888;}#outer .prod-link-arrow {font-size: 11px;color: #1a6abf;font-weight: 700;}/* 関連資材（下段・枠なし） */#outer .related-area {background: #eaf2fb;display: flex;flex-direction: column;gap: 4px;margin-top: 0.5em;padding: 1em 0.5em 1.5em 0.5em;margin-top: 0;height: auto;}#outer .related-area2 {background: #eaf2fb;display: flex;flex-direction: column;gap: 4px;margin-top: 0.5em;padding: 1em 0.5em 1.5em 0.5em;margin-top: 0;height: 185px;}#outer .related-label {font-size: 0.9em;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color:#888;padding-left: 0.5em;margin-top: 0.2em;}#outer .related-label before{}#outer .related-items {display: flex;flex-wrap: wrap;gap: 4px;}/* 関連資材タグ（枠あり） */#outer .related-item {display: inline-block;font-size: 0.85em;color: white;border: 1px solid #b0cce8;border-radius: 4px;padding: 0.5em;text-decoration: none;background: #1a6abf;transition: background 0.15s, border-color 0.15s;font-weight: 700;width: 49%;line-height: 1.5em;}#outer .related-item:hover {background: #d8eaf7;border-color: #1a6abf;color: #1a6abf;}#outer .related-item4 {display: inline-block;font-size: 0.85em;color: white;border: 1px solid #b0cce8;border-radius: 4px;padding: 0.5em;text-decoration: none;background: #1a6abf;transition: background 0.15s, border-color 0.15s;font-weight: 700;width: 100%;line-height: 1.5em;}#outer .related-item4:hover {background: #d8eaf7;border-color: #1a6abf;color: #1a6abf;}#outer .related-item2 {display: inline-block;font-size: 0.9em;color: #1a6abf;border: 1px solid #b0cce8;border-radius: 4px;padding: 2px 8px;text-decoration: none;background: #fff;transition: background 0.15s, border-color 0.15s;}#outer .related-empty {font-size: 11px;color: #ccc;}/* パネルフッター */#outer .panel-footer {border-top: 1px solid #e0dfd8;background: #fafaf8;}#outer .panel-link {font-size: 1em;font-weight: 700;color: #1a6abf;text-decoration: none;}#outer .panel-link:hover {text-decoration: underline;}#outer .panel-link2 {font-size: 1em;font-weight: 700;color: #1a6abf;text-decoration: none;}/* ボタン */#outer .btn-more {display: block;width: 100%;text-align: center;font-size: 13px;font-weight: 700;color: #1a6abf;background: #eaf2fb;border: 1px solid #b0cce8;border-radius: 6px;cursor: pointer;text-decoration: none;transition: background 0.15s;}#outer .btn-more:hover {background: #d8eaf7;}/* 商品から探すカード（画像あり） */#outer .prod-card {border: 1px solid #e0dfd8;border-radius: 8px;overflow: hidden;background: #fff;display: flex;flex-direction: column;transition: border-color 0.15s;}#outer .prod-card:hover {border-color: #aaa;}#outer .prod-card-img {background: #f0efe8;display: flex;align-items: center;justify-content: center;font-size: 1em;color: #aaa;border-bottom: 1px solid #e0dfd8;}#outer .prod-card-img img {width: 100%;height: 100%;object-fit: cover;display: block;}#outer .prod-card-body {display: flex;flex-direction: column;flex: 1;}#outer .prod-name {font-weight: 700;color: #1a1a1a;}#outer .prod-meta {color: #777;line-height: 1.6;flex: 1;}/* ボタン */#outer .prod-card-btn {display: block;text-align: right;font-weight: 700;color: #1a6abf;/*　background: #eaf2fb;border: 1px solid #b0cce8;*/border-radius: 5px;text-decoration: none;transition: background 0.15s;background: white;border: white;}#outer .prod-card-btn:hover {background: #d8eaf7;}#outer .prod-card-btn2 {display: block;text-align: right;font-weight: 700;color: #1a6abf;/*　background: #eaf2fb;border: 1px solid #b0cce8;*/border-radius: 5px;text-decoration: none;transition: background 0.15s;background: white;border: white;}#outer .prod-card-btn2:hover {background: #d8eaf7;}/* おすすめ商品 */#outer .rec-card {border: 1px solid #e0dfd8;border-radius: 8px;overflow: hidden;background: #fff;transition: border-color 0.15s;}#outer .rec-card:hover {border-color: #1a6abf;}#outer .rec-img {display: flex;align-items: center;justify-content: center;font-size: 1em;color: #aaa;border-bottom: 1px solid #e0dfd8;position: relative;overflow: hidden;}#outer .rec-img::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.95) 70%,rgba(255,255,255,1) 100%);}#outer .rec-img img {width: 70%;height: 70%;object-fit: cover;display: block;}#outer .rec-name {font-weight: 700;color: #1a1a1a;line-height: 1.5;margin-left: 0.2em;margin-bottom: 1em;text-align: center;}#outer .rec-specs-label {font-size: 0.9em;color: #999;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;margin-bottom: 6px;margin-left: 0.2em;}#outer .rec-tags{display: flex;flex-wrap: wrap;gap: 4px;}#outer .rec-tag {font-size: 1.1em;border: 1px solid #ccc;border-radius: 8px;padding: 0.5em 0em 1em 0.5em;text-decoration: none;color: inherit;cursor: pointer;transition: all 0.2s ease;background: #eaf2fb;}#outer .rec-tag:hover {background: #eaf2fb;border-color: #4a90e2;transform: translateY(-2px);box-shadow: 0 3px 8px rgba(0,0,0,0.1);}#outer .tag-title {color: white;background: #1a6abf;width: 65%;border-radius: 8px;padding: 0.1em 0.2em 0.1em 0.1em;text-align: center;font-size: 0.9em;}#outer .rec-btn {display: block;text-align: center;font-weight: 700;color: #1a6abf;background: #eaf2fb;border: 1px solid #b0cce8;border-radius: 6px;text-decoration: none;transition: background 0.15s;}#outer .rec-btn:hover {background: #d8eaf7;color:#1a6abf  }/* ===========================PC: 768px以上=========================== */@media (min-width: 768px) {#outer {max-width: 1260px;margin: 0 auto;padding: 0 32px 56px;}#outer .pc-br {display: inline;}/* ヒーロー */#outer .hero {display: flex;align-items: center;gap: 40px;padding: 36px;background: #f5f5f0;border: 1px solid #e0dfd8;border-radius: 8px;margin-bottom: 48px;}#outer .hero-inner {flex: 1;}#outer .hero-title {font-size: 24px;font-weight: 700;margin: 0 0 12px;line-height: 1.4;}#outer .hero-sub {font-size: 13px;color: #555;margin: 0;line-height: 1.8;}#outer .hero-img {width: 320px;height: 160px;flex-shrink: 0;background: #e0dfd8;border: 1px solid #ccc;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 1em;color: #999;}#outer .section {margin-bottom: 66px;}#outer .section-title {font-size: 18px;margin-top: 2em;}.uline_b {font-size: 18px;margin-top: 2em;}#outer .divider {margin: 48px 0;}/* 業種グリッド: 5列 */#outer .industry-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 12px;margin-bottom: 24px;}#outer .ind-card {padding: 1em 1em 1.5em 1em;}#outer .ind-icon {font-size: 26px;margin-bottom: 8px;}/* パネル */#outer .result-header {padding: 14px 18px;}#outer .prod-row {padding: 2em 2.4em;}#outer .prod-link-card {padding: 1em;}#outer .related-area {padding: 1em 0.5em 1.5em 0.5em;margin-top: 0;height: auto;}#outer .panel-footer {padding: 10px 18px 12px;}/* 商品から探す: 4列・画像あり */#outer .all-products {display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px;width: 100%;}#outer .prod-card-img {aspect-ratio: 4 / 3;width: 100%;}#outer .prod-card-body {padding: 12px 14px;gap: 6px;}#outer .prod-name {font-size: 1.2em;margin-bottom: 4px;}#outer .prod-meta {font-size: 0.9em;margin-bottom: 10px;}#outer .prod-card-btn {font-size: 0.8em;padding: 7px 2px 7px 7px;margin-top: auto;}#outer .prod-card-btn2 {font-size: 0.8em;padding: 7px 2px 7px 7px;}/* おすすめ商品: 3列・縦積み */#outer .rec-grid {display: flex;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 80%;}#outer .rec-card {display: flex;flex-direction: column;width: 288px;justify-items:center;}#outer .rec-img2 {border-bottom: 1px solid #e0dfd8;width: 100%;}#outer .rec-body {display: flex;flex-direction: column;flex: 1;padding: 14px;}#outer .rec-name {font-size: 1em;}#outer .rec-specs {flex: 1;margin-bottom: 12px;}#outer .rec-tag {font-size: 1em;width: 49%;text-decoration: none;padding: 0.5em;}#outer .rec-btn {font-size: 1em;padding: 9px;background: #1a6abf;color: white;}}#outer .feature777 {padding: 0;margin: 1.5em 2.5em 3em 2.5em;}#outer .feature-title777 {font-size: 1em;font-weight: 600;display: inline-block;padding-bottom: 5px;position: relative;overflow: hidden;}#outer .feature-grid777 {display: grid;grid-template-columns: repeat(6, 1fr);gap: 1em;width: 100%;}#outer .feature-card777 {position: relative;overflow: hidden;border-radius: 12px;display: block;transition: box-shadow 0.3s ease;}#outer .feature-card777 img {width: 100%;height: auto;display: block;transition: transform 0.3s ease;border: 1px solid #e0dfd8;}#outer .feature-text777 {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px;color: #fff;font-size: 14px;background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);font-weight: 600;}/* ホバー */#outer .feature-card777:hover img {transform: scale(1.05);}#outer .feature-card777:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.15);}#outer .icon788 {width: 40px;/* 好きなサイズ */aspect-ratio: 1/1;/* 正方形にする */margin-top: 8px;}#outer .icon788 img {width: 100%;height: 100%;object-fit: contain;/* or cover */}#outer .item_price {font-weight: bold;font-size: 2em;color: RED;line-height: 1;margin-top: 0.5em;}#outer .unit_price {font-size: 0.9em;color: RED;margin-top: 0.1em;}#outer .yokonarabe{display: flex;column-gap: 0.8em;margin-top: 0.8em;}/*メニュー 基本設定*/#outer ul.menu{width: 100%;display: flex;justify-content: left;flex-wrap: wrap;box-sizing: border-box;gap: 0.5em;}#outer ul.menu li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}#outer ul.menu li{width: 32%;}#outer ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;}#outer ul.menu li:hover{opacity: 0.7;}#outer ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}/*メニュー　各カテゴリ設定*/#outer ul.menu li{background-color: #f5f5f0;}#outer ul.menu li a{color: #1a1a1a;}#outer ul.menu li a:before{border-top: 7px solid #591805;}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 49%;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: white;background-color: #1a6abf;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%;}._contenttitle .contents_02 .item_ ul.btns_ li{list-style: none;}.column h3{font-size: 1.2em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃";color: #965d30;}#outer .rec-link {display: block;text-decoration: none;color: inherit;}/* ===========================スマホ: 767px以下=========================== */@media (max-width: 767px) {#outer {width: 100%;padding: 0 0 40px;}#outer .pc-br {display: none;}/* ヒーロー */#outer .hero {padding: 20px 16px;background: #f5f5f0;border-bottom: 1px solid #e0dfd8;margin-bottom: 28px;}#outer .hero-inner {margin-bottom: 14px;}#outer .hero-title {font-size: 18px;font-weight: 700;margin: 0 0 10px;line-height: 1.4;}#outer .hero-sub {font-size: 1em;color: #555;margin: 0;line-height: 1.7;}#outer .hero-img {width: 100%;height: 120px;background: #e0dfd8;border: 1px solid #ccc;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 1em;color: #999;}#outer .section {padding: 0 16px;margin-bottom: 28px;}#outer .section-title {font-size: 1.1em;margin-bottom: 14px;}.uline_b {font-size: 1.1em;margin-bottom: 14px;}#outer .divider {margin: 0 1em 3em 1em;}/* 業種グリッド: 2列 */#outer .industry-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;margin-bottom: 16px;}#outer .ind-card {padding: 12px 10px;}#outer .ind-icon {font-size: 22px;margin-bottom: 5px;}/* パネル */#outer .result-header {padding: 10px 14px;}/* SP: 横スクロール */#outer .prod-row {overflow-x: auto;-webkit-overflow-scrolling: touch;padding: 14px 14px 20px 20px;gap: 10px;flex-wrap: nowrap;}#outer .card-group {min-width: 279px;flex-shrink: 0;}#outer .prod-link-card {padding: 1.5em 1em;}#outer .prod-link-name {font-size: 1.1em;}#outer .prod-link-arrow {font-size: 10px;}#outer .related-area {padding: 10px 10px 15px 10px;margin-top: 0;height: auto;}#outer .related-area2 {padding: 10px 10px 15px 10px;margin-top: 0;height: 166px;}#outer .panel-footer {padding: 15px 14px 12px;}/* 商品から探す: 2列・画像あり */#outer .all-products {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}#outer .prod-card-img {aspect-ratio: 4 / 3;width: 100%;}#outer .prod-card-body {padding: 10px 12px;gap: 5px;width: 150px;}#outer .prod-name {font-size: 0.9em;margin-bottom: 3px;}#outer .prod-meta {font-size: 11px;margin-bottom: 0;}#outer .prod-card-btn {font-size: 0.9em;padding: 7px;margin-top: auto;}/* おすすめ: 1列横並び */#outer .rec-grid {display: flex;flex-direction: column;gap: 10px;}#outer .rec-card {display: block;flex-direction: row;align-items: stretch;width: 90%;margin: 0.3em auto;justify-items:center;}#outer .rec-img {flex-shrink: 0;border-bottom: 1px solid #e0dfd8;}#outer .rec-body {flex: 1;display: flex;flex-direction: column;padding: 1em;}#outer .rec-name {font-size: 1em;margin-bottom: 8px;text-align: center;}#outer .rec-specs {flex: 1;margin-bottom: 8px;}#outer .rec-tag {font-size: 1em;background: #eaf2fb;padding: 0.5em;}#outer .rec-btn {font-size: 0.9em;padding: 8px;background: #1a6abf;color: white;}#outer .feature-grid777 {display: flex;overflow-x: auto;gap: 1em;width: auto;font-size: 1em;}#outer .feature-card777 {min-width: 40%;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 1em;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.2em;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 .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}#outer .feature777 {padding: 0;margin: 1.5em 0em 2em 1.5em;}#outer .ind-desc {margin-top: -0.5em;}#outer .rec-tags {display: flex;flex-wrap: wrap;gap: 4px;}/*メニュー 基本設定*/#outer ul.menu{padding: 0 10px;margin-bottom: 3em;justify-content: center;}#outer ul.menu li{width: 95%;margin-bottom: 5px;}#outer ul.menu li a{font-size: 14px;padding: 5px 10px;position: relative;}column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃";color: #965d30;}.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;background-color: #1a6abf;border-radius: 100vh;color: white;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%;}}