@charset "utf-8";

/* ==========================================================

title : ホテル多度温泉
scope : 塩河周辺レジャー情報

last modify : 2014/01/16 041_ooba
memo  : 

========================================================== */
/* 基本レイアウト */
#main_content {
	width:950px;
	margin: 0 auto 0;
	font-size: 16px;
	padding-top: 20px;
	clear: both;
}

#leisure_map {
	margin: 20px auto 0;
}

/* h3直上のsection */
[id$="_area"] {
 margin: 60px 0 0;
}

[id$="_area"]:nth-of-type(1) {
 margin: 40px 0 0;
}

/* h3直下のdiv */
.content_area {
	width: 920px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* h4直上のsection */
.item_box {
	width: 439px;
	margin: 50px 0 0;
}

/* h4直上のsection 最初の2つ目だけ */
.item_box:nth-of-type(1), .item_box:nth-of-type(2) {
 margin: 25px 0 0;
}

/* 見出し */
#main_content h1 {
	width:930px;
	margin: 0 auto;
}

#leisure_map h2 {
	width:920px;
	margin: 0 auto;
}

[id$="_area"] h3 {
 font-size: 24px;
 padding: 5px 0 10px 57px;
 border-bottom: 2px solid;
}

/* 見出しのボーダー色とアイコン */
#leisure_area h3 {
	border-color: #eb6e8f;
	background: url(../image/icon_leisure.png) 13px 0 no-repeat;
	background-size: 30px;
}

#nature_area h3 {
	border-color: #24b484;
	background: url(../image/icon_nature.png) 13px 0 no-repeat;
	background-size: 30px;
}

#history_area h3 {
	border-color: #e29431;
	background: url(../image/ico_history.png) 13px 0 no-repeat;
	background-size: 30px;
}

/* リード文 */
.lead {
	width: 760px;
	margin: 20px auto 0;
}

/* テキストリンク */
.content_area a {
	color: #000;
}

.content_area a:hover {
	color: #000;
}

/* マウスオーバー */
.content_area a img:hover,
.option_list li a img:hover,
.bnr_box a img:hover{
	opacity: 0.7;
}

/* ====================================================================================================================
		MAP
		-------------------------------------------------------------------------------------------------------------------
		.map
==================================================================================================================== */
.map {
	width:920px;
	margin: 20px auto 0;
}

/* ====================================================================================================================
		東建多度カントリークラブ・名古屋
		-------------------------------------------------------------------------------------------------------------------
		#group_box
==================================================================================================================== */
#group_box {
	width: 906px;
	margin: 50px auto 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* 共通 */
[class$="_space"] {
	border: 1px solid #bba98a;
}

[class$="_space"] dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 16px 0 15px;
	background: #5974ac;
	color: #fff;
}

[class$="_space"] dd {
	padding: 13px 16px 14px;
}

[class$="_space"] p {
  text-align: justify;
  text-justify: inter-ideograph;
	line-height: 1.5;
}

/* 付帯施設など */
.option_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.option_list li {
	margin: 5px 0 0 0;
}

/* 東建多度カントリークラブ・名古屋のみ */
.tado_img a {
 display: block;
 position: relative;
}

.tado_img a img:hover {
	opacity: 0.7;
}

.tado_img a::after {
 content: url(../image/ico_grass.png);
 display: block;
 pointer-events: none;
 position: absolute;
 right: 0;
 bottom: 0;
 line-height: 0;
}

.tado_space:nth-of-type(1) {
	width: 904px;
}

