@charset "utf-8";
/* =======================================================================================
	COMMON
======================================================================================= */
/* ------------------------------------------------------------------------
categoryMainPic 　★共通
------------------------------------------------------------------------ */
	.categoryMainPic{
		position: relative;
		z-index: 0;
	}
	.categoryMainPic p{
		display: block;
		max-width: 1400px;
		 width: 90%;
		margin-left: 0;
		position: relative;
	}
	.categoryMainPic p.picReverse{
		margin-left: auto;
		margin-right: 0;
	}
	.categoryMainPic::after  {
		content: "";
		background: url("../images/share/bg_bk.jpg") top center / 100% repeat-y;
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: -15%;
		height: 100%;
		display: block;
		z-index: -1;
	}



/* ------------------------------------------------------------------------
category-Cont-●●●●● 　★共通
------------------------------------------------------------------------ */
	[class*="category-Cont-"] .elementIntropWrap {
	  max-width: 1100px;
	  padding: var(--site-marpad-XL) 0;
	}
	[class*="category-Cont-"] .elementIntropWrap .heading_Line03 .hTxtStyh5{
		color: rgba(var(--site-themeColor-accent_01), 1);
	}




/* ------------------------------------------------------------------------
 commonPhWrap
------------------------------------------------------------------------ */
	.commonPhWrap .ttl {
		margin:0.7em 0.5em 0;
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */

		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
		line-height: 1.4;
	}
	.commonPhWrap .ttl .distance {
		display: inline-block;
		/*padding: 0 0 0 0.5em;*/
		font-size: 11px;
		font-family: var(--site-font_family-sans);
		letter-spacing: 0.02em;	
	}
	
@media print, screen and (min-width: 1050.02px) { /*{overTBl}*/
	.commonPhWrap {
		display: flex;
		flex-wrap: wrap;
	}
	.commonPhWrap li {
		width: calc(33.33% - 10px);
		margin-right:10px;
	}
	.commonPhWrap > li:nth-child(n+4)  {
		margin-top:clamp(50px, (50 / 1200 * 100vw), 60px);
	}
}
@media print, screen and (min-width: 1050.02px) { /*{overTBl}*/
	.commonSW .swiper-pagination,
	.commonSW .swiper-button-prev,
	.commonSW .swiper-button-next {
		display: none;
	}
}


/*3枚だけの場合*/
@media print, screen and (min-width: 736.02px) { /*{overTB}*/
	.photo_little .commonPhWrap li {
		width: calc(33.33% - 2px);
		margin-right:2px;
	}
	.photo_little .commonPhWrap > li:nth-child(n+4)  {
		margin-top:clamp(50px, (50 / 1200 * 100vw), 60px);
	}
	.photo_little .commonSW .swiper-pagination,
	.photo_little .commonSW .swiper-button-prev,
	.photo_little .commonSW .swiper-button-next {
		display: none;
	}
}

/*2枚だけの場合*/
	.photo_less.contbox {
		max-width:666px!important;
	}
	.photo_less .commonPhWrap li {
		width: calc(50% - 2px);
		margin-right:2px;
	}

@media print, screen and (min-width: 480.02px) {
	.photo_less .commonSW .swiper-pagination,
	.photo_less .commonSW .swiper-button-prev,
	.photo_less .commonSW .swiper-button-next {
		display: none;
	}
}




/* ------------------------------------------------------------------------
swiper　★共通
------------------------------------------------------------------------ */
/*swiper-pagination*/
	.moreParkWrap,
	.moreEducationWrap,
	.moreHospitalWrap{
		position: relative;
	}	

/* 矢印カスタマイズ */
	.commonSW .swiper-button-prev,
	.commonSW .swiper-button-next {
		width: 27px;
		height:27px;
		border-radius: 50%;
		background: rgba(var(--site-themeColor-base), 1);
		z-index:1;
		transition: all 0.2s ease;
	}
	.commonSW .swiper-button-prev {left: -30px;}
	.commonSW .swiper-button-next {right:-30px;}

	.commonSW .swiper-button-prev::after,
	.commonSW .swiper-button-next::after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		text-align: center;		
		width: 8px;
		background: url("../images/share/ico_arr_white.svg") 50% 50% no-repeat;
		background-size: 100% auto;
	}
	.commonSW .swiper-button-prev::after {right:8%; transform: rotate(-180deg); }
	.commonSW .swiper-button-next::after {left:8%;}
	
	.commonSW .swiper-slide img {
	  height: auto;
	  width: 100%;
	}
	/*hover*/
	.commonSW .swiper-button-prev:hover,
	.commonSW .swiper-button-next:hover {
		opacity: 0.8;
	}

