@charset "UTF-8";
@import url(drawerMenu.css);

.pcnav, .pc, .onyadoeng { display: none!important}
.spspacer { padding-top: 50px; margin-top: 20px }

.info-box p, .danraku2 { text-align: justify }

.link2023 { left: 140px; top: 62px; }
.link2023 a { padding: 5px 10px; font-size: 1em; line-height: 1em; }
.link2023 { position: absolute; z-index: 100; }
.link2023 a { color: #fff; font-family: Midashi Go MB31!important; letter-spacing: .05em; display: inline-block; line-height: 1em; }
.link2023 a { font-size: 0.9em; line-height: 1em; padding: 3px 5px; border: 1px solid hsla(0,0%,100%,.0)}
.link2023 a i{font-size: 1.3em; padding-right:.2em; vertical-align: -.06em;}

.linkmovie { right: 10px; top: 62px; }
.linkmovie a { padding: 5px 10px; font-size: 1em; line-height: 1em; }
.linkmovie { position: absolute; z-index: 0; }
.linkmovie a { color: #fff; font-family: Midashi Go MB31!important; letter-spacing: .05em; display: inline-block; line-height: 1em; }
.linkmovie a { font-size: 0.9em; line-height: 1em; padding: 3px 5px; border: 1px solid hsla(0,0%,100%,.0)}
.linkmovie a i{font-size: 1.3em; padding-right:.2em; vertical-align: -.06em;}

/* 1080 / 1830 */
section.zoom, .video-box { height: min(90vh, 160vw); ; position: relative; margin-top: 0px; overflow: hidden; background-color: hsla(359,100%,50%,0);  }
#myVideo { width: 100vw;height: min(90vh, 160vw) ; object-fit: cover; object-position: 50% 0%; z-index:1; background-color: hsla(174,100%,50%,0.0); }

.video-wrap {
position: relative;
margin: 0 0 0; padding: 0 0 0;
background-color: #fff;
overflow: hidden;
height: min(90vh, 160vw);
}
video#video {
margin: 0; padding: 0;
vertical-align: top;
width: 100%;
height: min(90vh, 160vw);
object-fit: cover; 
z-index:1;
}

.logol { height: 40vh; position: absolute; z-index: 1; top: 80px; right: 30px; }
.logol img { height: 100%; width: auto; }
.logof { width:100%; margin: 0 auto 20px; }
.logof img { width: 50%; height: auto; }
.logos { top: 12px; left: 20px; width: 180px/*calc(100% - 50px)*/; font-size: 1.2em; }

.nabeshimalogo { top: min(64vh, 115vw); margin-top: 0; left: 20px; width: min(30vw, 20vh); font-size: .5em }

.lang { top: 63px; left: -20px; }

header#togglebox { position: absolute; right: 0; top: 0; z-index: 1000; width: 100%; height: 53px; background-color: hsla(0,0%,100%,.3); }

nav#org  { background-color: hsla(0,0%,0%,.8); }
nav#org ul  { background-color: hsla(0,0%,0%,.3); padding: 0; margin: 0; border-top: hsla(0,0%,100%,.3) 1px solid }
nav#org ul li  { padding: 0; margin: 0; border-bottom: hsla(0,0%,100%,.3) 1px solid }
nav#org ul li a { font-size: 1.2em ;line-height: 1em; padding: 18px 0; }
nav#org ul li a span.eng { display: none; }

nav#org ul li a:hover,
nav#org ul li.active a

{ background-color: hsla(0,0%,100%,.2); color: #fff }


article { padding: 0 20px 30px; }
main { padding: 50px 0 30px; }

.tategaki { font-size: 1.0em; margin: 0 auto 30px; }
.tategaki h1 { text-align: left; margin: 0; padding: 0 20px 0 0; }
.tategaki p { letter-spacing: .5em; line-height: 2em }

.readc p { font-size: 1em; line-height: 2.2em; }
.readj p { font-size: 1em; line-height: 2.2em; }

.h2box { width: 85%; margin: 0 0 80px 10%; }
body#onyado h2 { font-size: 1.2em; line-height: 1.8em }

.h1box { margin: 0 0 150px }


.h3 { font-size: 1.2em; line-height: 1.8em; text-align: center }

.zu { width: 90%; margin: 0 5% 0; padding-bottom: 50px }
.honbe { top: -10px; right: 0; }

footer { font-size: .9em; line-height: 1.8em; padding: 50px 0 }
footer p { padding: 0; margin: 0; }
footer .goto {padding: 20px 0 20px; margin: 0; }
footer h3 { font-size: 1.0em; line-height: 1.4em; }


.googlemaps {margin: 0 10px }
.accessbox { margin: 50px 10px; }
body#access article.ac2022 { padding: 30px 0 30px; }
body#access article.ac2022 img { padding: 20px 0 50px; }

.sptellink a { display: inline-block; border-bottom: 1px hsla(0,0%,100%,.5) dashed; line-height: 1.4em }
footer .sptellink a { border-bottom: 1px hsla(0,0%,0%,.5) dashed; }
.fotter-link a { display: block; padding: 6px 12px; margin: 0 10% 10px; }
.footer-wrap { margin: 0 0 20px; }

@media only screen and (min-width: 500px) {
body {  }
}

@media only screen and (max-width: 499px) {
body {  }
}