@charset "utf-8";

/* ---------------------------------------------------------------------------------
base */

*{ box-sizing: border-box;}


@media(max-width:750px){
	
body{ font-size:160%; }

}



img{ vertical-align:bottom;-ms-interpolation-mode: bicubic;}

a{ color:#d2c598;text-decoration: none;}
a:visited{ color:#d2c598;text-decoration: none;}
a:active{ color:#a79a6d;text-decoration:none;}
a:hover{ color:#a79a6d;text-decoration:none;}

html,body{ height:100%; }

body{ background:#131513; color:#ddd;  position: relative;
font-family: "Sawarabi Mincho", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  sans-serif;
}
#wrapper{ height:100%;}

@media(max-width:750px){


}


/* ---------------------------------------------------------------------------------
common */





*{ box-sizing:border-box;}
p{font-size:85%; line-height: 1.8em;}


a > img{ width:100%;}
.imgbox img{ width:100%;}



.fadein {  transform: translateY(20px);  opacity : 0;  transition: all 1s;}
.faderight {  transform: translateX(20px);  opacity : 0;  transition: all 1s;}

.fadeonly {  opacity : 0;  transition: all 1s; }

.fadein_1_1{ transform: translateY(20px);  opacity : 0;  transition: all 1s;}
.fadein_1_2{ transform: translateY(30px);  opacity : 0;  transition: all 1s;}
.fadein_1_3{ transform: translateY(40px);  opacity : 0;  transition: all 1s;}
.fadein_1_4{ transform: translateY(50px);  opacity : 0;  transition: all 1s;}

.fadein_A01{ transform: translateY(10px);  opacity : 0;  transition: all 0.5s;}
.fadein_A02{ transform: translateY(10px);  opacity : 0;  transition: all 1s;}





.arwBtn{ display:block; color:#fff; font-weight:bold; background:hsla(0,0%,0%,0.48);border:none;
 font-size:16px; text-align:center;padding:15px; position:relative; margin-left:auto; margin-right:auto;

/* box-shadow */
box-shadow:-2px 0px 0px -50px #000;

/* border-radius */
border-radius:8px;

}

.arwBtn::after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top:2px solid #000 !important;
	border-right:2px solid #000 !important;
    border:none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-4px;
}

.arwBtn:hover{ text-decoration:none; background-color:#000;}




@media(max-width:750px){



.arwBtn{

display:block; color:#fff; font-weight:bold; background:hsla(0,0%,0%,0.5);
font-size:22px; text-align:center;padding:20px; position:relative; margin-left:auto; margin-right:auto;

/* box-shadow */
box-shadow:-2px 0px 0px -50px #75dc90;

/* border-radius */
border-radius:7px;

}

.arwBtn::after{
	content:"";
	display: block;
	width:16px;
	height:16px;
	border-top:4px solid #fff;
	border-right:4px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-10px;
}

.arwBtn:hover{ text-decoration:none; background:hsla(0,0%,0%,0.9);}




}



/* ---------------------------------------------------------------------------------
header */

#gHeader{ position: fixed;width: 100%; height: 73px; background:url("../images/bg_header.png") repeat-x center top; z-index: 100;}
#gHeader .logo{ width:70px; height: 73px; margin: 0 auto;display: block; box-sizing: border-box; }
#gHeader .logo img{ width: 100%;margin-top: 12px;}
#gHeader > nav{ width: 100%; margin: 0 auto; background:rgba(0,0,0,0.7);}

#gHeader ul{font-family:'EB Garamond','Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif",Meiryo, Osaka,  sans-serif;text-align: center;}
#gHeader li{ width: 125px; height: auto; display: inline-block;text-align: center; font-size: 12px;color: #fff; font-weight: bold;}
#gHeader li a {color:#aaa; padding-top:0;display:block;}
#gHeader li a:hover {color:#ccc; padding-top:0;display:block;}
#gHeader li span{ color: #aaa; padding-top:0;display:block;}

#gHeader ul:before,
#gHeader ul:after {content: " ";display:table;}
#gHeader ul:after {clear: both;}
#gHeader ul{*zoom: 1;}



@media(max-width:750px){

#gHeader{  height: 131px;background:url("../images/sp/bg_header.png") repeat-x center top;  }
#gHeader .logo{ width:120px; }
#gHeader .logo img{ width: 100%;margin-top: 19px;}
#gHeader ul{ display: none;}

}



.tabelogLink{  text-align: center;width: 400px; border: 2px solid #aaa; margin: 20px auto 0 auto; display: block; font-size: 20px; padding: 20px; color: #fff; 
background: rgb(33,33,33);

}
.tabelogLink:hover{}



/* ---------------------------------------------------------------------------------
contents */


#contents{ }
#contents >.inner{ padding-top: 72px;}


#mainVisual{width: auto; height: auto; display: block; position: relative; text-align: center;}
#mainVisual .textArea{ width: 100%; height: 100%; position: absolute;}
#mainVisual .visualArea{width: 100%; height: 100%; position: absolute;}

.goOnsite{ position: fixed; top: 30px; right: 30px; width: 140px; z-index: 1000; display: block;}
.goOnsite2{ display: none;}
#mainVisual .visualArea ul{ width: 100%; height: 100%;}
#mainVisual .visualArea li{ width: 100%; height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center center;}

.mv01{ background-image: url("../images/mv.jpg"); }


#mainVisual .textArea{ display: block;font-family: 'Barlow Condensed','Noto Sans SC', "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  sans-serif;}
#mainVisual .textArea >.inner{width: 240px; height: 100%; margin: 0 auto;text-align: center; display: block; position: relative;}

#mainVisual .textArea h1 { width: 240px; height: 267px; display: block; position: absolute; bottom: -70px; }
#mainVisual .textArea h1 img{ width:100%; height: auto; }


#mainVisual img { width: 100%;}


@media(max-width:750px){

#contents >.inner{ padding-top: 100px;}


.goOnsite{  display: none;}
.goOnsite2{ position: fixed; bottom: 0; right: 0; width: 100%; z-index: 1000; display: block;}

}







.sec{background:url("../images/secBar.png") repeat-x left top; padding-top:24px;}
.sec >.inner{ padding-bottom: 100px;}

.sec  > h2{ color: #fff; font-size: 50px; padding: 80px 0  100px 0; text-align: center; line-height: 1em; font-weight: normal;
font-family:'EB Garamond','Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif",Meiryo, Osaka,  sans-serif;}




/* ---------------------------------------------------------------------------------
info */


#info{ background: #201109;}

#info >.inner{padding-bottom:160px;}

#info h2{text-shadow:0px 0px 6px #f9b97f;}

.infoBoxArea{ margin-bottom:50px; width: 1000px; margin:0 auto;}
.infoBoxArea:before,
.infoBoxArea:after {content: " ";display:table;}
.infoBoxArea:after {clear: both;}
.infoBoxArea{*zoom: 1;}

.infoBox{ width:450px; padding-right:50px;border-bottom:1px dotted #7C7C7C; border-right:1px dotted #7C7C7C; float:left; box-sizing:content-box;}
.infoBox:nth-child(2n){  border-right:none;margin-left:0;}

.infoBox{   padding:20px; background:rgba(0,0,0,0.7);}
.infoBox .textBox{ width:280px; float:right; }
.infoBox .imgbox{ width:150px; margin-right:10px; float:left;}
.infoBox .imgbox img{ width:100%; height:auto;}
.infoBox:before,
.infoBox:after {content: " ";display:table;}
.infoBox:after {clear: both;}
.infoBox {*zoom: 1;}

.infoBox .textBox span{ font-size:75%;}
.infoBox .textBox h3{ font-size:100%; color:#f5cd36;}
.infoBox .textBox p{ font-size:75%;}



@media(max-width:750px){

section#INFO{}

.infoBoxArea{ margin-bottom:50px; width: auto;}


.infoBox{ width:650px; padding-right:0; border-right:none; float:none; margin:0 auto 20px auto;}
.infoBox:nth-child(even){  border:none;margin-left:auto;margin:0 auto 20px auto;}

.infoBox{margin-bottom:20px;}
.infoBox .textBox{ width:380px; float:left;}

.infoBox .imgbox{ width:220px; margin-right:20px; float:left;}
.infoBox .imgbox img{ width:100%; height:auto;}

.infoBox .textBox span{ font-size:75%;}
.infoBox .textBox h3{ font-size:100%; color:#f5cd36;}
.infoBox .textBox p{ font-size:75%;}

.mediamore{ text-align:center; display:block;}
}


/* ---------------------------------------------------------------------------------
shun */

#chef >.inner{  background:url("../images/bg_shun.jpg") right top; background-size: cover; padding-bottom: 100px;}

.h2box{ text-align: center; color: #fff;
font-family:'EB Garamond','Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif",Meiryo, Osaka,sans-serif;
padding:50px 0;}
.h2box h2{ font-size: 28px; display: inline-block; margin-right: 1em; padding-top:50px;}
.h2box p{ font-size: 54px; display: inline-block;}

#chef figure{ width: 640px; margin: 0 auto 20px auto;}
#chef figure img{ width:100%;}
#chef p.prof{width: 640px; margin: 0 auto;}


/* ---------------------------------------------------------------------------------
concept */



#concept{ width: 100%; height: 580px; background: url("../images/wave.png") repeat center top;  background-size: 119px 58px; display: table;}

#concept >.inner{ display: table-cell; vertical-align: middle; text-align: center; color: #fff;font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

#concept  .text01{ font-size: 24px;  line-height: 1em; margin-bottom:35px; letter-spacing: 0.7em;}
#concept  .text02{ font-size: 50px;  line-height: 1em; margin-bottom:35px;letter-spacing: 0.4em;}
#concept  .text03{ font-size: 24px; line-height: 1em;letter-spacing: 0.2em; }
#concept  .text03 span{ font-size:70%;}


.sushivisual{ height: 580px; background:url("../images/sushi.jpg") no-repeat center center; background-size: cover;}

@media(max-width:750px){

#concept  .text01{ font-size: 20px;  }
#concept  .text02{ font-size: 40px; }
#concept  .text03{ font-size: 20px;}
.sushivisual{ height: 820px; background:url("../images/sushi2.jpg") no-repeat center center; background-size: cover;}
}



/* ---------------------------------------------------------------------------------
concept */


.onemv{margin:0 auto 50px; width: 560px;}







/* ---------------------------------------------------------------------------------
access */


#access{}

#access >.inner{ padding-bottom:100px; }

.accDataArea{ width:1000px; height:500px; margin:0 auto; position:relative; background:#2d2d2d;}
.accDataArea .gMap{ width:575px; height:500px; position:absolute; top:0; right:0; }
.accDataArea .acc_inner{ width:325px; height:100%;padding:50px; display:table;}

.acc_inner >.inner{ display:table-cell; vertical-align:middle;}
.acc_inner dl{ color:#ccc4bf;}
.acc_inner dt{font-size:150%; margin-bottom: 0.5em;
font-family:'EB Garamond','Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif",Meiryo, Osaka,  sans-serif;}
.acc_inner dd{ font-size:90%; line-height:1.5em; margin-bottom:2em;}





@media(max-width:750px){
.accDataArea{ width:90%; height:auto; margin:0 auto; position:relative; }
.accDataArea .gMap{ width:auto; height:500px; position:static; top:0; right:0; background:#fff;}
.accDataArea .acc_inner{ width:auto; height:100%;padding:50px; display:table;}
}











.sec_inner{ width:1000px; margin: 0 auto;padding-bottom:60px; color: #ccc;}

#subPage #contents{ background: url("../images/wave.png")}
#subPage .content_inner{ background:rgba(0,0,0,0.4); padding:0 0 100px;}
#subPage  #contents h2{ color: #fff; font-size: 44px; padding: 160px 0 80px; text-align: center; line-height: 1em;}

.content_inner >.inner{ width:900px;margin:0 auto;}


#subPage article  h4{padding-bottom:1em; border-bottom:1px dashed #63534b;margin-bottom: 0.5em; color: #e9d7cd; font-size: 120%;padding:0 20px 0.5em 20px;}
#subPage article  p{margin-bottom: 3em;padding:0 20px;}



@media(max-width:750px){

.sec_inner{ width:auto; padding-bottom:60px; color: #ccc;}
.aboutForm{ padding:20px 0;}

.content_inner >.inner{ width:auto;margin:0  50px;}
#subPage  #contents h2{ color: #fff; font-size: 44px; padding: 200px 0 80px; text-align: center; line-height: 1em;}


#subPage article  h4{padding-bottom:1em; border-bottom:1px dashed #63534b;margin-bottom: 0.5em; color: #e9d7cd; font-size: 120%;padding:0 20px 0.5em 20px;}
#subPage article  p{margin-bottom: 3em;padding:0 20px;}
    
}






/* ---------------------------------------------------------------------------------
menu */


#menu >.inner{ padding-bottom:100px;}
.menuArea{ width:900px; margin:0 auto 0 auto;}
.menuArea ul{ width:auto; padding-bottom:0;}
.menuArea ul li{ width:206px; height:206px; margin:0 25px 25px 0; float:left;box-shadow:0px 0px 0px 2px #222222 inset;}
.menuArea ul li:nth-child(4n){ margin:0 0 25px 0;}
.menuArea ul li img{ width:100%; }
.menuArea ul:before,
.menuArea ul:after {content: " ";display:table;}
.menuArea ul:after {clear: both;}
.menuArea ul {*zoom: 1;}

@media(max-width:750px){
.menuArea{ width:900px; margin:0 auto 0 auto;}
.menuArea ul li{ width:282px; height:auto;}
.menuArea{ width:590px; margin:0 auto 0 auto;}
.menuArea ul li:nth-child(2n){ margin:0 0 25px 0;}
}






/* ---------------------------------------------------------------------------------
system */

.systemArea{width:600px; margin:0 auto 0 auto; padding-bottom:100px;}
.system01{ width:50%; float:left; border-right: 1px dashed #535353;}
.system02{ width:50%; float:right;}

.systemArea:before,
.systemArea:after {content: " ";display:table;}
.systemArea:after {clear: both;}
.systemArea{*zoom: 1;}

.systemArea h3{ color:#8278ff; font-weight:normal; font-size:110%;}
.systemArea dl{ padding:1em 1em 2em 1em;}
.systemArea dt{ padding:0 0 0 0; font-weight: bold;}
.systemArea dd{padding:0 0 0.5em 1em; top: -1em; text-align: right; position: relative; padding-right: 1em;}
.systemArea dd span{ display:inline-block; padding:0 5px; border:1px dotted #6F6F6F; font-size:70%;}




@media(max-width:750px){

.system01{ width:50%; float:left; border-right: none;}
.systemArea{ width:600px; margin:0 auto 0 auto;}
.system01{ width:auto; float:none;}
.system02{ width:auto; float:none;}
.systemArea dd{padding:0 0 0.5em 1em; top: 0; text-align: right; position: relative; padding-right: 1em;}
.systemArea dd span{ display:inline-block; border:none;padding:0 0 0 5px; color:#8B8B8B;}


}


/* ---------------------------------------------------------------------------------
mailformpro */

.aboutForm{ padding:50px 0;}
.formCheck{ color:#A3292B; padding-bottom: 50px}

#mailformpro dl,
#mailformpro dt,
#mailformpro dd {
  box-sizing: border-box;
}
#mailformpro dl {

}
#mailformpro dt{padding: 0 0 0 0; margin-bottom:10px;}
#mailformpro dd{padding: 0 10px 0 40px; margin-bottom:20px;}
#mailformpro dt{
  width: 25%;
  float: left;
  font-size:90%;
}
#mailformpro dd {
  margin-left: 25%;
  padding-bottom: 10px;
}
#mailformpro dd:after {
  content: '';
  display: block;
  clear: both;
}

#mailformpro dt >.inner{ border:1px solid #615a55;padding:15px 0 ; text-align:center;}
#mailformpro dd >.inner{ border:none;padding:20px 0 ; text-align:left;}

#mailformpro dd textarea{ width:100%;background:#191411; color:#ddd;border:1px solid #615a55;padding:5px;}
#mailformpro dd input{ width:100%; background:#191411; color:#ddd; border:1px solid #615a55;padding:5px;}
#mailformpro dd .radio{ margin-right:50px;}
#mailformpro dd .radio input{width:auto;}

#mailformpro dd p.formchecktext{font-size:80%; margin-top:1em; margin-bottom:0 !important; color:#aaa;}



@media(max-width:750px){

#mailformpro dd textarea{ width:100%;background:#fff; color:#333;padding:5px; font-size:24px;}
#mailformpro dd input{ width:100%; background:#fff; color:#333; padding:5px; font-size:24px;}

}





















/* ---------------------------------------------------------------------------------
footer */

footer{ background:#2b2623; color:#ddd;padding:75px 0;}
footer a{ color:#ddd !important;}
footer >.inner{ width:1000px; margin:0 auto;padding:0; position:relative;}


.ftbox01{ width:270px; position:relative; top:0; left:0; padding-bottom:30px;}
.ftbox02{ width:270px; position:absolute; top:0; left:320px;}
.ftbox02b{ width:270px; position:absolute; top:0; left:640px;}
.ftbox03{ width:176px; height:auto; position:absolute; top:55px; right:0;}

.ftbox01 img{ }
.ftbox03 img{ width:100%;}

.ftbox01 dl{padding:0 0 0 0;}
.ftbox01 dt{padding-left:30px; border-bottom:1px solid #C0C0C0;padding-bottom:15px;margin-bottom: 15px;}
.ftbox01 dd{margin:0 40px 15px 30px; font-size:80%; line-height:1.6em;}

.ftbox01 dt a{height:40px; width: auto;}
.ftbox01 dt a img{height:40px; width: auto;}

.ftnm01{ font-size:85%; line-height:1.1em; display:block; }
.ftnm02{ font-size:120%; line-height:1.7em; font-weight:bold; display:block;border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:5px;}

.ftbox02 dl{}
.ftbox02 dt{padding-left:30px; height:auto; vertical-align:bottom;border-bottom:1px solid #AAAAAA; box-sizing:border-box; padding-bottom:15px; font-size:110%;margin-bottom: 15px; line-height: 1em;}
.ftbox02 dt span{ height:40px; display: block; vertical-align:baseline;padding-top:20px;}
.ftbox02 dd{ padding-left:30px;font-size:80%; line-height:1.7em;}

.ftbox02b dl{}
.ftbox02b dt{padding-left:30px; height:76px; border-bottom:1px solid #AAAAAA; padding-top:45px; box-sizing:border-box; margin-bottom:15px;font-family: 'Crimson Text', serif; font-size:110%}
.ftbox02b dd{ padding-left:30px;font-size:80%; line-height:1.7em;}

.ftbox03 p{ font-size:70%; line-height:1.5em; margin-top: 10px; margin-bottom:10px;text-align: center;}

footer > p{padding:30px 0; text-align:center; color:#AFAFAF; font-size:80%; border-top:1px solid #4D4D4D; margin-top:30px; width:1000px;
margin-left:auto; margin-right:auto;}



@media(max-width:750px){

footer{ padding:0; font-size:110%;}
footer a{ color:#ddd !important;}
footer >.inner{ width:auto; margin:0 auto;padding:0; position:relative;}

.ftbox01{ width:auto; position:static; top:0; left:0;padding:75px;}
.ftbox02{ display:none;}
.ftbox03{ width:auto; height:auto; position:static; padding:75px; background:#2f2c29; }
.ftbox02b{ display:none;}


.ftbox01 dl{padding:0 0 0 0;}
.ftbox01 dt{border-bottom:1px solid #C0C0C0;padding-bottom:15px;padding-left:40px;}
.ftbox01 dd{margin:15px 40px 15px 40px; font-size:80%; line-height:1.6em;}

.ftbox01 dt img{ width:50%;margin-left:0;}

.ftnm01{ font-size:85%; line-height:1.1em; display:block; }
.ftnm02{ font-size:120%; line-height:1.7em; font-weight:bold; display:block;border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:5px;}

　
.ftbox03 p{ font-size:100%; line-height:1.5em; margin-top:10px; margin-bottom:20px;text-align:center;}
.ftbox03 a{ text-align:center; display:block; width: 60%; margin: 0 auto;}
footer > p{padding:40px 0; text-align:center; color:#AFAFAF; font-size:80%; border-top:none; margin-top:0; width:auto;
margin-left:auto; margin-right:auto;}



}







.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:751px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:750px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:750px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:751px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}