﻿@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;font-size:62.5%}body{height:100%;margin:auto;position:relative;font-family:"Noto Serif JP",serif;color:#000;font-size:1.5rem;font-weight:400;font-style:normal;line-height:1.8;font-optical-sizing:auto;font-feature-settings:"palt";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}img,input[type="image"]{max-width:100%;width:auto;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;object-fit:contain}a{color:#0187b0}a:hover,a img:hover,button:hover{opacity:0.7;transition:all 0.3s ease-out}a.disabled{pointer-events:none}small{font-size:90%}.gothic{font-family:"Noto Sans JP",sans-serif}.pc{display:inherit}@media screen and (max-width: 767px){.pc{display:none}}.sp{display:none}@media screen and (max-width: 767px){.sp{display:block}}.flex{display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;flex-wrap:wrap}.Acenter{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@keyframes zoomfade{0%{opacity:0;transform:scale(1)}30%{opacity:1}100%{transform:scale(1.2)}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes bg{0%{opacity:0;transform:scaleX(0) translateX(-5%)}30%{transform:scaleX(1) translateX(0)}100%{transform:scaleX(1) translateX(0)}30%, 100%{opacity:1}}@keyframes stroke-width{0%{width:0;opacity:1}100%{width:calc(100% - 20px);opacity:1}}@keyframes stroke-height{0%{height:0;opacity:1}100%{height:calc(100% - 20px);opacity:1}}header{width:100%;display:flex;align-items:center;background:#fff;line-height:0}header p.head{margin:0 0 0 1%}header p.head a{color:#000}@media screen and (max-width: 767px){header p.head{margin:0 0 0 2%;font-size:80%}}header i.mail{width:6vw;margin:0 0 0 auto;background:#000}@media screen and (min-width: 768px) and (max-width: 949px){header i.mail{width:10vw}}@media screen and (max-width: 767px){header i.mail{width:20vw}}header i.mail a{padding:10% 20%;display:block}header i.mail a svg{width:100%;height:100%}.mv{width:100%;position:relative;overflow:hidden}.mv figure{width:100%;height:100%;animation:zoomfade 15s ease-in-out forwards;line-height:0}@media screen and (max-width: 767px){.mv figure{height:60vh}}.mv figure img{width:100%;height:100%;object-fit:cover}.mv .gNav{position:absolute;top:5%;left:50%;z-index:1;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (min-width: 768px) and (max-width: 949px){.mv .gNav{top:8%}}@media screen and (max-width: 767px){.mv .gNav{display:none}}.mv .gNav p{font-size:150%;font-weight:700;letter-spacing:0.1em}.mv .gNav p a{color:#fff}.mv .gNav p a::after{content:"／";margin:0 1vw;color:#fff;font-size:80%}.mv .gNav p a:last-child::after{display:none}.mv h1{position:absolute;top:35%;left:50%;z-index:1;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;color:#fff;font-size:400%;font-weight:700;letter-spacing:0.1em;line-height:1.2}@media screen and (min-width: 768px) and (max-width: 949px){.mv h1{font-size:280%}}@media screen and (max-width: 767px){.mv h1{font-size:200%}}.mv h1 small{display:block;font-size:40%;letter-spacing:0}.mv h2{position:absolute;top:87%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;color:#000;font-size:150%;opacity:0}@media screen and (min-width: 768px) and (max-width: 949px){.mv h2{top:82%;font-size:120%}}@media screen and (max-width: 767px){.mv h2{top:80%;font-size:90%}}.mv h2.is-active{animation:fadein 3s ease-in-out forwards}footer{width:100%;text-align:center;background:#707070;background:linear-gradient(90deg, #707070 0%, #000 50%, #707070 100%)}footer p.copy{padding:2% 0;color:#fff;font-size:80%;line-height:0}@media screen and (max-width: 767px){footer p.copy{padding:5% 0}}section h2{width:100%;margin:0 0 8%;position:relative;color:#fff;font-size:180%;font-weight:700;opacity:0}@media screen and (max-width: 767px){section h2{margin:0 auto 10%;font-size:120%}}section h2 small{position:absolute;right:2%;top:25%;color:rgba(255,255,255,0.3)}@media screen and (max-width: 767px){section h2 small{top:20%}}section h2.is-active{opacity:1}section h2.is-active .bg-wrap{width:100%;position:relative;display:inline-block}section h2.is-active .bg-wrap::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;animation:bg 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;background:#707070;background:linear-gradient(90deg, #707070 0%, #000 50%, #707070 100%);transform-origin:left center}section h2.is-active .bg-wrap .inn{padding:1% 2%;position:relative;z-index:1;display:inline-block}section#plan{width:100%;padding:0 0 8%;background:url("../images/plan-back.jpg") repeat-y 0 0/100% auto}section#plan .box{width:80%;margin:0 auto 8%;padding:3% 5%;position:relative;background:rgba(255,255,255,1)}@media screen and (max-width: 767px){section#plan .box{width:90%;margin:0 auto 15%;padding:5% 3%}}section#plan .box .border{content:"";position:absolute;opacity:0}section#plan .box .border.top{width:calc(100% - 20px);border-top:3px solid #000;right:0;top:0}section#plan .box .border.bottom{width:calc(100% - 20px);border-bottom:3px solid #000;left:0;bottom:0}section#plan .box .border.right{height:calc(100% - 20px);border-right:3px solid #000;right:0;top:0}section#plan .box .border.left{height:calc(100% - 20px);border-left:3px solid #000;left:0;bottom:0}section#plan .box.is-active .border{opacity:1}section#plan .box.is-active .border.top{animation:stroke-width 1.8s cubic-bezier(0.22, 1, 0.36, 1)}section#plan .box.is-active .border.bottom{animation:stroke-width 1.8s cubic-bezier(0.22, 1, 0.36, 1)}section#plan .box.is-active .border.right{animation:stroke-height 1.8s cubic-bezier(0.22, 1, 0.36, 1)}section#plan .box.is-active .border.left{animation:stroke-height 1.8s cubic-bezier(0.22, 1, 0.36, 1)}section#plan .box h3{padding:0 2% 0 0.5%;position:relative;left:-95px;top:-65px;z-index:1;display:inline;text-shadow:2px 2px 1px #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff;font-size:180%;font-weight:700;line-height:0}@media screen and (min-width: 768px) and (max-width: 949px){section#plan .box h3{top:-50px}}@media screen and (max-width: 767px){section#plan .box h3{left:-20px;top:-45px;font-size:130%}}section#plan .box h3::before{content:"■";margin:0 1% 0 0;display:inline-block}section#plan .box h3+p{text-align:center;font-size:120%}@media screen and (max-width: 767px){section#plan .box h3+p{font-size:80%;line-height:1.5}}section#plan .box h4{margin:2% auto;text-align:center;font-size:150%;font-weight:700}@media screen and (max-width: 767px){section#plan .box h4{margin:5% auto;font-size:100%;line-height:1.5}}section#plan .box h4+p{text-align:center}@media screen and (max-width: 767px){section#plan .box h4+p{font-size:80%;line-height:1.5}}section#plan .box h5{margin:5% 0 3%;font-size:160%;font-weight:700;line-height:0}@media screen and (max-width: 767px){section#plan .box h5{margin:8% 0;font-size:120%}}section#plan .box dl{max-width:80%;margin:auto}@media screen and (max-width: 767px){section#plan .box dl{max-width:100%;font-size:90%;line-height:1.5}}section#plan .box dl dt{width:30%;text-align:right}@media screen and (max-width: 767px){section#plan .box dl dt{width:35%}}section#plan .box dl dd{width:70%;padding:0 0 0 1em;text-indent:-1em}section#plan .box dl dd::before{content:"："}@media screen and (max-width: 767px){section#plan .box dl dd{width:65%}}section#plan .box:last-of-type{margin:0 auto}section#reservation h2+p{text-align:center;font-size:120%}@media screen and (max-width: 767px){section#reservation h2+p{font-size:90%}}section#reservation h2+p.is-active span{animation:fadein 5s ease-in-out forwards}section#reservation ul.image{width:100%;margin:5% auto 0}section#reservation ul.image li{width:calc(100%/4);line-height:0}section#reservation ul#access{width:80%;margin:5% auto;justify-content:space-between}@media screen and (min-width: 768px) and (max-width: 949px){section#reservation ul#access{width:90%}}@media screen and (max-width: 767px){section#reservation ul#access{margin:10% auto}}section#reservation ul#access li{width:48%}@media screen and (max-width: 767px){section#reservation ul#access li{width:100%}}section#reservation ul#access li h3{margin:0 0 5%;text-align:center;font-size:120%;font-weight:700;line-height:0}section#reservation ul#access li iframe{width:100%;height:27vw;border:0 none}@media screen and (max-width: 767px){section#reservation ul#access li iframe{height:50vw}}section#reservation ul#access li dl{max-width:70%;margin:5% auto 3%}@media screen and (max-width: 767px){section#reservation ul#access li dl{max-width:100%;margin:5% auto;line-height:1.5}}section#reservation ul#access li dl dt{width:30%}section#reservation ul#access li dl dd{width:70%}section#reservation ul#access li dl+p{text-align:center;font-size:120%}section#reservation ul#access li dl+p a{margin:0 0 0 10px;display:inline-block}@media screen and (max-width: 767px){section#reservation ul#access li dl+p a{margin:5px 0 0;display:block}}@media screen and (max-width: 767px){section#reservation ul#access li:nth-child(1){margin:0 auto 10%}}
