@charset "euc-jp";

/*---- common ----*/
body{
background:#000 url(../images/body_bg001.jpg) repeat 0 0;
}

@media (max-width : 768px) {
body{
background-size: 250px auto;
}
}


/*---- header ----*/
#header{
position:fixed;
top:0;
left:0;
width:100%;
height:48px;
background:url(../images/header_bg001.jpg) repeat-x 0 0;
z-index:10000;
}

#header .headerArea{
width:960px;
margin:0 auto;
background:url(../images/header_bg001.jpg) repeat-x 0 0;
zoom:1;
}

#header .headerArea:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#header .headerArea h1{
float:left;
width:78px;
height:28px;
margin:10px 20px;
text-indent:-9999px;
}

#header .headerArea h1 a{
display:block;
width:78px;
height:28px;
background:url(../images/logo_header001.png) no-repeat 0 0;
}

#header .headerArea h1 a:hover{
filter: alpha(opacity=70);
opacity:0.70;
}

#header .headerArea ul.navigation{
float:right;
width:700px;
margin-top:15px;
}

#header .headerArea ul.navigation li{
float:left;
text-indent:-99999px;
border-left:1px solid #341205;
}

#header .headerArea ul.navigation li a{
display:block;
height:21px;
}

#header .headerArea ul.navigation li a.oshirase{background:url(../images/nav_oshirase001.png) no-repeat 50% 0; width:100px;}
#header .headerArea ul.navigation li a.concept{background:url(../images/nav_concept001.png) no-repeat 50% 0; width:113px;}
#header .headerArea ul.navigation li a.tennai{background:url(../images/nav_tennai001.png) no-repeat 50% 0; width:69px;}
#header .headerArea ul.navigation li a.ryouri{background:url(../images/nav_ryouri001.png) no-repeat 50% 0; width:71px;}
#header .headerArea ul.navigation li a.drink{background:url(../images/nav_drink001.png) no-repeat 50% 0; width:86px;}
#header .headerArea ul.navigation li a.chizu{background:url(../images/nav_chizu001.png) no-repeat 50% 0; width:69px;}
#header .headerArea ul.navigation li a.kyujin{background:url(../images/nav_kyujin001.png) no-repeat 50% 0; width:68px;}
#header .headerArea ul.navigation li a.coupon{background:url(../images/nav_coupon001.png) no-repeat 50% 0; width:99px;}

#header .headerArea ul.navigation li a:hover{
filter: alpha(opacity=70);
opacity:0.70;
}

@media (max-width : 768px) {
#header{
  display: none;
}
}


/*---- wrapper ----*/
#wrapper{
width:960px;
margin:0 auto;
}

@media (max-width : 768px) {
#wrapper{
width:100%;
}
}


/*---- bodyArea ----*/
#wrapper #bodyArea{
padding-top:48px;
}

#wrapper #bodyArea #mainVisual{
height:600px;
background:url(../images/main_image001.jpg) repeat-x 0 0;
box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);
}

#wrapper #bodyArea #mainVisual h2{
width:114px;
height:509px;
padding:30px 0 0 40px;
background:url(../images/main_logo002.png) no-repeat 40px 30px;
text-indent:-9999px;
}

#wrapper #bodyArea .section{
padding:50px;
border-bottom:1px solid #774115;
zoom:1;
}

#wrapper #bodyArea .section:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea .section h2{
float:left;
width:43px;
height:195px;
text-indent:-9999px;
}

#wrapper #bodyArea #information.section h2{background:url(../images/title_oshirase001.png) no-repeat 0 0;}
#wrapper #bodyArea #concept.section h2{background:url(../images/title_concept001.png) no-repeat 0 0;}
#wrapper #bodyArea #inside.section h2{background:url(../images/title_tennai001.png) no-repeat 0 0;}
#wrapper #bodyArea #menu.section h2{background:url(../images/title_ryouri001.png) no-repeat 0 0;}
#wrapper #bodyArea #drink.section h2{background:url(../images/title_drink001.png) no-repeat 0 0;}
#wrapper #bodyArea #access.section h2{background:url(../images/title_chizu001.png) no-repeat 0 0;}
#wrapper #bodyArea #kyujin.section h2{background:url(../images/title_kyujin001.png) no-repeat 0 0;}
#wrapper #bodyArea #coupon.section h2{background:url(../images/title_coupon001.png) no-repeat 0 0;}

