/* となりのTシャツ屋さん 作り直し「シンプルで見やすく」 2026-10-30
   tn-simple.php が body に .tn-s を足した時だけ効く。style.css（広報が毎日直す）は触らず、後ろから上書きする。
   決め事：色は3つ（墨 #1E1E1E・白/薄灰・柿 #B03E12）／書体は1つ（Zen Kaku Gothic New）／本文16px以上・行間1.85／
           影・太枠・蛍光の下線・波線・旗・吹き出しはやめる／主ボタンは1種類（柿の塗り）、他は文字リンク。 */

body.tn.tn-s{
  --bg:#FFFFFF; --paper:#F5F4F2; --shiro:#FFFFFF; --ink:#1E1E1E; --fg:#1E1E1E; --muted:#555555; --hair:#DEDBD6;
  --m:#B03E12; --y:#F5F4F2; --c:#1E1E1E; --k:#1E1E1E; --kk:#1E1E1E; --white:#FFFFFF;
  --dela:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  --zen:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  --cmyk:linear-gradient(90deg,var(--hair),var(--hair));
  background:#fff; color:var(--ink); font-family:var(--zen); font-size:16px; line-height:1.85; letter-spacing:.02em;
}
/* 影・文字の影は全部やめる（線と余白で区切る） */
body.tn.tn-s *,body.tn.tn-s *::before,body.tn.tn-s *::after{box-shadow:none!important;text-shadow:none!important}
body.tn.tn-s .section-bg,body.tn.tn-s #wrapper,body.tn.tn-s #main,body.tn.tn-s .page-wrapper{background-color:#fff}

/* ---- 字 ---- */
body.tn.tn-s h1,body.tn.tn-s h2,body.tn.tn-s h3,body.tn.tn-s h4,body.tn.tn-s .tn-dela,body.tn.tn-s .product-title,body.tn.tn-s .section-title span{
  font-family:var(--zen)!important; font-weight:700!important; color:var(--ink)!important; letter-spacing:.02em; line-height:1.4}
body.tn.tn-s h1{font-size:28px}
body.tn.tn-s h2{font-size:24px;margin-bottom:16px}
body.tn.tn-s h3{font-size:19px}
@media (min-width:850px){body.tn.tn-s h1{font-size:36px} body.tn.tn-s h2{font-size:30px} body.tn.tn-s h3{font-size:20px}}
body.tn.tn-s h2 em,body.tn.tn-s h1 em,body.tn.tn-s h2 b,body.tn.tn-s h2 strong{color:inherit!important;background:none!important}
/* 見出しの飾り（色の点・蛍光下線・札） */
body.tn.tn-s h2::before,body.tn.tn-s h2::after,body.tn.tn-s .tn-sec h2 span::after{display:none!important}
body.tn.tn-s mark,body.tn.tn-s .tn-mark,body.tn.tn-s [class*="__hl"]{background:none!important;color:inherit!important}

/* 本文は16px以上・墨（灰色の薄い字はやめる） */
body.tn.tn-s p,body.tn.tn-s li,body.tn.tn-s dd,body.tn.tn-s dt,body.tn.tn-s label,body.tn.tn-s summary,
body.tn.tn-s .woocommerce-product-details__short-description,body.tn.tn-s .product-short-description,
body.tn.tn-s .tn-note,body.tn.tn-s .tn-small,body.tn.tn-s .tn-muted,body.tn.tn-s figcaption{font-size:16px!important;line-height:1.85!important}
body.tn.tn-s .tn-note,body.tn.tn-s .tn-muted,body.tn.tn-s small,body.tn.tn-s .tn-show__note{color:var(--muted)!important}
body.tn.tn-s small{font-size:max(14px,.85em)!important}
body.tn.tn-s p[style*="font-size"]{font-size:15px!important;line-height:1.7!important}
/* 表は詰まるので15px（スマホ）・16px（PC） */
body.tn.tn-s table td,body.tn.tn-s table th{font-size:15px!important;line-height:1.6!important;color:var(--ink)}
@media (min-width:850px){body.tn.tn-s table td,body.tn.tn-s table th{font-size:16px!important}}

/* ---- リンクとボタン ---- */
body.tn.tn-s a{color:var(--m)}
body.tn.tn-s p a,body.tn.tn-s li a,body.tn.tn-s td a,body.tn.tn-s dd a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* 主ボタン：柿の塗り・角丸8・高さ52以上。どのボタンもこの形 */
body.tn.tn-s .button.primary,body.tn.tn-s .button.alt,body.tn.tn-s .single_add_to_cart_button,body.tn.tn-s .checkout-button,
body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .tn-btn,body.tn.tn-s .wp-block-button__link,body.tn.tn-s #place_order,body.tn.tn-s .wpcf7-submit{
  background:var(--m)!important; color:#fff!important; border:0!important; border-radius:8px!important; min-height:52px;
  font-family:var(--zen)!important; font-weight:700!important; font-size:17px!important; letter-spacing:.04em; text-transform:none!important;
  transform:none!important; display:inline-flex; align-items:center; justify-content:center; padding:12px 24px!important; line-height:1.4!important}