/* ドットカスタマイズ */
	.commonSW .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom:-30px;
	}
	
	.commonSW .swiper-pagination-bullet-active {
		background: rgba(var(--site-themeColor-accent_02), 1);
	}
@media screen and (max-width: 1050px) {
	.moreParkWrap,
	.moreEducationWrap,
	.moreHospitalWrap{
		width: 88%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.moreParkWrap,
	.moreEducationWrap,
	.moreHospitalWrap{
		width: 80%;
	}
}


/* elementIntropWrap
------------------------------------------------------*/
	.elementIntropWrap .colBox {
		max-width: 1000px;
		margin: 3em auto 3em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	 .elementIntropWrap .colBox .txt {
		width: 57%;
	}
	 .elementIntropWrap .colBox .picUnit {
		width: 38%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	 .elementIntropWrap .colBox .picUnit > *{
		width: 49%
	}
	.elementIntropWrap .colBox .picUnit span:last-child{
		margin-top: clamp(30px, (60 / 1200 * 100vw), 60px);
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	 .elementIntropWrap .colBox > *{
		width: 100%!important;
	}
	.elementIntropWrap .colBox .picUnit {
		max-width: 500px;
		margin: 3em auto 0;
		padding: 0 2em;
	}
}


/* =======================================================================================
	PAGE 
======================================================================================= */
/* ------------------------------------------------------------------------
 introSection
------------------------------------------------------------------------ */
/* introWrap
------------------------------------------------------*/
.introSection .introSectionWrap{
	width: 88%!important;
}
	.introSection .enHeading_Line_inner br{
		display:none;
	}
@media screen and (max-width:900px) { /*{belowTBs}*/
	.introSection .introWrap img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 480 / 300;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.introSection .introWrap img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 450 / 300;
		object-position: 60% 100%;
	}
}
@media screen and (max-width: 480px) {
	.introSection .enHeading_Line_inner br{
		display: block!important;
	}
}




/* ------------------------------------------------------------------------
 shoppingSection
------------------------------------------------------------------------ */
/* mainPic
------------------------------------------------------*/
@media screen and (max-width: 736px) { /*{SP}*/
/*	.shoppingSection .mainPic img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 1500 / 600;
		object-position: 100% 100%;
	}*/
}

/* elementIntropWrap
------------------------------------------------------*/
	.shoppingSection .elementIntropWrap .txtBox .txt  {
		max-width: 1000px;
		margin: 2em auto 3em;
	}
	.shoppingSection .elementIntropWrap .picBox .picUnit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.shoppingSection .elementIntropWrap .picBox .picUnit > * {
		width: 24.6%;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.shoppingSection .elementIntropWrap .picBox {
		width: 100%;
		max-width:500px;
		margin-top: var(--site-marpad-M);
		margin-left:auto;
		margin-right:auto;
	}
	.shoppingSection .elementIntropWrap .picBox .picUnit > * {
		width: 49.5%!important;
		margin-bottom: 1%;
	}

}





/* floorWrap
------------------------------------------------------*/
	.shoppingSection .floorWrap {
		border: 1px solid rgba(var(--site-themeColor-accent_01), 1);
		padding: clamp(30px, (30 / 1200 * 100vw), 50px);
	}
	.shoppingSection .floorWrap .ttl .en{
		font-family: var(--site-font_family-en);
		font-size: 2.2rem;
		padding-right: 0.3em;
	}
	.shoppingSection .floorWrap .figBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	.shoppingSection .floorWrap .figBox .fig {
		width: 58.5%;
	}
	.shoppingSection .floorWrap .figBox .picBox {
		width: 38%;
	}
	.shoppingSection .floorWrap .figBox .picBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.shoppingSection .floorWrap .picBox p {
		width: 49%;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.shoppingSection .floorWrap .figBox > * {
		width: 100%!important;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.shoppingSection .floorWrap .picBox {
		margin-top: var(--site-marpad-M);
		padding: 0 10%;
	}
}



/* tenantSection
------------------------------------------------------*/
	.tenantSection .tenantBg:nth-child(2){
		 background: none;
	}
	
	.tenantSection .tenantWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		align-items:flex-end;
	}
	.tenantSection .tenantBg:nth-child(2) .tenantWrap{
		flex-direction: row-reverse;
	}
	.tenantSection .tenantWrap > * {
		width: 47.61%;
	}
	.tenantSection .tenantWrap .txtBox .ttl {
		margin-bottom:1em;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1000;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}
	.tenantSection .tenantWrap .txtBox .shopList {
		margin-top:1em;
		padding-top:1em;
		display: block;
		border-top:1px dotted rgba(0,0,0,1);
		line-height: 1;
	}
	.tenantSection .tenantWrap .txtBox .shopList li {
		display: inline-block;
		align-items: baseline;
		margin-right: .5em;
		line-height: 1.55;
	}
	.tenantSection .tenantWrap .txtBox .shopList li::before{
		content: "・";
  		display: inline-block;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.tenantSection .tenantWrap > * {
		width: 100%;
	}
	.tenantSection .tenantWrap .picBox {
		margin-top: clamp(20px, (20 / 480 * 100vw), 30px);
	}

}




/* moreShoppingSection
------------------------------------------------------*/
/*	.moreShoppingSection .ptHeading{
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.moreShoppingSection .ptHeading .hTxt{
		display: inline-block;
		padding:10px clamp(30px, (30 / 1200 * 100vw), 50px);
		border:0 solid rgba(var(--site-themeColor-base), 1);
		border-width:1px 0;
	}*/
	.moreShoppingPhWrap .phItem{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.moreShoppingPhWrap .phItem:last-child{
		flex-direction: row-reverse;
		margin-top: 3em;
	}
	.moreShoppingPhWrap .phItem .name{
		font-size: 1.8rem;
	}
	.moreShoppingPhWrap .phItem > *{
		width: 48%;
	}
@media screen and (min-width: 480.02px) { 
	.moreShoppingPhWrap .phItem:last-child .ttl{
		text-align: right;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.moreShoppingPhWrap .phItem .name{
		font-size: 1.4rem;
	}
}	
@media screen and (max-width: 480px) { 
	.moreShoppingPhWrap .phItem > * {
		width: 100%;
	}
	.moreShoppingPhWrap .phItemp .pic {
		margin-bottom: clamp(20px, (20 / 480 * 100vw), 30px);
	}
	.moreShoppingPhWrap .phItem .ttl{
		text-align: center;
	}
}




/* ------------------------------------------------------------------------
 parkSection
------------------------------------------------------------------------ */





/* hikarigaokaParkSection
------------------------------------------------------*/
	.hikarigaokaParkSection {
	}
/* expansionTxtWrap
--------------------------------- */
	.expansionTxtWrap {
		text-align: center;
	}
	.expansionTxtWrap .expansionTxtBox {
		display: inline-block;
		border: 0 solid #000;
		border-width: 1px 0;
		padding: 0.8em 3em;
	  line-height: 1;
	}

	.expansionTxtBox .icon {
		display: inline-block;
		width: 30px;
	}
	.expansionTxtBox .icon img{
		vertical-align: middle;
	}
	.expansionTxtBox .txt {
		margin-left:0.3em;
		line-height: 1;
	}


/* hikarigaokaParkWrap
--------------------------------- */
	.hikarigaokaParkWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.hikarigaokaParkWrap > * {
		width: 47.61%;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit {
		width: calc(50% - 5px);
		position: relative;
		margin-top:10px;
		background: #000;
	}	
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .imgcapkeep,
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .txt,
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .icon {
		position: absolute;
		display: block;
		z-index: 2;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .txt {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		width: 95%;
		color:#eee;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .icon {
		bottom:10px;
		right:10px;
		width: 25px;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .pic {
		display: block;
	}	
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .pic::after {
		position: absolute;
		display: block;
		content:"";
		top:0;
		left:0;
		width: 100%;
		height:100%;
		background: #000;
		opacity: .4;
		z-index: 1;
		transition: opacity 0.3s ease-in-out 0s;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit:hover .pic::after {
		opacity: 0;
	}



@media screen and (min-width: 736.02px) and (max-width: 1050px) { /*{TBs}*/
	.wrapper {
		overflow: visible; /* hiddenの解除 */
	}
	.hikarigaokaParkWrap .illustBox {
		position: sticky;
		top:20px;
		left:0;
		width: 60%;
		height:100%;
	}
	.hikarigaokaParkWrap .thumBox {
		width: 30%;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit {
		width:100%;
	}
}

@media screen and (max-width: 736px) { /*{SP}*/
	.hikarigaokaParkWrap .illustBox {
		width: 100%;
		text-align: center;
		max-width: 600px;
		margin: 0 auto ;
	}
	.hikarigaokaParkWrap .thumBox {
		width: 100%;
		max-width: 600px;
		margin: 1em auto 0;
	}
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit {
		width: calc(50% - 1px);
		margin-top:2px;
	}
}

@media screen and (max-width: 480px) { /*{SPs}*/
	.hikarigaokaParkWrap .thumBox .thumBoxInner .thumUnit .icon {
		bottom:5px;
		right:5px;
		width: 22px;
	}
}


/* hikarigaokaParkModal モーダルコンテンツ
---------------------------------------------------*/
	.vbox-inline {
	  width: 80%!important;
	  max-width: 840px!important;
	}
	.generalColBox.modalWrap {
		--default-generalColBox-margin-t:	0px;
		--default-generalColBox-margin-lr:	0px;
		background: rgba(var(--site-themeColor-main), 1);
	}
	.modalWrap .txtBox {
		padding:30px;
		display: flex;
		align-items: center;
	}
	.modalWrap .txtBox dt {
		text-align: center;
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */

		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
		
	}
	.modalWrap .txtBox dd {
		padding-top:15px;
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */

		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
		/*font-family: var(--site-font_family-sans);*/
		/*font-weight: 300;*/
		/*letter-spacing: 0.05em;*/
		/*color: rgba(var(--site-themeColor-base_text), 1);*/
	}
	
	
	
@media screen and (max-width: 736px) { /*{SP}*/
	.vbox-inline {
	  max-width: 420px!important;
	}
	.generalColBox.modalWrap {
		flex-direction:column-reverse;
	}
	.modalWrap .txtBox {
		padding:20px 20px 30px;
		margin-top: 0;
	}
	.modalWrap .picBox .imgcapkeep {
		inset: 0 0 auto auto;
	}
}






/* moreParkWrap
---------------------------------------------------*/
	.moreParkWrap .commonPhWrap{
		justify-content: space-between;
	}
@media print, screen and (min-width: 1050.02px) { /*{overTBl}*/
	/*.moreParkWrap .commonPhWrap li {
		width: calc(25% - 2px)!important;
		margin-right:2px;
	}
	.moreParkWrap .commonPhWrap > li:nth-child(n+4)  {
		margin-top:0!important;
	}*/
}







/* ------------------------------------------------------------------------
 educationSection
------------------------------------------------------------------------ */

.category-Cont-Education .boxTxt_inner {
  line-height: 1.4;
}

/* waitingFigWrap
---------------------------------------------------*/
	.waitingFigWrap {
		border: 1px solid rgba(var(--site-themeColor-accent_01), 1);
		padding: clamp(30px, (30 / 1200 * 100vw), 50px);
	}
	/*.waitingFigWrap .js_swipeMe_active .js_swipeMeSwipeItem {width: 250%;}	*/

@media screen and (max-width: 736px) { /*{SP}*/
	.waitingFigWrap {
		padding: 30px 15px;;
	}
}


/* moreEducationWrap
---------------------------------------------------*/


/* ------------------------------------------------------------------------
 hospitalSection
------------------------------------------------------------------------ */

	.hospitalSection .elementIntropWrap .txtBox .txt {
		max-width: 1000px;
		margin: 2em auto 3em;
	}
	.hospitalPhWrap { 
		display: grid;
		grid-template-columns: 71.42% 28.57%;
		grid-template-rows: 1fr 1fr;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			"pic01 pic02"
			"pic01 pic03";
	}
	.hospitalPhWrap .pic01 { grid-area: pic01; }
	.hospitalPhWrap .pic02 { grid-area: pic02; }
	.hospitalPhWrap .pic03 { grid-area: pic03; }


@media screen and (max-width: 736px) { /*{SP}*/
	.hospitalPhWrap { 
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			"pic01 pic01"
			"pic02 pic03";
	}
}



/*----------------------------------------------------------- 
gmapSection
------------------------------------------------------------ */
	.gmapSection {
		color: rgba(var(--site-themeColor-base_text), 1)!important;
	}
	.gmapSection .enHeading_L{
		color: rgba(var(--site-themeColor-base_text-reverse), 1);
	}
/* pNav 
------------------------------------------------------------------------ */
	.gmapSection .pNav ul {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  margin: 0 auto;
	}
	.gmapSection .pNav ul li {
		width: calc(100% / 6 - 2px);
		/*margin-right:2px;*/
	}

	.gmapSection .pNav ul li a {
		position: relative; 
		display: block;
		width: 100%;
		padding: 10px 3px;
		color: rgba(var(--site-themeColor-base_text-reverse), .7);
		font-family: var(--site-font_family-serif);
		font-size: 1.6rem;
		text-align: center;
		border-bottom: 3px solid #6c6c6c; 
		transition: all .3s ease-in-out;
	}
	.gmapSection .pNav ul li a::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 2px; 
		background-color: #fff; 
		transition: width 0.3s ease-in-out;
	}

	/* hover */
	.gmapSection .pNav ul li a:hover {
		color: rgba(var(--site-themeColor-base_text-reverse), .9); 
		 border-bottom-color:  #d8d8d8;
	}

	/*active*/
	.gmapSection .pNav ul li.active a { 
		color: rgba(var(--site-themeColor-base_text-reverse), 1); 
		border-bottom-color: rgba(var(--site-themeColor-base_text-reverse), 1); 
	}
	.gmapSection .pNav ul li.active a::after {
		 width: 100%;
	}

	

	
@media screen and (max-width: 1000px) {
	.gmapSection .pNav ul li {
		width: calc(100% / 3 - 1px);
		margin-bottom:1px;
	}
	.gmapSection .pNav ul li a {
	  font-size:1.4rem;
	  line-height: 1;
	}
}
@media screen and (max-width: 600px) { /*{SP}*/
	.gmapSection .pNav ul li a {
	  font-size:1.2rem;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.gmapSection .pNav ul li a {
	  font-size:1.1rem;
	}

}




/* gMap
--------------------------------- */
/*gmapBox--------*/
	.gmapBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: var(--site-marpad-XS);
	}
	.gmapBox .gmap-wrapper {
		width: 62%;
	}
	.gmapBox .gmap-wrapper #gmap-mixed {
		width:100%;
		height:100%;
		min-height:600px;
	}	
	.gmapBox #controls-mixed {
		width: 35%;
	}
	
@media screen and (max-width: 900px) {
	.gmapBox .gmap-wrapper {
		width: 100%;
	}
	.gmapBox .gmap-wrapper #gmap-mixed {
		min-height:400px;
	}	
	.gmapBox #controls-mixed {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.gmapBox .gmap-wrapper #gmap-mixed {
		min-height:300px;
	}	
}




/*controls-mixed------------*/
	#controls-mixed li:after {
		content:"";display:block;clear:both;
	}
	#controls-mixed,
	#controls-mixed li .name,
	#controls-mixed li .spec {
		box-sizing:border-box;
	}
	#controls-mixed {
		padding:0.5em 0;
		font-size:0.857em;
		font-weight: 400;
		line-height:1.6;
		vertical-align:middle;
	}
	#controls-mixed ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#controls-mixed li:not(:first-of-type)  {
		margin-top:0.4em;
		padding-bottom:0.4em;
		border-bottom:1px solid #fff;
		display: flex;
		align-items: center;
	}
	#controls-mixed li {
		width:100%;
		/*width:49%;*/	
		/*margin-right:5%;*/
	}
	#controls-mixed li a {
		/*display:block;*/
		width:100%;
		transition:background 0.2s;
	}
	#controls-mixed li a:hover {
		background:rgba(204,204,204,0.3);
	}
	#controls-mixed li.active a { /* current */
		background:rgba(204,204,204,0.5);
		transition:background 0.5s;
	}
	#controls-mixed a img {
		line-height:0;
	}
	#controls-mixed li .titleText {
		display:flex;
		/*table-layout: fixed;*/
		width:100%;
		color: rgba(var(--site-themeColor-base_text-reverse), 1);
	}
	#controls-mixed li .titleText .ico_num {
		/*display:table-cell;*/
		display: inline-block;
		vertical-align:top;
	}
	#controls-mixed li .titleText .nameSpecWrap {
		width: calc(100% - 27px);
	}
	
	#controls-mixed li .titleText .nameSpecWrap .name,
	#controls-mixed li .titleText .nameSpecWrap .spec {
		display: block;
	}
	
	#controls-mixed li .titleText .ico_num {
		width:22px;
		margin-right:5px;
	}
	#controls-mixed li .titleText .nameSpecWrap .name {
		font-size:1.15em;
		font-family: var(--site-font_family-serif);
	}
	#controls-mixed li .titleText .nameSpecWrap .name small {
		font-size:0.857em;
	}
	/* 個別指定 */
	#controls-mixed li:nth-of-type(1) {
		margin-right:0;
		margin-top:0;
		padding-top:0;
		border-bottom:0;
		width:100%;
	}
	#controls-mixed li:nth-of-type(1) a div {
		padding:0.1em 0;
	}
	#controls-mixed li:nth-of-type(2) {	/* リストに物件名は非表示 */
		display:none;
	}

