@charset "utf-8";
/* CSS Document */


#content_box h3{
	border-bottom:none;
	/*font-size:13px;*/
	font-size:92.8%;
	padding-bottom:0;
	margin-bottom:0;
}

/*
#page_title_bg,
#sp_page_title_bg{
	background:url(../images/facility_img/facility_page_title_bg.gif) 0 bottom repeat-x;
}
*/

#page_title_bg{
	background:url(../images/facility_img/facility_page_title_bg.gif) 0 bottom repeat-x;
}

/*---------- 施設紹介 園内マップ ----------*/

#park_map_area{
	position:relative;
	margin-bottom:20px;
}

#park_map_area img[usemap]{
	max-width:100%;
	height:auto;
}

#content_box #park_map_area h3{
	border-bottom:none;
	width:43.98%;
	padding-bottom:0;
	margin-bottom:0;
	position:absolute;
	top:17px;
	left:0;
}

#content_box #park_map_area h3 img{
	width:100%;
	height:auto;
}

#facility_ph_list{
	text-align:center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin-bottom:50px;
}

#facility_ph_list ul{
	display:inline-block;
	/*width:165px;*/
	width:22.8%;
	width:25%;
	vertical-align:top;
}

#facility_ph_list li{
	letter-spacing: normal; /* 文字間を通常に戻す */
	width:91.2%;
	margin:0 auto 10px;
}

#facility_ph_list li p img{
	width:100%;
	height:auto;
}

#facility_ph_list li h4{
	/*font-size:93%;*/
	font-size:13px;
	text-align:left;
}

#facility_ph_list li h4 img{
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:3px;
}

#facility_ph_list li a{
	color:#404040;
}

#facility_ph_list li a p:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



#facility_txt_list{
	text-align:center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin-bottom:50px;
}

#facility_txt_list h3{
	border-top:#c9caca solid 2px;
	background-color:#efefef;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:left;
	padding:5px 0 5px 10px;
}

#facility_txt_list dl img{
	vertical-align:middle;
}

#facility_txt_list dl{
	display:inline-block;
	/*width:165px;*/
	width:31.5%;
	margin-right:2.6%;
	vertical-align:top;
}

#facility_txt_list dl.last{
	margin-right:0;
}

#facility_txt_list dt{
	float:left;
	text-align:left;
	padding:5px 0 5px 13px;
}

#facility_txt_list dd{
	border-bottom:#c9caca solid 1px;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:left;
	padding:6px 0 5px 32px;
}

#facility_txt_list dd a{
	color:#404040;
}
#facility_txt_list dd a:hover{
	text-decoration:underline;
}

.icon_pay{
	margin-left:5px;
}

.pdf_btn{
	background-color:#8abf22;
	width:356px;
	text-align:center;
	margin:0 auto;
}

.pdf_btn a{
	display:block;
	width:356px;
	height:auto;
	color:#fff;
	font-size:107%;
	font-weight:bold;
	padding:15px 0;
}

.pdf_btn a:hover{
	background-color:rgba(255,255,255,0.2);
}

.pdf_btn a img{
	vertical-align:middle;
	margin:0 10px 3px 0;
}

/*---------- 施設紹介 花の見ごろ ----------*/

#content_box h3.flower{
	border-bottom:none;
	/*font-size:21px;*/
	font-size:150%;
	font-weight:bold;
	color:#000;
	padding-bottom:0;
	margin-bottom:5px;
}

.calendar_img img{
	width:100%;
	max-width:721px;
	height:auto;
}


#flower_bnr li{
	float:left;
	margin-left:24px;
}

#flower_bnr li:first-child{
	margin-left:0;
}

#flower_bnr li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*---------- 各施設のご紹介 ----------*/

#left_navi li .sublist{
	border-top:#9fa0a0 solid 1px;
	width:89.36%;
	/*padding-top:5px;
	padding-left:20px;*/
	padding-top:3%;
	padding-left:10.64%;
}

