@charset "utf-8";
body {
	background-color: #FFFFFF;
	font-family: "Mplus 1p","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
/* wrapper */
#wrapper {
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	width: 1060px;
}
#container {
}
header {
	margin:0 auto;
	width:1060px;
	background: url("../images/hokkaido.jpg") no-repeat;
	background-position: top 0px right 1px;
	border: 0;
	height: auto;
}

#header h1{
	clear:both;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	padding: 10px;
	color:#000000;
	font-size:160%;
	font-weight:bold;
}

#header h1 img{
}

.slides li img {
	width: 100%;
	height: auto;
}

.contents-head {
	width: 100%;
}
.contents-head img {
	width: 100%;
	height: auto;
}
.sm {
	display: none;
}

/* top */
.top-intro {
	width: 530px;
	height: 500px;
	float: left;
	text-indent: -9876px;
	background: url("../images/top_intro.png") no-repeat;
	background-position: top 40px right 1px;
	background-size: auto;
}
.top-resv {
	width: 500px;
	float: right;
	text-align: center;
	padding-top: 40px;
}
.resv-btn {
	padding: 20px;
}
.resv-num {
	padding: 10px;
}
h3.top-news-h {
	border-top: #8E8E8E 1px solid;
	border-bottom: #8E8E8E 1px solid;
	clear: both;
	text-align: center;
	text-indent: -9876px;
	background: url("../images/top_news.png") no-repeat center;
	height: 50px;
}
ul.top-news-li {
	width: 600px;
	margin: 30px auto;
	list-style: none;
}
ul.top-news-li li {
	padding: 10px 0;
}
.top-about {
	padding: 30px 0;
	width: 900px;
	margin: 0 auto;
}
.top-honkan {
	width: 366px;
	float: left;
}
.top-shinkan {
	width: 366px;
	float: right;
}
.hotel-name {
	font-size: 22px;
	line-height: 220%;
}
.top-about address {
	line-height: 160%;
}
ul.circle-link {
  display: flex;
	justify-content:space-around;
	padding: 30px;
	list-style: none;
}
 
ul.circle-link li {
  display: flex;
	align-items: center; 
}
ul.fb-bnr {
  display: flex;
	justify-content:space-around;
	padding: 30px;
	list-style: none;
}
 
ul.fb-bnr li {
  display: flex;
	align-items: center; 
}
.facebook {
	text-align: center;
	width: 500px;
	margin: 0 auto;
}
.fb-page {
	text-align: center;
	padding: 50px 0;
}
.fb-xfbml-parse-ignore{
	text-align: center;
}
/* about */
#about-container {}
#about-container h2 {
	background: url(../images/about_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
.envy-intro {
	width: 600px;
	margin: 0px auto 80px;
}
.envy-intro h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 15px;
}
.envy-intro p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.envy-intro-wrap {
	width: 890px;
	margin: 0px auto 70px;
}
.about-1-img {
	margin-bottom: 80px;
}
.intro-sec {
	clear: both;
	padding: 40px 0 40px 0
}
.intro-arc-1 {
	width: 420px;
	float: left;
	margin-bottom: 80px;
}
.intro-arc-1 h3 {
	font-size: 26px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 15px;
}
.intro-arc-1 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.about-2-img {
	width: 420px;
	float: right;
}
.intro-arc-2 {
	width: 420px;
	float: right;
	margin-bottom: 80px;
}
.intro-arc-2 h3 {
	font-size: 26px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 15px;
}
.intro-arc-2 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.about-3-img {
	width: 420px;
	float: left;
}

