@charset "utf-8";
/* CSS Document */
/* PC用スタイルシート */

/* ===================================
#reservation
=================================== */
#reservation {
  margin: 0 0 35px;
}
#reservation p {
  font-size: 18px;
  color: #322C38;
  margin: 63px 0 55px;
}
#reservation ul {
}
#reservation ul li {
  margin: 0 0 30px;
}
#reservation ul li a {
  border: 2px solid #14BFFF;
  border-radius: 6px;
  display: block;
  font-size: 40px;
  font-weight: bold;
  color: #13BFFF;
  width: 100%;
  height: 160px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
#reservation ul li a .picBox {
  content: "";
  display: block;
  width: 310px;
  height: 100%;
  background: #F4F4F4;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 28px;
  padding: 48px 60px 0 0;
  box-sizing: border-box;
  line-height: 1.2;
}
#reservation ul li a .picBox p {
  display: table-cell;
  width: 300px;
  height: 150px;
  vertical-align: middle;
  text-align: center;
  color: #13BFFF;
  font-size: 28px;
}
#reservation ul li a .picBox:before {
  content: "";
  display: block;
  height: 0;
  border-style: solid;
  border-width: 0px 0 156px 100px;
  border-color: transparent transparent #FFF transparent;
  position: absolute;
  top: 0;
  left: 210px;
}
#reservation ul li a .textBox {
  padding: 47px 50px 0 0;
  float: right;
  width: 736px;
}
#reservation ul li a .formBtn {
  background: #FFFF00;
  border-radius: 30px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 17px 30px 15px;
  font-size: 16px;
  color: #322C38;
  width: 400px;
  margin: 3px 0 0;
  box-sizing: border-box;
  float: right;
}
#reservation ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

#reservation ul li:nth-child(1) a .picBox {
  background: url(../img/pic_studio_01.jpg) no-repeat 0 40%;
}
#reservation ul li:nth-child(2) a .picBox {
  background: url(../img/pic_eda_studio_01.png) no-repeat 0 40%;
}
#reservation ul li:nth-child(3) a .picBox {
  background: url(../img/pic_kita_studio_01.png) no-repeat 0 40%;
}
#reservation ul li:nth-child(4) a .picBox {
  background: url(../img/pic_nakamachidai_studio_01.jpg) no-repeat 0 40%;
}
#reservation ul li:nth-child(5) a .picBox {
  background: url(../img/pic_kikuna_studio_01.png) no-repeat 0 40%;
}