	body {
	}

	
@media print, screen and (max-width: 736px) {
	.mainVisualTxt {
		text-align: left !important;
	}
}



/* ------------------------------------------------------------------------
	pt-tkAccess
------------------------------------------------------------------------ */
	.pt-tkAccess .js_swipeMe_active .js_swipeMeInnerBoxOverlay,
	.pt-tkAccess .js_swipeMe_active .js_swipeMeInnerBox img {width: 140%;}

	.pt-tkAccess .trainmap {
		max-width: 1000px;
		margin: 3em auto;
	}
	.pt-tkAccess .stationPic {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 5px;
	}
	.pt-tkAccess .stationPic .stationUnit {
	}
	.pt-tkAccess .stationPic .stationUnit p {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #FFF;
		background: #000;
		aspect-ratio: 1 / 1;
	}
	.pt-tkAccess .stationPic .stationUnit p::before {
		opacity: .25;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../img/location/station_01.jpg") center center / cover no-repeat;
	}
	.pt-tkAccess .stationPic .stationUnit.shibuya p::before {		background-image: url("../img/location/station_01.jpg");	}
	.pt-tkAccess .stationPic .stationUnit.ginza p::before {		background-image: url("../img/location/station_02.jpg");	}
	.pt-tkAccess .stationPic .stationUnit.otemachi p::before {		background-image: url("../img/location/station_03.jpg");	}
	.pt-tkAccess .stationPic .stationUnit.yokohama p::before {		background-image: url("../img/location/station_04.jpg");	}

	.pt-tkAccess .stationPic p > * {
		position: relative;
		z-index: 2;
		display: block;
		font-size: 1.2em;
	}
	.pt-tkAccess .stationPic p strong {
		font-size: 1.6em;
	}
	.pt-tkAccess .stationPic p em {
		font-size: 1.8em;
		letter-spacing: 0.05em;
	}
	.pt-tkAccess .stationPic p .sta {
		display: block;
		min-width: 60%;
		text-align: center;
		margin: 0 auto;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	.pt-tkAccess .stationPic p small {
		font-size: 0.8em;
	}


	.pt-tkAccess .stationUnit > small {
		display: block;
	}
@media print, screen and (min-width: 1050px) {
	.pt-tkAccess .stationPic {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
	}
}


/* ------------------------------------------------------------------------
	pt-tkPosition
------------------------------------------------------------------------ */
@media print, screen and (min-width: 1050px) {
	.areaMapCol {
		display: grid;
		align-items: center;
		grid-template-columns: 50% 1fr;
		column-gap: 60px;
	}
	.areaMapCol .txtUnit {
		order: 3;
	}
}

/* ------------------------------------------------------------------------
	residentialCol
------------------------------------------------------------------------ */
	.residentialCol .picBox {
		display: grid;
		grid-template-columns: 43.2098% 11.11111% 43.2098%;
		grid-gap: 1.2345%;
	}
	.residentialCol .picBox p:nth-of-type(1) {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.residentialCol .picBox p:nth-of-type(2) {
		grid-column: 2 / 4;
		grid-row: 1 / 2;
	}
	.residentialCol .picBox p:nth-of-type(3) {
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}
	.residentialCol .picBox p:nth-of-type(4) {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}
@media print, screen and (min-width: 1050px) {
	.residentialCol {
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 50%;
		column-gap: 30px;
	}
}

/* ------------------------------------------------------------------------
	toyokoCol
------------------------------------------------------------------------ */
	.toyokoCol .picBox {
		display: grid;
		grid-template-columns: 43.2098% 11.11111% 43.2098%;
		grid-gap: 1.2345%;
	}
	.toyokoCol .picBox p:nth-of-type(1) {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.toyokoCol .picBox p:nth-of-type(2) {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	.toyokoCol .picBox p:nth-of-type(3) {
		grid-column: 2 / 4;
		grid-row: 2 / 3;
	}
	.toyokoCol .picBox p:nth-of-type(4) {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
@media print, screen and (min-width: 1050px) {
	.toyokoCol {
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 50%;
		column-gap: 30px;
	}
	.toyokoCol .txtUnit {
		order: 3;
	}
}
/* ------------------------------------------------------------------------
	pt-komazawaPark
------------------------------------------------------------------------ */
	.pt-komazawaPark .komazawaParkCol {
		margin-top: 5em;
	}
	.pt-komazawaPark .komazawaParkCol .picUnit {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
		margin-top: 10px;
	}
@media print, screen and (min-width: 736.02px) {
	.pt-komazawaPark .komazawaParkCol {
		display: grid;
		grid-template-columns: 69.5% 1fr;
		grid-template-rows: auto 1fr;
		gap: 30px;
	}
	.pt-komazawaPark .komazawaParkCol .picBox img {
		max-width: none;
		width: 100%;
	}
}
@media screen and (min-width: 736.02px) and (max-width: 1260px) {
	.pt-komazawaPark .komazawaParkCol .txtUnit {
		grid-column: 1 / 3;
	}
	.pt-komazawaPark .komazawaParkCol .picUnit {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		grid-gap: 30px;
		margin-top: 0px;
	}
}
@media print, screen and (min-width: 1260.02px) {
	.pt-komazawaPark .komazawaParkCol {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr auto;
		column-gap: 30px;
	}
	.pt-komazawaPark .komazawaParkCol .txtUnit {
		order: 2;
		align-self: center;
	}
	.pt-komazawaPark .komazawaParkCol .picBox {
		order: 1;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.pt-komazawaPark .komazawaParkCol .picUnit {
		order: 3;
		align-self: end;
		column-gap: 30px;
	}
}

/* ------------------------------------------------------------------------
	pt-approach
------------------------------------------------------------------------ */
	.pt-approach {
		background: rgba(var(--site-themeColor),.1);
		padding: 3em 0 5em;
	}
	.approachmap {
		position: relative;
	}
	.pt-approach .txtBox {
		text-align: left;
	}
@media print, screen and (min-width: 1049.02px) {
	.pt-approach {
		text-align: center;
	}
	.approachmap {
		position: relative;
	}
	.pt-approach .txtBox {
		text-align: left;
	}
	.approachCol {
		display: grid;
		align-items: center;
		grid-template-columns: min(50%, 600px) 1fr;
		column-gap: 60px;
		margin: 0 auto;
	}
	.approachCol .txtUnit {
		order: 3;
	}
}
/* ------------------------------------------------------------------------
	pt-rare
------------------------------------------------------------------------ */
	.pt-rare {
		text-align: center;
		color: rgba(var(--site-accentColorText),1);
		font-size: 0.9em;
		background: rgba(var(--site-accentColor),1);
		margin-top: 0px !important;
		padding: 3em 0 5em;
	}
	.pt-rare .contbox {
		width: 82%;
	}
	.pt-rare .ptHeading {
		margin-bottom: 2.5em;
	}
	.pt-rare .txtBox {
		line-height: 2;
		text-align: left;
	}
	.pt-rare .txtBox small {
		opacity: .8;
		margin-top: 3em;
	}


	.rareIco {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		font-size: 1.4em;
		background: #000 url("../img/location/rare_p.jpg") center center / cover no-repeat;
		margin-bottom: 1.8em;
		padding: 2em 1em 1.5em;
	}
	.rareIco::after {
		opacity: .6;
		content: "image photo";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		color: #FFF;
		padding: 3px;
		font-size: 1.2rem;
	}
	.rareIco .station strong {
		font-size: 1.2em;
	}
	.rareIco .station small.bl {
		display: inline-block;
	}
	.rareIco .num strong {
		display: block;
		line-height: 1;
		font-weight: 500;
		font-size: 2em;
		
		background: linear-gradient(to bottom, #c4a63c 0%, #e1ca78 35%, #f3e3ab 70%, #c4a63c 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.rareIco .num strong em {
		font-size: 2.2em;
		font-family: var(--site-fontFamily-en01);
		font-weight: 500;
	}
	.rareIco .num span {
		display: inline-block;
		color: rgba(var(--site-accentColor),1);
		background: #cee1e0;
		padding: 0 1.5em;
	}

@media print, screen and (min-width: 1050px) {
	.rareIco {
		flex-direction: row;
		align-items: center;
		column-gap: 60px;
		
		font-size: min(1.8vw, 1.8em);
	}
	.rareIco .station small.bl {
		display: block;
	}
	
	.rareCol {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 60px;
	}
}
















/* ------------------------------------------------------------------------
	pt-lifeinfo
------------------------------------------------------------------------ */
	/* ptTitle
	---------------------------------------------------- */
	.ptTitle {
		display: block;
		line-height: 1.4;
		font-size: 1.625em;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 1.5em;
	}
	.ptTitle .ttl {
		display: block;
	}
	.ptTitle .hWord {
		color: rgba(var(--site-themeColor),1);
		letter-spacing: 0.2em;
		font-family: var(--site-fontFamily);
		font-size: 0.6em;
	}
/* 色調整 */
@media screen and (max-width: 1049px) {
    .lifeinfoListBox .spec .time {
        color: #c36639;
    }
}

/*@media screen and (max-width: 419px) , screen and (min-width: 800px) and (max-width: 1049px) { {MinorBreakpoint} 複数指定 
	.lifeinfoListBox dd {position: relative;}
	.lifeinfoListBox dd::after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 6.5em;width: 0;height: calc(100% - 1em);margin: auto;border-right: 1px dashed #aaa;}
	.lifeinfoListBox .name {width: calc(100% - 6.5em);padding-right: 0.75em;}
	.lifeinfoListBox .spec {flex-wrap: wrap;justify-content: flex-start;width: 6.5em;text-align: left;padding-left: 0.75em;}
	.lifeinfoListBox .spec .dist,
	.lifeinfoListBox .spec .time {width: 5.5em;margin: 0.03em 0;}
	.lifeinfoListBox .spec .time {color: #8e7139;}
	.lifeinfoListBox .spec .separate {display: none;}
}*/




/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
@media print { /*{printOnly}*/
	.pt-tkAccess .trainmap img {
		width: 80%;
	}
	.stationUnit {
		color: #000;
		border: 1px solid #000;
	}
	.pt-rare {
		color: #000;
		border: solid #000;
		border-width: 1px 0;
	}
}




