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


@font-face {
   font-family: Baskerville;
   src: url("../font/baskvl.ttf") format("truetype");
}

@font-face {
   font-family: GillSans-light-italic;
   src: url("../font/gill-sans-light-italic-1.ttf") format("truetype");
}
@font-face {
   font-family: FontAwesome;
   src: url("../font/fa-regular-400.ttf") format("truetype");
}
@font-face {
   font-family: KleeOne;
   src: url("../font/KleeOne-Regular.otf") format("opentype");
}


button, input, textarea,pre,
body{
	font-family:'Baskerville', serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body, html{
	margin: 0px;
	padding: 0px;
	background: black;
}

.header{
	/*background-image: url("../images/top_photo.jpg");
	background-position: center;
	background-attachment: fixed;
	background-size: contain;
	background-colour: #F8F8F8;
	background-repeat: no-repeat;
	width: 100%;*/
	
}
	/*
@media screen and (min-width: 992px) {
	.header {
	margin: auto;
	max-width:1260px;
	height:750px;
	}
}	
@media screen and (min-width: 768px) and (max-width: 991px){
	.header {
	margin: auto;
	width: 100%;
	}
}
*/

.container{
	background: #000;
	padding: 20px 30px 50px;
}


.logo{
	max-width: 175px;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 0.8;

}
.logo >a >img{
	/*width: 100%;
	height: auto;*/
	width: 175px;
	height: 175px;
}

.social{


}
.social a{
	padding: 10px;
	width: 28px;
	height: 28px;
}
.social a img{
	width: 28px;
	height: 28px;
}

h1{
	text-align: center;
	font-size: 34px;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.08em;
	line-height: 2;
	padding: 0 0 20px;
}

.info{
	text-align: center;
	font-size: 12px;
	line-height: 1.7;
	color: #FFF;
}
.info p{
	font-family: 'GillSans-light-italic';
	font-size: 16px;
}
.info div.address p{
	font-family: 'Baskerville';
	font-weight: lighter;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0,07em;
}
.reserv{
	margin: 40px auto;
	max-width: 500px;
}

#footer{
	border-top: 1px solid #666;
	padding: 20px 0px;
	margin: 0px 20px;
}
#footer ul{
	padding: 0 20px;	
}	
#footer ul li a{
	color: #FFF;
}

/*-------------menu*/
*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}


.cp_cont {
	height: 65vh;
}
.cp_offcm01 {
	position: absolute;
	z-index: 3;
	top: 20px;
	right: 20px;
	display: inline-block;
}


.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #000;
	opacity: 0.8;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
	z-index: 4;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0 0.1em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: white;
		font-family: 'KleeOne';
		font-size: 4em;
		line-height: 0.15;
		
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'KleeOne';
	content: "-";
	display: block;
}
.cp_offcm01 #cp_toggle01 ~ label::after {
	/*content: "-";
	display: block;*/
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: "-";
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}
/*-------------menu*/

/* food menu */
@media only screen and (max-width:991px){
	table.menu th img{
		width: 100%;		
	}
	table.menu th,
	table.menu td{
		display: block;
		text-align: center;	
	}
}

table.menu{
	margin: 0 0 20px;
}	
table.menu tr td{
	padding: 20px;
	line-height: 1,7 !important;
}
/*-------------food menu*/

/*about---------------*/
.about h1{
	font-size: 24px;
	padding: 20px 0 40px;
}
.en,
.fin{
	padding: 0 0 0; 
}
.en p,
.fin p,
table.menu td{
	font-family: 'Baskerville';
	padding: 0 0 20px;
	color: white;
}

div.jp p{
	font-family: 'KleeOne' !important;	
	padding: 0 0 20px;
}
p.signature{
	font-family: 'Baskerville';
	padding: 40px 0;
}
/*---------------about*/

/*private party---------------*/
table.menu a{
 text-decoration: underline;
}
/*---------------private party*/