@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap);.container{margin:0 auto;width:100%;background-color:#004386}a,img{display:inline-block}.contents,.header{position:relative;text-align:center}.header{height:90vh;background-image:url(img/main-back.jpg);background-size:cover;background-position:center;position:relative}@media only screen and (min-width:768px){.header{height:98vh}}.header .nami{position:absolute;bottom:-5px;left:0;right:0;z-index:10;width:100%;height:5vh;overflow:hidden}@media only screen and (min-width:768px){.header .nami{height:76px}}.header .nami .nami-inner{display:flex;width:200%}.header .nami .nami-inner::after,.header .nami .nami-inner::before{content:"";display:block;width:100%;height:5vh;background:url(img/nami_sp.png) no-repeat;background-size:100% 100%}@media only screen and (min-width:480px){.header .nami .nami-inner::after,.header .nami .nami-inner::before{background-image:url(img/nami_tab.png);height:76px}}@media only screen and (min-width:1200px){.header .nami .nami-inner::after,.header .nami .nami-inner::before{background-image:url(img/nami.png)}}.header .nami .nami-inner::before{animation:loop 40s -20s linear infinite}@media only screen and (min-width:768px){.header .nami .nami-inner::before{animation:loop 140s -70s linear infinite}}.header .nami .nami-inner::after{animation:loop2 40s linear infinite}@media only screen and (min-width:768px){.header .nami .nami-inner::after{animation:loop2 140s linear infinite}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.header .abs-box{margin:0 auto;width:100%;height:90vh;position:relative;max-width:1200px}@media only screen and (min-width:768px){.header .abs-box{height:95vh}}.header .abs-box .logo{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-59%);display:flex;flex-direction:column-reverse;text-align:center}@media only screen and (min-width:480px){.header .abs-box .logo{width:200px}}@media only screen and (min-width:768px){.header .abs-box .logo{width:250px}}@media only screen and (min-width:1200px){.header .abs-box .logo{width:300px}}.header .abs-box #kikan{opacity:0;transform:scaleY(.4);transform-origin:bottom center;transition:all .1s ease}.header .abs-box #kikan.isLoaded{transform:scaleY(1);opacity:1}.header .abs-box .main-left{position:absolute;width:20%;bottom:0;left:5%}@media only screen and (min-width:480px){.header .abs-box .main-left{width:18%;left:12%}}@media only screen and (min-width:768px){.header .abs-box .main-left{width:15%;left:15%}}@media only screen and (min-width:1200px){.header .abs-box .main-left{width:160px;left:18%}}.header .abs-box .main-right{position:absolute;width:50%;bottom:-60px;right:3%;z-index:20}@media only screen and (min-width:480px){.header .abs-box .main-right{width:43%;bottom:-50px;right:1%}}@media only screen and (min-width:768px){.header .abs-box .main-right{width:35%;bottom:0}}@media only screen and (min-width:1200px){.header .abs-box .main-right{position:absolute;width:420px;bottom:8%;right:0}}#lead{width:100%;margin:0 auto;padding:20% 10% 10%;position:relative;z-index:1}@media only screen and (min-width:480px){#lead{padding:10%}}@media only screen and (min-width:992px){#lead{padding:2%}}#lead h2{margin:0 auto;text-align:left;color:#fff;font-weight:500;padding-bottom:15%;font-size:14px}@media only screen and (min-width:480px){#lead h2{width:32em;max-width:100%;padding-bottom:8%;font-size:18px}}#lead h1{margin:0 auto;width:100%;max-width:800px}#photocon{margin:0 auto;width:100%;padding:5%}#photocon .event02{margin:0 auto;width:100%;background-color:#f3f3f3;max-width:870px;border-radius:30px;padding:2% 5% 5%}#photocon button{margin:1.2rem auto 0;display:block}#photocon button:hover{filter:brightness(1.1)}#event{width:100%;margin:0 auto;padding:5% 5% 30%}@media only screen and (min-width:768px){#event{padding:5% 5% 300px}}#event div{padding-bottom:5%}#event div.rainy{padding-top:1.2rem;padding-bottom:0;color:#fff;width:100%;max-width:800px;margin:1.2rem auto}#event div.rainy h4{font-size:2.6rem;margin-bottom:.3em}#event div.rainy h5{font-size:1.8rem;display:block;padding:.3em 1em;border:1px solid #fff;margin:2.4rem auto}#event div.rainy p{font-size:1.8rem;margin:auto;margin-bottom:1em;width:30em;max-width:100%}#event div.rainy .button{background-color:#397bbd}#event .event-box{margin:0 auto;width:100%;position:relative;padding:0 3% 70% 0;background-color:#f3f3f3;max-width:870px;border-radius:30px;display:block}@media only screen and (min-width:768px){#event .event-box{padding:0 3% 500px 0}}#event .event-box .event01{padding:0 5% 0 0}@media only screen and (min-width:768px){#event .event-box .event01{padding:3% 0 0 0}}#event .event-box .event02{padding:5% 2% 5% 3%}@media only screen and (min-width:768px){#event .event-box .event02{padding:0}}#event .event-box button{margin:1.2rem auto 0;display:block;padding-left:6%}#event .event-box button:hover{filter:brightness(1.1)}#event .event-box p{position:absolute;left:-20px;bottom:-90px}@media only screen and (min-width:480px){#event .event-box p{bottom:-150px}}@media only screen and (min-width:480px) and (min-width:768px){#event .event-box p{bottom:-250px}}#shop{width:100%;margin:0 auto;padding:10%}@media only screen and (min-width:768px){#shop{padding-top:5%;padding-bottom:5%}}#shop .shop-title{margin:0 auto;width:55%;padding-bottom:5%}@media only screen and (min-width:768px){#shop .shop-title{width:100%}}#shop p{margin:0 auto;width:90%}@media only screen and (min-width:768px){#shop p{width:100%}}#shop .bin{margin:0 auto;max-width:650px;padding-bottom:5%}@media only screen and (min-width:768px){#shop .bin{padding-bottom:3%}}#shop .chuui{color:#fff;max-width:650px;margin:0 auto;width:100%;border-top:1px #fff solid;border-bottom:1px #fff solid;padding:10px;text-align:left;font-size:16px}@media only screen and (min-width:480px){#shop .chuui{padding:20px}}#shop .shop-box{margin:0 auto;padding:5% 0;max-width:1220px;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (min-width:768px){#shop .shop-box{padding:3% 0}}#shop .shop-box [role=button]{cursor:pointer}#shop .shop-box [role=button]:hover{filter:brightness(1.1);transition:filter .3s ease}#shop .shop-box dl{width:100%;margin:0 auto;padding-top:5%;max-width:390px;display:flex;flex-wrap:wrap}@media only screen and (min-width:768px){#shop .shop-box dl{width:48%;margin:0}}@media only screen and (min-width:768px) and (min-width:992px){#shop .shop-box dl{width:32%;padding-top:2%}}#shop .shop-box dt{display:flex;border-radius:20px 0 0 20px}#shop .shop-box dt img{border-radius:20px 20px 0 0}#shop .shop-box dd{width:100%;background-color:#fff;padding:30px 10px;border-radius:0 0 20px 20px}#shop .shop-box dd p:nth-child(1){font-size:22px;font-weight:600;width:100%}@media only screen and (min-width:480px){#shop .shop-box dd p:nth-child(1){font-size:24px}}#shop .shop-box dd p:nth-child(2){font-size:18px;font-weight:600;padding-bottom:5%}#shop .shop-box dd button{background-color:#cc4d20;font-size:23px}footer p{background-color:#b2d9ff;padding-top:15%;color:#004386}@media only screen and (min-width:480px){footer p{padding-top:8%}}footer .footer_bottom{background-color:#b2d9ff;padding:0 8% 3%}footer .footer_bottom a{color:#004386;text-decoration:underline;background:0 0}footer .footer_bottom .copyright{color:#004386}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#modal .modal{display:none}#modal .modal.is-open{display:block}#modal .modal[aria-hidden=false]{animation:fadeIn .2s cubic-bezier(0,0,.2,1)}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__overlay::before{content:"×";width:1em;height:1em;font-size:3rem;color:#fff;position:absolute;right:0;top:0}@media only screen and (min-width:768px){.modal__overlay::before{cursor:pointer;font-size:5rem;right:10px;top:10px}}.modal__container{background-color:#fff;padding:30px;margin-right:20px;margin-left:20px;max-width:640px;max-height:90vh;width:100%;border-radius:20px;overflow-y:auto;box-sizing:border-box}@media only screen and (min-width:768px){.modal__container{max-height:94vh}}.modal__container::-webkit-scrollbar{width:13px;background-color:none}.modal__container::-webkit-scrollbar-thumb{background-color:#adcdeb;border-radius:10px;border:2px solid #fff}.modal__container div{width:100%}.modal__container ul.menu{padding:20px 0;font-weight:600;font-size:22px;line-height:1.2}.modal__container ul.menu li{padding:5px;line-height:1.3}@media only screen and (min-width:768px){.modal__container ul.menu li{text-indent:-1em}}.modal__container ul.menu li::before{content:"▶";font-size:.6em;color:#cc4d20;display:inline-block;margin-right:.2em;position:relative;top:-3px}.modal__container ul.menu li .small{font-size:14px}.modal__container p{margin:0 auto;max-width:380px;padding:10px;font-size:16px;font-weight:600;text-align:left}.modal__container .setsumei{border-top:#818181 3px dotted;border-bottom:#818181 3px dotted}.modal__container .shousai{padding:10px 10px 20px;text-align:center}.modal__container button{width:90%;background-color:#cc4d20;margin-bottom:1.2rem}@media only screen and (min-width:480px){.modal__container button{width:70%}}.modal__container button a{display:block}.modal__container .modal__content{padding-top:20px;font-size:16px;text-align:left}.modal__container .modal__close__text{padding-top:20px;font-size:16px;font-weight:600}.modal.event .modal__container{background-color:#f3f3f3}.modal.event .modal__container h2{margin-bottom:1.2rem}.modal.event .modal__container h3{font-size:2.4rem;margin-bottom:.3em}.modal.event .modal__container .setsumei{border-width:2px;padding:1.2rem 0;border-bottom:none}.modal.event .modal__container .setsumei.shutten h4{font-size:1.8rem}.modal.event .modal__container .setsumei.shutten h4::before{content:"▶";font-size:.6em;color:#cc4d20;display:inline-block;margin-right:.2em;position:relative;top:-3px}.modal.event .modal__container .setsumei.shutten p{text-align:center}.modal.event .modal__container ul{text-align:left}.modal.event .modal__container li{margin-bottom:.6em}.modal.event .modal__container .joken{font-weight:700;font-size:1.7rem}.modal.event .modal__container .joken a{color:#004386;text-decoration:underline}.map{overflow:hidden;height:50vh}@media only screen and (min-width:768px){.map{height:460px}}.map iframe{width:100%;height:calc(100% + 80px);margin-top:-80px;filter:saturate(.5)}.youtube{width:880px;max-width:100%;margin:0 auto;padding:0 .8rem}.youtube iframe{aspect-ratio:16/9;width:100%;height:auto}
/*# sourceMappingURL=../maps/reihoku-goku-asagohan/style.min.css.map */