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

 file name  : cuisine.css
 author     : Ability Consultant
 style info : 料理
=================================================================== */
#pnav {
  width: 950px;
  margin: auto;
}

#htlSide-A {
  top: 1400px;
}

/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
.con_int p {
  margin-top: 80px;
}

/* -----------------------------------------------------------
	#pnav
----------------------------------------------------------- */
#pnav {
  margin: 35px auto 0;
  max-width: 950px;
  height: 190px;
  background-color: #2c1d18;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1px) and (max-width: 0px) {
  #pnav {
    margin: 85px auto 0;
  }
}
@media only screen and (max-width: 0px) {
  #pnav {
    margin: 2.5em auto 0;
  }
}
#pnav li {
  position: relative;
  height: calc(1rem + 90px);
}
#pnav li:before, #pnav li:after {
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: bottom 500ms ease-out;
  transition: bottom 500ms ease-out;
}
#pnav li:before {
  bottom: 1px;
  right: calc(50% - 7.5px);
  width: 15px;
  height: 15px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#pnav li:after {
  bottom: 0;
  right: 50%;
  height: 25px;
  width: 1px;
  background: #fff;
}
#pnav li:hover:before {
  bottom: -9px;
}
#pnav li:hover:after {
  bottom: -10px;
}
#pnav li a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pnav li a:hover {
  color: white;
}
#pnav li a .tit {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 124%;
  letter-spacing: .1em;
  line-height: 1.5;
  text-align: center;
}

/* -----------------------------------------------------------
	.con_cui1
----------------------------------------------------------- */
.con_cui1 h3 {
  margin: 80px auto 30px;
}
.con_cui1 .box_cui {
  margin-bottom: 40px;
}
.con_cui1 .box_cui li:nth-child(n+3) {
  margin-top: 50px;
  padding-top: 50px;
  border-top: solid 1px #e5e5e5;
}
.con_cui1 .box_cui li .img:not(:last-child) {
  margin-bottom: 40px;
}
.con_cui1 .box_cui li .box_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 80px;
}

/* -----------------------------------------------------------
	.con_cui2
----------------------------------------------------------- */
.con_cui2 h3 {
  margin: 80px auto 30px;
}
.con_cui2 p:not(:last-child) {
  margin-bottom: 40px;
}

/* -----------------------------------------------------------
	.con_cui3
----------------------------------------------------------- */
.con_cui3 h3 {
  margin: 80px auto 30px;
}
.con_cui3 p {
  margin-bottom: 80px;
}