@charset "utf-8";

/* =======================================================================================

// PC
@media screen and (max-width: 1380px) {}
@media screen and (max-width: 1330px) {}
@media screen and (max-width: 1280px) {}
// TB | 850以下はモーダル式ナビゲーション(.menu)
@media screen and (max-width: 1000px) {}
@media screen and (min-width: 769px) and (max-width: 1000px) {}
@media screen and (min-width: 851px) {}
@media screen and (max-width: 850px) {}
@media screen and (min-width: 769px) {}
// SP
@media screen and (max-width: 768px) {}
@media screen and (max-width: 450px) {}
@media screen and (max-width: 350px) {}
======================================================================================= */

/* =======================================================================================
	COMMON
======================================================================================= */

	.subheading .fontEn03 {
		font-size: 2.3em;
		font-style: italic;
		font-weight: 400;
		letter-spacing: .04em;
		color: rgba(var(--site-themeColor-corpColor_gold), 1);
		text-shadow: .001em .001em 0 rgba(var(--site-themeColor-corpColor_gold), .7), 0 0 .01em rgba(var(--site-themeColor-corpColor_gold), .6);
		margin-bottom: 0.3em;
	}
@media screen and (max-width: 768px) {
	.subheading .fontEn03 {
		--M-fluidFontSize-max-fontsize: 54;
		--M-fluidFontSize-min-fontsize: 32;
		--M-fluidFontSize-max-viewport: 650;
		--M-fluidFontSize-min-viewport: 350;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		font-size: var(--M-fluidFontSize-fontSize);
	}
}

	.txtSizeS {
		font-size: 0.8em;
	}

	.lead .inbl_PCTB {
		display: inline-block;
	}
@media screen and (max-width: 768px) {
	.lead .inbl_PCTB {
		display: inline;
	}
}

	.tc_PCTB {
		text-align: center;
	}
@media screen and (max-width: 768px) {
	.tc_PCTB {
		text-align: inherit;
	}
}

	.zoomBtn {
		width: 60px;
		height: 60px;
		margin-left: auto;
	}
	.zoomBtn a {
		display: block;
		transition: scale 200ms ease;
	}
	@media (hover: hover) and (pointer: fine) {
		.zoomBtn a:hover {
			scale: 1.07;
		}
	}
	.zoomBtn a:focus-visible {
			scale: 1.07;
	}
@media screen and (max-width: 768px) {
	.zoomBtn {
		display: none;
	}
}

/* =======================================================================================
	PAGE
======================================================================================= */

	:root {
		--page-themeColor-lightBrown: 	102, 91, 82; 	/* #665B52 */
		--page-themeColor-beige: 		243, 240, 234; 	/* #f3f0ea */
		--page-themeColor-green: 		225, 232, 224; 	/* #e1e8e0 */
	}

	.bg--bl {		background: #e0eaec;	}
	.bg--beige {		background: rgba(var(--page-themeColor-beige), 1);	}
	.bg--green {		background: rgba(var(--page-themeColor-green), 1);	}


	main {	color: rgba(var(--page-themeColor-lightBrown), 1);}

	.subheading:not(.txtColorBr),
	.subheading:not(.txtColorBr) + .lead,
	.subheading:not(.txtColorBr) + .note,
	.subheading:not(.txtColorBr) + .lead + .note {	color: rgba(var(--site-themeColor-base_text), 1);}

	.heading.txtColorBr,
	.subheading.txtColorBr {	color: rgba(var(--site-themeColor-lightBrown), 1);}

	#eduSection .subheading::after,
	#pubSection .subheading::after,
	#medSection .subheading::after,
	#medSection .subheading::after {
		content: "";
		display: block;
		width: 60px;
		margin: 1em auto;
		/*border-bottom: 1px solid rgba(var(--page-themeColor-lightBrown), 1);*/
		border-bottom: 1px solid currentColor;
	}
	#support .subheading::after {
		content: "";
		display: block;
		width: 60px;
		margin: 1em auto;
		/*border-bottom: 1px solid rgba(var(--site-themeColor-base_text), 1);*/
		border-bottom: 1px solid currentColor;
	}




	.bgBoxInner {
		margin: var(--site-marpad-XS) auto var(--site-marpad-XS);
		padding: 0 var(--site-marpad-XS) var(--site-marpad-S);
	}
	.bgBoxInner [class*="container--col"] {
		margin: 0 auto !important;
		padding-top: var(--site-marpad-S);
	}
	.bgBoxInner [class*="container--col"] .col {
		margin-bottom: 0px !important;
	}

@media screen and (max-width: 768px) {
	.urbanNaturePicBox.js_swipeMe .js_swipeMeInnerBoxOverlay,
	.urbanNaturePicBox.js_swipeMe .js_swipeMeInnerBox img {width: 300%;}
	.urbanNaturePicBox.js_swipeMe .js_swipeMeInnerBox img {padding: 12px 6px;}
}

	#urbanNatureImg {
		display: none;
	}
	.urbanNatureModal {
		overflow: auto;
		padding: 20px;
		background: #FFF;
	}
	.urbanNatureModal img {
		max-width: none;
		width: 180%;
		padding-right: 20px;
	}
