@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:769px){
#reservation {
	display: inline-block;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 9999;
}
	.reservation_button {
		display: inline-block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		border: none;
		background-color: #043F60;
		box-shadow: 1px 1px 3px rgba(181, 188, 202, 0.7);
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		line-height: 100px;
		outline: none;
	}

#main {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}
	.main--slider {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #021c2a;
		z-index: 1;
	}

		.main--logo {
			width: 250px;
			height: auto;
			position: absolute;
			top: 47%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			z-index: 2;
		}

		.js-modal-btn {
			width: 80px;
			height: 80px;
			border-radius: 50%;
			background-color: rgba(255,255,255,0.3);
			border: none;
			outline: none;
			cursor: pointer;
			position: absolute;
			top: 65%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.js-modal-btn span {
				display: block;
				margin-left: 7px;
				border-top: 10px solid transparent;
				border-bottom: 10px solid transparent;
				border-left: 15px solid rgba(255,255,255,1.0);
			}
		.js-modal-btn:hover {
			background-color: rgba(255,255,255,0.0);
		}


		.slider {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 0;
		}
		.slider li {
			width: 100%;
			height: 100%;
		}
		.slider_img {
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.main_image-1 {
			background-image: url(../image/activity_image_1.jpg);
		}
		/*.main_image-2 {
			background-image: url(../image/activity_image_2.jpg);
		}*/
		.main_image-3 {
			background-image: url(../image/activity_image_3.jpg);
		}
		.main_image-4 {
			background-image: url(../image/activity_image_5.jpg);
		}
		/*.main_image-5 {
			background-image: url(../image/activity_image_6.jpg);
		}*/
		.main_image-6 {
			background-image: url(../image/activity_image_7.jpg);
		}
		.main_image-7 {
			background-image: url(../image/food_image_6.jpg);
		}
		.main_image-8 {
			background-image: url(../image/food_image_7.jpg);
		}

	.scroll {
		width: 100px;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0%);
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		z-index: 11;
	}
	.scroll .label {
		font-size: 13px;
		letter-spacing: 0.075em;
		color: #ffffff;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		font-style: normal;
	}
	.scroll .line {
		display: block;
		width: 1px;
		height: 70px;
		margin: auto;
		background-color: #ffffff;
	}

#about {
}
	#about h2 {
		float: right;
		height: 700px;
		margin-top: 60px;
		margin-right: 40px;
	    font-size: 52px;
		font-family: source-han-serif-japanese, serif;
		font-style: normal;
		font-weight: 400;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#about p {
		height: 900px;
		margin-top: 180px;
		margin-left: 150px;
		font-size: 16px;
		line-height: 2.9;
		letter-spacing: 0.25em;
		text-indent: 1em;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		float: left;
		font-family: source-han-serif-japanese, serif;
		font-weight: normal;
	}

#scene {
}
	.scene_image {
		width: 100%;
		height: 600px;
		margin-bottom: 50px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
	#scene .inner {

	}
		.scene_textbox{
			width: 870px;
		}
		.scene_inner_left {
			margin: auto auto 80px 0px;
		}
		.scene_inner_right {
			margin: auto 0px 80px auto;
		}
			#scene p {
				line-height: 2.6;
		margin-top: 30px;
			}

#starrysky {
}
	.starrysky_image {
		width: 100%;
		height: 600px;
		margin-bottom: 50px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
	#starrysky .inner {
	}
		.starrysky_textbox {
			margin: auto auto 220px 80px;
		}
			#starrysky p {
				line-height: 2.6;
		margin-top: 30px;
			}

