@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share&display=swap');
@import url(animate.css);
@import url(swiper.css);

html { font-size: 62.5%; }
body { margin: 0; padding: 0; height:100%; }
body { background-color: hsla(53,5%,33%,1.00); color: hsla(0,0%,100%,1); }
/*
body.infopage { background-color: hsla(0,0%, 100%,1); color: hsla(0,0%,0%,1); }
*/
body { font-size: 1.6rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }


html[lang="ja"] body
{ 
font-family: "A1 Mincho", serif;
-moz-font-feature-settings: 'palt' 1; 
-webkit-font-feature-settings: 'palt' 1; 
font-feature-settings: 'palt' 1; 
letter-spacing: .12em; 

}

html[lang="ja"] body, html[lang="zh_tw"] body, html[lang="ko"] body
{ 
-moz-font-feature-settings: 'palt' 1; 
-webkit-font-feature-settings: 'palt' 1; 
font-feature-settings: 'palt' 1; 
} 
html[lang="zh_cn"] body 
{   
font-family: "Noto Serif SC", serif;
font-weight: 400;
font-style: normal; 
letter-spacing: .08em;

}
  
html[lang="zh_tw"] body { 
  font-family: "Noto Serif TC", serif;
  font-weight: 400;
  font-style: normal;
letter-spacing: .08em;
}
html[lang="ko"] body { font-family: "Ryumin Regular KL", serif; }
html[lang="fr"] body,
html[lang="en"] body { font-family: 'Nanum Myeongjo', serif; letter-spacing: .05em }
html[lang="thai"] body { font-family: 'Share', cursive,'Noto Sans Thai Looped', sans-serif; }

*:focus { outline: none; }