@media screen and (max-width: 1280px) {
	.urbanNatureModal img {
		width: 275%;
	}
}
/* areaNav
------------------------------------------------------------------------ */
	.areaNav  ul {
		display: flex;
		justify-content: center;
	}
	.areaNav  ul li {
		display: table;
		width: 30%;
		
		--M-fluidFontSize-max-fontsize: 25.5;
		--M-fluidFontSize-min-fontsize: 13.5;
		--M-fluidFontSize-max-viewport: 980;
		--M-fluidFontSize-min-viewport: 320;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		font-size: var(--M-fluidFontSize-fontSize);

		margin: 0 15px;
	}
	.areaNav  ul li a {
		display: table-cell;
		vertical-align: middle;
		/*color: rgba(var(--page-themeColor-lightBrown), 1);*/
		text-align: center;
		line-height: 1.2;
		background: #FFF;
		padding: 0.5em 0.3em;
		transition: 0.3s all ease;
	}


	@media (hover: hover) and (pointer: fine) {
		.areaNav  ul li a:hover {
			color: #FFF;
			background: rgba(var(--site-themeColor-corpColor_gold), .7);
		}
	}
	.areaNav  ul li a:focus-visible {
			color: #FFF;
			background: rgba(var(--site-themeColor-corpColor_gold), .7);
	}

@media screen and (max-width: 850px) {
	.areaNav  ul {
		justify-content: space-around;
	}
	.areaNav  ul li {
		width: 32%;
		margin: 0;
	}
}

/* aerialPhotoContainer
------------------------------------------------------------------------ */
	.aerialPhotoContainer {}

/* aerialPhotoAreaWrap
------------------------------------------------------------------------ */
	.aerialPhotoAreaWrap {
		padding-top: 20px;
	}
	.aerialPhotoArea {
		position: relative;
		background: #FFF;
		padding: var(--site-marpad-XS) 0; 
		border: 3px solid rgba(var(--site-themeColor-corpColor_gold), 1);
		border-width: 3px 0;
	}
	.aerialPhotoArea .aerialPhotoUnit {
		width: 96%;
		max-width: 1160px;
		margin: 0 auto;
	}
	.aerialPhotoList {
		display: none;
	}

@media screen and (max-width: 768px) {
	.aerialPhotoArea .aerialPhotoUnit {
		position: relative;
	}
	.aerialPhotoList {
		display: block;
	}
	.aerialPhotoList li {
		position: absolute;
		display: block;
		width: calc(15 / 375 * 100%);
		aspect-ratio: 1;
	}
	.aerialPhotoList li a {
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-indent: 999px;
		background: #00b2d2;
		border: 1px solid #FFF;
		border-radius: 50%;
		box-shadow: 1px 1px 5px rgba(0, 0, 0 ,.7);
	}
	.aerialPhotoList li::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		border-radius: 50%;
		background: rgba(0, 178, 210, .6);
		animation: 1.8s pointAnime ease;
		animation-iteration-count: infinite;
	}
	.aerialPhotoList li.aerialPhotoPoint-01 {		top: 20%;		left: 16%;	}
	.aerialPhotoList li.aerialPhotoPoint-02 {		top: 33.5%;		left: 33%;	}
	.aerialPhotoList li.aerialPhotoPoint-03 {		top: 45.5%;		left: 12%;	}
	.aerialPhotoList li.aerialPhotoPoint-04 {		top: 50%;		left: 44%;	}
	.aerialPhotoList li.aerialPhotoPoint-05 {		top: 64%;		left: 58%;	}
	.aerialPhotoList li.aerialPhotoPoint-06 {		top: 39.5%;		left: 73%;	}
}

@keyframes pointAnime {
	0% {	opacity: 1; transform: scale(1);}
	100% {	opacity: 0; transform: scale(4.2);}
}

/* venobox | venobox2 を別途読み込む
---------------------------------------------------- */
	[id*="aerialPhotoModal-"] {
		display: none; /* venobox用：初期値を非表示にする | 'javascript無効状態'の時は非表示を解除する */
	}
	.vbox-inline.vbox-child {
		background: none !important;
	}
@media screen and (max-width: 768px) {
	body:not(.is-js) [id*="aerialPhotoModal-"]{ /* 'javascript無効状態'の設定 | setting.jsの[BodyClass]連携有 */
		display: block !important;
		padding: 5px 20px;
	}
}

/* areaGuideSection
------------------------------------------------------------------------ */
	.areaGuideSection {
		padding: var(--site-marpad-L) 0  var(--site-marpad-M);
	}
	.areaGuideSection .heading {
		/*color: rgba(var(--page-themeColor-lightBrown), 1);*/
	}
	.areaGuideSection .heading::after {
		content: "";
		display: block;
		width: 60px;
		margin: 1em auto;
		/*border-bottom: 1px solid rgba(var(--page-themeColor-lightBrown), 1);*/
		border-bottom: 1px solid currentColor;
	}
	#anc-redevelopment .areaGuideSection {
		background: url("../images/location/redevelopment_bg_01.jpg") top left no-repeat;
		background-size: contain;
	}

	#anc-minamiHashimoto .areaGuideSection {
		padding-bottom: 0;
	}


