/* LIFE NOTE の入口（/）の見た目。月の TOWN NOTE 入口（usagi links/town-notes.html）と同じ。11/2 オーナー「完全に TOWN NOTE 仕様にする」 */

body{margin:0;background:#FFFFFF;font-family:"Zen Kaku Gothic New",sans-serif;color:#2B2622;-webkit-font-smoothing:antialiased}
.wrap{max-width:460px;margin:0 auto;padding:0 16px 30px;overflow:hidden}
.head{position:relative;text-align:center;margin:0 -16px;padding:34px 16px 6px;background:radial-gradient(circle at 10% 14%,rgba(242,214,194,.55) 0 84px,transparent 85px),radial-gradient(circle at 92% 8%,rgba(205,224,236,.6) 0 60px,transparent 61px),radial-gradient(circle at 4% 62%,rgba(236,214,222,.45) 0 40px,transparent 41px)}
.head img{width:74px;height:74px}
.brand{font-family:Jost;font-weight:300;font-size:10.5px;letter-spacing:.5em;color:#8C7B6E;margin:12px 0 0;padding-left:.5em}
h1{font-family:Jost;font-weight:300;font-size:40px;letter-spacing:.16em;line-height:1.1;margin:16px 0 0;padding-left:.16em;color:#231E1B}
.kana{font-size:11px;font-weight:500;letter-spacing:.5em;padding-left:.5em;color:#8C7B6E;margin:8px 0 0}
.cp{font-family:"Shippori Mincho",serif;font-weight:600;font-size:19px;letter-spacing:.14em;margin:16px 0 0;color:#2B2622}
.sub{font-size:13px;line-height:2;color:#6B6058;margin:12px 0 0;text-wrap:balance}
.kmap{display:block;width:100%;height:auto;margin:18px 0 0}
.kmap .lb text{text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}
.kmap .jp{font-family:"Shippori Mincho",serif;font-weight:700;font-size:22px;letter-spacing:.12em}
.kmap .en{font-family:Jost;font-size:9.5px;letter-spacing:.3em;fill:#9C8775}
.kmap .pf path{cursor:pointer;transition:opacity .2s}.kmap.sel .pf path{opacity:.35}.kmap.sel .pf path.on{opacity:1}
.pp{margin:8px 0 0;background:#fff;border:1px solid #ECECEC;border-top:3px solid var(--pc,#CECECE);padding:14px 16px;text-align:left}.pp[hidden]{display:none}
.pp h3{margin:0;font-family:"Shippori Mincho",serif;font-weight:700;font-size:18px;letter-spacing:.1em;color:var(--pc)}.pp h3 small{font-family:Jost;font-weight:400;font-size:9.5px;letter-spacing:.3em;color:#9C8775;margin-left:8px}
.pp .g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0}.pp .g a{display:block;text-decoration:none;color:#2B2622;background:#F1F2F4;padding:10px 12px}
.pp .g span{display:block;font-size:11px;color:#7A6E66}.pp .g b{display:block;font-family:Jost;font-weight:500;font-size:20px;color:var(--pc)}.pp .g em{display:block;font-style:normal;font-size:11.5px;color:#5C5048;line-height:1.5;margin-top:2px}
.mapcap{text-align:center;font-family:Jost;font-size:10px;letter-spacing:.34em;color:#9C8775;margin:4px 0 0}
/* あなたの街 */
.find{margin:28px 0 0;padding:20px 16px 16px;background:#F1F2F4}
.find h2{font-family:"Shippori Mincho",serif;font-weight:600;font-size:18px;letter-spacing:.12em;margin:0;text-align:center}
.find h2 small{display:block;font-family:Jost;font-weight:400;font-size:10px;letter-spacing:.34em;color:#9C8775;margin-bottom:6px}
.find p{font-size:12px;color:#6B6058;text-align:center;margin:8px 0 12px;line-height:1.8}
.fi{display:block;width:100%;box-sizing:border-box;font-size:16px;padding:13px 16px;border:1px solid #CECECE;border-radius:12px;background:#fff;color:#2B2622;font-family:inherit;outline:none}.fi:focus{border-color:#8C7B6E}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0;justify-content:center}
.chips button{border:1px solid #CECECE;background:#fff;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:700;color:#5C5048;cursor:pointer}
.res{margin-top:12px}.res:empty{display:none}
.res .sec{font-family:Jost;font-size:10px;letter-spacing:.3em;color:#9C8775;margin:14px 2px 8px}
.res a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;text-decoration:none;color:#2B2622;padding:12px 14px;margin:0 0 8px;border-left:3px solid var(--pc)}
.res a i{font-style:normal;font-size:11px;font-weight:700;color:var(--pc);border:1px solid var(--pc);border-radius:999px;padding:1px 8px}
.res a b{font-size:14px;line-height:1.5}.res a b small{display:block;font-size:11px;font-weight:500;color:#8C7B6E}
.res a em{font-style:normal;font-family:Jost;font-weight:500;font-size:16px}
.res .none{font-size:12.5px;color:#7A6E66;text-align:center;padding:6px 0}
/* 2つのリスト */
.lists{margin:34px 0 0}
.lists>h2{text-align:center;font-family:Jost;font-weight:400;font-size:10.5px;letter-spacing:.42em;color:#8C7B6E;margin:0 0 16px}
.ls{position:relative;display:block;text-decoration:none;color:#2B2622;background:#fff;box-shadow:0 1px 2px rgba(43,38,34,.05),0 10px 26px rgba(43,38,34,.07);padding:22px 20px 18px;margin:0 0 18px;overflow:hidden}
.ls:before{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border-radius:50%;background:var(--bg)}
.ls .no{position:relative;font-family:Jost;font-weight:300;font-size:30px;color:var(--ac);line-height:1}
.ls .no small{font-size:10px;letter-spacing:.3em;margin-right:8px;vertical-align:middle;color:#9C8775}
.ls .en{position:relative;font-family:Jost;font-size:10px;letter-spacing:.3em;color:#9C8775;margin-top:10px}
.ls h3{position:relative;font-family:"Shippori Mincho",serif;font-weight:600;font-size:23px;letter-spacing:.12em;margin:6px 0 0}
.ls p{position:relative;font-size:12.5px;line-height:1.9;color:#6B6058;margin:6px 0 0}
.ls .st{position:relative;display:flex;gap:0 18px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #ECECEC}
.ls .st span{font-size:11px;color:#7A6E66}.ls .st b{display:block;font-family:Jost;font-weight:500;font-size:22px;color:var(--ac);line-height:1.3}
.ls .pv{position:relative;margin:12px 0 0;font-size:12.5px;line-height:1.7;color:#2B2622}.ls .pv:empty{display:none}
.ls .pv div{padding:7px 0;border-top:1px dashed #E4E4E4;display:flex;gap:8px}.ls .pv div i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--c);flex:none;margin-top:1px}
.ls .go{position:relative;display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding:12px 16px;background:var(--ac);color:#fff;font-weight:700;font-size:14px;letter-spacing:.08em}
.ls .go span{font-family:Jost}
/* 約束 */
.prom{margin:30px 0 0;text-align:center}
.prom h2{font-family:Jost;font-weight:400;font-size:10.5px;letter-spacing:.42em;color:#8C7B6E;margin:0 0 14px}
.prom ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.prom li{background:#F1F2F4;padding:14px 4px 12px;font-size:11.5px;line-height:1.6;color:#5C5048}.prom li b{display:block;font-family:"Shippori Mincho",serif;font-size:15px;color:#2B2622;margin-bottom:4px;letter-spacing:.06em}
.cos{margin:30px 0 0;border:1px solid #CECECE}
.cos a{display:block;position:relative;text-decoration:none;color:#2B2622;padding:16px 44px 15px 18px;border-top:1px solid #ECECEC}.cos a:first-child{border-top:0}
.cos a small{display:block;font-family:Jost;font-size:9.5px;letter-spacing:.3em;color:#9C8775}.cos a b{display:block;font-family:"Shippori Mincho",serif;font-weight:600;font-size:16px;letter-spacing:.08em;margin-top:4px}.cos a span{display:block;font-size:11.5px;color:#857A70;margin-top:3px}
.cos a:after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:Jost;color:#9C8775}
.sns{margin:30px 0 0;text-align:center}.sns h2{font-family:Jost;font-weight:400;font-size:10.5px;letter-spacing:.42em;color:#8C7B6E;margin:0 0 12px}
.sns a{display:inline-block;margin:0 10px;color:#2B2622;text-decoration:none;font-family:Jost;font-size:14px;letter-spacing:.06em;border-bottom:1px solid #2B2622;padding-bottom:2px}
.ft{text-align:center;font-size:10.5px;letter-spacing:.06em;color:#8C7B6E;margin-top:30px}
/* 燈：都県の色は page.py の PREF_COLOR と同じ。夜は地図の線を光らせる（月の夜と同じ） */
html.night .kmap .pf{stroke-width:1.6}
html.night .kmap .pf path{fill-opacity:.22}
html.night .kmap .pf path[data-p='東京']{stroke:#8FB6EA;fill:#8FB6EA;filter:drop-shadow(0 0 1.5px rgba(143,182,234,.6))}
html.night .kmap .pf path[data-p='神奈川']{stroke:#86D3DF;fill:#86D3DF;filter:drop-shadow(0 0 1.5px rgba(134,211,223,.6))}
html.night .kmap .pf path[data-p='埼玉']{stroke:#F1C27E;fill:#F1C27E;filter:drop-shadow(0 0 1.5px rgba(241,194,126,.6))}
html.night .kmap .pf path[data-p='千葉']{stroke:#F2A788;fill:#F2A788;filter:drop-shadow(0 0 1.5px rgba(242,167,136,.6))}
html.night .kmap .pf path[data-p='茨城']{stroke:#9ED19A;fill:#9ED19A;filter:drop-shadow(0 0 1.5px rgba(158,209,154,.6))}
html.night .kmap .pf path[data-p='栃木']{stroke:#EBA3B3;fill:#EBA3B3;filter:drop-shadow(0 0 1.5px rgba(235,163,179,.6))}
html.night .kmap .pf path[data-p='群馬']{stroke:#C3A6E0;fill:#C3A6E0;filter:drop-shadow(0 0 1.5px rgba(195,166,224,.6))}
html.night .kmap .lb text{stroke:#141A28}
html.night .kmap .lb .jp{fill:#F3F1EC}
html.night .kmap .lb .en{fill:#9AA6BF}