﻿:root{color-scheme:light;--paper:#f4eedf;--sheet:#fffaf0;--ink:#262723;--muted:#53564f;--indigo:#1f3a5f;--red:#b7282e;--rule:#b8ad94;--gold:#93713f;--serif:"Yu Mincho","Hiragino Mincho","Noto Serif JP",serif;--wave:radial-gradient(circle at 50% 100%,transparent 9px,#ffffff14 10px 11px,transparent 12px 17px,#ffffff14 18px 19px,transparent 20px 25px,#ffffff14 26px 27px,transparent 28px)}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(100deg,transparent 0 13px,#78674506 14px 15px,transparent 16px 29px),repeating-linear-gradient(0deg,transparent 0 4px,#ffffff50 5px,transparent 6px 11px);font:16px/1.95 "Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}a{color:var(--indigo);text-underline-offset:.25em}a:hover{color:var(--red);text-decoration-thickness:2px}:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--red);outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}.w{width:min(100%,860px);margin-inline:auto;padding-inline:24px;min-width:0}
/* 藍染めの暖簾と縦札 */
header{border-top:7px solid var(--ink);border-bottom:5px double var(--gold);background-color:var(--indigo);background-image:var(--wave);background-size:56px 28px;color:var(--sheet)}header>.w{max-width:860px}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:28px 24px}.brand{display:flex;align-items:center;gap:12px;min-height:82px;padding:12px 18px;border:3px double var(--sheet);box-shadow:0 0 0 1px #fffaf066;color:var(--sheet);font:900 clamp(27px,6vw,42px)/1.3 var(--serif);letter-spacing:.06em;text-decoration:none}.brand:hover{color:#fff;background:#122e4c}.logo{width:38px;height:38px;flex:none;background:var(--sheet);border-radius:50%;padding:3px}.editor{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}.cmh{display:block;object-fit:contain;flex:none}header .cmh{background:var(--sheet);border-radius:50%;padding:3px}header .editor-text{display:none}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 0 22px}nav a{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;min-height:136px;min-width:44px;padding:12px 6px;background:var(--sheet);color:var(--indigo);border:1px solid #d5c8aa;border-top:4px solid var(--red);box-shadow:2px 3px 0 #102944;font:800 15px/1.5 var(--serif);letter-spacing:.13em;text-decoration:none}nav a:hover{color:var(--red);background:#f1e4c9}nav a:first-child{background:var(--red);border-color:#f1bd9d;color:#fffaf0}
main.w{max-width:800px;padding-top:24px}.crumb{padding-bottom:16px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--muted)}.crumb a{display:inline-flex;align-items:center;min-height:44px}h1{margin:28px 0;font:900 clamp(28px,5.6vw,43px)/1.55 var(--serif);letter-spacing:.025em;color:var(--ink);padding-bottom:22px;border-bottom:5px double var(--ink);text-shadow:.4px 0 currentColor}h2{position:relative;margin:0 0 20px;padding:12px 10px 12px 45px;border-block:1px solid var(--rule);background:repeating-linear-gradient(45deg,#1f3a5f05 0 7px,transparent 7px 14px),#eee7d6;color:var(--indigo);font:800 clamp(20px,4.3vw,25px)/1.65 var(--serif)}h2::before{content:"";position:absolute;left:12px;top:20px;width:22px;height:22px;border:2px solid var(--indigo);border-radius:50%;background:radial-gradient(circle,var(--indigo) 0 3px,transparent 4px),conic-gradient(transparent 0 40deg,#1f3a5f33 40deg 80deg,transparent 80deg 160deg,#1f3a5f33 160deg 200deg,transparent 200deg 280deg,#1f3a5f33 280deg 320deg,transparent 320deg);box-shadow:inset 0 0 0 2px var(--paper)}h3{font-family:var(--serif)}.intro{font-size:16px}.stamp,.note{font-size:12px;color:var(--muted)}.stamp{margin-bottom:30px}
/* 高札と朱の札 */
.answer{position:relative;margin:28px 0;padding:26px 20px 22px;border:6px double var(--ink);border-top:10px solid var(--indigo);background:var(--sheet);box-shadow:0 5px 0 #1f3a5f25}.answer::before,.answer::after{content:"";position:absolute;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.answer::before{left:8px}.answer::after{right:8px}.answer strong{display:block;color:var(--red);font:900 clamp(23px,5vw,32px)/1.6 var(--serif)}.answer p{font-size:14px;margin:10px 0 20px}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick a,button,.tp-btn,.fb .fb-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 10px;border:3px double #f8e5d0;border-radius:0;background:var(--red);color:#fffaf0;font:700 15px/1.65 var(--serif);text-align:center;text-decoration:none;box-shadow:0 0 0 1px var(--red);cursor:pointer}.quick a:hover,button:hover,.tp-btn:hover,.fb .fb-btn:hover{background:#8c1d24;color:#fff}.toc{margin:30px 0 38px;padding:14px 18px;border:1px solid var(--indigo);border-block:4px double var(--indigo);background:var(--sheet)}.toc summary{display:list-item;min-height:44px;padding-block:6px;cursor:pointer;color:var(--indigo);font-weight:700}.toc ol,#all-articles ul{padding:0;list-style:none;counter-reset:articles}.toc li,#all-articles li{counter-increment:articles;position:relative;padding-left:36px;border-bottom:1px solid var(--rule)}.toc li::before,#all-articles li::before{content:counter(articles,decimal-leading-zero);position:absolute;left:0;top:11px;color:var(--red);font:700 17px/1.7 var(--serif)}.toc li a,#all-articles li a{display:flex;align-items:center;min-height:48px;padding-block:10px;font-size:14px}article section{padding-block:12px 24px;margin-bottom:26px;border-bottom:1px solid var(--rule)}section p{margin:0 0 16px}article>h2{margin-top:36px}.related{margin:36px 0;padding:22px 18px;border:1px solid var(--indigo);border-left:6px solid var(--indigo);background:#ebe9df}.related a{display:flex;align-items:center;min-height:48px;padding-block:13px;border-bottom:1px solid var(--rule);font-size:15px}.reading{display:grid;gap:12px;margin-block:32px;font-size:14px}.reading a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border:1px solid var(--ink);background:var(--sheet);text-decoration:none}#all-articles{margin-top:44px;padding-top:26px;border-top:5px double var(--ink)}#all-articles a{font-size:15px}
/* 和紙のカードと写真の額 */
figure.ph,.top-hero{margin:24px 0;padding:8px;border:1px solid var(--ink);border-block:7px solid var(--indigo);background:var(--sheet);box-shadow:3px 4px 0 #26272318}figure.ph img{display:block;width:100%;height:auto}figure.ph figcaption{padding:12px 5px 4px;font-size:14px;line-height:1.8}figure.ph small,.top-hero small,.top-card small{display:block;margin-top:6px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.temple-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin:24px 0}.temple-card{min-width:0;padding:20px 16px;border:1px solid var(--ink);border-top:4px solid var(--indigo);background:var(--sheet);box-shadow:3px 3px 0 #26272318}.temple-card h3{margin:0 0 8px;color:var(--indigo);font:800 22px/1.6 var(--serif)}.temple-card h3::before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border:3px double var(--red);border-radius:50%}.temple-card .place{font-size:13px;color:var(--muted)}.temple-card figure.ph{margin:16px 0}.temple-card p:last-child{margin-bottom:0}.top-feature{margin:26px 0 36px}.top-feature h2{margin-top:0}.top-hero{margin:0 0 22px}.top-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.top-hero figcaption{padding:12px 5px 4px;font-size:14px;line-height:1.8}.top-pick{margin:0 0 24px;padding:20px 16px;border:1px solid var(--ink);border-left:6px solid var(--red);background:var(--sheet)}.top-pick .tp-label{margin:0;color:var(--red);font-weight:700;font-size:13px;letter-spacing:.1em}.top-pick .tp-head{margin:8px 0 12px;font:900 clamp(21px,4.6vw,28px)/1.6 var(--serif)}.top-pick p{margin:8px 0}.tp-btn{margin-top:18px}.top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.top-card{min-width:0;margin:0;padding:5px;border:1px solid var(--ink);border-top:4px solid var(--indigo);background:var(--sheet);box-shadow:2px 3px 0 #26272318}.top-card a{display:block;min-height:44px;text-decoration:none;color:inherit}.top-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.top-card .tc-title{display:block;padding:10px 6px 0;font:800 18px/1.5 var(--serif);color:var(--indigo)}.top-card .tc-text{display:block;padding:4px 6px;font-size:13px}.top-card figcaption{padding:0 6px 8px}.top-more{margin-top:22px}
/* 読者フォーム */
label{display:block;font-weight:700;margin-top:20px}input,select,textarea{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--indigo);border-radius:0;background:var(--sheet);color:var(--ink);font:inherit}textarea{resize:vertical}button{display:inline-flex;margin-top:20px;padding:12px 24px;font-size:16px}.rform{display:block;margin:24px 0;padding:22px 16px;border:1px solid var(--ink);border-top:5px double var(--indigo);background:var(--sheet)}.rform label:first-child{margin-top:0}.rform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.rform button{margin-top:22px;letter-spacing:.15em}.bk{margin:18px 0;padding:14px 16px;border:1px solid var(--indigo);border-left:6px solid var(--indigo);background:#e8edf0;color:var(--ink);font-weight:700}.bk.go{border-color:var(--red);background:#f6e6dd}.fb{margin:40px 0 8px;padding:22px 18px;border:3px double var(--indigo);border-top:7px solid var(--indigo);background:var(--sheet)}.fb-t{margin:0 0 14px;font:800 17px/1.6 var(--serif);color:var(--indigo)}.fb .note{margin:14px 0 0}dt{font-weight:700;margin-top:16px;color:var(--indigo)}dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--rule)}footer{margin-top:60px;padding-block:30px;border-top:6px double var(--gold);background:var(--indigo);color:var(--sheet);font-size:13px}footer a{color:var(--sheet)}footer a:hover{color:#fff}footer .cmh{width:54px;height:54px;background:var(--sheet);border-radius:50%;padding:3px}footer .editor{font-size:14px}.foot-links{display:flex;flex-wrap:wrap;gap:4px 22px}.foot-links a{display:inline-flex;align-items:center;min-height:44px}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;min-height:44px;padding:10px;background:var(--sheet);z-index:5}
@media(min-width:720px){header .editor-text{display:inline;color:var(--sheet);font-size:13px}.bar{padding-block:32px}.brand{padding:16px 24px}nav{gap:14px}nav a{min-height:148px;font-size:16px}main.w{padding-top:30px}.answer{padding:30px}.top-grid{gap:20px}.top-card .tc-title{font-size:21px}}
@media(max-width:430px){.w{padding-inline:16px}.bar{gap:12px;padding-block:24px}.brand{padding:12px;gap:8px;min-height:74px}.logo{width:30px;height:30px}nav{gap:6px}nav a{min-height:130px;font-size:14px;padding-inline:4px}.answer{padding:22px 14px 18px}.quick{gap:10px}.quick a{font-size:14px}.top-grid{gap:12px}.top-card .tc-title{font-size:17px}.top-card .tc-text{font-size:13px}.top-pick{padding:18px 14px}.related{padding-inline:14px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
