@charset "utf-8";

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

/* ------------------------------------------------------------------------
 lNavWrap
------------------------------------------------------------------------ */
	.lNavAnchorWrap {
		background: var(--site-themeColor-accent_1);
	}
@media screen and (min-width: 900.02px) {
	.lNavWrap li a {
		justify-content: center;
	}
}
@media screen and (max-width: 900px) {
	:where([data-lnav-column="col5"]).lNavWrap li:last-of-type {
		border-bottom:0px solid rgba(var(--site-variationColor-yellow), 1);
	}
}

/* ------------------------------------------------------------------------
 generalColBox
------------------------------------------------------------------------ */
	.basicBoxA.generalColBox,
	.basicBoxA_rev.generalColBox,
	.basicBoxB.generalColBox {
		--base-generalColBox-margin-row: 18px;
		/*--base-generalColBox-margin-column:	clamp(30px, (30 / 900 * 100vw), 60px);*/
		align-items: flex-end;
	}
	.basicBoxA_rev.generalColBox {
		flex-direction: row-reverse;
	}
	.basicBoxC .basicTtlStyle .ttl {
		margin-top: 18px;
	}
	
@media screen and (max-width: 900px) {
	.basicBoxA.generalColBox,
	.basicBoxA_rev.generalColBox {
		/*--base-generalColBox-margin-column:	clamp(30px, (30 / 900 * 100vw), 60px);*/
		align-items:flex-start;
	}
}	
@media screen and (max-width: 600px) {
	.basicBoxC.generalColBox{
		--base-generalColBox-margin-row: var(--site-marpad-L);
	}
}	



/* ------------------------------------------------------------------------
 basicTtlStyle
------------------------------------------------------------------------ */
	.basicTtlStyle .ttl {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 900;
		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)
		);
		line-height: 1.2;
	}
	.basicTtlStyle .ttl .distance {
		display: inline-block;
		font-size:0.75em;
	}
	.basicTtlStyle .txt {
		padding-top:0.8em;
		font-size:0.95em;
		line-height: 1.6;
	}
	
/* ------------------------------------------------------------------------
 (basicTtlStyle) is_ttlNumStyle
------------------------------------------------------------------------ */
	.is_ttlNumStyle {
		display: flex;
		/*flex-wrap: wrap;*/
	}
	.is_ttlNumStyle_Num,
	.is_ttlNumStyle_Txt {
		display: block;
	}
	.is_ttlNumStyle_Txt > * {
		display: block;
	}
	.is_ttlNumStyle_NumInner01{
		display:flex;
		width:100%;
		align-items: center;
	}
	.is_ttlNumStyle_NumInner02{
		flex: 0 0 1.5em;
		display: inline-block;
		text-align:center;
		margin-right:0.5em;
		width: 1.5em;
		height: 1.5em;
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1920;
		--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.3;
		background: url("../images/location/bg_num.jpg") center center no-repeat;
		color:#fff;
	}
	
	

/* ------------------------------------------------------------------------
 hrLine
------------------------------------------------------------------------ */
	hr.hrLine {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 1px;
		background: #333;
		border: none;
		margin: 0;
		margin-block: 0;
		margin-inline: 0;
		padding: 0;
	}
	
/* ------------------------------------------------------------------------
 js_swipe
------------------------------------------------------------------------ */
	.locationP .js_swipeMe_active .js_swipeMeSwipeItem > * {
		padding:0;
	}

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

/* ------------------------------------------------------------------------
 introSection
------------------------------------------------------------------------ */
	.introSection .introWrap {
	}
	.introSection .introWrap .areaPIc {
		margin: 0 auto;
		max-width: 900px;
	}


/*　共通　*/
.introSection [class*="area_"]{
	border-bottom: 1px solid ;
	padding-bottom: 4px;
}
.introSection [class*="area_"]::after{
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid;
}
.introSection [class*="area_"] h3{
	display: block;
	text-align: center;
	padding-bottom: 4px;
	--M-fluidFontSize-max-fontsize: 35;
	--M-fluidFontSize-min-fontsize: 24;
	--M-fluidFontSize-max-viewport: 1600;
	--M-fluidFontSize-min-viewport: 1200;
	min-height: 0.001vw;
	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-en_1);
	line-height: 1;
	letter-spacing: 0.13em;
	border-bottom: 1px solid ;
}
.introSection [class*="area_"] h3::after{
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid ;
}

