/* ===========================業務用タオル.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;}#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;}#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; }#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 1em 1em 1em;}#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%;}}