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

#contents{
	overflow:hidden;
	}

.swiper-slide{
	position:relative;
	}
	.num{
		position:absolute;
		left:-2em;
		letter-spacing: 0.2em;
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size:10px;
		}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible!important;
  z-index: 1;
}

/*
.combine{
  -webkit-text-combine: horizontal;
  -moz-text-combine-upright: all;
  -ms-text-combine-horizontal:all;
  text-combine-upright: all;
}

.chrome .combine.none{
  -webkit-text-combine: none;
  -moz-text-combine-upright: none;
  -ms-text-combine-horizontal:none;
  text-combine-upright: none;
}
*/
.container_wrap {
	opacity:0;
	}
.container_wrap.on {
	opacity:1;
	transition:opacity 2000ms;
	-webkit-transition:opacity 2000ms;
	}

				.room_detail table{
					margin-top:75px;
					border-collapse:separate;
					border-spacing: 7px 0px;
					font-size:13px;
					width:calc( 100% + 7px);
					margin-left:-7px;
					}
				.room_detail table th,
				.room_detail table td{
					padding:8px 0;
					}
				.room_detail table th{
					border-top:1px solid rgba(188,188,188,0.8);
					width:85px;
					text-align:left;
					}
				.room_detail table td{
					border-top:1px solid rgba(188,188,188,0.3);
					text-align:right;
					}
				.room_detail table tr:last-child th{
					border-bottom:1px solid rgba(188,188,188,0.8);
					}
				.room_detail table tr:last-child td{
					border-bottom:1px solid rgba(188,188,188,0.3);
					}
				.room_detail table td sup{
					font-size:8px;
					}
				.room_detail .remarks{
					font-size: 85%;
					margin-top: 10px;
					text-indent: -1em;
					margin-left: 1em;
					}


/* pc */
@media screen and (min-width: 801px),screen and (orientation: landscape), print {

#contents {
	padding-top:175px;
	}
.container {
	position: relative;
	margin:0 auto;
	max-width: 1040px;
	padding-bottom: 50px;
	}
	
	.slider_one img{
		width:100%;
		}
	.swiper-container img{
		width:100%;
		}
	.swiper_main-pagination{
		bottom:-50px!important;
		}
		.swiper-pagination-bullet{
			margin:0 5px!important;
			width: 5px!important;
			height: 5px!important;
			border-radius: 0%!important;
			background: #000;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			opacity:1!important;
			box-sizing: border-box;
			}
		.swiper-pagination-bullet{
			margin:0 5px!important;
			width: 5px!important;
			height: 5px!important;
			border-radius: 0%!important;
			background: #000;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			opacity:1!important;
			}
			.swiper-pagination-bullet-active{
				border:1px solid #000;
				background-color:#fff!important;
				}
			
		.swiper-button-prev,
		.swiper-button-next{
			top: initial !important;
			bottom: -45px;
			margin-top: 0px!important;
			width: 108px!important;
			height: 15px!important;
			background-size: 108px 7px!important;
			transition:500ms;
			-webkit-transition:500ms;
			background-position:center;
			}
		.swiper-button-prev{
			background-image:url(../images/room/slide_arrow_prev.png)!important;
			}
		.swiper-button-next{
			background-image:url(../images/room/slide_arrow_next.png)!important;
			}
		.swiper-button-next:hover{
			margin-right:-10px;
			transition:500ms;
			-webkit-transition:500ms;
			}
		.swiper-button-prev:hover{
			margin-left:-10px;
			transition:500ms;
			-webkit-transition:500ms;
			}
			
		.swiper-button-prev.swiper_prev_l,
		.swiper-button-next.swiper_next_l{
			height:100%!important;
			width:100%!important;
			top:0!important;
			margin:0!important;
			opacity:0;
			}
		.swiper-button-prev.swiper_prev_l:hover,
		.swiper-button-next.swiper_next_l:hover{
			background:rgba(255,255,255,0.7)!important;
			opacity:1;
			}
		.swiper-button-prev.swiper_prev_l{left:-100%!important;}
		.swiper-button-next.swiper_next_l{left:100%!important;}
		
		.swiper-button-prev.swiper_prev_l{
			cursor: url("../images/room/prev_l.png") 0 46, pointer;
			cursor: url("../images/room/prev_l.cur.html") 0 46, pointer;
			}
		.swiper-button-next.swiper_next_l{
			cursor: url("../images/room/next_l.png") 46 46, auto;
			cursor: url("../images/room/next_l.cur.html") 46 46, auto;
			}
	
