#buffet main h1{
	margin: auto auto 35px;
	width: 100%;
	height: 500px;
	text-align: center;
	background: url(../images/restaurant_header_bg.jpg) center top no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
#buffet main h1 > div{
	margin: auto;
	width: 100%;
	font-size: 58px;
	line-height: 1;
	color: #fff;
	font-weight: bold;
}
#buffet main h1 > div span {
    margin: auto auto 1em;
    display: block;
    font-size: 17px;
    line-height: 1;
}
#buffet main h1 + p {
    margin: auto auto 55px;
	width: 90%;
    max-width: 1024px;
    font-size: 16px;
    line-height: 1.8;
}

#buffetarea {}
#buffetarea a{text-decoration: none;color:#000;}
#buffetarea >section{width: 1020px;margin: 0 auto 100px;}
#buffetarea .more{ margin: auto; padding-bottom: 1em; display: block; width: 150px; font-size: 11px; line-height: 1; text-align: left; color: #000; text-decoration: none; border-bottom: solid 1px #000; position: relative; } 
#buffetarea .more:before,
#buffetarea .more:after{ content: ""; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0; } 
#buffetarea .more:after{ top: 0.4em; } 
#buffetarea .buffet_nav_li .more {  margin: 54px 72px 10px auto; color: #fff; border-bottom: solid 1px #fff; } 
#buffetarea .buffet_nav_li .more::before,
#buffetarea .buffet_nav_li .more::after{ border-top: 1px solid #fff; border-right: 1px solid #fff;}

#buffetarea .course .more:before,
#buffetarea .course .more:after{-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 0.2em; } 
#buffetarea .course .more:after{ right: 0.4em; } 

#buffetarea #buffet_hatakebar .more:before,
#buffetarea #buffet_hatakebar .more:after{-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 0.2em; } 
#buffetarea #buffet_hatakebar .more:after{ right: 0.4em; } 

@media screen and (max-width:768px){
  #buffetarea >section{width: 100% !important;margin: 0 auto 25%;}
}