@media screen and (max-width: 900px) { /*{SP}*/
	#controls-mixed li {
		width:49%;		
	}
/*	#controls-mixed.js_ctrls0 {border-top-color:#cd6493;}
	#controls-mixed.js_ctrls1 {border-top-color:#9c8e46;}
	#controls-mixed.js_ctrls2 {border-top-color:#986ac4;}
	#controls-mixed.js_ctrls3 {border-top-color:#3c5ed0;}
	#controls-mixed.js_ctrls4 {border-top-color:#4ca851;}*/
	
	#controls-mixed li .titleText .ico_num,
	#controls-mixed li .titleText .nameSpecWrap {
		/*vertical-align:middle;*/
	}
	#controls-mixed li .titleText .nameSpecWrap .name,
	#controls-mixed li .titleText .nameSpecWrap .spec {
		/*box-sizing:border-box;*/
		/*display:inline-block;*/
	}
	#controls-mixed li .titleText .nameSpecWrap .name {
		/*float:left;*/
		/*width:calc(100% - 120px);*/
	}
	#controls-mixed li .titleText .nameSpecWrap .name br {
		display:none;
	}
	#controls-mixed li .titleText .nameSpecWrap .spec {
		/*float:right;*/
		/*width:120px;*/
		/*text-align:right;*/
	}
}

