.p-intro{
	margin-inline:auto;
	margin-top:5.20833%;
	text-align:center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-intro{
		margin-top:8.33333%
	}

}
@media only screen and (max-width: 767px){
	.p-intro{
		margin-top:1em
	}
}
@media only screen and (max-width: 767px){
	.p-intro__text{
		padding:2em 15px 0;
	}
}
.p-intro__text .st{
	font-family:var(--serif);
	font-size:2.2rem;
}
@media only screen and (max-width: 767px){
	.p-intro__text .st{
		font-size:1.7rem;
	}
}
.p-intro__text .txt{
	margin-top:2.08333%
}
@media only screen and (max-width: 767px){
	.p-intro__text .txt{
		margin-top:1em;
		padding:0 40px;
	}
}
@media only screen and (min-width: 768px){
	.p-intro__text .txt{
		line-height:2.4
	}
}
@media only screen and (min-width: 768px) and (max-width: 983px){
	.p-intro__text .txt{
		line-height:1.73333
	}
}

/*客室詳細：タイプインデックス*/
.p-nav{
	background:var(--beige);
	padding:2.44792% 0;
	margin-top:40px;
	position:relative
}
@media only screen and (max-width: 767px){
	.p-nav{
		padding:1.5em 0
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-nav{
		margin-top:15%
	}
}

.p-nav .con-link{
	flex-wrap:wrap;
	gap:20px;
}
.p-nav .con-link li{
	width:23%;
	margin:0;
	padding: 0em 0.3em 0.3em 1.3em;
}
.p-nav .con-link li a span{
	font-size:1.6rem;
}
@media only screen and (max-width: 767px){
	.p-nav .con-link{
		gap:2%;
		justify-content:space-between;
	}
	.p-nav .con-link li{
		width:48%;
		margin:0 0 .5em 0;
		padding: 0em 0.3em 0.3em 1.3em;
	}
	.p-nav .con-link li a span{
		font-size:1.3rem;
	}
	ul.con-link li a span::after {
	    transform: scale(1, 1);
	}
}


/*客室インデックス*/
.p-room_index{
	margin-inline:auto;
	margin-top:8.59375%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:5%;
	align-items:center;
}
.p-room_index.index_b{
	flex-direction:row-reverse;
}
@media only screen and (max-width: 767px) {
	.p-room_index{
		margin-top:60px;
	}
	.p-room_index.index_b{
		flex-direction:column;
	}
}
.p-rooms_index__text{
	width:40%;
	max-width:471px;
}
.p-rooms_index__text>a{
	text-decoration:none;
}
.p-rooms_index_name{
	position: relative;
	font-family: var(--serif);
	font-weight:normal;
}
.p-rooms_index_name .en{
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 1.5rem;
	color:var(--brown);
	display:block;
}
.p-rooms_index_name .jp {
	letter-spacing: .12em;
	font-size: 2.2rem;
	display:block;
}

.p-rooms_index_name::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid var(--brown);
	border-bottom: 1px solid var(--brown);
	transform: skew(45deg);
	transition: .3s;
}
.p-rooms_index_name:hover {
	/*background-color:rgba(155,149,138,0.3);*/
}
.p-rooms_index_name:hover::after{
	right: 20px;
	width: 30px;
}
.p-rooms_index__text .txt_info{
	margin-bottom:3em;
}
@media only screen and (max-width: 767px){
	.p-rooms_index__text .txt_info{
		margin-bottom:2em;
	}
}
.p-rooms_index__text .txt_info table{
	max-width:100% !important;
}
.room_index_info{
	margin:3em 0 2em;
}
.p-rooms_index__image{
	width:48%;
	height:680px;
}
.p-rooms_index__image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

@media only screen and (max-width: 767px){
	.p-room_index{
		flex-direction:column;
		padding:0 15px;
	}
	.p-rooms_index__text{
		width:100%;
		max-width:471px;
	}
	.p-rooms_index__image{
		width:100%;
		height:auto;
	}
	.p-rooms_index_name{
		margin-top:25px;
	}
	.p-rooms_index_name::after{
		display:none;
	}
	.p-rooms_index_name .en{
		font-size: 1rem;
	}
	.p-rooms_index_name .jp {
		font-size: 2rem;
	}
	.room_index_info{
		margin:1.5em 0;
		font-size: 1.4rem;
	}
}

