@charset "utf-8";

/*

************************************************************************

 アクセス

************************************************************************

*/

.access

{

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

	align-content: flex-start;

	

	margin:-1em;

}

.access > .map

{

	margin:1em;

	flex:0 0 calc(50% - 2em);

}

.access > .map > iframe

{

	width:100%;

	height:450px;

}

.access > .directions

{

	margin:1em;

	flex:0 0 calc(50% - 2em);

	align-self: center;

}

.access > .directions > .title

{

	padding-bottom:0.5em;

	margin-bottom:0.5em;

	border-bottom:1px solid var(--body-icon-color);

}

.access > .directions > .title > .main

{

	font-size:1.5em;

	font-weight:bold;

}

.access > .directions > .address

{

	margin-bottom:1em;

}

.access > .directions > .method

{

	margin-bottom:1.5em;

}

.access > .directions > .method > .method-item

{

	margin-bottom:1.0em;

}

.access > .directions > .method > .method-item > .method-item-title

{

	line-height:1;

	display: inline-flex;

	align-items: center;

	align-content: flex-start;

}

.access > .directions > .method > .method-item > .method-item-title > i

{

	color:var(--body-icon-color);

	margin-right:0.25em;

	font-size:1.8em !important;

}

.access > .directions > .method > .method-item > .method-item-title > .main

{

	font-size:1.2em !important;

}

.access > .directions > .method > .method-item > .method-item-prop







/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

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

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

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

	.access > .map

	{

		flex:0 0 calc(100% - 2em);

	}

	.access > .map > iframe

	{

		height:100vw;

	}

	.access > .directions

	{

		flex:0 0 calc(100% - 2em);

	}

}