/* 転写紙ページ（Type-W/WL/C/P・ぷくぷく・全面転写紙）共通 2026-10-29 */ /* ▼ 抜ける転写紙（Type-W / WL / C 共通）本文デザイン。#lpx の中だけに効く */ #main #lpx{container-type:inline-size;container-name:lpx} #main #lpx :where(*:not(svg,svg *,[class*="fa-"],.cart-in,.cart-in *)){all:revert} #main #lpx{ --ac:#1E56A0; --ac-d:#0E2A52; --ac-s:#EEF4FC; /* タイプ別の色（W=青 / WL=緑 / C=橙 に差し替え） */ --red:#E8412B; --red-s:#FDF1EE; --ink:#0B1B2E; --body:#3B4E63; --muted:#6B7C90; --line:#E2E8EF; --bg2:#F6F8FA; --r:12px; --fd:"Zen Kaku Gothic New","Noto Sans JP",system-ui,sans-serif; --fb:"Noto Sans JP",system-ui,sans-serif; font-family:var(--fb);font-size:15px;line-height:1.75;color:var(--body);letter-spacing:.01em; -webkit-font-smoothing:antialiased; } #main #lpx *,#main #lpx *::before,#main #lpx *::after{box-sizing:border-box} #main #lpx img{max-width:100%;height:auto;display:block} #main #lpx a{color:var(--ac);text-decoration:none} #main #lpx a:hover{text-decoration:underline} #main #lpx p{margin:0 0 .6em} #main #lpx ul,#main #lpx ol{margin:0;padding:0;list-style:none} #main #lpx b,#main #lpx strong{color:var(--ink);font-weight:700} #main #lpx small{font-size:.85em} /* 見出し */ #main #lpx .tw-sec{margin:0 0 30px} #main #lpx .tw-h2{font-family:var(--fd);font-weight:900;font-size:21px;line-height:1.4;color:var(--ink); margin:0 0 12px;padding:0 0 8px;border-bottom:2px solid var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} #main #lpx .tw-h2 small{font-family:var(--fb);font-weight:500;font-size:12px;color:var(--muted)} #main #lpx .tw-h2 .tw-no{font-family:Archivo,var(--fd);color:var(--ac);font-size:14px;letter-spacing:.08em} #main #lpx .tw-h3{font-family:var(--fd);font-weight:700;font-size:16px;color:var(--ink);margin:16px 0 8px;padding-left:10px;border-left:4px solid var(--ac);line-height:1.4} /* ヒーロー */ #main #lpx .tw-hero{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 14px;background:#fff} #main #lpx .tw-hero-top{padding:16px 16px 12px;background:linear-gradient(180deg,var(--ac-s),#fff)} #main #lpx .tw-kicker{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--ac);padding:2px 10px;border-radius:99px;margin:0 0 6px} #main #lpx .tw-h1{font-family:var(--fd);font-weight:900;font-size:26px;line-height:1.3;color:var(--ink);margin:0 0 6px} #main #lpx .tw-h1 span{color:var(--ac)} #main #lpx .tw-lead{font-size:15px;margin:0;color:var(--ink)} #main #lpx .tw-hero-body{display:grid;grid-template-columns:1fr;gap:12px;padding:0 16px 16px} #main #lpx .tw-hero-img{display:flex;gap:8px;align-items:flex-end} #main #lpx .tw-hero-img img{border-radius:8px;min-width:0} #main #lpx .tw-hero-img img:first-child{width:37%} #main #lpx .tw-hero-img img:last-child{width:63%} #main #lpx .tw-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} #main #lpx .tw-stat{background:var(--bg2);border-radius:8px;padding:8px 10px;line-height:1.35} #main #lpx .tw-stat b{display:block;font-family:var(--fd);font-weight:900;font-size:19px;color:var(--ac-d)} #main #lpx .tw-stat span{font-size:12px;color:var(--muted)} #main #lpx .tw-points{margin:10px 0 0} #main #lpx .tw-points li{position:relative;padding-left:20px;margin:0 0 3px;font-size:14px} #main #lpx .tw-points li::before{content:"";position:absolute;left:3px;top:.55em;width:9px;height:5px;border-left:2px solid var(--ac);border-bottom:2px solid var(--ac);transform:rotate(-45deg)} /* いつもの注文（リピーター用ショートカット） */ #main #lpx .tw-quick{border:2px solid var(--red);border-radius:var(--r);padding:12px 14px;margin:0 0 14px;background:#fff} #main #lpx .tw-quick-h{font-weight:700;color:var(--red);font-size:14px;margin:0 0 8px;display:flex;align-items:center;gap:6px} #main #lpx .tw-quick-g{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} #main #lpx .tw-quick-g a{display:block;background:var(--red-s);border-radius:8px;padding:8px 10px;color:var(--ink);font-weight:700;font-size:14px;line-height:1.35;text-decoration:none} #main #lpx .tw-quick-g a small{display:block;font-weight:400;color:var(--muted);font-size:11.5px} #main #lpx .tw-quick-g a:hover{background:#fbe1da} #main #lpx .tw-quick-note{font-size:12px;color:var(--muted);margin:8px 0 0} /* 現行手順のおさらい */ #main #lpx .tw-rule{border-radius:var(--r);background:var(--ac-d);color:#fff;padding:12px 14px;margin:0 0 14px} #main #lpx .tw-rule-h{font-weight:700;font-size:14px;margin:0 0 8px;color:#fff} #main #lpx .tw-rule-h small{font-weight:400;opacity:.8;margin-left:6px} #main #lpx .tw-rule-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px} #main #lpx .tw-rule-g div{background:rgba(255,255,255,.1);border-radius:8px;padding:7px 8px;line-height:1.3;text-align:center} #main #lpx .tw-rule-g b{display:block;color:#fff;font-family:var(--fd);font-weight:900;font-size:19px} #main #lpx .tw-rule-g span{font-size:11.5px;opacity:.85} #main #lpx .tw-rule a{color:#bcd6ff;font-size:13px} #main #lpx .tw-rule p{margin:0;font-size:13px;color:#fff} /* タイプ選び */ #main #lpx .tw-types{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} #main #lpx .tw-type{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--body);background:#fff;text-decoration:none} #main #lpx .tw-type:hover{border-color:var(--ac);text-decoration:none} #main #lpx .tw-type img{width:100%;aspect-ratio:16/10;object-fit:cover} #main #lpx .tw-type div{padding:7px 9px 9px;line-height:1.4} #main #lpx .tw-type b{display:block;font-size:15px} #main #lpx .tw-type small{display:block;font-size:12px;color:var(--muted)} #main #lpx .tw-type.is-now{border:2px solid var(--ac);position:relative} #main #lpx .tw-type.is-now::after{content:"このページ";position:absolute;top:6px;left:6px;background:var(--ac);color:#fff;font-size:11px;font-weight:700;padding:1px 8px;border-radius:99px} /* 得意・苦手 */ #main #lpx .tw-fit{display:grid;grid-template-columns:1fr;gap:8px} #main #lpx .tw-fit > div{border-radius:10px;padding:10px 12px} #main #lpx .tw-fit .ok{background:var(--ac-s)} #main #lpx .tw-fit .ng{background:var(--bg2)} #main #lpx .tw-fit-h{font-weight:700;font-size:14px;margin:0 0 6px;color:var(--ink)} #main #lpx .tw-icons{display:flex;gap:6px;flex-wrap:wrap} #main #lpx .tw-icons img{width:60px;border-radius:6px;background:#fff} #main #lpx .tw-fit ul li{font-size:13.5px;margin:0 0 3px;padding-left:14px;position:relative} #main #lpx .tw-fit ul li::before{content:"・";position:absolute;left:0} /* 汎用カード・リンク */ #main #lpx .tw-box{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;margin:0 0 10px} #main #lpx .tw-note{font-size:12.5px;color:var(--muted)} #main #lpx .tw-warn{background:var(--red-s);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0 0 10px} #main #lpx .tw-warn b{color:var(--red)} #main #lpx .tw-links{display:grid;grid-template-columns:1fr;gap:6px} #main #lpx .tw-link{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--ink);background:#fff;text-decoration:none;line-height:1.4} #main #lpx .tw-link:hover{border-color:var(--ac);text-decoration:none} #main #lpx .tw-link i{color:var(--ac);width:18px;text-align:center;flex:none} #main #lpx .tw-link span{flex:1;min-width:0;font-weight:700;font-size:14px} #main #lpx .tw-link small{display:block;font-weight:400;color:var(--muted);font-size:12px} #main #lpx .tw-link::after{content:"›";color:var(--muted);font-size:18px} /* 手順 */ #main #lpx .tw-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px} #main #lpx .tw-tools a{display:block;text-align:center;background:var(--bg2);border-radius:8px;padding:8px 4px;font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none;line-height:1.35} #main #lpx .tw-tools a i{display:block;font-size:20px;color:var(--ac);margin:0 0 3px} #main #lpx .tw-tools a small{display:block;font-weight:400;color:var(--muted);font-size:11px} #main #lpx .tw-steps{counter-reset:st;display:grid;grid-template-columns:1fr;gap:6px} #main #lpx .tw-steps li{counter-increment:st;position:relative;padding:8px 10px 8px 44px;background:var(--bg2);border-radius:8px;font-size:13.5px;line-height:1.55} #main #lpx .tw-steps li::before{content:counter(st);position:absolute;left:9px;top:8px;width:25px;height:25px;border-radius:50%;background:var(--ac);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center} #main #lpx .tw-steps li b{display:block;font-size:14px} #main #lpx .tw-steps li em{font-style:normal;font-weight:700;color:var(--red)} #main #lpx .tw-print{display:grid;grid-template-columns:1fr;gap:6px} #main #lpx .tw-print div{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.55} #main #lpx .tw-print div b{display:block;font-size:13.5px;color:var(--ac-d)} /* 開閉 */ #main #lpx details.tw-more{border:1px solid var(--line);border-radius:10px;margin:0 0 8px;background:#fff} #main #lpx details.tw-more > summary{cursor:pointer;padding:10px 14px;font-weight:700;font-size:14px;color:var(--ink);list-style:none;display:flex;align-items:center;gap:8px} #main #lpx details.tw-more > summary::-webkit-details-marker{display:none} #main #lpx details.tw-more > summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ac-s);color:var(--ac);font-weight:900;flex:none} #main #lpx details.tw-more[open] > summary::before{content:"−"} #main #lpx details.tw-more > div{padding:0 14px 12px} /* 洗濯 */ #main #lpx .tw-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px} #main #lpx .tw-grades div{text-align:center;background:var(--ac-s);border-radius:8px;padding:8px 4px;line-height:1.3} #main #lpx .tw-grades b{display:block;font-family:var(--fd);font-weight:900;font-size:20px;color:var(--ac-d)} #main #lpx .tw-grades span{font-size:11.5px;color:var(--muted)} #main #lpx table.tw-tbl{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 8px} #main #lpx table.tw-tbl th,#main #lpx table.tw-tbl td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top} #main #lpx table.tw-tbl th{background:var(--bg2);color:var(--ink);font-weight:700;white-space:nowrap} /* 動画 */ #main #lpx .tw-videos{display:grid;grid-template-columns:1fr;gap:12px} #main #lpx .tw-video .tw-yt{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000} #main #lpx .tw-video .tw-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0} #main #lpx .tw-video b{display:block;font-size:14px;margin:6px 0 2px;line-height:1.4} #main #lpx .tw-video p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.55} #main #lpx .tw-vtag{display:inline-block;font-size:11px;font-weight:700;color:var(--ac);background:var(--ac-s);padding:0 7px;border-radius:4px;margin-right:4px} /* サンプル */ #main #lpx .tw-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} #main #lpx .tw-samples a{display:block;border-radius:6px;overflow:hidden} #main #lpx .tw-samples img{width:100%;aspect-ratio:1/1;object-fit:cover} /* アカデミー */ #main #lpx .tw-ac{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} #main #lpx .tw-ac a{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none} #main #lpx .tw-ac a:hover{border-color:var(--ac);text-decoration:none} #main #lpx .tw-ac img{width:100%;aspect-ratio:1200/630;object-fit:cover} #main #lpx .tw-ac span{display:block;padding:7px 9px 9px;font-size:13px;font-weight:700;line-height:1.45} #main #lpx .tw-ac small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:2px} #main #lpx .tw-ac-more{text-align:right;font-size:13px;margin:8px 0 0} /* ご注文（カート） */ #main #lpx .tw-cart{border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;background:#fff} #main #lpx .tw-cart-head{background:var(--ink);color:#fff;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} #main #lpx .tw-cart-head b{color:#fff;font-family:var(--fd);font-size:17px} #main #lpx .tw-cart-head small{color:#cfd8e3} #main #lpx .tw-tabs > input{position:absolute;opacity:0;pointer-events:none} #main #lpx .tw-tabbar{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)} #main #lpx .tw-tabbar label{cursor:pointer;text-align:center;padding:10px 6px;font-weight:700;font-size:15px;color:var(--muted);background:var(--bg2)} #main #lpx .tw-tabbar label small{display:block;font-weight:400;font-size:11px} #main #lpx #tw-a4:checked ~ .tw-tabbar label[for="tw-a4"],#main #lpx #tw-a3:checked ~ .tw-tabbar label[for="tw-a3"]{background:#fff;color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)} #main #lpx .tw-panel{display:none;padding:4px 12px 10px} #main #lpx #tw-a4:checked ~ .tw-p-a4,#main #lpx #tw-a3:checked ~ .tw-p-a3{display:block} #main #lpx .tw-grp{font-size:12.5px;font-weight:700;color:var(--muted);margin:12px 0 4px;letter-spacing:.05em} #main #lpx .tw-item{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;padding:10px 0;border-top:1px solid var(--line)} #main #lpx .tw-grp + .tw-item{border-top:0} #main #lpx .tw-item > img{width:64px;grid-row:span 2;border-radius:6px} #main #lpx .tw-item-t{line-height:1.5;font-size:13px} #main #lpx .tw-item-t b{display:block;font-size:15px} #main #lpx .tw-item .cart-in{grid-column:2} #main #lpx .tw-tag{display:inline-block;font-size:11px;font-weight:700;padding:0 7px;border-radius:4px;margin:0 4px 2px 0;vertical-align:middle;line-height:1.7} #main #lpx .tw-tag.t-red{background:var(--red);color:#fff} #main #lpx .tw-tag.t-ac{background:var(--ac-s);color:var(--ac)} #main #lpx .tw-tag.t-gray{background:var(--bg2);color:var(--muted)} #main #lpx .tw-cart-foot{padding:10px 14px;background:var(--bg2);font-size:12.5px;line-height:1.6} #main #lpx .tw-cart-foot a{font-weight:700} /* 上部の目次（ページ内リンク） */ #main #lpx .tw-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px} #main #lpx .tw-toc a{font-size:12.5px;font-weight:700;color:var(--ink);background:var(--bg2);border-radius:99px;padding:4px 12px;text-decoration:none} #main #lpx .tw-toc a:hover{background:var(--ac-s);color:var(--ac)} #main #lpx .tw-toc a.is-buy{background:var(--red);color:#fff} #main #lpx .tw-cta{display:block;text-align:center;background:var(--red);color:#fff;font-weight:700;border-radius:10px;padding:12px;font-size:15px;text-decoration:none;margin:10px 0 0} #main #lpx .tw-cta:hover{background:#c9331f;text-decoration:none} /* 横幅があるとき（PCの本文 約730px） */ @container lpx (min-width:521px){ #main #lpx .tw-hero-body{grid-template-columns:1.05fr 1fr;align-items:start} #main #lpx .tw-stats{grid-template-columns:repeat(2,1fr)} #main #lpx .tw-quick-g{grid-template-columns:repeat(4,1fr)} #main #lpx .tw-types{grid-template-columns:repeat(4,1fr)} #main #lpx .tw-fit{grid-template-columns:1fr 1fr} #main #lpx .tw-links.col2{grid-template-columns:1fr 1fr} #main #lpx .tw-steps.col2{grid-template-columns:1fr 1fr} #main #lpx .tw-print{grid-template-columns:repeat(3,1fr)} #main #lpx .tw-videos{grid-template-columns:1fr 1fr} #main #lpx .tw-samples{grid-template-columns:repeat(6,1fr)} #main #lpx .tw-ac{grid-template-columns:repeat(3,1fr)} #main #lpx .tw-item{grid-template-columns:64px 1fr 230px;align-items:center} #main #lpx .tw-item > img{grid-row:auto} #main #lpx .tw-item .cart-in{grid-column:auto} } #main #lpx .tw-stat b.sm{font-size:15px;line-height:1.6} /* ▼ 案B修正版の追加分 */ /* 得意なこと：写真カード */ #main #lpx .tw-good{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} #main #lpx .tw-good-c{border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line)} #main #lpx .tw-good-c img{width:100%;aspect-ratio:4/3;object-fit:cover} #main #lpx .tw-good-c div{padding:8px 10px 10px;line-height:1.45;border-top:3px solid var(--ac)} #main #lpx .tw-good-c b{display:block;font-family:var(--fd);font-weight:900;font-size:15px} #main #lpx .tw-good-c small{display:block;color:var(--muted);font-size:12px;margin-top:2px} /* 代替案 */ #main #lpx .tw-alt{display:grid;grid-template-columns:1fr;gap:8px} #main #lpx .tw-alt a{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;color:var(--body);text-decoration:none} #main #lpx .tw-alt a:hover{border-color:var(--ac);text-decoration:none} #main #lpx .tw-alt img{width:84px;height:84px;object-fit:contain;background:var(--bg2);border-radius:8px} #main #lpx .tw-alt div{line-height:1.45} #main #lpx .tw-alt small{display:block;font-size:11.5px;color:var(--ac);font-weight:700} #main #lpx .tw-alt b{display:block;font-size:15px;margin:1px 0} #main #lpx .tw-alt span{display:block;font-size:12.5px;color:var(--muted)} #main #lpx .tw-alt em{font-style:normal} /* 使う機材：写真 */ #main #lpx .tw-tools2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 4px} #main #lpx .tw-tools2 a{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;padding:8px 6px 9px;background:#fff;color:var(--ink);text-decoration:none;line-height:1.35} #main #lpx .tw-tools2 a:hover{border-color:var(--ac);text-decoration:none} #main #lpx .tw-tools2 img{width:100%;height:92px;object-fit:contain;margin:0 0 6px} #main #lpx .tw-tools2 b{display:block;font-size:13.5px} #main #lpx .tw-tools2 small{display:block;color:var(--muted);font-size:11px} /* 作業の流れ：写真つき */ #main #lpx .tw-psteps{counter-reset:ps;display:grid;grid-template-columns:repeat(2,1fr);gap:8px} #main #lpx .tw-psteps li{counter-increment:ps;position:relative;border-radius:10px;overflow:hidden;background:var(--bg2)} #main #lpx .tw-psteps li img{width:100%;aspect-ratio:16/9;object-fit:cover} #main #lpx .tw-psteps li::before{content:counter(ps);position:absolute;left:6px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--ac);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff} #main #lpx .tw-psteps li div{padding:7px 9px 9px;font-size:12.5px;line-height:1.55} #main #lpx .tw-psteps li b{display:block;font-size:14px;margin:0 0 1px} #main #lpx .tw-psteps li em{font-style:normal;font-weight:700;color:var(--red)} /* ご注意：小さく */ #main #lpx .tw-fine{margin:6px 0 0;padding:10px 0 0;border-top:1px solid var(--line);font-size:11.5px;line-height:1.7;color:var(--muted)} #main #lpx .tw-fine p{margin:0 0 4px} #main #lpx .tw-fine b{color:var(--muted);margin-right:6px} @container lpx (min-width:521px){ #main #lpx .tw-good{grid-template-columns:repeat(4,1fr)} #main #lpx .tw-alt{grid-template-columns:1fr 1fr} #main #lpx .tw-psteps{grid-template-columns:repeat(4,1fr)} } /* 商品名のサイズ表示 */ #main #lpx .tw-sz{display:inline-block;font-size:12px;font-weight:700;color:#fff;border-radius:4px;padding:0 7px;margin-right:6px;vertical-align:2px;line-height:1.7} #main #lpx .tw-sz-a4{background:#1E56A0} #main #lpx .tw-sz-a3{background:#7B3FB2} #main #lpx #tw-a4 .tw-cart-head{background:#123E78} #main #lpx #tw-a4.tw-cart{border-color:#123E78} #main #lpx #tw-a3 .tw-cart-head{background:#4B2470} #main #lpx #tw-a3.tw-cart{border-color:#4B2470} /* 商品ごとに枠で囲む */ #main #lpx .tw-panel{padding:8px 10px 4px} #main #lpx .tw-grp{margin:10px 2px 6px} #main #lpx .tw-item,#main #lpx .tw-grp + .tw-item{border:1px solid #CBD5E1;border-radius:10px;padding:10px 12px;margin:0 0 8px;background:#fff;gap:6px 12px} #main #lpx .tw-item:hover{border-color:var(--ac)} @container lpx (min-width:521px){ #main #lpx .tw-item{grid-template-columns:64px minmax(0,1fr) 236px} } #main #lpx .tw-rule-g b{font-size:clamp(14px,4.4cqi,19px);white-space:nowrap} /* お知らせ（発送遅延解消など） */ #main #lpx .tw-news{border:1px solid #9BD3B4;background:#EEF9F2;border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:13.5px;line-height:1.7} #main #lpx .tw-news-h{margin:0 0 3px;font-weight:700;color:#147A43;font-size:14.5px} #main #lpx .tw-news-h i{margin-right:4px} #main #lpx .tw-news-h small{font-weight:400;color:var(--muted);margin-left:8px;font-size:12px} #main #lpx .tw-news p:last-child{margin:0} /* ▼ タイプ別の色（W=青は既定） */ #main #lpx.tw-t-wl{--ac:#0F8A6C;--ac-d:#0B3F33;--ac-s:#E6F5F0} #main #lpx.tw-t-c{--ac:#C8641E;--ac-d:#5A2C0C;--ac-s:#FBF0E6} #main #lpx.tw-t-wl .tw-rule a{color:#9fe3cf} #main #lpx.tw-t-c .tw-rule a{color:#ffd2a8} #main #lpx .tw-tbl td[colspan]{text-align:center} /* ▼ 追加ページ用 */ #main #lpx.tw-t-p{--ac:#B4233C;--ac-d:#4A0E19;--ac-s:#FBEBEE} #main #lpx.tw-t-pk{--ac:#C2367A;--ac-d:#4D1230;--ac-s:#FCEBF3} #main #lpx.tw-t-full{--ac:#2F6690;--ac-d:#14324A;--ac-s:#E9F1F8} #main #lpx.tw-t-p .tw-rule a{color:#ffc2cc} #main #lpx.tw-t-pk .tw-rule a{color:#ffc4e0} #main #lpx .tw-good.c3{grid-template-columns:repeat(2,1fr)} #main #lpx .tw-psteps.c3{grid-template-columns:repeat(2,1fr)} #main #lpx .tw-tools2.n2{grid-template-columns:repeat(2,1fr)} #main #lpx .tw-alt a.is-now{border:2px solid var(--ac)} #main #lpx .tw-alt a.is-now small::after{content:"（このページ）";color:var(--muted);font-weight:400} #main #lpx .tw-altc{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff} #main #lpx .tw-altc img{width:84px;height:84px;object-fit:cover;border-radius:8px} #main #lpx .tw-altc b{display:block;font-size:14px} #main #lpx .tw-altc span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5} #main #lpx .tw-cbimgs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} #main #lpx .tw-cbimgs img{border-radius:6px;border:1px solid var(--line)} @container lpx (min-width:521px){ #main #lpx .tw-good.c3{grid-template-columns:repeat(3,1fr)} #main #lpx .tw-psteps.c3{grid-template-columns:repeat(3,1fr)} #main #lpx .tw-cbimgs{grid-template-columns:repeat(4,1fr)} }