@charset "utf-8";

/* ===================================================================
CSS information - 2013.8版

default
 / Eric Meyer's resetを使用
 / その他デフォルトで使用するHTMLタグの指定

=================================================================== */

/* Eric Meyer's reset
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0b1 | 201101 
	NOTE: WORK IN PROGRESS
	USE WITH CAUTION AND TEST WITH ABANDON */

/* Use this reset as a starting point, and customize to your needs */
/* Slightly modified to prevent anchor elements from losing outline, as in HTML5 Boilerplate */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

a{margin:0; padding:0; font-size:100%; vertical-align:baseline; display: inline-block; *display: inline; *zoom: 1; background:transparent;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}

/* remember to define visible focus styles! 
:focus{
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
strong{font-weight:bold;}
/* Meyer's reset ends here */

input[type="checkbox"],input[type="radio"]{vertical-align: -2px;}


/* ===================================================================
CSS information - 2012.11版

 / moduleクラスの定義

=================================================================== */

.left{float: left;}
.right{float: right;}

.text-c{text-align: center;}
.text-l{text-align: left;}
.text-r{text-align: right;}

.mg-auto{margin: 0 auto;}
.mg-10_0{margin: 10px 0 !important;}
.mg-20_0{margin: 20px 0 !important;}
.mg-40_0{margin: 40px 0 !important;}
.mg-b10{margin-bottom: 10px !important;}
.mg-b20{margin-bottom: 20px !important;}
.mg-b40{margin-bottom: 40px !important;}
.mg-t10{margin-top: 10px !important;}
.mg-t20{margin-top: 20px !important;}
.mg-t40{margin-top: 40px !important;}
.mg-t60{margin-top: 60px !important;}
.pd-b60{padding-bottom: 60px !important;}

.f10{font-size: 10px;}
.red{color: #c00;}

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hack */ 


/* ===================================================================
CSS information - 2015.1版

style
 / レイアウト、ブロック関連
 / 共通のスタイルを設定

=================================================================== */

/*================================================
*
*	1.全体
*
=================================================*/
body {
	width: 100%;
	font: 0.825em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2.4em;
	letter-spacing: 1px;
	text-align: left;
	word-break: normal;
	word-wrap: break-word;
	/*-webkit-font-smoothing: antialiased;*/
	color: #656565;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

.mg-t60 {
	font: 1.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	letter-spacing: 1px;
}

body.noscroll {
	position: fixed;
	overflow-y: scroll;
}
a {
	color: #656565;
	text-decoration: none;
	-webkit-transition : all 0.3s ease ;
	transition : all 0.3s ease ;
}
a:hover {
	color: #e73828;
	text-decoration: none;
}
a:hover img{
	opacity: .8;
}

img {vertical-align: bottom;}

@media screen and (max-width: 780px){
img {vertical-align: bottom; width:100%;}
}

p{
}

.fixed{
	width: 100%;
	top: 0 !important;
	position: fixed !important;
	z-index: 10000;
}

.ios a:hover {
	opacity: 1;
}

/*================================================
*
*	2.レイアウト
*
=================================================*/
.wrap{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.wrap-no{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#access .wrap-no{
	width: 890px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 780px){
.wrap{
	width: 100%;
}
.wrap-no{
	width: 100%;
}
#access .wrap-no{
	width: 100%;
}

.wrap.text-c{
	width:95%;
}
}

/*================================================
*
*	3.ヘッダー&ヘッダーメニュー
*
=================================================*/
header #drawer-overlay{
	display:block;
	text-align:center;
	padding:50px 0 30px 0;
	width:100%;
	height:100vh;
	position:fixed;
	z-index:99999;
	background:#030200;
}

header #drawer-menu-button {
	right:28px;
}

header ul.drawer-menu {
	width:100%;
	margin:0 auto;
	margin-top: 7%;
}
header ul.drawer-menu a{
	display:block;
}
header ul.drawer-menu a:hover{
	color:#FFB100;
	opacity:1;
}
header #drawer-overlay p.logo img{
	margin-top:15%;
	width:370px;
}

header #drawer-overlay li{
	margin:0 0 20px 0;
}

header #drawer-overlay li a{
	height:67px;
	margin:0 auto;
	font-size: 27px;
	color: #fff;
	font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 font-weight: bold;
}

@media screen and (max-width: 480px){
header #drawer-menu-button {
	right:20px;
}
header ul.drawer-menu {
	font-size:138%;
	line-height:1.4em;
}
header ul.drawer-menu li{
	min-height:20px;
}
header #drawer-overlay{
	padding:0 0 15px 0;
}

