@charset "utf-8";
/* main
================================================ */
/* 客室 */
.box-room_type .bnr-area > div + div{
	margin-top: 2%;
}
.box-room_type .bnr-area > div:last-child{
	margin-bottom: 5%;
}
.box-room_type .room_area{
	background-color: #fff;
	padding: 2%;
}
#premium .box-room_type .room_area{
	color: #111;
}
#maxcube .box-room_type .room_area{
	color: #111;
}
.box-room_type .room_area + .room_area{
	margin-top: 4%;
}
.box-room_type .room_main_box{
	display: flex;
	align-items: center;
}
.box-room_type .room_main_img{
	width: 60%;
	height: auto;
}
.box-room_type .room_outline{
	width: 38%;
	margin-left: 2%;
}
.box-room_type .room_outline h3{
	margin-bottom: .5em;
}
.box-room_type .room_outline table{
	width: 100%;
}
.box-room_type .room_outline tr{
	border-bottom: 1px dotted #000;
}
.box-room_type .room_outline tr + tr{
	margin-top: 2em;
}
.box-room_type .room_outline th{
	width: 30%;
	padding: .5em 0;
}
.box-room_type .room_outline td{
	width: 62%;
	padding: .5em 0 .5em 8%;
}
.box-room_type .room_sub_box{
	display: flex;
	margin-top: 2%;
}
.box-room_type .room_sub_img{
	width: 33%;
	height: auto;
}
.box-room_type .room_sub_box li + li{
	margin-left: 2%;
}
/* ================================================
 ペット同伴ルームのボタン
================================================ */
.btn__list{
	display: flex;
	margin-left: 15px;
}
.btn__list .btn__item + .btn__item{
	margin-left: 10px;
}
.btn__list .btn__item a{
	font-size: 1.4rem;
	border-radius: 100px;
	padding: 6px 18px;
    color: #ffffff;
}
.btn__list .btn__item.pickup a{
	background-color: #ED7C88;
}
.btn__list .btn__item.dogmap a{
	background-color: #FFD400;
}

/*間取りアコーディオン*/
.accordion {
    margin-top: 20px;
    border-top:1px solid currentColor;
    border-bottom:1px solid currentColor;
    position: relative;
    padding:6px 0;
    color: #444;
}
.accordion .accordion__btn {
    position: relative;
    width: 100%;
    padding-right: 40px;
    border: none;
    background: none;
    cursor: pointer;
    color: #444;
}
.accordion .accordion__btn:link,
.accordion .accordion__btn:visited,
.accordion .accordion__btn:hover,
.accordion .accordion__btn:active {
    color: #444;
}
.accordion .accordion__btn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 1px;
    background-color: currentColor;
}
.accordion .accordion__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(90deg);
    opacity: 1;
    display: block;
    width: 20px;
    height: 1px;
    background-color: currentColor;
    transition: all  0.3s ease;
}
.accordion .accordion__btn.accordion__btn--active::after {
    transform:rotate(0deg);
    opacity: 0;
}
.accordion .accordion__body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all  0.3s ease;
    position: absolute;
    background-color: #fff;
    box-sizing: border-box;
}
.accordion .accordion__body.accordion__body--active {
    opacity: 1;
    width: inherit;
    height: auto;
    overflow: hidden;
    padding:20px 10px;
    z-index: 20;
}

/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
/* 客室 */
.box-room_type .room_outline th{
	width: 35%;
}
.box-room_type .room_outline td{
	width: 57%;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */
/* 客室 */
.box-room_type .room_area{
	padding: 0;
}
.box-room_type .room_area + .room_area{
	margin-top: 6%;
}
.box-room_type .room_main_box{
	display: block;
}
.box-room_type .room_main_img{
	width: 100%;
}
.box-room_type .room_outline{
	width: 100%;
	margin-left: 0;
	padding: 4%;
}
.box-room_type .room_outline h3{
	margin-bottom: .2em;
}
.box-room_type .room_outline table{
	width: 100%;
}
.box-room_type .room_sub_box{
	display: flex;
	margin-top: 2%;
	padding: 0 4% 4%;
}
.box-room_type .room_sub_img{
	width: 49%;
	height: auto;
}
.box-room_type .room_sub_box li + li{
	margin-left: 2%;
}
.box-room_type .room_sub_box li:nth-child(3){
	display: none;
}
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
/* 客室 */
.box-room_type .bnr-area > div + div{
	margin-top: 3%;
}
}