/*
buffet_nav
--------------------------------------------------------*/
#buffet_nav{width:100% !important;}
.buffet_nav_ul{display:flex;}
.buffet_nav_li{}
.buffet_nav_li:nth-of-type(1){background:#eb8429; width: 60%;}
.buffet_nav_li:nth-of-type(2){background:#000000; width: 40%;}
.buffet_nav_li a { display: flex;flex-wrap: wrap; padding: 46px 0 66px 75px; position: relative;overflow: hidden;}
.buffet_nav_li.buffet a img{margin-right: 257px;}
.buffet_nav_li .more{}
@media screen and (max-width:768px){
  .buffet_nav_ul{flex-wrap:wrap;}
  .buffet_nav_li{width:50% !important;}
  .buffet_nav_li a{padding: 12% 15%; text-align: center;}
  .buffet_nav_li a img,.buffet_nav_li.buffet a img{margin: auto;width: 100%;height:auto;}
  #buffetarea .buffet_nav_li .more{width: 100%; float: none; margin: 6vw auto 0;}
  .buffet_about1 p:nth-of-type(2){    padding-bottom: 5%;}
}


/*
buffet_about
--------------------------------------------------------*/
#buffet_about{ display:flex;}
.buffet_about1{width:50%;padding-right: 1%;}
.buffet_about1 h2{text-align: left;}
.buffet_about1 h2 span { font-size: 0.4em; padding-left: 1.4em; font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;vertical-align: middle;}
.buffet_about1 p:nth-of-type(1){font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.buffet_about1 p:nth-of-type(2) { font-size: 16px; line-height: 1.8; }
.buffet_about2{width:50%;}
.buffet_about2 .img{}
@media screen and (max-width:768px){
  #buffet_hatakebar >p{    padding: 0 4%;}
  #buffet_about{flex-wrap: wrap; padding: 0 5% 0;}
  .buffet_about1 h2{text-align: center;}
  .buffet_about1 h2 span{display:none;}
  .buffet_about1,.buffet_about2{width:100%;}
}


/*
buffet_hatakebar
--------------------------------------------------------*/
#buffet_hatakebar{}
#buffet_hatakebar >h2{ text-align: center; margin: 0 auto 55px;}
#buffet_hatakebar >h2 span{display: block; font-size: 15px; padding-top: 18px;color:#eb8429;}
#buffet_hatakebar >p { font-size: 15px; text-align: justify; }
.buffet_hatakebar_ul{display:flex; flex-wrap:wrap; justify-content: space-between;padding: 40px 0 0;}
.buffet_hatakebar_li{width:23%;margin:0 2% 2% 0;}
.buffet_hatakebar_li:nth-of-type(4n){margin-right:0 !important;}
.buffet_hatakebar_li span { font-weight: bold; text-align: center; display: block; padding: 20px 0 10px; }
.buffet_hatakebar_li span br{display: none;}
#buffet_hatakebar .more { font-size: 13px; margin-top: 30px; }
@media screen and (max-width:768px){
  #buffet_hatakebar >h2 { margin: 0 0 20px; }
  .buffet_hatakebar_ul{flex-wrap:wrap;}
  .buffet_hatakebar_li{width: 31%; margin: 0 0 0 0;}
  .buffet_hatakebar_li span{    padding: 5% 0 10%;}
  .buffet_hatakebar_li span br{display: inherit;}
  #buffet_hatakebar .more{display:none;}
}


/*
buffet_farmer
--------------------------------------------------------*/
#buffet_farmer{ background: #f3f3f3; padding:62px 0 100px; width: 100% !important;position: relative;overflow: hidden;}
#buffet_farmer h2{text-align: left; font-size: 30px;width: 1020px;margin: 0 auto;}
#buffet_farmer h2 span{font-size: 0.5em; display: block; padding-top: 18px;color:#eb8429;}
#buffet_farmer p{}
/* ▼slick */
.buffet_farmer_slider{/* position: absolute; top: 70px; right: -26%; left: 0; margin: auto; width: 74%; */width: 1020px; margin: 0 auto;}
.buffet_farmer_ul {}
#buffet_farmer .slick-list{/* padding:0 10% 0 0; */    width:105%;padding: 0 10% 0 0; margin: -70px 0 0 12%;} 
#buffet_farmer .slick-prev {/* left: -17%; top: 90px; margin: auto; width: 50px; height: 50px; */left: 0; top:110px; margin: auto; width: 50px; height: 50px;z-index: 2; }
#buffet_farmer .slick-next {/* right: auto; left: -11%; top: 90px; margin: auto; width: 50px; height: 50px; */right: auto; left: 60px; top:110px; margin: auto; width: 50px; height: 50px;}
#buffet_farmer .slick-prev:before,
#buffet_farmer .slick-next:before { /* display:none; */display:none;}
.slick-slide img {/* display: block; width: 100%; */  max-width: 100%; max-height: 100%; height: 14em; width: auto\9; margin: 0 auto;}
.buffet_farmer_li {/*  width: 20%;margin-right:1%; */padding: 0 1%;}
/* ▲slick */
.buffet_farmer_li h4{font-weight: bold; text-align: center;  padding: 20px 0 10px; /* max-width: 200px; */ font-size: 15px;}
.buffet_farmer_li p{ padding: 4px 0 10px; /* max-width: 210px; */ font-size: 15px;}
.buffet_farmer_contact{padding:30px 0 0; text-align: center; font-size: 20px; font-weight: bold;}
.buffet_farmer_contact span{display: block; padding-bottom: 15px;}
#buffet_farmer .buffet_farmer_contact a{color: #fff; background: #000; width: 500px; display: inline-block; position: relative; padding: 27px 0 23px 40px;}
#buffet_farmer .buffet_farmer_contact a::after{ position:absolute; top:0px; bottom:0px; margin: auto; left:19%; content:""; display: inline-block; width: 31px; height: 24px; background: url('../images/buffet_farmer_contact_icon.png') no-repeat; background-size: contain;}
@media screen and (max-width:768px){
  #buffet_farmer{padding: 62px 0 14%;}
  #buffet_farmer button{display:none !important;}
  #buffet_farmer h2{text-align: center; width: 100%; margin: 0 0 5%;text-align: center;}
  #buffet_farmer h2 span{}
  #buffet_farmer p{}
  .buffet_farmer_slider{position: static; width: 100%; padding-left: 7%;}
  .buffet_farmer_ul {}
  #buffet_farmer .slick-list{width: 100%; margin: 0;} 
  #buffet_farmer .slick-prev {}
  #buffet_farmer .slick-next {}
  #buffet_farmer .slick-prev:before,
  #buffet_farmer .slick-next:before {}
  .slick-slide img {width: 100%; height: initial !important;}
  .slick-initialized .slick-slide{}
  #buffet_farmer .slick-list{padding:0 40% 0 0;} 
  .buffet_farmer_li {}
  .buffet_farmer_li h4{}
  .buffet_farmer_li p{max-width:100%;}
  .buffet_farmer_contact{padding: 5% 0 0;}
  .buffet_farmer_contact span{}
  #buffet_farmer .buffet_farmer_contact a{width: 90%; padding: 3% 0% 3% 13%; font-size: 5vmin;}
  #buffet_farmer .buffet_farmer_contact a::after{width: 7vw; height: 6vw; left: 12%;}
}


/*
buffet_obanzai
--------------------------------------------------------*/
#buffet_obanzai{ }
#buffet_obanzai h2{ font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;vertical-align: middle;}
#buffet_obanzai > p{font-size: 15px; text-align: justify; padding: 0 0 90px;}
.buffet_obanzai_ul{ display:flex;flex-wrap:wrap; }
.buffet_obanzai_li{width: 23%; margin: 0 2.5% 7% 0; text-align: center;}
.buffet_obanzai_li:nth-of-type(4n){margin-right:0 !important;}
.buffet_obanzai_li img{margin: auto;display: block;height: 160px;}
.buffet_obanzai_li h4{text-align: center; padding: 15px 0 0;}
.buffet_obanzai_li p{font-size: 15px; text-align: justify;}
@media screen and (max-width:768px){
  .buffet_obanzai_ul{flex-wrap:wrap;}
  .buffet_obanzai_li{ width: 44%; margin: 0 3% 5%;}
  .buffet_obanzai_li img{height: 33.3333vw;}
  #buffet_obanzai > p{    padding: 0 4% 7%;}
  .buffet_obanzai_li h4{height: 16vw; padding: 6%;}
}



/*
buffet_pricelist
--------------------------------------------------------*/ 
#buffet_pricelist {margin: 0 auto 90px !important; }
#buffet_pricelist *{font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;font-weight: bold; font-style: normal !important;}

#buffet_pricelist h2 {margin: auto auto 35px;}

/* TABLE */
#buffet_pricelist table,
#buffet_pricelist td,
#buffet_pricelist th { border: 1px solid #595959; border-collapse: collapse; text-align: center; vertical-align: middle;  font-size: 20px;}

/* TABLE */
#buffet_pricelist table {    width: 100%; margin: 0 0 20px;}

/* TR */
#buffet_pricelist tr:first-of-type {height: 3vw;}
#buffet_pricelist tr:nth-child(2) {height: 6vw;}
#buffet_pricelist tr:nth-child(3) {height: 7vw;}
#buffet_pricelist tr:nth-child(4) {height: 8vw;}
#buffet_pricelist tr:nth-child(5) {height: 7vw;}

/* TH */
#buffet_pricelist th {background: #f3f3f3;}
#buffet_pricelist tr th:first-child {  width: 24%;}

/* TD */
#buffet_pricelist tr td{text-align: left;padding: 0 0 0 1.8em;}
#buffet_pricelist tr td:nth-child(n+2) { width: 25%;}
#buffet_pricelist tr:nth-child(2) td{text-align: center;padding:0;}

#buffet_pricelist table em{ font-size: 1.8em; line-height: 1; font-weight: bold; letter-spacing: 0.03em;    padding-left: 0.05em;font-family: helvetica; }
#buffet_pricelist table span { font-weight: normal; display: block; font-size: 0.8em; }

.buffet_pricelist_note {line-height: 1.8;}
#buffet_pricelist .buffet_pricelist_note span{display:block;font-weight: normal;}

.sponly{display:none;}
@media screen and (max-width:768px) {
  .sponly{display:block;}
  #buffet_pricelist { padding: 0 4%; }
  #buffet_pricelist table, #buffet_pricelist td, #buffet_pricelist th{    font-size: 3.5vmin;}
  #buffet_pricelist table em { font-size: 1.3em;}
  #buffet_pricelist table span{    font-size: 0.4em;}
  #buffet_pricelist tr:first-of-type {height: 15vw;}
  #buffet_pricelist tr:nth-child(2) {height: 19vw;}
  #buffet_pricelist tr:nth-child(3) {height: 20vw;}
  #buffet_pricelist tr:nth-child(4) {height: 22vw;}
  #buffet_pricelist tr:nth-child(5) {height: 20vw;}
  .buffet_pricelist_note span{padding-left:1em;text-indent:-1em;}
  #buffet_pricelist tr td{padding:0 0 0 0.8em;}
}










/*
shop_list
------------------------------------------------------*/
#shop_list{
	text-align: center;
}
#shop_list > div{
	margin: auto auto 60px;
	max-width: 724px;
}

#shop_list ul{
	margin: auto auto 50px;
	width: 1024px;
	display: flex;
	justify-content: space-between;
}
#shop_list ul li{
	margin: 0 70px auto 0;
	width: 33.3333%;
	text-align: left;
}
#shop_list ul li:last-child{margin-right: 0;}
#shop_list ul li h4{
	margin: auto auto 1em;
	font-size: 18px;
	line-height: 1;
}
#shop_list ul li a{
	color: inherit;
}

@media screen and (max-width:768px){
	#shop_list > div{
		margin: auto auto 12vw;
		width: 90%;
	}
	#shop_list ul{
		margin: auto;
		width: 90%;
		display: block;
	}
	#shop_list ul li{
		margin: auto auto 9vw;
		width: 100%;
	}
	#shop_list ul li h4{
		margin: auto auto 1em;
		font-size: 5vw;
	}
}