#facility {
	width: calc(100% - 80px);
	padding: 160px 0px 0px;
	background-color: #f9f9f9;
}
	#guestroom {
		width: 100%;
	}
		.guestroom_image-1 {
			background-image: url(../image/guestroom_image_1.jpg);
		}
		.guestroom_image-2 {
			background-image: url(../image/guestroom_image_2.jpg);
		}
		.guestroom_image-3 {
			background-image: url(../image/guestroom_image_3.jpg);
		}
		.guestroom_image-4 {
			background-image: url(../image/guestroom_image_4.jpg);
		}
		/*.guestroom_image-5 {
			background-image: url(../image/guestroom_image_5.jpg);
		}
		.guestroom_image-6 {
			background-image: url(../image/guestroom_image_6.jpg);
		}*/
		.guestroom_image-7 {
			background-image: url(../image/guestroom_image_7.jpg);
		}
		/*.guestroom_image-8 {
			background-image: url(../image/guestroom_image_8.jpg);
		}
		.guestroom_image-9 {
			background-image: url(../image/guestroom_image_9.jpg);
		}*/

	#food {
		width: 100%;
	}
		.food_image-1 {
			background-image: url(../image/food_image_1.jpg);
		}
		.food_image-2 {
			background-image: url(../image/food_image_2.jpg);
		}
		.food_image-3 {
			background-image: url(../image/food_image_3.jpg);
		}
		.food_image-4 {
			background-image: url(../image/food_image_4.jpg);
		}
		/*.food_image-5 {
			background-image: url(../image/food_image_5.jpg);
		}*/
		.food_image-6 {
			background-image: url(../image/food_image_6.jpg);
		}
		.food_image-7 {
			background-image: url(../image/food_image_7.jpg);
		}
		.food_image-8 {
			background-image: url(../image/food_image_8.jpg);
		}

	#activity {
		width: 100%;
	}
		.activity_image-1 {
			background-image: url(../image/activity_image_1-1.jpg);
		}
		.activity_image-2 {
			background-image: url(../image/activity_image_2.jpg);
		}
		/*.activity_image-3 {
			background-image: url(../image/_activity_image_3.jpg);
		}*/
		.activity_image-4 {
			background-image: url(../image/activity_image_3.jpg);
		}
		/*.activity_image-5 {
			background-image: url(../image/activity_image_5.jpg);
		}
		.activity_image-6 {
			background-image: url(../image/activity_image_6.jpg);
		}*/
		.activity_image-7 {
			background-image: url(../image/activity_image_7.jpg);
		}
		.activity_image-8 {
			background-image: url(../image/activity_image_8.jpg);
		}

	.facility-image {
		width: 90%;
		height: 550px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
		#guestroom .facility-image {
			margin: auto -40px 80px auto;
		}
		#food .facility-image {
			margin: auto auto 80px -40px;
		}
		#activity .facility-image {
			margin: auto -40px 80px auto;
		}
			.facility-title {
				width: 150px;
				font-size: 42px;
				line-height: 1.0;
				text-align: center;
				position: absolute;
				top: 45%;
			}
				.facility-title span {
					font-size: 20px;
					letter-spacing: 0.0em;
				}
					#guestroom .facility-title {
						left: 0;
						margin-left: -75px;
					}
					#food .facility-title {
						right: 0;
						margin-right: -75px;
					}
					#activity .facility-title {
						left: 0;
						margin-left: -75px;
					}
	.facility_textbox {
		width: 100%;
		margin-bottom: 110px;
	}
		.facility_textbox h4 {
			margin-bottom: 30px;
		}
		.facility_textbox p {
			text-align: justify;
			line-height: 2.2;
			letter-spacing: 0.075em;
		}
			.facility_textbox_note {
				font-size: 12px;
			}

#confirmation {
	width: 100%;
	padding-top: 50px;
}
	#search-bar-container {
		width: 830px;
		margin: auto auto 40px;
	}
		.search-widget-input-wrapper-eaf5bf {
			margin: auto auto auto !important;
		}