header #drawer-overlay img {
	width: 80px;
}

header #drawer-overlay p.logo img{
	width:225px;
	margin-top:30%;
	margin-bottom: 25px;
}
}
/* =================================================================
		drawerメニュー
================================================================= */
.icon-animation {
	width: 60px;
	height: 60px;
	display: block;
	z-index: 999999;
	background: #ffffff;
	opacity:0.9;
	cursor:pointer;
	position:fixed;
	right:40px;
	top:28px; }
	.icon-animation span {
		width: 40px;
		height: 1px;
		display: block;
		background: #000000;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -20px;}

.icon-animation:hover{
	opacity:0.7;
}

.ios .icon-animation:hover{
	opacity:1;
}
.type-9 span {
	-webkit-transition: all 0.4s 0.4s;
					transition: all 0.4s 0.4s; }
	.type-9 span:before, .type-9 span:after {
		content: ""; }

.type-9 .top {
	-webkit-transform: translateY(-14px);
			-ms-transform: translateY(-14px);
					transform: translateY(-14px); }

.type-9 .middle {
	position: relative;
	background: none; }
	.type-9 .middle:after{
		content: "";
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 100%;
		left: 50%;
		top: 50%;
		margin-left: -50px;
		margin-top: -50px;
		position: absolute; }
	.type-9 .middle:before {
		content: "";
		-webkit-transition: all 0.4s;
						transition: all 0.4s;
		width: 40px;
		display: block;
		height: 1px;
		background: #000000;
		-webkit-transform: translateY(0px) translateX(0px);
				-ms-transform: translateY(0px) translateX(0px);
						transform: translateY(0px) translateX(0px);
		opacity: 1; }

.type-9 .bottom {
	-webkit-transform: translateY(14px);
			-ms-transform: translateY(14px);
					transform: translateY(14px); }

.type-9.is-open .bottom {
	-webkit-transform: translateY(0px) rotate(45deg);
			-ms-transform: translateY(0px) rotate(45deg);
					transform: translateY(0px) rotate(45deg); }

.type-9.is-open .top {
	-webkit-transform: translateY(0px) rotate(-45deg);
			-ms-transform: translateY(0px) rotate(-45deg);
					transform: translateY(0px) rotate(-45deg); }

.type-9.is-open .middle:before {
	-webkit-transform: translateY(0px) translateX(100px);
			-ms-transform: translateY(0px) translateX(100px);
					transform: translateY(0px) translateX(100px);
	opacity: 0; }

.type-9.is-open .middle:after {
	content: "";
	-webkit-animation: type9-circle 0.5s;
					animation: type9-circle 0.5s;
	-webkit-animation-fill-mode: forwards;
					animation-fill-mode: forwards; }

@-webkit-keyframes type9-circle{
	0%{
		transform:scale(0);
		opacity: 1;
		border: 1px solid #fff;
	}
	100%{
		opacity: 0;
		border: 1px solid #fff;
		transform:scale(1.5);
	}
}

@keyframes type9-circle{
	0%{
		transform:scale(0);
		opacity: 1;
		border: 1px solid #fff;
	}
	100%{
		opacity: 0;
		border: 1px solid #fff;
		transform:scale(1.5);
	}
}

@media screen and (max-width: 480px){
.icon-animation {
	width: 35px;
	height: 35px;
	top:20px;
	right:20px;
}

.icon-animation span {
	width: 25px;
	margin-left: -12px;
}

.type-9 .top {
	-webkit-transform: translateY(-8px);
			-ms-transform: translateY(-8px);
					transform: translateY(-8px); 
}

.type-9 .middle::before{
	width: 25px;
}

.type-9 .bottom {
	-webkit-transform: translateY(8px);
			-ms-transform: translateY(8px);
					transform: translateY(8px);
}
}

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
	content: '';
	visibility: hidden;
	position: absolute;
	cursor:url(../img/common/closex.png);
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
	z-index: 3;
	opacity: 0;
}
.overlay::after {
	content: "";
	visibility: hidden;
	position: fixed;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	color: rgba(255,255,255,0);
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  opacity: 0;
}

.side-open .overlay {
	visibility: visible;
	background: #231815;
	opacity: 1;
}

.side-open .overlay::after {
	visibility: visible;
	color: rgba(255,255,255,.8);
	opacity: 1;
}

