@charset "UTF-8";

#main p{line-height: 1.6;}

/*-----------------------------------サブナビゲーション個別指定*/
#oishi li#liOishi #liOishiKannai a:hover{ color: #FBB03B; }
#oishi li#liOishi #liOishiOutline a:hover{ color: #FBB03B; }
#oishi li#liOishi #liOishiMovie a:hover{ color: #FBB03B; }
#oishi li#liOishi #liOishiFlow a:hover{ color: #FBB03B; }
#oishi li#liOishi #liOishiFee a:hover{ color: #FBB03B; }

#cocoro li#liCocoro #liCocoroOutline a:hover{ color: #FBB03B; }
#cocoro li#liCocoro #liCocoroEnnai a:hover{ color: #FBB03B; }
#cocoro li#liCocoro #liCocoroHoiku a:hover{ color: #FBB03B; }
#cocoro li#liCocoro #liCocorolive a:hover{ color: #FBB03B; }

#cocororokko li#liCocororokko a{ color: #FBB03B; }
#cocororokko li#liCocororokko #liCocororokkoOutline a{ color: #D2C2AF; }
#cocororokko li#liCocororokko #liCocororokkoOutline a:hover{ color: #FBB03B; }
#cocororokko li#liCocororokko #liCocororokkoEnnai a{ color: #D2C2AF; }
#cocororokko li#liCocororokko #liCocororokkoEnnai a:hover{ color: #FBB03B; }
#cocororokko li#liCocororokko #liCocororokkoHoiku a{ color: #D2C2AF; }
#cocororokko li#liCocororokko #liCocororokkoHoiku a:hover{ color: #FBB03B; }

#cocorotakaha li#liCocorotakaha a{ color: #FBB03B; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaOutline a{ color: #D2C2AF; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaOutline a:hover{ color: #FBB03B; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaEnnai a{ color: #D2C2AF; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaEnnai a:hover{ color: #FBB03B; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaHoiku a{ color: #D2C2AF; }
#cocorotakaha li#liCocorotakaha #liCocorotakahaHoiku a:hover{ color: #FBB03B; }

#facility li#liFacility a:before{ color: #FBB03B; }
#mikage li#liMikage a:before{ color: #FBB03B; }
#okamoto li#liOkamoto a:before{ color: #FBB03B; }
#nada li#liNada a:before{ color: #FBB03B; }
#oishi li#liOishi a:before{ color: #FBB03B; }
#nadazaitaku li#liNadazaitaku a:before{ color: #FBB03B; }

/*-----------------------------------施設用ナビゲーション*/
#subnav #liCocoro ul#navCocoro, 
#subnav #liCocororokko ul#navCocororokko, 
#subnav #liOishi ul#navOishi { width: 166px; margin: 0px; }
#subnav #liCocoro ul#navCocoro li,
#subnav #liCocororokko ul#navCocororokko li,
#subnav #liOishi #navOishi li,
#subnav #liCocorotakaha #navCocorotakaha li{ width: 141px; padding: 0px; margin: 0 0 0 25px; background: url(none); list-style-position: outside; list-style-image: url(../common/images/arrow.jpg);	}
#subnav #liCocoro,
#subnav #liCocororokko,
#subnav #liCocorotakaha,
#subnav #liCocorotakarazuka{}

