@charset "UTF-8";
:root{--page-bg:#f0eff5;--text:rgba(0, 0, 0, 0.73);--muted:rgba(0, 0, 0, 0.60);--link:#0066cc;--line:#e5e7eb;--card:#fff;--radius-s:6px;--radius-m:8px;--radius-l:12px;--shadow-card:0 10px 30px rgba(0, 0, 0, 0.2);--shadow-soft:0 2px 6px rgba(0, 0, 0, 0.08);--zoom-default:url("https://s.yimg.jp/images/weather/promo/digest/ico_zoom.svg")}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
#wrapper{max-width:100%}
.headerFrame{margin-left:auto;margin-right:auto;max-width:950px}
#main{margin:0;padding:0;background:var(--page-bg);color:var(--text)}
.digestBlog{margin:0 auto;max-width:800px;background:var(--card);color:var(--text)}
.hero{display:grid;grid-template-columns:1fr;gap:16px;margin:0 auto;max-width:100%}
.digest-bg{display:grid;place-items:center;height:130px;background:url(https://s.yimg.jp/images/weather/promo/digest/bg_header.png) no-repeat center/cover;color:#fff;font-size:26px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.3);-ms-flex-line-pack:center;align-content:center}
.digest_title{margin:0 0 8px}
.digest_subtitle{font-size:15px;font-weight:400;margin:0}
.container{margin:0 auto;padding:32px;max-width:100%;background:var(--card)}
h2.sec-title{margin:24px 0 8px;font-size:22px}
.lead{font-size:15px}
.cap{margin:8px 0 14px;font-size:15px}
.chart img{width:100%;border-radius:4px;margin:0 0 24px 0}
.thumb-grid{display:grid}
.card{display:grid;-ms-flex-line-pack:start;align-content:start;gap:8px;margin:0}
.thumb{position:relative;overflow:hidden;background:#ddd;border-radius:var(--radius-m)}
.thumb-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.thumb-img.pos_top{-o-object-position:top;object-position:top}
.thumb-img.pos_center{-o-object-position:center;object-position:center}
.thumb-img.pos_bottom{-o-object-position:bottom;object-position:bottom}
.thumb-btn{position:absolute;inset:0;display:block;padding:0;border:0;background:0 0;cursor:pointer}
.thumb::after{content:"";position:absolute;right:6px;bottom:6px;width:24px;height:24px;background:var(--zoom-img,var(--zoom-default)) center/cover no-repeat;pointer-events:none;-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .5));filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .5))}
.thumb-meta{display:none}
.thumb-meta .title{margin:0 0 8px;font-size:15px}
.thumb-meta .place{margin:0;color:var(--muted);font-size:13px}
.modal{position:fixed;inset:0;display:none;z-index:5000001;overflow:hidden;background:rgba(0,0,0,.85)}
.modal.open{display:block}
.viewer{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;height:100vh}
@supports (height:100dvh){
.viewer{height:100dvh}
}
.panel{position:relative;display:contents}
.panel-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.btn-close{position:absolute;top:14px;right:14px;display:-webkit-box;display:-ms-flexbox;display:flex;place-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.95);cursor:pointer}
.nav{position:absolute;top:calc(50% - 58px);display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.3);cursor:pointer;color:#fff}
.nav.prev{left:14px}
.nav.next{right:14px}
.meta{padding:14px 16px;background:var(--card)}
.meta .title{margin:0 0 6px}
.meta .place{margin:0;color:var(--muted);font-size:15px}
.induction{margin:32px;padding:18px 16px;text-align:center;background:#f7f7f7;border-radius:var(--radius-l)}
.induction .sec-title{margin:0 0 6px}
.induction .cap{margin:0 0 14px}
.induction button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:560px;height:56px;padding:0 24px;border:none;border-radius:9999px;background:var(--link);color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em;-webkit-box-shadow:var(--shadow-soft);box-shadow:var(--shadow-soft);cursor:pointer;-webkit-transition:-webkit-transform 20ms ease,-webkit-filter .15s ease;transition:-webkit-transform 20ms ease,-webkit-filter .15s ease;-o-transition:transform 20ms ease,filter .15s ease;transition:transform 20ms ease,filter .15s ease;transition:transform 20ms ease,filter .15s ease,-webkit-transform 20ms ease,-webkit-filter .15s ease}
.induction button:hover{-webkit-filter:brightness(.96);filter:brightness(.96)}
.induction button:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}
.induction button:focus-visible{outline:2px solid color-mix(in oklab,var(--link),#fff 35%);outline-offset:2px}
.induction p{margin:16px 0 0;font-size:15px}
.induction p a{color:var(--link);text-decoration:none}
.annotation{margin:32px;padding:32px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.annotation ul{margin:0;padding:0 0 0 1.1em;list-style:disc}
.annotation li{position:relative;line-height:1.8;font-size:13px;color:var(--text);list-style:disc}
.annotation li a{font-size:13px}
.annotation li+li{margin-top:4px}
.annotation a{color:var(--link)}
.weatherColumn_share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;padding:32px 0 48px}
.weatherColumn_share img{width:40px}
.weatherColumn_banner img{max-width:100%}
@media (max-width:800px){
.digest-bg{font-size:20px}
.container{padding:16px}
h2.sec-title{font-size:18px}
.chart img{margin:10px 0;border-radius:var(--radius-s)}
.thumb-grid{display:grid;grid-template-columns:repeat(auto-fit,100px);gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.thumb{width:100px;height:100px;border-radius:var(--radius-s)}
.sheet-cta{display:none!important}
.induction{padding:16px 12px;margin:16px}
.induction button{height:52px}
.annotation{margin:16px}
.viewer{position:fixed;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100dvh}
.panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-height:100%;background:var(--card)}
.panel-img{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0}
.panel-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.meta{-ms-flex-negative:0;flex-shrink:0;padding:12px 14px}
}
@media (min-width:800px){
.hero{max-width:800px}
.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:24px;justify-items:center;max-width:1248px;margin-inline:auto}
.card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:400px}
.thumb{width:100%;max-width:400px;aspect-ratio:4/3;border-radius:4px}
.thumb-meta{display:block;width:100%;max-width:400px}
.modal{background:rgba(0,0,0,.45);-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}
.viewer{place-items:center;grid-template-rows:auto;padding:24px}
.panel{display:block;width:min(400px,92vw);background:var(--card);border-radius:var(--radius-l);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}
.panel-img{height:min(66vh,520px)}
.btn-close{top:14px;right:14px;width:36px;height:36px;background:var(--card);border:1px solid var(--line)}
.nav{top:42%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.sheet-cta{display:grid;place-items:center;margin-top:12px}
.sheet-cta button{padding:10px 48px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);cursor:pointer;font-size:15px;color:var(--text)}
.induction{padding:22px}
.induction button{width:auto;min-width:420px}
.weatherColumn_share{padding:0 0 48px}
}
body.modal-open,html.modal-open{overflow:hidden}
body.is-ios.modal-open,html.is-ios.modal-open{-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}
@media (max-width:800px){
.digestBlog .container.v2 .thumb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.digestBlog .container.v2 .card{width:100%}
.digestBlog .container.v2 .thumb-grid .card:first-child{grid-column:1/-1}
.digestBlog .container.v2 .thumb-grid .card:first-child .thumb{width:100%;aspect-ratio:4/3}
.digestBlog .container.v2 .thumb{width:100%;height:auto;aspect-ratio:1/1;border-radius:var(--radius-s)}
}
@media (min-width:800px){
.digestBlog .container.v2 .thumb-meta .place .time{display:none}
.digestBlog .container.v2 .thumb-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px;justify-items:stretch;margin-inline:auto}
.digestBlog .container.v2 .thumb-grid .card{grid-column:span 2;width:100%;max-width:none!important}
.digestBlog .container.v2 .thumb-grid .card:nth-child(1),.digestBlog .container.v2 .thumb-grid .card:nth-child(2){grid-column:span 3}
.digestBlog .container.v2 .thumb-grid .thumb{width:100%;max-width:none!important}
.digestBlog .container.v2 .thumb-grid .card:nth-child(1) .thumb,.digestBlog .container.v2 .thumb-grid .card:nth-child(2) .thumb{aspect-ratio:4/3}
.digestBlog .container.v2 .thumb-grid .card:nth-child(n+3) .thumb{aspect-ratio:4/3}
}