/*areaInner-----------------------------*/
.introSection [class*="area_"] .areaInner{
	padding:  80px 0;
}
.introSection [class*="area_"] .areaInner .subtxt{
	text-align: center;
}
.introSection [class*="area_"] .areaInner .ttl {
	--M-fluidFontSize-max-fontsize: 20;
	--M-fluidFontSize-min-fontsize: 15;
	--M-fluidFontSize-max-viewport: 1920;
	--M-fluidFontSize-min-viewport: 900;
	min-height: 0.001vw;
	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) );
	line-height: 1.2;
	text-align: center;
	display: block;
	margin-top: 0.5em;
}
.introSection [class*="area_"] .areaInner .ttl .distance {
  display: inline-block;
  font-size: 0.75em;
}

@media screen and (max-width: 1100px) {
	.introSection [class*="area_"] .areaInner{
		width: 94%;
		padding:  50px 0;
	}
}
@media screen and (max-width: 600px) {

	.introSection [class*="area_"] .areaInner .subtxt{
		text-align:left;
	}
}


/*area_Kokubunji
---------------------------------------*/
.introSection .area_Kokubunji{
	border-bottom-color:  #d6aea0;
}
.introSection .area_Kokubunji::after{
	border-bottom-color:  #d6aea0;
}
.introSection .area_Kokubunji h3{
	color: #d6aea0;
	border-bottom-color: #d6aea0;
}
.introSection .area_Kokubunji h3::after{
	border-bottom-color: #d6aea0;
}
.area_Kokubunji .columnBox{
	background: #d7cb9f;
	padding: 60px;
	color: rgba(var(--site-themeColor-base_text), 1);
}
@media screen and (max-width: 900px) {
	.area_Kokubunji .columnBox{
		padding: 40px 30px;
	}
}

/*area_Tachikawa
---------------------------------------*/
.introSection .area_Tachikawa{
	border-bottom-color:  #88d1f5;
}
.introSection .area_Tachikawa::after{
	border-bottom-color:  #88d1f5;
}
.introSection .area_Tachikawa h3{
	color: #88d1f5;
	border-bottom-color: #88d1f5;
}
.introSection .area_Tachikawa h3::after{
	border-bottom-color: #88d1f5;
}














/* newOpenWrap
---------------------------------------------------- */
.newOpenWrap .sectionHeader{
        color:#7b2321;
        margin-bottom: 2em;
    }
	.newOpenWrap .sectionHeader .ttl {
		font-weight: 500;
        display: block;
        --M-fluidFontSize-max-fontsize: 32;
        --M-fluidFontSize-min-fontsize: 26;
        --M-fluidFontSize-max-viewport: 1400;
        --M-fluidFontSize-min-viewport: 1200;
        min-height: 0.001vw;
        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) );
        letter-spacing: 0.1em;
        margin-bottom: 0.5em;
        text-align: center;
	} 
	.newOpenWrap .sectionHeader .ttl .txtSizeSS {
		display: block;
		line-height: 1.6;
    }
	.newOpenWrap .sectionHeader .ttl .vettxt{
        writing-mode: vertical-rl;
        font-size: 0.4em;
        line-height: 0;
        vertical-align: text-bottom;
        letter-spacing: 0.08em;
    }

/*newOpenPic----------*/
	.newOpenPic {
		position: relative;
	}
	.newOpenPic i {
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(-8%, -25%);
		width: 40%;
		max-width: 323px;
	}

/*shopLogoCol---------*/
	.shopLogoCol {
		display: flex;
		align-items: flex-end;
		column-gap: 15px;
		justify-content: center;
	}
@media screen and (max-width: 700px) {
    .newOpenWrap .sectionHeader .ttl {
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 700;
		--M-fluidFontSize-min-viewport: 480;
    }
}

@media screen and (max-width: 600px) {

}







