body{
	margin:0;
	padding:0;
	width:100%;
    background-color: #000;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.7);
	font-weight: bold;
	}
@media(max-width:768px){
	body{
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
	}
}
#heading1-1,#heading1-2,#heading3-1,.heading3-text,#heading4-1,.heading4-1,.heading4-text,.heading4-1,.ss-a h4,.text h4,.text p,#heading5-1,#heading5-text{padding-left:10px;}
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;
	a:hover{
		pointer-events: painted;
	}
}
#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;}
#myList{
	position: fixed;
	top: 16vw;
	left: 5.5vw;
	transition: all 0.3s;
	#languageSelect{
		width: 8.5vw;
		background:
		linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
		url(../img/language-btn.png) center/cover no-repeat;
		color: rgba(255,255,255,0.9);
		padding: 8px 15px 8px 5px;
		border: none;
		font-size: 1vw;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		option{
			font-size: 1vw;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			background: rgba(0,0,0,0.95);
			color:#fff;
			margin-top: -1rem;
		}
	}
}
/* ブラウザが勝手に足す効果を無効 */
#languageSelect:focus{
	outline: none;
}
@media(max-width:750px){
	#myList{
		position: fixed;
			top: 28vw;
			left: 1vw;
			transition: all 0.3s;
			#languageSelect{
			width: 22vw;
			padding: 8px 15px 8px 14px;
			font-size: 3vw;
			border: none;
			option{
				font-size: 3vw;
			}
		}
	}
}
#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%;
	text-shadow: initial;
}

#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: 1.5vw;
}
#headning2-2-text{
	margin: -13% auto;
	right:9.7%;
	line-height: 1.45vw;
}
#headning2-3-text{
	margin: -13% 1.6%;
	line-height: 1.5vw;
}
	
/*見出し２　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: 4.5vw;
	text-shadow: initial;
}

	
/*見出し２　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:18vw;}
	#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%;
}


/* 26/02/19 多言語化のため追記:羽生 */
#myList{
  position: fixed;
  top: 16vw;
  left: 5.5vw;
  transition: all 0.3s;

  #languageSelect{
    width: 8.5vw;
    background:
    linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
    url(../img/language-btn.png) center/cover no-repeat;
    color: rgba(255,255,255,0.9);
	aspect-ratio: 329 / 119;
	background-size: 100% 100%;
    border: none;
    font-size: 1vw;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    option{
      font-size: 1vw;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      background: rgba(0,0,0,0.95);
      color:#fff;
      margin-top: -1rem;
    }
  }
}
#myList:hover{
  opacity: 0.5;
  cursor: pointer;
}
/* 勝手に足す効果を無効 */
#languageSelect:focus{
  outline: none;
}

.ss-a{
  width: 100%;
  color: #fff;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  transition: all 0.3s;

  h4{
    font-size: 1.25vw;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  p{
    font-size: 1vw;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
.ss-a:hover{
  opacity: 0.75;
  cursor: pointer;
}
.ss-bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  a{
    width: 48%;
  }
}
.ss-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sightseeing-dai-img{
  width: 100%;
  margin-bottom: 8%;
}

#heading4-2 {
  width: 90%;
  padding-top: 3%;
  margin-bottom: 4%;

  .text{
    color: #fff;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    align-items: baseline;

    h4{
      font-size: 1.25vw;
      margin-top: 0;
      margin-bottom: 0.5rem;
    }
    p{
      font-size: 1vw;
      margin-top: 0;
      margin-bottom: 1rem;
    }
  }
}

#heading4-3 {
  width: 90%;
  padding-top: 3%;
  margin-bottom: 4%;

  .text{
    color: #fff;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    p{
      font-size: 1.25vw;
      margin-top: 0;
      margin-bottom: 1rem;
    }
  }
}

@media(max-width:750px){
  #myList{
    position: fixed;
    top: 28vw;
    left: 1vw;
    transition: all 0.3s;
    #languageSelect{
      width: 22vw;
      padding: 8px 15px 8px 14px;
      font-size: 3vw;
      border: none;
      option{
        font-size: 3vw;
      }
    }
  }

  .ss-a{
    h4{
      font-size: 3.3vw;
    }
    p{
      font-size: 3vw;
    }
  }

  .ss-bottom {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      a{
        display: block;
        width: 100%;
        margin-bottom: 4%;
      }
  }

  #heading4-2 {
    .text{
      display: block;
      margin-bottom: 10%;
      h4{
        font-size: 3.3vw;
      }
      p{
        font-size: 3vw;
      }
    }
  }

  #heading4-3 {
    .text{
      p{
        font-size: 3.3vw;
      }
    }
  }
}