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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ設定
=================================================================== */
/*----------------------------------------------------
	ページ専用指定
----------------------------------------------------*/
body {
  background: url(../images/home/bg_footer_hom.jpg) left bottom no-repeat !important;
}

/*----------------------------------------------------
	.con_title		Flash
----------------------------------------------------*/
#homepage .con_flash {
  width: 950px;
  height: 540px;
  margin: 0 auto 40px;
  background: url(../images/home/bg_flash.jpg) 0 top no-repeat;
  z-index: 10 !important;
}

/*----------------------------------------------------
	.wrp_pac	今月のおすすめプラン
----------------------------------------------------*/
/* タイトル部分 */
#homepage .wrp_pac {
  margin: 0 auto 230px;
  overflow: hidden;
}
#homepage .wrp_pac h2 {
  width: 450px;
  margin: 0 auto 25px;
  text-align: center;
}
#homepage .wrp_pac h2 ul {
  margin-bottom: 10px;
  overflow: hidden;
}
#homepage .wrp_pac h2 ul li {
  float: left;
}

/* イチオシプラン */
#homepage .wrp_pac .con_pac {
  overflow: hidden;
  background: url(../images/home/bg_recom_pac.png) 0 bottom no-repeat;
}
#homepage .wrp_pac .con_pac .con_recom {
  float: left;
  width: 380px;
  overflow: hidden;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom {
  overflow: hidden;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom p.photo {
  text-align: center;
  width: 304px;
  height: 219px;
  background: url(../images/home/bg_recom_pac_img.png) center 0 no-repeat;
  margin: 0 auto 20px;
  padding-top: 13px;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom .inner {
  width: 300px;
  margin: 0 auto;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom .inner h3 {
  font-size: 120%;
  background: url(../images/common/ic_lnk_arrow.png) 0 5px no-repeat;
  margin: 10px 0;
  padding-left: 18px;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom .inner h4 {
  color: #734d18;
  font-size: 110%;
  margin-bottom: 15px;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom .inner p {
  margin-bottom: 10px;
}
#homepage .wrp_pac .con_pac .con_recom .box_recom .inner p.btn {
  width: 230px;
  margin: 20px auto 30px;
}

/* 人気プランベスト3 */
#homepage .wrp_pac .con_pac .con_pac_best {
  float: right;
  width: 530px;
  overflow: hidden;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best {
  padding: 10px 0 20px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl {
  width: 470px;
  overflow: hidden;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 auto 15px;
  padding-bottom: 10px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl.end {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 30px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dt {
  float: left;
  width: 193px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dt img {
  border: 1px solid #d3d3d3;
  object-fit: cover;
  height: 140px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dd {
  float: right;
  width: 255px;
  overflow: hidden;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dd p {
  margin-bottom: 10px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dd h4 {
  font-size: 110%;
  margin-bottom: 15px;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best dl dd .price {
  color: #734d18;
  font-size: 110%;
  font-weight: bold;
}
#homepage .wrp_pac .con_pac .con_pac_best .box_best p.btn {
  width: 230px;
  margin: 0 auto;
}

/*----------------------------------------------------
	.bg_point
----------------------------------------------------*/
/* 当館の魅力 */
#homepage .con_point {
  margin-bottom: 240px;
}
#homepage .con_point h2 {
  width: 390px;
  margin: 0 auto 30px;
}
#homepage .con_point .box_point ul {
  margin-bottom: 50px;
  overflow: hidden;
}
#homepage .con_point .box_point ul li {
  float: left;
  width: 460px;
  padding-right: 30px;
}
#homepage .con_point .box_point ul li.end {
  padding-right: 0;
}

/*----------------------------------------------------
	.wrp_packages	各種プランのご紹介
----------------------------------------------------*/
#homepage .wrp_packages {
  margin-bottom: 80px;
}
#homepage .wrp_packages h2 {
  width: 415px;
  margin: 0 auto 30px;
}

/* ご予定から選ぶ */
#homepage .wrp_packages .con_pac_choice {
  margin-bottom: 100px;
}
#homepage .wrp_packages .con_pac_choice h3 {
  margin-bottom: 35px;
}
#homepage .wrp_packages .con_pac_choice ul {
  overflow: hidden;
}
#homepage .wrp_packages .con_pac_choice ul li {
  float: left;
  padding-left: 58px;
}
#homepage .wrp_packages .con_pac_choice ul li:first-child {
  padding-left: 0;
}