#wrapper #bodyArea .section .contents{
float:right;
width:700px;
}

@media (max-width : 768px) {
#wrapper #bodyArea{
padding-top:0;
}

#wrapper #bodyArea #mainVisual{
height:383px;
background:url(../images/main_image001.jpg) repeat-x 0 0  / cover;
}

#wrapper #bodyArea #mainVisual h2{
width:114px;
height:320px;
padding:30px 0 0 0;
background:url(../images/main_logo002.png) no-repeat 20px 30px / 70px auto;
}

#wrapper #bodyArea .section{
padding:40px 15px;
}

#wrapper #bodyArea .section h2{
float:none;
width:100%;
height:auto;
margin-bottom: 25px;
background: none !important;
text-indent:0;
color: #aaa;
font-size: 22px;
font-weight: bold;
font-family: "Sawarabi Mincho", serif;
}

#wrapper #bodyArea .section h2 span{
  display: none;
}
  
#wrapper #bodyArea .section .contents{
float:none;
width:100%;
}
}


/*---- information ----*/
#wrapper #bodyArea #information .contents .infoBox{
height:180px;
overflow-y:auto;
background:rgba(0,0,0,0.25);
border:1px solid #774115;
*background:#180902;
*filter:alpha(opacity=60);
}

#wrapper #bodyArea #information .contents .infoBox dl{
margin:5px 15px;
padding:0 0 5px;
border-bottom:1px dotted #774115;
zoom:1;
}

#wrapper #bodyArea #information .contents .infoBox dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea #information .contents .infoBox dl dt{
float:left;
width:111px;
}

#wrapper #bodyArea #information .contents .infoBox dl dd{
float:left;
width:540px;
}

#wrapper #bodyArea #information .contents  .wanted{
  margin-top: 20px;
  font-size: 18px;
}

@media (max-width : 768px) {
#wrapper #bodyArea #information .contents .infoBox dl{
margin:10px 15px;
padding:0 0 10px;
}
#wrapper #bodyArea #information .contents .infoBox dl dt{
width:100%;
font-weight: bold;
}
#wrapper #bodyArea #information .contents .infoBox dl dd{
width:100%;
}
}


/*---- concept ----*/
#wrapper #bodyArea #concept .contents{
}

#wrapper #bodyArea #concept .contents h3{
font-size:22px;
}

#wrapper #bodyArea #concept .contents p{
margin-top:30px;
}

@media (max-width : 768px) {
#wrapper #bodyArea #concept .contents{
}

#wrapper #bodyArea #concept .contents h3{
font-size:26px;
}

#wrapper #bodyArea #concept .contents p{
margin-top:25px;
}
}


/*---- inside ----*/
#wrapper #bodyArea #inside .contents{}

@media (max-width : 768px) {
}


/*---- menu ----*/
#wrapper #bodyArea .contents div.menuList{
margin-top:50px;
}

#wrapper #bodyArea .contents div.menuList h3{
font-size:24px;
font-weight:normal;
border-bottom:1px solid #774115;
}

#wrapper #bodyArea .contents div.menuList ul{}

#wrapper #bodyArea .contents div.menuList ul li{
position:relative;
padding:10px 80px 10px 15px;
text-indent:-15px;
border-bottom:1px dotted #774115;
}

#wrapper #bodyArea .contents div.menuList ul li span{
position:absolute;
top:10px;
right:0;
}

#wrapper #bodyArea .contents div.horsdoeuvre{}

#wrapper #bodyArea .contents div.horsdoeuvre ul{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}

#wrapper #bodyArea .contents div.menuList.horsdoeuvre li{
  padding: 10px 0 20px;
  border-bottom: none;
  text-indent: 0;
}

#wrapper #bodyArea .contents div.horsdoeuvre li img{
  width: 330px;
  margin-bottom: 10px;
}

#wrapper #bodyArea .contents div.horsdoeuvre li p{
  text-align: center;
}

