@charset "utf-8";

#pageTitle.goto-seikei			{ background-image: url(../images/facility/goto-seikei/common/page_title_bg.jpg);}
#pageTitle.tsushima-reha			{ background-image: url(../images/facility/tsushima-reha/common/page_title_bg.jpg);}
#pageTitle.rokujuen			{ background-image: url(../images/facility/rokujuen/common/page_title_bg.jpg);}
#pageTitle.sec-rokujuen			{ background-image: url(../images/facility/sec-rokujuen/common/page_title_bg.jpg);}
#pageTitle.oasis			{ background-image: url(../images/facility/oasis/common/page_title_bg.jpg);}




/* index --------------------------------------------------------------------------------------------------*/

/* idx-nav */
#idx-nav .row-wrap >*				{ margin-top:1rem;}
@media print, screen and (min-width: 768px) {
#idx-nav							{}
#idx-nav .row-wrap					{ margin: 0 ;}
#idx-nav .row-wrap a				{ display: block;}
#idx-nav .row-wrap >*				{ padding: 0; margin-top:0;}
#idx-nav .news						{ padding: 3.5rem 1.6rem 1rem;}
}

/* foot-nav */
#foot-nav							{}
#foot-nav .row-wrap >*				{ margin-top: 1rem;}
@media print, screen and (min-width: 768px) {
#foot-nav.contents.column1			{ margin-top: 20px;}
#foot-nav .row-wrap					{ margin: 0 -0.2rem;}
#foot-nav .row-wrap a				{ display: block;}
#foot-nav .row-wrap >*				{ padding: 0 0.2rem; margin-top: 0.4rem;}

}


/* goto-seikei -----------------------------------------------------------------------*/
/* idx-nav */
#idx-nav .news						{ background: #007739;  padding: 3.5rem 1.6rem 1rem;}
#idx-nav .news .title				{ padding-bottom: 0.5rem; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 1.5rem;}
#idx-nav .news .news-list a			{ display: flex; padding: 0.5rem 0; font-size: 1.2rem; border-bottom: #FFFFFF 1px solid; color: #FFFFFF;}
#idx-nav .news .news-list a .n-title	{ font-size: 1.4rem;}
#idx-nav .news .news-list a .date		{ padding-right: 1rem; padding-top: 0.2rem; width: 8rem;
	}
#idx-nav .news .link 				{ padding-top: 1rem; text-align: right;}
#idx-nav .news .link a				{  color: #FFFFFF;}
#idx-nav .news .link a span			{ padding-right: 1.4rem; background: url(../images/common/ar_right_wh03.png) no-repeat center right; background-size: 1.2rem;}

@media print, screen and (min-width: 768px) {
#idx-nav .news						{ padding: 3.5rem 1.6rem 0.5rem;}
#idx-nav .news .news-list a .n-title	{ width:250px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
}







/* detail --------------------------------------------------------------------------------------------------*/
/* common */
#main-wrap .detail-box			{ margin:2rem 0 8rem;}


@media print, screen and (min-width: 768px) {
#main-wrap .detail-box			{ margin: 0 0 120px;}


.rokujuen #about .row-wrap .pic 							{ width:26%;}
.rokujuen #about .row-wrap .pic figure						{ width: 184px; margin: 0;}

.rokujuen #about .row-wrap .txt-box .contactBox		{ margin-top: 1.5rem; padding: 2rem 2.5rem; line-height: 1.6; }
.rokujuen #about .row-wrap .txt-box .contactBox p	{ font-size: 18px;}
.rokujuen #about .row-wrap .txt-box .contactBox p span	{ font-size: 14px;}

}


