.device-pc{
	display: block;
}
.device-pc-inline{
	display: inline-block;
}
.device-sp{
	display: none;
}
.device-sp-inline{
	display: none;
}





/* --------------------------------------------------------------------------------
アクセス
※PC用
-------------------------------------------------------------------------------- */
#access{
	max-width: 980px;
	margin: 0 auto;	
}





/*アンカーリンク
-------------------------------------------------------------------------------- */
#access .a-link {	
	margin: 100px 0 85px 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
#access .a-link ul{
	display: flex;
	justify-content: space-between;
}
#access .a-link ul li{
	position: relative;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	color: #000000 !important;
	background: #fff;/*背景色*/
	border: 1px solid #b37b62;
	border-radius: 25px;/*角の丸み*/

	width: 320px;
	font-size:18px;
	box-sizing: border-box;
}
#access .a-link ul li a{
	display: block;
}





/*タイトル
-------------------------------------------------------------------------------- */
#access .a-ttl h2{
	text-align: center;
	position: relative;
	font-size: 22px;
	font-weight: 700;
	padding-top:70px;
	margin-bottom: 87px;
}
/*下線*/
#access .a-ttl h2:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	display: inline-block;
	width: 30px;
	height: 2px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}	




/*車でお越しのお客様
-------------------------------------------------------------------------------- */
#access #car{
	margin-bottom: 100px;
}
/*空港からお越しのお客様
-------------------------------------------------------------------------------- */
#access #public{
	margin-bottom: 100px;
}
/*空港からお越しのお客様
-------------------------------------------------------------------------------- */
#access #airport{
	margin-bottom: 132px;
}



/* ルート
-------------------------------------------------------------------------------- */
#access h3{
	font-size: 20px;
	font-weight: 700;
	background: #fff;
	padding: 15px 0 15px 23px;
	border-left: 5px solid #007bbb;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.2);
	margin-bottom: 52px;
}
#access h4{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 45px;
}
#access .route ul{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 28px;
}
#access .route ul li {
	margin-bottom: 52px;
	font-size: 16px;
	text-align: center;
}
#access .route ul li:nth-child(odd){
	padding: 22px 0;
	width: 15%;
	color: #fff;
	line-height: 1.5;
}
#access .route ul li.txt2{
	padding: 10px 0;
	width: 15%;
	color: #fff;
	line-height: 1.5;
}
#access .route ul li:nth-child(even){
	position: relative;
	width: 27.4%;
	line-height: 2;
}
/*矢印*/
#access .route ul li:nth-child(even):before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
}
#access .route ul li:nth-child(even):after {
	position: absolute;
	content: '';
	top: 42.4%;
	right: 1px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
}
#access .route ul li:nth-child(odd),
#access .route ul li:nth-child(even):before {
	background-color: #0a284e;
	border-radius: 6px;
}
#access .route ul li:last-child {
	background-color: #1d76bb;
	border-radius: 6px;
}
#access .route ul li:nth-child(even):after {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}




/*グーグルマップ リンクボタン
-------------------------------------------------------------------------------- */
#access .btn-map{	
	max-width: 215px;
	height: 25px;
	margin: 0 auto 92px auto;
	
}
#access .btn-map a{
	font-family:'メイリオ', 'Meiryo', sans-serif;
	display: block;
	font-size: 16px;
	text-align:center;
	color: #FFF !important;
	padding: 15px 0;
	background: #a0563b;
	border-radius: 15px;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}



/*らくらく伊勢もうで
-------------------------------------------------------------------------------- */
#access .access_note{
	max-width: 580px;
	margin: 0 auto;
	font-size: 0.9em;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 1.5;
}
#access .access_note .txt-box{
	border: 2px solid #192f60;
	border-radius: 10px;
	padding: 1em;
	margin-bottom: 2em;
	margin-top: 5em;	
}
#access .access_note .txt-box span{
	text-decoration: underline;
	font-weight: 700;
}
#access .access_note .txt a{
	font-weight: bold;
	border-top: solid 1px #192f60;
	border-bottom: solid 1px #192f60;
}
#access .access_note .bnr-raku{
	margin: 7px 0;
}
#access .access_note h5{
	padding: 2.8em 0;
}
#access .access_note .a-map{
	max-width: 500px;
	margin: 0 auto;
}
#access .access_note .a-map img{
	max-width: 500px;
}




