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

 file name  : campaign.css
 author     : Ability Consultant
 style info : ty4 | 休暇村キャンペーンSP
=================================================================== */
#main_area .box_info, .ty1 .con_villagelist, .ty2 .btn_select, .ty2 .con_villagelist {
  width: 95%;
  margin: auto;
}

#main_area .box_info:after {
  content: "";
  display: table;
  clear: both;
}

/* Hover animation */
/* font-awesome */
h3 {
  background: transparent;
  padding: 0;
  text-align: start;
  font-weight: normal;
  font-size: small;
  color: inherit;
  margin: 0;
}
h3 span {
  padding: 0;
  border-top: none;
  display: inline;
  width: auto;
}

h4 {
  color: inherit;
  font-size: small;
  margin-bottom: 0;
}
h4 i {
  color: inherit;
  font-size: small !important;
  margin-right: 0;
  vertical-align: baseline;
}

/* -----------------------------------------------------------
#main_area
----------------------------------------------------------- */
#main_area .con_mainimage .mainimage {
  line-height: 0;
}
#main_area .con_mainimage .mainimage img {
  width: 100%;
}
#main_area .box_info {
  padding: 2em 0;
  margin-bottom: 1.5em;
}
#main_area .box_info .st {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 146%;
  margin-bottom: 0.8em;
}
#main_area .box_info .box_contents {
  line-height: 1.6;
}

/* -----------------------------------------------------------
	.ty1 .con_villagelist
----------------------------------------------------------- */
.ty1 .con_villagelist {
  overflow: hidden;
  margin-bottom: 1.5em;
  z-index: -1;
}
.ty1 .con_villagelist .box_village {
  position: relative;
  margin-bottom: 2em;
  border-bottom: solid 1px #ccc;
}
.ty1 .con_villagelist .box_village.clickable {
  position: relative;
}
.ty1 .con_villagelist .box_village.clickable:after {
  content: '';
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #00a272 transparent;
}
.ty1 .con_villagelist .box_village:before {
  content: '';
}
.ty1 .con_villagelist .box_village .st_mura {
  background: #00a272;
  padding: 0.7em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  border-left: solid 3px #ffc600;
}
.ty1 .con_villagelist .box_village .st_mura a, .ty1 .con_villagelist .box_village .st_mura .st {
  color: #fff;
  font-size: 137%;
  text-decoration: underline;
}
.ty1 .con_villagelist .box_village .st_mura span.cate {
  position: absolute;
  color: #222;
  top: 50%;
  margin-top: -1em;
  background: #fff;
  right: 0.5em;
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 101%;
}
.ty1 .con_villagelist .box_village .village {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ty1 .con_villagelist .box_village .village .image {
  width: 48%;
  line-height: 1.4;
  vertical-align: top;
}
.ty1 .con_villagelist .box_village .village .image img {
  vertical-align: top;
  width: 100%;
}
.ty1 .con_villagelist .box_village .village .txt {
  padding: 4% 4% 4% 5%;
  font-size: 101%;
  vertical-align: middle;
  border-right: solid 1px #ccc;
}
.ty1 .con_villagelist .box_village .village .image, .ty1 .con_villagelist .box_village .village .txt {
  display: table-cell;
}

/* -----------------------------------------------------------
	.ty2 .con_villagelist
----------------------------------------------------------- */
.ty2 .st_selesct {
  text-align: center;
  font-size: 182%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  margin-bottom: 0.5em;
}
.ty2 .st_selesct span {
  position: relative;
}
.ty2 .st_selesct span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffff00;
  z-index: -1;
}
.ty2 .st_selesct i {
  margin-right: 0.1em;
}
.ty2 .btn_select {
  text-align: center;
  margin-bottom: 3em;
}
.ty2 .btn_select select {
  height: 45px;
  line-height: 45px;
  width: 100%;
}
.ty2 .btn_select select option.area {
  background: #4d6b16;
  color: #fff;
}
.ty2 .btn_select select option:disabled {
  background: #4d6b16;
  color: #fff;
}
.ty2 .con_villagelist {
  margin-bottom: 1.5em;
  z-index: -1;
  margin-bottom: 6em;
}
.ty2 .con_villagelist .box_village {
  position: relative;
  margin-bottom: 2em;
  border-bottom: solid 1px #ccc;
}
.ty2 .con_villagelist .box_village:before {
  content: '';
}
.ty2 .con_villagelist .box_village .st_mura {
  background: #00a272;
  padding: 0.7em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  border-left: solid 3px #ffc600;
  margin-bottom: 1em;
}
.ty2 .con_villagelist .box_village .st_mura a, .ty2 .con_villagelist .box_village .st_mura .st {
  color: #fff;
  font-size: 137%;
  text-decoration: underline;
}
.ty2 .con_villagelist .box_village .st_mura span.cate {
  position: absolute;
  color: #222;
  top: 50%;
  margin-top: -1em;
  background: #fff;
  right: 0.5em;
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 101%;
}
.ty2 .con_villagelist .box_village .village {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 2em;
}
.ty2 .con_villagelist .box_village .village .image {
  width: 48%;
  line-height: 1.4;
  vertical-align: top;
}
.ty2 .con_villagelist .box_village .village .image img {
  vertical-align: top;
  width: 100%;
}
.ty2 .con_villagelist .box_village .village .box_txt {
  padding: 0 0 4% 3%;
  font-size: 91%;
  vertical-align: middle;
}
.ty2 .con_villagelist .box_village .village .box_txt .price {
  margin-bottom: 1em;
}
.ty2 .con_villagelist .box_village .village .box_txt .tel a {
  text-decoration: underline;
  color: #00a272;
}
.ty2 .con_villagelist .box_village .village .box_txt .tel a i {
  margin-right: 0.1em;
  font-size: 62%;
}
.ty2 .con_villagelist .box_village .village .box_txt .price dt, .ty2 .con_villagelist .box_village .village .box_txt .tel dt {
  background: #2c2827;
  font-size: 101%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #fff;
  padding: 0.3em 0.7em;
  margin-bottom: 0.5em;
  padding-left: 18px;
  position: relative;
}
.ty2 .con_villagelist .box_village .village .box_txt .price dt:before, .ty2 .con_villagelist .box_village .village .box_txt .tel dt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5%;
  height: 1px;
  background: #fff;
  width: 15px;
}
.ty2 .con_villagelist .box_village .village .box_txt .price dd, .ty2 .con_villagelist .box_village .village .box_txt .tel dd {
  font-size: 164%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.ty2 .con_villagelist .box_village .village .image, .ty2 .con_villagelist .box_village .village .box_txt {
  display: table-cell;
}
.ty2 .con_villagelist .box_village .st_calendar {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
}
.ty2 .con_villagelist .box_village .st_calendar span {
  position: relative;
  font-size: 182%;
}
.ty2 .con_villagelist .box_village .st_calendar span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffff00;
  z-index: -1;
}
.ty2 .con_villagelist .btn_rsv {
  text-align: center;
}
.ty2 .con_villagelist .btn_rsv a {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  background: #ffc600;
  display: inline-block;
  width: 80%;
  padding: 1em;
  font-size: 128%;
}
.ty2 .con_villagelist .btn_rsv a i {
  margin-right: 0.5em;
}

