@charset "utf-8";









@keyframes kf--taxi-appearance			{ 0% { margin-left: -100px; margin-top: -30px; } 100% { margin-left: 0; margin-top: 0; } }
@-o-keyframes kf--taxi-appearance		{ 0% { margin-left: -100px; margin-top: -30px; } 100% { margin-left: 0; margin-top: 0; } }
@-ms-keyframes kf--taxi-appearance		{ 0% { margin-left: -100px; margin-top: -30px; } 100% { margin-left: 0; margin-top: 0; } }
@-moz-keyframes kf--taxi-appearance		{ 0% { margin-left: -100px; margin-top: -30px; } 100% { margin-left: 0; margin-top: 0; } }
@-webkit-keyframes kf--taxi-appearance	{ 0% { margin-left: -100px; margin-top: -30px; } 100% { margin-left: 0; margin-top: 0; } }











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

 * 

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

/*  */
@media (min-width: 769px){
.mv{
	position: relative;
}
.mv_gallery{}
.mv_gallery__item{
	background-color: #000;
}
.mv_gallery__img{
	opacity: .8;
}
.mv__inner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-left: 380px;
	padding-top: 400px;
	
	color: #fff;
	text-align: right;
	
	text-shadow: 			0px 0px 5px #000;
	-o-text-shadow: 		0px 0px 5px #000;
	-ms-text-shadow: 		0px 0px 5px #000;
	-moz-text-shadow: 		0px 0px 5px #000;
	-webkit-text-shadow: 	0px 0px 5px #000;
}
.mv__japan{
	position: absolute;
	left:-82px;
	top: 160px;
	
	pointer-events: none;
}
.mv__heading{
	color: #fff;
}
.mv__note{}
.mv_pager{
	position: fixed;
	left: 110%;
}
}
@media (max-width: 768px){
.mv{
	position: relative;
}
.mv_gallery{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.mv_gallery__item{}
.mv_gallery__img{}
.mv__inner{
	position: relative;
	
	margin-left: 10px;
	margin-right: 10px;
	
	color: #fff;
	text-align: center;
	
	text-shadow: 			0px 0px 5px #000;
	-o-text-shadow: 		0px 0px 5px #000;
	-ms-text-shadow: 		0px 0px 5px #000;
	-moz-text-shadow: 		0px 0px 5px #000;
	-webkit-text-shadow: 	0px 0px 5px #000;
}
.mv__japan{}
.mv__heading{
	color: #fff;
}
.mv__note{}
.mv_pager{}
}





/*  */
@media (min-width: 769px){
.mnav{
	margin-top: -90px;
	margin-bottom: 80px;
	position: relative;
}
.mnav__inner{}
.mnav__items{
	margin-left: 237px;
	
	
	/*----- for legacy -----*/
	display: -webkit-box;
	-webkit-box-pack: justify;
	/*----- for legacy -----*/
	
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.mnav__item{
	list-style: none;
	
	flex: 			1;
	-o-flex: 		1;
	-ms-flex: 		1;
	-moz-flex: 		1;
	-webkit-flex: 	1;
	
	margin-left: 20px;
}
.mnav__item:first-child{
	margin-left: 0;
}
.mnav__link{
	display: block;
	text-align: center;
	text-decoration: none;
	margin-bottom: 15px;
	
	background-color: #fff;
}
.mnav__photo{
	border: 4px solid #fff;
}
.mnav__button{
	display: table;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: -30px;
	position: relative;
}
.mnav__note{}
.mnav_explain{}
.mnav_explain__cell{}
.mnav_explain__cell--head{}
.mnav_explain__cell--body{}
}
@media (max-width: 768px){
.mnav{
	position: relative;
	margin-bottom: 80px;
}
.mnav__inner{
	
}
.mnav__items{
	margin-left: 10px;
	margin-right: 10px;
	
	/*----- for legacy -----*/
	display: -webkit-box;
	-webkit-box-pack: justify;
	/*----- for legacy -----*/
	
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;

	gap: 7px;
}
.mnav__item{
	list-style: none;
	overflow: hidden;
	
	
	width: 					48%;
	flex-basis: 			48%;
	-o-flex-basis: 			48%;
	-ms-flex-basis: 		48%;
	-moz-flex-basis: 		48%;
	-webkit-flex-basis: 	48%;
	
	
}
.mnav__link{
	display: block;
	text-align: center;
	text-decoration: none;
	
	background-color: #fff;
}
.mnav__link--shuttle{}
.mnav__link--tour{}
.mnav__link--taxi{}

.mnav__photo{
	border: 4px solid #fff;
	
	box-sizing:				border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
}
.mnav__button{
	padding: .5em;
	
	display: table;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: -15px;
	position: relative;
	
	font-size: .8rem;
	line-height: 1.5rem;
}
.mnav__link--shuttle .mnav__button,
.mnav__link--tour .mnav__button{
	line-height: 2.5em;
}
.mnav__link--taxi .mnav__button{
	line-height: 1.25em;
}

.mnav__note{}
.mnav_explain{
	background-color: #fff;
}
.mnav_explain__cell{
	padding-top: 1em;
}
.mnav_explain__cell--head{
	white-space: nowrap;
	padding-right: 1em;
	padding-left: 10px;
}
.mnav_explain__cell--body{
	padding-right: 10px;
}
}





/*  */
@media (min-width: 769px){
.topics{
	margin-bottom: 80px;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0;
	background-color: #FEF0F5;
}
.topics__inner{
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}
.topic__heading{
	text-align: center;
	margin-bottom: 30px;
}
.topic__items{
	position: relative;
}
.topic__group{
	letter-spacing: -1em;
}
.topic__item{
	width: 502px;
	margin-left: 42px;
	
	display: inline-block;
	letter-spacing: normal;
}
.topic__item:first-child{
	margin-left: 0;
}
.topic__figure{
	position: relative;
	margin-bottom: 20px;
}
.topic__img{
	width: 100%;
}
.topic__figlabel{
	display: none;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	padding: 1em;
	margin-bottom: 0;
	
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
}
.topic__figure:hover .topic__figlabel{
	display: block;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}
.topic__note{
	text-align: center;
}
.topic__pager{
	position: fixed;
	left: 110%;
}
.topic__controller{}
.topic__control{
	list-style: none;
	
	position: absolute;
	top: 0;
	bottom: 0;
	height: 35px;
	margin-top: auto;
	margin-bottom: auto;
}
.topic__control--back{ left: -50px; }
.topic__control--next{ right: -50px; }
.topic__obj{
	position: absolute;
	left: 20px;
	top: -100px;
	
	visibility: hidden;
}
.topic__obj.is--active{
	visibility: visible;
	
	animation: 			kf--taxi-appearance .9s ease-in-out both;
	-o-animation: 		kf--taxi-appearance .9s ease-in-out both;
	-ms-animation: 		kf--taxi-appearance .9s ease-in-out both;
	-moz-animation: 	kf--taxi-appearance .9s ease-in-out both;
	-webkit-animation: 	kf--taxi-appearance .9s ease-in-out both;
}
.topic__obj.is--active img{
	animation: 			kf--fadein .9s ease-in-out both;
	-o-animation: 		kf--fadein .9s ease-in-out both;
	-ms-animation: 		kf--fadein .9s ease-in-out both;
	-moz-animation: 	kf--fadein .9s ease-in-out both;
	-webkit-animation: 	kf--fadein .9s ease-in-out both;
}
}
@media (max-width: 768px){
.topics{
	margin-bottom: 80px;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0;
	background-color: #FEF0F5;
}
.topics__inner{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

.topic__heading{
	text-align: center;
	margin-bottom: 10px;
}
.topic__items{
	position: relative;
}
.topic__group{
	letter-spacing: -1em;
}
.topic__item{
	display: inline-block;
	letter-spacing: normal;
	margin-left: 5.3125%;
	width: 47.34375%;
}
.topic__item:first-child{
	margin-left: 0;
}
.topic__figure{
	position: relative;
	margin-bottom: 20px;
}
.topic__img{
	width: 100%;
}
.topic__figlabel{
	display: none;
}
.topic__note{
	text-align: center;
}
.topic__pager{
	position: fixed;
	left: 110%;
}
.topic__controller{}
.topic__control{
	list-style: none;
	
	position: absolute;
	top: 0;
	bottom: 0;
	height: 35px;
	margin-top: auto;
	margin-bottom: auto;
}
.topic__control--back{ left: -3.125%; }
.topic__control--next{ right: -3.125%; }
.topic__obj{
	display: none;
}
}







/*  */
@media (min-width: 769px){
.tour{
	margin-bottom: 100px;
}
.tour__heading{
	text-align: center;
	margin-bottom: 40px;
}
.tour__header{
	margin-bottom: 30px;
	border-bottom: 2px solid #F39800;
}
.tour__header:after{ content: ""; display: block; clear: both; }
.tour_menu__title{
	float: left;
	
	color: #000;
	font-size: 185%;
	font-weight: bold;
	line-height: 1.0em;
	padding-left: .25em;
	border-left: 8px solid #F39800;
}
.tour_menu{
	float: right;
}
.tour_menu__item{}
.tour_menu__link{}
.tour__items{
	letter-spacing: -1em;
	margin-left: -35px;
}
.tour__item{
	list-style: none;
	
	margin-left: 35px;
	margin-bottom: 30px;
	
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	
	position: fixed;
	left: 110%;
}
.tour__item.is--active{
	position: static;
	left: auto;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}
.tour__link{
	display: block;
	width: 234px;
	text-decoration: none;
}
.tour__photo{
	margin-bottom: 10px;
}
.tour__title{
	margin-bottom: 10px;
	text-align: center;
}
.tour__note{}
.tour__more{
	text-align: center;
	
	position: fixed;
	left: 110%;
}
.tour__more.is--active{
	position: static;
	left: auto;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}
}
@media (max-width: 768px){
.tour{
	margin-bottom: 80px;
}
.tour__header{
	text-align: center;
}
.tour__heading{
	text-align: center;
}
.tour_menu{
	position: fixed;
	left: 110%;
}
.tour_menu__item{}
.tour_menu__link{}
.tour_menu__remocon{
	/*
	border: 0 none;
	
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 1em;
	
	text-align: center;
	
	color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #F39801;
	background-image: url(../img/index/tour__select.gif);
	
	
	appearance: 			none;
	-o-appearance: 			none;
	-ms-appearance: 		none;
	-moz-appearance: 		none;
	-webkit-appearance: 	none;
	*/
}
.tour__items{
	/*----- for legacy -----*/
	display: -webkit-box;
	-webkit-box-pack: justify;
	/*----- for legacy -----*/
	
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	
	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}
.tour__item{
	list-style: none;
	width: 46.875%;
	margin-bottom: 3.125%;
	
	overflow: hidden;
	
	position: fixed;
	left: 110%;
}
.tour__item.is--active{
	position: static;
	left: auto;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}

.tour__link{
	display: block;
	text-decoration: none;
}
.tour__photo{
	margin-bottom: 5px;
}
.tour__img{
	width: 100%;
}
.tour__title{
	text-align: center;
	margin-bottom: 5px;
}
.tour__note{}
.tour__more{
	text-align: center;
	
	position: fixed;
	left: 110%;
}
.tour__more.is--active{
	position: static;
	left: auto;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}
}





















@media (min-width: 769px){}
@media (max-width: 768px){}
