body{
	margin:0;
	padding:0;
	width:100%;
	}
img{width:100%;}
#sp{
	display: none;
}
.sp{
	display: none;
}

/*共通パーツ*/

.fs20{font-size:1vw;}
.fs30 {font-size:1.8vw;}
.fs40 {font-size:2.24vw;}
.fs50 {font-size:2.8vw;}
.mintyo{
	/*font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.white{color: white;}
.absolute{position:absolute;}
.flex{display: flex;}

/*動画*/
#mp4-region {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#mp4-region video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*ロゴ*/
#logo-img{
	position: fixed;
	top:5vw;
	left:4.5vw;
	width:11vw;
}
#logo-img img{
	width:100%;
}
/*左側メニューのボタン*/
#yoyaku-button label{
	text-decoration: none;
	color: white;
	position: absolute;
	top:0.5vw;
	left:0.7vw;
	/*font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25vw;
}
#yoyaku-button,#room-button,#dish-button,#facility-button,#access-button{
	position: fixed;
	left:5.6vw;
	width:8.5vw;
}
.transition{transition: all 0.3s;}
#yoyaku-button:hover,#room-button:hover,#dish-button:hover,#facility-button:hover,#access-button:hover,#yoyakubutton2-1:hover,#yoyakubutton2-2:hover,#yoyakubutton2-3:hover,
#yoyaku-button label:hover,#yoyakubutton2-1 label:hover,#yoyakubutton2-2 label:hover,#yoyakubutton2-3 label:hover{
	opacity:0.5;
	cursor: pointer;
	/*background-color: rgba(0,0,0,0.80);
	box-shadow: 0 0 5px 5px rgba(256,256,256,0.30);*/
}
#yoyaku-button img,#room-button img,#dish-button img,#facility-button img,#access-button img{
	width:100%;
}
#yoyaku-button{top:12vw;}
#room-button{top:25vw;}
#dish-button{top:28vw;}
#facility-button{top:31vw;}
#access-button{top:34vw;}

/*右側メイン*/
#right-main{
	/*border-left: 1px solid white;*//*後で削除*/
	width:75%;
	margin: auto 25%;
	overflow: hidden;
}
.gamen-yohaku{
	/*border: 1px solid white;*//*後で削除*/
	min-height:100%;
}
/*見出し１　天ノ寂説明*/
#heading1-1{
	margin: 10% auto 7%;
	letter-spacing: 0.3vw;
}
#heading1-2{
	margin: auto auto 20%;
	line-height: 1.8vw;
	letter-spacing: 0.2vw;
}
/*見出し１　天ノ寂説明ここまで*/
/*見出し２　ROOM*/

#heading2{
	width:90%;
	background-image: url("../img/room4.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 10%;
	padding-bottom:10%;
	/*border: 1px solid white;*//*後で削除*/
}
#heading2-2{
		height: 0;
		padding-bottom:133%;
	}
.room1,.room2,.room3{
	width:62%;
}
.room1{
	margin: auto 38%;
}
.room2{
	margin: 13% auto auto 0;
}
.room3{
	margin: -96% 0 0 auto;
}
.wd65{width:6.5%}
#yoyakubutton2-1{left:43%; margin-top: -3.6%;}
#yoyakubutton2-2{right:25.5%; margin-top: -3.6%;}
#yoyakubutton2-3{left:43%; margin-top: -3.6%;}
#heading2-1,#heading2-2,#heading2-3{
	margin-bottom:10%;
}

#yoyakubutton2-1 label,#yoyakubutton2-2 label,#yoyakubutton2-3 label{
	text-decoration: none;
	color: white;
	position: absolute;
	top:0.5vw;
	left:1.5vw;
	/*font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 0.84vw;
}
#headning2-1-text{
	margin: -13% 1.6%;
	line-height: 2vw;
}
#headning2-2-text{
	margin: -13% auto;
	right:11.5%;
	line-height: 2vw;
}
#headning2-3-text{
	margin: -13% 1.6%;
	line-height: 2vw;
}
	
/*見出し２　ROOMここまで*/
/*見出し３　DISH*/
#heading3{
	width:90%;
	/*border: 1px solid white;*//*後で削除*/
	margin-bottom: 20%;
}
#heading3-1{
	margin:auto auto -3%;
	letter-spacing: 0.3vw;
}
#dish-dai-img{
	margin-bottom: 5%;
}
.heading3-text,.heading3-text2{
	margin: 10% 0;
	line-height: 1.8vw;
	letter-spacing: 0.1vw;
}

.heading3-flex-img{
	display: flex;
	justify-content: space-between;
	margin-bottom:5%;
}
.heading3-flex-img-chi{
	width: 48%;
}
/*見出し３　DISHここまで*/
/*見出し４　FACILITY*/
#heading4{
	width:90%;
	/*border: 1px solid white;*//*後で削除*/
	margin-bottom: 20%;
}
#heading4-1,.heading4-1{
	margin: auto auto 1%;
	letter-spacing: 0.3vw;
}
.heading4-text{
	margin: 1% auto 7%;
	line-height: 1.8vw;
	letter-spacing: 0.1vw;
}
.flex-chi{
	width:50%;
	margin-top:3%;
}
/*見出し４　FACILITYここまで*/
/*見出し５　ACCESS*/
#heading5{
	width:90%;
	/*border: 1px solid white;*//*後で削除*/
	margin-bottom: 20%;
}
#heading5-1{
	margin: auto auto 1%;
	letter-spacing: 0.6vw;
}
#heading5-text{
	margin: 1% auto 7%;
	line-height: 1.8vw;
	letter-spacing: 0.1vw;
}
iframe{
	width:100%;
	height:50%;
	margin: 1% auto 3%;
}
/*見出し５　ACCESSここまで*/
/*右側メインここまで*/