/*-----------------------------------施設ページインデックス*/
.facilityIndex { margin: 15px 0 20px 0; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}
.facilityIndex th{ width: 299px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 5px 10px; font-weight:bold;}
.facilityIndex th a{ color: #333; }
.facilityIndex th a:hover{ color: #b6083b;}
.facilityIndex td{ border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 5px 10px 10px 115px; height: 130px;}
.facilityIndex td#imgOishi{ background:url(images/index/imgOishi.jpg) no-repeat left top;}
.facilityIndex td#imgMikage{ background:url(images/index/imgMikage.jpg) no-repeat left top;}
.facilityIndex td#imgOkamoto{ background:url(images/index/imgOkamoto.jpg) no-repeat left top;}
.facilityIndex td#imgNada{ background:url(images/index/imgNada.jpg) no-repeat left top;}
.facilityIndex td#imgNadazaitaku{ background:url(images/index/imgNadazaitaku.jpg) no-repeat left top;}
.facilityIndex td#imgCocoro{ background:url(images/index/imgCocoro.jpg) no-repeat left top;}
.facilityIndex td#imgCocoroRokko{ background:url(images/index/imgcocoro_rokko.jpg) no-repeat left top;}
.facilityIndex td#imgCocoro_takaha{ background:url(images/index/imgcocoro_takaha.jpg) no-repeat left top;}
.facilityIndex td#imgCocoro_biwa{ background:url(images/index/imgcocoro_biwa.jpg) no-repeat left top;}
.facilityIndex td#imgCocoro_takarazuka{ background:url(images/index/imgcocoro_takarazuka.jpg) no-repeat left top;}
.facility_list{
	clear: both;
	overflow: hidden;
}
.facility_list article{
	float: left;
	margin: 0 3.125% 25px 0;
	width: 31.25%;
	border-top: 1px solid #000;
	padding-top: 10px;
}
.facility_list article:nth-child(3n){
	margin-right: 0;
}
.facility_list article h3{
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.facility_list article figure{
	margin-bottom: 20px;
}
.facility_list article ul li:before{
	color: #B3B3B3;
	content: "●";
	margin-right: 5px;
}
.facility_list article p.link{ text-align: right;}
.facility_list article p.link a:before{
	color: #FBB03B;
	font-weight: bold;
	content: "》";
}
/*-----------------------------------施設ページ詳細共通*/
#shisetsuImg { margin: 20px 0; }
#jigyoList {
	margin: 15px 0 15px;
}

#jigyoList li {
	float: left;
	margin-right: 12px;
	margin-bottom: 5px;
}
#jigyoList img { vertical-align: bottom; }
#jigyoList li:nth-child(4n) { margin-right: 0; }
.facility_news_vacancy{
	display: flex;
	justify-content: space-between;
}
.facility_news_list ul{ margin-bottom: 60px;}
.facility_news_list ul li{
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #D2C2AF;
}
.facility_news_list ul li .day{
	width: 10em;
	display: block;
}
.facility_news_list ul li p{ flex: 1;}
#textArea .facility_news_list ul li p{ line-height: 1.5;}
#textArea .facility_news_list ul li a{ text-decoration: none;}
.facility_news_vacancy .facility_news{ width: 70%;}
.facility_news_vacancy .facility_vacancy{ width: 25%;}
.facility_vacancy h3{ margin-bottom: 30px;}
.facility_vacancy dl{
	text-align: center;
	background: #fff;
	padding: 15px 20px;
}
.facility_vacancy dl dt{ margin-bottom: 5px;}
.facility_vacancy dl dd{
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	background: #FBB03B;
	padding: 10px;
	margin-bottom: 15px;
}
.facility_vacancy dl dd:last-child{ margin-bottom: 0;}
.facility_img_list {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	margin-bottom: 20px;
}
.facility_img_list .slider{ width: 70%;}
.facility_img_list .slider img{ width: 100%; margin-bottom: 10px;}
.facility_img_list .slider p{
	background: #fff;
	padding: 3px 10px;
}
.facility_img_list .thumb{
	width: 26.25%;
	margin-top: -10px;
	padding: 10px 0 20px;
	position: relative;
	cursor: pointer;
}
.facility_img_list ul.thumb .slick-prev, .facility_img_list ul.thumb .slick-next{
	right: 0;
	left: 0;
	width: 100%;
	height: 8px;
}
.facility_img_list ul.thumb .slick-prev{
	top: 0;
	background: url("images/facility-slide-prev.svg") center no-repeat;
}
.facility_img_list ul.thumb .slick-next{
	top: inherit;
	bottom: 0;
	background: url("images/facility-slide-next.svg") center no-repeat;
}
.facility_img_list .thumb img{ width: 100%;}
.facility_img_list figure{
	float: left;
	margin: 0 10px 10px 0;
	width: 260px;
}
.facility_img_list figure:nth-child(3n){
	margin-right: 0;
}
.facility_img_list figure img{
	margin-bottom: 3px;
}
#mapArea {
	float: left;
	width: 400px;
	margin-right: 10px;
}
#mapArea address{
	background:url(../common/images/icn01.png) no-repeat left top;
	padding: 2px 0 0 15px;
	margin: 5px 0;
}
#mapArea #station {
	background:url(../common/images/icn01.png) no-repeat left top;
	padding: 2px 0 0 15px;
	margin: 5px 0;
}
#syuhenArea {
	float: left;
	width: 390px;
}
/*-----------------------------------ロングステージ大石*/
#oishiIndexMain { width: 620px; height: 151px; margin: 20px 0; background:url(images/oishi/main02.jpg) no-repeat; position: relative;
}
#oishiIndexMain02 { width: 620px; height: 400px; margin: 20px 0; background:url(images/oishi/main.jpg) no-repeat; position: relative;
}
#oishiNav { width: 472px; position: absolute; top: 120px; left: 10px; }
#oishiNav li{ float: left; margin-right: 3px; }
#oishi #oishiNav { width: 472px; position: absolute; top: 370px; right: 0px; }
#oishi #oishiNav li{ float: left; margin-right: 3px; }
#oishiNavUnder { width: 472px; margin-top:10px; margin-left: 60px;}
#oishiNavUnder li{ float: left; margin-right: 3px;}

