@charset 'utf-8';

@import url('vegas.min.css');

header img,
article img,
footer img{
	max-width: 100%;
	height: auto;
}
.menu-wrap.copy{
	display: none !important;
}

/* ------ Icon ------ */
.i_bg i{
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* ------ Loading ------ */
@-webkit-keyframes load_logo{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes load_logo{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
#preloader{
	position: fixed;
	z-index: 99998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        align-items: center;
	-webkit-align-items: center;
	width: 100%;
	height: 100vh;
	background-color: #0076a9;
}
.loader_logo{
	position: absolute;
	z-index: 2;
	bottom: 329.5px;
	right: 0;
	left: 0;
	width: 371px;
	margin: 0 auto;
	-webkit-animation: load_logo 2s linear both;
	        animation: load_logo 2s linear both;
	opacity: 0;
	margin-bottom: 0;
}
.loader_logo i.i_logo01{
	width: 100%;
}
.loader_logo i.i_logo01:before{
	background-color: #fff462;
}
@media print, screen and (max-width: 1000px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	.loader_logo{
		top: 50vh;
		bottom: unset;
		margin: -100px auto 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media only screen and (max-width:750px){
	.loader_logo{
		top: 33.067vmin;
		bottom: unset;
		width: 82.933vmin;
		right: -6.4vmin;
		margin-bottom: 0;
	}
}


/* ------ Slider ------ */
.slick-slider{
	position: relative;
	z-index: 1;
	display: block;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	 -khtml-user-select: none;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
}
.slick-slide{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: auto;
	min-height: 1px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	outline: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
}
.slick-slide img{
	display: block;
	width: 100%;
	height: auto;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
}
.slick-dots{
	line-height: 1em;
	display: block;
	width: 100%;
	margin: 40px auto 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 26px;
	height: 26px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:before{
	font-size: 26px;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	content: '';
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #b3b3b3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before{
	background-color: #3887c7;
}
.slick-arrow.slick-hidden{
	display: none;
}
.slick-prev:hover,
.slick-next:hover{
	color: transparent;
	outline: none;
}
.slick-prev:hover:before,
.slick-next:hover:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: 0.25;
}
.slick-next{
	right: -3rem;
}
.slick-prev{
	left: -3rem;
}
.slick-next,
.slick-prev {
	position: absolute;
	z-index: 1;
	top: 50%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width: 6rem;
	height: 6rem;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-color: transparent;
	-webkit-transform: translateY(-50%) scale(1.0);
	transform: translateY(-50%) scale(1.0);
	background-color: transparent;
	padding-top: 1px;
}
.slick-next:hover,
.slick-prev:hover{
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1.4);
	transform: translateY(-50%) scale(1.4);
}
.slick-next i,
.slick-prev i{
	font-size: 6rem;
	line-height: 1em;
	margin: 0;
	color: #b3b3b3;
}
@media only screen and (max-width: 750px){
	.slick-dots li{
		width: 0.26rem;
		height: 0.26rem;
		margin: 0 0.1rem;
	}
	.slick-dots li button{
		width: 0.26rem;
		height: 0.26rem;
	}
	.slick-dots li button:before{
		font-size: 0.26rem;
	}
	.slick-next{
		right: -0.4rem;
	}
	.slick-prev{
		left: -0.4rem;
	}
	.slick-next,
	.slick-prev{
		width: 0.8rem;
		height: 0.8rem;
		padding-top: 0.02rem;
	}
	.slick-next i,
	.slick-prev i{
		font-size: 0.8rem;
	}
}

/* =========================================================
top
========================================================= */
.vegas-container{
	position: fixed !important;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
header.on .vegas-container{
	z-index: -1;
}
.vegas-overlay{
	background-color: transparent;
	background-image: none !important;
	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto;
}
#container .container{
	margin-top: 0;
}
section{
	position: relative;
	z-index: 1;
}
#top_home{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding-top: calc(100vh - 50px);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	vertical-align: top;
	background-color: #0076a9;
	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#top_home .scroll{
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 50%;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	        align-items: center;
	-webkit-align-items: center;
	margin-top: 54px;
	margin-left: -20px;
}
#top_home .scroll .circle{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        align-items: center;
	-webkit-align-items: center;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff462;
}
#top_home .scroll .circle i{
	font-size: 1.8rem;
	line-height: 1em;
	color: #0076a9;
}
#top_home .scroll > i{
	font-size: 1.8rem;
	line-height: 1em;
	margin-top: 6px;
	color: #fff462;
}
.top_logo{
	line-height: 1em;
	position: absolute;
	z-index: 1;
	bottom: 329.5px;
	right: 0;
	left: 0;
	width: 371px;
	height: auto;
	margin: 0 auto -50px;
}
.top_logo i.i_logo01{
	width: 100%;
}
.top_logo i.i_logo01::before{
	background-color: #fff462;
}
@media print, screen and (max-width: 1000px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	.top_logo{
		top: 50vh;
		bottom: unset;
		margin: -100px auto 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media only screen and (max-width:750px){
	#top_home{
		padding-top: 0;
		height: 100vh;
		min-height:90vh;
	}
	#top_home .scroll {
		margin-top: auto;
		margin-left: -0.28rem;
		top: auto;
		bottom: 0.17rem;
	}
	#top_home .scroll .circle{
		width: 0.56rem;
		height: 0.56rem;
	}
	#top_home .scroll .circle i{
		font-size: 0.252rem;
	}
	#top_home .scroll > i{
		font-size: 0.252rem;
		margin-top: 0.09rem;
	}
	.top_logo {
		top: 0;
		bottom:unset;
		width: 100%;
		height: 100%;
		text-align: center;
		margin:0;
		transform: none;
		-webkit-transform: none;
	}
	.top_logo i.i_logo01{
		margin-top: 33.067vmin;
		width: 82.933vmin;
		margin-left: 7.333vmin;
	}
	.vegas-container{
		z-index: 0 !important;
	}
}

