/* 下層ページの左右の列（トップページと同じデザイン）2026-10-22 */
.tsb-paper{--tsb-bg:#f8edd5;--tsb-acc:#a5690f}
.tsb-intro{--tsb-bg:#fdebd9;--tsb-acc:#e0620b}
.tsb-machine{--tsb-bg:#e3effc;--tsb-acc:#1565c0}
.tsb-dtf{--tsb-bg:#efe6fb;--tsb-acc:#7b4bb7}
.tsb-support{--tsb-bg:#dff5e9;--tsb-acc:#0f8a52}
.tsb-c-blue{--tsb-c:#1565c0}
.tsb-c-green{--tsb-c:#0f8a52}
.tsb-c-gold{--tsb-c:#a5690f}
.tsb-c-purple{--tsb-c:#7b4bb7}
.tsb-c-gray{--tsb-c:#5b6578}
.tsb-quick{margin:0 0 12px;background:#16223a;border-radius:8px;padding:2px 0}
.tsb-quick-h{margin:0;padding:8px 10px 2px;color:#ffd54f;font-weight:900;font-size:14px;line-height:1.4}
.tsb-chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 10px}
.tsb-chips a{font-size:11.5px;padding:3px 8px;border-radius:12px;background:#fff;color:#16223a;text-decoration:none;font-weight:700;line-height:1.5}
.tsb-chips-dt a{background:#f1eafb;color:#5b2f9a;font-size:11px}
.tsb-blk{margin:0 0 14px;background:var(--tsb-bg);border-radius:8px;padding:0 0 6px;overflow:hidden}
.tsb-ttl{margin:0;padding:9px 11px 8px;font-weight:900;font-size:19px;color:#16223a;line-height:1.2;border-bottom:3px solid var(--tsb-acc)}
.tsb-ttl small{display:block;font-size:11.5px;font-weight:700;color:var(--tsb-acc);margin-top:3px}
.tsb-pr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 8px 0}
.tsb-pr span{display:block;background:#fff;border:2px solid #c62828;border-radius:6px;text-align:center;padding:5px 2px;font-size:10.5px;font-weight:700;color:#5b6578;line-height:1.3}
.tsb-pr b{display:block;color:#c62828;font-size:11.5px;font-weight:900;line-height:1.2;padding:3px 0 2px;white-space:nowrap}
.tsb-pr .tsb-pr-one{display:flex;align-items:center;justify-content:center}
.tsb-pr .tsb-pr-one b{font-size:22px;padding:0}
.tsb-types-h{margin:8px 10px 0;font-size:12px;font-weight:900;color:#a5690f;line-height:1.4}
.tsb-types{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 8px 0}
.tsb-types a{display:block;background:#fff;border-radius:6px;overflow:hidden;text-decoration:none;color:#1b2433;box-shadow:0 1px 3px rgba(0,0,0,.12);padding-bottom:5px;text-align:center}
.tsb-types img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.tsb-types b{display:block;font-size:13px;margin-top:3px;line-height:1.2}
.tsb-types small{display:block;font-size:10.5px;color:#c62828;font-weight:700;line-height:1.4}
.tsb-hero{display:block;position:relative;margin:8px 8px 4px;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.tsb-hero img{display:block;width:100%;height:120px;object-fit:cover}
.tsb-hero-t{position:absolute;left:0;right:0;bottom:0;padding:16px 9px 7px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;line-height:1.3}
.tsb-hero-t b{display:block;font-size:14px;line-height:1.2}
.tsb-hero-t small{display:block;font-size:11px}
.tsb-rows{margin:4px 8px 0;background:#fff;border-radius:6px;overflow:hidden}
.tsb-item{display:flex;gap:8px;align-items:center;padding:7px 8px;border-top:1px solid #eef1f5;text-decoration:none;color:#1b2433}
.tsb-rows .tsb-item:first-child{border-top:0}
.tsb-item:hover{background:#f6f9ff}
.tsb-item img{width:58px;height:58px;object-fit:cover;border-radius:4px;border:1px solid #e3e7ee;flex:none;background:#fff;margin:0}
.tsb-item-t{display:block;line-height:1.35}
.tsb-item-t b{display:block;font-size:13.5px}
.tsb-item-t small{display:block;font-size:11.5px;color:#5b6578}
.tsb-mini{list-style:none;margin:4px 8px 0;padding:0;background:#fff;border-radius:6px;overflow:hidden}
.tsb-mini li a{display:flex;gap:8px;align-items:center;padding:5px 8px;border-top:1px solid #eef1f5;text-decoration:none;color:#1b2433}
.tsb-mini li:first-child a{border-top:0}
.tsb-mini img{width:38px;height:38px;object-fit:cover;border-radius:4px;border:1px solid #e3e7ee;flex:none;margin:0}
.tsb-mini b{display:block;font-size:12.5px;line-height:1.25}
.tsb-mini small{display:block;font-size:10.5px;color:#5b6578;line-height:1.3}
.tsb-badge{display:inline-block;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:9px;margin-bottom:2px;white-space:nowrap;font-style:normal}
.tsb-mini .tsb-badge{margin:0 0 0 4px;vertical-align:1px}
.tsb-badge-hot{background:#e65100}
.tsb-badge-new{background:#e53935}
.tsb-badge-limit{background:#e53935}
.tsb-badge-main{background:#1565c0}
.tsb-links{list-style:none;margin:6px 8px 0;padding:4px 10px 8px;background:#fff;border-radius:6px}
.tsb-box .tsb-links{margin:0;border-radius:0}
.tsb-links li{border-bottom:1px dotted #d7dde6}
.tsb-links li a{display:block;padding:6px 0 6px 14px;position:relative;font-size:12.5px;color:#1b2433;text-decoration:none;line-height:1.4}
.tsb-links li a:before{content:"\203A";position:absolute;left:2px;color:#8a95a8;font-weight:700}
.tsb-more{display:block;margin:6px 8px 8px;padding:7px;text-align:center;background:#fff;border:1.5px solid var(--tsb-c);color:var(--tsb-c);border-radius:20px;font-size:12.5px;font-weight:700;text-decoration:none;line-height:1.4}
.tsb-box{margin:0 0 16px;background:#fff;border:1px solid #e3e7ee;border-radius:6px;overflow:hidden}
.tsb-h{margin:0;padding:8px 10px 7px;background:#f3f5f8;border-left:5px solid var(--tsb-c);font-weight:900;font-size:15px;color:#1b2433;line-height:1.3}
.tsb-h a{color:#1b2433;text-decoration:none}
.tsb-h small{display:block;font-weight:500;font-size:11.5px;color:#5b6578;margin-top:2px}
.tsb-cal{padding:2px 4px 8px}
.tsb-calbox{padding:5px}
.tsb-note{font-size:12px;margin:4px 6px 0;line-height:1.5}
.tsb-red{color:#e53935}
.tsb-anshin{margin:0 0 14px;border:2px solid #f0b400;border-radius:8px;background:#fffbea;overflow:hidden}
.tsb-anshin-h{margin:0;padding:7px 10px;background:#f0b400;color:#3a2a00;font-weight:900;font-size:14px;line-height:1.4}
.tsb-anshin ul{list-style:none;margin:0;padding:6px 8px 2px}
.tsb-anshin li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-bottom:1px dotted #e8d9a0;font-size:12px;line-height:1.4;color:#1b2433}
.tsb-anshin li i{color:#e0620b;width:16px;text-align:center;margin-top:2px}
.tsb-anshin li b{color:#c62828}
.tsb-anshin li small{display:block;font-size:10.5px;color:#6b6b6b}
.tsb-anshin > a{display:block;padding:6px 10px 8px;font-size:12px;font-weight:700;color:#1565c0;text-decoration:none}
.tsb-cust{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px}
.tsb-cust a{display:block;padding:9px 4px 7px;border-radius:8px;color:#fff;text-align:center;text-decoration:none;line-height:1.25}
.tsb-cust i{font-size:22px;display:block;margin-bottom:3px}
.tsb-cust b{display:block;font-size:13px}
.tsb-cust small{display:block;font-size:10px}
.tsb-cust-my{background:#ef6c00}
.tsb-cust-line{background:#06c755}
.tsb-cust-mail{background:#1565c0}
.tsb-cust-tel{background:#37474f}
.tsb-cust-tel b{font-size:12.5px}
.tsb-sites{padding:8px;display:grid;gap:6px}
.tsb-sites img{display:block;width:100%;height:auto;margin:0}
.tsb-sns{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}
.tsb-sns a{display:flex;align-items:center;justify-content:center;height:46px;background:#fff;border:1px solid #e3e7ee;border-radius:6px}
.tsb-sns img{display:block;width:auto;height:30px;max-width:92%;object-fit:contain;margin:0}
.tsb-map img{display:block;width:100%;height:auto;margin:0}
.tsb-base{margin:0;padding:6px 10px 2px;font-size:12px}
.tsb-base dt{font-weight:900;color:#0f8a52;margin-top:6px}
.tsb-base dd{margin:0 0 0 18px;color:#1b2433;line-height:1.45}
.tsb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 16px}
.tsb-tiles a{display:block;text-align:center;padding:9px 4px 7px;background:#fff;border:1px solid #e3e7ee;border-top:3px solid var(--tsb-c);border-radius:6px;text-decoration:none;color:#1b2433;line-height:1.3}
.tsb-tiles i{color:var(--tsb-c);font-size:21px;display:block;margin-bottom:4px}
.tsb-tiles b{display:block;font-size:12.5px;line-height:1.25}
.tsb-tiles small{display:block;font-size:10.5px;color:#5b6578;margin-top:2px}
.tsb-dt{margin:0 0 14px;background:#fff;border:2px solid #7b4bb7;border-radius:8px;overflow:hidden}
.tsb-dt-img img{display:block;width:100%;height:auto;margin:0}
.tsb-dt-h{margin:0;padding:7px 10px 2px;font-size:13px;font-weight:700;color:#1b2433;line-height:1.4}
.tsb-dt-h b{color:#7b4bb7;font-size:18px}
@media screen and (max-width:1239px) and (min-width:768px){
	.tsb-item img{width:46px;height:46px}
	.tsb-item{gap:6px;padding:6px}
	.tsb-ttl{font-size:17px}
	.tsb-hero img{height:100px}
	.tsb-chips a{font-size:11px;padding:2px 7px}
	.tsb-hero-t b{font-size:12.5px}
	.tsb-sns{grid-template-columns:1fr}
	.tsb-sns a{height:42px}
	.tsb-hero-t small{font-size:10px}
	.tsb-ttl small{font-size:11px}
}
@media screen and (max-width:767px){
	.tsb-hero img{height:150px}
	.tsb-types{grid-template-columns:1fr 1fr 1fr 1fr}
	.tsb-cust,.tsb-tiles{grid-template-columns:1fr 1fr}
}
#rail .tsb-rail-cart{--rail-c:#ef6c00}
/* サイド：拠点・アクセスの日本地図（css/style4.css に移してもOK） */
.tsb-jmap{margin:8px 8px 0;border:1px solid #cfdde8;border-radius:6px;overflow:hidden}
.tsb-jmap svg{display:block;width:100%;height:auto}
.tsb-jmap a{cursor:pointer}
.tsb-jmap-pin{fill:#e60023;stroke:#fff;stroke-width:2}
.tsb-jmap a:hover .tsb-jmap-pin{fill:#a8001a}
.tsb-jmap text{font-size:15px;font-weight:700;fill:#14532d;paint-order:stroke;stroke:#fff;stroke-width:4.5px;stroke-linejoin:round}
.tsb-jmap a:hover text{fill:#e60023}
.tsb-jmap-note{margin:4px 10px 0;font-size:10.5px;color:#5f626b}
.tsb-base dt a{display:flex;align-items:center;gap:4px;color:#0f8a52;text-decoration:none}
.tsb-base dt a:hover{text-decoration:underline}
.tsb-maplink{margin-left:auto;font-size:10.5px;font-weight:700;color:#fff;background:#0f8a52;border-radius:999px;padding:0 8px;line-height:1.7}
.tsb-base dd small{display:block;margin-top:2px;font-size:10.5px;color:#5f626b;line-height:1.4}
/* サイド：FAQ・購入者サポートの購入者専用ページ（3分類） */
.tsb-buyer{margin:8px;padding:9px 9px 10px;background:#f3f6fb;border:1px solid #dde5ef;border-radius:6px}
.tsb-buyer-h{margin:0;font-size:14px;font-weight:900;color:#1b2433}
.tsb-buyer-h i{color:#0f8a52}
.tsb-buyer-g{--bc:#1565c0;margin-top:9px}
.tsb-buyer-d{--bc:#e3336f}
.tsb-buyer-p{--bc:#1e2b4f}
.tsb-buyer-t{display:inline-block;margin:0;font-size:11px;font-weight:700;line-height:1.6;color:#fff;background:var(--bc);border-radius:3px;padding:0 7px}
.tsb-buyer-g a{position:relative;display:block;margin-top:5px;padding:8px 24px 8px 10px;background:#fff;border:1px solid #d5dde8;border-left:4px solid var(--bc);border-radius:5px;color:#1b2433;text-decoration:none;line-height:1.3}
.tsb-buyer-g a::after{content:"›";position:absolute;right:9px;top:50%;transform:translateY(-55%);font-size:20px;font-weight:700;line-height:1;color:var(--bc)}
.tsb-buyer-g a b{display:block;font-size:14.5px;font-weight:900}
.tsb-buyer-g a small{display:block;font-size:11.5px;font-weight:700;color:var(--bc);margin-top:1px}
.tsb-buyer-g a:hover{border-color:var(--bc);background:#f9fbff}
/* サイド：マーク製作代行 */
.tsb-mark{--tsb-bg:#e3f1fb;--tsb-acc:#1565c0}
/* サイド：カテゴリー見出し */
.tsb-cat{display:flex;align-items:center;gap:6px;margin:4px 0 8px;font-size:13px;font-weight:900;color:#1b2433;letter-spacing:.05em}
.tsb-cat::after{content:"";flex:1;height:2px;background:#1b2433;opacity:.25}
.tsb-cat i{color:#1565c0}
#side .tsb-cat{margin-top:40px}
.tsb-tiles a.tsb-first{grid-column:1 / -1;background:#2e9e5b;color:#fff;padding:22px 6px 20px}
.tsb-tiles a.tsb-first i,.tsb-tiles a.tsb-first b,.tsb-tiles a.tsb-first small{color:#fff}
.tsb-tiles a.tsb-first b{font-size:19px}
.tsb-tiles a.tsb-first small{font-size:13px}
.tsb-tiles a:last-child{grid-column:1 / -1}
/* サイド：いつもの消耗品をすぐ注文 */
.tsb-q2{margin:0 0 14px;padding:9px 9px 10px;background:#14213d;border-radius:8px}
.tsb-q2-h{margin:0 0 4px;font-size:15px;font-weight:900;color:#ffd84d}
.tsb-q2-g{margin:5px 0 4px;font-size:12px;font-weight:700;color:#c9d4e8;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px}
.tsb-q2-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.tsb-q2-toner{grid-template-columns:1fr 1fr}
.tsb-q2-grid a{display:flex;align-items:center;justify-content:center;min-height:24px;padding:2px;background:#fff;border-radius:5px;color:#14213d;font-size:12px;font-weight:900;text-align:center;line-height:1.2;text-decoration:none}
.tsb-q2-toner a{background:#eaf2ff;color:#0d47a1}
.tsb-q2-grid a:hover{background:#ffd84d;color:#14213d}
#sub .tsb-cat{margin:0 0 6px}
#sub .tsb-cat~.tsb-cat{margin-top:4px}
.tsb-tiles a:not(.tsb-first){padding-top:11px;padding-bottom:9px}
#sub .tsb-blk,#sub .tsb-box{margin-bottom:9px}
/* 右のタイルは4つ（2列×2段） */
.tsb-tiles a:last-child{grid-column:auto}
#side .tsb-cat{margin-top:56px}
.tsb-tiles a{padding-top:16px!important;padding-bottom:14px!important}

/* 下層ページを3列に（画面幅1240px以上）：左右200px、本文768px、列のすき間12px（2026-10-28） */
@media screen and (min-width: 1240px) {
	body.sub-wide #contents { width: 1192px; }
	body.sub-wide #contents-in { float: left; width: 980px; }
	body.sub-wide #main { width: 768px; }
	body.sub-wide #side { display: block; float: right; width: 200px; }
	body.sub-wide #sub { width: 200px; }
	body.sub-wide .tsb-q2-h { font-size: 13px; }
	body.sub-wide .tsb-q2-grid a { font-size: 11px; letter-spacing: -.03em; }
	body.sub-wide .tsb-q2 { padding: 8px 7px 9px; }
}
/* 大きい画面では、トップページと同じ倍率でページ全体を拡大して左右の余白を減らす（2026-10-28） */
@media screen and (min-width: 1450px) {
	body.sub-wide { zoom: 1.1; }
}
@media screen and (min-width: 1650px) {
	body.sub-wide { zoom: 1.2; }
}
@media screen and (min-width: 2100px) {
	body.sub-wide { zoom: 1.4; }
}
@media screen and (min-width: 2400px) {
	body.sub-wide { zoom: 1.55; }
}
/* 1239px以下では右列を出さない（これまでと同じ2列表示） */
@media screen and (max-width: 1239px) {
	body.sub-wide #side { display: none; }
}