a { color: inherit; text-decoration: inherit; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
a{
-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;
}

a.iro { border-bottom: 1px hsla(0,0%,100%,.5) dashed; padding-bottom: .2em }
.kiiro { color: #E7FF00!important }

hr {
 	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: hsla(0,0%,100%,.4);
}

img { border: none; vertical-align: bottom }
img.kakomi { border: 1px hsla(0,0%,100%,.2) solid; box-sizing: border-box; }

article, section { position: relative; }
main { position: relative; }
.clearfix:after { content: '';display: block;clear: both; }

.phj img { width: 100% ; padding: 0; height: auto }
.txr { text-align: right; }
.txc { text-align: center; }
.txj { text-align: justify; }
.abso { position: absolute; z-index: 10 }

h1, h2, h3, h4 { font-weight: normal; }
.osw { font-family: 'Oswald', sans-serif; }

html[lang="ja"] .onyadoeng, .logos, 
html[lang="fr"] .onyadoeng, .logos, 
html[lang="en"] .onyadoeng, .logos 
{ font-family: "Cormorant Garamond", serif; letter-spacing: 0 }
.logos img { width: 100%; height: auto; }
.logol img { height: 100%; width: auto; }

.h1title { text-align: center; margin-bottom: 60px; }
.h1title h1 { text-transform: uppercase; padding: 0; margin: 0 0 10px; line-height: 1.4em }
.h1title p { font-size: 1.2em; padding: 0; margin: 0; line-height: 1.6em }

#index h1 { text-transform: uppercase; }

.lang { position: absolute; z-index: 101; margin: 0; width: 150px; text-transform: uppercase }
.lang .init-bottom:before {  }
.lang i { opacity: .6 }
.lang { font-size: 10px; line-height: 1em; letter-spacing: .1em }
.lang .menu > li { margin: 0; padding: 0; list-style: none; }
.lang .menu > li a { text-align: center; padding-top: 6px; height: 16px; display: block; color: #FFF; background-color: hsla(0,0%,0%,.0) }
.lang .menu li.hit a {  }
.lang .menu > li a:hover {  }
.lang ul.menu__second-level { visibility: hidden; opacity: 0; z-index: 1; margin: 0; padding: 0; }
.lang .menu > li:hover { -webkit-transition: all .5s; transition: all .5s; }
.lang .menu__second-level li { display: block; border: 1px hsla(0,0%,100%,.5) solid; box-sizing: border-box; margin-top: 5px; }
.lang .menu__second-level li a { height: 17px; border-top: #000 0px solid; display: block; font-size: 1em; background-color: hsla(0,0%,10%,.7); }
.lang .menu__second-level li a:hover { border-top: #000 0px solid; background-color: hsla(0,0%,50%,.7) }
.lang .menu__second-level li.hit a { border-top: #000 0px solid; background-color: hsla(0,0%,50%,.7) }
.lang .menu:before, .lang .menu:after { content: " "; display: table; }
.lang .menu:after { clear: both; }
.lang .menu { *zoom: 1; }
.lang .menu { position: relative; margin: 0 auto; }
.lang .menu > li.menu__single { position: relative; }
.lang .menu li.menu__single { border: 1px hsla(0,0%,100%,.5) solid; box-sizing: border-box; }
.lang li.menu__single ul.menu__second-level { position: absolute; top: 0px; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; }
.lang li.menu__single:hover ul.menu__second-level { top: 25px; left: -1px; width: calc(100% + 2px); visibility: visible; opacity: 1; }

.nabeshimalogo { font-family: 'Oswald', sans-serif; font-weight: 300; text-align: center; }
.nabeshimalogo img { width: 100%; height: auto; border: 1px solid hsla(0,0%,100%,.9); box-sizing: border-box; }
.nabeshimalogo a { opacity: .6 }
.nabeshimalogo a:hover { opacity: 1 }

.reserve a { display: block; border: 1px solid hsla(0,0%,100%,.5); padding: 20px 0; text-align: center; background-color: hsla(0,0%,0%,.3) ; font-size: 1.2em; line-height: 1em; }
.phone { display: block; border: 1px solid hsla(0,0%,100%,.5); padding: 20px 0; text-align: center; background-color: hsla(0,0%,0%,.0) ; font-size: 1.2em; line-height: 1em; }

.readc p, .readj p { margin-bottom: 30px }
body#index .info-box p { border-bottom: 1px solid hsla(0,0%,100%,.3); margin: 0px 0;padding: 10px 0}
body#index .info-box p a.infoline{ border-bottom: 1px dashed hsla(0,0%,100%,5); padding-bottom: 4px;}
body#index .info-box p:first-child{ border-top: 1px solid hsla(0,0%,100%,.3);}


.tategaki {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 0px;
  line-height: 1.4;
}

.tategaki div {
  margin-left: 30px;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
}

.palt { -moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;  }
.pkna { -moz-font-feature-settings: 'pkna' 1; -webkit-font-feature-settings: 'pkna' 1; font-feature-settings: 'pkna' 1;  }
.halt { -moz-font-feature-settings: 'halt' 1; -webkit-font-feature-settings: 'halt' 1; font-feature-settings: 'halt' 1;  }

.keycolor { background-color: hsla(242,31%,53%,1.00) }
.bobo { border-bottom: 1px #777 solid; }
.spacer { height: 70px}

article ul { margin-left: .8em; position: relative; margin-bottom: 30px; padding-left: 0 }
article ul li { list-style-type: none!important; padding-bottom: .5em }
article ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
position: absolute;
left : -.8em; 
color: #999; 
font-weight: 900;
}

footer { text-align: center; background-color: hsla(0,0%,96%,1); color: hsla(0,0%,0%,1); }

.footer-box { padding: 50px 0; color: #000 }
.fotter-link { }
.fotter-link a { border: 1px #aaa solid; line-height: 1em; border-radius: 4px }

.sns { margin: 20px 0 0px; }
.sns i { font-size: 1.6em; line-height: 1em; padding: 0 3px }
.cwr { font-size: .6em; line-height: 1.2em; }
#stay { position: relative; }
.honbe { position: absolute; z-index: 10 }
.honbe a { display: inline-block; border: 1px #aaa solid; line-height: 1em; padding: 6px 15px; margin: 0 4px }
.honbe a:hover ,.honbe a.crr
{ background-color: hsla(0,0%,100%,.2) }

.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all  0.7s ease;
}

.googlemaps iframe:hover,
.googlemaps object:hover,
.googlemaps embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.pb10 { padding-bottom: 10px!important }
.pb20 { padding-bottom: 20px!important }
.pb30 { padding-bottom: 30px!important }

.pt10 { padding-top: 10px!important }
.pt20 { padding-top: 20px!important }
.pt30 { padding-top: 30px!important }