/* room */
#room-container {}
#room-container h2 {
	background: url(../images/room_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
.room-wrap {
	width: 1000px;
	margin: 0px auto 80px;
}
.room-gallery{
	width: 460px;
	float: left;
	margin-bottom: 80px;
	padding-top: 10px;
}
.room-accom-img {
	width: 480px;
	float: right;
}
.room-gallery ul {
	list-style: none;
	padding-top: 5px;
}
.room-gallery li {
	display: inline-block;
	padding: 5px;
}
.room-wrap h3 {
	clear: both;
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 40px;
	padding-top: 50px;
	text-align: center;
}
.room-wrap h4 {
	clear: both;
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 40px;
	padding-top: 50px;
	text-align: center;
}
.room-wrap p {
	text-align: center;
	margin-bottom: 20px;
	line-height: 150%;
}
ul.soubi-photo {
	list-style: none;
	clear: both;
	padding-bottom: 30px;
	text-align: center;
	align-items: center; 
	margin-top: 40px;
}
 
ul.soubi-photo li {
  display:inline-block;
	text-align: center;
	align-items: center;
	padding-bottom: 5px;
}


/* access */
#access-container {}
#access-container h2 {
	background: url(../images/access_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
#access-container h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}
.access-txt {
	width: 600px;
	margin: 0px auto 80px;
}
.access-txt h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 15px;
}
.access-txt p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.access-map {
	text-align: center;
	margin: 0px auto 80px;
}
.access-map img {
	max-width: 100%;
	height: auto;
}
.google-map {
	text-align: center;
	margin-bottom: 80px;
}

/* dinner */
#dinner-container {}
#dinner-container h2 {
	background: url(../images/dinner_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
#dinner-container h3 {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}
.logo-mark {
	text-align: center;
	margin-bottom: 80px;
}
.dining-sec {
	clear: both;
	padding: 40px 0 80px 0;
	width: 960px;
	margin: 0 auto;
}
.dining-arc-1 {
	width: 380px;
	float: right;
	margin-bottom: 80px;
}
.dining-arc-1 h3 {
	font-size: 24px !important;
	letter-spacing: 0.1em !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	text-align: left !important;
}
.dining-arc-1 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.dining-1-img {
	width: 530px;
	float: left;
	margin-bottom: 80px;
}
.dining-arc-2 {
	width: 420px;
	float: left;
	margin-bottom: 80px;
}
.dining-arc-2 h3 {
	font-size: 24px !important;
	letter-spacing: 0.1em !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	text-align: left !important;
}
.dining-arc-2 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.dining-2-img {
	width: 480px;
	float: right;
	margin-bottom: 80px;
}
ul.meal-photo {
  display: flex;
	justify-content:space-around;
	padding: 30px;
	list-style: none;
	clear: both;
	padding-bottom: 30px;
}
 
ul.meal-photo li {
  display: flex;
	align-items: center; 
}

.extra-bnr {
	text-align: center;
	margin-bottom: 80px;
	margin-top: 80px;
}
.tel-num {
	font-size: 28px !important;
	vertical-align: baseline;
	line-height: 200%;
}

dl.dining-price {
	margin-top: 15px;
}
dl.dining-price dt {
	padding: 10px;
	background-color: #E5E5E5;
	margin-top: 15px;
}
dl.dining-price dd {
	font-size: 24px;
	padding: 5px 30px;
	line-height: 150%;
	color: #740808;
}
.dining-txt {
	width: 600px;
	margin: 0px auto 40px;
	text-align: center;
}
.dining-txt p {
	letter-spacing: 0.1em;
	line-height: 200%;
}

/* lounge */
#lounge-container {}
#lounge-container h2 {
	background: url(../images/lounge_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
#lounge-container h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}
.lounge-sec {
	clear: both;
	padding: 40px 0 80px 0;
	width: 960px;
	margin: 0 auto;
}
.lounge-arc-1 {
	width: 420px;
	float: right;
	margin-bottom: 80px;
}
.lounge-arc-1 h3 {
	font-size: 24px !important;
	letter-spacing: 0.1em !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	text-align: left !important;
}
.lounge-arc-1 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.lounge-1-img {
	width: 480px;
	float: left;
	margin-bottom: 80px;
}
ul.lounge-photo {
  display: flex;
	justify-content:space-around;
	padding: 30px;
	list-style: none;
	clear: both;
	padding-bottom: 0px;
}
 
ul.lounge-photo li {
  display: flex;
	align-items: center; 
}
ul.lounge-photo li div {
	text-align: center;
	line-height: 200%;
}

dl.lounge-price {
	margin-top: 15px;
}
dl.lounge-price dt {
	padding: 10px;
	background-color:#000000;
	color: #FFFFFF;
	margin-top: 15px;
}
dl.lounge-price dd {
	padding: 15px 30px;
	line-height: 150%;
}
.plan-price {
	font-size: 24px !important;
	vertical-align: baseline;
	color: #B50306;
	line-height: 150%;
}
.uchikeshi {
	text-decoration: line-through;
	font-size: 1.3em;
	color: #E08400;
	vertical-align: baseline;
}
.karaoke {
	font-size: 1.3em;
	color: #E08400;
	font-weight: 500;
}


/* bento */
#bento-container {}
#bento-container h2 {
	background: url(../images/apron_page_title.png) top center no-repeat;
	width: 430px;
	height: 100px;
	text-indent: -9876px;
	margin: 80px auto;
}
#bento-container h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}
.bento-sec {
	clear: both;
	padding: 40px 0 80px 0;
	width: 960px;
	margin: 0 auto;
}
.bento-arc-1 {
	width: 420px;
	float: right;
	margin-bottom: 80px;
}
.bento-arc-1 h3 {
	font-size: 24px !important;
	letter-spacing: 0.1em !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	text-align: left !important;
}
.bento-arc-1 p {
	letter-spacing: 0.1em;
	line-height: 200%;
}
.bento-1-img {
	width: 480px;
	float: left;
	margin-bottom: 80px;
}
ul.bento-photo {
  display: flex;
	justify-content:space-around;
	padding: 30px;
	list-style: none;
	clear: both;
	padding-bottom: 30px;
}
 
ul.bento-photo li {
  display: flex;
	align-items: center; 
}
ul.bento-photo li div {
	text-align: center;
	line-height: 200%;
}
.bento-map {
	text-align: center;
	margin: 80px auto 80px;
}
.bento-map img {
	max-width: 100%;
	height: auto;
}

/* footer */
#footer-container {
	padding: 30px 0;
}
#foot-nav {
	margin: 0 auto;
	clear: both;
}
.foot-nav {
	padding: 10px;
	text-align: center;
	border-top: #8E8E8E 1px solid;
	border-bottom: #8E8E8E 1px solid;
}
.foot-nav ul {
	list-style: none;
	text-align: center;
}
.foot-nav ul li {
	padding: 5px 20px;
	font-size: 14px;
	display: inline-block;
}
.foot-nav ul li.gray {
	color: #bbbbbb;
}
.foot-nav ul li a ,
.foot-nav ul li a:hover ,
.foot-nav ul li a:visited {
	color: #000000;
}
.copyright {
	clear: both;
	text-align: center;
	padding: 20px;
	color: #222222;
	line-height: 150%;
	font-size: 14px;
}

