@charset "utf-8";

/* font 指定値
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
*/


@media screen and (max-width:640px){ /*SP*/}
@media screen and (min-width:641px) and (max-width: 1023px){ /*TB*/}
@media screen and (min-width:1024px){ /*PC*/}

@media screen and (min-width:641px){ /*PC-TB*/}
@media screen and (max-width:640px){ /*SP*/}

@media screen and (max-width:768px){ /*SP*/}
@media screen and (min-width:769px){ /*PC*/}


/*共通------------------------------------------*/

ul.img2 li,ul.img3 li,ul.img4 li{
	margin: auto;
	background: none!important;
	padding: 0!important;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
}

@media screen and (min-width:641px){ /*PC-TB*/
	ul.img2 li,ul.img3 li,ul.img4 li{float: left;}
	ul.img2 li{width: 49%;}
	ul.img3 li{width: 33%;}
	ul.img4 li{width: 25%;}
}

@media screen and (max-width:640px){ /*SP*/
	ul.img2 li,ul.img3 li,ul.img4 li{margin-bottom: 15px;}
}

ul.img2 li:before,ul.img3 li:before,ul.img4 li:before{
	content: none !important;
}


@media screen and (min-width:641px){ /*PC-TB*/
	.free dt{
		float: left;
		margin-right: 15px;
	}

	.free2 dt{
		float: right;
		margin-left: 15px;
	}

	.free dd,.free2 dd{
		padding: 0 15px;
		overflow: hidden;
		_zoom: 1;
	}
}

@media screen and (max-width:640px){ /*SP*/
	.free dt,.free2 dt{margin-bottom: 15px;}
	.free dd,.free2 dd{padding: 0 10px;}
}


.notice{color: red;}

.btn {
	padding: 10px;
	border-radius: 10px;
	background: #e2e2e2;
}
.btn:before {
	content: "\f0a9";
    font-family: FontAwesome;
    padding-right: 5px;
}

/*スクロールボックス*/
.sc_box {
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	overflow: scroll;
	max-width: 
}

@media screen and (max-width:640px){ /*SP*/
	.sc_box {max-width: 640px;}
}

@media screen and (min-width:641px) and (max-width: 1023px){ /*TB*/
	.sc_box {max-width: 1023px;}
}

@media screen and (min-width:1024px){ /*PC*/
	.sc_box {max-width: 1024px;}
}

.sc_box table{width: 1000px!important;}

/*パンくず*/
.breadcrumbs {
	padding: 10px;
}
.breadcrumbs a.home:before {
	content: "\f015";
	font-family: FontAwesome;
	padding-right: 5px;

}
/*l_cont---------------------------------------------------------*/
.l_cont{}

.l_cont a{text-decoration: underline;}
.l_cont a:hover{text-decoration: none;}

.box{
	padding: 10px 15px 25px;
	background: white;
}

/*見出し*/
.l_cont h1,.l_cont h2,.l_cont h3,.l_cont h4,.l_cont table,.l_cont ul,.l_cont ol,.l_cont dl{
	margin-bottom: 15px;
}
.l_cont ol li{margin-bottom: 5px;}


/*ページ見出しボックス*/
header.page_hd {
	background: url("../../img/page_hd_bg.gif") no-repeat right bottom;
	border-bottom: 3px solid #3ba1cb;
	padding: 10px;
	margin-bottom: 20px;
}

header.page_hd h1 {margin-bottom: 0;}

.l_cont h1{
	font-weight: normal;
	color: #818181;
	background: url("../../img/ring_blue.gif") no-repeat left center;
}

@media screen and (min-width:641px){ /*PC-TB*/
	header.page_hd {}

	.l_cont h1{
		font-size: 142%;
		padding: 25px 180px 25px 25px;
	}
}

@media screen and (max-width:640px){ /*SP*/
	header.page_hd {background:none;}

	.l_cont h1{
		font-size: 134%;
		padding: 10px 10px 10px 25px;
	}
}