/* -----------------------------------------------------------
	.ty3 .con_villagelist
----------------------------------------------------------- */
.ty3 .con_ty3_list {
  margin-bottom: 1.5em;
  z-index: -1;
}
.ty3 .con_ty3_list .box_ty3 {
  position: relative;
  margin-bottom: 2em;
  border-bottom: solid 1px #ccc;
}
.ty3 .con_ty3_list .box_ty3.clickable {
  position: relative;
}
.ty3 .con_ty3_list .box_ty3.clickable:after {
  content: '';
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #00a272 transparent;
}
.ty3 .con_ty3_list .box_ty3:before {
  content: '';
}
.ty3 .con_ty3_list .box_ty3 .st_ty3 {
  background: #f4eedc;
  padding: 0.7em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  border-left: solid 3px #00a272;
}
.ty3 .con_ty3_list .box_ty3 .st_ty3 a {
  text-decoration: underline;
}
.ty3 .con_ty3_list .box_ty3 .st_ty3 a, .ty3 .con_ty3_list .box_ty3 .st_ty3 .st {
  color: #222;
  font-size: 137%;
}
.ty3 .con_ty3_list .box_ty3 .st_ty3 span.cate {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  background: #222;
  color: #fff;
  right: 0.5em;
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 101%;
}
.ty3 .con_ty3_list .box_ty3 .ty3 {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ty3 .con_ty3_list .box_ty3 .ty3 .image {
  width: 48%;
  line-height: 1.4;
  vertical-align: top;
}
.ty3 .con_ty3_list .box_ty3 .ty3 .image img {
  vertical-align: top;
  width: 100%;
}
.ty3 .con_ty3_list .box_ty3 .ty3 .txt {
  padding: 4% 4% 4% 5%;
  font-size: 101%;
  vertical-align: middle;
}
.ty3 .con_ty3_list .box_ty3 .ty3 .image, .ty3 .con_ty3_list .box_ty3 .ty3 .txt {
  display: table-cell;
}

/* -----------------------------------------------------------
	.con_listnav
----------------------------------------------------------- */
.con_listnav {
  padding: 10px 0 0 0;
  margin-bottom: 4em;
}
.con_listnav ul {
  text-align: center;
}
.con_listnav ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.con_listnav ul li a {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  display: block;
  padding: 0.5em 1em;
}
.con_listnav ul li.active a {
  background: #00a272;
  color: #FFFFFF;
}

/*----------------------------------------------------
tbl_calendar
----------------------------------------------------*/
table.tbl_calendar {
  width: 100%;
  table-layout: fixed;
  font-size: 128%;
}
table.tbl_calendar tr.title th {
  text-align: center;
  padding: 0.2em;
  background: #3b312f;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  line-height: 1.2;
}
table.tbl_calendar tr.title th span {
  font-family: "Cinzel", serif;
  font-size: 201%;
  font-style: italic;
}
table.tbl_calendar tr.sat {
  background: #e2e6ff;
  color: #37407f;
}
table.tbl_calendar tr.sun {
  background: #EEE2DF;
  color: #930101;
}
table.tbl_calendar th, table.tbl_calendar td {
  border: 1px solid #222;
}
table.tbl_calendar th {
  width: 65%;
  color: #333;
  padding-left: 5%;
}
table.tbl_calendar td {
  text-align: center;
}
table.tbl_calendar td a {
  text-decoration: underline;
  color: #157ee4;
}
table.tbl_calendar td span {
  background: #ddd;
}
table.tbl_calendar td a, table.tbl_calendar td span {
  display: block;
  padding: 0.8em 1em;
}
table.tbl_calendar td p {
  font-size: 90%;
}