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

 file name  :detail.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/*----------------------------------------------------
	gradient グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
	placeholder placeholderカラー変更
----------------------------------------------------*/
/*----------------------------------------------------
	basiclayout ベースコンテンツ
----------------------------------------------------*/
/*----------------------------------------------------
	.con_intro（イントロ）
----------------------------------------------------*/
.con_intro {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
}
.con_intro .box_slide {
  float: left;
  width: 600px;
}
.con_intro .box_slide .bx-wrapper {
  margin-bottom: 5px;
  max-height: 415px;
  overflow: hidden;
}
.con_intro .box_slide .slide {
  width: 100%;
}
.con_intro .box_slide .slide img {
  width: 100% !important;
}
.con_intro .thumb li {
  float: left;
  width: 112px;
  margin-left: 10px;
  max-height: 75px;
  overflow: hidden;
}
.con_intro .thumb li:first-child {
  margin-left: 0;
}
.con_intro .thumb a.active img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.con_intro .thumb a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.con_intro .box_about {
  float: right;
  width: 470px;
}
.con_intro .box_about .title {
  border-left: 4px solid #1d236d;
  padding-left: 15px;
  margin-bottom: 30px;
}
.con_intro .box_about .title span {
  font-size: 1.7em;
  font-weight: bold;
  color: #1d236d;
}
.con_intro .box_about .txt {
  padding-bottom: 30px;
}
.con_intro .box_about .tbl_basic {
  margin-bottom: 20px;
}
.con_intro .box_about .btn_basic {
  padding: 10px 0 5px;
}
.con_intro .box_about .box_campaign .st_style {
  margin-bottom: 0;
}
.con_intro .box_about .box_campaign a {
  border-top: none;
  border: 1px solid #ccc;
  display: block;
  padding: 15px;
  overflow: hidden;
}
.con_intro .box_about .box_campaign a:hover {
  background: #fffbe8;
}
.con_intro .box_about .box_campaign a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.con_intro .box_about .box_campaign a .img {
  width: 25%;
  float: left;
}
.con_intro .box_about .box_campaign a .img img {
  max-width: 100%;
  vertical-align: middle;
}
.con_intro .box_about .box_campaign a .detail {
  float: right;
  width: 75%;
  padding: 0 10px;
  position: relative;
}
.con_intro .box_about .box_campaign a .detail .name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.2;
  padding-bottom: 10px;
  border-bottom: 1px dotted #c3baa4;
}
.con_intro .box_about .box_campaign a .detail .box_date {
  font-size: 1.1em;
}
.con_intro .box_about .box_campaign a .detail .box_date .st {
  font-weight: bold;
  color: #cc252f;
}
.con_intro .box_about .box_campaign a .detail .box_date .date span {
  padding-left: 10px;
}
.con_intro .box_about .box_campaign a .detail:after {
  content: "\f054";
  font-family: 'FontAwesome';
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -.5em;
}

/*----------------------------------------------------
	.con_searchin
----------------------------------------------------*/
.con_searchin {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}
.con_searchin .con_search {
  display: flex;
  justify-content: center;
  border: 3px solid #050708;
}
.con_searchin .con_search h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  background-color: #050708;
}
.con_searchin .con_search .box_search form {
  display: flex;
  align-items: center;
  width: 844px;
  padding: 15px 30px;
}
.con_searchin .con_search .box_search form dl dt {
  color: #413210;
  font-weight: bold;
  margin-bottom: 5px;
}
.con_searchin .con_search .box_search form dl dd input {
  width: 100%;
  padding: 5px;
}
.con_searchin .con_search .box_search form dl dd select {
  width: 50%;
  padding: 5px;
}
.con_searchin .con_search .box_search form dl.box_checkin,
.con_searchin .con_search .box_search form dl.box_checkout {
  width: 23%;
  margin-right: 3%;
}
.con_searchin .con_search .box_search form dl.box_room {
  width: 13%;
  margin-right: 3%;
}
.con_searchin .con_search .box_search form .box_btn {
  width: 32%;
}
.con_searchin .con_search .box_search form .box_btn .btn_search input {
  display: block;
  width: 90%;
  font-size: 1.1rem;
  color: #fff;
  text-decoration: none;
  background: #1d236d url(../networkhotel/detail/images/ic_search.png) 22px center no-repeat;
  border-style: none;
  border-radius: 4px;
  box-shadow: 0px 1px 1px #666;
  padding: 8px 0;
  margin: 0 auto 7px;
}
.con_searchin .con_search .box_search form .box_btn .btn_search input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.con_searchin .con_search .box_search form .box_btn .lnk_text {
  text-align: center;
}
.con_searchin .con_search .box_search form .box_btn .lnk_text a {
  text-decoration: none;
}
.con_searchin .con_search .box_search form .box_btn .lnk_text a:hover {
  text-decoration: underline;
}
.con_searchin .con_search .box_search form .box_btn .lnk_text i {
  margin-right: 5px;
  color: #cc252f;
}

