.close-btn,a{text-decoration:none}.button,.font700{font-weight:700}.caption,.caption-top{bottom:0;box-sizing:border-box}*,.caption,.caption-top{box-sizing:border-box}.caption-top,.caption-top p,body,html{line-height:1.8}.captionAA p,.t-shadow{text-shadow:1px 1px 0 rgba(0,0,0,.5)}body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;background-color:#7abbf7;font-size:1.2rem}h1{font-size:50px}p{font-size:18px;line-height:2}h2{font-size:2rem}.mt-50{margin-top:-50pxs}.caption,.caption-top,.close-btn{text-align:center}h4{font-size:1.6rem}.bg_view{background-image:url('../view-img/yotsuba.jpg');background-size:cover;background-position:center;height:100vh;width:100vw;z-index:1}@media (max-width:767px){.bg_view1{background-image:url('../view-img/yotsuba.jpg')}}.caption,.overlay{width:100%;position:absolute}.overlay{top:0;left:0;height:100%;z-index:2;background:rgba(255,255,255,0);pointer-events:none}.lazyloading{opacity:.5}.lazyloaded{opacity:1}.fadeUp,.fadeUpTrigger{opacity:0}.caption{background:rgba(0,0,0,.5);color:#fff;font-size:20px;padding:10px}.button,.close-btn{font-size:16px;cursor:pointer;color:#fff}.close-btn{background-color:#f44336;border:none;padding:10px 20px;display:inline-block;margin:10px 2px;border-radius:5px}a{color:#fff}a:hover{text-decoration:underline}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-delay:1s;animation-fill-mode:forwards}@-webkit-keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media only screen and (orientation:landscape){.bg_view1{height:100vh;width:100vw}.caption{bottom:0;width:100%}}.buttons{position:absolute;top:10px;right:10px;display:flex;gap:10px}.button{padding:10px 15px;background:rgba(0,0,0,.5);border:none;border-radius:5px;text-decoration:none;transition:background .3s}.button:hover{background:rgba(0,0,0,.7)}.dropdown-content{display:none;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:8px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.font15rem{font-size:1.5rem}.font13rem{font-size:1.3rem}.caption-top{background:linear-gradient(45deg,rgba(90,178,241,.2) 0,rgba(144,175,255,.2) 50%,rgba(93,142,241,.2) 100%)!important;position:absolute;width:100%;height:auto;color:#fff;font-size:17px;padding:10px}.captionAA{background-color:rgb(135,206,235,.7);display:flex;justify-content:center}.captionAA p{line-height:2;display:inline-block}@media screen and (max-width:768px){h1{font-size:30px}h2{font-size:28px!important}.captionAA{max-width:100%;word-wrap:break-word;padding:10px}.captionAA p{line-height:1.5;font-size:15px}}#select{position:relative;width:70%;background:linear-gradient(45deg,rgba(90,178,241,.8) 0,rgba(144,175,255,.8) 50%,rgba(93,142,241,.8s) 100%)!important;padding:30px;margin:0 auto;border-radius:64px}@media screen and (max-width:600px){input[type=number]{width:50px;height:30px}h1,h2{font-size:25px}h4{font-size:18px}.caption{font-size:16px}.font{font-size:30px!important;margin-top:-50px}.caption-top,p{font-size:1rem}.caption-top{height:80vh;padding:0 30px;text-align:left}#select{width:100%}}.dropdown-content{background-color:#5f9ea0!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;width:20px;height:40px;background:#478ddc!important;border-radius:4px;display:block;cursor:grab}input[type=number]{-moz-appearance:textfield;appearance:textfield;font-size:1.3rem;padding:.5rem;width:100px}.font20rem{font-size:2rem;margin-top:100px;margin-bottom:100px}@media screen and (max-width:900px){.font20rem{font-size:1.5rem;margin-top:50px;margin-bottom:20px}}@media screen and (max-width:600px){input[type=number]{width:50;height:30px}.imgnone{display:none}}.mt50{margin-top:50px}