/* ------------------------------------------------------------------------
 section01
------------------------------------------------------------------------ */
/* isLine
---------------------------------------------------- */
	.section01 .enttl.isLine {
		text-align: center;
	}	
	.section01 .enttl.isLine > span {
			width: 100%;
			display:inline-block;
	}	
	.section01 .enttl.isLine > span::after {
			content:"";
			display:block;
			height:1px;
			max-width:400px;
			margin:-0.1em auto 0;
			background:rgba(var(--site-variationColor-yellow), 1);
	}	

/* newOpenSection
---------------------------------------------------- */

	.section01 .newOpenSection {
        color:#7b2321;	
    }
	.section01 .newOpenSection .sectionHeader .enttl {
		--M-fluidFontSize-max-fontsize: 40;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 600;
		color:#7b2321;
	  }
	.section01 .newOpenSection .enttl.isLine > span::after {
	  background: #7b2321;
	}  
	
	.section01 .newOpenSection .sectionHeader .ttl {
		font-weight: 600;
		border: 0 solid #7b2321;
		border-width: 3px 0 3px;
	} 
	.section01 .newOpenSection .sectionHeader .ttl::before,
	.section01 .newOpenSection .sectionHeader .ttl::after {
		content:"";
		display:block;
		width:100%;
		border: 0 solid #7b2321;
	}
	
	.section01 .newOpenSection .sectionHeader .ttl::before {
		margin-top:3px;
		border-width: 1px 0 0;
	}
	.section01 .newOpenSection .sectionHeader .ttl::after {
		margin-bottom:3px;
		border-width: 0 0 1px;
	}	
	
	
 	.section01 .newOpenSection .newOpenWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	} 
	.section01 .newOpenSection .newOpenWrap p:nth-of-type(1) {
		width: 55%;
	}
	.section01 .newOpenSection .newOpenWrap p:nth-of-type(2) {
		width: 39%;
	}
@media screen and (max-width: 900px) {
	.section01 .newOpenSection .newOpenWrap p:nth-of-type(1),
	.section01 .newOpenSection .newOpenWrap p:nth-of-type(2) {
		width: 100%;
	}
	.section01 .newOpenSection .newOpenWrap p:nth-of-type(2) {
		margin:2em auto 0;
		max-width:470px;
	}
}

@media screen and (max-width: 600px) {
	.section01 .newOpenSection .picBox {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
	}
	.section01 .newOpenSection .picBox img {
		width: 100%;
		max-width: none;
	}
}





/* shoppingSection
---------------------------------------------------- */
	.section01 .shoppingSection .aeonWrap .aeonTtl {
		margin-bottom:1.5em;
		border-bottom:1px solid rgba(var(--site-variationColor-yellow), 1);
	}
	.section01 .shoppingSection .aeonWrap .floor {
		text-align: center;
		padding:0.3em;
		margin-bottom: 1em;
		background: rgba(194,154,36,.25);
		line-height: 1;
	}
	.section01 .shoppingSection .aeonUnit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.section01 .shoppingSection .aeonUnit dd {
		width: 48%;
		position: relative;
		padding-left: 1.5em;
		margin-bottom:0.8em;
		font-size:0.85em;
		letter-spacing: 0.05em;
		line-height: 1.2;
	}
	.section01 .shoppingSection .aeonUnit dd::before{
		content: "■";
		position: absolute;
		top: 0;
		left: 0;
		color: rgba(var(--site-variationColor-yellow), 1);;
	}

@media screen and (max-width: 800px) {
	.section01 .shoppingSection .aeonUnit dd {
		width: 100%;
	}
}

@media screen and (max-width: 480px) { /*{SPs}*/
	.section01 .shoppingSection .aeonBox.generalColBox {
		--base-generalColBox-margin-row:	20px;
	}
	.section01 .shoppingSection .aeonUnit dd {
		width: 48%;
	}
}




/* ------------------------------------------------------------------------
 section02
------------------------------------------------------------------------ */
	.section02 .sectionHeader .enttl {
		color:#a78435;
	}
	
	