/* goto-seikei -----------------------------------------------------------------------*/
/* detail */
.goto-seikei #about 										{ margin-top: -7rem; }
.goto-seikei #about .ttl-sect								{ margin:9rem 0 0; }
.goto-seikei #about .title									{ color: #007739; font-size: 1.7rem;}
.goto-seikei #about .row-wrap								{}
.goto-seikei #about .row-wrap .pic							{ text-align: center;}
.goto-seikei #about .row-wrap .txt-box						{}
.goto-seikei #about .row-wrap .pic.people figure			{ width: 60%; margin: 0 auto; }
.goto-seikei #about .row-wrap.box01 .txt-box .title			{ padding: 3rem 0 1.5rem; font-size: 1.8rem; color: #007739;  }
.goto-seikei #about .row-wrap .caption				{ padding-top: 0.5rem; font-size: 1.2rem; }
.goto-seikei #about .row-wrap .caption .name		{ font-size: 1.8rem; }
.goto-seikei #about .row-wrap .caption .name span	{ padding-right: 1rem; font-size: 1.4rem; }
.goto-seikei #about .row-wrap .txt-box						{ margin-top: 30px; }
.goto-seikei #about .box02 .txt-box .title				{ padding: 3rem 0 1.5rem; font-size: 1.6rem; color: #333333;   }

