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

 file name  : dining.css
 author     : Ability Consultant
 style info :     料理
=================================================================== */
.con_lnk ul, .con_di1 .box_st, .wrp_di2 .con_di2 .box_di2 .box_st, .wrp_di2 .con_di2 .box_di2 ul, .con_chef .box_cheft, .con_di3 .box_st, .con_di3 .box_di .box_info, .con_di4 .box_di4 {
  max-width: 950px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_lnk ul, .con_di1 .box_st, .wrp_di2 .con_di2 .box_di2 .box_st, .wrp_di2 .con_di2 .box_di2 ul, .con_chef .box_cheft, .con_di3 .box_st, .con_di3 .box_di .box_info, .con_di4 .box_di4 {
    width: 95%;
  }
}

.con_di1 .box_di1:after, .wrp_di2 .con_di2 .box_di2 ul:after, .wrp_di2 .con_di2 .box_di2 ul li:after, .con_chef .box_cheft:after, .con_di3 .box_di .box_info:after, .con_di4 .box_di4 ul:after {
  content: "";
  display: table;
  clear: both;
}

/* Animation */
/* Font size */
/*Vertical text */
/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
/* -----------------------------------------------------------
	con_main
----------------------------------------------------------- */
.con_main {
  background: transparent url(../images/dining/img_main.jpg) no-repeat center center;
  background-size: cover;
}