/*（乗換案内）お問い合わせ
-------------------------------------------------------------------------------- */
#access .btn-annai{	
	width: 215px;
	height: 25px;
	margin: 0 auto 84px auto;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
#access .btn-annai a{
	font-family:'メイリオ', 'Meiryo', sans-serif;
	display: block;
	font-size: 16px;
	text-align:center;
	color: #FFF !important;
	padding: 15px 0;
	background: #a0563b;
	border-radius: 15px;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
#access .b-box{
	max-width: 580px;
	margin: 0 auto;
	font-size: 0.9em;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 2;
	border: 1px solid #666;
	border-radius: 30px;
	padding: 2em;
	margin-top: 2em;
	box-sizing: border-box;
}
#access .b-box h5{
	text-align: center;
	font-weight: 400;
	padding-bottom: 2em;
	white-space: pre;
}





/*周辺マップ
-------------------------------------------------------------------------------- */
#access #around{
	margin-bottom: 50px;
}
#access .around-map{
	max-width: 500px;
	margin: 0 auto 28px auto;
}
#access .around-map img{
	max-width: 500px;
}

#access .add-box{
	max-width: 580px;
	margin: 0 auto 27px auto;
	line-height: 1.7;
}
#access #around .btn-map{
	margin: 0 auto 43px auto!important;
}
#access #around .b-box{
	line-height: 1.5!important;
}
#access #around .b-box h5{
	font-weight: 700!important;	
}