#left_navi li .sublist li{
	border-bottom:none;
	font-size:0;
}

#left_navi li .sublist li img{
	width:100%;
	height:auto;
}

#left_navi li .sublist li a{
	display:block;
	/*width:168px;
	height:20px;*/
	width:100%;
	height:auto;
	border-bottom:#9fa0a0 dotted 1px;
}

#left_navi li .sublist li.last a{
	border-bottom:none;
}

#left_navi li .sublist li.last{
	margin-bottom:5px;
}

#left_navi li .sublist li.current a{
}

#content_box h3.facility_title{
	border-bottom:none;
	font-size:20px;
	/*font-size:143%;*/
	font-weight:bold;
	color:#000;
	padding-left:27px;
	padding-bottom:0;
	margin-bottom:10px;
}

#content_box h3.facility01{
	background:url(../images/facility_img/icon_no01_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility02{
	background:url(../images/facility_img/icon_no02_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility03{
	background:url(../images/facility_img/icon_no03_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility04{
	background:url(../images/facility_img/icon_no04_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility05{
	background:url(../images/facility_img/icon_no05_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility06{
	background:url(../images/facility_img/icon_no06_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility07{
	background:url(../images/facility_img/icon_no07_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility08{
	background:url(../images/facility_img/icon_no08_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility09{
	background:url(../images/facility_img/icon_no09_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility10{
	background:url(../images/facility_img/icon_no10_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility11{
	background:url(../images/facility_img/icon_no11_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility12{
	background:url(../images/facility_img/icon_no12_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility13{
	background:url(../images/facility_img/icon_no13_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility14{
	background:url(../images/facility_img/icon_no14_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility15{
	background:url(../images/facility_img/icon_no15_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility16{
	background:url(../images/facility_img/icon_no16_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility17{
	background:url(../images/facility_img/icon_no17_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility18{
	background:url(../images/facility_img/icon_no18_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility19{
	background:url(../images/facility_img/icon_no19_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility20{
	background:url(../images/facility_img/icon_no20_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility21{
	background:url(../images/facility_img/icon_no21_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility22{
	background:url(../images/facility_img/icon_no22_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility23{
	background:url(../images/facility_img/icon_no23_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility24{
	background:url(../images/facility_img/icon_no24_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility25{
	background:url(../images/facility_img/icon_no25_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}
#content_box h3.facility26{
	background:url(../images/facility_img/icon_no26_big.gif) 0 9px no-repeat;
	background-size:20px 20px;
}


#facility_ph_box{
	width:100%;
	margin-bottom:15px;
}

#facility_ph_box li{
	float:left;
	/*font-size:13px;*/
	font-size:92.8%;
	/*margin:0 0 15px 15px;*/
	margin:0 0 2% 2.07%;
}

#facility_ph_box li.col1{
	width:48.96%;
	max-width:354px;
}
#facility_ph_box li.col1 img{
	width:100%;
	height:auto;
}

#facility_ph_box li.col2{
	width:48.96%;
}
#facility_ph_box li.col2 img{
	width:100%;
	height:auto;
}

#facility_ph_box li.col3{
	width:31.95%;
}
#facility_ph_box li.col3 img{
	width:100%;
	height:auto;
}

#facility_ph_box li:first-child{
	margin-left:0;
}

#facility_bnr{
}

#facility_bnr li{
	border:#f39800 solid 1px;
	background-color:#fbce8c;
	/*font-size:13px;*/
	font-size:92.8%;
	font-weight:bold;
	width:195px;
	margin-bottom:10px;
}

#facility_bnr li a{
	display:block;
	color:#000;
	padding:4px 12px;
}

#facility_bnr li a:hover{
	background-color:rgba(255, 255, 255, 0.2);
}

dl.facility dt{
	/*font-size:13px;*/
	font-size:92.8%;
}

dl.facility dd{
	/*font-size:13px;*/
	font-size:92.8%;
	padding-left:1em;
}

dl.facility dd a{
	text-decoration:underline;
}

dl.facility dd table{
	border-collapse:collapse;
	border:#9fa0a0 solid 1px;
	margin:10px 0 30px;
}

dl.facility dd th{
	border:#9fa0a0 solid 1px;
	font-weight:normal;
	padding:5px 20px;
}

dl.facility dd td{
	border:#9fa0a0 solid 1px;
	text-align:center;
	padding:5px 10px;
}





@media screen and (max-width:800px){

/*---------- 施設紹介 花の見ごろ ----------*/

#flower_bnr li{
	width:48%;
	margin-left:3.82%;
}
#flower_bnr li img{
	width:100%;
	height:auto;
}

	
#facility_bnr.flower li{
	width:48%;
}


}

@media screen and (max-width:768px){

/*---------- 施設紹介 園内マップ ----------*/

#facility_ph_list ul{
	width:50%;
}

}

@media screen and (max-width:640px){

#page_title_facility01,
#page_title_facility03,
#page_title_facility21{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
}

#page_title_facility01 span,
#page_title_facility03 span,
#page_title_facility21 span{
	font-size:11px;
	font-weight:normal;
	padding-left:15px;
}

#content_box h3.facility01,
#content_box h3.facility02,
#content_box h3.facility03,
#content_box h3.facility04,
#content_box h3.facility05,
#content_box h3.facility06,
#content_box h3.facility07,
#content_box h3.facility08,
#content_box h3.facility09,
#content_box h3.facility10,
#content_box h3.facility11,
#content_box h3.facility12,
#content_box h3.facility13,
#content_box h3.facility14,
#content_box h3.facility15,
#content_box h3.facility16,
#content_box h3.facility17,
#content_box h3.facility18,
#content_box h3.facility19,
#content_box h3.facility20,
#content_box h3.facility21,
#content_box h3.facility22,
#content_box h3.facility23,
#content_box h3.facility24,
#content_box h3.facility25{
	background-position:0 4px;
}

#facility_ph_box li.col1{
	width:100%;
}


	
}


@media screen and (max-width:480px){

#page_title_facility01{
	font-size:18px;
}

dl.facility dd{
	padding-left:0;
}

#facility_txt_list dl{
	width:100%;
	margin-right:0;
}


dl.facility dd table{
	width:100%;
}
dl.facility dd th{
	padding:5px;
}

dl.facility dd td{
	padding:5px;
}
}

@media screen and (max-width:320px){

/*---------- 施設紹介 園内マップ ----------*/

#park_map_area{
	margin-top:28px;
	margin-bottom:20px;
}

#content_box #park_map_area h3{
	width:70%;
	top:-28px;
}

#facility_ph_list ul{
	width:100%;
}

#facility_ph_list li{
	width:100%;
}

#facility_txt_list dt.blank,
#facility_txt_list dd.blank{
	display:none;
}

.pdf_btn{
	width:100%;
}

.pdf_btn a{
	width:100%;
}

/*---------- 各施設のご紹介 ----------*/

#page_title_box{
}

#page_title_facility01,
#page_title_facility03,
#page_title_facility21{
	line-height:1.1;
}

#page_title_facility01 span,
#page_title_facility03 span,
#page_title_facility21 span{
	display:none;
}

#content_box h3.facility_title{
	font-size:18px;
}

#facility_ph_box li{
	float:none;
	margin:0 0 10px 0;
}

#facility_ph_box li.col2{
	width:100%;
}

#facility_ph_box li.col3{
	width:100%;
}

dl.facility dd{
	/*font-size:12px;*/
	font-size:85.7%;
}

/*---------- 施設紹介 花の見ごろ ----------*/

#content_box h3.flower{
	font-size:128%;
	margin-bottom:10px;
}

#flower_bnr li{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:15px;
}

}