/* -----------------------------------------------------------
	con_lnk
----------------------------------------------------------- */
.con_lnk {
  background: transparent url(../images/common/bg_lnk.jpg);
  padding: 45px 0;
}
.con_lnk ul {
  text-align: center;
}
.con_lnk ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0  1em;
}
.con_lnk ul li a {
  text-decoration: none !important;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-size: 100%;
}
.mouse .con_lnk ul li a:hover, .touch .con_lnk ul li a.touchstart {
  text-decoration: underline !important;
}
.touch .con_lnk ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_lnk ul li a.touchend {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_lnk p {
  text-align: center;
}
.con_lnk p select {
  max-width: 100%;
  padding: .5em;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  background: transparent url(../images/dining/bg_intro-pc.jpg) no-repeat center center;
  background-size: cover;
  height: 650px;
  padding-top: 4em;
  position: relative;
  text-align: center;
}
.con_intro .box_intro {
  color: #fff;
}
.con_intro .box_intro .sub span {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  -moz-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  display: inline-block;
  font-size: 250%;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.con_intro .box_intro .st_md span {
  font-size: 157%;
}
.con_intro .box_intro .st_md em.kandi {
  position: relative;
}
.con_intro .box_intro .st_md em.hira {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 57%;
  width: 150%;
  text-align: left;
  letter-spacing: -3px;
}
.con_intro .box_intro .txt {
  margin: 1em 0 2em;
  line-height: 2.5;
  font-size: 100%;
}

/* -----------------------------------------------------------
	con_di1
----------------------------------------------------------- */
.con_di1 {
  margin-top: 50px;
}
.con_di1:last-of-type {
  margin-bottom: 150px;
}
.con_di1 .box_st {
  text-align: center;
  margin-bottom: 50px;
}
.con_di1 .box_st h3 {
  margin-bottom: 25px;
}
.con_di1 .box_st .txt {
  line-height: 1.8;
  font-size: 100%;
  color: #232323;
}
.con_di1 .box_di1 {
  position: relative;
}
.con_di1 .box_di1 .box_slide_1 {
  position: relative;
  width: 950px;
  height: 583px;
  overflow: hidden;
  margin: 0 auto;
}
.con_di1 .box_di1 .box_slide_1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_di1 .box_di1 .box_slide_1 ul li {
  z-index: 10;
  opacity: 0;
  width: 950px;
  height: 583px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_di1 .box_di1 .box_slide_1 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_di1 .box_di1 .box_slide_1 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_di1 .box_di1 .box_slide_1 ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_di1 .box_di1 .box_slide_1 ul li img {
  width: 950px;
  height: 583px;
}
.con_di1 .box_di1 .box_info {
  width: 950px;
}
.con_di1 .box_di1 .box_info .info {
  width: 950px;
  margin: 15px auto 25px;
  overflow: hidden;
  text-align: center;
}
.con_di1 .box_di1 .box_info .st_md_txt {
  font-size: 250%;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-weight: normal;
  width: 45%;
  float: left;
}
.con_di1 .box_di1 .box_info .txt {
  width: 55%;
  float: right;
  line-height: 1.8;
  font-size: 100%;
  text-align: left;
  padding-top: 30px;
}

/* -----------------------------------------------------------
	con_di2
----------------------------------------------------------- */
.wrp_di2 {
  background: transparent url(../images/dining/bg_par.jpg);
}
.wrp_di2 .con_di2 .box_di2 .box_st {
  text-align: center;
  margin-bottom: 45px;
}
.wrp_di2 .con_di2 .box_di2 .box_st h3 {
  margin-bottom: 25px;
}
.wrp_di2 .con_di2 .box_di2 .box_st .txt {
  font-size: 100%;
  line-height: 1.8;
}
.wrp_di2 .con_di2 .box_di2 ul {
  width: 920px;
  padding: 0 15px;
}
.wrp_di2 .con_di2 .box_di2 ul li {
  float: left;
  width: 29.36097%;
  margin-right: 5.61313%;
}
.wrp_di2 .con_di2 .box_di2 ul li .photo {
  position: relative;
}
.wrp_di2 .con_di2 .box_di2 ul li .photo img {
  width: 100%;
  max-width: none;
}
.wrp_di2 .con_di2 .box_di2 ul li .photo span {
  position: absolute;
  top: 0;
  right: 0;
  height: 81%;
  background: rgba(34, 22, 8, 0.6);
  padding: 2em .5em;
  text-align: center;
}
.wrp_di2 .con_di2 .box_di2 ul li .photo span em {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  -moz-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  display: inline-block;
  color: #fff;
  font-size: 144%;
}
.wrp_di2 .con_di2 .box_di2 ul li .info h4 {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-weight: normal;
  text-align: center;
  color: #221608;
  font-size: 157%;
  margin: .5em 0;
}
.wrp_di2 .con_di2 .box_di2 ul li .info p {
  line-height: 1.8;
  font-size: 100%;
}
.wrp_di2 .con_di2 .box_di2 ul li:last-child, .wrp_di2 .con_di2 .box_di2 ul li.break {
  margin-right: 0;
}

/* -----------------------------------------------------------
	con_chef
----------------------------------------------------------- */
.con_chef {
  background: transparent url(../images/dining/bg_cheft.jpg) no-repeat;
  background-size: cover;
  padding: 65px 0 75px;
}
.con_chef .box_cheft {
  position: relative;
}
.con_chef .box_cheft .photo {
  float: left;
  width: 64.52632%;
}
.con_chef .box_cheft .info {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 65.78947%;
  color: #fff;
}
.con_chef .box_cheft .info h3 {
  display: inline-block;
  vertical-align: middle;
  width: 6.4%;
  margin-right: 5.6%;
}
.con_chef .box_cheft .info .box_txt {
  display: inline-block;
  vertical-align: middle;
  width: 88%;
}
.con_chef .box_cheft .info .box_txt p {
  font-size: 100%;
  line-height: 2.5;
}
.con_chef .box_cheft .info .box_txt p.author {
  margin-top: 35px;
  text-align: right;
}

/* -----------------------------------------------------------
	con_di3
----------------------------------------------------------- */
.con_di3 {
  padding-top: 90px;
}
.con_di3 .box_st {
  text-align: center;
  margin-bottom: 50px;
}
.con_di3 .box_st h3 {
  margin-bottom: 40px;
}
.con_di3 .box_st .txt {
  font-size: 100%;
  line-height: 1.8;
}
.con_di3 .box_di {
  background: transparent url(../images/dining/bg_di3.jpg) repeat-x top left;
  padding: 60px 0 70px;
}
.con_di3 .box_di .title {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-weight: normal;
  font-size: 219%;
  text-align: center;
  margin: 0 0 25px;
}
.con_di3 .box_di .box_slide_di {
  position: relative;
  width: 950px;
  height: 633px;
  margin: 0 auto 15px;
  overflow: hidden;
}
.con_di3 .box_di .box_slide_di ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_di3 .box_di .box_slide_di ul li {
  z-index: 10;
  opacity: 0;
  width: 950px;
  height: 633px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_di3 .box_di .box_slide_di ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_di3 .box_di .box_slide_di ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_di3 .box_di .box_slide_di ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_di3 .box_di .box_slide_di ul li img {
  width: 950px;
  height: 633px;
}
.con_di3 .box_di .box_slide_di2 {
  position: relative;
  width: 950px;
  height: 633px;
  margin: 0 auto 15px;
}
.con_di3 .box_di .box_slide_di2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_di3 .box_di .box_slide_di2 ul li {
  z-index: 10;
  opacity: 0;
  width: 950px;
  height: 633px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime_two 8s 0s infinite;
  animation: anime_two 8s 0s infinite;
}
.con_di3 .box_di .box_slide_di2 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_di3 .box_di .box_slide_di2 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_di3 .box_di .box_slide_di2 ul li img {
  width: 950px;
  height: 633px;
}
.con_di3 .box_di .box_info {
  margin-top: 20px;
}
.con_di3 .box_di .box_info .info {
  float: left;
  width: 55%;
  position: relative;
}
.con_di3 .box_di .box_info .info .photo {
  position: relative;
}
.con_di3 .box_di .box_info .info h4 {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-size: 157%;
  color: #221608;
  font-weight: normal;
  margin-bottom: 25px;
}
@media only screen and (max-width: 949px) {
  .con_di3 .box_di .box_info .info h4 {
    font-size: 138%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_di3 .box_di .box_info .info h4 {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_di3 .box_di .box_info .info h4 {
    font-size: 113%;
  }
}
.con_di3 .box_di .box_info .info .txt {
  font-size: 100%;
  line-height: 1.8;
  margin: 0 0 25px;
}
.con_di3 .box_di .box_info .info .btn_red {
  width: 360px;
  position: absolute;
  bottom: 9%;
  left: 0;
}
.con_di3 .box_di .box_info .list {
  float: right;
  width: 40%;
  margin: 0 auto;
}
.con_di3 .box_di .box_info .list .btn {
  text-align: center;
  cursor: pointer;
  font-size: 100%;
  color: #000;
  background: #d4c0ab;
  border-top: 1px solid #a49381;
  border-bottom: 1px solid #a49381;
  padding: 1em 0;
  margin: 0 0 25px;
}
.con_di3 .box_di .box_info .list .box_tbl {
  overflow: hidden;
  border-bottom: 1px solid #a49381;
  padding-bottom: 25px;
}
.con_di3 .box_di .box_info .list .box_tbl table {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.con_di3 .box_di .box_info .list .box_tbl table tr th, .con_di3 .box_di .box_info .list .box_tbl table tr td {
  padding: .6em .5em;
  font-weight: normal;
}
.con_di3 .box_di .box_info .list .box_tbl table tr th {
  width: 30%;
}

/* -----------------------------------------------------------
	con_di3
----------------------------------------------------------- */
.con_di4 {
  margin-bottom: 85px;
  padding: 95px 0;
  background: transparent url(../images/dining/bg_par.jpg);
}
.con_di4 .box_di4 h3 {
  text-align: center;
  margin-bottom: 65px;
}
.con_di4 .box_di4 ul li {
  float: left;
  width: 23.22971%;
  margin-right: 2.15889%;
  margin-bottom: 45px;
}
.con_di4 .box_di4 ul li h4 {
  font-weight: normal;
  text-align: center;
  margin: .5em 0;
  font-size: 157%;
  color: #221608;
}
@media only screen and (max-width: 949px) {
  .con_di4 .box_di4 ul li h4 {
    font-size: 138%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_di4 .box_di4 ul li h4 {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_di4 .box_di4 ul li h4 {
    font-size: 113%;
  }
}
.con_di4 .box_di4 ul li .txt {
  line-height: 1.8;
  font-size: 100%;
}
.con_di4 .box_di4 ul li:last-child, .con_di4 .box_di4 ul li.break {
  margin-right: 0;
}

/* -----------------------------------------------------------
  slide_animation 6 seconds
----------------------------------------------------------- */
/*slide_3*/
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  20.83% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  45.83% {
    opacity: 0;
    z-index:9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  20.83% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  45.83% {
    opacity: 0;
    z-index:9;
  }
  100% {
    opacity: 0;
  }
}

/*slide_2*/
@-webkit-keyframes anime_two {
  0% {
    opacity: 0;
  }
  31.25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  67.5% {
    opacity: 0;
    z-index:9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime_two {
  0% {
    opacity: 0;
  }
  31.25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  67.5% {
    opacity: 0;
    z-index:9;
  }
  100% {
    opacity: 0;
  }
}