@media screen and (max-width: 600px) {
	#controls-mixed {
		min-height:0;
	}
	#controls-mixed li {
		width:100%;		
	}
	
	#controls-mixed li .titleText .nameSpecWrap .name,
	#controls-mixed li .titleText .nameSpecWrap .spec {
		display:block;
		float:none;
		width:100%;
		text-align:left;
	}
	#controls-mixed li .titleText .nameSpecWrap .spec {
		padding-top:0.35em;
	}
}



/* map-pic  */  /*map_settingと連動*/
	.gmap-pic {
		display: none;
	}
	.picActive .gmap-pic {
		display:block;
	}

	.gmap-pic ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top:30px;
	}

	.gmap-pic ul li {
		width:30.15%;
	}

	.gmap-pic ul li .name {
		text-align: center;
		margin-top:10px;
		line-height: 1.2;
	}
	.gmap-pic ul li .disc {
		display: inline-block;
		font-size:0.8em;
	}
@media print, screen and (min-width: 1201px) { /*{overPC}*/
	.gmap-pic ul li:nth-child(n + 4) {
		margin-top:60px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1200px) { /*{TB}*/
	.gmap-pic ul li:nth-child(n + 4) {
		margin-top:40px;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.gmap-pic ul {
		margin-top:20px;
	}
	.gmap-pic ul li {
		width:47.61%;
	}
	.gmap-pic ul li:nth-child(n + 3) {
		margin-top:30px;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.gmap-pic ul li {
		width:100%;
	}
	.gmap-pic ul li:nth-child(n + 2) {
		margin-top:30px;
	}
}