@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :dining.css
 author     :Ability Consultant
style info  :お料理
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#spa #gnav li.gnav_spa .gnav_menu {
  background-position: 0 -79px;
}

/* -----------------------------------------------------------
	横のコーディング基本設定
----------------------------------------------------------- */
#contents {
  width: 6920px;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
.con_intro {
  height: 100%;
  float: left;
  position: relative;
}
.con_intro .img_intro {
  max-width: 100%;
  height: auto;
}
.con_intro h2 {
  position: absolute;
  top: 15%;
  right: 5%;
  z-index: 90;
}
.con_intro .box_txt {
  width: 605px;
  bottom: 50%;
  margin-bottom: -220px;
  right: 5%;
  z-index: 90;
  position: absolute;
  *zoom: 1;
}
.con_intro .box_txt:after {
  content: "";
  display: table;
  clear: both;
}
.con_intro .box_txt .txt, .con_intro .box_txt .btn {
  float: right;
}
.con_intro .box_txt .txt {
  margin-left: 40px;
}
.con_intro .box_txt .btn {
  padding-top: 12px;
}
.con_intro .btn_scroll {
  position: absolute;
  bottom: 90px;
  left: 50%;
  margin-left: -41px;
  z-index: 1001;
}

/* -----------------------------------------------------------
	.con_pagecont		コンテンツの大枠
----------------------------------------------------------- */
.con_pagecont {
  width: 3490px;
}

/* .con_int_dis		お料理INTRO
----------------------------------------------------------- */
.con_int_dis {
  width: 1060px;
  padding: 0 100px;
  height: 100%;
  float: left;
  overflow: hidden;
  *zoom: 1;
}
.con_int_dis .photo {
  margin-bottom: 30px;
}
.con_int_dis .box_intro02 {
  *zoom: 1;
  overflow: visible;
  position: relative;
}
.con_int_dis .box_intro02:after {
  content: "";
  display: table;
  clear: both;
}
.con_int_dis .box_intro02:before {
  content: url(../spa/images/bg_intro.jpg);
  width: 226px;
  height: 231px;
  position: absolute;
  display: block;
  top: -48px;
  left: 50%;
  margin-left: -100px;
  z-index: -5;
}
.con_int_dis .box_intro02 .box_txt {
  width: 600px;
  float: left;
  z-index: 2;
}
.con_int_dis .box_intro02 .box_txt h2 {
  margin-bottom: 10px;
}
.con_int_dis .box_intro02 .box_txt p {
  width: 460px;
}
.con_int_dis .box_intro02 .box_txt dl dt {
  margin-bottom: 10px;
}
.con_int_dis .box_intro02 .photo02 {
  float: right;
  z-index: 2;
}
.con_int_dis .box_intro02 .photo02 li {
  display: inline-block;
}
.con_int_dis .box_intro02 .photo02 li:first-child {
  margin-bottom: 5px;
}

/* .con_season		こだわりの素材
----------------------------------------------------------- */
.con_season {
  padding: 0 100px;
  padding-left: 0px;
  padding-right: 0;
  height: 100%;
  color: #afafaf;
  float: left;
  overflow: hidden;
  *zoom: 1;
  background-color: #1b130a;
}
.con_season h3 {
  margin-right: 80px;
}
.con_season .con_info, .con_season .con_info02 {
  position: relative;
  float: left;
  width: 750px;
  height: 100%;
  background: url(../images/common/bg_beige.png) repeat;
  color: #000;
  *zoom: 1;
}
.con_season .con_info:after, .con_season .con_info02:after {
  content: "";
  display: table;
  clear: both;
}
.con_season .con_info.con_info02, .con_season .con_info02.con_info02 {
  width: 630px;
}
.con_season .con_info .box_info, .con_season .con_info02 .box_info {
  width: 750px;
  float: left;
}
.con_season .con_info .box_info h3, .con_season .con_info02 .box_info h3 {
  float: left;
  margin-left: 70px;
  vertical-align: middle;
  margin-top: 30px;
}
.con_season .con_info .box_info h4, .con_season .con_info02 .box_info h4 {
  margin-bottom: 10px;
}
.con_season .con_info .box_info table.tbl_basic, .con_season .con_info02 .box_info table.tbl_basic {
  width: 500px;
  margin-bottom: 30px;
}
.con_season .con_info .box_info table.tbl_basic.mar_b, .con_season .con_info02 .box_info table.tbl_basic.mar_b {
  margin-bottom: 95px;
}
.con_season .con_info .box_info table.tbl_basic th, .con_season .con_info02 .box_info table.tbl_basic th {
  width: 400px;
}
.con_season .con_info .box_info table.tbl_basic td, .con_season .con_info02 .box_info table.tbl_basic td {
  width: 200px;
}
.con_season .con_remarks {
  float: left;
  width: 850px;
  height: 100%;
  *zoom: 1;
  background: url(../images/common/bg_beige.png) repeat;
  position: relative;
}
.con_season .con_remarks:after {
  content: "";
  display: table;
  clear: both;
}
.con_season .con_remarks h3 {
  margin-bottom: 20px;
}
.con_season .con_remarks ul {
  margin-bottom: 40px;
  margin-left: 5px;
}
.con_season .con_remarks ul li {
  color: #000;
  margin-bottom: 5px;
}
.con_season .con_remarks .box_contact {
  border: solid 1px #000;
  padding: 8px;
}
.con_season .con_remarks .box_contact .contact {
  border: solid 1px #000;
  padding: 20px 55px 15px 55px;
  text-align: center;
}
.con_season .con_remarks .box_contact .contact .txt {
  font-family: 'Noto Serif JP', serif;
  display: block;
  color: #000000;
  font-size: 120%;
}
.con_season .box_alacarte {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
  background: url(../images/common/bg_lastblack.png) right 0 repeat-y;
}
.con_season .box_alacarte .btn {
  margin-right: 20px;
  padding-top: 200px;
  float: left;
}