/* ------------------------------------------------------------------------- *
/* 横向きの場合のスタイル */
/* ------------------------------------------------------------------------- */
@media only screen and (max-width:750px) and (orientation:landscape){
	.top_logo i.i_logo01{
		margin-top: 11vmin;
	}
	.loader_logo{
		top: 11vmin;
	}
	#top_home .scroll{
		left: 0.2rem;
		margin-left: 0;
		bottom: 0.2rem;
	}
}

/* =========================================================
home-menu
========================================================= */
#home-menu{
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	width: 100%;
	margin-bottom: -3rem;
}
#home-menu .inbox{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        align-items: center;
	-webkit-align-items: center;
	width: 100%;
	padding-top: 0;
}
#home-menu .t-menu{
	padding-top: 0.8rem;
	padding-bottom: 1rem;
	border-radius: 1.5rem;
}

#home-menu .t-menu li a{
	height: 8.2rem;
	padding-right: 4.8rem;
	padding-left: 4.8rem;
}
#home-menu .t-menu li a i{
	font-size: 3.2rem;
}
#home-menu .t-menu li a span{
	margin-bottom: 1.2rem;
}
@media print, screen and (max-width: 1160px) and (min-width: 751px) {
	#home-menu .t-menu li a {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}
@media print, screen and (max-width: 960px) and (min-width: 751px) {
	#home-menu .t-menu li a {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
}
@media only screen and (max-width: 750px) {
	#home-menu{
		display: none !important;
	}
}


/* =========================================================
about
========================================================= */
#about{
	position: relative;
	background-color: #0076a9;
}
#about:before{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 5rem;
	content: '';
	background-color: #0076a9;
}
#about .inner{
	padding-top: 3rem;
}
#about .inbox{
	padding-top: 0;
}
#about #home_scroll{
	padding-top: 13rem;
}
#about .m_ttl{
	margin-bottom: 5.2rem;
}
#about .m_ttl .jp{
	margin-bottom: 0;
}
#about p{
	font-size: 1.8rem;
	line-height: 1.6em;
	margin-bottom: 5.5rem;
	text-align: center;
	letter-spacing: 0.03em;
	color: #fff;
}
#about .logo_bloc{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: center;
	-webkit-align-items: center;
}
#about .logo_bloc .logo{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: center;
	-webkit-align-items: center;
	margin-bottom: 2rem;
}
#about .logo_bloc p{
	line-height: 1.7em;
	text-align: center;
	margin-bottom: 0;
}
#about .logo .logo02{
	display: block;
	width: 6.7rem;
	margin-right: 2.4rem;
}
#about .logo .i_logo02_txt{
	width: 26.8rem;
}
#about .logo .i_logo02_txt:before{
	background-color: #fff;
}
#about .i_bg .i_bird01_about {
	width: 13.7rem;
	top: 9.9rem;
	left: 50%;
	margin-left: -57.7rem;
}
#about .i_bg .i_bird01_about:before {
	background-color: #c9e4fa;
}
#about .i_bg .i_wave01_about {
	width: 12.3rem;
	bottom: -4.6rem;
	right: -0.1rem;
}
#about .i_bg .i_wave01_about:before {
	background-color: #c9e4fa;
}
@media only screen and (max-width:750px){
	#about:before{
		display: none;
	}
	#about .inner{
		padding-top: 0;
	}
	#about .inbox{
		padding-top: 0;
	}
	#about #home_scroll{
		padding-top: 1.1rem;
	}
	#about .m_ttl {
		margin-bottom: 0.46rem;
	}
	#about p{
		font-size: 0.26rem;
		line-height: 1.4em;
		margin-bottom: 0.55rem;
	}
	#about .logo_bloc .logo{
		margin-bottom: 0.2rem;
	}
	#about .logo_bloc p{
		line-height: 1.4em;
	}
	#about .logo .logo02{
		width: 0.94rem;
		margin-right: 0.34rem;
	}
	#about .logo .i_logo02_txt{
		width: 3.75rem;
	}
	#about .i_bg .i_bird01_about {
		width: 1.37rem;
		top: 0.43rem;
		left: 0;
		margin-left: 0.15rem;
	}
	#about .i_bg .i_wave01_about {
		width: 1.23rem;
		bottom: -0.46rem;
		right: -0.01rem;
	}
}

