@charset "UTF-8";
/* CSS Document */

@import url("normalize.css");
/* 共通 */
html,body {
	/* font-family: minion-pro, '游ゴシック体', Yu Gothic, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, Osaka, YuGothic, sans-serif; */
	font-family:AvertaStd-Semibold,sans-serif;
	font-size:16px;
	font-weight: 400;
	font-style: normal;
	color:#333;
  line-height:1.6;
	font-feature-settings: "palt" 1; 
}
div:lang(zh-CN) {
	font-family: "Noto Sans SC",sans-serif;
    /* font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑, "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; */
}
div:lang(zh-TW) {
	font-family:"Noto Sans TC",sans-serif;
    /* font-family: 'Segoe UI',SegoeUI,'Microsoft JhengHei',微軟正黑體, "SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif; */
}
div:lang(ko) {
	font-family:"Noto Sans KR",sans-serif;
/* font-family: Dotum, '돋움', "SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif; */}

img{
	width: 100%;
	height: auto;
}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
	color:#333;
}
em,i{
	font-style: normal;
}
.mt100{
	margin-top: 100px;
}

.fadein{
	opacity:0;
}
.fadein.is-active{
	opacity: 1;
	animation-name:bottom;
	animation-duration:0.5s;
}
@keyframes bottom {
  0% {
	opacity: 0;
	transform: translateY(20px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.wrapper {
    padding-bottom: 120px;
    box-sizing: border-box;
}
.pcno{
	display: none;
}
.spno{
	display: block;
}
/* 共通 end */
.MenuBtn{
	display: none;
}
.NavMenu{
	display: inline;
}
/* ナビ */
nav{
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #333333;
	padding: 8px 0;
	
	position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 1;
}
	nav.header_white{
		color: #333;
		background: #ffffff;
		box-shadow: 0px 5px 5px -7px rgba(0,0,0,0.5);
	}

nav .inner{
	max-width: 1100px;
	/* overflow: hidden; */
	margin: 0 auto;
	/* padding: 0 60px 0 20px; */
	box-sizing: border-box;
	position: relative;
}

nav .inner h1{
	font-size: 14px;
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	transition: .5s;
}
nav .inner h1 a{
	color: #ffffff;
}
nav .inner .right{
	float: right;
}
nav .inner .right ul{
	vertical-align: top;
	text-align: left;
	display: inline-block;
	margin: 5px 0 0;
}
nav .inner .right ul li{
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
nav .inner .right ul li:first-child{
	margin-top: 0;
	margin-left: 0;
}
nav .inner .right ul li.pcno{
	display: none;
}
nav .inner .right ul a{
	color: #ffffff;
	transition: all  0.5s ease;
}
nav .inner .right ul a:hover{
	opacity: 0.5;
}
nav .inner .right ul.list{
	margin-top: 0;
	display: none;
}
nav .inner .right .contact{
	display: inline-block;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	border-radius: 5px;
	background: #fff;
	margin-left: 20px;
	padding: 5px 10px 4px;
	transition: all  0.5s ease;
	white-space: nowrap;
}
	nav.header_white .inner .right .contact{
		background: #333;
		color: #fff;
	}
nav .inner .right .contact:hover{
	opacity: 0.5;
}
nav .inner .right .contact em{
	display: inline;
}
nav .inner .right .contact i{
	margin-right: 5px;
}
nav .inner .right .hotelsite{
	display: inline-block;
	color: #959595;
	vertical-align: top;
	margin: 5px 0 0 25px;
	margin-top: 5px;
	margin-left: 25px;
	transition: all  0.5s ease;
}
nav .inner .right .hotelsite:hover{
	opacity: 0.5;
}
	nav .inner .right .homelink a{
		color: #ffffff;
    	font-size: 20px;
    	font-weight: normal;
	}
	nav .inner .right ul{
		font-size: 20px;
		color: #959595;
		/* margin-top: -22px; */
	}
	nav .inner .right ul li{
		display: block;
		margin: 30px 0 0;
		/*margin: 60px 0 0;*/
		/*margin: 7vh 0 0;*/
	}
	nav .inner .right ul li.pcno{
		display: block;
		font-size: 16px;
		text-align: left;
	}
	nav .inner .right ul li a{
		/*font-weight: normal;*/
		font-weight: bold;
		text-align: left;
	}
	nav .inner .right ul li ul.list{
		display: block;
		margin-top: 0;
	}
	nav .inner .right ul li ul.list li{
		font-size: 16px;
		margin-top: 15px;
		/*margin-top: 35px;*/
		/*margin-top: 4vh;*/
	}
	nav .inner .right ul.list{
		display: block;
	}
	nav .inner .right .hotelsite{
		margin-left: 0 !important;
	}

	nav .NavMenu02{
	 width: 100vw;
 	 height: 100vh;
	}

nav .pan {
	font-size: 0;
	max-width: 980px;
	margin: 5px auto 0;
	padding: 0 20px;
	clear: both;
}
nav .pan li {
	font-size: 12px;
	display: inline-block;
	margin: 0 5px 0 0;
}
nav .pan li:before {
	margin: 0 5px 0 0;
	content: '>';
}
nav .pan li:first-child:before {
	display: none;
}
nav .pan li a{
	color: #333;
}


/* ナビ end */

/* メインビジュアル */
header{
	/*max-width: 980px;*/
	margin: 0 auto;
	background: url("../images/main.jpg") no-repeat center;
	background-size: cover;
	text-align: center;
	color: #ffffff;
	padding:0 20px;
	overflow: hidden;
	animation: Zoom 2s ease-in-out forwards;
	height: 100vh;
	position: relative;
}
@keyframes Zoom {
	0% { transform:scale(1.1);opacity: 0;}
	100% { transform:scale(1.0);opacity: 1;} 
}

header h2{
	font-size: 32px;
	animation: bottom 1s ease 2.5s 1 forwards;
	opacity: 0;
}
header h2 span{
	display: block;
	font-size: 22px;
}
header .size{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
header .lead{
	line-height: 2;
	margin-top: 20px;
	animation: bottom 1s ease 2.5s 1 forwards;
	opacity: 0;
}

@keyframes bottom {
  0% {
	opacity: 0;
	transform: translateY(20px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
header .hotelbox{
	background: rgba(1,1,1,.7);
	padding: 10px 20px;
	/*margin-top: 25px;*/
	animation: bottom 1s ease 3s 1 forwards;
	opacity: 0;
	
	/* width: 60%; */
	margin: 25px auto 0;
}
header h3{
	font-size: 14px;
	font-weight: bold;
}
header .hotellinks{
	font-size: 0;
	margin-top: 15px;
	animation: bottom 1s ease 3s 1 forwards;
	opacity: 0;
}
header .hotellinks li{
	/*width: 182px;*/
	width: 18.572%;
	display: inline-block;
	/*margin-left: 17px;*/
	padding-right: 1.7%;
}
header .hotellinks li:last-child{
	padding-right: 0;
}
header .hotellinks li a{
	display: block;
	height: 100%;
	position: relative;
}
header .hotellinks li a::before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(1,1,1,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
header .hotellinks li a:hover::before{
	background: none;
}
header .hotellinks li span{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	top: 50%;
  left: 50%;
	z-index: 2;
  transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);/* Safari用 */
	margin: auto;
}
header .hotellinks li a:hover span{
	display: none;
	text-shadow : 1px 1px 0px #000000,-1px -1px 0px #000000 ;
}

header .pagelinks{
	display: flex;
    justify-content: center;
}
header .pagelinks li{
margin: 0 1%;
}
header .btnlink{
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	background: #a0072b;
	padding: 10px 15px;
	margin: 30px 0 0 10px;
	animation: bottom 1s ease 3s 1 forwards;
	opacity: 0;
}

header .btnlink:first-child{
margin-left:0;
}

header .btnlink:hover{
	color: #a0072b;
	background: #ffffff;
	border: solid 1px #a0072b;
	box-sizing: border-box;
	padding: 9px 14px;	
}
header .btnlink span{
  position: relative;
  display: inline-block;
	padding: 0 0 0 15px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.MenuBtn02 {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 3;
}
nav.fixed{
	position: fixed;
	top: 0;
	z-index: 1;
}
.MenuBtn02.active{
	position: fixed;
	right: 40px;
  top: 10px;
}
	.MenuBtn02 span {
		display: block;
		position: absolute;
		width: 30px;
		border-bottom: solid 1px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	.header_white .MenuBtn02 span{
		border-bottom: solid 1px #333;
	}
	/*.MenuBtn02 span:nth-child(1) {top: 5px;}
	.MenuBtn02 span:nth-child(2) {top: 15px;}
	.MenuBtn02 span:nth-child(3) {top: 25px;}*/
	.MenuBtn02 span:nth-child(1) {top: 2px;}
	.MenuBtn02 span:nth-child(2) {top: 13px;}
	.MenuBtn02 span:nth-child(3) {top: 25px;}

  .MenuBtn02.active span{
		border-bottom: solid 1px #fff;
	}
	.MenuBtn02.active span:nth-child(1) {
		top: 18px;
		left: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.MenuBtn02.active span:nth-child(2){
		display: none;
	}
	.MenuBtn02.active span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.NavMenu02{
		 width: 100%;
		 display: none;
		 position: fixed;
		 z-index: 2;
		 top: 0;
		bottom: 0;
		 left: 0;
		 background: #333;
		 color: #fff;
		 text-align: center;
	}
	.NavMenu02 ul li a{
		display: block;
		color: #fff;
	}
.flex{
	display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* ナビ lang*/
nav .inner .right .accordion,nav .inner .right .accordion2{
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin: 0 45px 0 10px;
}
nav .inner .right .accordion .language,nav .inner .right .accordion2 .Find{
	font-size: 16px;
	cursor: pointer;
	position: relative;
}
nav .inner .right .accordion .language i,nav .inner .right .accordion2 .Find i{
	margin-right: 5px;
}
nav .inner .right .accordion .target,nav .inner .right .accordion2 .target{
	position: absolute;
	top: 28px;
	
}
nav .inner .right .accordion2 .target{ right: 0; }
nav .inner .right .accordion .target ul,nav .inner .right .accordion2 .target ul{
	background: #333333;
	/* padding: 0 20px 10px; */
}
nav .inner .right .accordion .target li,nav .inner .right .accordion2 .target li{
	overflow: hidden;
	height: 0;
	transition: .2s;
	margin:0;
	padding: 0 20px;
}
nav .inner .right .accordion:hover .target li,nav .inner .right .accordion2:hover .target li{
	overflow: visible;
	/* height: 28px; */
	height: auto;
}

nav .inner .right .accordion .target li a,nav .inner .right .accordion2 .target li a{
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	word-break: break-all;
}

nav .inner .right .accordion2:hover .target li.title{
	display: none;
}

nav .inner .right .us{
	/*display: inline-block;*/
	font-size: 14px;
	font-weight: bold;
	line-height: 1px;
	background: #333333;
	border-radius: 5px;
	padding: 3px 25px;
	margin-left: 70px;
}
/* ナビ lang end */


/* メインビジュアル end */

/* メインコンテンツ */
	br.pc { display:block; }
	br.tab { display:none; }
	br.sp { display:none; }
section{
    /*width: 100%;
		max-width: 1020px;*/
    margin: 40px auto 0;
}

.hotelimage,.hoteltext{
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}
.hotelimage{
	width: 56.848%;
	opacity: 0;
}
.is-active .hotelimage{
	animation: fadeIn 1s ease 0s 1 forwards;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.hotelimage li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.hoteltext{
	width: 43.152%;
}
.hoteltext .word{
	font-size: 18px;
	font-weight: bold;
	padding: 40px 20px 0 40px;
	opacity: 0;
}
.is-active .hoteltext .word{
	animation: faderight 1s ease .5s 1 forwards;
}
.ymh.is-active .hoteltext .word, .bmh.is-active .hoteltext .word{
	animation: fadeleft 1s ease .5s 1 forwards;
}
.hoteltext h4{
	font-size: 22px;
	color: #a0072b;
	border-bottom: solid 2px #a0072b;
	padding: 30px 20px 0 40px;
	opacity: 0;
}
.is-active .hoteltext h4{
	animation: faderight 1s ease .5s 1 forwards;
}
.ymh.is-active .hoteltext h4, .bmh.is-active .hoteltext h4{
	animation: fadeleft 1s ease .5s 1 forwards;
}
@keyframes faderight {
from {
    opacity: 0;
    transform: translateX(150px);
}
to {
    opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeleft {
from {
    opacity: 0;
    transform: translateX(-150px);
}
to {
    opacity: 1;
transform: translateX(0);
}
}
.hoteltext .comment{
	font-size: 16px;
	padding: 30px 20px 0 40px;
}
.hoteltext .comment i{
	font-style: normal;
	opacity: 0;
}
.hoteltext a{
	max-width: 400px;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	background: #ffffff;
	border: solid 1px #4e4e4e;
	box-sizing: border-box;
	padding: 15px;
	margin: 40px 20px 0 40px;
	opacity: 0;
}
.is-active .hoteltext a{
	animation: fadeIn 1s ease 3s 1 forwards;
}
.hoteltext a:hover{
	color: #ffffff;
  border: solid 1px #a0072b;
  background: #a0072b;
}
.hoteltext a span{
	padding-left: 10px;
	position: relative;
}

/*　メインコンテンツ end */


/*　フッター 
footer {
    width: 100%;
    background-color: #cfcdc8;
	text-align: center;
    color: #000;
    padding: 15px 0 10px;
}
footer ul.foot-slider {
	margin-left: 20px;
	text-align: left;
    margin: 0 auto 15px;
}
footer .slick-list {
	padding-left: 30px;
    padding-right: 30px;
}
footer ul.foot-slider li {
	margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
footer ul.foot-slider li span {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.6);
	box-sizing: border-box;
    padding: 5px;
}

div.footer-container {
	box-sizing:border-box;
	width: 100%;
	background-color: #fff;
	padding: 30px;
	display:flex;
}

div.copyright {
	display: inline-block;
	width: 50%;
    font-size: 80%;
    text-align: right;
}

div.privacy_policy {
	display: inline-block;
	width: 50%;
    font-size: 80%;
    text-align: left;
	margin-bottom:1em;
}
@media only screen and (max-width: 1100px) {
	nav .inner{
		padding: 0 20px;
	}
}
@media only screen and (max-width: 750px) {
/*lang*/
/* nav .inner .right .accordion{
	margin-top: 8px;
	margin-right:15px;
} */

nav .inner .right .accordion .target,nav .inner .right .accordion2 .target{
	display: none;
	top: 60px;
}
nav .inner .right .accordion2 .target{
	/* width: 300px;
	right: -20px; */
	right: 0;
}

nav .inner .right .accordion .target li,nav .inner .right .accordion2 .target li{
	overflow: inherit;
	height: auto;
	transition: 0;
}
nav .inner .right .accordion:hover .target li,nav .inner .right .accordion2:hover .target li{
	overflow: inherit;
	height: auto;
}
nav .inner .right .accordion2:hover .target li.title{
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
/*lang*/

div.footer-container {
	box-sizing:border-box;
	width: 100%;
	background-color: #fff;
	padding: 30px;
	display:block;
}

div.copyright {
	display: block;
	width: 100%;
    font-size: 80%;
    text-align: center;
}

div.privacy_policy {
	display: block;
	width: 100%;
    font-size: 80%;
    text-align: center;
}
	
}
/*　フッター end */

a.follow{
	display: none;
	width: 90px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-sizing: border-box;
	padding: 8px 0 8px 8px;
	background: #333333;
	position: fixed;
	top: 437px;
	right: 0;
	z-index: 1;
}
a.follow span{
	width: 100%;
	overflow: hidden;
	display: block;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-sizing: border-box;
	padding: 20px 19px;
}
a.follow span em{
	display: block;
	float: right;
	width: 16px;
}
a.follow span em + em{
	margin-right: 10px;
}

/* feature.html */
.feature section{
    width: 100%;
		max-width: 1020px;
	  margin-top: 115px;
}
.feature section h2 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #a0072b;
}
.feature section ul {
    display: flex;
	  flex-wrap: wrap;
}
.feature section ul li {
    width: 29.412%;
    margin-top: 40px;
    margin-left: 5.81%;
	opacity: 0;
}
.feature section ul li:first-child,.feature section ul li:nth-child(4) {
    margin-left: 0;
}
.feature section ul li:nth-child(1){
  	animation: listleft 0.5s ease 0.5s 1 forwards;
}
.feature section ul li:nth-child(2){
  	animation: listleft 0.5s ease 1s 1 forwards;
}
.feature section ul li:nth-child(3){
  	animation: listleft 0.5s ease 1.5s 1 forwards;
}
.feature section ul li:nth-child(4){
  	animation: listleft 0.5s ease 2s 1 forwards;
}
.feature section ul li:nth-child(5){
  	animation: listleft 0.5s ease 2.5s 1 forwards;
}
@keyframes listleft {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
	transform: translateX(0);
}
}
.feature ul li h3{
	font-size: 18px;
	margin-top: 20px;
}
.feature ul li p{
	margin-top: 25px;
}

/* feature.html end */

@media only screen and (max-width: 1200px){
	footer .slick-list{
		padding-left: 0;
	}
	footer ul.foot-slider li {
		margin-left: 0;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 980px){
	.feature section section{
		width: 90%;
		max-width: inherit;
	}
}
@media only screen and (max-width: 915px){
	nav {
		font-size: 1.3vw;
	}
	nav .inner .right .hotelsite{
		margin-left: 5px;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	br.pc { display:none; }
	br.tab { display:block; }
	br.sp { display:none; }	
	
	.hoteltext .word{padding-top: 20px;}
	.hoteltext h4{padding-top: 20px;}
	.hoteltext .comment{padding-top: 20px;}
	.hoteltext a{margin-top: 13px;}
}
@media screen and (min-width:751px) and ( max-width:767px) {
	.hoteltext .word{padding-top: 20px;}
	.hoteltext h4{padding-top: 15px;}
	.hoteltext .comment{padding-top: 20px;}
	.hoteltext a{margin-top: 11px;}
}
@media only screen and (max-width: 750px) {
	br.pc { display:none; }
	br.tab { display:none; }
	br.sp { display:block; }
	.pcno{
		display: block;
	}
	.spno{
		display: none;
	}
	body{
		position: relative;
	}
	/* バーガーメニュー */
	
	/*トグルボタンのスタイルを指定*/
	.MenuBtn {
		display: block;
		position: fixed;
		right: 10px;
		top: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 3;
	}
	.MenuBtn span {
		display: block;
		position: absolute;
		width: 30px;
		border-bottom: solid 1px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	.MenuBtn span:nth-child(1) {top: 5px;}
	.MenuBtn span:nth-child(2) {top: 15px;}
	.MenuBtn span:nth-child(3) {top: 25px;}

	.MenuBtn.active span:nth-child(1) {
		top: 18px;
		left: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.MenuBtn.active span:nth-child(2){
		display: none;
	}
	.MenuBtn.active span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.NavMenu{
		 width: 100%;
		 display: none;
		 position: fixed;
		 z-index: 2;
		 top: 0;
		 left: 0;
		 background: #333;
		 color: #fff;
		 text-align: center;
	}
	.NavMenu ul li a{
		display: block;
		color: #fff;
	}
	/* nav{
		height: 29px;
	} */
	nav .inner{
		/* padding-right: 60px; */
		/* position: relative; */
		display: flex;
	}
	nav .inner h1 span{
		display: none;
	}
	nav .inner h1{
		margin-right: auto;
    	word-break: break-all;
	}
	nav .inner .right{
		/* width: 100%; */
		/* display: flex;
		justify-content: space-between; */
		float: none;
		text-align: right;
	}
	nav .inner .right .homelink{
		width: 180px;
		display: block;
   	margin: 60px auto 0;
    text-align: left;
	}
	nav .inner .right .homelink a{
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
	}
	nav .inner .right ul{
		font-size: 20px;
		margin-top: 0;
	}
	nav .inner .right ul li{
		display: block;
	}
	nav .inner .right ul li.pcno{
		display: block;
		font-size: 16px;
		text-align: left;
	}
	nav .inner .right ul li a{
		font-weight: normal;
		text-align: left;
	}
	nav .inner .right ul li ul.list{
		display: block;
		margin-top: 0;
	}
	nav .inner .right ul li ul.list li{
		font-size: 16px;
	}
	nav .inner .right ul.list{
		display: block;
	}
	nav .inner .right .hotelsite{
		margin-left: 0 !important;
	}
	nav .pan{
		display: none;
	}
	.NavMenu{
	 width: 100vw;
 	 height: 100vh;
	}
	nav .inner .right .accordion{
		/* order: 1; */
		/* margin: 10px 0 0; */
		/* font-size: 10px;
		text-align: center; */
		margin: 0;
	}
	nav .inner .right .accordion .language{
		font-size: 10px;
		text-align: center;

	}
	nav .inner .right .accordion .language i{
		/* font-size: 36px; */font-size: 33px;
		display: block;
		margin: 0 0 3px;
	}
	nav .inner .right .accordion2{
		/* order: 2; */
		/* margin: 10px 0 0; */
		margin: 0;
	}
	nav .inner .right .accordion2 .Find{
		display: none;
	}

	.FindMenu {
		/* position: absolute;
		right: 10px;
		top: 0;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 3; */
		/* display: block;
		position: relative;
    	right: 25px; */
	}
	/* .FindMenu.active{
		position: fixed;
		right: 40px;
	  top: 10px;
	} */



		/* .FindMenu span {
			display: block;
			position: absolute;
			width: 30px;
			border-bottom: solid 1px #fff;
			-webkit-transition: .35s ease-in-out;
			-moz-transition: .35s ease-in-out;
			transition: .35s ease-in-out;
		}
		.header_white .FindMenu span{
			border-bottom: solid 1px #333;
		}
		.FindMenu span:nth-child(1) {top: 2px;}
		.FindMenu span:nth-child(2) {top: 13px;}
		.FindMenu span:nth-child(3) {top: 25px;}
	
	  .FindMenu.active span{
			border-bottom: solid 1px #fff;
		}
		.FindMenu.active span:nth-child(1) {
			top: 18px;
			left: 0;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.FindMenu.active span:nth-child(2){
			display: none;
		}
		.FindMenu.active span:nth-child(3) {
			top: 18px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		} */
		.FindMenu{
			text-align: center;
			font-size: 10px;
			margin: 0 25px;
		}
		.FindMenu i{
			/* font-size: 36px; */font-size: 33px;
			display: block;
			margin: 0 0 3px;
		}


		.NavMenu02{
			 width: 100%;
			 display: none;
			 position: fixed;
			 z-index: 2;
			 top: 0;
			bottom: 0;
			 left: 0;
			 background: #333;
			 color: #fff;
			 text-align: center;
		}
		.NavMenu02 ul li a{
			display: block;
			color: #fff;
		}


	nav .inner .right .contact{
		/* position: absolute;
		right: 20px;
		top: 0; */
		background: none;
    	color: #fff;
		font-size: 10px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	nav .inner .right .contact i{
		/* font-size: 41px; */font-size: 38px;
		display: block;
		margin: -5px 0 3px;
	}
	/* メインコンテンツ */
	header h2 {
    font-size: 26px;
    /*margin-top: 40px;*/
		/*margin-top: 5vh;*/
	}
	header h2 span {
    font-size: 18px;
	}
	header .size {
    max-width: inherit;
    margin: 0;
	}
	header .lead{
		font-size: 14px;
		margin: 10px 20px 0;
		line-height: 1.5;
		text-align: left;
	}
	header .lead br{
		display: none;
	}
	header .hotelbox{
		width: auto;
	}

	header .pagelinks{
		    display: block;
	}	
	
	header .pagelinks li{
	margin: 2% 0;
	}
	header .pagelinks a{
	width: 60%;
	text-align:center;
	}	

	header .btnlink{
		margin:10px 0 0 0px;
	}
	header .btnlink:hover{
	color: #a0072b;
	background: #ffffff;
	border: solid 1px #a0072b;
	box-sizing: border-box;
	padding: 9px 14px;	
	width: 70%;
	}
	/*header .hotellinks li{
		padding-right: 1%;
	}*/
	header .hotellinks li span{
		font-size: 12px;
	}
	header .slick-list{padding-right: 15%;}
	
	section{
		display: flex;
		flex-direction: column;
    flex-wrap: wrap;
	}
	.hotelimage{
		width: 100%;
		order: 1;
	}
	.hoteltext {
    width: 100%;
		order: 2;
	}
	.hoteltext .word {
    font-size: 16px;
    padding: 20px 20px 0 20px;
	}
	.hoteltext h4 {
    font-size: 20px;
    border-bottom: solid 1px #a0072b;
    padding: 15px 20px 0 20px;
	}
	.hoteltext .comment {
    font-size: 14px;
    padding: 15px 20px 0 20px;
	}
	.hoteltext a{
		margin: 20px 20px 0 20px;
	}
	
	@keyframes faderight {
	from {
			opacity: 0;
			transform: translateX(-150px);
	}
	to {
			opacity: 1;
	transform: translateX(0);
	}
	}
	@keyframes fadeleft {
	from {
			opacity: 0;
			transform: translateX(-150px);
	}
	to {
			opacity: 1;
	transform: translateX(0);
	}
	}
	
	.address {
		margin-top: 50px;
	}
	.address .addressbar{
		text-align: left;
	}
	.address .addressbar li{
		display: block;
		margin-left: 0;
	}
	.address .hotellinks li a {
    font-size: 12px;
}
	/* メインコンテンツ end */
	
	/*　フッター */
	footer ul.foot-slider li {
		width: 210px;
		margin-right: 10px;
	}
	/*　フッター end */
	
	a.follow{
		width: auto;
		display: block;
		font-size: 14px;
		margin: 0;
	}
	a.follow span{
		margin: 0;
		padding: 15px 12px;
	}
	/* feature.html */
	.feature section ul li {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
		opacity: 0;
	}
	.feature section ul li:nth-child(2),.feature section ul li:nth-child(3),.feature section ul li:nth-child(4),.feature section ul li:nth-child(5){
		opacity: 0;
		animation: none;
	}
	.feature section ul li:nth-child(2).is-active,.feature section ul li:nth-child(3).is-active,.feature section ul li:nth-child(4).is-active,.feature section ul li:nth-child(5).is-active{
		/*opacity: 1;*/
		animation: listleft 0.5s ease 0.5s 1 forwards;
	}
	.feature section ul li h3{
		font-size: 16px;
		margin: 10px 20px 0;
	}
	.feature section ul li p {
    margin: 10px 20px 0;
	}
	/* feature.html end */
	.MenuBtn02.active{
		right: 10px;
		top: 5px;
	}
}

@media only screen and (max-width: 400px) {
	.address .hotellinks{
		text-align: left;
	}
	.address .hotellinks li{
		margin-left: 0;
	}
	.address .hotellinks li:nth-child(even){
		margin-left: 5px;
	}
}