/* shopDetailUnit
------------------------------------------------------------------------ */
	[class$="DetailUnit"] {
		max-width: var(--site-sizeMaxWidth-S);
		/*color: rgba(var(--page-themeColor-lightBrown), 1);*/
		margin: var(--site-marpad-L) auto 0;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	[class$="DetailUnit"] + [class$="DetailUnit"] {
		margin-top: var(--site-marpad-M);
	}
	/*[class$="DetailUnit"]:not(.eduDetailUnit) [class$="Info"],
	[class$="DetailUnit"] [class$="DetailPhoto"] {		width: calc(100% / 2.02);	}*/
	
	[class$="DetailUnit"]:not(.eduDetailUnit) [class$="Info"] {
		width: calc(540 / 1040 * 100%);
	}
	[class$="DetailUnit"] [class$="DetailPhoto"] {
		width: calc(500 / 1040 * 100%);
	}


	.eduDetailUnit {
		margin-top: 0;
	}
@media screen and (max-width: 1000px) {
	[class$="DetailUnit"]:not(.eduDetailUnit) [class$="Info"],
	[class$="DetailUnit"] [class$="DetailPhoto"] {		width: 100%;	}	
}


/* shopInfo */ 
	[class$="DetailUnit"] [class$="Info"] {
		padding: var(--site-marpad-XS);
	}
	[class$="DetailUnit"] [class$="Info"] [class$="DetailTtl"] {
		display: grid;
		grid-template-columns: 1fr auto auto; /* = [名称] [距離分数] [ロゴ] */
		align-items: end;
		width: 100%;
		margin-bottom: 1.5em;
		padding-bottom: 0.8em;
		border-bottom: 1px solid rgba(var(--page-themeColor-lightBrown), .5);
	}
	[class$="DetailUnit"] [class$="Info"] [class$="Name"] {
		--M-fluidFontSize-max-fontsize: 25.5;
		--M-fluidFontSize-min-fontsize: 14.5;
		--M-fluidFontSize-max-viewport: 1280;
		--M-fluidFontSize-min-viewport: 320;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		font-size: var(--M-fluidFontSize-fontSize);
		line-height: 1.6;
		margin-right: .9em;
		min-width: 6em;
	}
	.minutes {
		line-height: 1;
	}
	.minutes *:not(i) {
		vertical-align: super;
	}
	.minutes i {
		display: inline-block;
		padding-bottom: 5px;
	}
	.minutes i img {
		width: auto;
		height: 25px;
	}
	.minutes .minutesNum {
		font-size: 1.8em;
		line-height: 1.0;
	}
	.minutes small {
		display: inline-block;
		font-size: 0.6em;
		line-height: 1;
	}
@media screen and (min-width: 1200.02px) {
	[data-shop_detail_unit="yaokoSagamiharashimokuzawa"] .minutes small {
		display: block; /* 微調整 */
	}
}

	.detailLogo {
		display: inline-block;
		min-width: 70px;
		margin-left: .3125em;
	}
	[data-shop_detail_unit="meweHashimoto"] .detailLogo img {
		max-width: 92px;
	}
	[data-shop_detail_unit="singHashimoto"] .detailLogo img {
		max-width: 88px;
	}
	[data-shop_detail_unit="kohnanSagamiharaoyama"] .detailLogo img {
		max-width: 120px;
	}
	[data-shop_detail_unit="kakujoeSagamihara"] .detailLogo img {
		max-width: 133px;
	}
	[data-shop_detail_unit="yaokoSagamiharashimokuzawa"] .detailLogo img {
		max-width: 116px;
	}

@media screen and (min-width: 1000.02px) and (max-width: 1200px),
screen and (max-width: 768px) {
	[class$="DetailUnit"] [class$="Info"] [class$="DetailTtl"] {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: auto 95px;
		align-items: stretch;
	}
	[class$="DetailUnit"] [class$="Info"] [class$="Name"] {		grid-column: 1 / 2; grid-row: 1 / 2;	margin-right: 0;	}
	.minutes {													grid-column: 1 / 2; grid-row: 2 / 3;}
	.detailLogo {												grid-column: 2 / 3; grid-row: 1 / 3;}
	
	/* -- Individual -- */
	[data-shop_detail_unit="meweHashimoto"][class$="DetailUnit"] [class$="Info"] [class$="DetailTtl"] {
		grid-template-columns: auto 85px;
	}
}
@media screen and (max-width: 830px) { /* 微調整 | 学校関連（edu）は768pxより少し早くレイアウト変更する */
	.eduDetailUnit [class$="Info"] [class$="DetailTtl"] {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: auto 95px;
		align-items: stretch;
	}
	.eduDetailUnit [class$="Info"] [class$="Name"] {			grid-column: 1 / 2; grid-row: 1 / 2;	margin-right: 0;	}
	:where(.eduDetailUnit) .minutes {							grid-column: 1 / 2; grid-row: 2 / 3;}
	:where(.eduDetailUnit) .detailLogo {						grid-column: 2 / 3; grid-row: 1 / 3;}
}


/* shopDetailCont */ 
	[class$="DetailCont"] .para .emphasisText {
		font-size: 1.3em;
	}
	[class$="DetailCont"] .para dd {
		font-size: .8em;
		margin-top: 1.2em;
	}
	[class$="DetailCont"] [class$="Detail"] {
		font-size: .9em;
		margin-top: 1.2em;
	}
	[class$="DetailCont"] [class$="Detail"] + [class$="Detail"] {
		margin-top: .5em;
	}
	[class$="DetailCont"] [class$="Detail"] dd li {
		display: inline-block;
		color: #FFF;
		font-size: .8em;
		background: rgba(var(--page-themeColor-lightBrown), 1);
		padding: 0 0.3em;
		margin-right: 0.1em;
	}
	[class$="DetailCont"] [class$="Time"] {
		font-size: .8em;
		margin-top: 1.2em;
		padding-left: 0.8em;
		border-left: 5px solid  rgba(var(--page-themeColor-lightBrown), 1);
	}
	[class$="DetailCont"] [class$="Time"] .category {
		display: inline-block;
		margin-right: 1em;
	}


/* shopDetailPhoto */ 
	.photoLayout_AA_BC {
		display: grid;
		gap: 1.224489%;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
	}
	.photoLayout_AA_BC p:nth-of-type(1) {		grid-column: 1 / 3;	}

	.photoLayout_AB_AC {
		display: grid;
		gap: 1.224489%;
		grid-template-rows: auto auto;
		grid-template-columns: 52.55% 1fr;
	}
	.photoLayout_AB_AC p:nth-of-type(1) {		grid-row: 1 / 3;	grid-column: 1 / 2;	}
	.photoLayout_AB_AC p:nth-of-type(2) {		grid-row: 1 / 2;	grid-column: 2 / 3;	}
	.photoLayout_AB_AC p:nth-of-type(3) {		grid-row: 2 / 3;	grid-column: 2 / 3;	}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.photoLayout_AA_BC {
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 65.45% 1fr;
	}
	.photoLayout_AA_BC p:nth-of-type(1) {		grid-row: 1 / 3;	grid-column: 1 / 2;	}
	.photoLayout_AA_BC p:nth-of-type(2) {		grid-row: 1 / 2;	grid-column: 2 / 3;	}
	.photoLayout_AA_BC p:nth-of-type(3) {		grid-row: 2 / 3;	grid-column: 2 / 3;	}
	
	[data-shop_detail_unit="arioHashimoto"] .photoLayout_AA_BC {
		grid-template-columns: 69.2% 1fr;
	}
	[data-shop_detail_unit="kakujoeSagamihara"] .photoLayout_AA_BC {
		grid-template-columns: 69.7% 1fr;
	}
}