/* 1025px以上 PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px){
	nav#mainNav{
		position:relative;
		margin:0 auto;
		width:1060px;
	}

	nav#mainNav ul{
		display:flex;
		justify-content: center;
		align-items: center;
		margin:20px 0;
		border-bottom: #8E8E8E 1px solid;
		border-top: #8E8E8E 1px solid;
		list-style: none;
	}

	nav#mainNav ul li{
		float:left;
	}

	nav#mainNav ul li a{
		display: block;
		text-align: center;
		_float:left;
		height:60px;
		line-height:60px;
		padding:0 20px 0;
		font-size:100%;
		color:#000000;
	}

	nav#mainNav ul li a:hover{
		color:#cdcdcd;
		text-decoration: none;
	}

	nav#mainNav ul ul{
		width:160px;
		border-top:0;
	}

	nav#mainNav ul li ul{
		display: none;
	}

	nav#mainNav ul li:hover ul{
		display: block;
		position: absolute;
		top:50px;
		text-align:center;
		z-index:500;
	}

	nav#mainNav ul li li{
		background:#ffffff;
		border-bottom:1px dotted #cdcdcd;
		float: none;
		width:160px;
		height:40px;
		line-height:40px;
		margin:0;
	}

	nav#mainNav ul li li:last-child{
		border:0;
	}

	nav#mainNav ul li li a{
		width:100%;
		height:40px;
		padding:0;
		line-height:40px;
		font-size:95%;
	}

	nav#mainNav ul li li a:hover{
		color:#cdcdcd;
	}

	nav div.panel{
		display:block !important;
	}

	a#menu{
		display:none;
	}

}
/* over 1025px */