.wrap{
	max-width:1040px;
	margin-right: auto;
	margin-left:auto;
	}
	
#room_content{
	margin-top:100px;
	position:relative;
	}
	#room_content h2{
		font-size:19px;
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display:inline-block;
		font-weight:normal;
		margin-left: -0.45em;
		}
	.eng #room_content h2{
		-webkit-text-orientation: initial; /* 実装済 */
		-moz-text-orientation: initial; /* 未実装 */
		-ms-text-orientation: initial; /* 未実装 */
		text-orientation: initial;
		}
		#room_content .h2_border{
			display:inline-block;
			position:relative;
			}
		#room_content .h2_border::after{
			content:"";
			width:1px;
			height:100%;
			position:absolute;
			background: rgba(188,188,188,0.8);
			top:0;
			right:-8px;
			}
		
	.room_detail_wrap{
		margin-top:15px;
		position:absolute;
		background-color:#F6F4E9;
		left:140px;
		top:0;
		width:900px;
		}
		.room_detail{
			position:relative;
			width:100%;
			box-sizing:border-box;
			padding:50px 10px 100px 65px;
			}
		.room_detail > div:nth-of-type(1){
			float:left;
			}
		.room_detail > div:nth-of-type(2){
			float: left;
			box-sizing: border-box;
			padding: 0 0 0 40px;
/*
			text-align:center;
			max-width: 440px;
*/
			}
			.room_detail > div:nth-of-type(2) img{
				max-width:100%;
				}
			.room_detail .to_reserved{
				position:absolute;
				/*bottom: -110px;*/
				bottom: -100px;
				left: 706px !important;
				}
				.room_detail .to_reserved img{
					/*width:166px;*/
					width:146px;
					}

.flat_pattern{
	margin-top:180px;
	text-align:center;
	}
.flat_pattern img{
	max-width:100%;
	}

.past_list_wrap{
	margin-top:180px;
	}
	.past_list_wrap h3{
		margin-bottom:10px;
		font-weight:normal;
		}
	.past_list{
		margin-left:-2px;
		}
	.past_list li{
		float:left;
		margin-left:2px;
		width:171px;
		}
		.past_list li p{
			text-align:center;
			font-size:12px;
			line-height:1.5em;
			margin-top:8px;
			}
	.past_list li img{
		width:171px;
		height:auto;
		}
		
	.to_index{
		text-align:center;
		margin-top:100px;
		}
		.to_index a{
			display:inline-block;
			width:528px;
			font-size:18px;
			border:1px solid #000000;
			padding:10px 0;
			}
		.to_index a span{
			display:inline-block;
			position:relative;
			}
		.to_index a span::after{
			content:"";
			background-image:url(../images/room/to_index_arrow.png);
			background-size:35px 7px;
			width:35px;
			height:7px;
			position:absolute;
			right:-45px;
			top:50%;
			margin-top:-4px;
			}

    #slh .slh_wrapper {
      padding-inline: 1%;
      margin-inline: auto;
      display: grid;
      /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      grid-template-rows: auto auto; */
      grid-template-columns: repeat(4, 1fr);
      column-gap: 1em;
      row-gap: 3em;
      justify-items: center;
      max-width: 1200px;
		}

    .slh_box.laliste .img img {
      width: 64%;
    }
}