/* =========================================================
spot
========================================================= */
#spot{
	background-color: #d5e8ec;
	position: relative;
}
#spot .m_ttl {
	position: absolute;
	top: 12rem;
	left: 0;
	right: 0;
	z-index: 2;
	width: auto;
	margin: 0 auto;
	font-size: 4.2rem;
	width: 8.3em;
}
body.popopen #spot .m_ttl {
	display: none;
}
#spot .i_bg .i_wave02_spot {
	width: 12.3rem;
	bottom: -4.6rem;
	left: -0.1rem;
	z-index: 2;
}
#spot .i_bg .i_wave02_spot:before {
	background-color: #0076a9;
}
#spot .i_bg .i_ship01_spot {
	width: 7rem;
	bottom: -0.4rem;
	right: 50%;
	margin-right: -52.8rem;
	z-index: 2;
}
#spot .i_bg .i_ship01_spot:before {
	background-color: #0076a9;
}
@media only screen and (max-width:750px){
	#spot .m_ttl {
		position: absolute;
		top: 1.19rem;
		font-size: 0.52rem;
	}
	#spot .i_bg .i_wave02_spot {
		width: 1.23rem;
		bottom: -0.46rem;
		left: -0.01rem;
	}
	#spot .i_bg .i_ship01_spot {
		width: 0.92rem;
		bottom: -0.08rem;
		right: 0.91rem;
		margin-right: 0;
	}
}


/* =========================================================
map_bloc
========================================================= */
#map_bloc{
	position: relative;
	z-index: 1;
	width: 100%;
}
#map_bloc .leaflet-map,
#map_bloc .leaflet-map .leaflet-popup{
	font-family: YakuHanJP,'M PLUS Rounded 1c','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-feature-settings: 'palt' 1;
}
#map_bloc #map_spot{
	position: relative;
	z-index: 1;
}
#map_bloc .leaflet-map{
	width: 100%;
	height: 65rem;
}
#map_bloc .leaflet-container .leaflet-control-attribution{
	padding-left: 12rem;
}
.leaflet-tile-pane{
	filter: saturate(110%) contrast(120%);
}
@media only screen and (max-width:750px){
	#map_bloc{
	}
	#map_bloc .inner{
		padding-top: 0;
		padding-bottom: 1.8rem;
	}
	#map_bloc #map_spot{
		border-radius: 0.2rem;
	}
	#map_bloc .leaflet-map{
		width: 100%;
		height: 7.7rem;
		min-height: 600px;
	}
	#map_bloc .leaflet-container .leaflet-control-attribution {
		padding-left: 0.05rem;
		font-size: 0.18rem;
		margin-left: 1.3rem;
		padding-right: 0.05rem;
	}
	#map_bloc .leaflet-container .leaflet-control-attribution a{
		font-size: 0.18rem;
	}
}
@media only screen and (max-width:480px){
	#map_bloc .leaflet-map{
		min-height: 500px;
	}
}

/* =========================================================
map_balloon
========================================================= */
.map_balloon{
	position: relative;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	opacity: 1 !important;
}
.map_balloon .img{
	overflow: hidden;
	width: 310px;
	border-radius: 0;
}
.map_balloon h3{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.3em;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 13px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #fff;
}
.map_balloon p{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	margin: 0 !important;
	padding:0 !important;
}
.map_balloon .img,
.map_balloon h3,
.map_balloon p{
	width: 310px;
}
.leaflet-popup{
}
.leaflet-popup .leaflet-shadow-pane .leaflet-marker-shadow.off,
.leaflet-popup .leaflet-marker-pane .leaflet-marker-icon.off{
	display: none;
}
.leaflet-popup .leaflet-popup-content{
	margin: 0 !important;
}
.leaflet-popup .leaflet-popup-content-wrapper{
	min-height: 250px;
	padding: 0;
	padding: 30px 30px 25px;
	border: none;
	border-radius: 14px;
	background-color: #0076a9;
}
.leaflet-popup .leaflet-popup-tip-container{
	height: 23px;
	margin-top: 0;
}
.leaflet-popup .leaflet-popup-tip{
	width: 0;
	height: 0;
	margin: -20px auto 0;
	padding: 0;
	transform: none !important;
	border: none;
	border-width: 35px 23.5px 0 23.5px;
	border-style: solid;
	border-color: #0076a9 transparent transparent transparent;
	background-color: transparent;
	box-shadow: none;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button{
	top: 0;
	right: 0;
	width: 33px;
	height: 33px;
	padding: 0;
	text-align: center;
	color: transparent !important;
	background-color: transparent;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before{
	font-family: 'Font Awesome 5 Free';
	font-size: 18px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	line-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        align-items: center;
	-webkit-align-items: center;
	width: 100%;
	height: 100%;
	content: '\f00d';
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	-webkit-transition-duration: 0.1s !important;
	        transition-duration: 0.1s !important;
	-webkit-transition-property: transform;
	        transition-property: transform;
	-webkit-transform: scale(1,1);
	        transform: scale(1,1);
	text-align: center;
	text-decoration: none;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
.leaflet-control-zoomslider-body{
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
@media only screen and (max-width: 750px){
	.map_balloon .img{
		width: 310px;
	}
	.map_balloon h3{
		font-size: 40px;
		padding-top: 24px;
		padding-bottom: 20px;
		letter-spacing: 0;
	}
	.map_balloon p{
		font-size: 22px;
		line-height: 1.4em;
	}
	.map_balloon .img,
	.map_balloon h3,
	.map_balloon p{
		width: 310px;
	}
	.leaflet-popup .leaflet-popup-content-wrapper{
		min-height: 250px;
		padding: 30px 30px 25px;
		border-radius: 14px;
	}
	.leaflet-popup .leaflet-popup-tip-container{
		height: 23px;
	}
	.leaflet-popup .leaflet-popup-tip{
		margin: -20px auto 0;
		border-width: 35px 23.5px 0 23.5px;
	}
	.leaflet-container .leaflet-popup a.leaflet-popup-close-button{
		width: 33px;
		height: 33px;
	}
	.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before{
		font-size: 30px;
	}
}
@media only screen and (max-width: 640px){
	.map_balloon h3{
		font-size: 34px;
		padding-top: 20px;
		padding-bottom: 17px;
	}
	.map_balloon p{
		font-size: 19px;
	}
}
@media only screen and (max-width: 480px){
	.map_balloon .img{
		width: 250px;
	}
	.map_balloon h3{
		font-size: 26px;
		padding-top: 15px;
		padding-bottom: 13px;
	}
	.map_balloon p{
		font-size: 14px;
	}
	.map_balloon .img,
	.map_balloon h3,
	.map_balloon p{
		width: 250px;
	}
	.leaflet-popup .leaflet-popup-content-wrapper{
		padding: 20px 20px 15px;
	}
	.leaflet-container .leaflet-popup a.leaflet-popup-close-button{
		width: 24px;
		height: 24px;
	}
	.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before{
		font-size: 15px;
	}
}
@media only screen and (max-width: 375px){
	.map_balloon .img{
		width: 200px;
	}
	.map_balloon h3{
		font-size: 20px;
		padding-top: 12px;
		padding-bottom: 10px;
	}
	.map_balloon p{
		font-size: 12px;
	}
	.map_balloon .img,
	.map_balloon h3,
	.map_balloon p{
		width: 200px;
	}
}
@media only screen and (max-width: 320px){
	.map_balloon h3{
		font-size: 17px;
		padding-top: 10px;
		padding-bottom: 8px;
	}
	.map_balloon p{
		font-size: 12px;
	}
}



/* =========================================================
course
========================================================= */
#course {
	background-color: #0076a9;
}
#course .inner {
}
#course .m_ttl {
}
#course .i_bg .i_cloud05_course {
	width: 67.2rem;
	bottom: -0.2rem;
	right: 50%;
	margin-right: 9.4rem;
}
#course .i_bg .i_cloud05_course:before {
	background-color: #d4ecf3;
}
#course .i_bg .i_bird02a_course {
	width: 10.6rem;
	bottom: 2.6rem;
	left: 50%;
	margin-left: -5.3rem;
}
#course .i_bg .i_bird02a_course:before {
	background-color: #d4ecf3;
}
#course .i_bg .i_wave01_course {
	width: 12.3rem;
	bottom: -4.6rem;
	right: -0.1rem;
}
#course .i_bg .i_wave01_course:before {
	background-color: #d4ecf3;
}
@media only screen and (max-width: 750px){
	#course .i_bg .i_cloud05_course {
		width: 6.72rem;
		bottom: -0.02rem;
		right: 4.51rem;
		margin-right: 0;
	}
	#course .i_bg .i_bird02a_course {
		width: 1.06rem;
		bottom: 0.26rem;
		left: 3.4rem;
		margin-left: 0;
	}
	#course .i_bg .i_wave01_course {
		width: 1.23rem;
		bottom: -0.46rem;
		right: -0.01rem;
	}
}