body.tn.tn-s .button.primary:hover,body.tn.tn-s .single_add_to_cart_button:hover,body.tn.tn-s a.tn-quick__btn:hover,body.tn.tn-s .tn-btn:hover{background:#8F300C!important;color:#fff!important}
body.tn.tn-s .single_add_to_cart_button.disabled,body.tn.tn-s .single_add_to_cart_button:disabled{background:#C9C6C1!important;color:#fff!important;opacity:1!important}
/* 2番手のボタン（白地・細い線）。数を減らすため文字リンクに近い見た目 */
body.tn.tn-s .button.is-outline,body.tn.tn-s .button.secondary,body.tn.tn-s .button.white,body.tn.tn-s .tn-btn--ghost,body.tn.tn-s .tn-btn.is-outline{
  background:#fff!important; color:var(--ink)!important; border:1px solid var(--ink)!important; border-radius:8px!important; transform:none!important}

/* ---- フォームの欄（選ぶ欄・数量）：影と太枠をやめる ---- */
body.tn.tn-s select,body.tn.tn-s input[type=text],body.tn.tn-s input[type=email],body.tn.tn-s input[type=tel],body.tn.tn-s input[type=number],body.tn.tn-s input[type=password],body.tn.tn-s textarea{
  border:1px solid #8A8580!important; border-radius:8px!important; font-size:16px!important; min-height:48px; background-color:#fff!important; transform:none!important}
body.tn.tn-s textarea{min-height:120px}
body.tn.tn-s select:focus,body.tn.tn-s input:focus,body.tn.tn-s textarea:focus{outline:3px solid #E9B8A3!important;outline-offset:1px;border-color:var(--m)!important}

/* ---- ヘッダー ---- */
body.tn.tn-s #header,body.tn.tn-s .header-wrapper,body.tn.tn-s .header-main,body.tn.tn-s .header-bg-color{background:#fff!important}
body.tn.tn-s .header-main{border-bottom:1px solid var(--hair)}
body.tn.tn-s .header-nav-main > li > a,body.tn.tn-s .header-nav > li > a{font-family:var(--zen)!important;font-weight:700!important;font-size:15px!important;color:var(--ink)!important;letter-spacing:.02em}
body.tn.tn-s .nav-icon a,body.tn.tn-s .header-cart-link,body.tn.tn-s .cart-icon,body.tn.tn-s .header-button a,body.tn.tn-s .icon-menu{border:0!important;background:none!important;transform:none!important}
body.tn.tn-s .header-cart-link .cart-icon strong,body.tn.tn-s .cart-icon strong{border-radius:6px}
/* 会員登録はヘッダーから外す（注文は会員登録なしでできる。マイページから行ける） */
body.tn.tn-s .header-nav a[href*="create-account"],body.tn.tn-s .header-nav a[href*="register"]{display:none!important}
body.tn.tn-s .header-nav li:has(> a[href*="create-account"]){display:none!important}

/* ---- 囲み・札・カードを薄く ---- */
body.tn.tn-s [class*="tn-"]{border-radius:0}
body.tn.tn-s .tn-kicker,body.tn.tn-s .tn-tag,body.tn.tn-s .tn-chk{background:none!important;border:0!important;padding:0!important;color:var(--muted)!important;font-weight:700;font-size:14px!important;letter-spacing:.06em}
body.tn.tn-s .tn-cmyk,body.tn.tn-s .tn-cmykbar,body.tn.tn-s .tn-wave,body.tn.tn-s .tn-div,body.tn.tn-s hr.tn-wave{display:none!important}

/* ===================== トップ ===================== */
/* トップで言う事は「何が・いくらで・何日で・どう頼むか」だけ。
   外した物（中身は他のページにある）：吹き出しの挨拶／旗と12色の並び（→商品ページの61色）／値段のカード3枚と「大きくても同じ」（→最初の画面で言っている）／
   入口のボタン3つと用途別の文字リンク3本（→メニュー「用途で選ぶ」とフッター）／DTFってなに（→/guide/）／データは4つだけ（→/nyuko/）／2つ目の注文ボタン */
body.home.tn-s .tn-hello,body.home.tn-s .tn-top,body.home.tn-s .tn-cards,body.home.tn-s .tn-say,body.home.tn-s .tn-pills,
body.home.tn-s .tn-open > .section-content .col-inner > .tn-top__more,body.home.tn-s .tn-show__txt,
body.home.tn-s section.tn-dtf,body.home.tn-s section.tn-guide{display:none!important}
body.home.tn-s section.tn-sec{padding-top:56px!important;padding-bottom:56px!important;border-top:1px solid var(--hair)}
body.home.tn-s section.tn-open{padding-top:8px!important;border-top:0}
body.home.tn-s .tn-sec .row{max-width:1000px!important}

/* 最初の画面 */
body.tn.tn-s .tn-quick{background:none!important;border:0!important;border-radius:0!important;padding:16px 0 8px!important;margin:0!important;display:block!important}
body.tn.tn-s .tn-quick__h1{font-size:28px!important;line-height:1.45!important;margin:0 0 14px!important;letter-spacing:.02em}
body.tn.tn-s .tn-quick__h1 b{color:var(--m)!important}
body.tn.tn-s .tn-quick__yen{font-size:18px!important;line-height:1.6!important;margin:0 0 4px!important}
body.tn.tn-s .tn-quick__yen b{font-size:26px;font-weight:700}
body.tn.tn-s .tn-quick__tags{display:block;margin-top:2px}
body.tn.tn-s .tn-quick__tags span{background:none!important;border:0!important;padding:0!important;margin:0!important;color:var(--muted)!important;font-size:15px!important;font-weight:400!important;border-radius:0!important}
body.tn.tn-s .tn-quick__tags span+span::before{content:"・"}
body.tn.tn-s a.tn-quick__btn{display:flex!important;width:100%;max-width:440px;margin:20px 0 8px!important;min-height:56px}
body.tn.tn-s .tn-quick__sub{font-size:16px!important;line-height:1.8!important;color:var(--ink)!important;margin:6px 0 0!important;text-align:left!important}
body.tn.tn-s .tn-quick__sub a{font-weight:400!important;border:0!important;text-decoration:underline!important;text-underline-offset:3px;background:none!important}
/* 手順の3つ：枠をやめて番号と文だけ */
body.tn.tn-s ol.tn-quick__how{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 10px!important;padding:0!important;list-style:none;counter-reset:tnh}
body.tn.tn-s ol.tn-quick__how li{border:0!important;border-top:2px solid var(--ink)!important;border-radius:0!important;background:none!important;padding:10px 0 0!important;margin:0!important;
  font-size:15px!important;line-height:1.6!important;text-align:left!important;min-height:0!important}
body.tn.tn-s ol.tn-quick__how li::before{background:none!important;color:var(--ink)!important;font-weight:700;font-size:15px;width:auto!important;height:auto!important;display:block!important;
  margin:0 0 2px!important;position:static!important;border:0!important;text-align:left!important;line-height:1.4!important}
body.tn.tn-s ol.tn-quick__how li br{display:none}
/* 見本の絵 */
body.tn.tn-s .tn-show{padding:8px 0 0!important;background:none!important;border:0!important}
body.tn.tn-s .tn-show__fig{border:0!important;border-radius:12px!important;background:var(--paper)!important;padding:0!important;overflow:hidden;margin:16px 0 0!important}
body.tn.tn-s .tn-show__fig img{border-radius:12px!important;border:0!important}
body.tn.tn-s .tn-show__pin{display:none!important}
body.tn.tn-s .tn-show__note{font-size:14px!important;color:var(--muted)!important;padding:8px 4px 4px!important;text-align:left!important;background:#fff}
@media (min-width:850px){
  body.home.tn-s .tn-open .row{max-width:1000px!important}
  body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show){display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;column-gap:48px!important;align-items:center!important}
  body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > .tn-quick{grid-column:1!important;grid-row:1!important}
  body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > .tn-show{display:block!important;grid-column:2!important;grid-row:1!important}
  body.home.tn-s .tn-open .tn-show__fig--a3{margin:0!important}
  body.tn.tn-s .tn-quick__h1{font-size:38px!important}
}

/* 段の見出しの上の小さな札（「注文は4段」「商品」など）は灰色の小さな字に */
body.home.tn-s .tn-sec .tn-kicker,body.home.tn-s .tn-sec [class*="kicker"],body.home.tn-s .tn-sec [class*="eyebrow"]{display:block;margin-bottom:4px}

/* ===================== 共通の囲み（手順・カード・Q&A） ===================== */
body.tn.tn-s .tn-card,body.tn.tn-s .tn-box,body.tn.tn-s .tn-step,body.tn.tn-s details,body.tn.tn-s .tn-qa,body.tn.tn-s .tn-faq details,
body.tn.tn-s .product-small .box,body.tn.tn-s .tn-products .col-inner,body.tn.tn-s .tn-sheet .col-inner > div,body.tn.tn-s .tn-contact .col-inner > div{
  border-width:1px!important;border-color:var(--hair)!important;border-radius:12px!important;background-color:#fff!important}
body.tn.tn-s details summary{font-weight:700;font-size:16px!important}

/* ===================== v2：撮って見えた所 ===================== */
/* 見出しの左の飾りの余白・段の区切りの波線と点 */
body.tn.tn-s h2,body.tn.tn-s h1{padding-left:0!important;margin-left:0!important;background:none!important}
body.tn.tn-s .tn-sec + .tn-sec .col:before,body.tn.tn-s .tn-sec .col:before{display:none!important;content:none!important}
body.tn.tn-s .tn-sec + .tn-sec .col{border-top:0!important}
body.tn.tn-s .tn-kicker{border-radius:0!important;margin-bottom:6px}
body.tn.tn-s .tn-kicker .tn-reg{display:none}

/* 最初の画面の手順：スマホは縦に1行ずつ（横3つだと「通常1週間」がはみ出す） */
body.tn.tn-s ol.tn-quick__how{grid-template-columns:1fr!important;gap:0!important;counter-reset:none}
body.tn.tn-s ol.tn-quick__how li{display:flex!important;gap:12px;align-items:baseline;border-top:0!important;border-bottom:1px solid var(--hair)!important;padding:10px 0!important;font-size:16px!important}
body.tn.tn-s ol.tn-quick__how li:first-child{border-top:1px solid var(--hair)!important}
body.tn.tn-s ol.tn-quick__how li::before{flex:0 0 28px;width:28px!important;height:28px!important;border-radius:50%!important;background:var(--ink)!important;color:#fff!important;
  display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;margin:0!important}
body.tn.tn-s ol.tn-quick__how li b{font-weight:700}
body.tn.tn-s ol.tn-quick__how .tn-nw{white-space:nowrap}

/* 段の上下の空きを詰める */
body.home.tn-s section.tn-sec{padding-top:44px!important;padding-bottom:44px!important}
body.home.tn-s section.tn-sec .col{padding-bottom:0!important}

/* 注文の手順（4段）：番号は全部墨の丸・囲みは細線 */
body.tn.tn-s .tn-step{background:#fff!important;border:1px solid var(--hair)!important;border-radius:12px!important}
body.tn.tn-s .tn-step .tn-n,body.tn.tn-s .tn-step:nth-child(n) .tn-n{background:var(--ink)!important;color:#fff!important;font-family:var(--zen)!important;font-size:15px!important;width:30px!important;height:30px!important}
body.tn.tn-s .tn-step h3{font-size:17px!important}
body.tn.tn-s .tn-step h3 span{white-space:normal!important}

/* 商品カード：黒い値段の箱・斜めの札・おすすめ/長そでの札をやめる。ボタンは白地の細線 */
body.tn.tn-s section.tn-products .product-small.box:before,body.tn.tn-s section.tn-products .product-small .box-text:before{display:none!important;content:none!important}
body.tn.tn-s section.tn-products .product-small.box,body.tn.tn-s section.tn-products .product-small .col-inner{border:1px solid var(--hair)!important;border-radius:12px!important;background:#fff!important;transform:none!important}
body.tn.tn-s section.tn-products .product-small.box .box-image{border:0!important;margin:0!important;border-radius:12px 12px 0 0!important;background:var(--paper)!important}
body.tn.tn-s section.tn-products .product-small .title-wrapper .product-title{font-size:20px!important}
body.tn.tn-s section.tn-products .product-small .title-wrapper:after{font-size:15px!important;font-weight:400!important;opacity:1!important;color:var(--muted)}
body.tn.tn-s section.tn-products .product-small .tn-bigprice{background:none!important;color:var(--ink)!important;padding:0!important;border:0!important;border-radius:0!important;gap:0 12px!important;font-size:15px}
body.tn.tn-s section.tn-products .product-small .tn-bigprice b{font-family:var(--zen)!important;font-weight:700!important;font-size:24px!important;color:var(--ink)!important;white-space:nowrap}
body.tn.tn-s section.tn-products .product-small .tn-bigprice b small{font-size:15px!important}
body.tn.tn-s section.tn-products .product-small .tn-bp-l{color:var(--ink)!important;font-size:15px!important;font-weight:400}
body.tn.tn-s section.tn-products .product-small .box-text:after{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:8px!important;font-family:var(--zen)!important;font-weight:700;font-size:16px!important;min-height:48px}
body.tn.tn-s section.tn-products .product-small.box:hover .box-text:after{background:var(--paper)!important}

/* シートの帯：柿の面塗り→白地の細線 */
body.tn.tn-s .tn-sheetband{background:#fff!important;color:var(--ink)!important;border:1px solid var(--hair)!important;border-radius:12px!important;padding:20px!important}
body.tn.tn-s .tn-sheetband .t{font-family:var(--zen)!important;font-weight:700;font-size:20px!important}
body.tn.tn-s .tn-sheetband ul{font-size:16px!important}
body.tn.tn-s .tn-sheetband b{font-family:var(--zen)!important;font-weight:700!important;color:var(--ink)!important;font-size:inherit!important}
body.tn.tn-s .tn-sheetband .tn-btn{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important}

/* 値段の表：交互の色は薄灰に */
body.tn.tn-s .tn-tbl tr,body.tn.tn-s .tn-tbl td,body.tn.tn-s .tn-tbl th{background:#fff!important}
body.tn.tn-s .tn-tbl tbody tr:nth-child(even) td{background:var(--paper)!important}
body.tn.tn-s .tn-tbl small,body.tn.tn-s .tn-tbl .s{font-size:14px!important;color:var(--muted)!important}

/* Q&A */
body.tn.tn-s .tn-faq details,body.tn.tn-s details.tn-qa{border:1px solid var(--hair)!important;border-radius:10px!important;background:#fff!important}
body.tn.tn-s details summary::before{background:none!important;border:0!important;color:var(--m)!important}

/* ヘッダーの絵記号（メニュー・カート）は墨。下線を付けない */
body.tn.tn-s #header a,body.tn.tn-s .header a{text-decoration:none!important}
body.tn.tn-s .header-main .nav-icon a,body.tn.tn-s .header-main .cart-item a,body.tn.tn-s .header-main .icon-menu,body.tn.tn-s .header-main .icon-shopping-cart,body.tn.tn-s .header-main [class*="icon-"]{color:var(--ink)!important}

/* ===================== v3 ===================== */
/* 値段の黒板→薄灰の地に墨の字（商品ページ・一覧・カード共通） */
body.tn.tn-s .price-wrapper .price,body.tn.tn-s .woocommerce-variation-price .price{background:var(--paper)!important;color:var(--ink)!important;border-radius:12px!important;padding:16px 18px!important;border:0!important}
body.tn.tn-s .price-wrapper .price .amount,body.tn.tn-s .price-wrapper .price bdi,body.tn.tn-s .price-wrapper .price .woocommerce-Price-currencySymbol,
body.tn.tn-s .price-wrapper .price del,body.tn.tn-s .price-wrapper .price ins,body.tn.tn-s .woocommerce-variation-price .price .amount{color:var(--ink)!important;font-family:var(--zen)!important;font-weight:700}
body.tn.tn-s .tn-bp,body.tn.tn-s .tn-bp-l{color:var(--ink)!important;font-size:15px!important;font-weight:400!important}
body.tn.tn-s .tn-bigprice b{font-family:var(--zen)!important;font-weight:700!important;color:var(--ink)!important;font-size:30px!important}
body.tn.tn-s .tn-bigprice b small{font-size:16px!important}
body.tn.tn-s section.tn-products .product-small .price-wrapper .price{padding:12px 14px!important}

/* 注文の手順の箱：番号＋題を1行、説明はその下に全幅・左寄せ */
body.tn.tn-s .tn-stepgrid{display:grid!important;gap:12px!important}
body.tn.tn-s .tn-stepgrid > .tn-step{display:grid!important;grid-template-columns:30px 1fr;column-gap:12px;align-items:center;padding:14px 16px!important}
body.tn.tn-s .tn-stepgrid > .tn-step > .tn-n{grid-column:1;grid-row:1;margin:0!important}
body.tn.tn-s .tn-stepgrid > .tn-step > h3{grid-column:2;grid-row:1;margin:0!important}
body.tn.tn-s .tn-stepgrid > .tn-step > p{grid-column:1 / -1;margin:8px 0 0!important;text-align:left!important}
@media (min-width:850px){body.tn.tn-s .tn-stepgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* トップ：最初の画面の3つの手順と重なる「注文は4段」も外す（→ /flow/ と最初の画面の「注文の流れ」リンク） */
body.home.tn-s section.tn-steps{display:none!important}

/* ===================== v4 ===================== */
/* 値段の字：style.css の淡い黄・#DCD2C6（黒板用）が薄灰の地に残って読めなかった→墨に（強い指定で） */
html body.tn.tn-s .price .tn-bigprice,html body.tn.tn-s .price .tn-bigprice b,html body.tn.tn-s .price .tn-bigprice b+b,html body.tn.tn-s .price .tn-bigprice>span,
html body.tn.tn-s section.tn-products .product-small .price .tn-bigprice b,html body.tn.tn-s .tn-bigprice b{color:var(--ink)!important}
html body.tn.tn-s .price .tn-bigprice .tn-bp-l,html body.tn.tn-s section.tn-products .product-small .price .tn-bigprice .tn-bp-l,html body.tn.tn-s .tn-bigprice .tn-bp-l{color:var(--ink)!important;font-size:15px!important}
/* 作例の「写真待ち」の札 */
body.tn.tn-s .tn-sakurei-ph{color:var(--muted)!important;background:var(--paper)!important;font-size:15px!important}
/* /flow/ などの固定ページの手順の箱（.tn-section.tn-step）は元の並びのまま、線だけ細く */
body.tn.tn-s .page .tn-section.tn-step{border:1px solid var(--hair)!important;border-radius:12px!important}

/* ===================== v5：太枠（3px 墨）を全部細線に ===================== */
body.tn.tn-s .tn-pts li,body.tn.tn-s .tn-gallery .wp-block-image,body.tn.tn-s .tn-designer,body.tn.tn-s .product-gallery .product-images,
body.tn.tn-s .tonari-nyuko,body.tn.tn-s .tn-nyuko,body.tn.tn-s .woocommerce-Tabs-panel .tn-area p,body.tn.tn-s .tn-badge,
body.tn.tn-s .tn-section .wp-block-table table,body.tn.tn-s .woocommerce-Tabs-panel .tn-size-table table{border:1px solid var(--hair)!important;border-radius:12px!important;background-color:#fff!important}
body.tn.tn-s .tn-section .wp-block-table table,body.tn.tn-s .woocommerce-Tabs-panel .tn-size-table table{border-radius:0!important}
body.tn.tn-s .tn-designer{background:var(--paper)!important}
body.tn.tn-s .product-gallery .product-images{padding:0!important;margin:0 0 20px!important;overflow:hidden}
body.tn.tn-s .product-thumbnails .col a{border:1px solid var(--hair)!important;border-radius:8px!important;padding:2px!important}
body.tn.tn-s .product-thumbnails .col.is-nav-selected a{border:2px solid var(--ink)!important}
body.tn.tn-s .quantity .input-text.qty,body.tn.tn-s .quantity .button.is-form{border:1px solid #8A8580!important;border-radius:8px!important;height:48px}
body.tn.tn-s .tonari-nyuko__choice label,body.tn.tn-s .tn-nyuko__choice label{border:1px solid #8A8580!important;border-radius:8px!important}
body.tn.tn-s .woocommerce-tabs .nav-pills>li>a{border:1px solid var(--hair)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important;font-size:16px!important}
body.tn.tn-s .woocommerce-tabs .nav-pills>li.active>a{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body.tn.tn-s .page .tn-section h2,body.tn.tn-s .woocommerce-Tabs-panel .tn-section h2{border-left:0!important;padding-left:0!important;font-family:var(--zen)!important}
body.tn.tn-s .woocommerce-Tabs-panel .tn-area p{display:block!important;font-weight:400!important}
body.tn.tn-s .tn-check li:before{border:1px solid var(--ink)!important;background:#fff!important;border-radius:4px!important}
body.tn.tn-s .tn-faq summary:before,body.tn.tn-s .tn-section details.tn-qa summary:before{border:0!important;background:none!important;color:var(--m)!important;font-weight:700}
body.tn.tn-s .tn-contactband{background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-radius:12px!important}
body.tn.tn-s .tn-contactband *{color:var(--ink)}
body.tn.tn-s .tn-contactband a.tn-btn,body.tn.tn-s .tn-contactband .button{color:#fff!important}
body.tn.tn-s .back-to-top{border:1px solid var(--hair)!important;background:#fff!important;border-radius:50%!important}
body.tn.tn-s .header-nav .cart-item>a.header-cart-link,body.tn.tn-s .mobile-nav .nav-icon>a{border:0!important;background:none!important}
/* 値段の「円」 */
html body.tn.tn-s .tn-bigprice b small{color:var(--ink)!important}
/* 6列以上の表（サイズ表）は字を詰めないと収まらない＝元の大きさのまま（15px を掛けない） */
body.tn.tn-s table:has(tr > :nth-child(6)) td,body.tn.tn-s table:has(tr > :nth-child(6)) th{font-size:13.5px!important}
@media (min-width:850px){body.tn.tn-s table:has(tr > :nth-child(6)) td,body.tn.tn-s table:has(tr > :nth-child(6)) th{font-size:15px!important}}

/* ===================== v6：残った15px以下を16pxに・押せない時のボタン ===================== */
body.tn.tn-s p[style*="font-size"],body.tn.tn-s .tn-show__note,body.tn.tn-s p small,body.tn.tn-s li small,body.tn.tn-s label span,body.tn.tn-s .tn-choice,
body.tn.tn-s .tn-quick__tags span,html body.tn.tn-s .tn-bigprice .tn-bp-l,html body.tn.tn-s .tn-bp-l .tn-nw,html body.tn.tn-s .price .tn-bigprice .tn-bp-l{font-size:16px!important}
body.tn.tn-s p .tn-nw,body.tn.tn-s li .tn-nw{font-size:inherit!important}
html body.tn.tn-s .single_add_to_cart_button.disabled,html body.tn.tn-s .single_add_to_cart_button:disabled{background:#E6E3DF!important;color:#4A4A4A!important}
body.tn.tn-s .quick-view{background:#fff!important;color:var(--ink)!important}

/* ===================== v7 ===================== */
/* 商品ページ：短い説明の「入稿の要点」は入稿欄の箇条書きと同じ中身＝注文の欄を上に寄せるため外す（中身は入稿欄・/guide/ にある） */
body.single-product.tn-s .product-short-description p:has(a[href="/guide/"]){display:none!important}

/* ===================== v8：広報の見張り（見出し・ボタンの折れ、表のはみ出し）を0に ===================== */
/* 日本語の語の途中で折らない・最後の行に1〜2字を残さない */
body.tn.tn-s h1,body.tn.tn-s h2,body.tn.tn-s h3,body.tn.tn-s h4,body.tn.tn-s .button,body.tn.tn-s a.tn-btn,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .wp-block-button__link,body.tn.tn-s th{
  word-break:auto-phrase;text-wrap:balance}
body.tn.tn-s .button,body.tn.tn-s a.tn-btn,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .wp-block-button__link{letter-spacing:0!important}
body.tn.tn-s table td,body.tn.tn-s table th{letter-spacing:0!important}
/* 狭い端末（〜374px）は表の字を元の大きさ近くに戻す（はみ出しを出さない） */
@media (max-width:374px){
  body.tn.tn-s table td,body.tn.tn-s table th{font-size:13px!important}
  body.tn.tn-s table:has(tr > :nth-child(6)) td,body.tn.tn-s table:has(tr > :nth-child(6)) th{font-size:11.5px!important}
  body.tn.tn-s .button.primary,body.tn.tn-s .single_add_to_cart_button,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .tn-btn,body.tn.tn-s .wp-block-button__link{font-size:16px!important;padding-left:14px!important;padding-right:14px!important}
}
@media (min-width:375px) and (max-width:400px){
  body.tn.tn-s table:has(tr > :nth-child(6)) td,body.tn.tn-s table:has(tr > :nth-child(6)) th{font-size:13px!important}
}

/* ===================== v9：320px 幅の見出し・ボタン ===================== */
body.tn.tn-s .button,body.tn.tn-s a.tn-btn,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .wp-block-button__link{text-wrap:wrap}
@media (max-width:374px){
  body.tn.tn-s h1,body.tn.tn-s h2,body.tn.tn-s h3,body.tn.tn-s h4{letter-spacing:0!important}
  body.tn.tn-s h2{font-size:21px!important}
  body.tn.tn-s h3{font-size:17px!important}
  body.tn.tn-s .button.primary,body.tn.tn-s .single_add_to_cart_button,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s .tn-btn,body.tn.tn-s .wp-block-button__link{font-size:15px!important;padding-left:10px!important;padding-right:10px!important}
}

/* ===================== v11：お知らせの枠・ボタンの下線 ===================== */
body.tn.tn-s .woocommerce-info,body.tn.tn-s .woocommerce-message,body.tn.tn-s .woocommerce-error,body.tn.tn-s .cart-empty,body.tn.tn-s .message-container{
  border:1px solid var(--hair)!important;border-radius:10px!important;background:var(--paper)!important;color:var(--ink)!important}
body.tn.tn-s p a.button,body.tn.tn-s li a.button,body.tn.tn-s a.button,body.tn.tn-s a.tn-btn,body.tn.tn-s a.tn-quick__btn,body.tn.tn-s a.wp-block-button__link,body.tn.tn-s a.checkout-button{text-decoration:none!important}
/* 最初の画面の文字リンクは折り返してよい（300〜320px で「シートだけ買う（A3 1,200円・送料込）→」が画面の外へ出た） */
body.tn.tn-s .tn-quick__sub a{white-space:normal!important;display:inline!important;word-break:auto-phrase}

/* ===================== 2026-11-02 トップ最初の区画：1カラム・ロゴ→見出し→見本の写真→値段→ボタン→手順→補足（見た目だけ・文言/リンク/DBは不変） ===================== */
body.home.tn-s section.tn-open{padding-top:20px!important;padding-bottom:48px!important}
body.home.tn-s .tn-open .row{max-width:720px!important}
body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;grid-template-columns:none!important}
body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > *{order:20}
body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > .tn-hello{display:block!important;order:0;margin:0 0 6px!important;padding:0!important;background:none!important;border:0!important}
body.home.tn-s .tn-open .tn-hello .tn-bubble{display:none!important}
body.home.tn-s .tn-open .tn-hello__tile{display:block!important;margin:0 auto!important;padding:0!important;background:none!important;border:0!important}
body.home.tn-s .tn-open .tn-hello__tile img{display:block;width:210px!important;height:auto!important;margin:0 auto!important}
body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > .tn-quick{display:contents!important}
body.home.tn-s .tn-open .col-inner:has(> .tn-quick + .tn-show) > .tn-show{display:block!important;order:2;width:100%!important;grid-column:auto!important;grid-row:auto!important;padding:0!important}
body.tn.tn-s .tn-quick__h1{order:1;margin:10px 0 18px!important;font-size:32px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;padding-bottom:16px;position:relative}
body.tn.tn-s .tn-quick__h1::after{content:"";display:block;width:56px;height:4px;background:var(--m);margin:16px auto 0;border-radius:2px}
body.tn.tn-s .tn-quick__h1 b{color:var(--m)!important}
body.home.tn-s .tn-open .tn-show__fig--a3{margin:0 auto 8px!important;max-width:680px;width:100%;border-radius:0!important;background:none!important;overflow:visible!important}
body.home.tn-s .tn-open .tn-show__fig img{border-radius:14px!important}
body.home.tn-s .tn-open .tn-show__fig img{width:100%!important;height:auto!important;display:block}
body.home.tn-s .tn-open .tn-show__note{text-align:center!important;padding:10px 4px 0!important;background:none!important;font-size:13.5px!important;line-height:1.6!important;color:var(--muted)!important}
body.tn.tn-s .tn-quick__yen{order:3;margin:22px 0 4px!important;text-align:center!important;font-size:19px!important;color:var(--ink)}
body.tn.tn-s .tn-quick__yen b{font-size:34px!important;color:var(--m)}
body.tn.tn-s .tn-quick__tags{text-align:center!important}
body.tn.tn-s .tn-quick__tags span{display:inline}
body.tn.tn-s .tn-quick__tags span:nth-child(3){display:block}
body.tn.tn-s .tn-quick__tags span:nth-child(3)::before{content:none}
body.tn.tn-s .tn-quick__yen{max-width:100%}
body.tn.tn-s .tn-quick__sub--ls{order:4;text-align:center!important}
body.tn.tn-s a.tn-quick__btn{order:5;margin:18px auto 10px!important;max-width:460px;min-height:64px;font-size:19px!important;justify-content:center;border-radius:999px!important;text-align:center}
body.tn.tn-s ol.tn-quick__how{order:6;width:100%;margin:26px 0 14px!important;gap:14px}
body.tn.tn-s ol.tn-quick__how li{text-align:center!important;border-top:3px solid var(--ink)!important}
body.tn.tn-s ol.tn-quick__how li::before{text-align:center!important;font-size:22px!important;color:var(--m)!important}
body.tn.tn-s .tn-quick__sub{order:7;text-align:center!important}
body.tn.tn-s .tn-quick__sub--og{order:8}
@media (min-width:850px){
  body.tn.tn-s .tn-quick__h1{font-size:44px!important}
  body.tn.tn-s .tn-quick__yen b{font-size:40px!important}
  body.home.tn-s .tn-open .tn-hello__tile img{width:260px!important}
  body.home.tn-s .tn-open .row{max-width:760px!important}
}
@media (max-width:480px){
  body.tn.tn-s a.tn-quick__btn{font-size:16.5px!important;padding-left:12px;padding-right:12px}
  body.tn.tn-s .tn-quick__yen b{font-size:30px!important}
}
@media (max-width:374px){
  body.tn.tn-s .tn-quick__h1{font-size:24px!important}
  body.tn.tn-s .tn-quick__yen b{font-size:28px!important}
  body.tn.tn-s a.tn-quick__btn{font-size:16px!important}
}
body.home.tn-s .tn-open .tn-show__fig--a3{display:flex!important;flex-direction:column}
body.home.tn-s .tn-open .tn-show__fig--a3 img{order:1}
body.home.tn-s .tn-open .tn-show__fig--a3 .tn-show__note{order:2!important;margin:6px 0 0!important}
/* 2026-11-02b 手順の線を全部同じ細い灰色に・ロゴを大きく */
body.tn.tn-s ol.tn-quick__how{border-top:1px solid var(--hair)!important}
body.tn.tn-s ol.tn-quick__how li,body.tn.tn-s ol.tn-steps li{border-top:0!important;border-bottom:1px solid var(--hair)!important}
body.home.tn-s .tn-open .tn-hello__tile img{width:70vw!important;max-width:300px!important}
@media (min-width:850px){body.home.tn-s .tn-open .tn-hello__tile img{width:400px!important;max-width:400px!important}}
/* 2026-11-02c 見本の写真は本文から外した。空になった枠の余白をつぶし、見出しの飾り線の下に値段を続ける */
body.home.tn-s .tn-open .tn-show{display:none!important}
body.tn.tn-s .tn-quick__h1{margin-bottom:6px!important}
body.tn.tn-s .tn-quick__yen{margin-top:14px!important}
/* 2026-11-02d 区切りは「／」・ロゴ上の灰色の点と「2種類」の後ろの薄い四角を消す */
body.tn.tn-s .tn-quick__tags span+span::before{content:"／"}
body.tn.tn-s .tn-quick__tags span:nth-child(3)::before{content:none}
body.home.tn-s .tn-hello::after{display:none!important}
body.home.tn-s .tn-sec h2 em::after{display:none!important}
/* 2026-11-02e 長い文でも折り返す・手順は左そろえ・スマホの値段の行を1行に */
body.tn.tn-s .tn-quick__sub,body.tn.tn-s .tn-quick__sub span,body.tn.tn-s .tn-quick__sub a{white-space:normal!important;overflow-wrap:anywhere}
body.tn.tn-s .tn-quick__sub{padding:0 6px;max-width:100%}
body.tn.tn-s ol.tn-quick__how li{text-align:left!important}
body.tn.tn-s ol.tn-quick__how li b{display:inline}
@media (max-width:480px){
  body.tn.tn-s .tn-quick__yen{font-size:15px!important;white-space:nowrap}
  body.tn.tn-s .tn-quick__yen b{font-size:25px!important}
}