/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
/* wrapper */
	#wrapper {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#container {
		width: 100%;
		padding:0px 0px;
	}
	header {
		margin:0 auto;
		width: 100%;
	}
	#mainNav{
		clear:both;
		width:100%;
		margin-bottom:10px;
		border-bottom: #8E8E8E 1px solid;
		border-top: #8E8E8E 1px solid;
	}

	#mainNav a.menu{
		width:100%;
		display:block;
		height:40px;
		line-height:40px;
		font-weight:bold;
		text-align:left;
		color:#000000;
		background:url(../images/menuOpen.png) no-repeat 8px 7px;
	}
	
	#mainNav a#menu span{
		padding-left:2.5em;
	}

	#mainNav a.menuOpen{
		background:url(../images/menuOpen.png) no-repeat 8px -35px;
	}

	nav .panel{
		display: none;
		width:100%;
		position:relative;
		right:0;
		top:0;
		z-index:1;
	}

	.panel ul{
		margin:0;padding:0;
	}

	.panel ul li{
		float: none;
		clear:both;
		width:100%;
		height:auto;
		line-height:1.2;
	}

	.panel ul li a,.panel ul li.current-menu-item li a{
		display: block;
		width:100%;
		padding:1em 0;
		text-align:left;
		color:#000000;
	}

	.panel ul li a span{
		padding-left:1em;
	}

	.panel ul li a:hover{
		color:#cdcdcd;
	}

	.panel ul li li{
		float:left;
		border:0;
	}

	.panel ul li li a span{
		padding-left:35px;
	}

	nav div.panel{
		float:none;
	}
	
	
	.top-intro {
		width: 50%;
		height: 400px;
		float: left;
		text-indent: -9876px;
		background: url("../images/top_intro.png") no-repeat;
		background-position: top 40px right 1px;
		background-size: 100%;
	}
	.top-resv {
		width: 50%;
		float: right;
		text-align: center;
		padding-top: 30px;
	}
	.top-resv img {
		max-width: 100%;
		height: auto;
	}
	
	ul.circle-link {
		width: 100%;
		display: flex;
		justify-content:space-around;
		padding: 0px;
		list-style: none;
	}

	ul.circle-link li {
		display: flex;
		align-items: center; 
		width: 33%;
	}
	ul.circle-link li img {
		max-width: 100%;
		height: auto;
	}
	ul.fb-bnr {
		width: 100%;
		display: flex;
		justify-content:space-around;
		padding: 20px 0;
		list-style: none;
	}

	ul.fb-bnr li {
		display: flex;
		align-items: center; 
		width: 30%;
	}
	ul.fb-bnr li img {
		max-width: 100%;
		height: auto;
	}
	
	/* room */
	.room-wrap {
		width: 100%;
		margin: 0px auto 80px;
	}
	.room-gallery{
		width: 48%;
		float: left;
		margin-bottom: 40px;
		padding-top: 10px;
	}
	.room-accom-img {
		width: 48%;
		float: right;
	}
	.room-accom-img img {
		max-width: 100%;
		height: auto;
	}
	#main-image ,
	#main-image2 ,
	#main-image3 {
		width: 100%;
		height: auto;
	}
	.room-gallery ul {
		list-style: none;
		padding-top: 5px;
		text-align: center;
	}
	.room-gallery li {
		display: inline-block;
		padding: 0px;
		width: 23%;
		margin: 0;
	}
	.room-gallery li img {
		max-width: 100%;
		height: auto;
	}

	/* dinner */
	.dining-sec {
		clear: both;
		padding: 40px 0 80px 0;
		width: 96%;
		margin: 0 auto;
	}
	.dining-arc-1 {
			width: 48%;
		float: right;
		margin-bottom: 80px;
	}
	.dining-arc-1 h3 {
		font-size: 24px !important;
		letter-spacing: 0.1em !important;
		font-weight: normal !important;
		margin-bottom: 5px;
		text-align: left !important;
	}
	.dining-arc-1 p {
		letter-spacing: 0.1em;
		line-height: 200%;
	}
	.dining-1-img {
			width: 48%;
		float: left;
		margin-bottom: 80px;
	}
	.dining-1-img img {
		max-width: 100%;
		height: auto;
	}
	.dining-arc-2 {
			width: 48%;
		float: left;
		margin-bottom: 80px;
	}
	.dining-arc-2 h3 {
		font-size: 24px !important;
		letter-spacing: 0.1em !important;
		font-weight: normal !important;
		margin-bottom: 5px;
		text-align: left !important;
	}
	.dining-arc-2 p {
		letter-spacing: 0.1em;
		line-height: 200%;
	}
	.dining-2-img {
			width: 48%;
		float: right;
		margin-bottom: 80px;
	}
	.dining-2-img img {
		max-width: 100%;
		height: auto;
	}
	ul.meal-photo {
		display: flex;
		justify-content:space-around;
		padding: 30px;
		list-style: none;
		clear: both;
		padding-bottom: 30px;
	}

	ul.meal-photo li {
		display: flex;
		align-items: center; 
		width: 33%;
	}
	ul.meal-photo li img {
		max-width: 100%;
		height: auto;
	}

	.extra-bnr {
		text-align: center;
		margin-bottom: 80px;
	}

	/* lounge */
	.lounge-sec {
		clear: both;
		padding: 40px 0 80px 0;
		width: 100%;
		margin: 0 auto;
	}
	.lounge-arc-1 {
		width: 48%;
		float: right;
		margin-bottom: 80px;
	}
	.lounge-arc-1 h3 {
		font-size: 24px !important;
		letter-spacing: 0.1em !important;
		font-weight: normal !important;
		margin-bottom: 5px;
		text-align: left !important;
	}
	.lounge-arc-1 p {
		letter-spacing: 0.1em;
		line-height: 200%;
	}
	.lounge-1-img {
		width: 48%;
		float: left;
		margin-bottom: 80px;
	}
	.lounge-1-img img {
		max-width: 100%;
		height: auto;
	}
	ul.lounge-photo {
		display: flex;
		justify-content:space-around;
		padding: 30px;
		list-style: none;
		clear: both;
		padding-bottom: 30px;
	}

	ul.lounge-photo li {
		display: flex;
		align-items: center; 
		width: 33%;
	}
	ul.lounge-photo li img {
		max-width: 100%;
		height: auto;
	}

	/* bento */
	.bento-sec {
		clear: both;
		padding: 40px 0 80px 0;
		width: 100%;
		margin: 0 auto;
	}
	.bento-arc-1 {
		width: 48%;
		float: right;
		margin-bottom: 80px;
	}
	.bento-arc-1 h3 {
		font-size: 24px !important;
		letter-spacing: 0.1em !important;
		font-weight: normal !important;
		margin-bottom: 5px;
		text-align: left !important;
	}
	.bento-arc-1 p {
		letter-spacing: 0.1em;
		line-height: 200%;
	}
	.bento-1-img {
		width: 48%;
		float: left;
		margin-bottom: 80px;
	}
	.bento-1-img img {
		max-width: 100%;
		height: auto;
	}
	ul.bento-photo {
		display: flex;
		justify-content:space-around;
		padding: 30px;
		list-style: none;
		clear: both;
		padding-bottom: 30px;
	}

	ul.bento-photo li {
		display: flex;
		align-items: center; 
		width: 33%;
	}
	ul.bento-photo li img {
		max-width: 100%;
		height: auto;
	}


}
/* under 1024px */