/* =========================================================
course_list
========================================================= */
#course_list {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	width: 100%;
}
#course_list .course_bloc {
	width: 31.58%;
	max-width: 36rem;
	margin-top: 5.5rem;
	margin-right: 2.63%;
	display: block;
}
#course_list .course_bloc:nth-child(-n+3){
	margin-top: 0;
}
#course_list .course_bloc:nth-child(3n){
	margin-right: 0;
}
#course_list .course_bloc .img {
	overflow: hidden;
	width: 100%;
	border-radius: 2rem;
	position: relative;
	z-index: 1;
}
#course_list .course_bloc .img .bg{
	width: 100%;
	height: 0;
	padding-top: 72.222%;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#course_list .course_bloc:hover .img:not(.noimg) .bg{
	-webkit-transform: scale(1.2, 1.2);
	        transform: scale(1.2, 1.2);
}
#course_list .course_bloc .img:not(.noimg) img {
	display: none;
}
#course_list .course_bloc .btn_area {
	width: 100%;
	margin-top: -1.8rem;
	position: relative;
	z-index: 2;
}
#course_list .course_bloc .btn_area .btn_ellipse {
	width: 77.778%;
	min-height: 6rem;
	height: auto;
	border-radius: 1rem;
	padding: 0.6rem 3.4rem 0.8rem 1.9rem;
}
#course_list .course_bloc .btn_area .btn_ellipse span {
}
#course_list .course_bloc .btn_area .btn_ellipse i {
}
#course_list .course_bloc .btn_area .btn_ellipse:hover i{
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
#course_list .course_bloc:hover .btn_area .btn_ellipse:hover i{
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
#course_list + .btn_area {
	margin-top: 6rem;
}
@media only screen and (max-width: 750px){
	#course_list {
		display: block;
	}
	#course_list .course_bloc {
		width: 100%;
		max-width: 100%;
		margin-top: 0.6rem;
		margin-right: 0;
	}
	#course_list .course_bloc:nth-child(-n+3){
		margin-top: 0.6rem;
	}
	#course_list .course_bloc:nth-child(-n+1){
		margin-top: 0;
	}
	#course_list .course_bloc .img {
		border-radius: 0.2rem;
	}
	#course_list .course_bloc .btn_area {
		margin-top: -0.3rem;
	}
	#course_list .course_bloc .btn_area .btn_ellipse {
		width: 85.714%;
		min-height: 0.77rem;
		height: auto;
		padding: 0.15rem 0.5rem 0.2rem 0.16rem;
		border-radius: 0.1rem;
	}
	#course_list + .btn_area {
		margin-top: 0.6rem;
	}
}


