@charset "UTF-8";
/* CSS Document */

/*-----------
common
-----------*/

html{ font-size: 62.5%;}
html {scroll-behavior:smooth;}
body{ 
	font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size:1.4rem;/* 14px*/
	line-height: 1.8;
	overflow-x: hidden;
	color:#323232;}
body  {position:relative;}
@media screen and (min-width:960px){body{ font-size:1.6rem;/* 16px*/line-height: 1.6;}}


section {margin:0;padding:0;}
/* floatクリア */
section:before,
section:after {
    content: " ";
    display: table;
}
section:after {
    clear: both;
}
section {
    *zoom: 1;
}





img {width:100%;}	

/*-----sp pc-------*/
.sp {display:block;}
.pc {display:none;}
@media screen and (min-width:767px){
.sp {display:none;}
.pc {display:block;}
}

/*-----マージン-------*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}



/*----------------2カラム-------------------*/
#contents {
  max-width: 1200px; /*幅指定*/
	width:100%;
  margin: 0 auto 50px auto;
  display: flex;
}
#main {
  width: 46%;
	margin:0 2%;
}
#sub {
  width: 46%;
	margin:0 2%;
}

@media screen and (max-width: 767px) {
  #contents {
    width: 90%;
    display: block;
		margin: 0 auto 120px auto;
  }
  #main {
		width:100%;
		margin:0 auto 5% auto;
  }
  #sub {
		width:100%;
		margin:0 auto;
  }
}



/*----------------cover-------------------*/
#cover {}
.logo {position:relative;height: 100vh;box-sizing: border-box;}
h1{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display:block;
	padding:0% 0 0 0;
}
.rbtn a{position:absolute;top:0;right:0;background:#000;padding:20px 50px;display: block;
font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
	font-size:1.8rem;
	color:#fff;
}

@media screen and (max-width: 767px) {
.logo {position:relative;}
h1{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display:block;
	padding:0% 0 0 0;
}
	.rbtn a{padding:20px 30px;font-size:1.2rem;}

}

/*----------------message-------------------*/
#message {padding:80px 0 200px 0;}

@media screen and (max-width: 767px) {
#message {padding:0;}
}


/*----------------menu-------------------*/
#menu {background:#E6E6E6;padding:150px 0 0 0;position:relative;}
.hitoimage {position:absolute;width:450px;top:-120px;right: 0;left: 0;margin: 0 auto;}

h3{
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
	font-size:5rem;
}

.menulist {margin-bottom:30px;}
.fee {
	font-size:3rem;
	font-family: "Lexend Deca", sans-serif;
	font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.fee span{
	font-size:2rem;
	padding-left:10px;
}

@media screen and (max-width: 767px) {
	.hitoimage {width:330px;top:-80px;}
  h3{font-size:4rem;}
}

/*----------------reservation-------------------*/
#reservation {
	padding:80px 0;
	background:#E6E6E6;
	font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
	text-align: center;
}

.reserveinfo {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border-radius: 5px;
	background:#fff;
	padding:30px;
}

.telbox {font-size:2rem;}
.calbox {font-size:1.5rem;padding:50px;}

h4{
	font-size:4rem;
	font-weight:400;
}

@media screen and (max-width: 767px) {
	#reservation {padding:0px 0;}
	.reserveinfo {padding:80px 10px 0 10px;}
	.calbox {font-size:1rem;padding:0px;}
  h4{
	font-size:3rem;
}
}

/*----------------instagram-------------------*/
#instagram {padding:80px 0;text-align: center;}

.eui-widget-title {display:none!important}

/*----------------map-------------------*/
#map {padding:80px 0 30px 0;text-align: center;}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 600px;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media screen and (max-width: 767px) {
	#map {padding:30px 0;text-align: center;}
}

/*----------------outline-------------------*/
#outline {padding:30px 0 80px 0;}
#outline table {text-align: left;}
#outline table th,#outline table td{padding:5px;vertical-align: top;}
@media screen and (max-width: 767px) {
	#outline {padding:30px 0 0 0;}
}

/*----------------parking-------------------*/
#parking {background:#E6E6E6;padding:80px 0;}
@media screen and (max-width: 767px) {
	#parking {padding:30px 0 0 0;}
}

/*----------------footer-------------------*/
#footer {background:#323232;padding:30px 0;text-align: center;}
#footer img{width:300px;margin:0 auto;}


/*----------------リンクボタン-------------------*/
.linkbtn a {padding:10px 20px;height:50px;border-radius: 25px;color:#323232;border:1px solid #323232;display: block;width:300px;text-align: center;margin:0 auto 20px auto;font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;}
.linkbtn a:hover {background:#dddddd;}




/*----------------フェードイン-------------------*/
.fadeIn {
  transform: translate3d(0, 50px, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/*----------------googleカレンダー-------------------*/
.closeday{ background-color:#969696!important;border:none;}
.fullday{ background-color:#c3c7c6!important;border:none;color:#000;}
.lunchschedule { background-color:#FFCC66!important;border:none;font-weight:bold;}