#access {
	padding-top: 50px;
}
	.address {
		margin-bottom: 30px;
		font-size: 22px;
		line-height: 1.7;
	}
	.address a {
		text-decoration: underline;
		color: #021c2a;
	}
	.street_address {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.time-required {
		display: inline-block;
		margin-bottom: 30px;
		padding: 5px 15px;
		background-color: #313131;
		border-radius: 3px;
		font-size: 16px;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		color: #ffffff;
	}
	.ferry {
		margin-bottom: 40px;
		line-height: 1.8;
	}
		.ferry_link {
			color: #021c2a;
			text-decoration: underline;
		}
	.access-image {
		width: 100%;
		margin-bottom: 90px;
	}
		.access-image img {
			width: 100%;
		}
	.departure {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.route {
		width: 100%;
		height: 500px;
		margin-bottom: 80px;
	}
		.route ul {
			width: 100%;
			height: 100%;
			list-style: none;
			display: flex;
			justify-content: space-between;
			font-size: 18px;
			font-family: source-han-serif-japanese, serif;
			font-weight: 300;
			letter-spacing: 0.1em;
		}
			.route ul li {
				display: inline-block;
				height: 100%;
				text-align: center;
				margin: auto 0px;
			}
				.route ul li p {
					box-sizing: border-box;
					-webkit-writing-mode: vertical-rl;
					-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
				}
					.route ul li p span {
						font-size: 13px;
					}
				.route ul li:nth-child(2n-0) p:before {
					content: "↑";
					display: inline-block;
				}
			.other-route ul li:nth-child(2n-1) {
				width: 90px;
				text-orientation: upright;
				-webkit-text-orientation: upright;
			}
				.other-route ul li:nth-child(2n-1) p {
					width: 90px;
					height: 100%;
					line-height: 90px;
					border: solid 1px #dcdcdc;
				}
			.other-route ul li:nth-child(2n-0) {
				width: 60px;
			}
				.other-route ul li:nth-child(2n-0) p {
					width: 60px;
					height: 100%;
					line-height: 60px;
					position: relative;
				}
				.other-route ul li:nth-child(2n-0) p span {
					text-orientation: upright;
					-webkit-text-orientation: upright;
					font-size: 10px;
					position: absolute;
					top: 52%;
					left: -1.5px;
				}

			.fuk-route ul li:nth-child(2n-1) {
				width: 150px;
				text-orientation: upright;
				-webkit-text-orientation: upright;
			}
				.fuk-route ul li:nth-child(2n-1) p {
					width: 150px;
					height: 100%;
					line-height: 150px;
					border: solid 1px #dcdcdc;
				}
			.fuk-route ul li:nth-child(2n-0) {
				width: 60px;
			}
				.fuk-route ul li:nth-child(2n-0) p {
					width: 60px;
					height: 100%;
					line-height: 60px;
					font-size: 18px;
					position: relative;
				}
				.fuk-route ul li:nth-child(2n-0) p span {
					text-orientation: upright;
					-webkit-text-orientation: upright;
					font-size: 10px;
					position: absolute;
					top: 52%;
					left: -1.5px;
				}
			.route ul li:last-child p {
				border: solid 1px #f9f9f9;
				background-color: #f9f9f9;
			}

#instagram {
	width: 100%;
}
	.instagram-list {
		width: 100%;
		margin-bottom: 80px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.instagram-list:after {
		content: '';
		display: block;
		width: 20%;
		height: 0;
	}
		.instagram-item {
			width: 20%;
			position: relative;
		}
		.instagram-item:before {
			content: '';
			display: block;
			padding-top: 100%;
		}
			.instagram-item img {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				object-fit: cover;
			}

footer {
	width: 100%;
	margin-top: 80px;
}
	#whatis {
		width: 1000px;
		padding: 50px 0;
		margin: 0 auto 80px;
		display: flex;
		justify-content: space-between;
		border-top: 1px dotted #dedede;
		border-bottom: 1px dotted #dedede;
	}
		.logo_whatis {
			width: 300px;
			position: relative;
		}
		.logo_whatis img {
			width: 60%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
		}
		.text_whatis {
			width: 700px;
			padding: 0 20px;
			box-sizing: border-box;
		}
			.text_whatis p {
				font-size: 14px;
				line-height: 1.8;
			}
	.copy {
		width: 100%;
		padding-bottom: 50px;
		margin: auto;
		text-align: center;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		font-style: normal;
		font-size: 11px;
	}
	.copy a{
		width: 100%;
		padding-bottom: 50px;
		margin: auto;
		text-align: center;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		font-style: normal;
		font-size: 11px;
		color: #333;
	}
	.copy a:hover{
		text-decoration: underline;
	}
.ef {
	opacity: 0;
}
.ftwrap{display: flex;}

.yakkanBox{width: 840px; margin: 100px auto ; font-family: source-han-serif-japanese, serif;}
	.yakkanBox h1{font-size: 28px; margin-bottom: 60px; text-align: center}
	.yakkanBox_in{width: 840px; margin: 0 auto 40px;}
	.yakkanBox_in h2{font-size: 20px; margin-bottom: 15px; border-bottom: 1px solid #dedede; padding-bottom: 15px;}
	.yakkanBox_in p{font-size: 14px; line-height: 2em;}
.back_btn{width: 300px; background-color: #043F60; height: 50px; text-align: center; line-height: 50px; border-radius: 3px; margin: 0 auto;}
	.back_btn a{color: #fff; font-weight: 600;}
	.present_link{width: 100%; border-radius: 100px; background-color: #FF7975; display: block; text-align: center; height: 50px; line-height: 50px; margin-top: 10px;}
	.present_link a{color: #fff; font-size: 18px; font-weight: 600;}
.example-image-link{position: fixed; top: 0; left:0; width: 300px; height:80px; line-height: 80px; text-align: center; color: #fff; font-weight: 600;
	background: linear-gradient(135deg, #FF7975, #FFD800);
	background-size: 200% 200%;
	-webkit-animation: gradation 4s ease infinite;
	animation: gradation 4s ease infinite;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
	z-index: 99;
	border-radius: 0 0 10px 0}
	/*addkimura_0921*/
	.instagram-title{width:920px; text-align: center; margin: 0 auto 50px;}
	.instgaram{width: 920px !important; margin: 0 auto;}
		.instgaram img{width: 100%}

}
/* SP ================================================== */
@media all and (max-width:768px){
#reservation {
	display: inline-block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}
	.reservation_button {
		display: inline-block;
		width: 75px;
		height: 75px;
		border: none;
		border-radius: 50%;
		background-color: #043F60;
		box-shadow: 1px 1px 3px rgba(181, 188, 202, 0.7);
		font-size: 11px;
		color: #ffffff;
		text-align: center;
		line-height: 74px;
		outline: none;
	}

#main { 
	width: 100%;
	height: 450px;
	padding: 0px 0px !important;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	position: relative;
}
	.main--slider {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #021c2a;
		z-index: 1;
	}

		.main--logo {
			width: 140px;
			height: auto;
			position: absolute;
			top: 47%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			z-index: 2;
		}
		.js-modal-btn {
			width: 45px;
			height: 45px;
			border-radius: 50%;
			background-color: rgba(255,255,255,0.3);
			border: none;
			outline: none;
			cursor: pointer;
			position: absolute;
			top: 68%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.js-modal-btn span {
				display: block;
				margin-left: 7px;
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				border-left: 13px solid rgba(255,255,255,0.6);
			}
		.js-modal-btn:hover {
			background-color: rgba(255,255,255,0.0);
		}

	.slider {
		width: 100%;
		height: 100%;
	}
	.slider li {
		width: 100%;
		height: 100%;
	}
	.slider_img {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
		.main_image-1 {
			background-image: url(../image/activity_image_1_sp.jpg);
		}
		/*.main_image-2 {
			background-image: url(../image/activity_image_2_sp.jpg);
		}*/
		.main_image-3 {
			background-image: url(../image/activity_image_3_sp.jpg);
		}
		.main_image-4 {
			background-image: url(../image/activity_image_5_sp.jpg);
		}
		/*.main_image-5 {
			background-image: url(../image/activity_image_6_sp.jpg);
		}*/
		.main_image-6 {
			background-image: url(../image/activity_image_7_sp.jpg);
		}
		.main_image-7 {
			background-image: url(../image/food_image_6_sp.jpg);
		}
		.main_image-8 {
			background-image: url(../image/food_image_7_sp.jpg);
		}

	.scroll {
		display: none;
	}

#about {
	padding: 0px 0px 30px;
	margin: auto;
}
	#about .inner {
	}
	#about h2 {
		margin: 40px auto;
		text-align: center;
		font-size: 32px;
		font-family: source-han-serif-japanese, serif;
		font-style: normal;
		font-weight: 400;
	}
	#about p {
		margin: auto auto 10px;
		font-size: 12px;
		line-height: 1.9;
		letter-spacing: 0.075em;
		font-family: source-han-serif-japanese, serif;
		font-weight: 400;
	}

#scene {
}
	.scene_image {
		width: 100%;
		height: 200px;
		margin-bottom: 30px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
	#scene .inner {
	}
		.scene_textbox{
		}
		.scene_inner_left {
			margin-bottom: 40px;
		}
		.scene_inner_right {
		}
			#scene p {
			}

#starrysky {
}
	.starrysky_image {
		width: 100%;
		height: 200px;
		margin-bottom: 30px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
	#starrysky .inner {
		width: 84%;
		margin: auto;
	}
		.starrysky_textbox {
		}
			#starrysky p {
			}