/*スマホサイズ*********************************************************/
#sp-right-main{
	/*border-left: 1px solid white;*//*後で削除*/
	width:75%;
	margin: auto 25%;
	overflow: hidden;
}
/*見出し１　天ノ寂説明*/
#sp-heading1-1{
	margin: 10% auto 7%;
	letter-spacing: 0.6vw;
}
#sp-heading1-2{
	margin: auto auto 50%;
	line-height: 1.8vw;
	letter-spacing: 0.2vw;
}
/*見出し１　天ノ寂説明ここまで*/
/*見出し２　ROOM*/

#sp-heading2{
	margin-bottom: 50%;
	/*border: 1px solid white;*//*後で削除*/
}
#sp-heading2-1,#sp-heading2-2,#sp-heading2-3{
	margin-bottom:20%;
}

#sp-yoyakubutton2-1 label,#sp-yoyakubutton2-2 label,#sp-yoyakubutton2-3 label{
	text-decoration: none;
	color: white;
	position: absolute;
	top:0.5vw;
	left:0.5vw;
	/*font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.2vw;
}
#sp-headning2-1-text,#sp-headning2-2-text,#sp-headning2-3-text{
	margin: -31.3% 2.6%;
	line-height: 5.7vw;
}

	
/*見出し２　ROOMここまで*/
/*見出し３　DISH*/
#sp-heading3{
	/*border: 1px solid white;*//*後で削除*/
	margin-bottom: 50%;
}
#sp-heading3-1{
	margin:auto auto -3%;
	letter-spacing: 0.6vw;
}
#sp-dish-dai-img{
	margin-bottom: 5%;
}
/*見出し３　DISHここまで*/
/*見出し４　FACILITY*/
#sp-heading4{
	/*border: 1px solid white;*//*後で削除*/
	margin-bottom: 50%;
}
#sp-heading4-1,.heading4-1{
	margin: auto auto 1%;
	letter-spacing: 0.3vw;
}
/*見出し４　FACILITYここまで*/
/*見出し５　ACCESS*/
#sp-heading5{
	/*border: 1px solid white;*//*後で削除*/
	/*margin-bottom: 20%;*/
}
#sp-heading5-1{
	margin: auto auto 1%;
	letter-spacing: 0.3vw;
}
#heading5-text{
	margin: 1% auto 7%;
	line-height: 1.8vw;
	letter-spacing: 0.1vw;
}
#sp-heading1,#sp-heading2,#sp-heading3,#sp-heading4,#sp-heading5{
	width:98%;
}

@media(max-width:750px){
	#pc{display: none!important;}
	.pc{display: none!important;}
	#sp{display: block!important;}
	.sp{display: block!important;}
	#logo-img{
		left:1vw;
		width:22vw;
	}
	#yoyaku-button{top:22vw;}
	#room-button{top:40vw;}
	#dish-button{top:48vw;}
	#facility-button{top:56vw;}
	#access-button {top:64vw;}
	#yoyaku-button, #room-button, #dish-button, #facility-button, #access-button {
		left: 1vw;
		width: 22vw;
	}
	#yoyaku-button label{
		font-size: 3.3vw;
		left:0.9vw;
		top:0.5vw;
	}
	.fs20{font-size:3.3vw;}
	.fs30 {font-size:6vw;}
	.fs40{font-size:8vw;}
	.fs50{font-size:8.8vw;}
	iframe{height:25%;}
	.heading4-text,#sp-heading5-text{
		letter-spacing:normal;
	}
	.heading3-text{
		margin:4% auto;
	}
	.heading3-text2 {
		margin: 4% 0;
		line-height: 5vw;
		letter-spacing: 0.1vw;
	}
	.heading3-flex-img-chi{
		width:49.5%;
	}
	
	#sp-heading1-2,.heading3-text,.heading4-text,#sp-heading5-text{
		line-height: 5vw;
	}	
}
.room-text{
	position: relative;
	margin: 5% auto;
}
#suite-back,#juniorsuite-back,#quadsuite-back{
	width:100%;
}
#sp-yoyakubutton2-1,#sp-yoyakubutton2-2,#sp-yoyakubutton2-3{
	width:19%;
	position: absolute;
	right: 2%;
	bottom:3%;
}

        #myList{
            position: fixed;
            bottom: 0px;
            left: 0px;
        }
        #languageSelect{
            padding: 15px 15px 15px 40px;
            background-image: url("../img/world.png");
            background-size: 30px;
            background-repeat: no-repeat;
            background-position: 7px center;
            background-color: rgba(256,256,256,0.8);
        }

@media(max-width:750px){
    
#myList {
    position: fixed;
    top: inherit;
    bottom: 0px;
    right: 0px;
}
    
}