.forecast-section{margin-top:15px;background:#fff;border-radius:10px;padding:25px 30px}.forecast-heading{display:flex;justify-content:space-between;align-items:center}.forecast-heading h3{margin:4px 0 0;font-size:16px}.forecast-switch{display:flex;background:#f0f1f4;padding:3px;border-radius:6px}.forecast-switch button{border:0;border-radius:4px;background:transparent;padding:7px 13px;font:600 12px "Noto Sans JP",sans-serif;color:#68718a;cursor:pointer}.forecast-switch button.active{background:#fff;color:#173475;box-shadow:0 1px 3px #cfd3dc}.forecast-list{display:grid;grid-template-columns:repeat(8,1fr);margin-top:22px;border-top:1px solid #e5e4df;overflow-x:auto}.forecast-item{min-width:82px;padding:15px 10px 8px;border-right:1px solid #e5e4df;text-align:center}.forecast-item:last-child{border:0}.forecast-date{display:block;font:11px "DM Mono",monospace;color:#717b90}.forecast-icon{display:block;font-size:23px;margin:9px 0}.forecast-temp{font:500 15px "DM Mono",monospace}.forecast-temp .low{color:#4f7fc4}.forecast-temp .high{color:#cf614f}.forecast-rain{display:block;margin-top:6px;color:#587db6;font:11px "DM Mono",monospace}.forecast-list.two-weeks{grid-template-columns:repeat(14,1fr)}
.moon-info{margin:17px 0 0;color:#68718a;font-size:11px;line-height:1.7}.photo-info{display:flex;gap:11px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:7px;background:#152448;color:#f8fbff;font-size:11px;line-height:1.7}.photo-info .photo-icon{font-size:22px}.photo-info strong{display:block;font-size:12px}.photo-info small{color:#bdc9e2}.forecast-moon{margin-top:10px;padding-top:8px;border-top:1px solid #edf0f4;font:10px/1.55 "Noto Sans JP",sans-serif;color:#596780}.forecast-moon .phase{font-size:15px;margin-right:2px}.forecast-moon time{display:block;font-family:"DM Mono",monospace;font-size:9px;line-height:1.55;color:#71809b;white-space:normal}.forecast-photo{margin-top:6px;color:#495d81}.forecast-photo time{display:block;overflow-wrap:anywhere;line-height:1.55;color:#536a96}
.event-section{margin-top:15px;padding:25px 30px;border:1px solid #dce1ed;border-radius:10px;background:#f8faff}.event-section h3{margin:4px 0 0;font-size:16px}.event-list{display:grid;gap:9px;margin-top:18px}.event-item{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border-radius:7px;background:#fff;font-size:12px;line-height:1.65}.event-item .event-icon{font-size:19px}.event-item strong{display:block;font-size:13px}.event-item small{color:#6d7990}.event-source{display:inline-block;margin-top:14px;color:#486ca9;font-size:11px;text-decoration:none;border-bottom:1px solid #aabbd8}
@media(max-width:650px){.event-section{padding:22px 18px}}
@media(max-width:650px){.forecast-section{padding:22px 18px}.forecast-heading{align-items:end}.forecast-list{margin-left:-18px;margin-right:-18px;padding-left:8px}}