@charset "utf-8";

.P-Button.access-btn{
	width: 30rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	#Access .Parts-editor img{
		max-width: 100%;
	}
	#Access #mCSB_2 table.table-w{
		width: 150rem !important;
	}

	.P-Button.access-btn{
		width: calc(100% - 10rem);
	}

}



/*-------------------------------
	公共交通機関（電車・路線バス）でお越しの場合
-------------------------------*/

.Access1 .box1,
.Access1_2 .P-Frame{
	display: block;
}



/*-------------------------------
	駐車場までのアクセス
-------------------------------*/

.Map__frame{
	width: 100%;
	margin-bottom: 3rem;
}
.Map iframe{
	width: 100%;
	height: 45rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Map__frame{
		margin-bottom: 5.5rem;
	}
	.Map iframe{
		height: 65rem;
	}

}



/*-------------------------------
	外国語サイト作成時
-------------------------------*/

/*----- 英語サイト */
body.-global.-en{

	.Access1_button{
		width: 43rem;
		max-width: 100%;
	}

}

/*----- 韓国語サイト */
body.-global.-ko{

	.Access1_button{
		width: 32rem;
		max-width: 100%;
	}

}

/*----- 中国語サイト */
body.-global.-cn{

	.Access1_button{
		width: 30rem;
		max-width: 100%;
	}

}

/*----- 台湾語サイト */
body.-global.-tw{

	.Access1_button{
		width: 30rem;
		max-width: 100%;
	}

}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	/*----- 英語サイト */
	body.-global.-en{

		.Access1_button{
			width: calc(100% - 10rem);
		}

	}

	/*----- 韓国語サイト */
	body.-global.-ko{

		.Access1_button{
			width: calc(100% - 10rem);
		}

	}

	/*----- 中国語サイト */
	body.-global.-cn{

		.Access1_button{
			width: calc(100% - 10rem);
		}

	}

	/*----- 台湾語サイト */
	body.-global.-tw{

		.Access1_button{
			width: calc(100% - 10rem);
		}

	}

}