body { font-size: 14px; }

header#fixed-header2024, .pc { display: none!important}

#nav-toggle { top: 16px; right: 16px; }
.sidebar { margin-top: 80px; }

.menumoji { position: fixed; top: 70px; right: 16px; width: 50px; text-align: center; z-index: 2; font-size: 8px; color: #fff}

#gloval-nav ul { margin: 30px 0 0 30px; padding: 0 }
#sitemap-nav ul { margin: 0 0 0 30px; padding: 0 }

#gloval-nav ul li,
#sitemap-nav ul li { margin: 0 0 10px 0 }

#sitemap-nav ul li .ja,
#gloval-nav ul li .ja 
{ display: block; width: 100%; padding-top: 15px; font-size: 1.3em; padding-bottom: 2px; }

#sitemap-nav ul li .jost,
#gloval-nav ul li .eng 
{ display: block; width: 100vw; font-size: 1.1em; position: absolute; z-index: 1; top: 0px; left: 0px; }

#sitemap-nav ul li a, #gloval-nav ul li a { padding: 8px 0; }

.rsv { position: relative; font-size: 1em; line-height: 1.5em }
.rsv a { display: block; float: left; height: 50px; width: calc( 50% - 20px ); padding: 15px 0 0; margin: 10px; border-left: 1px solid hsla(0,0%,80%,0.70); background-color: hsla(0,0%,0%,0.40); text-align: center; color: #fff; box-sizing: border-box; 
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}

.fulheight { overflow-x: hidden }

.fl { float: none; width: 100%; }
.fr { float: none; width: 100%; }

.video-box { width: 100vw; position: relative; overflow: hidden }
#myVideo { width: 100vw; object-fit: cover; object-position: 0 0; z-index:1; }
.video-box { position: relative; overflow: hidden; height: 100vh; max-height: 160vw }
#myVideo { width: 100vw; object-fit: cover; object-position: 50% 0%; z-index:1; }

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

.smalllogo { position: absolute; z-index: 1; top: 20px; left: 20px; background-image: url("../logo.svg"); background-repeat: no-repeat; background-size: 40px auto; background-position: left top; padding: 7px 0 10px 55px; font-size: 1.3em }

.logobox a { height: 60px; padding: 0 0 0 60px; top: 20px; left: 26px; background-size: auto 46px; background-position: left 6px; }

.logobox a h1 { font-size: 2em; line-height: 1em; padding: 5px 0 }
.logobox a .subja { font-size: 1.2em; line-height: 1.2em; padding-left: .2em }

.logobox a .h1 { font-size: 2em; line-height: 1.2em }

.h1box { margin: 30px 0; font-size: 1.1em; line-height: 1.8em; text-align: center }
.h1box h1 { font-size: 1.6em; padding-bottom: 30px }
span.gg { display: block; font-size: .7em; padding-top: 5px; }

.h2box { margin: 50px 0 0; font-size: 1.1em; line-height: 1.8em; text-align: center }
.h2box h2 { font-size: 1.6em; padding-bottom: 20px }
.h2box h2 span { display: block; font-size: .6em; padding: 15px 0 0 }
.h2box h3 { font-size: 1.2em; padding: 0 0 15px }

.sph2box { text-align: center; padding-bottom: 30px }

.glamping-box { top: 30px; }
.glamping-box h2 { font-size: 10vw; line-height: .8em; margin: 0 }
.glamping-box h2 span.plus { display: block; padding-bottom: -10px }
.glamping-box p { padding: 10px 0 0; }

.comp { padding: 20px 30px 0; font-size: 1em; line-height: 1.8em; text-align: justify; }

article { padding: 40px 20px 40px; }
#index article.topics { width: calc(100% - 40px); margin: 0 auto}

article.measures .pallet { padding-bottom: 20px }
article.measures .pallet h3 { padding-bottom: 10px }
article.measures .pallet h4 { padding-top: 10px }

.phbox { margin: 0 0 30px; }
.zubox { background-size: 90% auto; background-position: center top; padding-top: 90vw; margin-top: 30px }
.wanban { width: 100%; margin: 60px auto 30px; }

.pdfbt { font-size: .9em; line-height: 1em; margin: 10px 60px }
.pdfbt a { display: block; padding: 10px 0; border-bottom: 1px solid hsla(37,33%,48%,.5); }
.pdfbt a:first-child { border-top: 1px solid hsla(37,33%,48%,.5); }

/*.roombt a i { top: 24px; left: 16px; }*/

/************************* info ***************************/

dl.toiawase  {  }
dl.toiawase dt ,dl.toiawase dd { float: none ; }
dl.toiawase dt.bikou ,dl.toiawase dd.bikou {  }
dl.toiawase dt.clear-box ,dl.toiawase dd.clear-box { float: none; clear: both ;width: 100%  }

dl.toiawase dt{ padding: 20px 0 0 0 ; height: 30px }
dl.toiawase dd{ margin: 0 0 0 0 ; height: 40px }
dl.toiawase dd.bikou { height: 230px }
dl.toiawase dd.yubin { height: 80px!important }
dl.toiawase dd.jusho { height: 80px!important }

dl.toiawase dd
{ border-bottom: 1px dashed #ccc }
dl.toiawase dt.bono, 
dl.toiawase dd.bono
{ border-bottom: 1px dashed #fff ; height: 20px }

dl.toiawase dd input.meru{ width: 60% !important; }
dl.toiawase dd input.nama{ width: 60% !important; }
dl.toiawase dd input.pos{ width: 60% !important; }
dl.toiawase dd input.add{ width: 97% !important; }
dl.toiawase dd textarea.you{ width: 100% !important; }
dl.toiawase dd textarea.you{ height: 200px !important; }