/* =========================================================
captain
========================================================= */
#captain {
	background-color: #d4ecf3;
}
#captain .inner {
}
#captain .m_ttl {
}
#captain .i_bg .i_wave02_captain {
	width: 12.3rem;
	bottom: -4.6rem;
	left: -0.1rem;
}
#captain .i_bg .i_wave02_captain:before {
	background-color: #0076a9;
}
#captain .i_bg .i_cloud02a_captain {
	width: 1.9rem;
	bottom: 3.4rem;
	right: 40.6rem;
}
#captain .i_bg .i_cloud02a_captain:before {
	background-color: #0076a9;
}
#captain .i_bg .i_cloud02b_captain {
	width: 3.7rem;
	bottom: 4.7rem;
	right: 35.1rem;
}
#captain .i_bg .i_cloud02b_captain:before {
	background-color: #0076a9;
}
#captain .i_bg .i_yacht_captain {
	width: 3.7rem;
	bottom: -0.2rem;
	right: 23rem;
}
#captain .i_bg .i_yacht_captain:before {
	background-color: #0076a9;
}
#captain .i_bg .i_lighthouse_captain {
	width: 30.7rem;
	bottom: -0.2rem;
	right: -12.8rem;
}
#captain .i_bg .i_lighthouse_captain:before {
	background-color: #0076a9;
}
@media only screen and (max-width: 750px){
	#captain .inner {
		padding-left: 0;
		padding-right: 0;
	}
	#captain .i_bg .i_wave02_captain {
		width: 1.23rem;
		bottom: -0.46rem;
		left: -0.01rem;
	}
	#captain .i_bg .i_cloud02a_captain {
		width: 0.19rem;
		bottom: 0.34rem;
		right: 4.03rem;
	}
	#captain .i_bg .i_cloud02b_captain {
		width: 0.37rem;
		bottom: 0.47rem;
		right: 3.49rem;
	}
	#captain .i_bg .i_yacht_captain {
		width: 0.37rem;
		bottom: -0.02rem;
		right: 2.28rem;
	}
	#captain .i_bg .i_lighthouse_captain {
		width: 3.07rem;
		bottom: -0.02rem;
		right: auto;
		left: 5.73rem;
	}
}

/* =========================================================
captain_slide
========================================================= */
#captain_slide {
	position: relative;
}
#captain_slide .slider {
}
#captain_slide .slide-box {
	margin: 0 3rem;
}
#captain_slide .slide-box a{
	position: relative;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	        align-items: center;
	-webkit-align-items: center;
	overflow: hidden;
	height: 100%;
	padding-bottom: 2.2rem;
	transform: none;
	text-decoration: none;
	opacity: 1 !important;
	border-radius: 1.4rem;
	background-color: #0076a9;
	position: relative;
	z-index: 1;
}
#captain_slide .slide-box .inbox {
	width: 100%;
}
#captain_slide .slide-box .img {
	overflow: hidden;
	width: 100%;
}
#captain_slide .slide-box .img.noimg{
	background-color: #fff;
}
#captain_slide .slide-box .img .bg{
	width: 100%;
	height: 0;
	padding-top: 100%;
	-webkit-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	-webkit-transition-property: transform;
	        transition-property: transform;
	-webkit-transform: scale(1,1);
	        transform: scale(1,1);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#captain_slide .slide-box a:hover .img:not(.noimg) .bg{
	-webkit-transform: scale(1.2,1.2);
	        transform: scale(1.2,1.2);
}
#captain_slide .slide-box .img img {
	display: none;
}
#captain_slide .slide-box .txt {
	background-color: #0076a9;
	padding: 0 2rem;
	width: 100%;
}
#captain_slide .slide-box .txt .ship {
	text-align: center;
	margin-bottom: 2rem;
}
#captain_slide .slide-box .txt .ship .icon {
}
#captain_slide .slide-box .txt .ship .icon:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.4rem 6.5rem 7.4rem;
	border-color: transparent transparent #0076a9 transparent;
	position: absolute;
	left: 50%;
	margin-left: -7.4rem;
	margin-top: -2.9rem;
	z-index: 1;
}
#captain_slide .slide-box .txt .ship .icon .i_svg {
	position: relative;
	z-index: 2;
	width: 2.9rem;
	margin-top: -1.6rem;
}
#captain_slide .slide-box .txt .ship .icon .i_svg:before {
	background-color: #fff;
}
#captain_slide .slide-box .txt .ship .ship_name {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1em;
	position: relative;
	z-index: 3;
	margin-top: 0.3rem;
}
#captain_slide .slide-box .txt .captain_info {
}
#captain_slide .slide-box .txt .captain_info .captain_name {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: center;
	-webkit-align-items: center;
	margin-bottom: 2.5rem;
}
#captain_slide .slide-box .txt .captain_info .captain_name span:not(.name) {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	margin-right: 1.8rem;
	letter-spacing: 0;
}
#captain_slide .slide-box .txt .captain_info .captain_name span.name {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
#captain_slide .slide-box .txt .captain_info .captain_comment {
	color: #fff;
	text-align: left;
	letter-spacing: 0;
}
#captain_slide .slide-box .btn_area{
	margin-top: 1.7rem;
	width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
}
#captain_slide .slide-box .btn_area .btn_ellipse{
	width: 100%;
}
#captain_slide .captain-arrow {
	width: 100%;
}
#captain_slide .captain-arrow .slick-next,
#captain_slide .captain-arrow .slick-prev {
	position: absolute;
	z-index: 2;
	top: 50%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	margin-top: 0;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	width: 4rem;
	height: 4rem;
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff462;
}
#captain_slide .captain-arrow .slick-next{
	right: 0;
}
#captain_slide .captain-arrow .slick-prev{
	left: 0;
}
#captain_slide .captain-arrow .slick-next i,
#captain_slide .captain-arrow .slick-prev i{
	font-size: 1.8rem;
	line-height: 1em;
	width: 1em;
	height: 1em;
	margin: 0;
	text-align: center;
	color: #0076a9;
}