#wrapper #bodyArea .contents div.horsdoeuvre p.note{
  padding-bottom: 10px;
  border-bottom: 1px dotted #774115;
  text-align: center;
}

#wrapper #bodyArea .contents div.course{}

#wrapper #bodyArea .contents div.food{}

#wrapper #bodyArea .contents div.drink{}

#wrapper #bodyArea .contents div.lunch{}

#wrapper #bodyArea .contents ul.memo{
margin-top:50px;
}

@media (max-width : 768px) {
#wrapper #bodyArea .contents div.menuList{
margin-top:40px;
}

#wrapper #bodyArea .contents div.menuList h3{
font-size: 20px;
font-weight: bold;
font-family: "Sawarabi Mincho", serif;
}

#wrapper #bodyArea .contents div.menuList ul{
}

#wrapper #bodyArea .contents div.menuList ul li{
padding:10px 70px 10px 0;
text-indent:0;
}

#wrapper #bodyArea .contents div.menuList ul li span{
}

#wrapper #bodyArea .contents div.horsdoeuvre{}

#wrapper #bodyArea .contents div.horsdoeuvre ul{
}

#wrapper #bodyArea .contents div.menuList.horsdoeuvre li{
  width: 50%;
  padding: 10px 0 20px;
}

#wrapper #bodyArea .contents div.horsdoeuvre li img{
  width: 100%;
  margin-bottom: 10px;
}

#wrapper #bodyArea .contents div.horsdoeuvre li p{
  text-align: center;
}

#wrapper #bodyArea .contents div.horsdoeuvre p.note{
  text-align: left;
}

#wrapper #bodyArea .contents div.course{}

#wrapper #bodyArea .contents div.food{}

#wrapper #bodyArea .contents div.drink{}

#wrapper #bodyArea .contents div.lunch{}

#wrapper #bodyArea .contents ul.memo{
margin-top:20px;
font-size: 12px;
}
}


/*---- Photo Gallery ----*/
#wrapper #bodyArea .section .contents ul#pics{
display:block;
}

#wrapper #bodyArea .section .contents ul#pics li{
position:absolute;
}

#wrapper #bodyArea .section .contents ul.thumbs{
margin-left:-10px;
zoom:1;
}

#wrapper #bodyArea .section .contents ul.thumbs:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea .section .contents ul.thumbs li{
margin:10px 0 0 10px;
background-color:#000;
cursor:pointer;
float:left;
}

@media (max-width : 768px) {
#wrapper #bodyArea .section .contents ul#pics01 li img,
#wrapper #bodyArea .section .contents ul#pics02 li img{
  width: 100%;
}
}


/*---- access ----*/
#wrapper #bodyArea #access .contents{
zoom:1;
}

#wrapper #bodyArea #access .contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea #access .contents .map{
float:left;
width:300px;
}

#wrapper #bodyArea #access .contents .map a{
font-size:14px;
}

#wrapper #bodyArea #access .contents .access{
float:right;
width:365px;
}

#wrapper #bodyArea #access .contents .access dl{
padding:5px 0;
border-bottom:1px dotted #774115;
zoom:1;
}

#wrapper #bodyArea #access .contents .access dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea #access .contents .access dl dt{
float:left;
width:90px;
}

#wrapper #bodyArea #access .contents .access dl dd{
float:right;
width:275px;
}

@media (max-width : 768px) {
#wrapper #bodyArea #access .contents{
}

#wrapper #bodyArea #access .contents:after{
}

#wrapper #bodyArea #access .contents .map{
float:none;
width:100%;
}
  
#wrapper #bodyArea #access .contents .map iframe{
  width: 100%;
}

#wrapper #bodyArea #access .contents .map a{
  display: block;
  padding: 15px 0;
}
#wrapper #bodyArea #access .contents .map a + a{
  display: none;
}

#wrapper #bodyArea #access .contents .access{
float:none;
width:100%;
}

#wrapper #bodyArea #access .contents .access dl{
  padding: 10px 0;
}

#wrapper #bodyArea #access .contents .access dl:after{
}

#wrapper #bodyArea #access .contents .access dl dt{
width:26%;
}

