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

 file name  : hokkaido_touhoku2018.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/hokkaido_touhoku2018/images/ic_btn_pink.png") left center no-repeat;
}

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

.hokkaido_touhoku 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;
  position: relative;
  padding-bottom: 29%;
}
.con_mainimg .box_imgmain .box_lnk {
  position: absolute;
  bottom: -1%;
  left: 0;
  width: 100%;
}
.con_mainimg .box_imgmain .box_lnk ul {
  overflow: hidden;
}
.con_mainimg .box_imgmain .box_lnk ul li {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  padding: 0 1.5%;
  margin-bottom: 1.5%;
}

/* -----------------------------------------------------------
	.con_winter
----------------------------------------------------------- */
.con_winter {
  text-align: center;
  padding: 0 2.3%;
  margin-bottom: 14%;
}

/* -----------------------------------------------------------
	con_onsen
----------------------------------------------------------- */
.con_onsen {
  padding: 0 2.3%;
  text-align: center;
  margin-bottom: 12%;
}

/* -----------------------------------------------------------
	con_breakfast
----------------------------------------------------------- */
.con_breakfast {
  background:#fcead2 url("../../campaign/hokkaido_touhoku2018/images/bg_breakfast.jpg")  -247px -77px no-repeat;
  padding: 7.5% 0;
  margin-bottom: 4%;
}
.con_breakfast h3 {
  margin-bottom: 4%;
}
.con_breakfast .box_content ul {
  overflow: hidden;
}
.con_breakfast .box_content ul li {
  width: 50%;
  float: left;
  padding: 0 2%;
  margin-bottom: 4%;
}

/* -----------------------------------------------------------
	con_birthday
----------------------------------------------------------- */
.con_birthday {
  padding: 0 2%;
  margin-bottom: 10%;
  text-align: center;
}
.con_birthday .box_btn {
  margin-top: 5%;
}
.con_birthday .box_btn .btn_link a {
  background: #fff;
}
.con_birthday .box_btn .btn_link a:hover, .con_birthday .box_btn .btn_link a:focus {
  background: #fee6e7;
}

/* -----------------------------------------------------------
	con_village
----------------------------------------------------------- */
.con_village {
  overflow: hidden;
  padding: 0 2.34%;
}
.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: #bf1e56;
  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 .title {
  overflow: hidden;
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px dotted #666666;
}
.con_village ul li .title h3 {
  color: #bf1e56;
  font-size: 146%;
  font-weight: normal;
  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: 6%;
}
.con_village ul li .box_txt .photo {
  float: left;
  width: 47.6776%;
}
.con_village ul li .box_txt .txt {
  float: right;
  width: 49.45355%;
  font-size: 110%;
}
.con_village ul li .box_village_btn {
  text-align: center;
}
.con_village ul li .box_village_btn .btn_link_s {
  text-align: center;
  border: 1px dotted #000;
  display: inline-block;
  width: 47.54098%;
  margin: 0 auto;
}
.con_village ul li .box_village_btn .btn_link_s a {
  display: inline-block;
  width: 100%;
  padding: 4%;
}
.con_village ul li .box_village_btn .btn_link_s a span {
  background: url("../../update/images/common/btn_ar_gr5.png") no-repeat left center;
  display: inline-block;
  padding-left: 20px;
}