body{text-size-adjust:100%;-webkit-text-size-adjust:100%}header{color:#fff;padding:0;background-color:#8ffdf1}.logo-area{padding:10px;text-align:center;margin:auto}.logo-area img{width:250px}.header-logo-menu{display:flex;display:-moz-flex;display:-o-flex;display:-webkit-flex;display:-ms-flex;flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row}header ul{overflow:hidden;list-style:none;margin:0 auto;z-index:20}#menu-bar{background-color:rgba(12,70,0,.547)}#menu-bar ul{text-align:center;margin:0}#menu-bar ul li{width:max-content;margin:0;padding:5px;height:25px}#menu-bar ul li a{color:#f0f8ff}#nav-content ul{width:100%;background-color:rgba(12,70,0,.547)}#nav-content ul li a{color:#f0f8ff}.main{display:flex;flex-direction:row;min-height:100vh}.sidebar{width:25%;border-right:1px solid #ccc}.sidebar ul{list-style:none;padding-left:0;text-align:left}.sidebar li{line-height:2;border-bottom:1px dashed #ccc}.sonota{margin:10px}.sonota,.sonota_mainpage{width:75%}.mainpage_container{margin:10px}@media screen and (min-width:950px){.sidebar{width:20%;border-right:1px solid #ccc}.sonota{margin:5px}.sonota,.sonota_mainpage{width:80%}}.sonota li{line-height:1.6;padding-left:0}#nav-drawer{position:relative;padding:30px}.nav-unshown{display:none}#nav-open{display:inline-block;width:30px;height:22px;vertical-align:middle}#nav-open span,#nav-open span:after,#nav-open span:before{position:absolute;height:3px;width:25px;border-radius:3px;background:#000;display:block;content:"";cursor:pointer}#nav-open span:before{bottom:-8px}#nav-open span:after{bottom:-16px}#nav-close{display:none;z-index:99;width:100%;background:#000;opacity:0}#nav-close,#nav-content{position:fixed;top:0;left:0;height:100%;transition:.3s ease-in-out}#nav-content{overflow:auto;z-index:9999;width:90%;max-width:330px;background:#fff;-webkit-transform:translateX(-105%);transform:translateX(-105%)}#nav-input:checked~#nav-close{display:block;opacity:.5}#nav-input:checked~#nav-content{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:6px 0 25px rgba(0,0,0,.15)}.slide{position:relative;width:100%;border-radius:0 0 1% 1%;padding-top:41.7%;overflow:hidden;margin:0 auto}.item1,.item2,.item3,.item4{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.slide img{width:100%}.caption{position:absolute;bottom:15px;right:15px;color:#fff;background-color:rgba(0,0,0,.5);padding:11px;border-radius:5px}.item1{animation:slide1 25s infinite}.item2{animation:slide2 25s infinite}.item3{animation:slide3 25s infinite}.item4{animation:slide4 25s infinite}@keyframes slide1{0%{opacity:1;transform:scale(1)}20%{opacity:1}30%{opacity:1}40%{opacity:0;transform:scale(1)}90%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes slide2{0%{opacity:0}30%{opacity:0;transform:scale(1)}40%{opacity:1}50%{opacity:1}60%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes slide3{0%{opacity:0}50%{opacity:0;transform:scale(1)}60%{opacity:1}70%{opacity:1}90%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes slide4{0%{opacity:0}70%{opacity:0;transform:scale(1)}80%{opacity:1}90%{opacity:1}to{opacity:0;transform:scale(1)}}.sub_menu{background-color:#8ffdf1;height:100%}.logo2{text-align:center;padding:15px 15px 0}.logo_area2{width:55%;max-width:200px}.header2{margin:15px 25px;text-align:center}.header2 a{color:#000;text-decoration:none;margin:15px}.under{text-align:center;color:#000;padding:15px}@media screen and (max-width:767px){#menu-bar,.sidebar{display:none}.sonota,.sonota_mainpage{width:100%}.logo{width:180px}.header3 a{font-size:.8rem;word-break:keep-all}.caption{font-size:11px}.popup{width:100%;height:100vh;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:1000;transition:all .2s;visibility:hidden}.popup__container{width:70%;height:40%;border-radius:5px;background:#e8fdff;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:4rem}.popup__container ul{line-height:1}.popup__container li{width:60%;background-color:#f4fff4;margin:10px;padding:8px;font-size:large;border-radius:5px}.popup__container h2{margin-bottom:2rem;color:#000}.popup:target{visibility:visible}.popup__text{border-radius:5px}.popup__close{position:absolute;top:2rem;right:2rem;color:#000;text-decoration:none;font-size:3rem;line-height:1rem}}@media screen and (min-width:767px){#nav-drawer{display:none}#menu-bar ul li{display:inline-block;padding:14px 10px 10px}.logo{width:250px;padding:5px}.header3{display:inline}.caption{font-size:16px}}h2,p{font-weight:350}.color{font-size:140%;border-bottom:3px solid skyblue;position:relative}.color:after{position:absolute;content:" ";display:block;border-bottom:3px solid #ffc778;bottom:-3px;width:30%}.color2{font-size:140%;border-bottom:3px solid #87eba0;position:relative}.color2:after{position:absolute;content:" ";display:block;border-bottom:3px solid #78ffef;bottom:-3px;width:30%}.color3{font-size:130%;border-bottom:3px solid #1dffc3;position:relative}.color3:after{position:absolute;content:" ";display:block;border-bottom:3px solid #a0d7ff;bottom:-3px;width:30%}.color4{font-size:120%;text-align:center}.btn4{position:relative;text-decoration:none;display:inline-block;color:#0051ff}.btn4:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#82a1ff;display:block;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .4s cubic-bezier(1,0,0,1);transition:transform .4s cubic-bezier(1,0,0,1)}.btn4:hover:before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.btn2{text-transform:uppercase;text-align:center;position:relative;text-decoration:none;display:inline-block;border-bottom:2px solid #8daaff}.height{line-height:30px}.content img,.content textarea{max-width:100%}.result-alert{color:red}.result-visual{color:blue;font-size:120%}.content blockquote{position:relative;border-left:3px solid #85c3da;padding-left:20px}.content img{margin:0 18%;width:64%}@media screen and (max-width:560px){body{font-size:14px}.content img{width:100%;margin:0}}.card{width:auto;width:100%;position:relative}.card__imgframe{width:100%;height:auto;background-size:cover}.card__textbox{width:100%;height:auto;padding:15px;background:#fff;box-sizing:border-box}.card__textbox>*+*{margin-top:10px}.card__titletext{margin:5px 0;font-size:20px;font-weight:400;line-height:125%}.card__overviewtext{margin:15px 0;font-size:13px;line-height:150%}.card__utokyo{font-size:14px;margin:0}.card__utokyo__day{font-size:18px;padding:2px 2px 2px 0;color:#8a2be2}.card-skin{overflow:hidden;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.card-url{font-size:13px;margin:10px;position:absolute;bottom:10px}.card_format{display:inline-block;margin:5px}@media screen and (max-width:594px){.card_style{display:grid;grid-template-columns:1fr;gap:10px}.card{height:160px}}@media screen and (min-width:594px){.card_style{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{height:180px}}@media screen and (min-width:960px){.card_style{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.card{height:180px}}@media screen and (max-width:400px){.card_style{display:grid;grid-template-columns:1fr;gap:10px}.card{height:180px}}#oshirase a{color:#000;text-decoration:none}.date{font-weight:500}.date,.hr{border:none}.hr{height:1.5px;background-color:#292929}@media screen and (max-width:767px){#oshirase{font-size:80%}#oshirase h2{font-size:160%}#oshirase span{padding:5px 10px;display:block}#oshirase-viewer{background-color:#b1e8ed;padding:10px}}@media screen and (min-width:767px){#oshirase{font-size:95%}#oshirase h2{font-size:160%}#oshirase span{padding:10px 0}#oshirase-viewer{background-color:#b1e8ed;padding:10px 30px}.page_update{display:flex}.date{width:20%}}body{font-family:游ゴシック Light,sans-serif;font-size:15px;margin:0}#news{border:1px solid #000;height:400px;overflow:scroll}#news_oshirase a{color:#000;text-decoration:none}.news_date{font-weight:500}.topic{padding:2px 10px}.topic,.topic2{background-color:#dedede;border-radius:5px}.topic2{padding:2px;width:fit-content;height:fit-content}.section_box{background-color:#c7ffff;font-size:smaller}.section_box,.section_box2{padding:10px;border-radius:3px;line-height:1.4}.section_box2{background-color:#daffc7}.img{width:100%;max-width:767px}.img2{width:100%;max-width:467px}.math{height:55px;max-width:80%}.content{line-height:1.6;margin:3px}@media screen and (max-width:767px){#news_oshirase{font-size:85%}.news_date{padding:5px;display:block}#news_oshirase-viewer{background-color:#fff;padding:10px}.topic2{display:inline;margin:8px 20px 8px 10px}}@media screen and (min-width:767px){#news_oshirase{font-size:95%}.news_date{padding:10px;display:inline}#news_oshirase-viewer{background-color:#fff;padding:10px}.topic2{display:inline;margin:8px 20px 8px 10px}}