/*================================================
*
*	4.メインコンテンツ
*
=================================================*/
/*************************************************
/	4.1.全メインコンテンツ共有
/*************************************************/
#gNavi{
	height: 146px;
	margin-top: -73px;
	top: 50%;
	right: 25px;
	position: fixed;
	z-index: 88888888888;
}
#gNavi li{
	margin-bottom: 15px;
}
#gNavi li a{
	width: 12px;
	height: 12px;
	border: 1px solid #e73828;
	border-radius: 10px;
	background: none;
	display: block;
}
#gNavi li a.active{
	background: #e73828;
}

h2{
	margin: 100px auto 55px;
	padding-bottom: 35px;
	text-align: center;
	font-size: 35px;
	font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 color: #e73828;
 font-weight: bold;
}

#about h2 {
	border-bottom: 1px solid #b5b5b6;
}

#menu h2 {
	margin-top: 55px;
	border-bottom: 1px solid #b5b5b6;
}

#access h2 {
	color: #fff;
}

@media screen and (max-width: 780px){
h2{
	margin:80px auto 50px;
	padding-bottom:28px;
}

h2 img {
	width: 17%;
}

#about h2 img {
width: 50%;
}

#menu h2 {
}

}
@media screen and (max-width: 480px){
#gNavi{
	display: none;
}
h2{
	margin-top:40px;
	margin-bottom:40px;
	font-size: 28px;
}
h2 img {
	width: 27%;
}

#about h2 img {
	width: 70%;
}

}
.btn-wrap{
	text-align: center;
	position: relative;
	overflow: hidden;
}
.btn{
	width: 200px;
	padding: 10px 0;
	text-align: center;
	color: #b4915b;
	border: 1px solid #b4915b;
	background: #fff;
	display: inline-block;
}
.btn:hover{
	color: #fff;
	background: #b4915b;
}
@media screen and (max-width: 480px){
.btn{
	padding:6px 0;
}
}
/*************************************************
/	4.2.トップページ
/*************************************************/
#top-catch{
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: relative;
}
#sub-catch{
	width: 100%;
	height: 400px;
	background: url(../images/bg_about03.jpg) center top / cover fixed;
	background: url(../images/bg_about03.jpg) center top fixed\9;
	position: relative;
}
#top-catch .inner{
}
#logo{
	width: 576px;
	height: 224px;
	margin: auto; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	position: absolute;
	opacity: 0;
}

#logo h1{
	text-align: center;
}

@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#sub-catch{
	background-size:contain;
	background-repeat:no-repeat;
	height: 0;
	padding-top: 40%;
}
}
@media screen and (max-width: 780px){
#logo{
	width:60% !important;
	height: 100px;
}
}

#scroll a {
	width: 90px;
	padding: 50px 0 10px;
	position: absolute;
	bottom: -150px;
	left: 50%;
	z-index: 2;
	text-align: center;
	display: inline-block;
	color: #000;
	letter-spacing: .1em;
	text-decoration: none;
}

@media screen and (max-width: 780px){
#scroll a {
	font-size:85%;
	width: 66px;
	height:0;
	padding: 36px 0 30px;
	left:43%;
}
}

#scroll a:hover {
	opacity: .8;
}
#scroll a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb05 1.5s infinite;
	animation: sdb05 1.5s infinite;
	box-sizing: border-box;
}
@media screen and (max-width: 780px){
#scroll a span {
	animation: sdb05sp 1.5s infinite;
}
}
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb05 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@-webkit-keyframes sdb05sp {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
		opacity: 0;
	}
}
@keyframes sdb05sp {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-10px, 10px);
		opacity: 0;
	}
}

@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#contents{
	overflow:hidden;
}
}

/* about */
.about-block{
	padding-top: 120px;
	background: #fff;
	position: relative;
}

#about{
	padding-top: 386px;
	position: relative;
	margin-bottom: 55px;
}

@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#about{
	padding-top:60%;
}
}

.doyasa1 {
	width: auto;
	margin-bottom: 20px;
}


@media screen and (max-width: 480px){
#about{
	padding-top:60%;
}
}
#about .inner{
}
#top-tel{
	display:block;
	width: 751px;
	margin-left: -370px;
	left: 50%;
	top: 0;
	text-align: center;
	position: absolute;
	z-index: 1000;
}
#top-tel-sp{
	display:none;
	padding-top:36%;
}
@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#top-tel{
	display:none;
}
		
#top-tel-sp{
	display:block;
	width:80%;
	margin: 0 auto;
	left:0;
	right:0;
	top: 0;
	text-align: center;
	position: absolute;
	z-index: 1000;
}
}

@media screen and (max-width: 480px){
#top-tel,
#top-tel-sp{
	width:90%;
	margin-top: 20px;
}
}

#about h3{
	margin-bottom: 20px;
}

