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

last up:2017/05/23 nagaden

///////////////////////////////////*/

/*//////////////////////////////////

body
///////////////////////////////////*/
body{
  background-color: #ffffff;
  color: #000;
  font-family: Helvetica , "ヒラギノ角ゴ Pro" , "游ゴシック" , "Yu Gothic" , sans-serif;
  margin: 0;
  padding: 0;
}

a:link { color: #000; text-decoration: none;}
a:visited { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }

/*マウスオーバー*/
a img {
  border: none;
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
a img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}


/*//////////////////////////////////

Header OPEN-告知
///////////////////////////////////*/
header#header-open{
	background-color: #ff0000;
	height: 20px;
	width: 100%;
}
header#header-open h1.h1-txt{
	color: #fff;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto 0;
	text-align: center;
	width: 100%;
}


/*////////////////////////////////////////////////////////

Header-下層ページ
////////////////////////////////////////////////////////*/

header#header_sub{
	height: 80px;
	width: 100%;
}
@media screen and (max-width: 768px) {
header#header_sub{
	height: 60px;
	width: 100%;
	background-color: #000;
}
}


#gnav-wrap_sub{
	font-size: 0;
	margin: 30px 30px 0 auto;
	float: right;
}
.gnav-inner{
	color: #000;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Oswald', sans-serif;
	padding: 0 20px 0 0;
}
.gnav-inner a:link { color: #000; text-decoration: none;}
.gnav-inner a:visited { color: #000; text-decoration: none;}
.gnav-inner a:hover { color: #a70000; text-decoration: underline;}
.gnav-inner a:active { color: #000; text-decoration: none; }

@media screen and (max-width: 768px) {
	#gnav-wrap,
	#gnav-wrap_sub{
		display: none;
	}
}
@media screen and (max-width: 768px) {
}


/*//////////////////////////////////

Hero-Area-下層ページ
///////////////////////////////////*/
.hero-area_base{
	width: 100%;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #000;
	height: 630px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.hero-area_base{
		width: 100%;
		background-position: left center;
		height: 50vh;
		background-size: cover;
	}	
}
	.hero-area_base-lunch{ background-image:url(../lunch/img/hero_image.jpg);}
	.hero-area_base-dinner{ background-image:url(../dinner/img/hero_image.jpg);}
  .hero-area_base-course{ background-image:url(../course/img/hero_image.jpg);}
	.hero-area_base-concept{ background-image:url(../concept/img/hero_image.jpg);}
	.hero-area_base-bento{ background-image:url("../bento/img/hero_image_2.jpg");}
	.hero-area_base-takeout{ background-image:url(../takeout/img/hero_image.jpg);}

.hero-area_inner{
	width: 50%;
	max-width: 740px;
	height: 630px;
	background-color:rgba(20,20,20,1.00);
	background-image: url(../img/common/herobg_rogo.png);
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
}
@media screen and (max-width: 768px) {
	.hero-area_inner{
		width: 100%;
		max-width: 768px;
		height: 50vh;
		background-color:rgba(0,0,0,0.30);
		background-size: 70%;
	}
}

h1.hero-area_h1-logo{
	width: 90px;
	margin: 130px auto 0;
}
@media screen and (max-width: 768px) {
	h1.hero-area_h1-logo{
		margin: 40px auto 0;
	}
}
h1.hero-area_h1-logo img{
	width: 100%;
	height: auto;
}

.hero-area_eng{
	color: #fff;
	font-family: 'Fauna One', serif;
	font-size: 48px;
	font-size: 4.8rem;
	letter-spacing: 0.1em;
	margin: 20px auto 0;
	text-align: center;
	width: 100%;
	transition: .9s;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.hero-area_eng{
		font-size: 36px;
		font-size: 3.6rem;
		margin: 15px auto 0;
	}	
}
h2.hero-area_h2-text{
	background: bottom center url(../img/top/h2_bg_border.gif) no-repeat;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	margin: 10px auto 0;
	padding: 0 0 30px;
	text-align: center;
	width: 100%;
	transition: 1.2s;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	h2.hero-area_h2-text{
		letter-spacing: 0.1em;
		margin: 10px auto 0;
		padding: 0 0 20px;
	}
}

/*//////////////////////////////////

main
///////////////////////////////////*/
main{
	background-color: #000;
	margin: 0 auto 0;
	width: 100%;
}
@media screen and (max-width: 980px) {
}

/*//////////////////////////////////

Parts
///////////////////////////////////*/



/*//////////////////////////////////

footer
///////////////////////////////////*/
footer{
  background-color: #a70000;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	padding: 72px 0 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
footer{
	padding: 36px 0 0;
}

}

.h2-footer{
	font-size: 24px;
	text-align: center;
	width: 100%;
	margin: 0 auto 0;
}
.add-name{
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin: 5px auto 0;
}
.add-footer{
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin: 30px auto 0;
}
.time-footer{
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin: 5px auto 0;
}

.map-footer_ico{
  font-size: 32px;
	text-align: center;
	width: 100%;
	margin: 30px auto 0;
}

.copy-area{
	height: 20px;
	line-height: 20px;
	margin: 60px auto 0;
	text-align: center;
  width: 100%;
}
.copy-area p.copyright{
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	width: 100%;
}

footer a:link { color: #ffffff; text-decoration: underline;}
footer a:visited { color: #ffffff; text-decoration: underline;}
footer a:hover { color: #ffffff; text-decoration: underline; }
footer a:active { color: #ffffff; text-decoration: none; }



/*//////////////////////////////////

common
///////////////////////////////////*/


/*テキストのハイライトカラーを変える///////*/
::selection{ /* Safari and Opera */
	background:#e9527d;
	color:#ffffff;
}
::-moz-selection{ /* Firefox */
	background:#e9527d;
	color:#ffffff;
}

/*クリアーフィックス////////////////*/
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;clear:both;overflow:hidden}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.left{
	float: left;
}
.right{
	float: right;
}
i{
	margin-right: 5px;
}

.pl10{
	padding-left: 10px;
}
.white,
a.white{
	color: #fff;
}

.t-center{
	text-align: center;
}