@charset "utf-8";
/* main
================================================ */
/* 客室設備・サービス */
.box-service .box-service_column + .box-service_column{
	border-top: 1px dotted #000;
	margin-top: 3em;
	padding-top: 3em;
}
.box-service h4{
	border-left-width: 3px;
	border-left-style: solid;
	margin-bottom: 1em;
	padding: 0.4em 0 0.4em 0.5em;
}
.box-service .icon_list{
	display: flex;
	flex-wrap: wrap;
	margin-top: -2em;
	margin-left: -3%;
}
.box-service .icon_list li{
	width: 11.285%;
	margin-top: 2em;
	margin-left: 3%;
	text-align: center;
	line-height: 1.3;
}
.box-service .icon_list img{
	max-width: 60px;
	display: block;
	margin: 0 auto;
}
.box-service .icon_list .icon_tip{
	margin-top: 0.5em;
}
.box-service .other_list{
	margin-top: 2em;
}
.box-service .other_list li{
	display: inline-block;
}
.box-service .other_list li + li::before{
	content: "/";
	margin: 0 0.3em;
}
.box-service .service_note{
	margin-top: 2em;
}

/* 案内 */
.box-facilities_shousai_ul > li + li{
	margin-top: 3%;
}
.box-group{
	width: 100%;
	background-color: #fff;
}
#premium .box-group{
	color: #111;
}
.box-wrap{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
#premium .box-wrap{
	color: #111;
	background-color: #fff;
}
#maxcube .box-wrap{
	color: #111;
	background-color: #fff;
}
.box-image, .box-txt{
	width: 50%;
}
.box-image{
	height: 300px;
}
.box-txt{
	padding: 2em;
}
.box-txt h3{
	margin-bottom: 0.4em;
	text-align: center;
}
.box-txt h3::after{
	content: "";
	display: block;
	background-color: #333;
	width: 30px;
	height: 3px;
	margin: 0.5em auto 1em;
}
#premium .box-txt h3::after{
	background-color: #B79E6C;
}
.box-txt h3 .shop_logo > img{
	width: 30%;
	vertical-align: middle;
	margin-right: 0.25em;
}
.box-txt .btn_flex{
	display: flex;
	justify-content: center;
}
.box-txt .btn-normal + .btn-normal{
	margin-left: 4%;
}
.box-txt .btn-normal a{
	margin-top: 1em;
}
.box-txt .btn-open_new{
	position: relative;
	display: inline-block;
	text-align: center;
	padding-right: 3em;
	padding: 1em 3em;
}
.box-txt .btn-open_new::after{
	content: '';
	width: 0.8em;
	height: 0.8em;
	display: block;
	background: url(/common_rwd/img/icon/part/i_open_new.svg) no-repeat;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(0, -50%);
}
.btn-more,
.btn-more-noafter{
	position: relative;
	display: inline-block;
	text-align: center;
	padding-right: 3em;
	padding: 1em 3em;
	cursor: pointer;
}
.btn-more::after{
	content: '';
	width: 0.4em;
	height: 0.4em;
	display: block;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: translate(0,-50%) rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1em;
	transition-property: all;
	transition: 0.1s linear;
}
.btn-more_rotate::after{
	transform: translate(0,-50%) rotate(-45deg);
}
.js-accordion_box{
	display: none;
}
.js-accordion_box_on{
	display: block;
}
.accordion_box_pd{
	padding: 0 2em 2em;
}


.info_about{
	width: 100%;
}
.info_about .info_about_ul > li{
	width: 100%;
	display: flex;
	border-bottom: 1px dotted #000;
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
}
.info_about .info_about_head{
	width: 25%;
	font-weight: bold;
}
.info_about .info_about_txt{
	width: 70%;
	margin-left: 5%;
}
.accordion_top_txt{
	margin-bottom: 1em;
}
.accordion_content{
	padding-top: 2.5em;
}
.accordion_content > h4{
	border-left-width: 3px;
	border-left-style: solid;
	margin-bottom: 3%;
	padding: 0.4em 0 0.4em 0.5em;
}
.accordion_img_area{
	display: flex;
	flex-wrap: wrap;
	margin-top: -3%;
	margin-left: -3%;
}
.accordion_img_area > li{
	width: 30.33%;
	margin-top: 3%;
	margin-left: 3%;
}
.accordion_img_area .accordion_img_txt{
	margin-top: 0.4em;
}
.accordion_img_area .accordion_img_txt + .accordion_img_txt{
	margin-top: 0.2em;
}



/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
/* 客室設備・サービス */
.box-service .icon_list img{
	max-width: 40px;
}
/* 案内 */
.box-facilities_shousai_ul > li + li{
	margin-top: 6%;
}
.box-image{
	width: 40%;
	padding: 1.5em 0 1.5em 1.5em;
}
.box-txt{
	width: 60%;
	padding: 1.5em;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */
/* 客室設備・サービス */
.box-service .box-service_column + .box-service_column{
	margin-top: 2.5em;
	padding-top: 2.5em;
}
.box-service .icon_list{
	margin-top: -1.0em;
	margin-left: -2.5%;
}
.box-service .icon_list li{
	width: 14.166%;
	margin-top: 1.0em;
	margin-left: 2.5%;
}
.box-service .icon_list img{
	max-width: 30px;
}
.box-service .other_list{
	margin-top: 1.5em;
}
.box-service .service_note{
	margin-top: 1.5em;
}
/* 案内 */
.box-wrap{
	flex-wrap: wrap;
}
.box-image{
	width: 100%;
	padding: 0;
}
.box-txt{
	width: 100%;
	padding: 1em 1.5em 1.5em;
}
.accordion_img_area{
	margin-top: -3%;
	margin-left: -3%;
}
.accordion_img_area > li{
	width: 47%;
	margin-top: 3%;
	margin-left: 3%;
}
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
/* 客室設備・サービス */
.box-service .icon_list li{
	width: 17.5%;
}
.box-service .icon_list img{
	max-width: 30px;
}
/* 案内 */
.box-facilities_shousai_ul > li + li{
	margin-top: 10%;
}
.accordion_box_pd{
	padding: 0 1em 1em;
}
.box-image{
	height: 200px;
}
.box-txt h3::after{
	width: 24px;
	margin: 0.5em auto 0.7em;
}
.box-txt .btn_flex{
	flex-wrap: wrap;
}
.box-txt .btn-normal + .btn-normal{
	margin-left: 0;
}
.box-txt .btn-normal{
	width: 100%;
}
}
@media screen and (max-width: 320px) {
/* main
================================================ */
/* 客室設備・サービス */
.box-service .icon_list li{
	width: 22.5%;
}
.box-service .icon_list img{
	max-width: 30px;
}
}