@charset "utf-8";

/* ***************************************************************************************************
	COMMON
*************************************************************************************************** */

/* mainRoleHeaderVisualWrap
------------------------------------------------------------------------ */
	/*.mainRoleHeaderVisualBox .ppic img {
		object-position: center center;
	}*/


/* ptHeading
------------------------------------------------------------------------ */
	.pt-access .ptHeading .hTxt_en {
		margin-bottom: 0;
	}




/* ***************************************************************************************************
	PAGE
*************************************************************************************************** */

/* trainRouteMapWrap
------------------------------------------------------------------------ */
	.trainRouteMap {
		width: 90%;
		max-width: 1000px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (max-width: 520px) { /*{SPs}*/
	.trainRouteMap {
		width: 100%;
		margin-top: -20px;
		padding-left:	2vw;
		padding-right:	2vw;
	}
	.trainRouteMap img {
		padding: 20px 15px;
	}
}



/* trainRouteWrap
------------------------------------------------------------------------ */
	.trainRouteWrap {
		--access-trainRouteBox-gap_tb: clamp(50px, 3.968vw, 70px);
		--access-trainRouteBox-gap_lr: clamp(9px, (9 / 720 * 100vw), 30px);
		overflow: hidden;
	}
	.trainRouteWrap > .ptHeading [data-htxt_style="line"] {
		letter-spacing: .11em;
		margin-bottom: 40px;
	}
	/* trainRouteBox
	--------------------------------- */
	.trainRouteBox {
		display: flex;
		flex-wrap: wrap;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.6;
		font-size: clamp(1.3rem, (16 / 1340 * 100vw), 1.6rem);
		letter-spacing: .11em;
		margin-top:		calc(var(--access-trainRouteBox-gap_tb) * -1);
		margin-left:	calc(var(--access-trainRouteBox-gap_lr) * -1);
		margin-right:	calc(var(--access-trainRouteBox-gap_lr) * -1);
	}
	.trainRouteBox p {
		width: calc(33.333% - (var(--access-trainRouteBox-gap_lr) * 2));
		margin-top:		var(--access-trainRouteBox-gap_tb);
		margin-left:	var(--access-trainRouteBox-gap_lr);
		margin-right:	var(--access-trainRouteBox-gap_lr);
	}
	.trainRouteBox p > * {
		display: block;
	}
	.trainRouteBox p .routePic {
		position: relative;
		text-align: center;
	}
	.trainRouteBox p .routePic img {
		width: 100%;
		max-width: none;
		height: auto;
	}
	/*.trainRouteBox p .routeMain,
	.trainRouteBox p .routeDetails {
		padding: .6em 0;
	}*/
	.trainRouteBox p .routeMain {
		position: relative;
		color: rgba(var(--site-themeColor-accent_1), 1);
		text-align: center;
		letter-spacing: clamp(.06em, .09vw, .09em);
		margin-top: .1em;
		padding: .15em 0;
	}
	/*.trainRouteBox p .routeDetails {
		width: 100%;
		font-size: .875em;
		padding: .6em 0;
	}*/
	.trainRouteBox p .station,
	.trainRouteBox p .time {
		display: block;
		padding: .55em 0;
	}
	.trainRouteBox p .time {
		border-top: 1px solid rgba(var(--site-themeColor-accent_1), 1);
	}
	.trainRouteBox p .time > * {
		display: inline-block;
		padding: .15em .35em;
	}
	.trainRouteBox p .nameKakko {
		font-size: 1.5em;
	}
	.trainRouteBox p .num {
		display: inline-block;
		line-height: 1;
		font-size: 2.0625em;
		letter-spacing: .03em;
		margin: 0 .02em 0 .04em;
	}
	/* cap */
	/*.trainRouteBox_cap {
		display: block;
		text-align: right;
		margin: 4em 0 0;
	}*/
	.trainRouteBox .imgcapkeep {
		font-size: 1rem;
	}
	.trainRouteBox[data-caption="topRight"] .imgcapkeep {	top: 0; bottom: auto; left: auto; right: 0; padding: 5px 7px;}
	.trainRouteBox[data-caption="bottomRight"] .imgcapkeep {top: auto; bottom: 0; left: auto; right: 0; padding: 5px 7px;}
	
@media screen and (max-width: 1199px) { /*{MinorBreakpoint}*/
	.trainRouteBox p .time > * {
		display: block;
	}
	.trainRouteBox p .time > *:nth-of-type(n+2) {
		margin-top: .4em;
	}
	.trainRouteBox p .nameKakko {
		font-size: 1.3em;
	}
	.trainRouteBox p .num {
		font-size: 1.95em;
	}
}
/* 2カラム */
@media screen and (max-width: 768px) { /*{SP}*/
	.trainRouteBox p {
		width: calc(50% - (var(--access-trainRouteBox-gap_lr) * 2));
	}
}
/* 1カラム */
@media screen and (max-width: 520px) { /*{MinorBreakpoint}*/
	.trainRouteWrap > .ptHeading [data-htxt_style="line"] {
		position: relative;
		padding: .6em .5em;
		border: 2px solid currentColor;
	}
	.trainRouteWrap > .ptHeading [data-htxt_style="line"]::after {
		content: "";
		position: absolute;
		inset: auto 0 0;
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 11px 13px 0 13px;
		border-width: 11px 14px 0 14px;
		border-color: currentColor transparent transparent transparent;
		transform: translateY(100%);
	}
	.trainRouteWrap > .ptHeading [data-htxt_style="line"] .inbl {
		display: block;
	}
	/* trainRouteBox
	--------------------------------- */
	.trainRouteBox {
		/*justify-content: center;*/
		font-size: clamp(1.15rem, (11.5 / 340 * 100vw), 1.5rem);
		margin-left: 0;
		margin-right: 0;
	}
	.trainRouteBox p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.trainRouteBox p .routeMain {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.trainRouteBox p .time > * {
		display: inline-block;
	}
	.trainRouteBox p .time > *:nth-of-type(n+2) {
		margin-top: 0;
	}
	.trainRouteBox p .num {
		font-size: 1.7em;
	}
	/*.trainRouteBox p .routeDetails {
		font-size: .92em;
	}*/
}



/* lifeInfoContainer
------------------------------------------------------------------------ */
	.lifeInfoContainer {}
	.lifeInfoSection {}
	.cat-shop.lifeInfoSection {}
	.cat-park.lifeInfoSection {}
	.cat-medical.lifeInfoSection {}
	
	/* catHeader
	--------------------------------- */
	.lifeInfoContainer .catHeader {
		position: relative;
		line-height: 1.35;
		color: rgba(var(--site-themeColor-accent_1), 1);
		font-size: 1.42857em;
		letter-spacing: .14em;
		padding: .315em 0 .2em 1.2em;
	}
	.lifeInfoContainer .catHeader::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 5px;
		height: 100%;
		background: linear-gradient(to bottom, #9a7d45 50%, #806839 50%);
	}
	.lifeInfoContainer .catHeader .catName::first-letter {
		font-size: 1.75em;
	}
	
	/* phBox
	--------------------------------- */
	.lifeInfoContainer .phBox {
		--access-lifeInfo_phBox-gap_tb: clamp(50px, 3.968vw, 70px);
		--access-lifeInfo_phBox-gap_lr: clamp(9px, (9 / 768 * 100vw), 30px);
		overflow: hidden;
		margin-top: clamp(25px, (10px + 2.5vw), 40px);
	}
	.lifeInfoContainer .phList {
		display: flex;
		flex-wrap: wrap;
		margin-top:		calc(var(--access-lifeInfo_phBox-gap_tb) * -1);
		margin-left:	calc(var(--access-lifeInfo_phBox-gap_lr) * -1);
		margin-right:	calc(var(--access-lifeInfo_phBox-gap_lr) * -1);
	}
	.lifeInfoContainer .phList li {
		width: calc(33.333% - (var(--access-lifeInfo_phBox-gap_lr) * 2));
		margin-top:		var(--access-lifeInfo_phBox-gap_tb);
		margin-left:	var(--access-lifeInfo_phBox-gap_lr);
		margin-right:	var(--access-lifeInfo_phBox-gap_lr);
	}
	.lifeInfoContainer .phList .phCap {
		display: block;
		line-height: 1.6;
		font-size: 1em;
		padding: .55em 0;
	}
	.lifeInfoContainer .phList .phCap .dist {
		display: inline-block;
	}
	
	/* listBox (「.lifeInfoList」は後述)
	--------------------------------- */
	.lifeInfoContainer .listBox {
		margin-top: clamp(35px, (20px + 2.5vw), 50px);
		padding: 30px 50px;
	}

@media screen and (max-width: 1340px) { /*{TBl}*/
	/* phBox
	--------------------------------- */
	.lifeInfoContainer .phList .phCap {
		font-size: .9275em;
	}
	.lifeInfoContainer .phList .phCap .dist {
		display: block;
	}
	/* listBox
	--------------------------------- */
	.lifeInfoContainer .listBox {
		padding: 20px clamp(15px, (30 / 1200 * 100vw), 30px);
	}
}
@media screen and (max-width: 980px) { /*{TBs}*/
	/* phBox
	--------------------------------- */
	.lifeInfoContainer .phList .phCap {
		font-size: .85em;
	}
}
/* 写真2カラム */
@media screen and (max-width: 768px) { /*{SP}*/
	/* phBox
	--------------------------------- */
	.lifeInfoContainer .phList li {
		width: calc(50% - (var(--access-lifeInfo_phBox-gap_lr) * 2));
	}
	.lifeInfoContainer .phList li:nth-of-type(even) {
		transform: translateY(50%);
	}
	.lifeInfoContainer .phList .phCap {
		font-size: .9275em;
	}
}
/* 写真1カラム */
@media screen and (max-width: 520px) { /*{MinorBreakpoint}*/
	/* catHeader
	--------------------------------- */
	.lifeInfoContainer .catHeader {
		font-size: 1.225em;
	}
	.lifeInfoContainer .catHeader .catName::first-letter {
		font-size: 1.5em;
	}
	/* phBox
	--------------------------------- */
	.lifeInfoContainer .phBox {
		--access-lifeInfo_phBox-gap_tb: 20px;
	}
	.lifeInfoContainer .phList li {
		width: 100%;
	}
	.lifeInfoContainer .phList li:nth-of-type(even) {
		transform: translateY(0);
	}
	.lifeInfoContainer .phList .phCap {
		font-size: .85em;
	}
	.lifeInfoContainer .phList .phCap .dist {
		display: inline-block;
	}
	/* listBox
	--------------------------------- */
	.lifeInfoContainer .listBox {
		padding: 0;
	}
}


/* lifeInfoList
------------------------------------
ul.lifeInfoList>(li>em{xxx}+span>(span.dist{約0000m})+(span.separate{／})+(span.time{徒歩00分}))+(li>em(>(span.name{xxx})+(small.department{［kkk］}))+span>(span.dist{約0000m})+(span.separate{／})+(span.time{徒歩00分}))
--------------------------------- */
	.lifeInfoList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		letter-spacing: .11em;
	}
	.lifeInfoList + .lifeInfoList {
		margin-top: 3em;
	}
	.lifeInfoList li {
		flex: 0 0 46.55%;
		display: flex;
		justify-content: space-between;
		/*font-family: var(--site-font_family-sans);*/
		font-size: 1em;
		/*background: linear-gradient(to right, #b7b7b7 1px, transparent 1px, transparent 2px) left bottom / 2px 1px repeat-x;*/
		padding: .8em 0 .7em;
		border-bottom: 1px solid rgba(170, 170, 170, .7);
	}
	.lifeInfoList li > em {
		display: block;
		width: calc(100% - 12.5em - 1em);
		text-align: left;
											/*	background: rgba(255,0,0,0.1);*/
	}
	.lifeInfoList li > span {
		display: block;
		width: 12.5em;
		text-align: right;
											/*	background: rgba(0,255,0,0.1);*/
	}
	.lifeInfoList li > span .dist,
	.lifeInfoList li > span .separate,
	.lifeInfoList li > span .time {
		display: inline-block;
	}
	/* -- 特殊設定 -- */
	.cat-medical .lifeInfoList li > em .name,
	.cat-medical .lifeInfoList li > em .department {
		display: block;
	}
@media screen and (max-width: 1340px) { /*{TBl}*/
	/*.lifeInfoList li {
		flex: 0 0 47%;
	}*/
	.lifeInfoList li {
		font-size: .9275em;
	}
}
@media screen and (max-width: 980px) { /*{TBs}*/
	.lifeInfoList {
		letter-spacing: .09em;
	}
	.lifeInfoList li {
		font-size: .85em;
	}
}
@media screen and (max-width: 768px) { /*{SP}*/
	.lifeInfoList li {
		flex: 0 0 100%;
		font-size: 1em;
	}
}
@media screen and (max-width: 520px) { /*{MinorBreakpoint}*/
	.lifeInfoList li {
		font-size: .85em;
	}
}
@media screen and (max-width: 580px) , screen and (min-width: 768.02px) and (max-width: 1340px) { /*{MinorBreakpoint}*/
	/* 微調整 */
	.lifeInfoList li > em {				width: calc(100% - 7em - 1em);}
	.lifeInfoList li > span {			width: 7em; border-left: 1px solid rgba(170, 170, 170, .45);}
	.lifeInfoList li > span .dist {		display: block;}
	.lifeInfoList li > span .time {		display: block; opacity: .85;}
	.lifeInfoList li > span .separate {	display: none;}
}