.tado_space:nth-of-type(1) dd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tado_space:nth-of-type(1) .tado_img {
	width: 428px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*最初の1枚以外*/
.tado_space:nth-of-type(1) .tado_img a:not(:nth-of-type(1)) {
	margin: 10px 0 0 0;
}

/* 右側のコンテンツ */
.tado_text {
	width: 425px;
}

/* 東建多度カントリークラブ・名古屋以外 */
[class$="_space"]:not(:nth-of-type(1)) {
	width: 293px;
	margin: 30px 0 0;
}

[class$="_space"]:not(:nth-of-type(1)) dt {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	padding: 8px 0 10px;
}

[class$="_space"]:not(:nth-of-type(1)) dd {
	padding: 10px 10px 15px;
}

[class$="_space"]:not(:nth-of-type(1)) p {
	margin: 8px 0 0 0;
}

/* 見出しの文字サイズ */
[class$="_space"] .text_name {
	font-size: 22px;
}

[class$="_space"]:not(:nth-of-type(1)) .text_small {
	font-size: 14px;
}

[class$="_space"]:not(:nth-of-type(1)) .text_name {
	font-size: 18px;
}

/* 見出し背景色 */
.club_house_space dt {
	background: #219156;
}

.annex_space dt {
	background: #ab4a4a;
}

.residence_space dt {
	background: #8b5fa2;
}


/* ====================================================================================================================
		各施設共通
		-------------------------------------------------------------------------------------------------------------------
		.item_box
==================================================================================================================== */
.first_image_zone {
	width: 251px;
	float: left;
	margin: 20px 0 0 0;
}

/* 虫眼鏡を右下に固定するための前提 */
[class$="_image_zone"] a {
 position: relative;
}

[class$="_image_zone"] img {
 vertical-align: text-bottom;
 border: 1px solid #777777;
}

.item_box p {
	width: 170px;
	float: right;
	margin: 20px 0 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 15px;
}

.item_box .long_text {
	width: auto;
	margin: 0;
	padding: 8px 0 0 0;
	float: none;
	clear: both;
}

/* 3～6のサムネイル画像 */
.list_image_zone {
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* 各画像の上余白 */
.list_image_zone a {
	margin: 10px 0 0;
}

/* 虫眼鏡 */
[class$="_image_zone"] a::after {
 content: url(../image/ico_grass.png);
 display: block;
 pointer-events: none;
 position: absolute;
 right: 0;
 bottom: 0;
 line-height: 0;
}

/* ====================================================================================================================
		各施設共通：住所と電話番号
		-------------------------------------------------------------------------------------------------------------------
		.data_list
==================================================================================================================== */
.data_list {
	width: 439px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.data_list {
	margin: 5px 0 0 0;
}

.data_list dt {
	background: #ECE0CB;
	color: #000000;
	width: 100px;
	margin: 5px 0 0 0;
	padding: 10px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.data_list dd {
	background: #f5f2e2;
	margin: 5px 0 0 0;
	width: 314px;
	padding: 10px 0 10px 20px;
}

.button {
	width: 200px;
	margin: 13px auto 0;
}

.bnr_btn {
	width: 300px;
	margin: 13px auto 0;
}
/* ====================================================================================================================
		歴史･資料館･散策
		-------------------------------------------------------------------------------------------------------------------
		#history_area
==================================================================================================================== */
/* バナー */
.bnr_box {
	width: 630px;
	margin: 60px auto 25px;
}






/* --------------------------------------
 写真リスト
--------------------------------------- */
/*
.photolistbox {
	overflow:hidden;
	/float:left;
	width:604px;
	margin:10px 0px 0px;
	padding:15px 0px;
	background:#f5f5f5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(/css/PIE.htc);
	position:relative;
	}
	
.photolistbox > ul > li {
	margin:10px 5px 0px;
	padding:10px 0px 0px;
	border-top:#ddd solid 1px;
	}
	
.photolistbox > ul > li:first-child {
	margin-top:0px;
	padding-top:0px;
	border-top:none;
	}
*/
/* タイトル付き
.photolistbox dl.listbox {
	width:584px;
	margin:0px auto;
	}
	
.photolistbox dl.listbox > dt {
	margin:0px 5px 10px;
	padding:2px 0px 2px 12px;
	background:url(/image_cmn/mrk_ttl_s.gif) no-repeat 0 0;
	color:#db002c;
	font-size:125%;
	font-weight:bold;
	line-height:120%;
	}
	
.photolistbox ul.photolist {
	overflow:hidden;
	width:575px;
	overflow:hidden;
	margin:5px auto 0px;
	}
	
.photolistbox ul.photolist > li {
	float:left;
	width:109px;
	margin:2px;
	padding:0px;
	border:#ddd solid 1px;
	background:#fff;
	text-align:center;
	}
	
.photolistbox ul.photolist > li img {
	height:74px;
	margin:5px;
	}
 */	
/* --------------------------------------
 施設リスト
--------------------------------------- */
/*
ul.leisurelist {
	overflow:hidden;
	width:604px;
	margin:0px auto;
	}
	
ul.leisurelist > li {
	overflow:hidden;
	width:604px;
	margin:0px 0px 30px;
	}
	
ul.leisurelist > li > dl {
	overflow:hidden;
	width:604px;
	}
	
ul.leisurelist > li > dl > dt {
	clear:both;
	margin:0px 0px 8px;
	font-size:140%;
	font-weight:bold;
	}
	
ul.leisurelist > li > dl > dd {
	margin:0px 5px;
	}
	
ul.leisurelist > li > dl > dd > .txt {
	overflow:hidden;
	margin:0px 0px 10px;
	padding:0px 5px 10px;
	background:url(../image_cmn/info_p_line.gif) repeat-x 0 bottom;
	}
	
ul.leisurelist > li > dl > dd .imgbox {
	padding:5px;
	background:#fff;
	border:#ccc solid 1px;
	}

ul.leisurelist > li > dl > dd > .img_box,	
ul.leisurelist > li > dl > dd > .imgbox {
	float:right;
	margin:0px 5px 10px 10px;
	}
*/
/* 施設情報	
ul.leisurelist > li > dl > dd ul.info {
	margin:0px 5px;
	}
	
ul.leisurelist > li > dl > dd ul.info > li {
	margin-bottom:2px;
	background:url(../image_cmn/info_ttl_bg.gif) repeat-y 0 0;
	}
	
ul.leisurelist > li > dl > dd ul.info > li > dl {
	overflow:hidden;
	}
	
ul.leisurelist > li > dl > dd ul.info > li > dl > dt {
	float:left;
	width:70px;
	margin:0px 10px 0px 0px;
	padding:3px 0px;
	color:#ff9c00;
	text-align:center;
	}
	
ul.leisurelist > li > dl > dd ul.info > li > dl > dd {
	float:left;
	width:504px;
	margin:0px;
	padding:3px 0px;
	word-break:break-all;
	}
	
ul.leisurelist > li > dl > dd > .img_box + ul.info > li > dl > dd,
ul.leisurelist > li > dl > dd > .imgbox + ul.info > li > dl > dd {
	width:340px;
	}

ul.leisurelist > li > dl > dd dl.dl_list_s {
	margin:0px 5px;
	}
	
ul.leisurelist > li > dl > dd ul[class^="txtlist_ast"] > li {
	margin:0px;
	}
 */