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

 file name  : kantou.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/* Hover animation */
/* font-awesome */
/* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
body {
  background: #fff;
}

.btn_link,
.btn_link_s {
  border: 1px dotted #000;
  max-width: 735px;
  margin: 0 auto;
}

.btn_link a,
.btn_link div,
.btn_link_s a,
.btn_link_s div {
  display: block;
  text-align: center;
  color: #3e3e3e;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 1.1em;
}

.btn_link a span,
.btn_link div span,
.btn_link_s a span,
.btn_link_s div span {
  display: inline-block;
  padding-left: 20px;
}

.btn_link a,
.btn_link div,
.btn_form a,
.btn_form div {
  padding: 15px 0;
}

.btn_link_s {
  display: inline-block;
}

.btn_link_s a,
.btn_link_s div,
.btn_form_s a,
.btn_form_s div {
  padding: 10px;
}

.btn_link:hover,
.btn_link_s:hover {
  background: #f8e5ed;
}

.btn_link a span,
.btn_link div span,
.btn_link_s a span,
.btn_link_s div span {
  background: url("../../campaign/kyushu/images/ic_btn_pink.png") left center no-repeat;
}

#campaign #contents img {
  vertical-align: top;
}

.container {
  max-width: 768px;
  margin: 0 auto;
  *zoom: 1;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.kantou h3 {
  background: none;
  padding: 0;
  text-align: center;
  margin: 0;
}

/* -----------------------------------------------------------
	con_mainimg
----------------------------------------------------------- */
.con_mainimg {
  text-align: center;
}
.con_mainimg .box_imgmain {
  position: relative;
  max-width: 768px;
  margin: 0 auto;
  padding-bottom: 26.5%;
}
.con_mainimg .box_imgmain .box_lnk ul li {
  position: absolute;
  width: 43.5%;
}
.con_mainimg .box_imgmain .box_lnk ul li.lnk_ogo {
  top: 49.2%;
  left: 4.5%;
}
.con_mainimg .box_imgmain .box_lnk ul li.lnk_mgka {
  top: 64.4%;
  left: 4.5%;
}
.con_mainimg .box_imgmain .box_lnk ul li.lnk_birthday {
  top: 79.5%;
  left: 4.5%;
}
.con_mainimg .box_imgmain .box_lnk ul li.lnk_instagram {
  width: 41%;
  top: 62.5%;
  right: 5.5%;
}

/* -----------------------------------------------------------
	con_ogo
----------------------------------------------------------- */
.con_ogo {
  margin-bottom: 11%;
}
.con_ogo h3 {
  margin-bottom: 10.5%;
}
.con_ogo .box_content .box_room_type {
  margin-bottom: 13.5%;
}
.con_ogo .box_content .box_room_type .box_rooms {
  padding: 2% 5%;
  background: #dfcbb7;
  background: -moz-linear-gradient(left, #dfcbb7 0%, white 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #dfcbb7), color-stop(100%, white));
  background: -webkit-linear-gradient(left, #dfcbb7 0%, white 100%);
  background: -o-linear-gradient(left, #dfcbb7 0%, white 100%);
  background: -ms-linear-gradient(left, #dfcbb7 0%, white 100%);
  background: linear-gradient(to right, #dfcbb7 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfcbb7', endColorstr='#ffffff', GradientType=1 );
}
.con_ogo .box_content .box_room_type .box_rooms ul li {
  padding: 3% 0;
  border-bottom: 1px solid #8f2356;
}
.con_ogo .box_content .box_room_type .box_rooms ul li.last {
  border-bottom: 0;
}
.con_ogo .box_content .box_memorial {
  border: 5px solid #a78339;
  text-align: center;
  padding: 8%;
  margin: 0 1%;
}
.con_ogo .box_content .box_memorial h4 {
  margin-bottom: 9%;
}
.con_ogo .box_content .box_memorial .wrp_txt {
  margin-bottom: 6%;
}
.con_ogo .box_content .box_memorial .wrp_img {
  margin-bottom: 7%;
}

/* -----------------------------------------------------------
	.con_mgka
----------------------------------------------------------- */
.con_mgka {
  background: #f6ecdf url("../../campaign/kantou2018/images/bg_mgka.jpg") repeat center center;
  padding: 12% 4% 9%;
  text-align: center;
}
.con_mgka h3 {
  margin-bottom: 3%;
}
.con_mgka .box_txt {
  text-align: left;
  margin-bottom: 2%;
}
.con_mgka .box_txt h4 {
  color: #4d3118;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 2%;
  line-height: 1.6;
}
.con_mgka .box_txt p {
  font-size: 87%;
  line-height: 1.5;
}
.con_mgka .wrp_img {
  margin-bottom: 4%;
}

/* -----------------------------------------------------------
	.con_birthday
----------------------------------------------------------- */
.con_birthday {
  background: #d8eff7 url("../../campaign/kantou2018/images/bg_birthday.jpg") no-repeat center top;
  background-size: 100% auto;
  text-align: center;
  padding: 11% 0;
  margin-bottom: 28%;
}
.con_birthday h3 {
  margin-bottom: 7%;
}
.con_birthday .box_content {
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 3%;
  padding: 6% 0.5%;
}
.con_birthday .box_content .wrp_sst {
  margin-bottom: 9%;
}
.con_birthday .box_content ul {
  overflow: hidden;
}
.con_birthday .box_content ul li {
  float: left;
  width: 50%;
}
.con_birthday .box_note {
  text-align: left;
  font-size: 87%;
  color: #000;
  margin-top: 4%;
  padding: 0 5%;
  line-height: 1.5;
}
.con_birthday .box_note span {
  text-decoration: underline;
}

/* -----------------------------------------------------------
	.con_instagram
----------------------------------------------------------- */
.con_instagram {
  margin-bottom: 15%;
  text-align: center;
}
.con_instagram .box_instagram {
  background: #fff9e6;
  border: 10px solid #d1667b;
  position: relative;
  margin: 0% 1%;
  padding-bottom: 5%;
}
.con_instagram .box_instagram .wrp_btn {
  padding: 0 16%;
}

/* -----------------------------------------------------------
	con_village
----------------------------------------------------------- */
.con_village {
  overflow: hidden;
  padding: 0px 6.5%;
}
.con_village h2 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 210%;
  text-align: center;
  color: #a68963;
  font-weight: normal;
  padding: 7% 0;
}
.con_village ul {
  overflow: hidden;
}
.con_village ul li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 7%;
}
.con_village ul li .photo {
  text-align: center;
  margin-bottom: 6%;
}
.con_village ul li .title {
  overflow: hidden;
  margin-bottom: 2%;
  padding-bottom: 4%;
  border-bottom: 1px dotted #666666;
}
.con_village ul li .title h3 {
  color: #a68963;
  font-size: 201%;
  float: left;
  line-height: 1;
}
.con_village ul li .title .place {
  font-size: 119%;
  float: right;
  color: #454344;
}
.con_village ul li .box_txt {
  overflow: hidden;
  margin-bottom: 10%;
}
.con_village ul li .box_txt .txt {
  font-size: 110%;
}
.con_village ul li .wrp_btn {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.con_village ul li .wrp_btn a {
  border: 1px dotted #000000;
  color: #000000;
  display: inline-block;
  text-decoration: none;
  width: 80%;
  padding: 4% 0;
}
.con_village ul li .wrp_btn a i {
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
}
.con_village ul li .wrp_btn a i img {
  max-width: 100%;
  vertical-align: middle !important;
}