@media screen and (max-width: 780px){
#about h3 img {
	width: 45%;
}
}
@media screen and (max-width: 480px){
#about h3 img {
	width: 80%;
}
}
#about p{
	font-size: 20px;
	margin-bottom: 30px;
	line-height:2.2em;
}
.btn-wrap.about-wrap{
	width: 197px;
	margin: 0 auto;
}

.btn-wrap.about-wrap img{
	width: 197px;
}

@media screen and (max-width: 780px){
#about p{
	font-size:12px;
}
.btn-wrap.about-wrap{
	margin-top:55px;
}
}
@media screen and (max-width: 480px){
#about p{
	font-size:11px;
	margin-bottom:25px;
}
.btn-wrap.about-wrap{
	margin-top:0px;
	width:100%;
}
.btn-wrap.about-wrap .btn{
	width:98%;
}
.btn-wrap.about-wrap .left,
.btn-wrap.about-wrap .right{
	float:none;
	display:inline-block;
	width:35%;
}
.btn-wrap.about-wrap .left{
	margin-right:6%;
}
}
#about-bg1{
	display:block;
	width: 230px;
	height: 567px;
	top: 400px;
	left: 200px;
	background: url(../images/img_about01.png) no-repeat;
	position: absolute;
	z-index: 2;
}
#about-bg2{
	display:block;
	width: 246px;
	height: 531px;
	top: 0;
	right: 200px;
	background: url(../images/img_about02.png) no-repeat;
	position: absolute;
	z-index: 2;
}
#about-foot{
	display:block;
	width: 100%;
	height: 400px;
	margin-top: 120px;
	background: url(../images/bg_about01.jpg) center 0px / 100% no-repeat;
	background: url(../images/bg_about01.jpg) center 0px no-repeat\9;
	position: relative;
	z-index: 2;
}
#about-foot-sp{
	display:none;
}

@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#about-bg1,#about-bg2,#about-foot{
	display:none;
}
#about-bg1-sp{
	display:block;
	width:230px;
	height:600px;
	top: 600px;
	left: -40px;
	background: url(../images/img_about01.png) no-repeat;
	background-size:100%;
	position: absolute;
	z-index: 22221;

}
#about-bg2-sp{
	display:block;
	width:246px;
	height:600px;
	top: 600px;
	right: -20px;
	background: url(../images/img_about02.png) no-repeat;
	background-size:100%;
	position: absolute;
	z-index: 22222;
}
#about-foot-sp{
	display:block;
	width: 100%;
	height: 300px;
	margin-top: 120px;
	background: url(../images/bg_about01.jpg) center 0px / 100% no-repeat;
	background: url(../images/bg_about01.jpg) center 0px no-repeat\9;
	position: relative;
	z-index: 22223;
}
}

@media screen and (max-width: 480px){
#about-bg1,#about-bg2,
#about-bg1-sp,#about-bg2-sp{
	display:none;
}
#about-foot-sp{
	display:block;
	height:0;
	padding-top:40%;
	margin-top:60px;
}
}

/* menu */
#menu{
	padding-top: 20px;
	z-index: 30000;
	position: relative;
}

@media screen and (max-width: 780px){
#menu{
	padding-top:0;
}
#menu h3 img {
	width: 45%;
}
#menu p{
	font-size:12px;
}
#menu .text-c p{
	line-height:2em;
}
}
@media screen and (max-width: 480px){
#menu h3 img {
	width: 80%;
}
}
#food,
#drink{
	padding-top: 80px;
}
.menu-block{
	margin-top: 60px;
}
.menu-block .txt{
	width: 460px;
	padding-top: 15px;
}
.menu-block .center.txt{
	margin: 0 auto;
}
.menu-block .picture{
	width: 484px;
	position: relative;
	display:block;
}
.menu-block .picture ul{
	position: relative;
}
.menu-block .picture ul.normal{
	display:block;
}
.menu-block .picture ul.sp{
	display:none;
}
.menu-block .right.picture li{
	right: -40px;
	margin-top: 15px;
	margin-bottom: 28px;
	opacity: 0;
	position: relative;
}
.menu-block .left.picture li{
	left: -40px;
	margin-top: 15px;
	margin-bottom: 28px;
	opacity: 0;
	position: relative;
}

.menu-block .txt h4{
	margin-bottom: 10px;
	font-size: 2em;
	font-weight: bold;
}
.menu-block .txt li{
	position: relative;
	overflow: hidden;
	margin-bottom: 7px;
}
.menu-block .txt li span{
	float: right;
}
.menu-block .txt .box{
	margin-bottom: 30px;
	line-height:2.2em;
}