@media print, screen and (max-width: 1000px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	#captain_slide .slide-box {
		margin: 0 1.5rem;
	}
}
@media print, screen and (max-width: 900px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	#captain_slide .slide-box {
		margin: 0 1rem;
	}
	#captain_slide .slide-box .txt,
	#captain_slide .slide-box .btn_area{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media only screen and (max-width: 750px){
	#captain_slide .slide-box {
		margin: 0 0.15rem;
	}
	#captain_slide .slide-box a{
		padding-bottom: 0.22rem;
		border-radius: 0.2rem;
	}
	#captain_slide .slide-box .txt {
		padding: 0 0.2rem;
	}
	#captain_slide .slide-box .txt .ship {
		margin-bottom: 0.25rem;
	}
	#captain_slide .slide-box .txt .ship .icon:before {
		border-width: 0 1.06rem 0.93rem 1.06rem;
		margin-left: -1.06rem;
		margin-top: -0.42rem;
	}
	#captain_slide .slide-box .txt .ship .icon .i_svg {
		width: 0.43rem;
		margin-top: -0.23rem;
	}
	#captain_slide .slide-box .txt .ship .ship_name {
		font-size: 0.26rem;
		margin-top: -0.08rem;
	}
	#captain_slide .slide-box .txt .captain_info .captain_name {
		margin-bottom: 0.2rem;
	}
	#captain_slide .slide-box .txt .captain_info .captain_name span:not(.name) {
		font-size: 0.26rem;
		margin-right: 0.28rem;
	}
	#captain_slide .slide-box .txt .captain_info .captain_name span.name {
		font-size: 0.36rem;
	}
	#captain_slide .slide-box .btn_area{
		margin-top: 0.25rem;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	#captain_slide .captain-arrow .slick-next,
	#captain_slide .captain-arrow .slick-prev {
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 0.08rem;
	}
	#captain_slide .captain-arrow .slick-next{
		right: 0;
	}
	#captain_slide .captain-arrow .slick-prev{
		left: 0;
	}
	#captain_slide .captain-arrow .slick-next i,
	#captain_slide .captain-arrow .slick-prev i{
		font-size: 0.32rem;
	}
}


/* =========================================================
info
========================================================= */
#info{
	background-color: #0076a9;
}
#info .inner{
	padding-top: 0;
	padding-bottom: 17rem;
}
#info .m_ttl{
}
#info .i_bg .i_cloud01_info {
	width: 48.1rem;
	bottom: -23rem;
	left: 0;
}
#info .i_bg .i_cloud01_info:before {
	background-color: #8ddcdb;
}
#info .i_bg .i_ship02_info {
	width: 12.5rem;
	bottom: -0.2rem;
	left: 51rem;
}
#info .i_bg .i_ship02_info:before {
	background-color: #8ddcdb;
}
#info .i_bg .i_wave01_info {
	width: 12.3rem;
	bottom: -4.6rem;
	right: -0.1rem;
}
#info .i_bg .i_wave01_info:before {
	background-color: #8ddcdb;
}
@media only screen and (max-width:750px){
	#info .inner{
		padding-bottom: 1.9rem;
	}
	#info .i_bg .i_cloud01_info {
		width: 4.81rem;
		bottom: -2.3rem;
		left: auto;
		right: 4.63rem;
	}
	#info .i_bg .i_ship02_info {
		width: 1.25rem;
		bottom: -0.02rem;
		left: 3.16rem;
	}
	#info .i_bg .i_wave01_info {
		width: 1.23rem;
		bottom: -0.46rem;
		right: -0.01rem;
	}
}


/* =========================================================
info_list
========================================================= */
#info_list {
	background-color: #fff;
	border-radius: 2rem;
	overflow: visible;
	padding: 3.6rem 7rem 6rem;
}
#info_list .box {
	display: block;
	width: 100%;
	padding-top: 3rem;
	padding-bottom: 2.4rem;
	border-bottom: 1px solid #0076a9;
}
#info_list .box h3 {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-bottom: 1.5rem;
}
#info_list .box h3 .date {
	color: #fff;
	font-size: 1.4rem;
	line-height: 1em;
	font-weight: 400;
	width: 11rem;
	margin-right: 2rem;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 0.6rem 1rem;
	background-color: #0076a9;
	border-radius: 0.8rem;
	overflow: hidden;
}
#info_list .box h3 .ttl {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	width: calc(100% - 13rem);
	color: #0076a9;
	line-height: 1.3em;
}
#info_list .alm-btn-wrap {
}
#info_list .btn_ajax {
	margin-bottom: -11rem;
	margin-top: 3rem;
}
@media only screen and (max-width:750px){
	#info_list {
		border-radius: 0.4rem;
		overflow: visible;
		padding: 0 0.3rem 0.45rem;
	}
	#info_list .box {
		padding-top: 0.3rem;
		padding-bottom: 0.28rem;
	}
	#info_list .box h3 {
		display: block;
		margin-bottom: 0.14rem;
	}
	#info_list .box h3 .date {
		font-size: 0.26rem;
		width: 2.1rem;
		margin-right: auto;
		margin-bottom: 0.23rem;
		padding: 0.07rem 0.1rem;
		border-radius: 0.06rem;
		display: block;
	}
	#info_list .box h3 .ttl {
		font-size: 0.32rem;
		width: 100%;
		display: block;
	}
	#info_list .alm-btn-wrap {
	}
	#info_list .btn_ajax {
		margin-bottom: -1.1rem;
		margin-top: 0.25rem;
	}
}