/* 900px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 900px){
	/* top */
	.top-about {
		padding: 20px 0;
		width: 100%;
		margin: 0 auto;
	}
	.top-honkan {
		width: 44%;
		padding: 3%;
		float: left;
	}
	.top-shinkan {
		width: 44%;
		padding: 3%;
		float: right;
	}
	.top-honkan img ,
	.top-shinkan img {
		max-width: 100%;
		height: auto;
	}
	/* about */
	.envy-intro-wrap {
		width: 96%;
		margin: 0px auto 30px;
	}
	.about-1-img {
		margin-bottom: 30px;
	}
	.about-1-img img {
		width: 100%;
		height: auto;
	}
	.envy-intro {
		width: 600px;
		margin: 0px auto 30px;
	}
	.envy-intro h3 {
		font-size: 20px;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.envy-intro p {
		letter-spacing: 0.1em;
		line-height: 150%;
	}
	.intro-arc-1 {
		width: 48%;
		float: left;
		margin-bottom: 30px;
	}
	.intro-arc-1 h3 {
		font-size: 20px;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.intro-arc-1 p {
		letter-spacing: 0.1em;
		line-height: 150%;
	}
	.about-2-img {
		width: 48%;
		float: right;
	}
	.about-2-img img {
		width: 100%;
		height: auto;
	}
	.intro-arc-2 {
		width: 48%;
		float: right;
		margin-bottom: 30px;
	}
	.intro-arc-2 h3 {
		font-size: 20px;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.intro-arc-2 p {
		letter-spacing: 0.1em;
		line-height: 150%;
	}
	.about-3-img {
		width: 48%;
		float: left;
	}
	.about-3-img img {
		width: 100%;
		height: auto;
	}
	.google-map {
		width: 100%;
		margin-bottom: 80px;
	}
	.google-map iframe {
		width: 100%;
	}
}
/* under 900px */

/* 640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){
	header {
		background-position: top 0px left 20px;
	}
	ul.top-news-li {
		width: 90%;
		margin: 30px auto;
		list-style: none;
	}
	/* room */
	.room-wrap {
		width: 100%;
		margin: 0px auto 80px;
	}
	.room-gallery{
		width: 100%;
		float: none;
		margin-bottom: 40px;
		padding-top: 10px;
	}
	.room-accom-img {
		width: 100%;
		float: none;
	}
	/* access */
	.access-txt {
		width: 100%;
		margin: 0px auto 30px;
	}
	.dining-txt {
		width: 100%;
		margin: 0px auto 30px;
	}
}
/* under 640px */

/* 420px以下から
------------------------------------------------------------*/
@media only screen and (max-width:420px){
	/* top */
	.slides li img {
		width: 100%;
		height: 180px;
		object-fit: cover;
	}
	.sm {
		display:inline;
	}
	.top-intro {
		width: 100%;
		height: 320px;
		float: none;
		text-indent: -9876px;
		background: url("../images/top_intro.png") no-repeat;
		background-position: top 10px right 1px;
		background-size: 100%;
	}
	.top-resv {
		width: 100%;
		float: none;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.top-resv img {
		max-width: 100%;
		height: auto;
	}
	.top-honkan {
		width: 90%;
		padding: 5%;
		float: none;
	}
	.top-shinkan {
		width: 90%;
		padding: 5%;
		float: none;
	}

	ul.fb-bnr {
		width: 100%;
		display: block;
		padding: 20px 0;
	}

	ul.fb-bnr li {
		display: block;
		align-items: center; 
		width: 90%;
		margin: 10px auto;
		text-align: center;
	}
	/* about */
	#about-container h2 {
		background: url(../images/access_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	.envy-intro-wrap {
		width: 90%;
		margin: 0px auto 30px;
	}
	.about-1-img {
		margin-bottom: 40px;
	}
	.envy-intro {
		width: 90%;
		margin: 0px auto 30px;
	}
	.envy-intro h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.envy-intro p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.intro-arc-1 {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.intro-arc-1 h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.intro-arc-1 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.about-2-img {
		width: 100%;
		float: none;
	}
	.about-2-img img {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	.intro-arc-2 {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.intro-arc-2 h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.intro-arc-2 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.about-3-img {
		width: 100%;
		float: none;
	}
	.about-3-img img {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	
	/* room */
	#room-container h2 {
		background: url(../images/room_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	
	ul.soubi-photo li img {
		width: 100px;
		height: 100px;
	}
	.room-wrap h3 {
		font-size: 20px;
	}
	.room-wrap h4 {
		font-size: 18px;
	}

	
	
	/* access */
	#access-container h2 {
		background: url(../images/access_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	#access-container h3 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-bottom: 40px;
		text-align: center;
	}
	.access-txt {
		width: 90%;
		margin: 0 auto 60px;
	}
	.access-txt p {
		letter-spacing: 0em;
		line-height: 140%;
	}

	/* dinner */
	#dinner-container h2 {
		background: url(../images/dinner_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	#dinner-container h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 20px;
		text-align: center;
		clear: both;
	}
	.logo-mark {
		text-align: center;
		width: 60%;
		margin: 0 auto 20px auto;
	}
	.logo-mark img {
		width: 100%;
		height: auto;
	}
	.dining-sec {
		clear: both;
		padding: 0px 0 40px 0;
		width: 96%;
		margin: 0 auto;
	}
	.dining-arc-1 {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.dining-arc-1 h3 {
		font-size: 20px !important;
		letter-spacing: 0em !important;
		font-weight: normal !important;
		margin-bottom: 5px !important;
		text-align: left !important;
	}
	.dining-arc-1 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.dining-1-img {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.dining-arc-2 {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.dining-arc-2 h3 {
		font-size: 20px !important;
		letter-spacing: 0em !important;
		font-weight: normal !important;
		margin-bottom: 5px !important;
		text-align: left !important;
	}
	.dining-arc-2 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.dining-2-img {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	ul.meal-photo {
		width: 100%;
		display: block;
		padding: 0px 0 0 0;
	}

	ul.meal-photo li {
		display: block;
		align-items: center; 
		width: 90%;
		margin: 10px auto;
		text-align: center;
	}

	.extra-bnr {
		text-align: center;
		width: 96%;
		margin: 40px auto 40px auto;
	}
	.extra-bnr img {
		width: 100%;
		height: auto;
	}
	.dining-txt {
		width: 90%;
		margin: 0 auto 60px;
		text-align: left;
	}
	.dining-txt p {
		letter-spacing: 0em;
		line-height: 140%;
	}

	/* lounge */
	#lounge-container h2 {
		background: url(../images/lounge_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	#lounge-container h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 40px;
		text-align: center;
		clear: both;
	}
	.lounge-sec {
		clear: both;
		padding: 0px 0 20px 0;
		width: 96%;
		margin: 0 auto;
	}
	.lounge-arc-1 {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.lounge-arc-1 h3 {
		font-size: 20px !important;
		letter-spacing: 0em !important;
		font-weight: normal !important;
		margin-bottom: 5px !important;
		text-align: left !important;
	}
	.lounge-arc-1 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.lounge-1-img {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	ul.lounge-photo {
		width: 100%;
		display: block;
		padding: 20px 0;
	}

	ul.lounge-photo li {
		display: block;
		align-items: center; 
		width: 90%;
		margin: 10px auto;
		text-align: center;
	}
	
	/* bento */
	#bento-container h2 {
		background: url(../images/bento_page_title.png) top center no-repeat;
		background-size: 80%;
		width: 100%;
		height: 80px;
		text-indent: -9876px;
		margin: 30px auto;
	}
	#bento-container h3 {
		font-size: 20px;
		letter-spacing: 0em;
		font-weight: normal;
		margin-bottom: 40px;
		text-align: center;
		clear: both;
	}
	.bento-sec {
		clear: both;
		padding: 0px 0 20px 0;
		width: 96%;
		margin: 0 auto;
	}
	.bento-arc-1 {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.bento-arc-1 h3 {
		font-size: 20px !important;
		letter-spacing: 0em !important;
		font-weight: normal !important;
		margin-bottom: 5px !important;
		text-align: left !important;
	}
	.bento-arc-1 p {
		letter-spacing: 0em;
		line-height: 130%;
	}
	.bento-1-img {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	ul.bento-photo {
		width: 100%;
		display: block;
		padding: 20px 0;
	}

	ul.bento-photo li {
		display: block;
		align-items: center; 
		width: 90%;
		margin: 10px auto;
		text-align: center;
	}
	
	#footer-container {
		padding: 10px 0;
	}
}
/* under 420px */