/* cyclingSection
---------------------------------------------------- */
/*garageWrap
-----------------------------*/
	.cyclingSection .garageWrap {
		padding: clamp(40px, (40 / 1200 * 100vw), 60px) clamp(60px, (60 / 1200 * 100vw), 80px) ;
		border:1px solid #4e1714;
	}
	.cyclingSection .garageWrap .generalColBox {
		align-items: center;
		--base-generalColBox-margin-row:	30px;
	}
	.cyclingSection .garageWrap .garageBox .txtBox .en {
		padding-bottom:1em;
		font-size: 1.2em;
		font-family: var(--site-font_family-en_1);
		color: #3e1c00;
	}

@media screen and (max-width: 900px) {
	.cyclingSection .garageWrap {
		max-width:500px;	
		margin-left:auto;
		margin-right:auto;
	}
	.cyclingSection .garageWrap .generalColBox {
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 600px) {
	.cyclingSection .garageWrap {
		padding: clamp(30px, (30 / 480 * 100vw), 50px) clamp(30px, (30 / 480 * 100vw), 50px) ;
	}
}



/*lNavWrap----------*/
	.cyclingWrap .lNavWrap {
		background: #401e02;
		border-width: 0 0;
	}
	.cyclingWrap .lNavWrap li.is-current a {
	  background: rgba(177,149,71,1.00);
	}
	.cyclingWrap .lNavWrap li a {
		padding: .5em;
		font-size:1.2em;
		min-height: 50px;
	}
@media screen and (max-width: 900px) {
	.cyclingWrap .lNavWrap li {
		width: calc((100% - (var(--main-lNavWrap-ul-columnGap) * 1)) / 3);
		border-bottom:none;
	 }
	.cyclingWrap  .lNavWrap li:nth-child(2) {
		border-right: 1px solid rgba(var(--site-variationColor-yellow), 1);
	 }
	.cyclingWrap  .lNavWrap li:nth-child(3) {
		border-right:none;
	 }
	.cyclingWrap .lNavWrap li a {
		justify-content: center;
		text-align: center;
		letter-spacing: 0.05em;
		
	}
}
@media screen and (max-width: 600px) {
	.cyclingWrap .lNavWrap li a {
		padding: .5em .8em;
		font-size:1em;
	}
}

/*cyclingMap----------*/
	.cyclingMap {
		position: relative;
	}
	.cyclingMap .mapBox {
		border:1px solid #401e02;
	}
/*cyclingBox----------*/
/*ttlUnit*/
	.cyclingBox .ttlUnit {
		position: relative;
		text-align: center;
		margin-top: var(--site-marpad-L);
	}
	.cyclingBox .ttlUnit .illustBox {
		position: absolute;
		width: 34.16%;
		left:0;
		top: -40px;
	}
	.cyclingBox .ttlUnit .en {
		padding-bottom:0.5em;
		font-size: 1.2em;
		font-family: var(--site-font_family-en_1);
		color:#7b2321;
	}
	.cyclingBox .ttlUnit h5 {
		display: block;
		border:0 solid #7b2321;
		border-width:1px 0;
		color:#fff;
	}
	.cyclingBox .ttlUnit h5 .ttlBg {
		display: block;
		margin:2px 0;
		background: #7b2321;
	}
	
	
	
	
	.cyclingBox .timeElement {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items: center;
		margin-top:1em;
	}
	.cyclingBox .timeElement .txt {
		font-size:0.8em;
		padding: 0.2em 0.5em 0.3em;
		margin-right:0.8em;
		border: 1px solid rgba(0,0,0,.5);
		line-height: 1;
	}
	.cyclingBox .timeElement .time {
		line-height: 0;
		font-size:1.2em;
	}
	.cyclingBox .timeElement .time .num {
		margin-left:0.1em;
		font-size:1.5em;
	}
	.cyclingBox .timeElement .time .distance {
		margin-left:0.2em;
		font-size:0.8em;
	}
	

/*個別*/
@media screen and (min-width: 700.02px){
	#cycling01 .cyclingBox .ttlUnit .illustBox {
		left:-30px;
	}
}

@media screen and (max-width: 700px) {
	.cyclingBox .ttlUnit {
		margin-top: 0;
	}
}	

