.clothesInfo[data-v-b9df768c]{display:flex;flex-direction:column;gap:10px}.clothesInfo .inner[data-v-b9df768c]{overflow-x:scroll;padding-bottom:5px;scrollbar-color:#3569c0 #f5f5f5;scrollbar-width:thin;width:100%}.clothesInfo .blocks[data-v-b9df768c]{align-items:stretch;display:flex;gap:7px;width:200%}.clothesInfo .block[data-v-b9df768c]{background-color:#f5f5f5;border-radius:10px;display:flex;flex:1;flex-direction:column;gap:10px;padding:10px}.clothesInfo .block .heading[data-v-b9df768c]{color:#333;font-size:15px;font-weight:600;line-height:1em;text-align:center}.clothesInfo .block .info[data-v-b9df768c]{display:flex;flex:1;flex-direction:column;gap:5px}.clothesInfo .block .row[data-v-b9df768c]{align-items:stretch;display:flex;gap:5px}.clothesInfo .block .row[data-v-b9df768c]:first-child,.clothesInfo .block .row[data-v-b9df768c]>*{flex:1}.clothesInfo .block .row[data-v-b9df768c]:nth-child(2){min-height:63px}.clothesInfo .block .clothes[data-v-b9df768c]{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:5px;justify-content:center;overflow:hidden;padding-bottom:5px}.clothesInfo .block .clothes .head[data-v-b9df768c]{display:flex;justify-content:center;padding-block:5px;width:100%}.clothesInfo .block .clothes .head[data-v-b9df768c]:is(.night *){background-color:#e8e8ef}.clothesInfo .block .clothes .head[data-v-b9df768c]:is(.day *){background-color:#fafada}.clothesInfo .block .clothes .title[data-v-b9df768c]{background-position:100%;background-repeat:no-repeat;background-size:contain;font-size:13px;font-weight:500;line-height:15px;text-align:center}.clothesInfo .block .clothes .title[data-v-b9df768c]:is(.night *){background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_night.svg);color:#3569c0;padding-right:20px}.clothesInfo .block .clothes .title[data-v-b9df768c]:is(.day *){background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_day.svg);color:#e78142;padding-right:20px}.clothesInfo .block .clothes .image[data-v-b9df768c]{height:60px;margin-top:auto}.clothesInfo .block .clothes .image img[data-v-b9df768c]{height:100%;width:auto}.clothesInfo .block .clothes .text[data-v-b9df768c]{color:#303030;font-size:13px;font-weight:300;line-height:1.25em;text-align:center}.clothesInfo .block .weather .data[data-v-b9df768c]{align-items:center;background-color:#fff;border-radius:8px;display:flex;gap:5px;height:100%;justify-content:center;padding:5px 3px}.clothesInfo .block .weather .icon[data-v-b9df768c]{align-items:center;display:flex;flex-direction:column;max-width:45px}.clothesInfo .block .weather .icon figure[data-v-b9df768c]{height:25px}.clothesInfo .block .weather .icon figure img[data-v-b9df768c]{height:100%;width:auto}.clothesInfo .block .weather .icon p[data-v-b9df768c]{color:#606060;font-size:12px;font-weight:400;line-height:14px;text-align:center}.clothesInfo .block .weather .tempList[data-v-b9df768c]{display:flex;flex-direction:column;gap:5px}.clothesInfo .block .weather .tempList .temp[data-v-b9df768c]{align-items:center;display:flex;gap:3px}.clothesInfo .block .weather .tempList .temp.high p[data-v-b9df768c]{color:#f64d00}.clothesInfo .block .weather .tempList .temp.low p[data-v-b9df768c]{color:#0075f3}.clothesInfo .block .weather .tempList .title[data-v-b9df768c]{background-color:#eef1f8;border-radius:100vmax;font-size:10px;font-weight:600;line-height:1.4em;padding-inline:8px;padding-inline:5px;text-align:center;width:max(100%,30px)}.clothesInfo .block .weather .tempList .value[data-v-b9df768c]{font-size:14px;font-weight:600;line-height:1em;min-width:35px;text-align:right}.clothesInfo .block .weather .tempList .diff[data-v-b9df768c]{display:flex;font-size:12px;font-weight:300;justify-content:space-between;line-height:14px;min-width:22px;text-align:right}.clothesInfo .block .prec[data-v-b9df768c]{display:flex}.clothesInfo .block .prec .column[data-v-b9df768c]{display:flex;flex:1;flex-direction:column}.clothesInfo .block .prec .column:first-child .head[data-v-b9df768c]{border-right:1px solid #dfe4f0;border-top-left-radius:8px}.clothesInfo .block .prec .column:first-child .body[data-v-b9df768c]{border-bottom-left-radius:8px;border-right:1px solid #dfe4f0}.clothesInfo .block .prec .column:last-child .head[data-v-b9df768c]{border-top-right-radius:8px}.clothesInfo .block .prec .column:last-child .body[data-v-b9df768c]{border-bottom-right-radius:8px}.clothesInfo .block .prec .head[data-v-b9df768c]{align-items:center;background-color:#fff;border-bottom:1px solid #dfe4f0;display:flex;gap:3px;justify-content:center;padding:3px}.clothesInfo .block .prec .head p[data-v-b9df768c]:first-child{background-color:#eef1f8;border-radius:100vmax;color:#606060;font-size:10px;font-weight:500;line-height:14px;padding-inline:8px;text-align:center}.clothesInfo .block .prec .head p[data-v-b9df768c]:last-child{color:#303030;font-size:12px;font-weight:300;line-height:14px}.clothesInfo .block .prec .body[data-v-b9df768c]{align-items:center;background-color:#fff;display:flex;flex:1;gap:1px;justify-content:center;padding:3px}.clothesInfo .block .prec .body figure[data-v-b9df768c]{width:25px}.clothesInfo .block .prec .body figure img[data-v-b9df768c]{height:auto;width:100%}.clothesInfo .block .prec .body p[data-v-b9df768c]{color:#303030;font-size:12px;font-weight:700;line-height:14px}.clothesInfo .block .prec .body p span[data-v-b9df768c]{font-size:10px;font-weight:300}.clothesInfo .block .box[data-v-b9df768c]{background-color:#fff;border-radius:8px;flex:1;padding:10px 15px 10px 10px;position:relative}.clothesInfo .block .box p[data-v-b9df768c]{color:#000;display:-webkit-box;font-size:15px;font-weight:300;line-height:1.5em;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;transition:all 3s ease-in-out}.clothesInfo .block .box p[data-v-b9df768c]:is(.is-active *){display:block;overflow:visible}.clothesInfo .block .box .button[data-v-b9df768c]{background-color:#3569c0;border-radius:50%;bottom:3px;height:16px;position:absolute;right:3px;width:16px}.clothesInfo .block .box .button[data-v-b9df768c]:after,.clothesInfo .block .box .button[data-v-b9df768c]:before{background-color:#fff;content:"";height:3px;left:50%;position:absolute;top:50%;width:10px}.clothesInfo .block .box .button[data-v-b9df768c]:before{transform:translate(-50%,-50%)}.clothesInfo .block .box .button[data-v-b9df768c]:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease-in-out}.clothesInfo .block .box .button[data-v-b9df768c]:is(.is-active *):after{transform:translate(-50%,-50%) rotate(0)}.clothesInfo .buttons[data-v-b9df768c]{align-items:center;display:flex;gap:12px;justify-content:center}.clothesInfo .buttons .button[data-v-b9df768c]{background-color:#e1e8fa;border-radius:100vmax;display:flex;flex:1;justify-content:center;padding:5px}.clothesInfo .buttons .button p[data-v-b9df768c]{color:#3569c0;font-size:15px;font-weight:500;line-height:1em;text-align:center}.clothesInfo .buttons .button[data-checked=true][data-v-b9df768c]{background-color:#3569c0;position:relative}.clothesInfo .buttons .button[data-checked=true][data-v-b9df768c]:before{background-color:#3569c0;bottom:99%;clip-path:polygon(50% 0,100% 100%,0 100%);content:"";height:10px;left:50%;margin-left:-7px;position:absolute;width:14px}.clothesInfo .buttons .button[data-checked=true] p[data-v-b9df768c]{background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_check.svg);background-position:0;background-repeat:no-repeat;background-size:12px;color:#f9faf9;padding-left:17px}@media (any-hover:hover){.clothesInfo .block .box .button[data-v-b9df768c]{cursor:pointer;transition:opacity .2s ease-in-out}.clothesInfo .block .box .button[data-v-b9df768c]:hover{opacity:.6}.clothesInfo .buttons .button[data-v-b9df768c]:not([data-checked=true]){cursor:pointer;transition:opacity .2s ease-in-out}.clothesInfo .buttons .button[data-v-b9df768c]:not([data-checked=true]):hover{opacity:.6}}@media screen and (min-width:830px){.main .clothesInfo .blocks[data-v-b9df768c]{gap:10px;width:135%}.main .clothesInfo .block .heading[data-v-b9df768c]{font-size:18px}.main .clothesInfo .block .clothes[data-v-b9df768c]{gap:15px}.main .clothesInfo .block .clothes .title[data-v-b9df768c]{font-size:15px;line-height:17px}.main .clothesInfo .block .clothes .title[data-v-b9df768c]:is(.night *){padding-right:40px}.main .clothesInfo .block .clothes .title[data-v-b9df768c]:is(.day *){padding-right:23px}.main .clothesInfo .block .clothes .image[data-v-b9df768c]{height:80px}.main .clothesInfo .block .clothes .text[data-v-b9df768c]{font-size:15px}.main .clothesInfo .block .row[data-v-b9df768c]:nth-child(2){min-height:72px}.main .clothesInfo .block .weather .data[data-v-b9df768c]{padding:10px}.main .clothesInfo .block .weather .icon[data-v-b9df768c]{gap:3px;max-width:none}.main .clothesInfo .block .weather .icon figure[data-v-b9df768c]{height:35px}.main .clothesInfo .block .weather .icon p[data-v-b9df768c]{font-size:13px}.main .clothesInfo .block .weather .tempList .temp[data-v-b9df768c]{justify-content:flex-end}.main .clothesInfo .block .weather .tempList .title[data-v-b9df768c]{font-size:13px}.main .clothesInfo .block .weather .tempList .value[data-v-b9df768c]{font-size:16px;min-width:45px}.main .clothesInfo .block .weather .tempList .diff[data-v-b9df768c]{font-size:14px;min-width:32px}.main .clothesInfo .block .prec .head[data-v-b9df768c]{gap:5px;padding:5px}.main .clothesInfo .block .prec .head p[data-v-b9df768c]:first-child,.main .clothesInfo .block .prec .head p[data-v-b9df768c]:last-child{font-size:13px;line-height:15px}.main .clothesInfo .block .prec .body[data-v-b9df768c]{padding:5px}.main .clothesInfo .block .prec .body figure[data-v-b9df768c]{width:30px}.main .clothesInfo .block .prec .body p[data-v-b9df768c]{font-size:15px;line-height:17px}.main .clothesInfo .block .prec .body p span[data-v-b9df768c]{font-size:13px}.main .clothesInfo .buttons .button p[data-v-b9df768c]{font-size:18px}.main .clothesInfo .buttons .button[data-checked=true] p[data-v-b9df768c]{background-size:14px;padding-left:20px}}.clothesWeek[data-v-d7d902ac]{display:flex;flex-direction:column;gap:10px}.clothesWeek .heading[data-v-d7d902ac]{align-items:center;display:flex;justify-content:space-between}.clothesWeek .area[data-v-d7d902ac]{border-left:5px solid #3569c0;color:#303030;font-size:18px;font-weight:500;line-height:20px;padding-left:5px}.clothesWeek .link[data-v-d7d902ac]{background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_arrow_blue_circle.svg);background-position:100%;background-repeat:no-repeat;background-size:20px;color:#3569c0;font-size:15px;font-weight:500;line-height:20px;padding-right:25px;text-decoration:underline}.clothesWeek .table[data-v-d7d902ac]{display:flex}.clothesWeek .table .head[data-v-d7d902ac]{display:flex;flex-direction:column;padding-top:20px;width:30px}.clothesWeek .table .body[data-v-d7d902ac]{display:flex;flex:1;overflow-x:scroll;scrollbar-color:#3569c0 transparent;scrollbar-width:thin}.clothesWeek .table .row[data-v-d7d902ac]{flex:1;min-width:50px}.clothesWeek .table .row[data-v-d7d902ac]:nth-child(odd){background-color:#f5f5f5}.clothesWeek .table .row:nth-child(odd) .date[data-v-d7d902ac]{border-bottom-color:#fff}.clothesWeek .table .date[data-v-d7d902ac]{border-bottom:1px solid #f5f5f5;color:#000;font-size:13px;font-weight:600;height:20px;line-height:1em;padding:3px;text-align:center}.clothesWeek .table .date[data-dow=sat] span[data-v-d7d902ac]{color:#6a6cc2}.clothesWeek .table .date[data-dow=sun] span[data-v-d7d902ac]{color:#e78142}.clothesWeek .table .content[data-v-d7d902ac]{align-items:center;display:flex;height:42px;justify-content:center;padding:3px}.clothesWeek .table .content p[data-v-d7d902ac]{background-position:top;background-repeat:no-repeat;background-size:auto;color:#303030;font-size:12px;font-weight:500;line-height:1em;padding-top:18px;text-align:center}.clothesWeek .table .content:first-child p[data-v-d7d902ac]{background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_day.svg)}.clothesWeek .table .content:nth-child(2) p[data-v-d7d902ac]{background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_night.svg)}.clothesWeek .table .content figure[data-v-d7d902ac]{height:31px}.clothesWeek .table .content figure img[data-v-d7d902ac]{height:100%;width:auto}.clothesWeek .table .data[data-v-d7d902ac]{align-items:center;display:flex;height:22px;justify-content:center;padding:3px}.clothesWeek .table .data p[data-v-d7d902ac]{font-size:13px;font-weight:400;line-height:1em;text-align:center;white-space:nowrap}.clothesWeek .table .data p[data-v-d7d902ac]:is([data-temp=high] *){color:#f64d00}.clothesWeek .table .data p[data-v-d7d902ac]:is([data-temp=low] *){color:#3569c0}.clothesWeek .table .data p[data-v-d7d902ac]:is(.body *){font-weight:600}.clothesWeek .table .data span[data-v-d7d902ac]{font-size:10px}.clothesWeek .table .data.prec[data-v-d7d902ac]{background-image:url(https://gvs.weathernews.jp/clothes/images/icon/icon_prec.svg);background-position:50%;background-repeat:no-repeat;background-size:8px}@media (any-hover:hover){.clothesWeek .link[data-v-d7d902ac]{transition:opacity .2s ease-in-out}.clothesWeek .link[data-v-d7d902ac]:hover{opacity:.6}.clothesWeek .content figure[data-v-d7d902ac]{position:relative}.clothesWeek .content figure[data-v-d7d902ac]:after{background:#000;border-radius:6px;bottom:75%;color:#fff;content:attr(data-tooltip);display:block;font-size:13px;font-weight:300;left:0;opacity:0;padding:7px 8px 5px;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out;white-space:nowrap;z-index:10}.clothesWeek .content figure[data-v-d7d902ac]:hover:after{opacity:1}.clothesWeek .row:nth-child(n+7) .content figure[data-v-d7d902ac]:after{left:auto;right:0}}@media screen and (min-width:830px){.main .clothesWeek .table .head[data-v-d7d902ac]{padding-top:28px;width:40px}.main .clothesWeek .table .row[data-v-d7d902ac]{min-width:60px}.main .clothesWeek .table .date[data-v-d7d902ac]{font-size:18px;height:28px;padding:5px}.main .clothesWeek .table .content[data-v-d7d902ac]{height:50px;padding:5px}.main .clothesWeek .table .content p[data-v-d7d902ac]{font-size:15px}.main .clothesWeek .table .content figure[data-v-d7d902ac]{height:40px}.main .clothesWeek .table .data[data-v-d7d902ac]{height:30px}.main .clothesWeek .table .data p[data-v-d7d902ac]{font-size:15px}.main .clothesWeek .table .data p[data-v-d7d902ac]:is(.body *){font-size:18px}.main .clothesWeek .table .data span[data-v-d7d902ac]{font-size:13px}.main .clothesWeek .table .data.prec[data-v-d7d902ac]{background-size:10px}}#areaMain[data-v-c4c38955]{padding-top:20px}.head[data-v-c4c38955]{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin-bottom:15px}.head[data-v-c4c38955]:is(.tempBlock *){margin-bottom:0}@media (min-width:830px){main .head#graph__title[data-v-c4c38955]{flex-direction:row}}.tempBlock .head[data-v-c4c38955]{flex-direction:row}.head__block[data-v-c4c38955]{align-items:center;display:flex;gap:10px}.head__title[data-v-c4c38955]{color:#101010;font-size:18px;font-weight:700;line-height:1em}@media (min-width:830px){main .head__title[data-v-c4c38955]{font-size:22px}}.head__date[data-v-c4c38955]{color:#919191;font-size:13px;font-weight:300;line-height:18px}.tempBlock[data-v-c4c38955]{background-color:#f5f5f5;display:flex;flex-direction:column;gap:10px;padding:10px}.tempBlock__name[data-v-c4c38955]{color:#303030;font-size:15px;font-weight:300;line-height:18px}.tempBlock__value[data-v-c4c38955]{align-items:baseline;display:flex;font-size:18px;gap:3px}.tempBlock__value[data-v-c4c38955],.tempBlock__value span[data-v-c4c38955]{color:#303030;font-weight:600;line-height:1em}.tempBlock__value span[data-v-c4c38955]{font-size:13px}.graph[data-v-c4c38955]{aspect-ratio:2/1;background-color:#f9f9f9;border-radius:8px;margin:0 auto;padding:20px 10px;position:relative;width:100%}@media (min-width:830px){main .graph[data-v-c4c38955]{aspect-ratio:2/1}}.graph canvas{display:block;height:100%!important;width:100%!important}.graph__legend[data-v-c4c38955]{border-radius:3px;padding:2px 3px}.graph__legend[data-v-c4c38955],.graph__legend p[data-v-c4c38955]{align-items:center;display:flex;gap:5px}.graph__legend p[data-v-c4c38955]{color:#303030;font-size:13px;font-weight:300;line-height:18px}span[data-v-c4c38955]{height:2px;width:13px}span[data-v-c4c38955]:is(.solid *){border-top:2px solid #8b99b1}span[data-v-c4c38955]:is(.dashed *){border-top:2px dashed #8b99b1}
