@charset:"UTF-8";


■リセット
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

@font-face {
  font-family: 'Yu Mincho Medium';
  src: url('../font/Yu Mincho Medium.woff') format('woff');
  src: url('../font/Yu Mincho Medium.woff2') format('woff2');  
}

html{
	height:100%;
/*	font-size: 62.5%;*/
	font-family:YuMincho,'游明朝','UD明朝','Book Antiqua', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",'Yu Mincho Medium', serif;
	line-height: 1;
	width: 100%;
	font-size: 28px;
}
/*----------------
	共通
----------------*/
.center{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
section{
	padding-top:10% ;
	padding-bottom:10% ;	
}
h2{
	margin-bottom: 50px;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
h2 img{
	width: 100%;
}
.bold{
	font-weight: bold;
}
.left{
	float: left;
}
.right{
	float: right;
}


/*----------------
	header
----------------*/
header{
	background: #000;
}
h1{
	height: 100%;
	display: block;
}
#header_logo{ 
	float: left;
	height: 100%;
	display: inline;
	padding-top: 1vw;
}
#header_logo img{
	vertical-align: middle;	
}
#header_address{
	color: #fff;
	float: left;	
	padding:1% ;
	font-size: 28px;
}
#header_address a{
	color: #fff;
	text-decoration: none;
}
#main_bottom{
	background:url(../images/main_img.jpg) no-repeat center center;
	background-size:cover;
	padding: 5% 0 0;
	position: relative;
}
#main_bottom ul{
	float: right;
	list-style: none;
	background: url(../images/nav_bg.png) ;
	background-size:cover ;
	margin-bottom: 2%;
}
#main_bottom ul li{
	padding: 10px;	
	padding-right: 20px;
	background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1) 50%, rgba(255,255,255,1));
	background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% 1px;	
}
#main_nav_area{
	position: relative;
}
#main_nav_area #logo{
	position: absolute;
	top:180px;
	left: 20%;
}
#top_bottom_bg{
	height:65px;
	background: url(../images/top_main_bg.png) repeat-x bottom;
	margin-top: -2px;
}

/*----------------
	news
----------------*/
#news{
	background: #000;
	padding-top: 50px;
	padding-bottom: 50px;
}
#inst_area{
	width: 100%;
}
.image_box{
	color: #fff;
	float: left;
	width: 21%;
	margin-right: 5%;
	margin-bottom: 10px;
}
.image_box:nth-child(4n){
	margin-right: 0;
}
.inst_date{
	text-align: right;
	font-size: 24px;
}
.instagram img{
	width: 100%;
}

.inst_caption{
	 width: 100%;
	 height: 50px;
	overflow: hidden;
	white-space: nowrap; 
	  text-overflow: ellipsis;
	  -webkit-text-overflow: ellipsis; /* Safari */
	  -o-text-overflow: ellipsis; /* Opera */
	  display: block;	
}


#readmore{
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 50px;
	text-align: center;
}
#readmore a:hover{
	opacity: 0.8;
}

/*----------------
	contact
----------------*/
.contact{
	background:url(../images/contact_bg_top.png) no-repeat top right;
	background-size:100% ;
	background-color: #fff;
	color: #a17c3e;	
	clear: both;
	position: relative;
	z-index: 50;
}
.contact_bg{
	background:url(../images/contact_bg_bottom.png) no-repeat bottom;
	background-size:100% ;	
}
.contact .center{
	padding:4% 20px ;
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.contact_txt{
	width: 100%;
}
.contact_txt .bold{
	font-size: 35px;
	font-weight: bold;
	display: block;
}
.contact .btn{
	margin-top: 3%;
	width: 46.5%;
	margin-left: auto;
	margin-right: auto;
}
.contact .btn img{
	width: 100%;
}

/*----------------
	FORMALITY
----------------*/
#formality{
	background:url(../images/formality_bg.jpg) left center;
	background-size:cover ;
	padding:10% 5%;
}
.formality_txt{
	text-align: center;
	color: #fff;
	line-height: 1.5;	
}
#formality_title{
	font-size: 90px;
	margin-bottom: 10px;
	font-weight: bold;
}