/* floorGuide */ 
	[class$="DetailUnit"] .floorGuide {
		width: 92%;
		max-width: 900px;
		text-align: center;
		margin: var(--site-marpad-M) auto ;
	}
	[class$="DetailUnit"] .floorGuide dt {
		font-family: var(--site-font_family-en_3);
		font-size: 1.5em;
		font-weight: 400;
		text-shadow: .001em .001em 0 rgba(var(--page-themeColor-lightBrown), .7), 0 0 .01em rgba(var(--page-themeColor-lightBrown), .6);
		letter-spacing: .1em;
		margin-bottom: .5em;
	}



/* eduDetailUnit */ 
.eduDetailUnit .eduInfo {
	width: 100%;
	padding: 0;
}
.eduDetailUnit .eduInfo .eduDetailTtl em {
	display: block;
	font-size: .7em;
}



/* floorGuide */ 




/* mv_redevelopment
------------------------------------------------------------------------ */
	.mv_redevelopmentTitle {
		--M-fluidFontSize-max-fontsize: 80;
		--M-fluidFontSize-min-fontsize: 50;
		--M-fluidFontSize-max-viewport: 1850;
		--M-fluidFontSize-min-viewport: 768;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		line-height: 1.35;
		color: #fff;
		font-family: var(--site-font_family-en_3);
		font-size: var(--M-fluidFontSize-fontSize);
		font-style: italic;
		font-weight: 400;
		text-align: center;
		text-shadow: .001em .001em 0 rgba(255, 255, 255, .7), 0 0 .01em rgba(255, 255, 255, .6); /* 線が細すぎるので補強 */
		letter-spacing: .04em;
		padding: .85em 1.4em;
	}
@media screen and (max-width: 768px) {
	.mv_redevelopmentTitle {
		font-size: clamp(16px, (28 / 360 * 100vw), 50px);
		padding: .55em .8em;
	}
}




/* locationPhotoList
------------------------------------------------------------------------ */
	.locationPhotoList {
	}
	.locationPhotoList .ph {
		margin-bottom: .5em !important;
	}
	.locationPhotoList .para {
		line-height: 1.6;
		font-size: 14px;
		letter-spacing: 0;
	}
	.locationPhotoList .para > span {
		display: inline-block;
	}