.goto-seikei #about .link-btn								{ margin-top: 2rem;}
.goto-seikei #about .feature								{ }
.goto-seikei #about .feature li								{ padding-top: 1rem; text-indent: -1.3rem; margin-left: 1.3rem; }
.goto-seikei .important										{ margin-top: 2rem; font-size: 1.4rem; color: #007739;}
.goto-seikei #summary .ttl-sect								{ margin-bottom: 3rem;}
.goto-seikei #facility.detail-box	{ margin-bottom: 0;}

@media print, screen and (min-width: 768px) {
.goto-seikei #about .row-wrap								{}
.goto-seikei #about .row-wrap .pic							{ text-align: left;}
.goto-seikei #about .row-wrap .pic.people figure			{ width: 276px; margin: 0 0; }
.goto-seikei #about .row-wrap .txt-box						{ margin-top: 0; }
.goto-seikei #about .row-wrap.box01 .pic					{ width: 276px; margin: 0 0; }
.goto-seikei #about .row-wrap.box01 .txt-box .title				{ padding: 20px 0 20px; font-size: 30px; line-height: normal; }
.goto-seikei #about .row-wrap .caption				{ padding-top: 10px; font-size: 14px; }
.goto-seikei #about .row-wrap .caption .name		{ font-size: 30px; }
.goto-seikei #about .row-wrap .caption .name span	{ padding-right: 20px; font-size: 20px; }
.goto-seikei #about .box02 .txt-box .title			{ font-size: 18px; }

.goto-seikei #about .feature								{ margin-bottom: 40px; }
.goto-seikei #about .feature li								{ text-indent: -1.6rem; }
.goto-seikei .important										{ font-size: 24px; }
.goto-seikei #summary .ttl-sect								{ margin-bottom: 60px;}

}

/* news */
.goto-seikei #news								{ margin: 2rem 0 0;}
.goto-seikei #news .news-list					{}
.goto-seikei #news .news-list li a				{ display: block; padding: 1.5rem 0; border-bottom: #c8c8c8 1px solid; }
.goto-seikei #news .news-list li a .date		{ color: #007739;}

.goto-seikei #news .pager						{ margin-top: 2rem; }
.goto-seikei #news .pager ul					{ display: flex; justify-content: center; margin: 0 -0.5rem; font-size: 1.2rem;}
.goto-seikei #news .pager ul li 				{ padding: 0 0.5rem; }
.goto-seikei #news .pager ul li a				{ padding: 1rem 1.5rem 0.8rem; border: #007739 1px solid; border-radius: 0.2rem; color: #007739; }
.goto-seikei #news .pager ul li.on a			{ border: none; background: #007739; color: #FFFFFF; }
.goto-seikei #news .pager ul li.pagerDot a		{ border: none;  }

/* news-detail */
.goto-seikei #news-detail						{}
.goto-seikei #news-detail figure				{ text-align: center;}
.goto-seikei #news-detail .news-title			{ margin-bottom: 2rem;}
.goto-seikei #news-detail .news-title .ttl-line	{ margin-bottom: 0; padding: 0 0 5px;}
.goto-seikei #news-detail .news-title .date		{ padding: 0.5rem 0 0; color: #9A9A9A; text-align: right;}
.goto-seikei #news-detail .txt					{ margin-top: 2rem;}
.goto-seikei #news-detail .link-btn				{ margin: 2rem auto 0;}

@media print, screen and (min-width: 768px) {

.goto-seikei #news								{ margin: 0;}

.goto-seikei #news .news-list li a				{ display: flex; padding: 30px 10px;}
.goto-seikei #news .news-list li a .date		{ color: #007739; width: 100px; margin-right: 20px;}
.goto-seikei #news .pager						{ margin-top:40px;  }
/* news-detail */
.goto-seikei #news-detail .txt					{ margin-top: 50px;}
.goto-seikei #news-detail .link-btn				{ margin: 50px auto 0;}
}


/* tsushima-reha -----------------------------------------------------------------------*/

.tsushima-reha								{}
.tsushima-reha .lead						{ margin-top: 1rem; color: #666666;}
.tsushima-reha .link-btn					{ margin-top: 2rem; }

.tsushima-reha .list-bg span				{ padding: 0 0.5rem; font-size: 1.6rem; font-weight: bold; color: #0053a5;}
.tsushima-reha ul.row-wrap li				{ font-weight: bold; font-size: 1.6rem;}
.tsushima-reha #hospitalization				{ margin-bottom: 2rem;}
.tsushima-reha  .list-flow dl				{ margin-bottom: 0;  }
.tsushima-reha  .list-flow dl:before		{ display: block; padding: 0 0 3rem; content: ""; background: url(../images/facility/tsushima-reha/detail/ar_bottom_gr.png) no-repeat center top; background-size: 4rem; }
.tsushima-reha  .list-flow dl:first-child:before				{ padding: 0; content: ""; background: none; }
.tsushima-reha .list-flow dl dt					{ padding: 1rem 1.5rem 0.5rem; border-top: #0053a5 2px solid; }
.tsushima-reha  .list-flow dl dd				{ padding: 1rem 1.5rem 1rem; margin-top: 0; border: #eff5fb 1px solid; }
.tsushima-reha  .list-flow dl dd p.tel			{ font-size: 1.2rem; }
.tsushima-reha  .list-flow dl dd p.tel span		{ font-size: 1.4rem; font-weight: bold; padding-left: 2rem; background: url(../images/facility/tsushima-reha/detail/ico_tel.png) no-repeat center left; background-size: 1.5rem; color: #d20012;}

.tsushima-reha #important					{ margin-bottom: 2rem;}
.tsushima-reha .shadow-wrap					{ }
.tsushima-reha .shadow-wrap ul				{ border: #eff5fb 2px solid; padding: 1rem; }
.tsushima-reha .shadow-wrap ul li			{ position: relative; padding-left: 2rem; margin-bottom: 1rem; line-height: 1.6;}
.tsushima-reha .shadow-wrap ul li:before	{ content: "●"; color: #75acd4; position: absolute; top: 0; left: 0;}

.tsushima-reha #about p					{ margin-bottom: 2rem;}


@media print, screen and (min-width: 768px) {
.tsushima-reha .lead						{ font-size: 24px;}
.tsushima-reha .link-btn					{ margin-top: 40px;}

.tsushima-reha .list-bg span				{ font-size: 1.8rem; }

.tsushima-reha #hospitalization				{ margin-bottom: 80px;}
.tsushima-reha  .list-flow dl:before		{ padding: 0 0 50px; }
.tsushima-reha  .list-flow dl dd p.tel span 		{ font-size: 20px; }

.tsushima-reha ul.row-wrap					{ margin: 0 -20px;}
.tsushima-reha ul.row-wrap li				{ padding: 0 20px; font-size: 18px;}

.tsushima-reha #important					{ margin-bottom: 80px;}

.tsushima-reha .shadow-wrap					{ width: 98%; }
.tsushima-reha .shadow-wrap ul				{ padding: 25px; box-shadow: 2rem 2rem #eff5fb; }
.tsushima-reha .shadow-wrap ul li			{ padding-left: 2rem; margin-bottom: 20px; }

.tsushima-reha #about p					{ margin-bottom: 30px;}

}


/* rokujuen -----------------------------------------------------------------------*/
.rokujuen .ttl-ico span					{ background-image:url(../images/facility/rokujuen/detail/ico_calendar.png);   }
.rokujuen #service .row-wrap						{}
.rokujuen #service .row-wrap .txt-box				{ margin-top: 1rem;}
.rokujuen #about .row-wrap							{}
.rokujuen #about .row-wrap .pic						{ width: 60%; margin: 0 auto;}
.rokujuen #about .row-wrap .txt-box					{ margin-top: 1rem;}
.rokujuen #about .row-wrap .txt-box .contactBox		{ margin-top: 1rem; padding: 1rem 1.5rem; border: #c6c6c6 1px solid;}
.rokujuen #about .link-btn 							{ margin-top: 2rem;}

@media print, screen and (min-width: 768px) {
.rokujuen #service .row-wrap						{}
.rokujuen #service .row-wrap .pic				{ width:330px;}
.rokujuen #service .row-wrap .pic figure		{ width:100%;}
.rokujuen #service .row-wrap .txt-box				{ margin-top: 0; width: 450px;}
.rokujuen #service .row-wrap .txt-box p				{ width: 100%;}
.rokujuen #about .row-wrap .pic 							{ width:26%;}
.rokujuen #about .row-wrap .pic figure						{ width: 184px; margin: 0;}
.rokujuen #about .row-wrap .txt-box .contactBox		{ margin-top: 1.5rem; padding: 2rem 2.5rem; line-height: 1.6; }
.rokujuen #about .row-wrap .txt-box .contactBox p	{ font-size: 18px;}
.rokujuen #about .row-wrap .txt-box .contactBox p span	{ font-size: 14px;}
.rokujuen #about .link-btn 							{ margin-top: 40px;}

}



/* sec-rokujuen -----------------------------------------------------------------------*/
.sec-rokujuen .ttl-ico span					{ background-image:url(../images/facility/sec-rokujuen/detail/ico_schedule.png);   }

.sec-rokujuen #day						{  }
.sec-rokujuen #day .inBox dl							{ padding: 2rem 0 0; }
.sec-rokujuen #day .inBox dl dt							{ font-weight: 100; padding: 0 0 0.5rem 0.5rem; color: #e77a00; font-family: "Open Sans" , "Helvetica Neue" , Avenir , Helvetica , Arial , Verdana , Roboto , sans-serif; }
.sec-rokujuen #day .inBox dl dd							{ padding: 1.5rem; border: #DDDDDD 1px solid; border-radius: 0.5rem; }
.sec-rokujuen #day .inBox dl dd figure					{ padding: 0.5rem 0 0; }
.sec-rokujuen #day .inBox .memo							{ margin-top: 4rem; padding: 1.5rem; font-size: 1.2rem; border: #ea8581 1px solid; border-radius: 0.5rem; }
.sec-rokujuen #service .row-wrap						{}
.sec-rokujuen #service .row-wrap .txt-box				{ margin-top: 1rem;}
.sec-rokujuen #about .row-wrap							{}
.sec-rokujuen #about .row-wrap .pic						{ width: 60%; margin: 0 auto;}
.sec-rokujuen #about .row-wrap .txt-box					{ margin-top: 1rem;}
.sec-rokujuen #about .row-wrap .txt-box .contactBox		{ margin-top: 1rem; padding: 1rem 1.5rem; border: #c6c6c6 1px solid;}
.sec-rokujuen #about .link-btn 							{ margin-top: 2rem;}

@media print, screen and (min-width: 768px) {
.sec-rokujuen #service .row-wrap						{}
.sec-rokujuen #service .row-wrap .pic				{ width: 330px;}
.sec-rokujuen #service .row-wrap .pic figure		{ width: 100%;}
.sec-rokujuen #service .row-wrap .txt-box			{ margin-top: 0; width: 450px;}
.sec-rokujuen #service .row-wrap .txt-box p			{ width: 100%;}
.sec-rokujuen #day									{ }
.sec-rokujuen #day .inBox 							{ width: 770px ; margin: 0 auto;}
.sec-rokujuen #day .inBox dl						{ display: flex; justify-content: flex-start; padding: 0; }		
.sec-rokujuen #day .inBox dl dt						{ position: relative; width: 140px; text-align: right; font-size: 26px; padding: 0 50px 50px 0 ; border-right: #b4b4b4 1px solid; }
.sec-rokujuen #day .inBox dl dt:after				{ content: "●"; color: #e77a00; position: absolute; left: 13.1rem; top: 0; }

.sec-rokujuen #day .inBox dl dd						{ font-size: 18px; padding:12px 0 50px 30px; border:none;  }
.sec-rokujuen #day .inBox dl dd p					{ max-width: 260px;}
.sec-rokujuen #day .inBox dl dd figure				{ width: 300px;}
.sec-rokujuen #day .inBox .memo						{ margin-top: 80px; padding: 20px; font-size: 16px; text-align: center; }

.sec-rokujuen #about .row-wrap .pic 				{ width:26%;}
.sec-rokujuen #about .row-wrap .pic figure			{ width: 184px; margin: 0;}
.sec-rokujuen #about .row-wrap .txt-box .contactBox	{ margin-top: 1.5rem; padding: 2rem 2.5rem; line-height: 1.6; }
.sec-rokujuen #about .row-wrap .txt-box .contactBox p		{ font-size: 18px;}
.sec-rokujuen #about .row-wrap .txt-box .contactBox p span	{ font-size: 14px;}
.sec-rokujuen #about .link-btn 								{ margin-top: 40px;}
}



/* oasis -----------------------------------------------------------------------*/


.oasis .link-btn 					{ margin-top: 2rem;}
.oasis span.big 					{ font-weight: bold;}
.oasis .ttl-nomal 					{ position: relative; padding-left: 2rem;}
.oasis .ttl-nomal:before			{ content: "●"; color: #e66ea4; position: absolute; top: 0; left: 0;}
.oasis .title						{ margin: 20px 0 10px; font-size:18px; color: #e66ea4;  }

.oasis .list-flow ul li				{ margin: 20px 0 20px; padding-bottom: 1rem; font-size: 1.2rem;  border-bottom: #c8c8c8 1px dotted; }
.oasis .list-flow ul li span		{ font-size: 1.2rem; }
.oasis .memo						{ margin-top: 1rem; }

@media print, screen and (min-width: 768px) {

.oasis .page-nav ul li					{ width: 320px;}
.oasis .link-btn 								{ margin-top: 40px;}
.oasis .title			{ margin: 20px 0 10px; font-size:18px; color: #e66ea4;  }
.oasis .list-flow ul li			{ margin: 20px 0 10px; font-size: 16px; }
.oasis .list-flow ul li span	{ font-size: 16px; }
}

/* WordPress Pagination Styles
-------------------------------------------------------------------------------------------------------- */
.pagination a.page-numbers { color:#007739; background-color:#fff; border-color: #007739; }
.pagination span.current{ color:#fff; background-color:#007739; border-color: #007739; }