#wrapper #bodyArea #access .contents .access dl dd{
width:74%;
}
}


/*---- kyujin ----*/
#wrapper #bodyArea #kyujin .contents .kyujin p.copy{
margin-bottom:10px;
font-size:18px;
font-weight: bold;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl{
padding:5px 0;
border-bottom:1px dotted #774115;
zoom:1;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl dt{
float:left;
width:100px;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl dd{
float:left;
width:600px;
}

#wrapper #bodyArea #kyujin .contents .kyujin p.info{
margin:10px 0 50px;
font-size:16px;
}

@media (max-width : 768px) {
#wrapper #bodyArea #kyujin .contents .kyujin p.copy{
margin-bottom:20px;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl{
padding:10px 0;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl:after{
}

#wrapper #bodyArea #kyujin .contents .kyujin dl dt{
width:26%;
}

#wrapper #bodyArea #kyujin .contents .kyujin dl dd{
width:74%;
}

#wrapper #bodyArea #kyujin .contents .kyujin p.info{
margin:10px 0 0;
font-size:14px;
}
}


/*---- coupon ----*/
#wrapper #bodyArea #coupon .contents ul.couponList li{
margin-bottom:15px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div{
width:678px;
padding:10px;
border:1px solid #774115;
background:rgba(0,0,0,0.35);
border-radius:6px;
*background:#180902;
*filter:alpha(opacity=60);
}

#wrapper #bodyArea #coupon .contents ul.couponList li div h3{
margin-bottom:10px;
font-size:16px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div p{
font-size:12px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div p.print{
text-align:right;
}

@media (max-width : 768px) {
#wrapper #bodyArea #coupon .contents ul.couponList li{
margin-bottom:15px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div{
width:100%;
box-sizing: border-box;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div h3{
font-size:18px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div p{
font-size:14px;
}

#wrapper #bodyArea #coupon .contents ul.couponList li div p.print{
display: none;
}
}


/*---- footer ----*/
#wrapper #footer{
padding:100px 0 50px;
text-align:center;
}

#wrapper #footer .logo{
width:207px;
height:76px;
margin:0 auto 10px;
background:url(../images/logo_footer001.png) no-repeat 50% 0;
text-indent:-9999px;
}

#wrapper #footer .copyright{
font-size:12px;
color:#774115;
}

@media (max-width : 768px) {
#wrapper #footer{
padding:50px 0;
}

#wrapper #footer .logo{
width:100px;
height:38px;
background:url(../images/logo_footer001.png) no-repeat 50% 0 / 100px auto;
}

#wrapper #footer .copyright{
}
}




/*============================
globalMenuSp
============================*/
nav.globalMenuSp{
  display: none;
}
@media (max-width : 768px) {
nav.globalMenuSp {
  display: block;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.3s;
  width: 100%;
}
nav.globalMenuSp ul {
  background: rgba(74,63,63,.9);
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li {
  font-size: 1.1em;
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px dotted #ccc;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 12px 0;
}
nav.globalMenuSp.active {
  transform: translateY(0%);
}
}

/*============================
navToggle
============================*/
.navToggle{
  display: none;
}
@media (max-width : 768px) {
.navToggle {
  display: block;
  position: fixed;
  right: 13px;
  top: 12px;
  width: 42px;
  height: 51px;
  cursor: pointer;
  z-index: 3;
  background: rgba(74,63,63,1);
  text-align: center;
}
.navToggle span {
  display: block;
  position: absolute;
  width: 30px;
  border-bottom: solid 3px #eee;
  transition: .35s ease-in-out;
  left: 6px;
}
.navToggle span:nth-child(1) {
  top: 9px;
}
.navToggle span:nth-child(2) {
  top: 18px;
}
.navToggle span:nth-child(3) {
  top: 27px;
}
.navToggle span:nth-child(4) {
  border: none;
  color: #eee;
  font-size: 9px;
  font-weight: bold;
  top: 34px;
}
.navToggle.active span:nth-child(1) {
  top: 18px;
  left: 6px;
  transform: rotate(-45deg);
}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
  top: 18px;
  transform: rotate(45deg);
}
}