@media screen and (max-width: 768px) {
	.locationPhotoList .para {
		font-size: 13px;
	}
}
@media screen and (max-width: 450px) {
	.locationPhotoList .para {
		font-size: 12px;
	}
}

	.eduTxtList {
		flex-grow: 2;
	}
	.eduTxtList li {
		text-align: left;
		line-height: 1.4;
		letter-spacing: 0;
		margin-bottom: 0.5em;
		padding-left: 0.3em;
		border-left: 3px solid rgba(var(--page-themeColor-lightBrown), .5);
	}
	.eduTxtList li span {
		display: inline-block;
	}

	#eduSection .eduDetailUnit .ph {
		margin-top: 0;
	}
	#eduSection .eduDetailUnit [class$="Info"] [class$="DetailTtl"] {
		margin-bottom: 0;
		border-bottom: 0px;
	}
@media screen and (max-width: 1000px) {
	#eduSection .eduTxtList,
	#medSection .eduTxtList {
		width: 100% !important;
		margin-top: var(--site-marpad-S);
	}
}
@media screen and (min-width: 768.02px) and (max-width: 1000px) {
	#eduSection .eduTxtList .para,
	#medSection .eduTxtList .para {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#eduSection .eduTxtList li,
	#medSection .eduTxtList li {
		width:  calc((100% - 20px) / 2);
	}
}

@media screen and (max-width: 768px) {
	#pubSection .eduTxtList {
		width: 100% !important;
		margin-top: var(--site-marpad-S);
	}
}

