/************************************************

  main_banquetroom

************************************************/
.main_banquetroom .mt_shop_fukuoka.up {
  background: url(/shop/fukuoka/banquetroom/img/mt_up.jpg) no-repeat center;
  height: 400px;
}
.main_banquetroom .main {
  text-align: center
}

.main_banquetroom .main h2 {
  font-size: 35px;
  line-height: 1;
  font-family: serif;
}

.main_banquetroom .main .sub {
  margin-bottom: 20px;
  font-size: 13px;
  margin-top: 10px;
}

.main_banquetroom .main .tit {
  font-size: 20px;
  font-family: serif;
}

.main_banquetroom .main .txt {
  margin-top: 20px;
}


/* section_concept */
.main_banquetroom .main .section_concept .txt {
  font-size: 15px;
  font-family: serif;
  line-height: 1.8;
}


/* section_gallery */
.main_banquetroom .main .section_gallery {
  margin-top: 80px;
  box-sizing: border-box;
}

.main_banquetroom .main .section_gallery ul {
  opacity: 1.0;
  transition: none;
  background: none;
  border: none;
}

.main_banquetroom .main .section_gallery li.grid {
  position: relative;
  width: 216px;
  height: 140px;
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
}

.main_banquetroom .main .section_gallery li.grid:nth-child(3n) {
  margin-left: 0;
}
.main_banquetroom .main .section_gallery li.grid:nth-child(3n+1) {
  clear: left;
}

.main_banquetroom .main .section_gallery li img {
  width: 100%;
}

.main_banquetroom .main .section_gallery p.btn_open {
  position: relative;
  width: 110px;
  height: 110px;
  margin: 15px auto 20px;
  padding-top: 58px;
  border: 1px solid #1f1f1f;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}

.main_banquetroom .main .section_gallery p.btn_open::after {
  display: block;
  position: absolute;
  top: 28px;
  left: 50%;
  width: 30px;
  height: 37px;
  margin-left: -15px;
  background: url(../shop/fukuoka/banquetroom/img/ico_more.png) no-repeat;
  background-size: 30px auto;
  content: "";
}

.main_banquetroom .main .section_gallery p.btn_open:hover {
  cursor: pointer;
  opacity: .8;
}

.main_banquetroom .main .section_gallery .area_more {
  display: none;
}

.main_banquetroom .main .section_gallery .btn_more {
  display: block;
  position: relative;
  width: 300px;
  height: 40px;
  margin: 0px auto 20px;
  background: #1f1f1f;
  color: #fff;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}

.main_banquetroom .main .section_gallery .btn_open.open {
  display: none;
}

.main_banquetroom .main .section_gallery .btn_more.open:after {
  margin-top: -7px;
  transform: rotate(270deg);
}

.main_banquetroom .main .section_gallery .btn_open .label_open {
  display: inline;
  font-size: 13px;
}

.main_banquetroom .main .section_gallery .btn_open.open .label_open {
  display: none;
}

.main_banquetroom .main .section_gallery .btn_open .label_close {
  display: none;
}

.main_banquetroom .main .section_gallery .btn_open.open .label_close {
  display: inline;
}

.main_banquetroom .main .section_gallery .comment {
  font-size: 30px;
  text-align: center;
}

.main_banquetroom .main .section_gallery .btn_open.hidden,
.main_banquetroom .main .section_gallery .comment.hidden {
  display: none;
}



/* section_plan */
.main_banquetroom .main .section_plan {
  margin-top: 80px;
}
.main_banquetroom .main .section_plan .inner {
  margin-top: 20px;
}
.main_banquetroom .main .section_plan .box_plan {
  width: 225px;
  float: left;
  margin-right: 15px;
  border: 1px solid #bebebe;
  min-height: 160px;
  margin-bottom: 20px;
  position: relative;
  background: url(../shop/fukuoka/banquetroom/img/bg.png) no-repeat center;
  background-size: 87%;
}
.main_banquetroom .main .section_plan .box_plan:nth-child(2n) {
  background: url(../shop/fukuoka/banquetroom/img/bg2.png) no-repeat center;
  background-size: 67%;
}
.main_banquetroom .main .section_plan .box_plan:nth-child(3n) {
  margin-right: 0;
}
.main_banquetroom .main .section_plan .box_plan:nth-child(3n+1) {
  clear: left;
}
.main_banquetroom .main .section_plan dl {
  width: 100%;
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main_banquetroom .main .section_plan dt {
  font-size: 16px;
  font-family: serif;
  line-height: 1.4;
  color: #a7833f;
}
.main_banquetroom .main .section_plan dd {
  margin-top: 10px;
}

.main_banquetroom .main .unit_meeting {
  border: 1px solid #bebebe;
  padding: 20px;
}
.main_banquetroom .main .unit_meeting .box {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
}
.main_banquetroom .main .unit_meeting .box h3 {
  font-size: 16px;
  font-family: serif;
  margin-bottom: 7px;
  color: #a7833f;
}


.main_banquetroom .main .unit_notice {
  margin-top: 40px;
  padding: 25px 20px;
  background: #fff;
  font-size: 14px;
  font-family: serif;
  line-height: 1.8;
}


/* btn */
.main_banquetroom .main .btn {
  width: 560px;
  margin: 50px auto;
  height: 50px;
  text-align: center;
}
.main_banquetroom .main .btn a {
  line-height: 50px;
  background: #c6292f;
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}



/* ----------------------------------------------------------
 *
 * Clear Fix
 *
 *---------------------------------------------------------- */
 .clearfix {
  *zoom: 1;
}
.clearfix::after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}

.clear {
  clear: both;
}