.l_cont h2{
	font-weight: normal;
	background: #3ba1cb;
	color: #fff;
	border-radius: 10px 10px 0 0;
	border-bottom: 2px solid #297c9e;
}
.l_cont h2 a{color: #fff;}

.l_cont h3{
	background: url("../../img/st.gif") repeat left top;
	padding: 10px 15px;
	font-weight: normal;
	border-bottom: 4px solid #e99a1e;
}

.l_cont h4{
	background: #fadbf3;
	padding: 10px;
}


@media screen and (min-width:641px){ /*PC-TB*/
	.l_cont h2{
		font-size: 125%;
		padding: 20px;
	}
	.l_cont h3{font-size: 117%;}
}

@media screen and (max-width:640px){ /*SP*/
	.l_cont h2{
		font-size: 117%;
		padding: 10px 15px;
	}
	.l_cont h3{font-size: 109%;}
}


/*table*/
.l_cont table{
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	width: 100%;
}

.l_cont table th,.l_cont table td{
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	vertical-align: middle;
	padding: 10px;
}

.l_cont table th{
	background: #e9f8fe;
}


/*ul,ol*/

.l_cont ul,.l_cont ol ul.arrow_list {
	padding-left: 15px;
}

.l_cont ul,ul.arrow_list {
	margin-bottom: 15px;
}
.l_cont ul li,ul.arrow_list li {
	padding: 7px 0 7px 1em;
	text-indent: -1em;

}
.l_cont ul li:before,ul.arrow_list li:before {
	content: "\f152";
    font-family: FontAwesome;
    padding-right: 3px;
    color: #e78614;
}

.l_cont ol {
	margin-left: 20px;
	padding-left: 15px;
	margin-bottom: 1em;
}
.l_cont ol li {
	list-style-type: decimal;
	padding: 5px 5px 5px 0px;
}
ul.inline_list {
	text-align: left;
}
ul.inline_list li {
	display: inline;
}
ul.u_border li {
	border-bottom: 1px dotted #c7c7c7;
}


.arc_link{
	padding-left: 0!important;
}

.arc_link li{
	padding: 0!important;
	background: none!important;
	margin-bottom: 10px;
	text-indent: 0 !important;
	font-size: 90%;
}

@media screen and (min-width:641px){ /*PC-TB*/
	.arc_link li{
		width: 50%;
		float: left;
	}
}

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

}



.arc_link li:before {
	content: none !important;
}

.arc_link li a{
	margin: 0 auto;
	text-align: center;
	border: 1px solid #dedede;
	border-radius: 10px;
	display: block;
	width: 90%;
	padding: 10px;
	text-decoration: none!important;
	color: #2e302e!important;
}


/*新着ボックス共通*/
.news_list {
	padding: 10px;
	width: 100%;
	display: auto;
}
.news_list dl {
	display: table;
	padding: 10px;
}
.news_list dl dt, .news_list dl dd{
	display: table-cell;
}
.news_list dl dt {
	width: 20%;
	font-size: 85%;
	background: url("../../img/ring_blue.gif") no-repeat left center;
	padding-left: 30px;
	padding-right: 15px;
}
.news_list dl dd {
	width: 80%;
}

/*ページインデックスリスト*/
ul.index_list {
	padding: 0;
}
ul.index_list {
}
ul.index_list li {
	padding: 0;
	text-indent: 0 !important;
}
ul.index_list li:before {
	content: none;
}
ul.index_list li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	background: #fff;
	background: url("../../img/arrow_orange.png") no-repeat 99% center;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin: 10px;
	font-size: 130%;

}
ul.index_list li a i {
	font-size: 200%;
	color: #8ad2e4;
}

.toggle_box dt {
	cursor: pointer;
	border: 1px solid #c1c1c1;
	padding: 10px;
	text-align: center;
}
.toggle_box dt:before {
	content: "\f01a";
    font-family: FontAwesome;
}
.toggle_box dd {
	display: none;
}
/*------------------------------------*/
/*サイドくらしのガイド*/
/*------------------------------------*/
#side_guide_cat {
	width: 220px;
	background: #3ba1cb;
	margin-bottom: 20px;
}
#side_guide_cat h1 {
	width: 220px;
	height: 171px;
	background: url("../../img/side_guide_cat_h.gif") center bottom;
	display: block;
	text-indent: -10000px;
	margin-top: 0px;
}
#side_guide_cat h1 a {
	width: 220px;
	height: 171px;
	display: block;
}
#side_guide_cat ul {
	width: 215px;
	height: 204px;
	background: url("../../img/guide_cat_list.gif") center bottom;
	margin: 0 auto;
}
#side_guide_cat ul li {
	width: 215px;
	height: 51px;
}
#side_guide_cat ul li a {
	width: 215px;
	height: 51px;
	display: block;
	text-indent: -10000px;
}
#side_guide_cat ul li a:hover {
	background: #fff;
	opacity:0.2;
	filter: alpha(opacity=80);
}


#side_bar_list li{
	margin-bottom: 10px;
}


/*--------------------------------*/
/*イベントカレンダー*/
/*--------------------------------*/


/*カレンダースタイル*/
table.fullcalendar td{
	border: 1px solid #c1c1c1;

}
.days-names {
	background: #eefaff;
}
#wpfc-calendar-wrapper th,#wpfc-calendar-wrapper table td {
	vertical-align: top;
}
#wpfc-calendar-wrapper h2 {
	background: none;
	color: #303334;
	border: none;
	font-size: 150% !important;
	padding: 0;
}