/* zoneCont
------------------------------------------------------------------------ */
	.zoneIllust {
		max-width: 824px;
	}

	.zoneCont h4.subheading {
		position: relative;
		/*color: rgba(var(--page-themeColor-lightBrown), 1);*/
		margin-bottom: 2.2em;
		padding: 0 0 0.8em;
		border-bottom: 1px solid rgba(var(--page-themeColor-lightBrown), .5);
	}
	.zoneCont h4.subheading::after {
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 50%;
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		transform-origin: center center;
		transform:
			translate(-50%, 50%)
			rotate(45deg)
			skew(
				calc((90deg - 30deg) / 2),
				calc((90deg - 30deg) / 2)
			); /* calc((90deg - 欲しい角度) / 2) 先に傾けること */
		background: #FFF;
		border: 1px solid rgba(var(--page-themeColor-lightBrown), .5); 
		border-width: 0 1px 1px 0;
	}
	.zoneCont h4.subheading span {
		position: relative;
		z-index: 1;
	}
	.zoneList li {
		position: relative;
		background: #000;
		color: #FFF;
		text-align: center;
		font-size: .8em;
	}
	.zoneList li::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		border: 10px solid transparent;
		border-top-color: #FFF;
		border-left-color: #FFF;
	}
		.zoneList li.zone01 {	background: #56b8b5;}
		.zoneList li.zone02 {	background: #e7818c;}
		.zoneList li.zone03 {	background: #dda346;}
		.zoneList li.zone04 {	background: #7297d5;}

	.zoneList li > p {	padding: 1em 0; letter-spacing: 0; line-height: 1.2;}
	.zoneList li > p .zoneName {
		display: block;
		text-align: center;
		font-size: 1.2em;
		padding: 0.5em .3em 0.8em;
	}
	.zoneList li > p .para::before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: rgba(255, 255, 255, .3);
		margin: 0 auto 0.5em;
	}
	.zoneList li > p .para {
		display: block;
		font-size: inherit;
		text-align: left;
		line-height: 1.4;
		margin: 0 0 0.3em;
		padding: 0 1.2em;
	}
	.zoneList li > dl {
		display: block;
		padding: 0 1.2em 1.2em;
		line-height: 1.4;
	}
	.zoneList li dt {
		margin-bottom: 0.3em;
	}

@media all and (max-width:1280px) {
	.zoneCont .container--col4.lg--col2 {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:start;
		-webkit-justify-content:flex-start;
		-ms-flex-pack:start;
		justify-content:flex-start;
		margin:0 auto -30px;
	}
	.zoneCont .container--col4.lg--col2 .col {
		width:calc((100% - 20px)/ 2);
		margin:0 20px 30px 0;
		-webkit-box-flex:0;
		-webkit-flex:none;
		-ms-flex:none;
		flex:none;
	}
	.zoneCont .container--col4.lg--col2 .col:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (min-width: 520.02px) and (max-width: 768px) {
	.zoneList li {
		display: grid !important;
		grid-template-columns: 1fr min(50%, 230px);
		grid-template-rows: auto 1fr;
	}
	.zoneList li > p {		grid-column: 1 / 2;		grid-row: 1 / 2;	}
	.zoneList li > dl {		grid-column: 1 / 2;		grid-row: 2 / 3;	}
	.zoneList li > div {	grid-column: 2 / 3;		grid-row: 1 / 3;}
}
@media screen and (max-width: 520px) {
	.zoneList li {
		font-size: .95em;
	}
}


/* mapUnit
------------------------------------------------------------------------ */
						/* [CHECK] */
						/*.mapUnit {								background: linen;}
						.mapUnit .mainMap {						background: tan;}
						.mapUnit .mapPhoto-hashimoto {			background: pink;}
						.mapUnit .mapPhoto-minamiHashimoto {	background: skyblue;}
						.mapUnit img {							opacity: .5;}*/
						
	.mapUnit {
		position: relative;
		z-index: 0;
		color: #000;
		margin-top: var(--site-marpad-M);
	}
	.mapUnit .mainMap {
		position: relative;
		z-index: 0;
		width: calc(800 / 1280 * 100%);
		overflow: hidden;
		margin: 0 auto;
	}
	.mapUnit ul {
		display: grid;
		grid-template-columns: 1fr;
		gap: min((40 / 1500 * 100vw), 40px) 0;
		position: absolute;
		top: calc(115 / 1150 * 100%);
		z-index: 1;
		width: calc(210 / 1280 * 100%);
		line-height: 1.5;
		color: inherit;
		font-size: .9em;
		margin-left: calc(17 / 1280 * 100%);
		margin-right: calc(17 / 1280 * 100%);
	}
	.mapUnit .mapPhoto-hashimoto {			left: 0;}
	.mapUnit .mapPhoto-hashimoto li {		background: #e7ccc5;}
	.mapUnit .mapPhoto-minamiHashimoto {	right: 0;}
	.mapUnit .mapPhoto-minamiHashimoto li {	background: #ced8ad;}

@media screen and (max-width: 1370px) {
	/* //// 微調整 //// */
	.mapUnit {
		margin-left:	calc(-50vw + 53.7%);
		margin-right:	calc(-50vw + 53.7%);
	}
	.mapUnit ul {
		gap: min((30 / 1500 * 100vw), 30px) 0;
		width: calc(227 / 1280 * 100%);
		margin-left: 0;
		margin-right: 0;
	}
}

@media all and (max-width:1000px) {
	.mapUnit {
		margin-left: revert;
		margin-right: revert;
	}
	.mapUnit .mainMap {
		width: 100%;
		margin: 0 auto;
	}
	.mapUnit ul {
		grid-template-columns: repeat(4, 1fr);
		gap: 0 2%;
		position: static;
		width: 100%;
		margin-top: 30px;
		margin-left: revert;
		margin-right: revert;
	}
}
@media all and (max-width:768px) {
	.mapUnit {
		margin-left:	calc(-50vw + 51.85%);
		margin-right:	calc(-50vw + 51.85%);
	}
	.mapUnit ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}
@media all and (max-width:480px) {
	.mapUnit ul {
		/*grid-template-columns: 1fr;
		gap: 15px;*/
		gap: 5px;
		margin-top: 20px;
	}
}



/* #support
------------------------------------------------------------------------ */
	#support > div {
		background:-webkit-linear-gradient(to bottom right, #fff 0,#b1d8dc 100%);
		background:linear-gradient(to bottom right, #fff 0, #b1d8dc 100%);
		border-top: 12px solid #6fa5b9;
	}
	#support .supportList {
		color: rgba(var(--site-themeColor-base_text), 1);
	}
	#support .container--col2 .col dl {
		color: rgba(var(--site-themeColor-base_text), 1);
		text-align: center;
		font-size: .76em;
		background: #FFF;
		padding: 10px 15px;
		border-radius: 20px;
		box-shadow: 0 0 6px rgba(67, 129, 145, 1);
	}
	#support .container--col2 .col dt {
		font-size: 1.4em;
		margin-bottom: 0.5em;
		padding-bottom: 0.3em;
		border-bottom: 1px solid rgba(var(--site-themeColor-base_text), .5);
	}
	#support .container--col2 .col small {
		display: block;
		color: inherit;
		font-size: .7em;
	}
	#support .supportCaptionBox {
		margin-top: 1em;
		padding: 0 1em;
	}
	#support .supportCaptionBox small {
		font-size: .7em;
	}

@media all and (max-width:1000px) {
	#support .container--col2 .col dd {
		text-align: left;
	}
	#support .container--col2 .col dd br {
		display: none;
	}
}



/* data-park_detail_unit="sagamiharakitaPark"
------------------------------------------------------------------------ */
	[data-park_detail_unit="sagamiharakitaPark"] {
		align-items: revert;
	}
	[data-park_detail_unit="sagamiharakitaPark"] .parkInfo {
		display: grid;					/* 高さの継承のため */
		grid-template-rows: auto 1fr;	/* 上詰め */
		padding-bottom: 0;				/* 調整 */
	}
	[data-park_detail_unit="sagamiharakitaPark"] .parkDetailCont {
		display: grid;					/* 高さの継承のため */
		grid-template-columns: 1fr;
	}
	[data-park_detail_unit="sagamiharakitaPark"] .parkDetailCont .sagamiharakitaPark__pic {
		align-self: end;				/* 下寄せ */
		margin-top: 30px;
	}
	[data-park_detail_unit="sagamiharakitaPark"] .parkDetailPhoto {
		align-self: flex-start;			/* 上寄せ */
		display: grid;					/* 高さの継承のため・TB時2カラムにする */
		grid-template-columns: 1fr;
		gap: 5px;
	}
	[data-park_detail_unit="sagamiharakitaPark"] .sagamiharakitaPark__hanabanaBox {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		width: 100%;
		margin-top: var(--site-marpad-XS);
		margin-left: auto;
		margin-right: auto;
		padding: 0 var(--site-marpad-XS);
	}