/* --------------------------------------------------------------------------------
アクセス
※SP用
-------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {


	#access{
		padding: 0 4.7vw;
	}


	/*アンカーリンク
	-------------------------------------------------------------------------------- */
	#access .a-link {	
		font-family:'メイリオ', 'Meiryo', sans-serif;
	}
	#access .a-link ul{
		width: 90vw;
		margin: 7vw auto 28vw auto;
		display: flex;
		flex-direction: column;
	}
	#access .a-link ul li{
		position: relative;
		display: inline-block;
		padding: 3vw 0;
		text-align: center;
		text-decoration: none;
		color: #000000 !important;
		background: #fff;/*背景色*/
		border: 1px solid #b37b62;
		border-radius: 25px;/*角の丸み*/
	
		width: 100%;
		font-size:4.8vw;
		box-sizing: border-box;
		margin-bottom: 3vw;
	}
	#access .a-link ul li a{
		display: block;
	}





	/*タイトル
	-------------------------------------------------------------------------------- */
	#access .a-ttl h2{
		text-align: center;
		position: relative;
		font-size: 6vw;
		font-weight: 700;
		margin: 0 0 17vw 0;
	}
	/*下線*/
	#access .a-ttl h2:after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		display: inline-block;
		width: 7vw;
		height: 2px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
		border-radius: 2px;
	}	



	/*車でお越しのお客様
	-------------------------------------------------------------------------------- */
	#access #car{
		margin-bottom: 33vw;
	}
	/*空港からお越しのお客様
	-------------------------------------------------------------------------------- */
	#access #public{
		margin-bottom: 33vw;;
	}
	/*空港からお越しのお客様
	-------------------------------------------------------------------------------- */
	#access #airport{
		margin-bottom: 50vw;
	}



	/* ルート
	-------------------------------------------------------------------------------- */
	#access h3{
		font-size: 5.2vw;
		font-weight: 700;
		background: #fff;
		padding: 4vw 3vw;
		border-left: 5px solid #007bbb;
		box-shadow: 0px 6px 4px -5px rgba(0,0,0,0.2);
		margin-bottom: 8vw;
	}

	/*オープンクローズ*/
	#access h3::after {
		content: "";
		background: url("./img/guide/icon-plus.png")no-repeat;
		background-size: 100%;
		width: 5vw;
		height: 5vw;
		display: block;
		float: right;
	}
	#access h3.active::after {
		content: "";
		background: url("./img/guide/icon-minus.png") no-repeat;
		background-size: 100%;
		width: 5vw;
		height: 5vw;
		display: block;
		float: right;
	}
	#access .content-inner{
		display: none;
		margin: 0 0 8vw;
	}
	#access .content-inner.active{
		display: block;
	}



	#access h4{
		font-size: 4.2vw;
		font-weight: 700;
		margin-bottom:7vw;
	}
	#access .route ul{
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 17vw;
	}
	#access .route ul li {
		font-size: 4.2vw;
		text-align: center;
		margin-bottom:0;
	}
	#access .route ul li:nth-child(odd){
		padding: 4vw 0;
		width: 100%;
		color: #fff;
	}
	#access .route ul li:nth-child(even){
		position: relative;
		padding: 4vw 0;
		width: 100%;
		line-height: 1.5;
	}
	/*矢印*/
	#access .route ul li:nth-child(even):before {
		position: absolute;
		content: '';
		top: 0;
		left: 20px;
		width: 1px;
		height: 100%;
	}
	#access .route ul li:nth-child(even):after {
		position: absolute;
		content: '';
		top: auto;
		left: 16px;
		right: auto;
		bottom: 0;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
	}
	#access .route ul li:nth-child(odd),
	#access .route ul li:nth-child(even):before {
		background-color: #0a284e;
		border-radius: 6px;
	}
	#access .route ul li:last-child {
		background-color: #1d76bb;
		border-radius: 6px;
	}
	#access .route ul li:nth-child(even):after {
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
	}




	/*グーグルマップ リンクボタン
	-------------------------------------------------------------------------------- */
	#access .btn-map{	
		width: 55vw;
		height: 25px;
		margin: 18vw auto;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}
	#access .btn-map a{
		font-family:'メイリオ', 'Meiryo', sans-serif;
		display: block;
		font-size: 1em;
		text-align:center;
		color: #FFF !important;
		padding: 15px 0;
		background: #a0563b;
		border-radius: 15px;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}



	/*らくらく伊勢もうで
	-------------------------------------------------------------------------------- */
	#access .access_note{
		font-size: 0.9em;
		font-family:'メイリオ', 'Meiryo', sans-serif;
		line-height: 1.5;
	}
	#access .access_note .txt-box{
		border: 2px solid #192f60;
		border-radius: 10px;
		padding: 1em;
		margin-bottom: 2em;
		margin-top: 5em;	
	}
	#access .access_note .txt-box span{
		text-decoration: underline;
		font-weight: 700;
	}
	#access .access_note .txt a{
		font-weight: bold;
		border-top: solid 1px #192f60;
		border-bottom: solid 1px #192f60;
	}
	#access .access_note .bnr-raku{
		margin: 5vw 0;
	}
	#access .access_note .bnr-raku img{
		width:100%;
	}
	#access .access_note h5{
		padding: 2.8em 0;
	}
	#access .access_note .a-map img{
		width:100%;
	}




	/*（乗換案内）お問い合わせ
	-------------------------------------------------------------------------------- */
	#access .btn-annai{	
		width: 55vw;
		height: 25px;
		margin: 18vw auto;	
	}
	#access .btn-annai a{
		font-family:'メイリオ', 'Meiryo', sans-serif;
		display: block;
		font-size: 1em;
		text-align:center;
		color: #FFF !important;
		padding: 15px 0;
		background: #a0563b;
		border-radius: 15px;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}
	#access .b-box{
		margin: 0 auto;
		font-size: 0.9em;
		font-family:'メイリオ', 'Meiryo', sans-serif;
		line-height: 2;
		border: 1px solid #666;
		border-radius: 30px;
		padding: 2em;
		margin-top: 2em;
		box-sizing: border-box;
	}
	#access .b-box h5{
		text-align: center;
		font-weight: 400;
		padding-bottom: 2em;
		white-space: pre;
	}





	/*周辺マップ
	-------------------------------------------------------------------------------- */
	#access #around{
		margin-bottom: 50px;
	}
	#access .around-map{
		margin: 0 auto 28px auto;
	}
	#access .around-map img{
		width:100%;
	}

	#access .add-box{
		margin: 0 auto 27px auto;
		line-height: 1.7;
	}
	#access #around .btn-map{
		margin: 0 auto 43px auto!important;
	}
	#access #around .b-box{
		line-height: 1.5!important;
	}
	#access #around .b-box h5{
		font-weight: 700!important;	
	}


}