.content[data-v-52aaaa04]{gap:10px}.content[data-v-52aaaa04],.content .box[data-v-52aaaa04]{display:flex;flex-direction:column}.content .box[data-v-52aaaa04]{background-color:#303030;max-width:100%;position:relative}.content .box .control[data-v-52aaaa04]{background-color:#fff;border-radius:8px;display:flex;gap:10px;left:6.5px;padding:8px;position:absolute;top:8px;z-index:2}.content .box .control .select-pref[data-v-52aaaa04]{border:1px solid #ccc;cursor:pointer;font-size:12px;height:24px;min-width:80px;position:relative}.content .box .control .select-pref[data-v-52aaaa04]:before{background-image:url(https://gvs.weathernews.jp/onebox/img/river/dropdown-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:8px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px}.content .box .control .select-pref select[data-v-52aaaa04]{border:none;cursor:pointer;font-size:12px;height:100%;outline:none;padding:0 30px 0 8px;width:100%}.content .box .control .select-city[data-v-52aaaa04]{border:1px solid #ccc;cursor:pointer;font-size:12px;height:24px;min-width:80px;position:relative}.content .box .control .select-city[data-v-52aaaa04]:before{background-image:url(https://gvs.weathernews.jp/onebox/img/river/dropdown-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:8px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px}.content .box .control .select-city select[data-v-52aaaa04]{border:none;cursor:pointer;font-size:12px;height:100%;outline:none;padding:0 30px 0 8px;width:100%}.content .box .map-container[data-v-52aaaa04]{aspect-ratio:4/3;overflow:hidden;position:relative}.content .block[data-v-52aaaa04]{border:1px solid #ccc;display:flex;flex:1;flex-direction:column;gap:5px;max-height:183px;overflow-y:scroll;padding:6px 10px}.content .block[data-v-52aaaa04]::-webkit-scrollbar{width:5px}.content .block[data-v-52aaaa04]::-webkit-scrollbar-track{background:#eef1f8}.content .block[data-v-52aaaa04]::-webkit-scrollbar-thumb{background-color:#438fec}.content .block .link[data-v-52aaaa04]{align-items:flex-start;border-bottom:1px solid #ccc;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px 14px 5px 6px}.content .block .link[data-selected=true][data-v-52aaaa04]{background-color:#eef1f8;background-image:url(https://gvs.weathernews.jp/onebox/img/common/icon_arrow_button_tall.svg);background-position:right 1px center;background-repeat:no-repeat;background-size:13px}.content .block .link[data-selected=true] .text[data-v-52aaaa04]{color:#303030}.content .block .link .text-box[data-v-52aaaa04]{display:flex;flex-direction:column;width:100%}.content .block .link .text-box .info[data-v-52aaaa04]{color:#303030;display:block;font-size:12px;font-weight:300;line-height:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content .block .link .text-box .text[data-v-52aaaa04]{color:#3569c0;font-size:14px;font-weight:600;line-height:22px}.content .block .link .rank[data-v-52aaaa04]{background-color:#fff;border-radius:2px;color:#fff;display:block;font-size:10px;font-weight:600;line-height:1em;max-width:100%;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.content .block .link .rank[data-rank="5"][data-v-52aaaa04]{background-color:#0c000c}.content .block .link .rank[data-rank="4"][data-v-52aaaa04]{background-color:#a0a}.content .block .link .rank[data-rank="3"][data-v-52aaaa04]{background-color:#ff2800}.content .block .link .rank[data-rank="2"][data-v-52aaaa04]{background-color:#f2e700;color:#303030}@media (any-hover:hover){.content .block .link[data-v-52aaaa04]:not([data-selected=true]){transition:opacity .2s ease-in-out}.content .block .link[data-v-52aaaa04]:not([data-selected=true]):hover{opacity:.6}}@media screen and (min-width:830px){.content[data-v-52aaaa04]{flex-direction:row;gap:10px;min-height:555px}.content .box[data-v-52aaaa04]{max-width:64%}.content .box .control .select-city select[data-v-52aaaa04],.content .box .control .select-pref select[data-v-52aaaa04]{font-size:14px}.content .box .map-container[data-v-52aaaa04]{height:555px;width:100%}.content .block[data-v-52aaaa04]{max-height:555px;padding:10px}.content .block .link .text-box p[data-v-52aaaa04]{font-size:15px}}.moreButton[data-v-42a1341a]{align-items:center;border:2px solid #fff;border-radius:40px;box-shadow:0 2px 4px #00000026;cursor:pointer;display:flex;gap:5px;padding:3px 7px}.moreButton .text[data-v-42a1341a]{flex:1;font-size:12px;font-weight:700;line-height:12px}.moreButton .image[data-v-42a1341a]{height:24px;transform-origin:center;width:24px}.moreButton[data-color=white][data-v-42a1341a]{background:#eef1f8}.moreButton[data-color=white] .text[data-v-42a1341a]{color:#3569c0}.moreButton[data-color=blue][data-v-42a1341a]{background:#438fec}.moreButton[data-color=blue] .text[data-v-42a1341a]{color:#fff}.moreButton[data-color=dark-blue][data-v-42a1341a]{background:#3569c0}.moreButton[data-color=dark-blue] .text[data-v-42a1341a]{color:#fff;font-size:12px}.moreButton[data-dir=bottom] .image[data-v-42a1341a]{transform:rotate(90deg)}.moreButton[data-dir=top] .image[data-v-42a1341a]{transform:rotate(-90deg)}.moreButton[data-type=golf][data-v-42a1341a]{background-color:#fff!important;border-color:#3569c0;box-shadow:none}@media screen and (min-width:830px){.moreButton[data-v-42a1341a]{transition:box-shadow .2s ease-in-out}.moreButton[data-v-42a1341a]:hover{box-shadow:0 2px 6px #00000073}.moreButton[data-v-42a1341a]{padding:5px 20px 3px}.moreButton .text[data-v-42a1341a]{font-size:16px}.moreButton[data-type=golf][data-v-42a1341a]{padding-bottom:1px;padding-top:2px}}.riverList[data-v-3b96e618]{display:flex;flex-direction:column;gap:10px}.riverList .head[data-v-3b96e618]{display:flex;justify-content:space-between}.riverList .tabs[data-v-3b96e618]{background-color:#eef1f8;border:1px solid #fff;border-radius:100vmax;box-shadow:0 1px 2px #3569c066;display:flex;padding:4px}.riverList .tabs .tab[data-v-3b96e618]{color:#303030;font-size:12px;font-weight:600;line-height:1em;padding:4px 10px;text-align:center}.riverList .tabs .tab[data-selected=true][data-v-3b96e618]{background-color:#3569c0;border-radius:100vmax;box-shadow:0 1px 2px #3569c066;color:#fff}.riverList .content[data-v-3b96e618]{display:flex;flex-direction:column;gap:10px}.riverList .content .text[data-v-3b96e618]{border-left:2px solid #0c419a;color:#3569c0;font-size:14px;font-weight:600;line-height:18px;padding-left:8px;text-decoration:underline}.riverList .content .image[data-v-3b96e618]{aspect-ratio:16/9;background-color:#303030;max-height:calc(56.25vw - 11.25px);width:100%}.riverList .content .image img[data-v-3b96e618]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.riverList .content .image .no-image[data-v-3b96e618]{background-color:#f6f6f6;height:100%;width:100%}.riverList .content .image .no-image .no-image-text[data-v-3b96e618]{align-items:center;color:#ff3f00;display:flex;font-size:12px;font-weight:300;height:100%;justify-content:center;line-height:1em;padding:5px;width:100%}.riverList .content .block[data-v-3b96e618]{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.riverList .bottom[data-v-3b96e618]{display:flex;justify-content:center}.riverList .bottom button[data-v-3b96e618]{background-color:#3569c0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:1em;padding:10px 20px}.riverList .bottom button[data-v-3b96e618]:hover{background-color:#2a4f8b}@media (any-hover:hover){.riverList .text[data-v-3b96e618]{cursor:pointer;transition:opacity .2s ease-in-out}.riverList .text[data-v-3b96e618]:hover{opacity:.6}}@media (max-width:829px){.riverList .content .pc-size[data-v-3b96e618]{display:none}}@media (min-width:830px){.riverList .content .text[data-v-3b96e618]{font-size:16px;line-height:20px}.riverList .content .image[data-v-3b96e618]{position:relative}.riverList .content .block[data-v-3b96e618]{display:flex;flex-direction:row;gap:10px}.riverList .content .sp-size[data-v-3b96e618]{display:none}.riverList .content .tab[data-v-3b96e618]{background-color:#eef1f8cc;border-radius:4px;box-shadow:0 1px 2px #3569c066;color:#303030;font-size:14px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:10px 15px;position:absolute;right:6px;top:6px}}.ads-atf2[data-v-3b96e618]{margin:0 auto;position:relative;text-align:center}.frame[data-v-cc93d74c]{display:flex;flex-direction:column;gap:30px}.ads-btf1-sp[data-v-cc93d74c]{margin:0 auto;min-height:50px;position:relative;text-align:center}