#menu-foot{
	display:block;
	width: 100%;
	height: 400px;
	margin-top: 120px;
	background: url(../images/bg_menu01.jpg) center 0px / 100% no-repeat;
	background: url(../images/bg_menu01.jpg) center 0px no-repeat\9;
	position: relative;
	z-index: 33333;
}
#menu-foot-sp{
	display:none;
}

#menu .slider-menu-picture{
	display:none;
}

@media screen and (max-width: 780px), 
only screen
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (orientation:landscape){
#drink{
	padding-top: 0;
}
.menu-block .left.txt .box{
	line-height:2em;
}
.menu-block .right.txt .box{
	margin-bottom:25px;
	line-height:2em;
}
.menu-block .right{
	margin-right:6.9%;
}
.menu-block .left{
	margin:0 0 0 8%;
}
.menu-block .picture ul.normal{
	display:none;
}
.menu-block .picture ul.sp{
	display:block;
}
.menu-block .left.picture li,
.menu-block .right.picture li{
	margin-top:0;
	margin-bottom:51px;
	opacity:1;
}
.menu-block .left.picture li{
	left:0;
}
.menu-block .right.picture li{
	right:0;
}
.menu-block .picture li img{
	height:183px;
}
.menu-block .txt{
	width:340px;
	font-size:12px;
	letter-spacing: -.06em;
}
.menu-block .picture{
	width:36%;
}
.toppage .menu-block .sp-hidden{
	display:none;
}
#menu-foot{
	display:none;
}
#menu-foot-sp{
	display:block;
	width: 100%;
	height: 319px;
	margin-top: 120px;
	background: url(../images/bg_menu01.jpg) center 0px / 100% no-repeat;
	background: url(../images/bg_menu01.jpg) center 0px no-repeat\9;
	position: relative;
	z-index: 33333;
}
}
@media screen and (max-width: 480px){
.menu-block .txt{
	padding-top: 0;
}
#food,
#drink{
	padding-top: 0;
}
#menu p{
	font-size:11px;
}
#menu-foot-sp{
	display:block;
	height:0;
	padding-top:40%;
	margin-top:60px;
}

#menu .menu-block{
	margin-top:0;
}
#menu .menu-block .txt ul{
	display:none;
	margin-bottom:45px;
}
#menu .menu-block .picture{
	display:none;
}
#menu .btn-wrap.menu-wrap{
	width:155px;
}
.menu-block .txt{
	width: 100%;
	margin: 0;
	text-align: center;
}
.menu-block .txt h4{
	border-top:1px solid #BBBBBB;
	line-height:65px;
	height:53px;
	letter-spacing:.2em;
	font-size:17px;
}
.menu-block .txt h4.last{
	border-bottom:1px solid #BBBBBB;
	padding-bottom: 10px;
}
.menu-block .txt h4:before {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	margin-top: -10px;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #BBBBBB;
}
.menu-block .txt h4:after {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	margin-top: -11px;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #ffffff;
}
.menu-block .txt h4.active:before {
	margin-top: 0;
	top:25px;
}
 
.menu-block .txt h4.active:after {
	margin-top: 1px;
	top:25px;
}
.menu-block .txt .box{
	margin-bottom:0;
	position:relative;
}
.menu-block .right.txt .box{
	margin-bottom:0;
}
.menu-block .txt li{
	margin: 0 11%;
	text-align: left;
}
#menu .slider-menu-picture{
	display:block;
	width:80%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom: 80px;
}
#menu .slick-menu-prev {
	left: -10px;
}
#menu .slick-next {
	right: -10px;
}
#menu .slick-prev, #menu .slick-next{
	background: #BF786F;
	width:34px;
	height: 122px;
	z-index: 1;
	position:absolute;
	cursor:pointer;
}
#menu .slick-dots li button{
	width:12px;
	height:12px;
}
#menu .slick-dots li button:before{
	background:#A03628;
	border-radius:12px;
	width:12px;
	height:12px;
}
#menu .slick-prev:before,
#menu .slick-next:before{
	content: '';
	border-top: 1px solid #FFF;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
#menu .slick-prev:before{
	border-left: 1px solid rgb(255, 255, 255);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 37%;
}
#menu .slick-next:before{
	border-right: 1px solid rgb(255, 255, 255);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 37%;
}
}
/* staff */
#staff{
	padding-top: 20px;
}

@media screen and (max-width: 780px){
#staff{
	padding-top:0;
}
#staff h3 img {
	width: 45%;
}