@media screen and (max-width: 700px) {
	.cyclingBox .ttlUnit .illustBox {
		position: relative;
		width: 40%;
		top:0;
		bottom:auto;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 600px) {
	.cyclingBox .ttlUnit .leadTxt {
		text-align: left;
	}
}	
	
/*basicTtlStyle  is_ttlNumStyle*/
@media screen and (max-width: 600px) {
	.cyclingWrap .basicTtlStyle .ttl {
		font-size:1.3rem;
	}
	.cyclingWrap .is_ttlNumStyle_NumInner02 {
		flex: 0 0 1.2em;
		display: inline-block;
		text-align: center;
		margin-right: 0.5em;
		width: 1.2em;
		height: 1.2em;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 600;
		--M-fluidFontSize-min-viewport: 480;
		min-height: 0.001vw;
		line-height: 1.05;
	}
}

/*generalColBox----------*/
@media screen and (max-width: 600px) {
	.cyclingWrap .cyclingBox .generalColBox {
		--base-generalColBox-margin-column:	clamp(20px, (30 / 600 * 100vw), 30px);
	}
}







/* ------------------------------------------------------------------------
 section03
------------------------------------------------------------------------ */
/* parentingSection
---------------------------------------------------- */
/* nurseryGraphWrap
---------------------------------*/
	.section03 .nurseryGraphWrap .ttl {
		max-width:570px;
		margin-left:auto;
		margin-right:auto;
		padding:0.5em;
		text-align: center;
		font-size:1em;
		color:#fff;
		background: url("../images/location/03b_bg_01.jpg") top center / 100% no-repeat;
	}
	.section03 .nurseryGraphWrap .nurseryWraitingUnit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.section03 .nurseryGraphWrap .nurseryWraitingUnit .graph {
		width: 55.83%;
	}
	.section03 .nurseryGraphWrap .nurseryWraitingUnit .pic {
		width: 39.16%;
	}

@media screen and (max-width: 600px) {
	.section03 .nurseryGraphWrap .nurseryWraitingUnit .graph {
		width: 100%;
	}
	.section03 .nurseryGraphWrap .nurseryWraitingUnit .pic {
		width: 100%;
		margin-top:1.5em;
	}


}




/* subsidyWrap
-------------------------*/
	.section03 .subsidyWrap {
		padding: clamp(80px, (80 / 1200 * 100vw), 100px) ;
		background: #fff;
		border:1px solid #4e1714;
	}
	
	/*subsidyTtl*/
	.section03 .subsidyWrap .subsidyTtl {
		position: relative;
		text-align: center;
		padding:1em;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.section03 .subsidyWrap .subsidyTtl::before,
	.section03 .subsidyWrap .subsidyTtl::after {
		position: absolute;
		content:"";
		width: 30%;
		height:30%;
		max-width:60px;
		max-height:60px;
	}
	.section03 .subsidyWrap .subsidyTtl::before {
		top:0;
		left:0;
		border:0 solid #000;
		border-width:1px 0 0 1px;
	}
	.section03 .subsidyWrap .subsidyTtl::after {
		bottom:0;
		right:0;
		border:0 solid #000;
		border-width:0 1px 1px 0;
	}
	
	
	

@media screen and (max-width: 1200px) { /*{belowTB}*/
	.section03 .subsidyWrap {
		padding: clamp(40px, (40 / 600 * 100vw), 80px) ;
	}
	.section03 .subsidyWrap .generalColBox {
		--base-generalColBox-margin-column:	clamp(30px, (30 / 900 * 100vw), 40px);
	}

}










/*----------------------------------------------------------- 
gmapSection
------------------------------------------------------------ */
/* pNav 
------------------------------------------------------------------------ */
	.gmapSection .pNav ul {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  max-width: 1200px;
	  margin: 0 auto;
	}
	.gmapSection .pNav ul li {
		width: 20%;
		/*margin-right:0%;*/
		/*margin-bottom:0;*/
	}
	
	.gmapSection .pNav ul li a {
		display: block;
		width: 100%;
		height:100%;
		padding: 10px;
		color: #fff;
		font-size:1.4rem;
		text-align: center;
		background: #000;
		border-right:1px solid rgba(255,255,255,0.5);
		transition: all .3s ease-in-out;
	}
	.gmapSection .pNav ul li.is-current a {
	  background: #8f7d36;
	}
	.gmapSection .pNav ul li a:hover {
	  text-decoration: none;
	  opacity: .7;
	}
	/* hover */
	.gmapSection .pNav ul li:nth-of-type(1) a:hover, .gmapSection .pNav ul li.active:nth-of-type(1) a { background: #cd6493;}/*shop*/
	.gmapSection .pNav ul li:nth-of-type(2) a:hover, .gmapSection .pNav ul li.active:nth-of-type(2) a { background: #986ac4;}/*education*/
	.gmapSection .pNav ul li:nth-of-type(3) a:hover, .gmapSection .pNav ul li.active:nth-of-type(3) a { background: #4ca851;}/*green*/	
	.gmapSection .pNav ul li:nth-of-type(4) a:hover, .gmapSection .pNav ul li.active:nth-of-type(4) a { background: #9c8e46;}/*public*/	
	.gmapSection .pNav ul li:nth-of-type(5) a:hover, .gmapSection .pNav ul li.active:nth-of-type(5) a { background: #3c5ed0;}/*hospital	*/
	
	/* current */
	.gmapSection .pNav ul li.active a { opacity:1;}	
	
	
@media screen and (max-width: 1000px) {
	.gmapSection .pNav ul li:nth-of-type(1),
	.gmapSection .pNav ul li:nth-of-type(2) {
		width: 50%;
	}
	.gmapSection .pNav ul li:nth-of-type(3),
	.gmapSection .pNav ul li:nth-of-type(4),
	.gmapSection .pNav ul li:nth-of-type(5) {
		width: 33.33%;
	}
	.gmapSection .pNav ul li:nth-of-type(1) a,
	.gmapSection .pNav ul li:nth-of-type(2) a {
		border-bottom:1px solid rgba(255,255,255,0.5);
	}
	.gmapSection .pNav ul li:nth-of-type(2) a,
	.gmapSection .pNav ul li:nth-of-type(5) a {
		border-right:0;
	}
	.gmapSection .pNav ul li a {
	  font-size:1.4rem;
	  line-height: 1.4;
	}
}
@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:nth-of-type(1),
	.gmapSection .pNav ul li:nth-of-type(2),
	.gmapSection .pNav ul li:nth-of-type(3),
	.gmapSection .pNav ul li:nth-of-type(4),
	.gmapSection .pNav ul li:nth-of-type(5) {
		width:100%;
	}
	.gmapSection .pNav ul li:nth-of-type(1) a,
	.gmapSection .pNav ul li:nth-of-type(2) a,
	.gmapSection .pNav ul li:nth-of-type(3) a,
	.gmapSection .pNav ul li:nth-of-type(4) a,
	.gmapSection .pNav ul li:nth-of-type(5) a {
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,0.5);
	}*/
	.gmapSection .pNav ul li a {
	  font-size:1.1rem;
	}

}







/* gMap
--------------------------------- */
/*gmapBox--------*/
	.gmapBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.gmapBox .gmap-wrapper {
		width: 62%;
		/*width: 100%;*/
	}
	.gmapBox .gmap-wrapper #gmap-mixed {
		width:100%;
		height:100%;
		min-height:800px;
	}	
	.gmapBox #controls-mixed {
		width: 32.5%;
		/*width: 100%;*/
	}
	
@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 #333;
		display: flex;
		align-items: center;
	}
	#controls-mixed li {
		width:100%;
		/*width:49%;*/	
		/*margin-right:5%;*/
	}
	#controls-mixed li a {
		/*display:block;*/
		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:table;
		table-layout: fixed;
		width:100%;
	}
	#controls-mixed li .titleText .ico_num,
	#controls-mixed li .titleText .nameSpecWrap {
		display:table-cell;
		vertical-align:top;
	}
	#controls-mixed li .titleText .ico_num {
		width:30px;
	}
	#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;
	}
}