@charset "UTF-8";
/* English ver. ettings */

/*  COMMON*/
.en article,.en nav,.en header,.en footer {
letter-spacing: 0.02em;
}
.en .title_32,
.en .main_title,
.en .sub_title {
letter-spacing: 0.02em;
}
.en .title_32 {
font-size: min(6vw,30px);

}
.en .sub_title {
font-size: var(--20px);
}
.en .main_nav .gnav > ul {
font-size: var(--16px);
}
.en .fs-20 {font-size: var(--18px);}



@media only screen and (min-width: 768px) {
.en .btn_fixed > a {
letter-spacing: 0.02em;
}
.en .header .menu > li > a {
padding: 0 4px;
letter-spacing: normal;
font-size: var(--14px);
}
.en .fs-20 {font-size: var(--20px);}

.en .footer .group_nav > a.w-30 {
font-size: var(--15px);
letter-spacing: -0.02em;
}
.en .footer .group_nav > a.w-30.sho > strong {
padding-right: 10px;
}


}/* min-width: 768px */



@media only screen and (min-width: 1280px) {
.en .header .menu > li > a {
padding: 0 10px;
letter-spacing: 0.05em;
font-size: var(--16px);
}


}/* min-width: 1025px */






/* CONTENTS */

/* home */
.en #home_about .title_28,
.en #home_history .title_28 {
font-size:min(5vw,22px);
}

.en .wrap_search dt.fs-14 {
align-content: flex-end;
padding-bottom: min(2vw,5px);
box-sizing: border-box;
min-height: 50px;
font-size: min(1.2vw, 13px);
line-height: 1.4;
}
.en .wrap_search .available {
max-width: 70px;
text-align: center;
font-size: min(3vw,12px);
}

@media only screen and (min-width: 768px) {
.en #home_about .col-6 {
width: min(48%,580px);
}
.en #home_about .title_28 {
font-size:min(3vw,24px);
}
.en .wrap_search .attention {
font-size: min(1.1vw,12px);
}

}


.en .about .greeting .title_28 {
letter-spacing: normal;
}
.en .category_top_head .category_title {
letter-spacing:0.05em;
}
.en .onsen .fs-22 {
font-size: var(--19px);
}
.en .btn_room_select {
padding-right: 5rem;
text-align: left;
font-size: var(--16px);
}

@media only screen and (min-width: 768px) {
.en .detail_head_title > span {
padding-top: 10px;
}
.en .detail_head_title + p {
font-size: var(--17px);
letter-spacing: 0.05em;
}
.en .btn_room_select {
font-size: var(--18px);
}
}/* min-width: 768px */




@media only screen and (min-width: 1025px) {
.en .category_top_head .catch {
letter-spacing:0.02em;
}
.en .linklist_room a {
padding: 6rem 1.5rem 6rem 2rem;
}
.en .linklist_room a > dl dt {
font-size: var(--12px);
letter-spacing: -0.02em;
}
.en .linklist_room a > dl dt:after {
margin: 0 5px;
}
.en .linklist_room a > dl dd {
font-size: var(--15px);
}

.en .about .list_default li > strong {
width: 25%;
font-size: var(--17px);
}
.en .about .list_default li > span {
width: 75%;
font-size: var(--15px);
}
.en .onsen .fs-22 {
font-size: var(--22px);
}


}/* contents min-width: 1025px */





/* room_select */
.en .room_select .wrap_search > div {
width: calc(24% - 2px);
font-size: var(--14px);
}
.en .room_select .wrap_search > div.date {
width: 28%;
}
.en .room_select .wrap_search select.select {
font-size: 14px;
}
.en .select_condition > dl dd a,
.en .select_detail > dl dd a {
font-size: var(--13px);
}
.en ul.sort_nav li {
font-size: var(--12px);
letter-spacing: -0.02em;
}
.en .select_list .link_list a {
padding-bottom: 3.5rem;
}
.en .select_list .link_list a .data > span.price {
width: 100%;
}
.en .select_list .link_list a .data > span.price:before {
display: none;
}
.en .review_refine > .head .d-f > strong {
font-size: var(--18px);
width: 50%;
}
.en .review_refine > .head .d-f > span {
width: 50%;
}
.en .box_review .rating li > strong {
max-width: 50%;
}



@media only screen and (min-width: 768px) {
.en .room_select .wrap_search > div,
.en .room_select .wrap_search > div.date{
width: 100%;
font-size: var(--15px);
}
.en .room_select .wrap_search select.select {
font-size: 15px;
}
.en ul.sort_nav li {
font-size: var(--13px);
}
.en .review_refine > .head .d-f > strong {
font-size: var(--15px);
width: 52%;
}
.en .review_refine > .head .d-f > span {
padding-right: 20px;
width: 48%;
}
.en .box_review .rating li > strong {
font-size: var(--13px);
letter-spacing: -0.02em;
}

}/* min-width: 768px */




@media only screen and (min-width: 1200px) {
.en .select_list .link_list a {
padding-bottom: 4rem;
}
.en .select_list .link_list a .data > span.price {
width: auto;
}
.en .select_list .link_list a .data > span.price:before {
display: block;
width: 10px;
}

}/* min-width: 1200px */