/* =========================================================
souvenirs_area
========================================================= */
#souvenirs_inns{
	background-color: #0076a9;
}
#souvenirs_inns h2 i,
#souvenirs_inns h2 .jp{
	color: #fff462;
}
#souvenirs_inns .info_bloc{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 6rem;
}
#souvenirs_inns .inbox .info_bloc:first-child{
	margin-top: 0;
}
#souvenirs_inns .info_bloc .img{
	overflow: hidden;
	width: 26.32%;
	max-width: 300px;
	border-radius: 2rem;
}
#souvenirs_inns .info_bloc .img img{
	width: 100%;
}
#souvenirs_inns .info_bloc .info{
	width: 68.42%;
}
#souvenirs_inns .info_bloc .info .txt{
	margin-top: -0.5rem;
	margin-bottom: 2.5rem;
}
#souvenirs_inns .info_bloc .info .txt h4{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 2.1rem;
	letter-spacing: 0;
	color: #fff;
}
#souvenirs_inns .info_bloc .info .txt p{
	line-height: 1.7em;
	margin-bottom: 0;
	letter-spacing: 0;
	color: #fff;
}
#souvenirs_inns .info_bloc .info .media_bloc{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: center;
	-webkit-align-items: center;
}
#souvenirs_inns .info_bloc .info .media_bloc .btn_area{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}
#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse{
	max-width: 19rem;
	width: 19rem;
	margin: 0 0 0 2rem;
	padding: 0.3rem 2.8rem 0.5rem 1.8rem;
	height: 3rem;
}
#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse:first-child{
	margin-left: 0;
}
#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse i{
	font-size: 1.4rem;
	right: 0.9rem;
}
#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse span{
	font-size: 1.4rem;
	letter-spacing: 0.02em;
}
#souvenirs_inns .info_bloc .info .media_bloc .tel{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: center;
	-webkit-align-items: center;
	margin-left: 2rem;
}
#souvenirs_inns .info_bloc .info .media_bloc .tel i{
	font-size: 2rem;
	margin-right: 0.9rem;
	color: #fff;
}
#souvenirs_inns .info_bloc .info .media_bloc .tel span{
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
}

#souvenirs_inns .i_bg .i_wave02_si {
	width: 12.3rem;
	bottom: -4.6rem;
	left: -0.1rem;
}
#souvenirs_inns .i_bg .i_wave02_si:before {
	background-color: #d4ecf3;
}
#souvenirs_inns .i_bg .i_circle01_si {
	width: 4rem;
	bottom: 3.3rem;
	right: 42.4rem;
}
#souvenirs_inns .i_bg .i_circle01_si:before {
	background-color: #d4ecf3;
}
#souvenirs_inns .i_bg .i_bird03_si {
	width: 10.8rem;
	bottom: 4.6rem;
	right: 26.7rem;
}
#souvenirs_inns .i_bg .i_bird03_si:before {
	background-color: #d4ecf3;
}
#souvenirs_inns .i_bg .i_cloud06_si {
	width: 40.1rem;
	bottom: -1.7rem;
	right: -1.4rem;
}
#souvenirs_inns .i_bg .i_cloud06_si:before {
	background-color: #d4ecf3;
}
@media print,screen and (max-width: 1000px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	#souvenirs_inns .info_bloc .img{
		width: 26.04%;
	}
	#souvenirs_inns .info_bloc .info{
		width: 70.833%;
	}
}
@media only screen and (max-width: 750px){
	#souvenirs_inns .info_bloc{
		margin-top: 0.6rem;
		position: relative;
		z-index: 1;
		display: block;
	}
	#souvenirs_inns .info_bloc .img{
		width: 42.86%;
		max-width: auto;
		border-radius: 0.2rem;
		position: absolute;
		top: 0;
		left: 0;
	}
	#souvenirs_inns .info_bloc .info{
		width: 100%;
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#souvenirs_inns .info_bloc .info .txt{
		min-height: 2.37rem;
		margin-top: -0.07rem;
		margin-bottom: 0.3rem;
	}
	#souvenirs_inns .info_bloc .info .txt h4{
		font-size: 0.26rem;
		margin-bottom: 0.18rem;
		width: 52.86%;
		margin-left: auto;
	}
	#souvenirs_inns .info_bloc .info .txt p{
		line-height: 1.4em;
		width: 52.86%;
		margin-left: auto;
	}
	#souvenirs_inns .info_bloc .info .media_bloc{
		-webkit-justify-content: center;
		        justify-content: center;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		width: 100%;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .btn_area{
		-webkit-justify-content: center;
		        justify-content: center;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: center;
		-webkit-align-items: center;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse{
		max-width: 0.8rem;
		width: 0.8rem;
		height: 0.8rem;
		margin: 0 0.15rem;
		padding: 0.08rem 0.1rem 0.1rem;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse:first-child{
		margin-left: 0.15rem;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse i{
		font-size: 0.26rem;
		position: static;
		margin: 0;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .btn_area .btn_ellipse span{
		font-size: 0.26rem;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .tel{
		-webkit-justify-content: center;
		        justify-content: center;
		        align-items: center;
		-webkit-align-items: center;
		margin: 0 0.15rem;
		width: 0.8rem;
		height: 0.8rem;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .tel a{
		width: 0.8rem;
		height: 0.8rem;
		background-color: #fff462;
		border-radius: 50%;
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		        justify-content: center;
		        align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .tel i{
		font-size: 0.26rem;
		margin-right: 0;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		color: #0076a9;
	}
	#souvenirs_inns .info_bloc .info .media_bloc .tel a:hover i {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	#souvenirs_inns .info_bloc .info .media_bloc .tel a:hover {
		border: 1px solid #fff462;
	}

	#souvenirs_inns .i_bg .i_wave02_si {
		width: 1.23rem;
		bottom: -0.46rem;
		left: -0.01rem;
	}
	#souvenirs_inns .i_bg .i_circle01_si {
		width: 0.4rem;
		bottom: 0.34rem;
		right: 4.18rem;
	}
	#souvenirs_inns .i_bg .i_bird03_si {
		width: 1.08rem;
		bottom: 0.47rem;
		right: 2.61rem;
	}
	#souvenirs_inns .i_bg .i_cloud06_si {
		width: 4.01rem;
		bottom: -0.16rem;
		right: auto;
		left: 3.69rem;
	}
}


/* =========================================================
souvenirs_area
========================================================= */
#souvenirs_area {
	margin-bottom: 6rem;
}
#souvenirs_area .r_ttl {
	margin-bottom: 6rem;
}
#souvenirs_area .r_ttl span:not(.right_line){
	color: #fff462;
	background-color: #0076a9;
}
#souvenirs_area .r_ttl span.right_line{
	border-color: #fff462;
}
#souvenirs_area .inbox {
}
@media print,screen and (max-width: 1000px) and (min-width: 751px),(max-device-width: 1024px) and (min-device-width: 768px){
	#souvenirs_area .info_bloc .info .media_bloc .btn_area{
		width: 100%;
	}
	#souvenirs_area .info_bloc .info .media_bloc .tel{
		margin-top: 2rem;
		margin-left: 0;
	}
}
@media only screen and (max-width: 750px){
	#souvenirs_area {
		margin-bottom: 0.6rem;
	}
	#souvenirs_area .r_ttl {
		margin-bottom: 0.6rem;
	}
}