/*----------------
	MENU
----------------*/
#menu{
	background: #000;
	color: #fff;
}
#menu h3{
	margin-bottom: 40px;
	font-size: 45px;
	text-align: center;
}
.menu_inner{
	padding-right: 10px;
}
.pdf{
	vertical-align: middle;		
}

.menu_area{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.menu_box{
	float:right;
	margin-bottom: 50px;
}
.menu_box:nth-child(2n){
	float:left;
}
.menu_img{
	border: 1px solid #fff;	
}
.menu_img img{
	width: 100%;
	vertical-align:bottom;  
}
.menu_text_area{
	text-align: center;
	margin-top: 5px;
}
.price{
	display: block;
	width: 100%;
	text-align: right;
	padding-top: 3%;
}
.menu_box_s{
	width: 285px;
	float: left;
	margin-right: 30px;
}
.menu_box_s:nth-child(3n){
	margin-right:0;
}
#drink_area{
	width: 100%;
	text-align: center;
	margin-top: 5%;
	font-size: 40px;
}
#drink_free{
	border-bottom:1px solid #fff;
	text-align: center; 
	display: inline;
}
#drink_area .small{
	font-size: 24px;
}

/*----------------
	ACCESS
----------------*/
#access{
	background: #000;	
/* 	height: 500px; */
	height: 60vw;
	max-height: 1200px;
	padding-bottom: 0;
}
#access_content{
	position: relative;
	height: 100%
}
#access_content .center{
	position: absolute;
	top:-10px;
	left:0;
	z-index: 50;
	width: 100%;	
	height: 225px;
	padding-bottom: 10px;
	background:url(../images/access_bg.png) repeat-x bottom;
	background: cover;	
}
#map_txt_area{
/* 	width: 80%; */
	width: 1000px;
	padding:20px 0;
	margin:0 auto;
}
#map_txt{
	float: left;
	color: #fff;
	line-height: 1.5;
}
#map_txt a{
	color: #fff;
	text-decoration: none;
}
#map_btn{
	float: right;
}
#map_btn img{ 
	width:100% ;
}
#map_canvas{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	z-index: 10;
}
/*----------------
	RESERVATION
----------------*/
#reservation{
	background: url(../images/reservation_bg.jpg);
	background-size: cover;
}
#reserve_text_area{
	color: #fff;
	text-align: center;
	line-height: 1.5;	
}
#reserve_tel{
	margin-top: 2%;
}
#reserve_btn{
	width: 57%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}
#reserve_btn img{
	width: 100%;
}

.bolck_br{
	display: none;
}

#shop_img p{
	width: 50%;
	height: 33vw;
	max-height: 450px;
	float: left;
	text-indent: -99999px;
}
#shop_img p:nth-child(1){
	background: url(../images/shop_img01.jpg) center right;
	background-size:cover ;
}
#shop_img p:nth-child(2){
	background: url(../images/shop_img02.jpg) center center;
	background-size:cover ;
}
#shop_img p:nth-child(3){
	background: url(../images/shop_img03.jpg) center center;
	background-size:cover ;
}
#shop_img p:nth-child(4){
	background: url(../images/shop_img04.jpg) center center;
	background-size:cover ;
}


/*----------------
	footer
----------------*/
footer{
	color: #fff;
	text-align: center;
	padding-top:5% ;
	background:url(../images/footer_bg.png) left top no-repeat #000;
}
footer li{
	padding: 1% 0;
	list-style: none;
}
footer li a{
	text-decoration: none;
	color: #fff;
}
footer adress{
	width: 100%;
	border-top:1px solid #fff;
	display: block;
	font-size: 16px;
	padding:3% 0 5%;
	background: #000;
}


/*---------ページTOP--------------*/
#pageTop{
	z-index: 10000;
    position:fixed;
    right:20px;
    bottom:20px;
    text-align:center;
	opacity: 1;
    border-radius:25px;
}
#pageTop a{
    color:#fff;
    font-size:200%;
    line-height:1em;
    padding:0.4em 0.5em 0;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

/*------------
IE9ハック
--------------*/
html:not(:target) {
	font-size: 28px\9;
}


/*------------
 clearfix
--------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */