@charset "UTF-8";
/*--------------------------------------------------
カラー設定
ブルー　　　　　　　    #0242B4
背景　　　　　        　#F0EEE7
オレンジ　　　　　　　　#F4A43B
ピンク　　　　　　　　　#F43BD2
メインブロック背景      #F7F7F6

グラデーション
background: linear-gradient(to right, rgba(255,254,246,0.30), rgba(238,255,232,0.30));

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

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

--------------------------------------------------*/


/*------------------------------------------
アクセス
------------------------------------------*/
/*アクセスflex*/
.city_map_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 40px;
}
/*市街地地図*/
.city_map {
	max-width: 420px;
}
.city_map img {
	width: 100%;
	vertical-align: top;
}
/*ホテル情報*/
.access_infomation {
	max-width: 280px;
	width: 100%;
}
.access_infomation .item {
	margin-bottom: 60px;
}
.access_infomation .title {
	display: inline-block;
	margin-bottom: 30px;
	padding: 20px;
	font-size: 17px;
	font-weight: 600;
	color: #0242B4;
	border: 1px solid #0242B4;
	
}
.access_infomation .address, .access_infomation .tel{
	padding-left: 10px;
	border-bottom: 1px dashed #C6C6C6;
}
.access_infomation .address p, .access_infomation .tel p {
	font-size: 12px;
	line-height: 1.5em;
}

/*アクセスマップ*/
.access_map{
	margin-top: 40px;
}
.access_map .img_block {
	max-width: 100%;
}
.access_map .img_block img {
	width: 100%;
	vertical-align: top;
}


/*-----------------------------------
シャトルバス運行について
*/
.shuttlebus, .other {
	margin-bottom: 40px;
	display: block;
	width: 100%;
	border-radius: 8px;
}
.shuttlebus {
	border: 3px solid #B5D7FF;
}
.other {
	border: 3px solid #D7EF99;
}
.shuttlebus_title, .other_title {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	padding: 10px;
	border-radius: 4px 4px 0 0;
}
.shuttlebus_title {
/*	background-color: #B5D7FF;*/
	background: repeating-linear-gradient(-45deg, #B5D7FF, #B5D7FF 5px, #C2DEFF 5px, #C2DEFF 10px);
}
.other_title {
/*	background-color: #D7EF99;*/
	background: repeating-linear-gradient(-45deg, #D7EF99, #D7EF99 5px, #E2EFC2 5px, #E2EFC2 10px);
}
.shuttlebus_title p, .other_title p {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}
.shuttlebus_contents {
	width: 100%;
	padding: 10px;
/*	background-color: white;*/
}

/*日付表示*/
.date {
	width: 100%;
	padding: 4px;
	background-color: #E9E9E9;
	
}
.date.first {
	border-left: 6px solid #007831;
}
.date.second {
	border-left: 6px solid #874700;
}
.date.fourth {
	border-left: 6px solid #A29500;
}
.date.fifth {
	border-left: 6px solid #0086A2;
}
.icon_block {
	display: flex;
	height: 36px;
	flex-wrap: nowrap;
	align-items: center;
}
.access_icon {
	margin-left: 10px;
	width: 20px;
	filter: brightness(0) saturate(100%) invert(16%) sepia(96%) saturate(5439%) hue-rotate(154deg) brightness(95%) contrast(101%);
}
.icon_block p {
	padding-left: 10px;
	font-size: 17px;
	font-weight: 600;
	color: #363636;
}
.caption {
	width: 100%;
	padding: 0 10px; 
	
}
.caption.first {
	background-color: #007831;
}
.caption.second {
	background-color: #874700;
}
.caption.therd {
	background-color: #1000B7;
}
.caption.fourth {
	background-color: #A29500;
}
.caption.fifth {
	background-color: #0086A2;
}
.caption p {
	margin: 0;
	padding: 2px 0;
	font-size: 15px;
	font-weight: 600;
	color: white;
}
/*中身*/
.inner, .inner_en {
	margin: 0;
	width: 100%;
	padding: 10px;
	background-color: white;
}
.inner_en {
	border-radius: 0 0 5px 5px;
}
.place {
	margin-bottom: 40px;
}
.place dt {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 10px;
	font-size: 13px;
	font-weight: 600;
}
.place.first dt {
	border: 1px solid #007831;
	color: #007831;
}
.place.second dt {
	border: 1px solid #874700;
	color: #874700;
}
.place.fourth dt {
	border: 1px solid #A29500;
	color: #A29500;
}
.place.fifth dt {
	border: 1px solid #0086A2;
	color: #0086A2;
}
.place dd {
	margin-left: 1em;
	font-weight: 600;
}

/*集合場所のMAP*/
.place_map {
	width: 100%;
	padding: 10px;
}
.place_map img {
	width: 100%;
	vertical-align: center;
}

/*その他の交通機関*/
.means dt {
	font-weight: 600;
}