#staff p{
	font-size:12px;
}
}
@media screen and (max-width: 480px){
#staff h3 img {
	width: 95%;
}
}
#staff .attend{
	margin: 40px auto 60px;
}
.staff-list .list {
	width: 33.3333333333%;
	position: relative;
	overflow: hidden;
	float: left;
}
@media screen and (max-width: 780px){
#staff .attend{
	margin:25px auto 55px;
}
.staff-list{
	width: 90%;
	margin:0 auto;
}
.staff-list .list {
	width:30.5%;
	margin-right:6px;
	float:none;
	display:inline-block;
}
}
.staff-list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotateY(-90deg) rotateX(-90deg);
	transform: rotateY(-90deg) rotateX(-90deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	display: none\9;
}
.staff-list figure:hover figcaption {
	background: url(../images/bg_foot_contact01.png) repeat\9;
	-webkit-transform: rotateY(0) rotateX(0);
	transform: rotateY(0) rotateX(0);
	opacity: 1;
	display: block\9;
}
.staff-list h3{
	margin: 150px auto 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
.staff-list span{
	font-size: 10px;
	font-weight: normal;
	display: block;
}
.staff-list p{
	margin: 20px;
	text-align: left;
}
@media screen and (max-width: 780px){
.staff-list h3{
	position: relative;
	margin:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
}
@media screen and (max-width: 480px){
.staff-list h3{
	font-size:15px;
}
#staff .attend{
	margin-bottom:40px;
}
.staff-list .list{
	width:31.5%;
	margin-right:0;
}
.staff-list span{
	letter-spacing:.01em;
}
}


/* access */
#access{
	margin-top: 120px;
	padding-top: 20px;
	background: #e73828;
	position: relative;
}

#access h2{
	border-bottom: 1px solid #fff;
}

#access .float-img{
	top: -280px;
	right: -130px;
	position: absolute;
}
#access .left .sub{
	margin-top: 13px;
	position: relative;
	overflow: hidden;
}
#access .left .sub .right{
	width: inherit;
	float: right;
}
#access .access-wrap img.normal{
	display:block;
}
#access .access-wrap img.sp{
	display:none;
}
.access-wrap{
	margin-bottom: 110px;
}
.access-wrap .shop-info{
	width: 300px;
	margin-left: 40px;
	font-size: 12px;
	line-height: 1.5em;
	color: #fff;
	float: left;
}
.access-wrap .shop-info h3{
	margin-top: -4px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
.access-wrap .shop-info p{
	margin-bottom: 10px;
}
.access-wrap .shop-info a{
	color: #fff;
}
.access-wrap .shop-info .btn{
	width: 250px;
	margin: 9px 0 20px;
	font-size: 16px;
	border: 1px solid #fff;
	background: #e73828;
}
.access-wrap .shop-info .btn:hover{
	color: #e73828;
	background: #fff;
}
.access-wrap .shop-info .tel{
	margin-top: 15px;
	margin-bottom: 15px;
}

#mapArea{
	width: 100%;
	height: 390px;
}

#access .tel-link img {
	width: 248px;
	height: 46px;
}

@media screen and (max-width: 780px){
#access{
	margin-top:45px;
}
.subpage #access{
	margin-top:0;
}
#access h2{
	margin-top:20px;
}
.access-wrap .shop-info h3{
	margin-bottom:15px;
}
.access-wrap .shop-info p{
	margin-bottom:18px;
}
#access .access-wrap{
	text-align:center;
	margin-left:0;
	margin-bottom: 50px;
}
#access .access-wrap .shop-info{
	width:100%;
	margin:0;
	float:none;
	font-size:13px;
	line-height:1.8em;
}
#access .access-wrap .shop-info .tel{
	margin:0 auto;
}
#access .float-img{
	display:none;
}
#access .access-wrap .left{
	display:none;
}
.access-wrap .shop-info .tel{
	margin-bottom:15px;
}
#mapArea{
	width: 100%;
	height: 250px;
}
}
@media screen and (max-width: 480px){
#access{
	margin-top:45px;
}
.subpage #access{
	margin-top:0;
}
#access h2{
	margin-top:20px;
}
.access-wrap .shop-info h3{
	margin-bottom:15px;
}
.access-wrap .shop-info p{
	margin-bottom:18px;
}
#access .access-wrap{
	text-align:center;
	margin-left:0;
}
#access .access-wrap .shop-info{
	width:100%;
	margin:0;
	float:none;
	font-size:13px;
	line-height:1.8em;
}
#access .access-wrap .shop-info .tel{
	margin:0 auto;
}
#access .float-img{
	display:none;
}
#access .access-wrap .left{
	display:none;
}
.access-wrap .shop-info .tel{
	margin-bottom:15px;
}
#mapArea{
	width: 100%;
	height: 250px;
}
}
/* contact */
@media screen and (max-width: 780px){
.access-wrap .left {
	display: none;
}
	
#contact h3{
	width:55%;
	margin:0 auto;
}
#contact .tel-link{
	margin-bottom:30px;
}
#contact .tel-link img{
	width:54%;
}

