@charset "UTF-8";
/*///////////////////////////////////////////////////////////// BOTTOM COMMON */
/* line 7, ../scss/index.scss */


body{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-family:"Montserrat", "Sawarabi Mincho","游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  color: #000000;
}
a{
  text-decoration: underline;
}

ul li{
  list-style-type: none;
}
ul li a:hover{
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/*HEADER*/
header{
  width: 100%;
  background: #ffffff;
  padding: 14px 10px;
  /*text-align: right;*/
  font-size: 12px;
  display: block;
  font-size: clamp(10px, 2vw, 16px);
  border-bottom: solid 1px #21b3ca;
  box-sizing: border-box;
  background-color: #21b3ca;
  color: #ffffff;

}
 #toptxt h1{
  font-family: Sawarabi+Mincho;
  display: block;
  margin-right: 10px;
}
 #toptxt h1 span{
  float: right;
  padding-left: 10px;
}

/*NAVI*/

nav.gnavi{
  width: 100%;
}
nav.gnavi ul{
  display: block;
}
nav.gnavi ul li{
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 33%;
  text-align: center;
  padding: 20px 0;
  background-color: red;
  box-sizing: border-box;
  white-space: nowrap
}



/*SECTION*/

section{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /*margin-bottom: 5%;*/
}
section.secinner{
  width: 100%;
  max-width: 1082px;
  box-sizing: border-box;
  margin: 0 auto 5%;
} 
section h2{
  font-family: "balloon-urw", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  padding: 20px 0;
  letter-spacing: 1px;
  font-size: clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
}

section h2.nontpd{
  padding-top: 0;
}
section h2.bgcolor{
    background-color: #dfd7cb;
    /*color: #ffffff;*/
}
section h2.bgwhite{
    background-color: #ffffff;
    color: #000;
    margin-bottom:1em; 
}
section h2.bgcolor span{
  padding: 0 0 0 0.2em;
  border-bottom: solid 1px #000000;
}
#notes section h2.bgcolor span{
  padding: 0 0 0 0.2em;
  border-bottom: solid 1px #000000;
  font-size: clamp(24px, 1vw, 30px);
}
section h2.bgwhite span{
  padding: 0 0 0 0.1em;
  border-bottom: solid 1px #000;
}
section h3{
  /*font-family: "balloon-urw", sans-serif;*/
}
section#reservation h2.bgblue{
}
section#reservation h2.bgblue span{
  font-size: clamp(24px, 2vw, 36px);
  letter-spacing: 0.1em;

}


/*FOOTER*/


footer{
  width: 100%;
  background-color: #fffef5;
  text-align: center;
  font-size: 14px;
}

footer #footer-inner{
  width: 96%;
  max-width: 1082px;
  margin: 0 auto;
  padding: 30px 0;
}
footer #footer-inner ul{
  width: 100%;
}
footer #footer-inner ul:after{
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
footer #footer-inner ul li{
  width: 50%;
  float: left;
}
footer #footer-inner ul li a{
  display: block;
  color: #21b3ca;
  font-size: 12px;
  text-decoration: none;
}
footer #footer-inner ul li a:hover{
  text-decoration: underline;
}
footer #footer-inner ul li img{
  width: 50px;
  height: auto;
  padding-bottom: 10px;
}
footer #footer-copy{
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px 0;
  background-color: #f4ebd5;
}