/*----------------------------------------------------
	.con_searchin（施設詳細空室検索）
----------------------------------------------------*/
/* .con_searchin {
	@include basiclayout;
	margin-bottom: 80px;
	.con_search {
		background-color: #fff;
		border: 3px solid $col_black;
		width: 1100px;
		overflow: hidden;
		h3 {
			width: 250px;
			background-color: $col_black;
			padding: 25px 0;
			text-align: center;
			float: left;
		}
		.box_search {
			float: right;
			width: 844px;
			padding: 10px 30px;
			form {
				dl {
					float: left;
					dt {
						color: #413210;
						font-weight: bold;
						margin-bottom: 5px;
					}
					dd {
						select,input {
							padding: 8px 10px;
							width: 100%;
							@include placeholder-color(#ccc);
						}
						.obj_no_date {
							width: auto;
							text-align: right;
							margin-top: 10px;
						}
					}
				}
				.box_checkin {
					float: left;
					width: 250px;
					dd {
						position: relative;
						span{
							display: block !important;
							#date_text{
								background: url(../../images/search/ic_cal.png)right 5px no-repeat;
							}
							span{
								display: none !important;
							}
						}
					}
				}
				.box_select_oth {
					float: left;
					margin-left: 35px;
					width: 280px;
					dl {
						float: left;
						width: 33%;
						dd {
							select,input {
								padding: 7px 0;
								width: 55%;
							}
							span {
								font-size: 90%;
								vertical-align: bottom;
							}
						}
					}
				}
				.box_btn {
					float: right;
					.btn_search {
						margin-bottom: 7px;
						input{
							width: 200px;
							border-style: none;
							display: block;
							padding: 10px 20px 10px 38px;
							font-size: 1.3em;
							@include box-shadow(0px 1px 1px #666);
							@include border-radius(4px);
							text-decoration: none !important;
							background: $col_blue url(../networkhotel/detail/images/ic_search.png)15px center no-repeat;
							color: #fff;
							&:hover{
								@include opacity(0.8);
							}
						}
					}
					.lnk_text {
						text-align: center;
						a {
							text-decoration: none;
							&:hover {
								text-decoration: underline;
							}
						}
						i {
							margin-right: 5px;
							color: $col_red;
						}
					}
				}
			}
		}
	}
} */
/*----------------------------------------------------
	.con_information	ホテルのご案内
----------------------------------------------------*/
.con_information {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}

/*----------------------------------------------------
	.con_gallery	フォトギャラリー
----------------------------------------------------*/
.con_gallery {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}
.con_gallery .box_gall {
  width: 100%;
}
.con_gallery .box_gall .loading {
  padding: 150px 0;
  text-align: center;
  display: none;
}
.con_gallery .box_gall ul {
  width: 100%;
  overflow: hidden;
}
.con_gallery .box_gall ul li {
  float: left;
  width: 200px;
  margin-left: 25px;
  margin-bottom: 25px;
}
.con_gallery .box_gall ul li a {
  display: block;
}
.con_gallery .box_gall ul li .title {
  font-size: .9em;
}
.con_gallery .box_gall ul li.li_left {
  margin-left: 0;
}

/*----------------------------------------------------
	.con_map	マップ
----------------------------------------------------*/
.con_map {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}
.con_map #gmap {
  width: 100%;
  height: 450px;
  margin-bottom: 15px;
}
.con_map #gmap .gm-style-iw {
  min-width: 250px !important;
  overflow: hidden !important;
}
.con_map #gmap .gm-style-iw .gpin {
  margin: 0px;
  padding: 5px 0 5px 5px;
  color: #000;
  overflow: hidden;
}
.con_map #gmap .gm-style-iw .gpin .title {
  color: #413210;
  font-weight: bold;
  font-size: 1.1em;
}
.con_map .txt {
  float: left;
}
.con_map .txt i {
  font-size: 1.5em;
  padding-right: 8px;
}
.con_map .btn_basic {
  float: right;
}

/*----------------------------------------------------
	.con_to_plan	プラン
----------------------------------------------------*/
.con_to_plan {
  width: 1100px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 150px;
  text-align: center;
  background: #eeede9;
  padding: 15px 0;
}