#facility {
	width: calc(100% - 50px);
	padding: 80px 0px 0px;
	background-color: #f9f9f9;
}
	#guestroom {
		width: 100%;
	}
		.guestroom_image-1 {
			background-image: url(../image/guestroom_image_1_sp.jpg);
		}
		.guestroom_image-2 {
			background-image: url(../image/guestroom_image_2_sp.jpg);
		}
		.guestroom_image-3 {
			background-image: url(../image/guestroom_image_3_sp.jpg);
		}
		.guestroom_image-4 {
			background-image: url(../image/guestroom_image_4_sp.jpg);
		}
		/*.guestroom_image-5 {
			background-image: url(../image/guestroom_image_5_sp.jpg);
		}
		.guestroom_image-6 {
			background-image: url(../image/guestroom_image_6_sp.jpg);
		}*/
		.guestroom_image-7 {
			background-image: url(../image/guestroom_image_7_sp.jpg);
		}
		/*.guestroom_image-8 {
			background-image: url(../image/guestroom_image_8_sp.jpg);
		}
		.guestroom_image-9 {
			background-image: url(../image/guestroom_image_9_sp.jpg);
		}*/

	#food {
		width: 100%;
	}
		.food_image-1 {
			background-image: url(../image/food_image_1_sp.jpg);
		}
		.food_image-2 {
			background-image: url(../image/food_image_2_sp.jpg);
		}
		.food_image-3 {
			background-image: url(../image/food_image_3_sp.jpg);
		}
		.food_image-4 {
			background-image: url(../image/food_image_4_sp.jpg);
		}
		/*.food_image-5 {
			background-image: url(../image/food_image_5_sp.jpg);
		}*/
		.food_image-6 {
			background-image: url(../image/food_image_6_sp.jpg);
		}
		.food_image-7 {
			background-image: url(../image/food_image_7_sp.jpg);
		}
		.food_image-8 {
			background-image: url(../image/food_image_8_sp.jpg);
		}

	#activity {
		width: 100%;
	}
		.activity_image-1 {
			background-image: url(../image/activity_image_1-1.jpg);
		}
		.activity_image-2 {
			background-image: url(../image/activity_image_2_sp.jpg);
		}
		/*.activity_image-3 {
			background-image: url(../image/_activity_image_3_sp.jpg);
		}*/
		.activity_image-4 {
			background-image: url(../image/activity_image_3.jpg);
		}
		/*.activity_image-5 {
			background-image: url(../image/activity_image_5_sp.jpg);
		}
		.activity_image-6 {
			background-image: url(../image/activity_image_6_sp.jpg);
		}*/
		.activity_image-7 {
			background-image: url(../image/activity_image_7_sp.jpg);
		}
		.activity_image-8 {
			background-image: url(../image/activity_image_8_sp.jpg);
		}

	.facility-image {
		width: 90%;
		height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
		#guestroom .facility-image {
			margin: auto -25px 40px auto;
		}
		#food .facility-image {
			margin: auto auto 40px -25px;
		}
		#activity .facility-image {
			margin: auto -25px 40px auto;
		}
			.facility-title {
				width: 100px;
				font-size: 24px;
				line-height: 1.2;
				text-align: center;
				position: absolute;
				top: 35%;
			}
				.facility-title span {
					font-size: 14px;
					letter-spacing: 0.0em;
				}
					#guestroom .facility-title {
						left: 0;
						margin-left: -50px;
					}
					#food .facility-title {
						right: 0;
						margin-right: -50px;
					}
					#activity .facility-title {
						left: 0;
						margin-left: -50px;
					}
	.facility_textbox {
		width: 100%;
		margin: auto auto 50px;
	}
		.facility_textbox h4 {
			margin-bottom: 22px;
		}
		.facility_textbox p {
			letter-spacing: 0.075em;
			text-align: justify;
		}
			.facility_textbox_note {
				font-size: 10px;
			}
	.wave-box {
		width: 100%;
		height: 40px;
		overflow: hidden;
		position: relative;
	}

