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