/*-----------------------------------ロングステージcocoro
*/
#cocoroIndexMain { width: 620px; height: 250px; margin: 20px 0; background:url(cocoro/images/index/main.jpg) no-repeat; position: relative;}
#cocoroIndexMain02 { width: 620px; height: 151px; margin: 20px 0; background:url(cocoro/images/index/main02.jpg) no-repeat; position: relative;}
#cocororokkoIndexMain { width: 620px; height: 250px; margin: 20px 0; background:url(rokko/images/index/main.jpg) no-repeat; position: relative;}
#cocorotakahaIndexMain { width: 620px; height: 250px; margin: 20px 0; background:url(takaha/images/index/main.jpg) no-repeat; position: relative;}
#cocororokkoIndexMain02 { width: 620px; height: 151px; margin: 20px 0; background:url(rokko/images/index/main02.jpg) no-repeat; position: relative;}
#cocorotakahaIndexMain02 { width: 620px; height: 151px; margin: 20px 0; background:url(takaha/images/index/main02.jpg) no-repeat; position: relative;}


#cocoroNav { width: 480px; position: absolute; bottom: 10px; left: 10px; }
#cocoroNav li{ float: left; margin-left: 3px; }
#cocoroNavUnder { width: 480px; margin-top:10px; margin-left: 60px;}
#cocoroNavUnder li{ float: left; margin-right: 3px;}
#cocorolive { position: absolute; bottom: 10px; right: 10px; }

.ennnaiimg01 { float: left; width: 290px; }
.ennnaitxt01 { float: right; width: 290px; }
.ennnaiimg02 { float: right; width: 290px; }

.subtitle02 {margin: 0px 0px 10px;}
#enteiimg { margin-top: 20px; }
#enteiimg li { float: left; margin-right: 5px; }
.nospace { margin-right: 0; }
#enjishitsu { margin-top: 20px; }
#enjishitsu li{ float: left; width: 220px; }
#enjishitsu li.rightlist { float: left; width: 370px; }

#hoikulist li{ list-style-position: outside; list-style-image: url(../common/images/icn01.jpg); margin: 0px 0 0 25px; width:160px; float: left;}

#hoikuTable { width: 100%; margin: 20px 0; }
#hoikuTable th { padding: 5px 15px; background:#fff2de; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#hoikuTable th.kado { background:#f0f0f0; }
#hoikuTable td { padding: 5px 15px;  border-bottom: 1px dotted #ccc;}
#hoikuTable td.bdrR { border-right: 1px dotted #ccc; }
 
/*-----------------------------------館内図*/
#kyoshitsuImg { float: left; width: 295px; margin-right: 20px; }
#kyoshitsuTxt { overflow: hidden;}
/*-----------------------------------お申込の流れ*/

#oishiFlow01,
#oishiFlow02,
#oishiFlow03,
#oishiFlow04,
#oishiFlow05,
#oishiFlow06,
#oishiFlow07 { padding: 5px 0 60px 175px;}
#oishiFlow01 { margin-top: 20px; background:url(images/oishi/flow/1.jpg) no-repeat left top; }
#oishiFlow02 { background:url(images/oishi/flow/2.jpg) no-repeat left top; padding: 5px 0 40px 175px; }
#oishiFlow03 { background:url(images/oishi/flow/3.jpg) no-repeat left top; padding: 5px 0 35px 175px; }
#oishiFlow04 { background:url(images/oishi/flow/4.jpg) no-repeat left top; }
#oishiFlow05 { background:url(images/oishi/flow/5.jpg) no-repeat left top; padding: 5px 0 80px 175px; }
#oishiFlow06 { background:url(images/oishi/flow/6.jpg) no-repeat left top; }
#oishiFlow07 { background:url(images/oishi/flow/7.jpg) no-repeat left top; padding: 5px 0 30px 175px; }
/*-----------------------------------ご利用料金*/