/* sp =============================================================================================*/
@media only screen and (max-width: 800px) and (orientation: portrait) {

	.num{
		position:absolute;
		left:-1.8em;
		letter-spacing: 0.2em;
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size:12px;
		display:none;
		}
		
#contents {
	margin-top:20px;
	}
#contents .wrap{
	padding:0;
	}

.container {
	padding:0;
	padding-bottom: 35px;
	}
	.slider_one img{
		width:100%;
		}
	.swiper-container img{
		width:100%;
		}
	.swiper_main-pagination{
		bottom:-35px!important;
		}
		.swiper-pagination-bullet{
			margin:0 5px!important;
			width: 5px!important;
			height: 5px!important;
			border-radius: 0%!important;
			background: #000;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			opacity:1!important;
			box-sizing: border-box;
			}
		.swiper-pagination-bullet{
			margin:0 5px!important;
			width: 5px!important;
			height: 5px!important;
			border-radius: 0%!important;
			background: #000;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			opacity:1!important;
			}
			.swiper-pagination-bullet-active{
				border:1px solid #000;
				background-color:#fff!important;
				}
		.swiper-button-prev,
		.swiper-button-next{
			display:none;
			}
	#room_content h2{
		font-size:17px;
		/*padding:0 10px;*/
		padding:0 30px;
		margin-top:40px;
		font-weight:normal;
		}
		#room_content .h2_border{
			display:inline-block;
			position:relative;
			}
		#room_content .h2_border::after{
			content:"";
			width:50px;
			height:1px;
			position:absolute;
			background: rgba(188,188,188,0.8);
			top:-10px;
			left:0;
			}
		
	.room_detail_wrap{
		margin-top:15px;
		background-color:#F6F4E9;
		padding:30px 30px 100px;
		position:relative;
		}
		.room_detail{
			}
		.room_detail > div:nth-of-type(1){
			width:auto!important;
			}
			.room_detail table{
				margin-top:30px;
				}
		.room_detail > div:nth-of-type(2){
			width:auto!important;
			text-align:center;
			margin-top:30px;
			}
			.room_detail > div:nth-of-type(2) img{
				max-width:100%;
				}
			.room_detail .to_reserved{
				position: absolute;
				width: 133px;
				left: 50% !important;
				margin-left: -66px;
				bottom: -90px;
				}
			.room_detail .to_reserved img{
				width:100%;
				}

.flat_pattern{
	/*padding:0 10px!important;*/
	padding:0 30px!important;
	margin-top:200px;
	text-align:center;
	}
.flat_pattern img{
	max-width:100%;
	}

.past_list_wrap{
	margin-top:200px;
	/*padding:0 10px!important;*/
	padding:0 30px!important;
	}

.flat_pattern + .past_list_wrap{
	margin-top:100px;
	}
	
	.past_list_wrap h3{
		margin-bottom:10px;
		font-weight:normal;
		}
	.past_list{
		margin-top:-15px;
		}
	.past_list li{
		width:49%;
		margin-top:15px;
		}
	.past_list li:nth-of-type(odd){
		float:left;
		clear:both;
		}
	.past_list li:nth-of-type(even){
		float:right;
		}
		.past_list li p{
			text-align:center;
			font-size:12px;
			line-height:1.5em;
			margin-top:8px;
			}
	.past_list li img{
		width:100%;
		height:auto;
		}
		
	.to_index{
		text-align:center;
		margin-top:100px;
		padding: 0 30px;
		}
		.to_index a{
			display:inline-block;
			width:400px;
			max-width:100%;
			font-size:16px;
			border:1px solid #000000;
			padding:10px 0;
			}
		.to_index a span{
			display:inline-block;
			position:relative;
			background-image:url(../images/room/to_index_arrow.png);
			background-size:35px 7px;
			padding-right:45px;
			background-repeat:no-repeat;
			background-position:right center;
			}
	
}