body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}*{color:#9a8b8b;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:400}.pc{margin:0 auto;width:min(450px,100vw)}.eng{font-family:minion-pro,serif;font-style:normal;font-weight:400}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.bg-brown{background-color:#ebe7dc}.bg-white{background-color:#fff}.card{border-radius:3px;padding:1rem}h2{color:#bcb0b0;font-size:1.8rem;margin-bottom:0;margin-top:0;padding:.5rem 0}.home span{width:100%}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeup{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeup{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadein{-webkit-animation:fadein 2s ease-in-out 0s both;animation:fadein 2s ease-in-out 0s both}.fadein-delay{-webkit-animation:fadein 1.5s ease-in-out 2s both;animation:fadein 1.5s ease-in-out 2s both}.fadeup{-webkit-animation:fadeup 1.5s ease-in-out 0s both;animation:fadeup 1.5s ease-in-out 0s both}@-webkit-keyframes infinity-scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes infinity-scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.header-image,.main-visual{margin-bottom:1rem;position:relative}.scroll-infinity__list{display:flex;overflow:hidden}.main-visual .first_view_image{height:100vh}.header-image .first_view_image,.main-visual .first_view_image{-webkit-animation:infinity-scroll-left 80s linear 0s infinite both;animation:infinity-scroll-left 80s linear 0s infinite both}.header-image .first_view_image{width:100vw}.header-image .first_view_image_pc{-webkit-animation:infinity-scroll-left 80s linear 0s infinite both;animation:infinity-scroll-left 80s linear 0s infinite both;width:100%}.main-visual .text-box{top:50%}.header-image .text-box,.main-visual .text-box{left:50%;position:absolute;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header-image .text-box{top:55%}.main-visual .text-box .first_view_title{width:60vw}.main-visual .text-box .first_view_title_pc{width:min(270px,60vw)}.header-image .text-box .first_view_title{width:40vw}.header-image .text-box .first_view_title_pc{width:min(180px,40vw)}.main-visual p{color:#fff;font-family:minion-pro,serif;font-style:normal;font-weight:600}.main-visual .text-box .name{font-size:1.8rem;margin:0}.main-visual .text-box .date{font-size:1.3rem;margin:0}.scroll-down{bottom:60px;position:absolute;right:30px}.scroll-down span{color:#fff;font-family:minion-pro,serif;font-size:1rem;font-style:normal;font-weight:400;left:0;position:absolute;top:0;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scroll-down:before{-webkit-animation:circlemove 1.6s ease-in-out infinite,circlemovehide 1.6s ease-out infinite;animation:circlemove 1.6s ease-in-out infinite,circlemovehide 1.6s ease-out infinite;background-color:#fff;border-radius:50%;content:"";height:8px;left:-3px;position:absolute;top:0;width:8px}@-webkit-keyframes circlemove{0%{-webkit-transform:translateY(5);transform:translateY(5)}to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes circlemove{0%{-webkit-transform:translateY(5);transform:translateY(5)}to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@-webkit-keyframes circlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}to{opacity:0}}@keyframes circlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}to{opacity:0}}.scroll-down:after{background-color:#fff;content:"";height:50px;left:0;position:absolute;top:0;width:2px}.message{background-color:#fff;margin-bottom:1rem;padding:0 1rem}.message span{width:100%}.message .main-message{text-align:center}.message .main-message p{font-size:.8rem;margin:1.2rem 0}.message .main-message .title{font-size:.9rem}.message .bride,.message .groom{align-items:center;justify-content:center;margin:3rem 0;position:relative;width:100%}.message h3{font-size:1.5rem;margin:0;padding:0 1rem}.message .groom h3{text-align:right}.message .bride .name{left:90%;position:absolute;top:0;-webkit-transform:translate(-100%);transform:translate(-100%);width:50%}.message .groom .name{left:10%;position:absolute;top:0;width:50%}.message .bride .introduction{font-size:.7rem;padding-left:1rem}.message .groom .introduction{font-size:.7rem;padding-right:1rem;text-align:right}.message .comment{font-size:.8rem;margin-top:1rem;text-align:center}.message img{height:auto;width:30%}.event{padding:0 1rem}.event span{width:100%}.event h3{font-weight:700;margin-bottom:0;text-align:center}.event a,.event p{display:block;font-size:.9rem;margin:0;text-align:center}.event .small{font-size:.7rem}.event .caution{font-size:.7rem;margin-top:3rem}.event .caution strong{color:#db6b5c;font-size:.8rem;font-weight:700;margin-top:3rem}.access{padding:0 1rem 3rem}.access .map,.access span{width:100%}.access a.map{display:block;font-size:.7rem;text-align:right}.access .weather-info,.access p{font-size:.8rem;margin:1.5rem 0;text-align:center}.access .weather-info h3{font-size:.9rem;font-weight:700}.access .weather-info .temperature{display:flex;justify-content:center}.access .weather-info .temperature .highest,.access .weather-info .temperature .lowest{margin:0 2rem}.weather-info p{margin:0}.temperature span{font-size:.9rem;font-weight:700}.temperature strong{font-size:2rem;font-weight:700}.temperature .highest span,.temperature .highest strong{color:#db6b5c}.temperature .lowest span,.temperature .lowest strong{color:#60a5d6}.react-tabs__tab-list{display:flex;list-style:none;padding:0;text-align:center}.react-tabs__tab{border-bottom:1px solid #ebe7dc;color:#c6c0b2;cursor:pointer;font-size:.8rem;font-weight:700;margin:0;padding:.5rem 1rem 0;width:50%}.react-tabs__tab--selected{border-bottom:1px solid #8b8975;color:#8b8975;font-weight:700}.access-detail .details span{display:block;position:relative;width:45%}.access-detail .details .node{font-size:.9rem;font-weight:700;margin:1rem auto;text-align:center}.access-detail .details .link{font-size:.7rem;left:55%}.access-detail .details .link:before{background-color:#ebe7dc;content:"";height:200%;left:-5%;position:absolute;top:-50%;width:1px}.access-detail .caption{font-size:.8rem;margin:1rem 0;text-align:center}.access-detail .caption strong{font-size:.9rem;font-weight:700}.announce p{font-size:.9rem;margin:3rem 0;text-align:center}.anounce span{width:100%}.announce strong{font-size:1.2rem;font-weight:700}.faq{margin-bottom:1rem;padding:0 1rem}.faq span{width:100%}.faq p{font-size:.8rem;margin:0;text-align:center}.faq h3{font-size:.9rem;font-weight:700;margin-left:.5rem;text-align:left}.faq details{display:inline-block;font-size:.8rem;list-style:none;margin:.5rem 0;padding:0 1rem}.faq details summary{border-bottom:1px solid #ebe7dc;cursor:pointer;display:-webkit-box;font-weight:700;list-style:none;margin:0;padding-left:0}.faq details summary .question{display:flex}.faq details summary .question svg{margin:auto .2rem;vertical-align:middle;width:1.5rem}.faq details summary p{cursor:pointer;font-size:.8rem;font-weight:700;margin:0;padding-left:.2rem;text-align:left}.faq details .answer p{font-size:.7rem;margin-top:.3rem;padding-left:.3rem;text-align:left}.karuizawa{margin-bottom:1rem;padding:0 1rem}.karuizawa span{width:100%}.karuizawa p{font-size:.8rem;margin:0;text-align:center}.mymap{height:50vh;width:100%}.rsvp{margin-bottom:1rem;padding:0 1rem}.rsvp span{width:100%}.confirm .rsvp-form,.rsvp .rsvp-form{margin:0 2rem}.rsvp p{text-align:center}.rsvp label,.rsvp p{font-size:.8rem;margin:0}.rsvp label{display:block;font-weight:700;text-align:left}.rsvp-form p{font-size:.6rem;margin:0;text-align:left}.rsvp-form .radio{display:flex;justify-content:center;margin:1rem 0}.rsvp-form .radio label.attendance{font-size:1rem;margin:0 1rem}.rsvp-form .radio label{cursor:pointer;padding-left:30px;position:relative}.rsvp-form .radio label:after,.rsvp-form .radio label:before{content:"";display:block;position:absolute}.rsvp-form .radio label:before{background-color:#fff;border:1px solid #ebe7dc;border-radius:3px;height:20px;left:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.rsvp-form .radio label:after{border-bottom:2px solid #a5a5a5;border-left:2px solid #a5a5a5;height:5px;left:10px;opacity:0;top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:10px}.rsvp-form .radio input:checked+label:after{opacity:1}.rsvp input{height:.6rem;margin:0 auto .5rem;padding:.5rem}.rsvp input,.rsvp select{border:1px solid #ebe7dc;border-radius:3px;display:block;font-size:.8rem;width:90%}.rsvp select{background-color:#fff;height:1.7rem;margin:.5rem auto}.rsvp textarea{border:1px solid #ebe7dc;border-radius:3px;display:block;font-size:.8rem;height:4rem;margin:0 auto .5rem;padding:.5rem;width:90%}.rsvp .add-form{font-size:.8rem;font-weight:700;height:2rem;margin:1rem 0;text-align:center}.confirm .companion,.rsvp .companion{border-top:1px solid #ebe7dc;margin-top:1rem;padding-top:1rem}.rsvp .privacy{font-size:.8rem}.confirm,.rsvp .privacy{margin:1rem 0;text-align:center}.confirm{padding:0 1rem}.confirm label,.confirm p{font-size:.8rem;margin:0}.confirm label{display:block;font-weight:700;text-align:left}.confirm .rsvp-form{margin-bottom:1rem}.complete{margin:1rem 0;text-align:center}.complete p{font-size:.8rem;margin:0}.complete .complete-message{font-size:.9rem;font-weight:700;margin:3rem 0}.footer{background:#fff;border-top:1px solid #e5e7eb;color:#999;font-size:15px;padding:2rem}.footer a{font-size:.7rem;text-decoration:none}.footer ul{list-style:none;margin:0;padding:0}.footer p{font-size:.7rem;margin:1rem 0;padding:0;text-align:center}.buttom-round{background-color:#dbba8b;border-radius:30px;height:2rem;margin:1rem auto;text-align:center;width:60%}.disable{opacity:.4}.buttom-round a{color:#fff;font-size:.8rem;font-weight:700;text-decoration:none}.tips{border-bottom:2px solid #ebe7dc;border-top:2px solid #ebe7dc;margin:2em 0;padding:.5em 1.5em;position:relative}.tips:after,.tips:before{background-color:#ebe7dc;content:"";height:calc(100% + 20px);position:absolute;top:-10px;width:2px}.tips:before{left:10px}.tips:after{right:10px}.tips p{font-size:.7rem;margin:0;padding:0}.notfound{font-size:.8rem;text-align:center}.privacy-modal{background-color:#fff;border-radius:10px;display:block;height:60vh;left:50%;margin:auto;padding:1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,20%);transform:translate(-50%,20%);width:min(80vw,360px)}.privacy-modal h3{font-size:1rem;font-weight:700;margin:0}.privacy-modal h4{border-bottom:1px solid #8b8975;font-size:.8rem;font-weight:700;margin:1rem 0}.privacy-modal p{font-size:.6rem;list-style:none;margin:1rem 0;padding:0 .5rem}.privacy-modal li,.privacy-modal ul{font-size:.6rem;list-style:none;margin:1rem 0 0;padding:0 0 0 .5rem}.privacy-modal-content{height:90%;overflow:scroll}.close-modal{color:#8b8975;cursor:pointer;font-size:1rem;height:1rem;position:absolute;right:.5rem;top:.3rem;width:1rem}@keyframes bugfix{0%{padding:0}to{padding:0}}@-webkit-keyframes bugfix{0%{padding:0}to{padding:0}}#overlay-button{bottom:1rem;cursor:pointer;left:1rem;padding:26px 11px;position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}#overlay-button span{background-color:#8b8975;border-radius:1px;display:block;height:2px;position:relative;transition:all .2s ease-in-out;width:20px}#overlay-button span:before{top:-7px;visibility:visible}#overlay-button span:after{top:7px}#overlay-button span:after,#overlay-button span:before{background-color:#8b8975;border-radius:1px;content:"";height:2px;position:absolute;transition:all .2s ease-in-out;width:20px}#overlay-button:hover span,#overlay-button:hover span:after,#overlay-button:hover span:before{background:#8b8975}.outer-menu input[type=checkbox]{display:none}.outer-menu input[type=checkbox]:checked~#overlay{visibility:visible}.outer-menu input[type=checkbox]:checked~#overlay-button span,.outer-menu input[type=checkbox]:checked~#overlay-button:hover span{background:transparent}.outer-menu input[type=checkbox]:checked~#overlay-button span:before{color:#fff;-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.outer-menu input[type=checkbox]:checked~#overlay-button span:after{color:#fff;-webkit-transform:rotate(-45deg) translate(7px,-7px);transform:rotate(-45deg) translate(7px,-7px)}#overlay{background:#8b8975;height:100vh;opacity:.95;position:fixed;visibility:hidden;width:100vw;z-index:2}#overlay ul{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;list-style-type:none;padding-left:0;text-align:center}#overlay ul li{padding:1em}#overlay ul li a{color:#fff;font-size:0,8em;font-weight:700;text-decoration:none}#overlay ul li a:hover{color:#bcb0b0!important;font-weight:700;text-decoration:none}.line-official{font-size:.9rem;margin:3rem 0;padding:0 1rem;text-align:center}.line-official span{width:100%}.line-official p{font-size:.9rem;margin-bottom:1rem;padding:0 1rem;text-align:center}.visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.4c0fccb2.css.map*/