#confirmation {
}
	#search-bar-container {
		width: 100%;
		margin: auto auto;
		padding: 0px 0px 40px;
	}
	.search-widget-input-wrapper-eaf5bf {
		padding-top: 10px;
		margin: auto auto 20px;
	}

#access {
}
	#access .inner {
		text-align: center;
	}
	.address {
		margin: auto auto 30px;
		font-size: 18px;
		line-height: 1.7;
	}
	.address a {
		text-decoration: underline;
		color: #021c2a;
	}
	.street_address {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.time-required {
		display: inline-block;
		width: 100%;
		margin: auto auto 15px;
		padding: 5px 15px;
		box-sizing: border-box;
		background-color: #313131;
		border-radius: 3px;
		font-size: 14px;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		color: #ffffff;
	}
	.ferry {
		margin-bottom: 20px;
	}
		.ferry_link {
			color: #021c2a;
			text-decoration: underline;
		}
	.access-image {
		width: 100%;
		margin-bottom: 40px;
	}
		.access-image img {
			width: 100%;
		}
	.departure {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.route {
		width: 100%;
		height: auto;
		margin: auto auto 80px;
	}
		.route ul {
			width: 100%;
			height: auto;
			list-style: none;
			font-size: 16px;
			font-family: source-han-serif-japanese, serif;
			font-weight: 300;
			letter-spacing: 0.1em;
		}
			.route ul li {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: auto 0px;
			}
				.route ul li p {
					box-sizing: border-box;
					text-align: center;
				}
					.route ul li p span {
						font-size: 11px;
					}
			.route ul li:nth-child(2n-1) {
				width: 100%;
				height: 70px;
			}
				.route ul li:nth-child(2n-1) p {
					width: 100%;
					height: 70px;
					line-height: 70px;
					border: solid 1px #dcdcdc;
					text-orientation: upright;
				}
			.route ul li:nth-child(2n-0) {
				width: 100%;
				height: 37px;
			}
				.route ul li:nth-child(2n-0) p {
					width: 100%;
					height: 37px;
					line-height: 37px;
					position: relative;
				}
				.route ul li:nth-child(2n-0) p:before {
					content: "↓";
					display: inline-block;
				}
				.route ul li:nth-child(2n-0) p span {
					text-orientation: upright;
					-webkit-text-orientation: upright;
					font-size: 10px;
					text-align: left;
					line-height: 1.5;
					position: absolute;
					top: 50%;
					left: 53%;
					transform: translate(0%,-50%);
					-webkit-transform: translate(0%,-50%);
				}
			.route ul li:last-child p {
				border: solid 1px #f9f9f9;
				background-color: #f9f9f9;
			}

#instagram {
	width: 100%;
}
	.instagram-list {
		width: 100%;
		margin-bottom: 80px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.instagram-list:after {
		content: '';
		display: block;
		width: 33.33333%;
		height: 0;
	}
		.instagram-item {
			width: 33.33333%;
			position: relative;
		}
		.instagram-item:before {
			content: '';
			display: block;
			padding-top: 100%;
		}
			.instagram-item img {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				object-fit: cover;
			}

footer {
	width: 100%;
}
	#whatis {
		width: 84%;
		padding: 0 0 30px;
		margin: auto auto 40px;
		border-top: dotted 1px #dedede;
		border-bottom: dotted 1px #dedede;
	}
		.logo_whatis {
			width: 100%;
			height: 250px;
			position: relative;
		}
		.logo_whatis img {
			width: 55%;
			height: auto;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
		}
		.text_whatis {
			width: 100%;
			padding: 0;
			box-sizing: border-box;
		}
	.copy {
		width: 100%;
		padding-bottom: 30px;
		margin: auto;
		text-align: center;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		font-style: normal;
		font-size: 11px;
		text-decoration: underline
	}
.ef {
	opacity: 0;
}
	.copy a{
		width: 100%;
		padding-bottom: 50px;
		margin: auto;
		text-align: center;
		font-family: source-han-serif-japanese, serif;
		font-weight: 300;
		font-style: normal;
		font-size: 14px;
		color: #333;
		text-decoration: underline
	}
.ef {
	opacity: 0;
}
.ftwrap{display: block;}

.yakkanBox{width: 90%; margin: 60px auto ; font-family: source-han-serif-japanese, serif;}
	.yakkanBox h1{font-size: 24px; margin-bottom: 40px;}
	.yakkanBox_in{width: 100%; margin: 0 auto 30px;}
	.yakkanBox_in h2{font-size: 18px; margin-bottom: 10px; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
	.yakkanBox_in p{font-size: 14px; line-height: 1.7em;}
.back_btn{width: 100%; background-color: #043F60; height: 50px; text-align: center; line-height: 50px; border-radius: 3px;}
	.back_btn a{color: #fff; font-weight: 600;}
	.present_link{width: 100%; border-radius: 100px; background-color: #FF7975; display: block; text-align: center; height: 50px; line-height: 44px; margin-top: 10px;}
	.present_link a{color: #fff; font-size: 18px; font-weight: 600;}
	.example-image-link{position: fixed; bottom: 0; left:0; width: 100%; height:55px;  line-height: 55px; text-align: center; color: #fff; font-weight: 600;
			background: linear-gradient(135deg, #FF7975, #FFD800);
	background-size: 200% 200%;
	-webkit-animation: gradation 4s ease infinite;
	animation: gradation 4s ease infinite;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
	z-index: 99;
	}
	}
	.instagram-title{width:90%; text-align: center; margin: 0 auto 20px;}
	.instgaram{width: 90%; margin: 0 auto;}
		.instgaram img{width: 100%}

}