@media screen and (max-width: 1000px) {
	[data-park_detail_unit="sagamiharakitaPark"] .parkDetailPhoto {
		grid-template-columns: 46.85% 1fr;
		gap: 1px;
		margin-top: var(--site-marpad-XS);
	}
}
@media screen and (max-width: 768px) {
	[data-park_detail_unit="sagamiharakitaPark"] .parkDetailPhoto {
		grid-template-columns: 1fr;
		gap: 5px;
		margin-top: var(--site-marpad-XS);
	}
	[data-park_detail_unit="sagamiharakitaPark"] .sagamiharakitaPark__hanabanaBox {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 450px) {
	[data-park_detail_unit="sagamiharakitaPark"] .sagamiharakitaPark__hanabanaBox {
		gap: 10px;
	}
}






/* locationMapWrap
------------------------------------------------------------------------ */
/* ---------------------------------
	gmap | maplace.js
--------------------------------- */
/* catColor
----------------------- */
	.gmapNav ul li.locMapNav--01, #controls-mixed.js_ctrls0 {	--locMap-catColor: 0, 81, 40; }		/* #005128 */
	.gmapNav ul li.locMapNav--02, #controls-mixed.js_ctrls1 {	--locMap-catColor: 21, 60, 94; }	/* #153c5e */
	.gmapNav ul li.locMapNav--03, #controls-mixed.js_ctrls2 {	--locMap-catColor: 0, 135, 177; }	/* #0087b1 */
	.gmapNav ul li.locMapNav--04, #controls-mixed.js_ctrls3 {	--locMap-catColor: 179, 55, 0; }	/* #b33700 */
	.gmapNav ul li.locMapNav--05, #controls-mixed.js_ctrls4 {	--locMap-catColor: 142, 153, 25; }	/* #8e9919 */
	.gmapNav ul li.locMapNav--06, #controls-mixed.js_ctrls5 {	--locMap-catColor: 95, 17, 153; }	/* #5f1199 */


/* gmapNav
----------------------- */
	.gmapNav {
		position: relative;
		padding: 0 15px;
	}
	.gmapNav::after {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: #8fbdac;
	}
	.gmapNav ul {
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 1;
		max-width: 1135px;
		margin: 0 auto;
	}
	.gmapNav ul li {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 768;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		display: flex;
		line-height: 1.2;
		font-size: var(--M-fluidFontSize-fontSize);
		width: calc(1135 / 6.02 * 100%);
		border-bottom: 3px solid rgba(var(--locMap-catColor), 1);
	}
	.gmapNav ul li a {
		flex: 1 1;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: calc(0.7em + 3px) 0.3em 0.7em;
		transition: all 0.3s ease;
	}
	.gmapNav ul li a i {
		display: block;
		color: rgba(var(--locMap-catColor), 1);
		line-height: 1.0;
		font-size: max(9px, .8em);
		letter-spacing: normal;
		margin-bottom: .4em;
		transition: all 0.3s ease;
	}
	/* hover */
	@media (hover: hover) and (pointer: fine) {
		.gmapNav ul li a:hover {
			color: #FFF;
			background: rgba(var(--locMap-catColor), 1);
		}
		.gmapNav ul li a:hover i {
			color: #FFF;
		}
	}
	.gmapNav ul li a:focus-visible,
	.gmapNav ul li.active a {
			color: #FFF;
			background: rgba(var(--locMap-catColor), 1);
	}
	.gmapNav ul li a:focus-visible i,
	.gmapNav ul li.active a i {
			color: #FFF;
	}
	/* -- Individual -- */
	.gmapNav ul li.locMapNav--02,
	.gmapNav ul li.locMapNav--06 {
		letter-spacing: -.02em;
	}
	.gmapNav ul li.locMapNav--06 .kana {
		letter-spacing: -.07em;
	}
@media screen and (max-width: 768px) {
	.gmapNav {
		padding: 0;
	}
	.gmapNav ul li {
		--M-fluidFontSize-max-fontsize: 12;
		--M-fluidFontSize-min-fontsize: 10;
		--M-fluidFontSize-max-viewport: 600;
		--M-fluidFontSize-min-viewport: 450;
	}
	.gmapNav ul li a {
		padding: calc(1em + 3px) 0.2em 1em;
	}
	.gmapNav ul li a i {
		font-size: max(7px, .75em);
		letter-spacing: -.02em;
	}
	/* -- Individual -- */
	.gmapNav ul li.locMapNav--06 .kana {
		letter-spacing: -.22em;
	}
}


/* gmapBox
----------------------- */
	.gmapWrap .gmapBox {
		display: grid;
		grid-template-columns: calc(745 / 1280 * 100%) calc(530 / 1280 * 100%);
		justify-content: space-between;
	}
@media screen and (max-width: 1000px) {
	.gmapWrap .gmapBox {
		grid-template-columns: 1fr;
	}
	.gmapWrap .gmap-wrapper {
		width: 100%;
	}
}


/* #gmap-mixed
----------------------- */
	#gmap-mixed {
		width: 100%;
		height: 720px; /*clamp(300px, 65svh, 560px)*/
		color: #000;
		background: #f7f7f7;
	}