#contact .text-c p{
	font-size:12px;
}
}
@media screen and (max-width: 480px){
#contact h2{
	margin-top:20px;
	margin-bottom:20px;
}
#contact h3{
	width:98%;
}
#contact .mg-40_0{
	margin-top:30px !important;
}
#contact .tel-link{
	margin-bottom:20px;
}
#contact .tel-link img{
	width:80%;
}
#contact .text-c p{
	font-size:11px;
	letter-spacing:.001em;
}
}
/*************************************************
/	4.3.サブページ
/*************************************************/

/*================================================
*
*	5.サイドバーコンテンツ
*
=================================================*/

/*================================================
*
*	6.フッター&フッターメニュー
*
=================================================*/
#footer{
}
#footer .wrap{
	padding: 10px 0;
}
#footer #copy{
	font-size: 10px;
}
#footer .right a{
	margin-left: 20px;
	font-size: 12px;
	display: inline-block;
}
#foot-logo{
	padding: 25px;
	text-align: center;
	border-top: 1px solid #eee;
}

@media screen and (max-width: 780px){
#footer .left{
	margin:0 0 0 5%;
}

#footer .right{
	margin:0 5% 0 0;
}

#foot-logo img{
	width:35%;
}
}

#foot-contact{
	width: 100%;
	bottom: -100px;
	padding: 10px 10px 10px 0 ;
	background: url(../images/bg_foot_contact01.png) repeat;
	position: fixed;
	z-index: 7777777777;
}
#foot-contact .left{
	margin-top: 5px;
}
#foot-contact .wrap.normal{
	width: 850px;
	display:block;
}
#foot-contact .wrap.sp{
	display:none;
}
@media screen and (max-width: 780px){
#foot-contact .wrap.normal{
	width: 100%;
}

#foot-contact .left{
	width:80%;
	margin-left: 5%;
}
#foot-contact .right{
	margin-right:5%;
}
}
@media screen and (max-width: 480px){
#foot-contact{
	padding:0;
	background:none;
}
#footer .wrap{
	padding:0 0 10px 0;
}
#footer .wrap .right{
	float:none;
	margin:0;
}
#footer .wrap .right a{
	width:49.8%;
	background:#444444;
	color:#ffffff;
	margin:0;
	float:left;
	text-align:center;
	padding:5px 0;
}
#footer .wrap .right a:first-child{
	border-right:1px solid #ffffff;
}
#footer .wrap .left{
	float:none;
	text-align:center;
	margin:0;
}
#foot-contact .wrap.normal{
	width: 100%;
	display:none;
}
#foot-contact .wrap.sp{
	display:block;
}
#foot-contact .tel-link img{
	background: #000000;
	opacity: 0.9;
}
#footer #copy{
	font-size:9px;
	letter-spacing: .009em;
}
}


/*// フェードイン用共通クラス pcのみ*/
@media screen and (min-width: 767px) {
	.parallax{
		opacity: 1;
		transform: translate(0,60px); 
		-webkit-transform: translate(0,60px); 
		transition: .8s;
	}
	.parallax_move{
		opacity: 1.0;
		transform: translate(0,0); 
		-webkit-transform: translate(0,0);
	}
}

