*{padding:0;margin:0;box-sizing:border-box;font-family:"Noto Sans JP",sans-serif}.container-fluid{background-color:#eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding:0;position:relative;min-height:100vh}.sidebar{display:none}.main-view{margin:0}@media screen and (max-width:1300px){.sidebar{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;top:12%;right:2%;width:380px;padding:10px}}@media screen and (max-width:750px){.container-fluid{background-color:#eee;margin:0;padding:0;position:relative}}@media screen and (max-width:650px){.sidebar{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}@media screen and (max-width:450px){.container-fluid{width:auto;height:auto}}.header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;background-color:#141414;min-height:10vh;margin:0 auto}.header .plus-btn{cursor:pointer;border:none;background-repeat:no-repeat;width:40px;height:40px;outline:none;border-radius:50%;background-color:hsla(0,0%,49%,.75);color:#e68c1e}.header .plus-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.3s}@media screen and (max-width:1300px){.header{display:-webkit-flex;display:flex}.header .center-header-box{display:none}}@media screen and (max-width:750px){.header{height:12vh;width:auto}}@media screen and (max-width:750px){.header-logo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-left:20px;margin-right:-60px}}@media screen and (max-width:650px){.header-logo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-left:-240px}}@media screen and (max-width:500px){.header-logo{margin-left:-220px}}@media screen and (max-width:450px){.header-logo{margin-left:-200px}}.circles-box{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.circles-box .green,.circles-box .red,.circles-box .yellow{border:2px solid #fff;border-radius:50%}.circles-box .red{color:#ea3e3e;margin:auto 2px}.circles-box .yellow{color:#eac73e;margin:auto 2px}.circles-box .green{color:#23a112;margin:auto 2px}.logo-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:auto 10px;cursor:pointer}.logo-box h3{color:#e68c1e;font-size:24px;margin:0 auto}.logo-box h4{color:hsla(0,0%,49%,.75);font-size:18px}@media screen and (max-width:475px){.logo-box{display:-webkit-flex;display:flex;cursor:pointer}.logo-box h3{color:#e68c1e;font-size:18.5px;margin:0 auto;text-align:left}.logo-box h4{color:hsla(0,0%,49%,.75);font-size:14px}}.form{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;position:relative}.form input{min-width:240px;margin:auto;transition:all .1s ease-in-out}.form input:hover{border:2px solid #e68c1e}.form i{color:#888;transition:all .3s ease-in-out}.form i:hover{color:#e68c1e}.hamburger{display:-webkit-flex;display:flex;margin:auto 20px auto 400px;cursor:pointer}.hamburger i{font-size:32px;color:#e68c1e}@media screen and (min-width:1300px){.hamburger{display:none}.hamburger i{color:#e68c1e;font-size:32px}}@media screen and (max-width:650px){.hamburger{position:absolute;right:5%}.hamburger i{font-size:40px}}.message-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:120px auto}.message-box img{width:180px;margin-bottom:40px}.message-box h3{color:hsla(0,0%,49%,.75);font-size:24px;font-weight:100}.message-box h4{color:hsla(0,0%,49%,.75);font-size:18px;font-weight:700}@media screen and (max-width:1050px){.message-box{display:-webkit-flex;display:flex}.message-box h3{font-size:18px}.message-box h4{font-size:18px;max-width:700px;text-align:center}}@media screen and (max-width:750px){.message-box{display:-webkit-flex;display:flex}.message-box h3{font-size:18px}.message-box h4{font-size:16px;max-width:500px;text-align:center}}@media screen and (max-width:650px){.message-box{display:-webkit-flex;display:flex}.message-box h3{font-size:16px}.message-box h4{font-size:16px;max-width:450px;text-align:center}}@media screen and (max-width:475px){.message-box{display:-webkit-flex;display:flex}.message-box img{width:120px;margin-bottom:10px}.message-box h3{font-size:16px}.message-box h4{font-size:16px;max-width:400px;text-align:center}}@media screen and (max-width:425px){.message-box{display:-webkit-flex;display:flex}.message-box h3{font-size:16px;font-weight:600}.message-box h4{font-size:14px;max-width:380px;text-align:center}}.weather-box{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;margin:20px auto}@media screen and (max-width:1300px){.weather-box{display:-webkit-flex;display:flex;margin:auto}.weather-box .lists-box{display:none;margin:0}}.main-box{-webkit-align-items:center;align-items:center}.main-box,.main-box .city-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.main-box .city-box{margin:20px 0;padding:15px;background-color:#393939;border-radius:20px;position:relative}.main-box .city-box .favorite-box{position:absolute;top:5%;left:50%}.main-box .city-box small{color:#e68c1e}.main-box .city-box span{font-weight:100;margin:0 2px;color:#aaa;font-size:12px}.main-box .city-box .first-row{-webkit-flex-direction:row;flex-direction:row;margin:10px auto}.main-box .city-box .first-row,.main-box .city-box .first-row .left-corner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.main-box .city-box .first-row .left-corner{font-weight:600;margin-right:200px;margin-left:10px;-webkit-flex-direction:column;flex-direction:column}.main-box .city-box .first-row .left-corner .city-name{color:#e68c1e;font-size:40px}.main-box .city-box .first-row .left-corner .city-temp{color:#fff}.main-box .city-box .first-row .right-corner{margin-left:200px;margin-right:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.main-box .city-box .first-row .right-corner .city-image{width:60px;margin:10px auto;background-color:none;-webkit-filter:brightness(0) invert(.75);filter:brightness(0) invert(.75)}.main-box .city-box .first-row .right-corner .city-description{color:#fff;font-weight:600}.main-box .city-box .second-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:90px;margin:10px auto 20px}.main-box .city-box .second-row .city-temp-min-max{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:10px}.main-box .city-box .second-row .city-temp-min-max .max-temp,.main-box .city-box .second-row .city-temp-min-max .min-temp{color:#fff;font-weight:600}.main-box .city-box .second-row .pressure-humidity-wind{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.main-box .city-box .second-row .pressure-humidity-wind .city-humidity,.main-box .city-box .second-row .pressure-humidity-wind .city-pressure,.main-box .city-box .second-row .pressure-humidity-wind .city-wind-description{color:#fff;font-weight:600}.main-box .city-box .second-row .sunrise-sunset{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:10px;margin-left:20px}.main-box .city-box .second-row .sunrise-sunset .city-sunrise,.main-box .city-box .second-row .sunrise-sunset .city-sunset{color:#fff;font-weight:600}.main-box .forecast-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;border:2px solid hsla(0,0%,49%,.75);border-radius:20px;margin-right:0;padding:10px}@media screen and (max-width:700px){.main-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.main-box .city-box{width:400px}.main-box .city-box .favorite-box{position:absolute;top:0;right:-10%}.main-box .city-box .first-row{-webkit-flex-direction:column;flex-direction:column}.main-box .city-box .first-row .left-corner{margin:0}.main-box .city-box .first-row .left-corner .city-name{font-size:40px}.main-box .city-box .first-row .left-corner .city-temp{font-size:24px}.main-box .city-box .first-row .right-corner{margin:0}.main-box .city-box .first-row .right-corner .city-image{width:120px;margin:10px auto}.main-box .city-box .second-row{display:grid;grid-template-columns:repeat(3,1fr)}.main-box .city-box .second-row .city-temp-min-max{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 -20px 0 5px}.main-box .city-box .second-row .city-temp-min-max .max-temp,.main-box .city-box .second-row .city-temp-min-max .min-temp{width:80px}.main-box .city-box .second-row .pressure-humidity-wind{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.main-box .city-box .second-row .pressure-humidity-wind .city-humidity,.main-box .city-box .second-row .pressure-humidity-wind .city-pressure,.main-box .city-box .second-row .pressure-humidity-wind .city-wind-description{color:#fff;font-weight:600;width:140px;margin:0 -35px}.main-box .city-box .second-row .sunrise-sunset{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0}.main-box .city-box .second-row .sunrise-sunset .city-sunrise,.main-box .city-box .second-row .sunrise-sunset .city-sunset{color:#fff;font-weight:600;width:140px;margin:0 -40px}.main-box .forecast-box{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:495px){.main-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.main-box .city-box{width:260px}.main-box .city-box .first-row .left-corner{margin:0}.main-box .city-box .first-row .left-corner .city-name{font-size:24px}.main-box .city-box .first-row .left-corner .city-temp{font-size:18px}.main-box .city-box .first-row .right-corner{margin:0}.main-box .city-box .first-row .right-corner .city-image{width:60px;height:60px;margin:5px auto}.main-box .city-box .second-row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px}.main-box .city-box .second-row .city-temp-min-max{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:auto}.main-box .city-box .second-row .city-temp-min-max .max-temp,.main-box .city-box .second-row .city-temp-min-max .min-temp{width:auto}.main-box .city-box .second-row .pressure-humidity-wind .city-humidity,.main-box .city-box .second-row .pressure-humidity-wind .city-pressure,.main-box .city-box .second-row .pressure-humidity-wind .city-wind-description{width:auto;margin:auto}.main-box .city-box .second-row .sunrise-sunset{margin:auto}.main-box .city-box .second-row .sunrise-sunset .city-sunrise,.main-box .city-box .second-row .sunrise-sunset .city-sunset{width:auto;margin:auto}.main-box .forecast-box{grid-template-columns:repeat(1,1fr)}}.add-favorite{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:20px;background:none;height:4vh}.add-favorite i{color:#fff;font-size:30px;transition:all .5s;margin:30px auto}.add-favorite i:hover{color:#dc143c;cursor:pointer;-webkit-transform:scale(1.5);transform:scale(1.5)}.spinner-box{margin:20px auto}.forecast-item,.spinner-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.forecast-item{-webkit-align-items:center;align-items:center;position:relative;margin:2px 60px;transition:all .2s ease;cursor:pointer}.forecast-item img{width:70px;height:70px;margin-bottom:10px;position:relative}.forecast-item .item-min-temp{font-size:16px;font-weight:600;color:hsla(0,0%,49%,.75);left:10%;bottom:30%;margin-bottom:20px}.forecast-item .item-max-temp{font-size:16px;font-weight:600;color:#e68c1e;right:10%;bottom:30%}.forecast-item .item-day-name{color:hsla(0,0%,49%,.75);position:absolute;bottom:0}@media screen and (max-width:495px){.forecast-item{display:-webkit-flex;display:flex}.forecast-item img{width:60px;height:60px}.forecast-item .item-day-name{font-size:16px}}.list-box{width:300px;margin:20px auto 20px 10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:#141414;border-radius:20px;min-height:260px;max-height:435px;overflow-y:scroll}.list-box .list-box-name{color:#e68c1e;margin-top:10px;font-size:24px}.list-box .list-item{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;background-color:inherit;width:240px;height:55px;z-index:1;border:2px solid #474747;border-radius:10px}.list-box .list-item:hover{border:2px solid #adadad;transition:all .5s ease-in-out}.list-box .list-item .list-item-name{color:#e68c1e;margin:20px;font-size:18px;cursor:pointer}.list-box .list-item .list-item-temp{color:hsla(0,0%,49%,.75);margin:20px;font-size:16px}@media screen and (max-width:1100px){footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}}.remove-favorite{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:20px;background:none}.remove-favorite i{color:#fff;font-size:20px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.remove-favorite i:hover{color:#dc143c;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}footer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;background-color:#ddd;min-height:10vh;margin:10px auto 0;padding:10px;position:absolute;bottom:0;width:100%}footer .footer-logo{margin-top:10px}@media screen and (max-width:1100px){footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;padding-bottom:10px;width:auto}}@media screen and (max-width:750px){footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;width:auto}}@media screen and (max-width:650px){footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}}@media screen and (max-width:475px){footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}.copyright-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:baseline;align-items:baseline}.copyright-box .copyright-sign{font-size:20px;color:#555;font-weight:100}.copyright-box .copyright-sign i{font-size:24px;color:#888;font-weight:500}.copyright-box .app-description,.copyright-box .app-version{color:#777;font-weight:100;font-size:16px}.copyright-box .app-version a{text-decoration:none;margin:auto 5px;font-weight:600;color:hsla(0,0%,49%,.75);-webkit-transform:all .2s ease;transform:all .2s ease}.copyright-box .app-version a:hover{color:#e68c1e}@media screen and (max-width:1100px){.copyright-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:20px auto}}@media screen and (max-width:750px){.copyright-box{display:-webkit-flex;display:flex}.copyright-box .copyright-sign{font-size:16px;color:#555;font-weight:600}.copyright-box .copyright-sign i{font-size:18px;color:#888;font-weight:200}.copyright-box .app-description,.copyright-box .app-version{color:#777;font-weight:100;font-size:16px;max-width:300px;text-align:center}.copyright-box .app-version a{text-decoration:none;margin:auto 5px;font-weight:600;color:hsla(0,0%,49%,.75);-webkit-transform:all .2s ease;transform:all .2s ease}.copyright-box .app-version a:hover{color:#e68c1e}}@media screen and (max-width:495px){.copyright-box .copyright-sign{font-size:18px;color:hsla(0,0%,49%,.75);font-weight:600}.copyright-box .copyright-sign i{font-size:18px;color:hsla(0,0%,49%,.75);font-weight:700}.copyright-box .app-description,.copyright-box .app-version{color:hsla(0,0%,49%,.75);font-weight:600;font-size:16px;max-width:300px;text-align:center}.copyright-box .app-version a{text-decoration:none;margin:auto 5px;font-weight:600;color:hsla(0,0%,49%,.75);-webkit-transform:all .2s ease;transform:all .2s ease}.copyright-box .app-version a:hover{color:#e68c1e}}.social-media-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.social-media-box .social-media-box-title{color:hsla(0,0%,49%,.75);font-size:16px;font-weight:100}.social-media-box .social-media-box-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start;list-style:none}.social-media-box .social-media-box-list li{margin:auto 5px}.social-media-box .social-media-box-list li a i{font-size:40px;margin:auto 5px;transition:all .3s ease}.social-media-box .social-media-box-list li a i:hover{color:hsla(0,0%,49%,.75)}@media screen and (max-width:495px){.social-media-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.social-media-box .social-media-box-title{color:hsla(0,0%,49%,.75);font-size:18px;font-weight:600}.social-media-box .social-media-box-list li a i{font-size:40px}}.sidebar-div{margin:160px auto}.sidebar-div,.sidebar-div .sidebar-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.sidebar-div .sidebar-list{background-color:#000;padding:25px;border-radius:20px}.sidebar-div .sidebar-list .hamburger-sidebar{cursor:pointer;color:#e68c1e;font-size:48px;margin:-20px auto}
/*# sourceMappingURL=main.7fcea0d1.chunk.css.map */