@charset "utf-8";

/* ***************************************************************************************************
	BASE
*************************************************************************************************** */
	.pageTheme {
		position: relative;
		z-index: 0;
		overflow: hidden;
		padding: 40px 0;
	}
	.pageTheme::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		z-index: -1;
		line-height: 1.15;
		font-family: 'Great Vibes', serif;
		font-size: 22vw;
		text-align: center;
		letter-spacing: 0;
		margin: auto;
	}
	.pt-map::before {
		content: "Map";
		color: rgba(194,192,188,0.09);
	}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.pageTheme::before {
		font-size: 160px;
	}
}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.pageTheme::before {
		font-size: 230px;
	}
}

/* ptCaptionWrap
---------------------------------------------------- */
	.ptCaptionWrap {
		margin-top: 15px;
	}
	.ptCaptionWrap .container {
		background: transparent;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.ptCaptionWrap {
		margin-top: 20px;
	}
}

/* closeBtnBox
---------------------------------------------------- */
	.closeBtnBox {
		margin-top: 60px;
	}



/* ------------------------------------------------------------------------
	pt-map
------------------------------------------------------------------------ */
	.pt-map {
		background: #eae9e7 !important;
		padding:50px 0 ;
	}
	/* ptTitle
	---------------------------------------------------- */
	.ptTitle {
		display: block;
		line-height: 1.4;
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		font-size: 1.625em;
		text-align: center;
		letter-spacing: 0.15em;
	}
	.ptTitle .ttl {
		display: inline-block;
		padding: 0 0.05em 0.25em;
		border-bottom: 2px solid #000;
	}

/* ------------------------------------------------------------------------
	tkConceptUnit_portalBn
------------------------------------------------------------------------ */
	.tkConceptUnit_portalBn .container {
		background: transparent !important;
	}
	.tkConceptUnit_portalBn .bnBox {
		/*padding: 0 !important;*/
	}
	.tkConceptUnit_portalBn .bn {
		display: block;
		width: 90%;
		max-width: 1000px;
		background: rgba(8,187,238, .1);
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	.tkConceptUnit_portalBn .bn img {
		width: 100%;
		max-width: none;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.tkConceptUnit_portalBn .container {
		margin-top: 20px;
	}
}



/* ***************************************************************************************************
	PAGE
*************************************************************************************************** */

/* mapBox
---------------------------------------------------- */
	.mapBox {
		padding: 30px;
	}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.mapBox {
		padding: 50px 100px;
	}
}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.mapBox {
		padding: 10px;
	}
}


/* is_mapBox_mapPicBox
---------------------------------------------------- */
	.is_mapBox_mapPicBox .mapUnit {
		text-align: center;
	}
	/* リストver -------------------- (dl.mapDataList>div.unit>dt+dd) */
	.is_mapBox_mapPicBox .mapDataList {
		display: inline-block;
		width: 100%;
		max-width: 900px;			/* 画像サイズ合わせだが、なくてもよい */
		text-align: left;
		margin: 10px auto 0;
		padding: 1.15em .75em;
		border: 1px solid #9a7d44;
		border-radius: 10px;
	}
	.is_mapBox_mapPicBox .mapDataList .unit {
		display: flex;
		display: inline-flex;
		justify-content: flex-start;	/* データが複数あるならこちら */
		justify-content: center;		/* データが1つならこちら */
		width: 100%;
	}
	.is_mapBox_mapPicBox .mapDataList .unit dt {	flex: 0 0 4.7em; margin-right: .35em; }
	.is_mapBox_mapPicBox .mapDataList .unit dd {	flex: 0 1 auto; }
	.is_mapBox_mapPicBox .mapDataList .unit dt::before {
		content: "■";
		color: #9a7d44;
		margin-right: 0.25em;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.is_mapBox_mapPicBox .mapDataList {
		margin-top: 20px;
		font-size: 1.15em;
		padding: 30px;
	}
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.is_mapBox_mapPicBox .mapDataList {
		margin-top: 20px;
		font-size: 1.3em;
		padding: 30px 40px;
	}
}


/* is_mapBox_gMapBox
---------------------------------------------------- */
	.is_mapBox_gMapBox {
		padding-top: 20px;
	}
	.is_mapBox_gMapBox iframe {
		width: 100%;
		height: clamp(400px, 65vh, 600px);
	}