.p-room_index .con-link{
	flex-wrap:wrap;
	justify-content:space-between;
	gap:4%;
}
.p-room_index .con-link li{
	width:48%;
}
.p-room_index .con-link a span{
	font-size:1.5rem;
	white-space:nowrap;
}
@media only screen and (max-width: 767px) {
	.p-room_index ul.con-link li {
	    padding: 0em 0.3em 0.8em 0.8em;
	}
	.p-room_index ul.con-link li {
	    padding: 0em 0.3em 0.8em 0.8em;
	}
	.p-room_index ul.con-link li a span {
	        font-size: 1.2rem;
	}
	.p-room_index ul.con-link li a span::after {
	    transform: scale(1, 1);
	}

}

.p-room_index.index_a .p-rooms_index__text{
	padding:2% 0;
}
.p-room_index_bnr{
	text-align:center;
	padding:40px 0 0;
}

.p-information_pre{
	padding:80px 15px;
	text-align:center;
}
.p-information_pre_box{
	width:100%;
	max-width:800px;
	padding:2% 5%;
	border:15px solid var(--beige);
	margin:auto;
}
.p-information_pre_ttl{
	position: relative;
	font-family: var(--serif);
	font-weight:normal;
	margin-bottom:30px;
}
.p-information_pre_ttl .en{
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 1.5rem;
	color:var(--brown);
	display:block;
}
.p-information_pre_ttl .jp {
	letter-spacing: .12em;
	font-size: 2.2rem;
	display:block;
}
.p-information_pre .room_num{
	border-top:1px solid var(--gray);
	border-bottom:1px solid var(--gray);
	padding:15px 0;
	text-align:center;
}

.p-information_pre .c-in-out{
	padding:30px 0 0;
	text-align:center;
}

.p-information_pre .btn_area{
	padding:15px 0 30px;;
	text-align:center;
}
.p-information_pre .btn_area .btn_white{
	width:280px;
}
.p-information_pre .icon_area ul{
	padding-top:15px;
	display:flex;
	justify-content:space-around;
	border-top:1px solid var(--gray);
}
.p-information_pre .icon_area ul li{
	display:flex;
	justify-content:space-around;
	align-items:center;
	gap:15px;
}
.p-information_pre .icon_area ul li span{
	white-space:nowrap;
}

@media only screen and (max-width: 767px) {
	.p-information_pre{
		padding:20px 15px;
	}
	.p-information_pre_box{
		padding:30px 20px;
	}
	.p-information_pre_ttl .en{
		font-size: 1rem;
	}
	.p-information_pre_ttl .jp {
		font-size: 1.8rem;
	}
	.p-information_pre .room_num{
		font-size: 1.4rem;
	}
	.p-information_pre .c-in-out{
		font-size: 1.4rem;
	}
	.p-information_pre .btn_white {
		font-size:1.5rem;
		width:280px;
	}
	.p-information_pre .icon_area ul{
		padding-top:20px;
		flex-direction:column;
		gap:20px;
	}
	.p-information_pre .icon_area ul li{
		justify-content:center;
		font-size: 1.4rem;
	}
}