/*-------------------------------
	#subpage_menu
-------------------------------*/
#subpage_menu .row {
  margin: 0 0 0 0;
}
#subpage_menu .menu {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding: 0 0 0 0;
  overflow: hidden;
}
#subpage_menu .menu .menu_cont {
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.5);*/
  padding-left: 10px;
  padding-right: 10px;
  z-index: 30000;
}
#subpage_menu .menu .menu_tt {
  color: #fff;
  font-size: 28px;
  letter-spacing: 1px;
  font-weight: bold;
  background-image: url(../images/border_w.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 30px;
  margin-bottom: 12px;
}
#subpage_menu .menu .menu_tt_jp {
  color: #fff;
  font-size: 11px;
  margin-bottom: 24px;
}
#subpage_menu .menu a {
  display: inline-block;
  border: solid 1px #fff;
  padding: 8px 40px 6px 32px;
  color: #3E3A39;
  letter-spacing: 2px;
  font-size: 12px;
  border: solid 1px #BEA574;
  background-color: rgba(255, 255, 255, 0.8);
}
#subpage_menu .menu a:hover {
  color: #fff;
  background-color: #BEA574;
}
#subpage_menu .menu_01 {
  background-image: url(../images/menu_01.jpg);
}
#subpage_menu .menu_02 {
  background-image: url(../images/menu_02.jpg);
}
#subpage_menu .menu_03 {
  background-image: url(../images/menu_03.jpg);
}
#subpage_menu .menu_04 {
  background-image: url(../images/menu_04.jpg);
}
@media screen and (min-width: 768px) {
  #subpage_menu .mv_parallax {
    transition: .8s;
  }
  #subpage_menu .mv_parallax .menu_tt {
    opacity: 0;
    transition: 0.5s;
    transform: translate(0, 60px);
  }
  #subpage_menu .mv_parallax .menu_tt_jp {
    opacity: 0;
    transition: 0.5s;
    transform: translate(0, 60px);
  }
  #subpage_menu .mv_parallax a {
    opacity: 0;
    transition: 0.6s;
    transform: translate(0, 60px);
  }
  #subpage_menu .mv_px {
    background-color: rgba(0, 0, 0, 0.5);
  }
  #subpage_menu .mv_px .menu_tt {
    opacity: 1.0;
    transform: translate(0, 0);
  }
  #subpage_menu .mv_px .menu_tt_jp {
    transition-delay: 0.2s;
    opacity: 1.0;
    transform: translate(0, 0);
  }
  #subpage_menu .mv_px a {
    transition-delay: 0.3s;
    opacity: 1.0;
    transform: translate(0, 0);
  }
}

@media screen and (max-width: 767px) {
	/*-------------------------------
		#subpage_menu_smp
	-------------------------------*/
	#subpage_menu_smp .row {
	  margin: 0 0 0 0;
	}
	#subpage_menu_smp .menu {
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  text-align: center;
	  padding: 0 0 0 0;
	  overflow: hidden;
	}
	#subpage_menu_smp .menu .menu_cont {
	  width: 100%;
	  height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	  padding: 120px 0 120px 0;
	}
	#subpage_menu_smp .menu .menu_tt {
	  color: #fff;
	  font-size: 28px;
	  letter-spacing: 1px;
	  font-weight: bold;
	  background-image: url(../images/border_w.jpg);
	  background-repeat: no-repeat;
	  background-position: center bottom;
	  padding-bottom: 15px;
	  margin-bottom: 12px;
	}
	#subpage_menu_smp .menu .menu_tt_jp {
	  color: #fff;
	  font-size: 12px;
	  padding: 0 10px;
	}
	#subpage_menu_smp .menu a {
	  display: inline-block;
	  border: solid 1px #fff;
	  padding: 8px 40px 6px 32px;
	  color: #3E3A39;
	  letter-spacing: 2px;
	  font-size: 12px;
	  border: solid 1px #BEA574;
	  background-color: rgba(255, 255, 255, 0.8);
	}
	#subpage_menu_smp .menu a:hover {
	  color: #fff;
	  background-color: #BEA574;
	}
	#subpage_menu_smp .menu_01 {
	  background-image: url(../images/menu_01.jpg);
	}
	#subpage_menu_smp .menu_02 {
	  background-image: url(../images/menu_02.jpg);
	}
	#subpage_menu_smp .menu_03 {
	  background-image: url(../images/menu_03.jpg);
	}
	#subpage_menu_smp .menu_04 {
	  background-image: url(../images/menu_04.jpg);
	}
}

@media screen and (max-width: 480px) {	
	
	/*-------------------------------
		#subpage_menu_smp
	-------------------------------*/
	#subpage_menu_smp .menu .menu_cont {
	  padding: 40px 0 40px 0;
	}
}


.itemBox{
	position:relative;
}

.itemBox figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotateY(-90deg) rotateX(-90deg);
	transform: rotateY(-90deg) rotateX(-90deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	display: none\9;
	text-align: center;
}
.itemBox figure:hover figcaption {
	background: url(../images/bg_foot_contact01.png) repeat\9;
	-webkit-transform: rotateY(0) rotateX(0);
	transform: rotateY(0) rotateX(0);
	opacity: 1;
	display: block\9;
}
.itemBox h3{
	margin: 25% auto 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
.itemBox span{
	font-size: 10px;
	font-weight: normal;
	display: block;
	letter-spacing: 0.25px;
	line-height: 18px;
}