#table_careprice {
	width: 100%;
	border-top: 1px solid #D2C2AF;
}
#table_careprice th{
	text-align: left;
	width: 220px;
	padding: 10px 0;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px solid #D2C2AF;
}
#table_careprice th.center{ text-align: center;}
#table_careprice td{
	padding: 10px 0 10px 10px;
	border-left: 1px solid #D2C2AF;
	border-bottom: 1px solid #D2C2AF;
}
.table_kanri01 {
	width: 598px;
	margin: 10px 0;
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
.table_kanri01 td{
	padding: 3px 0;
	font-size:12px; _font-size: 88%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
.table_kanri01 td.td_01{
	border-left: 1px dashed #d9d9d9;
	padding-right: 5px;
	text-align: right;
}
.table_kanri01 td.td_02{
	padding-right: 5px;
	text-align: right;
}
.table_kanri02 {
	margin: 0 0 0 0;
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
.table_kanri02 th{
	padding: 4px 0 2px 0;
	font-size:10px; _font-size: 80%;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	background-color: #fff2de;
}
.table_kanri02 td{
	padding: 4px 0 2px 0;
	height: 19px;
	font-size:11px; _font-size: 85%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
.table_kanri02 td.td_03{
	padding-right: 5px;
	text-align: right;
}
.table_kanri02 td.td_04{
}
.table_kanri02 td.td_05{
}

.bk_01 {
	background-color: #fff2de;
}
.bk_02 {
	background-color: #FEFFDD;
}
.bk_03 {
	background-color: #ccc;
}

.pdf a{
	color:#333;
	display:inline-block;
}
.pdf img{
	margin-bottom:3px;
	margin-left:5px;
	vertical-align:middle;
}
@media screen and (max-width: 767px){
	/*-----------------------------------施設ページ詳細共通*/
	#shisetsuImg { margin: 20px 0; }
	#jigyoList {
		margin: 15px 0 15px;
	}
	.facility_news_list ul li .day{ width: 7em;}

	#jigyoList li {
		float: left;
		margin-bottom: 5px;
	}
	#jigyoList img { vertical-align: bottom; }
	#jigyoList .space { margin-right: 5px; }
	#facilityImgList {
		margin: 15px 0 15px 10px;
		width: 600px;
	}
	#facilityImgList td{
		padding-bottom: 10px;
	}
	.facility_news_vacancy{ display: block; margin-bottom: 50px;}
	.facility_news_vacancy .facility_news{ width: 100%;}
	.facility_news_vacancy .facility_vacancy{ width: 100%;}
	.facility_vacancy dl dd{
		font-size: 125%;
		padding: 5px;
		margin-bottom: 10px;
	}
	.facility_img_list .slider{ width: 68%;}
	.facility_img_list .thumb{ width: 29%;}
	.facility_img_list .slider p{ padding: 0 10px;}
	#mapArea {
		float: left;
		width: 400px;
	}
	#mapArea address{
		background:url(../common/images/icn01.jpg) no-repeat left top;
		padding: 2px 0 0 15px;
		margin: 5px 0;
	}
	#mapArea #station {
		background:url(../common/images/icn01.jpg) no-repeat left top;
		padding: 2px 0 0 15px;
		margin: 5px 0;
	}
	#syuhenArea {
		float: right;
		width: 190px;
	}
	.facility_img_list figure{
		float: left;
		margin: 0 2% 10px 0;
		width: 49%;
	}
	.facility_img_list figure:nth-child(3n){
		margin-right: 2%;
	}
	.facility_img_list figure:nth-child(2n){
		margin-right: 0;
	}
	#mapArea {
		float: none;
		width: 100%;
		margin-right: 10px;
	}
	#syuhenArea {
		float: none;
		width: 100%;
	}
	#table_careprice th{
		width: 110px;
	}
	.movie{
		position: relative; 
		padding-bottom: 67%;
		overflow:hidden;
		max-width: 100%; 
		height: auto;
	}
	.movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/*-----------------------------------館内図*/
	#kyoshitsuImg { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; }
	
	.movie object{
		 position: absolute; 
		 top: 0; 
		 left: 0; 
		 width: 100%; 
		 height: 100%; 
	}
}
@media screen and (max-width: 525px){
	.facility_list article{
		float: left;
		margin: 0 4% 25px 0;
		width: 48%;
		border-top: 1px solid #000;
		padding-top: 10px;
	}
	.facility_list article:nth-child(3n){
		margin-right: 4%;
	}
	.facility_list article:nth-child(2n){
		margin-right: 0;
	}
}
@media screen and (max-width: 450px){
	#jigyoList li {
		float: left;
		margin-right: 2%;
		margin-bottom: 5px;
		width: 49%;
	}
	#jigyoList li:nth-child(2n) { margin-right: 0; }
}