.cal {
	width: 100%;
	margin-right: 30px;
}
.cal table th, .cal table td{
	padding: 8px !important;
}
.cal_list {
	margin-bottom: 20px;

}

.cal_list_a {
	width: 230px;
	margin-bottom: 20px;
	margin-right: 9px;
	padding: 10px;
	display: block;
	float: left;
	background: #e8e8e8;
	text-decoration: none !important;
}
.cal_list_a:nth-child(3n) {
	margin-right: 0;
}

.cal_list_a:hover {
	text-decoration: none !important;
}

.cal_list_a dl {

	padding: 5px;
}

.cal_list_a dt {
	width: 204px;
	height: 153px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
.cal_list_a dt img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.cal_list_a dt span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 2;
	display: block;
	width: 80px;
	font-size: 10px;
	text-align: center;
	background: #4287c1;
	color: #ffffff;
}



.cal_list_a dd h2 {
	padding: 5px;
	font-size: 100%;
	border-radius: 10px;
}
.cal_list_a dd h2 span {
	font-size: 85%;
	display: block;
}
.cal_list_a dd h2 span:before {
	content: "\f073";
    font-family: FontAwesome;
    padding-right: 5px;
}
.cal_list_a dd span.cal_cat {
	font-size: 90%;
	border-bottom: 1px dotted #c1c1c1;
	display: block;
}
.cal_list_a dd span.cal_cat:before {
	content: "\f05a";
    font-family: FontAwesome;
    padding-right: 5px;
}

.cal_list_a:nth-child(3n) {
	margin-right: 0;
}

.cal_list_a dd p {
	margin-bottom: 0;
}
.cal_list_a dd.excerpt {
	font-size: 90%;
}

/*--------------------------------*/
/*イベントカレンダー 詳細*/
/*-------------------------------*/
.event_sum {
	padding: 20px 0;
	border-top: 1px dotted #d7d7d7;
}
.event_sum  {
}

/*--------------------------------*/
/*記事一覧リスト表示*/
/*-------------------------------*/
.list_cont {
}
.list_cont  {
	border: 1px solid #dcdcdc;
	padding: 10px;
	border-radius: 10px;

	background: #f0f9ff;
	background: -moz-linear-gradient(top,  #f0f9ff 0%, #e8f6ff 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(99%,#e8f6ff));
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#e8f6ff 99%);
	background: -o-linear-gradient(top,  #f0f9ff 0%,#e8f6ff 99%);
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#e8f6ff 99%);
	background: linear-gradient(to bottom,  #f0f9ff 0%,#e8f6ff 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#e8f6ff',GradientType=0 );

	-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
}

.post_title {
	display: table;
	border-bottom: 1px dotted #c1c1c1;
	margin-bottom: 10px;
	width: 100%;
	padding-bottom: 10px;
}
.post_title h1, .post_title dl.time,.post_title span.marker{
	display: table-cell;
	vertical-align: top;
}
.post_title h1 {
	width: 90%;
	padding: 5px 10px;
	background: none;
}
.post_title h1 span {
	font-size: 75%;
}
.post_title h1:before{
	content: "\f0a9";
    font-family: FontAwesome;
    padding-right: 5px;

}
.post_title dl.time{
	width: 10%;
	text-align: center;

}
.post_title dl.time dt{
	color: #fff;
	vertical-align: top;
	font-weight: bold;
	border: 1px solid #c1c1c1;
	background: #ee8e11;
}
.post_title dl.time dd{
	background: #fff;
	border: 1px solid #c1c1c1;
	border-top: none;
}

.post_title dl.time dd{
	background: #fff;
}


.post_title span.marker {
	width: 10%;
	text-align: center;
	border: 1px solid #c1c1c1;
	background: #ef817d;
	border-radius:75px;
	vertical-align: middle;
}



/*--------------------------------*/
/*施設紹介周り*/
/*--------------------------------*/

#map {
	margin-bottom: 20px;
}


ul.facility_list {
	padding: 0;
}
ul.facility_list {
}
ul.facility_list li {
	padding: 0;
	text-indent: 0 !important;
	width: 50%;
	float: left;
}
ul.facility_list li:before {
	content: none;
}
ul.facility_list li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	background: #fff;
	background: url("../../img/arrow_orange.png") no-repeat 99% center;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin: 10px;
	font-size: 100%;

}
ul.facility_list li a i {
	font-size: 200%;
	color: #8ad2e4;
}

/*--------------------------------*/
/*施設詳細*/
/*--------------------------------*/
.faci_outline {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #cfcfcd;
}
.faci_outline dt,.faci_outline dd {
	display: table-cell;
}
.faci_outline dt {
	width: 20%;
}
.faci_outline dt i {
	color: #e3821a;
}
.faci_outline dd {
	width: 80%;
}