/* =========================================================
inns_area
========================================================= */
#inns_area {
}
#inns_area .r_ttl {
	margin-bottom: 6rem;
}
#inns_area .r_ttl span:not(.right_line){
	color: #fff462;
	background-color: #0076a9;
}
#inns_area .r_ttl span.right_line{
	border-color: #fff462;
}
#inns_area .inbox {
}
@media only screen and (max-width: 750px){
	#inns_area .r_ttl {
		margin-bottom: 0.6rem;
	}
}


/* =========================================================
access
========================================================= */
#access {
	background-color: #d4ecf3;
}
#access .inner {
	padding-bottom: 18rem;
}
#access .m_ttl {
}
#access .m_ttl i,
#access .m_ttl .jp{
	color: #0076a9;
}
#access .inner > p{
	color: #0076a9;
	text-align: center;
	margin-bottom: 2rem;
	font-size: 1.8rem;
}
#access .gmap_box {
	position: relative;
	z-index: 1;
}
#access .gmap_box iframe {
	width: 100%;
	height: 46rem;
	vertical-align: top;
	border: none;
}
#access .i_bg .i_cloud04b_access {
	width: 70.5rem;
	bottom: -4rem;
	left: -29.3rem;
}
#access .i_bg .i_cloud04b_access:before {
	background-color: #fff;
}
#access .i_bg .i_bird02b_access {
	width: 8rem;
	bottom: 6.6rem;
	left: 37.6rem;
}
#access .i_bg .i_bird02b_access:before {
	background-color: #fff;
}
#access .i_bg .i_cloud03b_access {
	width: 14.4rem;
	bottom: -2.1rem;
	left: 44.6rem;
}
#access .i_bg .i_cloud03b_access:before {
	background-color: #fff;
}
#access .i_bg .i_wave01_access {
	width: 12.3rem;
	bottom: -4.6rem;
	right: -0.1rem;
}
#access .i_bg .i_wave01_access:before {
	background-color: #fff;
}
@media only screen and (max-width: 750px){
	#access .inner {
		padding-bottom: 1.8rem;
	}
	#access .inner > p{
		font-size: 0.26rem;
		margin-bottom: 0.2rem;
	}
	#access .gmap_box iframe {
		height: 4.6rem;
	}
	#access .i_bg .i_cloud04b_access {
		width: 7.05rem;
		bottom: -0.4rem;
		right: auto;
		left: auto;
		right: 4.71rem;
	}
	#access .i_bg .i_bird02b_access {
		width: 0.8rem;
		bottom: 0.66rem;
		left: auto;
		right: 4.27rem;
	}
	#access .i_bg .i_cloud03b_access {
		width: 1.44rem;
		bottom: -0.21rem;
		left: auto;
		right: 2.93rem;
	}
	#access .i_bg .i_wave01_access {
		width: 1.23rem;
		bottom: -0.46rem;
		right: -0.01rem;
	}
}