@media screen and (max-width: 1000px) {
	#gmap-mixed {
		height: 550px;
	}
}
@media screen and (max-width: 600px) {
	#gmap-mixed {
		height: revert;
		aspect-ratio: 1 / .85;
	}
}
@media screen and (orientation: landscape) and (max-width: 600px) {
	#gmap-mixed {
		height: revert;
		aspect-ratio: 1 / .65;
	}
}
/* gm-style | 地図内のプロット（強制的に調整） ---------- */
	#gmap-mixed .gm-style .gm-style-iw-c {
		padding: 0 12px 12px !important;
		border-radius: 4px !important;
							/*background: tan;*/
	}
	#gmap-mixed .gm-style .gm-style-iw-chr .gm-style-iw-ch {
		/*flex: 1 1 !important;*/
							/*background: cyan !important;*/
	}
	#gmap-mixed .gm-style .gm-style-iw-chr button {
		/*flex: 0 0 20px !important;*/
		width:	20px !important;
		height:	17px !important;
		margin-right: -12px !important;
		border-radius: 0 4px 0 0 !important;
							/*background: green !important;*/
	}
	#gmap-mixed .gm-style .gm-style-iw-chr button > span {
		width:	16px !important;
		height:	16px !important;
		margin: 0 !important;
		transform: translate(1px, 1px);
							/*background: red;*/
	}
	#gmap-mixed .gm-style .gm-style-iw-d {
		overflow: auto !important;
		line-height: 1.4;
							/*background: skyblue;*/
	}
	#gmap-mixed .gm-style .gm-ui-hover-effect {
		opacity: .45;
	}
	#gmap-mixed .gm-style .gm-ui-hover-effect:hover {
		opacity: 1;
	}

/* #controls-mixed
----------------------- */
	#controls-mixed {
		--M-fluidFontSize-max-fontsize: 14.5;
		--M-fluidFontSize-min-fontsize: 12.5;
		--M-fluidFontSize-max-viewport: 1450;
		--M-fluidFontSize-min-viewport: 1100;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * 1px, (var(--M-fluidFontSize-min-fontsize) * 1px) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * 1px)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * 1px );
		line-height: 1.5;
		font-size: var(--M-fluidFontSize-fontSize);
		letter-spacing: -.02em;
		padding: 7px 15px 0;
	}
	#controls-mixed li {
		display: grid;
	}
	#controls-mixed li > a {
		display: grid !important;
		border-bottom: 1px solid #cdcdcd;
	}
	#controls-mixed .titleText {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0 .8em;
		width: 100%;
		/*font-size: .96em;*/
		padding: .04em 0 .05em;
	}
	#controls-mixed .ico_num {
		flex: 0 0 23px;
	}
	#controls-mixed .nameSpecWrap {
		flex: 1 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: .4em 1.5em;
	}
	#controls-mixed .nameSpecWrap .name {
		flex: 1 1;
	}
	#controls-mixed .nameSpecWrap .spec {
		flex-basis: 11.75em;
	}
	#controls-mixed .nameSpecWrap .spec > * {
		display: inline-block;
	}
	/* hover */
	@media (hover: hover) and (pointer: fine) {
		#controls-mixed li > a:hover {
			background: rgba(var(--locMap-catColor), .05);
		}
		#controls-mixed.js_ctrls4 li > a:hover {
			background: rgba(var(--locMap-catColor), .08); /* 明るい色なので微調整 */
		}
	}
	#controls-mixed li > a:focus-visible {
			background: rgba(var(--locMap-catColor), .05);
	}
	#controls-mixed.js_ctrls4 li > a:focus-visible {
			background: rgba(var(--locMap-catColor), .08); /* 明るい色なので微調整 */
	}
	/* -- Individual -- */
	#controls-mixed li:nth-of-type(1),	/* リストにViewAllは非表示 */
	#controls-mixed li:nth-of-type(2) {	/* リストに物件名は非表示 */
		display: none;
	}
@media screen and (max-width: 1000px) {
	#controls-mixed {
		--M-fluidFontSize-max-fontsize: 14.5;
		--M-fluidFontSize-min-fontsize: 12.5;
		--M-fluidFontSize-max-viewport: 1000;
		--M-fluidFontSize-min-viewport: 768;
		padding: 10px 0 0;
	}
	#controls-mixed ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 1em;
	}
}
@media screen and (max-width: 768px) {
	#controls-mixed {
		--M-fluidFontSize-max-fontsize: 14.5;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 600;
		--M-fluidFontSize-min-viewport: 500;
		padding: 10px 0 0;
	}
	#controls-mixed ul {
		display: block;
	}
}
@media screen and (max-width: 450px) {
	#controls-mixed .nameSpecWrap {
		gap: 0 2em;
	}
	#controls-mixed .nameSpecWrap .spec {
		flex-basis: 7em;
	}
	#controls-mixed .nameSpecWrap .spec > .time {
		display: block;
	}
}