/*客室詳細*/
.p-rooms{
	margin-inline:auto;
	margin-top:8.59375%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-rooms{
		margin-top:13.75%
	}

}
@media only screen and (max-width: 767px){
	.p-rooms{
		margin-top:30px;
	}
}
@media only screen and (min-width: 768px){
	.p-rooms{
		max-width:1600px;
		width:90%;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-direction:row;
		flex-direction:row
	}
}
@media only screen and (min-width: 768px) and (max-width: 983px){
	.p-rooms{
		margin-top:12%;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-orient:vertical;
		-webkit-box-direction:reverse;
		-ms-flex-direction:column-reverse;
		flex-direction:column-reverse;
		position:relative;
		padding-top:5.5em
	}
}
@media only screen and (max-width: 767px){
	.p-rooms{
		padding:0 15px;
		-webkit-box-orient:vertical;
		-webkit-box-direction:reverse;
		-ms-flex-direction:column-reverse;
		flex-direction:column-reverse;
		position:relative;
	}
}
@media only screen and (min-width: 768px){
	.p-rooms__text{
		width:40%;
		padding-inline:5%
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-rooms__text{
		padding-left:0
	}
}
@media only screen and (min-width: 768px) and (max-width: 983px){
	.p-rooms__text{
		width:100%;
		padding:0;
		margin-top:1.5em
	}
}
@media only screen and (max-width: 767px){
	.p-rooms__text{
		margin-top:1em;
		width:100%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 983px){
	.p-rooms__text .st{
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0 auto;
		text-align:center
	}
	.p-rooms__text .st:after{
		margin-inline:auto
	}
}
@media only screen and (max-width: 767px){
/*
	.p-rooms__text .st{
		position:absolute;
		top:1em;
		left:0;
		right:0;
		margin:0 auto;
		text-align:center
	}
	.p-rooms__text .st:after{
		margin-inline:auto
	}
*/
}

.p-rooms__text_ttl{
	display:flex;
	justify-content:space-between;
	align-items:end;
	margin-bottom:9.80392%;
	flex-wrap:wrap;
	gap:20px;
}
.p-rooms__text_ttl a{
	font-size:1.2rem;
	text-decoration:none;
	color:var(--brown);
	background:var(--beige);
	border-radius:1.5em;
	padding:3px 10px;
	border:1px solid var(--brown);
	margin-top:1em;
	line-height:1em;
}

.txt_info table{
	border-top:1px solid var(--gray);
	border-bottom:1px solid var(--gray);
	padding-top:1em;
	padding-bottom:1em;
	width:100%
}
@media only screen and (min-width: 768px){
	.txt_info table{
		max-width:330px
	}
}
@media only screen and (min-width: 768px) and (max-width: 983px){
	.txt_info table{
		max-width:100%
	}
}
@media only screen and (max-width: 767px){
	.p-rooms__text_ttl{
		margin-top:30px;
		margin-bottom:26px;
	}
	.txt_info table{
		width:auto;
		border:none;
		background:var(--beige);
	}
}
.txt_info table tr:first-child th,.txt_info table tr:first-child td{
	padding-top:1.3em
}
.txt_info table tr:last-child th,.txt_info table tr:last-child td{
	padding-bottom:1.3em
}
.txt_info table tr th,.txt_info table tr td{
	font-size:100%;
	letter-spacing:.1em;
	font-weight:normal;
	vertical-align:top
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.txt_info table tr th,.txt_info table tr td{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	.txt_info table tr th,.txt_info table tr td{
		font-size:94%
	}
}
.txt_info table tr th{
	white-space:nowrap;
	padding-inline:1em 2em
}
.txt_info table tr td{
	width:70%
}

.p-rooms__text .txt_lnk{
	margin:1.5em 0
}
@media only screen and (max-width: 767px){
	.txt_info table tr td{
		width:auto
	}
	.txt_info table tr th,
	.txt_info table tr td{
		padding-top:8px !important;
		padding-bottom:8px !important;
		padding-left:16px;
		padding-right:16px;
		font-size:1.4rem;
	}
	.p-rooms__text .txt_lnk{
		margin:1em 0
	}
}
.p-rooms__text .btnarea{
	margin-top:1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-rooms__text .btnarea{
		margin-top:2.5em
	}
}
@media only screen and (max-width: 767px){
	.p-rooms__text .btnarea{
		margin:1.5em 0 30px;
		text-align:center;
	}
}
.p-rooms__text .btnarea a{
	margin-top:.8em;
	width:280px;
}
@media only screen and (max-width: 767px){
	.p-rooms__text .btnarea a{
		margin-top:.8em;
		font-size:1.5rem;
	}
}
.p-rooms__text .txt_atn{
border-top:1px solid #cccccc;
padding:1em 0 0 1em;
text-indent:-1em;
font-size:100%
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.p-rooms__text .txt_atn{
font-size:94%
}

}
@media only screen and (max-width: 767px){
.p-rooms__text .txt_atn{
font-size:94%
}

}
@media only screen and (min-width: 768px){
	.p-rooms__image{
		width:60%
	}
}
@media only screen and (max-width: 767px){
	.p-rooms__image{
		width:100%
	}
}
.p-rooms__image .slick-dots{
margin-top:1em
}
.p-rooms__image .slick-dots li:first-child:last-child{
display:none
}
@media only screen and (min-width: 768px){
.p-rooms__image .slick-dots{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}

}
/*客室概要*/
.p-information{
	position:relative;
	background:#f7f6f3;
	padding:5.20833% 15px 9.375%
}
@media only screen and (max-width: 767px){
	.p-information{
		margin-top:15px
	}
}
@media only screen and (max-width: 767px){
	.p-information{
		padding:2em 15px 1em
	}
}
.p-information__inner{
	position:relative;
	z-index:10;
	margin-inline:auto;
	margin-top:3.125%
}
@media only screen and (max-width: 767px){
	.p-information__inner{
		margin-top:2em
	}

}
@media only screen and (min-width: 768px){
	.p-information__inner{
		max-width:1200px;
	}

}
.p-information h3{
	font-size:2.2rem;
	font-family:var(--serif);
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
}
.p-information__text{
text-align:center;
font-size:100%;
letter-spacing:.1em;
color:#706a5f
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.p-information__text{
font-size:94%
}

}
@media only screen and (max-width: 767px){
	.p-information h3{
		font-size:1.8rem;
		margin-bottom:20px;
	}
	.p-information__text{
		font-size:94%
	}
}
.p-information__text p{
display:inline-block
}
.p-information__text p i{
font-size:160%;
font-family:'Gilda Display', Verdana, Helvetica, Arial, sans-serif;
font-weight:bold;
letter-spacing:.1em
}
@media only screen and (min-width: 768px){
.p-information__text span{
padding:0 1em;
display:inline-block
}

}
@media only screen and (max-width: 767px){
.p-information__text span{
display:none
}

}

.p-information__item{
	margin-top:3.125%
}
@media only screen and (max-width: 767px){
	.p-information__item{
		margin-top:2em
	}
}

.p-information__item.item1{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
}

@media only screen and (max-width: 767px){
	.p-information__item.item1{
		flex-direction:column-reverse;
	}
}
.p-information__item.item2{
	border-top:1px solid var(--gray);
	padding-top:50px;
}

.p-information__item__title{
	width:100%;
	position:relative;
	font-weight:normal;
	margin-bottom:1.5em;
	text-align:center;
}
@media only screen and (max-width: 767px){
	.p-information__item__title{
		margin-bottom:40px
	}
}

.p-information__item__title span{
	font-size:2.2rem;
	position:relative;
	z-index:10;
	display:inline-block;
	font-family:var(--serif);
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-information__item__title span{
		font-size:114%
	}
}
@media only screen and (max-width: 767px){
	.p-information__item__title span{
		font-size:107%
	}
}
@media only screen and (min-width: 768px){
.p-information__item__image{
width:37.5%;
margin-right:5.83333%
}

}
@media only screen and (max-width: 767px){
.p-information__item__image{
width:100%
}

}
@media only screen and (min-width: 768px){
	.p-information__item.item1 .p-information__item__text{
		width:56.66667%
	}
}
@media only screen and (max-width: 767px){
	.p-information__item__text{
		width:100%;
	}
}
.p-information__item__text .txt_list{
	display:flex;
	flex-direction:row;
	justify-content:space-between
}

@media only screen and (max-width: 767px){
	.p-information__item__text .txt_list{
		justify-content:space-around;
		margin-bottom:40px;
	}
}
@media only screen and (min-width: 768px){
	.p-information__item.item1 .p-information__item__text .txt_list ul{
		width:50%
	}
}
.p-information__item__text .txt_list li{
	position:relative;
	padding-left:1.3em;
	letter-spacing:.1em;
	margin-bottom:.5em;
	font-family:var(--serif);
	font-size:1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-information__item__text .txt_list li{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	.p-information__item__text .txt_list li{
		font-size:1.4rem;
		margin-bottom:1.5em;
	}
}
.p-information__item.item1 .p-information__item__text .txt_list li:before{
	content:'・';
	position:absolute;
	top:0;
	left:0;
	display:block
}
.p-information__item .txt_atn{
	margin-top:1em;
	text-align:center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-information__item__text .txt_atn{
		margin-top:2em
	}
}
@media only screen and (max-width: 767px){
	.p-information__item__text .txt_atn{
		margin-top:1.5em;
	}
	.p-information__item .txt_atn{
		font-size:1.2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.p-information__item__text .txt_atn{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
.p-information__item__text .txt_atn{
font-size:94%
}

}
@media only screen and (max-width: 767px){
	.p-information__item__text .txt_atn{
		line-height:1.7
	}
}
.p-information__item.item2 .p-information__item__text{
	width:100%;
}
.p-information__item.item2 .p-information__item__text .txt_list>ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.p-information__item.item2 .p-information__item__text .txt_list>ul>li{
	display:flex;
	align-items:center;
	width:32%;
	gap:5px;
	margin-bottom:1em;
}
@media only screen and (max-width: 767px){
	.p-information__item.item2 .p-information__item__text .txt_list>ul>li{
		width:48%;
		padding-left:0;
		font-size:1.3rem;
	}
	.p-information__item.item2 .p-information__item__text .txt_list>ul>li span{
		width:33px;
		display:block;
	}
	.p-information__item.item2 .p-information__item__text .txt_list>ul>li img{
		height:30px;
	}
}


.p-information__item.item3{
	border-top:1px solid var(--gray);
	padding-top:50px;
}

.p-information__item__title_bikou{
	text-align:center;
	width:100%;
}
.p-information__item.item3 .p-information__item__text .txt_list p{
	font-family:var(--serif);
	font-size:1.5rem;
	line-height:3em;
	margin-top:60px;
}
.p-information_window{
	background:#fff;
	border:1px solid var(--gray);
	padding:25px 30px;
	margin:80px 0 20px;
	display:grid;
	align-items:center;
	gap:0px 60px;
	grid-template-rows: 80px 1fr;
	grid-template-columns: 331px 1fr;
	grid-template-areas:
		"w_a w_b"
		"w_a w_c";
}
.window_a {
	grid-area: w_a;
}
.window_b {
	grid-area: w_b;
	padding-top:20px;
}
.window_c {
	grid-area: w_c;
}
.p-information_window h4{
	font-family:var(--serif);
	font-size:1.7rem;
	font-weight:normal;
}
.p-information_window p{
	font-size:1.7rem;
}
@media only screen and (max-width: 767px){
	.p-information__item__title_bikou{
		font-size:1.2rem;
	}
	.p-information__item.item3 .p-information__item__text .txt_list p{
		font-size:1.3rem;
		line-height:2em;
		margin-top:50px;
		padding:0 15px;
		text-align:center;
	}
	.p-information_window{
		padding:25px 30px;
		margin:20px 0;
		display:grid;
		gap:20px 20px;
		grid-template-rows: 116px 1fr;
		grid-template-columns: 170px 1fr;
		grid-template-areas:
			"w_a w_b"
			"w_c w_c";
	}
	.window_b {
		padding-top:0px;
	}
	.p-information_window h4{
		font-size:1.4rem;
	}
	.p-information_window p{
		font-size:1.2rem;
	}
}


/*SUPER ZERO ポップアップ*/
.l-popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:800;
	display:none
}
.l-popup.is-scroll{
	overflow-y:scroll
}
.l-popup.is-scroll::-webkit-scrollbar{
	/*display:none*/
}
.l-popup.is-scroll .l-popup__wrapper{
	top:0;
	-webkit-transform:translate(0);
	transform:translate(0)
}
.l-popup.is-active .l-popup__wrapper{
	right:0;
	opacity:1
}
@media only screen and (min-width: 768px){
	.l-popup.is-active .l-popup__wrapper{
		-webkit-transition:right 600ms ease,opacity 600ms ease;
		transition:right 600ms ease,opacity 600ms ease
	}
}
@media only screen and (max-width: 767px){
	.l-popup.is-active .l-popup__wrapper{
		-webkit-transition:right 400ms ease,opacity 400ms ease;
		transition:right 400ms ease,opacity 400ms ease
	}
}
.l-popup__bg{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
.l-popup__wrapper{
	/*background:rgba(0,0,0,0.7);*/
	position:absolute;
	z-index:800;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
	right:-100%;
	-webkit-transition:right 300ms ease,opacity 300ms ease;
	transition:right 300ms ease,opacity 300ms ease
}
.l-popup__inner{
	position:relative;
	margin:0 auto;
	background:#FAFAFA
}
@media only screen and (min-width: 768px){
	.l-popup__inner{
		padding:3em 0;
		max-width:1200px;
		width:85%
	}
}
@media only screen and (max-width: 767px){
	.l-popup__inner{
		width:90%;
		padding:4em 0 2em
	}
}
.l-popup__inner .st{
	font-family:var(--serif);
	font-size:2.1rem;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:center;
	margin-top:22px;
}

.superzero_img_wrap{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:45px;
}

/*
.l-popup__inner .img{
	margin:1em auto 0;
	text-align:center;
	width:90%
}
@media only screen and (min-width: 768px){
	.l-popup__inner .img{
		max-width:450px
	}
}
*/
.l-popup__inner .img img{
	width:auto;
	height:auto
}

.intro_item{
	font-size:1.5rem;
	text-align:center;
	padding:22px 0 30px;
}

.intro_tech{
	border-top:1px solid var(--gray);
	padding-top:30px;
	display:flex;
	align-items:center;
	gap:30px;
	max-width:750px;
	margin:auto;
}
.intro_tech h4{
	font-family:var(--serif);
	font-size:2.1rem;
	font-weight:normal;
	margin-bottom:20px;
}

.intro_maker{
	max-width:750px;
	background:#EDEDED;
	padding:30px;
	text-align:center;
	margin:50px auto 0;
}
.intro_maker h4{
	font-family:var(--serif);
	font-size:1.8rem;
	font-weight:normal;
	margin-bottom:20px;
}
.intro_maker p.intro_maker_1{
	font-size:1.5rem;
	padding:25px 0 35px;
}
.intro_maker .intro_maker_2_wrap{
	padding:30px 0 0;
	border-top:1px dotted var(--gray);
	text-align:left;
}
.intro_maker .intro_maker_2_wrap h5{
	font-family:var(--serif);
	font-size:1.7rem;
	font-weight:normal;
	margin-bottom:20px;
}
.intro_maker .intro_maker_2_wrap p{
	font-size:1.4rem;
}
@media only screen and (max-width: 767px){
	.l-popup__inner .st{
		font-size:1.7rem;
	}
	.intro_item{
		font-size:1.4rem;
		text-align:left;
		padding:15px;
	}
	.intro_tech{
		margin-top:20px;
		flex-direction:column;
	}
	.intro_tech img{
		width:150px;
	}
	.intro_tech h4{
		font-size:1.6rem;
		margin-bottom:20px;
	}
	.intro_tech p{
		font-size:1.4rem;
		margin-bottom:20px;
	}
	.superzero_img_wrap{
		flex-direction:column;
		gap:15px;
	}
	.intro_maker{
		margin:20px auto 0;
	}
	.intro_maker h4{
		font-size:1.3rem;
		margin-bottom:15px;
		text-align:center;
	}
	.intro_maker img{
		width:210px;
	}
	.intro_maker p.intro_maker_1{
		font-size:1.4rem;
		text-align:left;
	}
	.intro_maker .intro_maker_2_wrap{
		padding:0 5px;
	}
	.intro_maker .intro_maker_2_wrap h5{
		font-size:1.5rem;
		margin:20px 0;
	}
	.intro_maker .intro_maker_2_wrap p{
		font-size:1.3rem;
	}
}

.l-popup__inner .btn{
	position:absolute;
	top:2em;
	right:2em;
	width:3em;
	height:3em;
	cursor:pointer;
	z-index:3100;
	-webkit-transition:-webkit-transform 400ms ease;
	transition:-webkit-transform 400ms ease;
	transition:transform 400ms ease;
	transition:transform 400ms ease, -webkit-transform 400ms ease
}
@media only screen and (max-width: 767px){
	.l-popup__inner .btn{
		top:1em;
		right:1em;
		width:2em;
		height:2em
	}
}
.l-popup__inner .btn:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.l-popup__inner .btn span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:100%;
	height:1px;
	background:#545454
}
.l-popup__inner .btn span:first-child{
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg)
}
.l-popup__inner .btn span:last-child{
	-webkit-transform:translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg)
}




/*客室詳細：情報テーブル*/
.room_info_tbl table{
	border-top:1px solid var(--gray);
	border-bottom:1px solid var(--gray);
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
}

@media only screen and (min-width: 768px) and (max-width: 983px){
	.room_info_tbl table{
		max-width:100%
	}
}
@media only screen and (max-width: 767px){

}
.room_info_tbl table tr:first-child th,.room_info_tbl table tr:first-child td{
}
.room_info_tbl table tr:last-child th,.room_info_tbl table tr:last-child td{

}
.room_info_tbl table tr th,
.room_info_tbl table tr td{
	font-size:100%;
	letter-spacing:.1em;
	font-weight:normal;
	vertical-align:middle;
	border-bottom:1px solid var(--gray);
	padding:1em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.room_info_tbl table tr th,.room_info_tbl table tr td{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	.room_info_tbl table tr th,.room_info_tbl table tr td{
		font-size:94%
	}
}
.room_info_tbl table tr th{
	white-space:nowrap;
	padding-inline:1em 2em
}
.room_info_tbl table tr td{
	width:70%
}

@media only screen and (max-width: 767px){
	.room_info_tbl table tr td{
		width:auto
	}
	.room_info_tbl table tr th,
	.room_info_tbl table tr td{
		padding-top:15px !important;
		padding-bottom:15px !important;
		padding-left:16px;
		padding-right:16px;
		font-size:1.4rem;
	}
}

.p-rooms_rsv_tel{
	margin:40px 0 30px;
}

.link_ame{
	margin-top:30px;
}
.link_ame .con-link a span{
	font-size:1.6rem;
}

.l-roomslist{
	margin-top:100px;
	background:var(--beige);
	padding:0 15px;
}
.l-roomslist__inner{
	padding:30px 0;
}
.l-roomslist__inner ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	justify-content:center;
}
.l-roomslist__inner ul li{
	background:#fff;
	width:40%;
}
.l-roomslist__inner ul li a{
	display:flex;
	gap:50px;
	padding:10px;
	align-items:center;
	text-decoration:none;
	font-family:var(--serif);
	cursor:pointer;
	position: relative;
}

.l-roomslist__inner ul li a::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid var(--brown);
	border-bottom: 1px solid var(--brown);
	transform: skew(45deg);
	transition: .3s;
}
.l-roomslist__inner ul li a:hover::after{
	right: 20px;
	width: 30px;
}
@media only screen and (max-width: 767px){
	.l-roomslist{
		margin-top:50px;
	}
	.l-roomslist__inner{
		padding:50px 0;
	}
	.l-roomslist__inner ul{
		gap:17px;
	}
	.l-roomslist__inner ul li a{
/*
		display:flex;

		padding:10px;
		align-items:center;
		text-decoration:none;
		font-family:var(--serif);
		cursor:pointer;
		position: relative;
*/
		gap:15px;
		flex-wrap:wrap;
	}
	.l-roomslist__inner ul li p.img{
		width:100%;
	}
	.l-roomslist__inner ul li a img{
		width:100%;
		height:72px;
	}
	.l-roomslist__inner ul li a .txt{
		font-size:1.2rem
	}
	.l-roomslist__inner ul li a::after{
		top: 105px;
		right: 10px;
	}
}

.room_ex_txt{
	margin-top:50px;
	border:1px solid var(--brown);
	padding:2em;
}
.room_ex_txt h4{
	color: var(--brown);
	font-size:1.8rem;
	font-weight:normal;
	margin-bottom:1.2em;
	font-family:var(--serif)
}
.room_ex_txt ul li{
	list-style-type: circle;
	margin-left: 20px;
	list-style-position: outside;
}