@charset "UTF-8";
/* CSS Document - comparison  */
/* comparison */


article.comparison {
padding-top: 60px;
}
.select {color: var(--font-color);}

table {
border-collapse: collapse;
border-spacing: 0;
}

@media only screen and (min-width: 768px) {
article.comparison {
padding-top: 100px;
}

}/* min-width: 768px */

@media only screen and (min-width: 1025px) {}/* min-width: 1025px */
@media only screen and (min-width: 1320px) {}/* min-width: 1025px */


/* 絞り込み検索部分 */
.select_condition {
width: 100%;
background: #FFF;
border: 1px solid var(--gold-40);
border-radius: 6px;
box-sizing: border-box;
}
.select_condition > dl {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.select_condition > dl dt {
position: relative;
width: 100%;
padding: 10px 0 0 40px;
margin-bottom: 5px;
background: url(/kinnotake-co/images/reserve/icon_reserve_filter.svg) no-repeat left 10px top 12px;
background-size: 30px;
cursor: pointer;
transition: var(--transition);
}
.select_condition > dl dt:hover {
opacity: var(--bg-opacity);
}
.select_condition > dl dt:after {
content: "";
display: inline-block;
margin-left: 5px;
width: 10px;
height: 10px;
border-bottom: 2px solid var(--gold);
border-right: 2px solid var(--gold);
transform: rotate(45deg) translateY(-2px);
}
.select_condition > dl dt.close:after {
margin-left: 8px;
transform: rotate(-135deg) translateY(-2px);
}
.select_condition > dl dd {
width: 100%;
padding: 0 10px 10px;
}
.select_condition > dl dd a,
.select_detail > dl dd a {
display: inline-flex;
align-items: center;
margin: 3px;
padding: 5px 10px;
background: var(--gold-10);
border-radius: 50px;
font-size: var(--14px);
font-weight: 500;
color: var(--gold);
line-height: 1.2;
cursor: pointer;
}
.select_detail > dl dd a {
background: #FFF;
}
.select_condition > dl dd a > span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 5px;
box-sizing: border-box;
height: 20px;
width: 20px;
border-radius: 50%;
background: var(--logogold);
font-weight: 700;
font-size: 87%;
color: #FFF;
text-align: center;
}
.select_condition > dl dd a.selected,
.select_detail > dl dd a.selected {
background: var(--logogold);
color: #FFF;
}
.select_condition > dl dd a.selected > span {
background: #FFF;
color: var(--gold);
}
.select_detail {
display: none;
background: var(--gold-10);
padding: 10px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.select_detail dl + dl {
margin-top: 5px;
}
.select_detail dl dt {
font-size: var(--14px);
font-weight: 500;
color: var(--gold);
}


@media only screen and (min-width: 768px) {
article.room_select {
padding-top: 90px;
}
.select_condition {
border-radius: 10px;
}
.select_condition > dl dt {
width: 160px;
padding-top: 20px;
background-position: left 10px top 24px;
}
.select_condition > dl dd {
width: calc(100% - 160px);
padding: 15px 0;
}
.select_condition > dl dd a > span {
height: 25px;
width: 25px;
}
.select_detail {
padding: 20px 20px 20px 40px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.select_detail > dl {
display: flex;
}
.select_detail > dl + dl {
margin-top: 10px;
}
.select_detail dl dt {
min-width: 130px;
}

}/* min-width: 768px */





/* MODAL WINDOW */
.comparison .overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(240,242,245,.8);
width: 100%;
height: 100%;
z-index: 100;
}
.no_scroll {overflow: hidden;}
.comparison .modal-window {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
z-index: 201;
overflow: auto;
width: 100%;
height: 100%;
max-width: 1140px;
background-color: #FFF;
}
.comparison .modal-window .modal-window_inner {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 100%;
background-color: #FFF;
padding: 0;
box-sizing: border-box;
z-index: 202;
}
.comparison .button-close,
.comparison .button_modal_close {
/* position: absolute; */
position: fixed;
top: 5px;
right: 10px;
width: 40px;
height: 40px;
color: #FFF;
text-indent: -9999px;
cursor: pointer;
z-index: 600;
}
.comparison .button-close:before,
.comparison .button-close:after,
.comparison .button_modal_close:before,
.comparison .button_modal_close:after {
position: absolute;
top:50%;
left:50%;
content: "";
display: block;
width: 25px;
height: 1px;
background: var(--gold);
transform: translate(-50%,-50%) rotate(45deg);
}
.comparison .button-close:after,
.comparison .button_modal_close:after {
transform: translate(-50%,-50%) rotate(-45deg);
}




/* Modal内 パーツ再設定 */
@media only screen and (min-width: 768px) {
.comparison .modal-window .box_cal.modal-window_inner {
padding: 40px;
}
.comparison .modal-window .box_cal .comparison_cal {
display: flex;
justify-content: space-between;
gap: 20px;
}

}/* Modal内 パーツ再設定 min-width: 768px */




/* 他サイト遷移 pop up */
.comparison .modal-window.wrap_date-comparison {
background: #FFF;
}
.date-comparison {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width:90%;
}


@media only screen and (min-width: 768px) {
.room_select .modal-window.wrap_date-comparison .modal-window_inner {
top:50%;
translate: 0 -50%;
}

}/* min-width: 768px */


.date-comparison .head {
display: flex;
flex-wrap: wrap;
gap:10px;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.date-comparison .head h3 {
width: 100%;
font-family: var(--font-family-min);
font-size: var(--20px);
font-weight: 500;
color: var(--gold);
text-align: center;
}
.date-comparison .select {
display: inline-block;
border:1px solid var(--gold-40);
border-radius: 6px;
}

@media only screen and (min-width: 768px) {
.date-comparison .head {
justify-content: flex-start;
margin-bottom: 10px;
}
.date-comparison .head h3 {
text-align: left;
}
}/* min-width: 768px */



/* テーブルを囲っているクラス */
.table_wrap {
overflow: auto;
height: 600px;
}

/* tableのスタイル */
.table_wrap > table {
/* width: 1080px;
min-width: 635px; */
max-width: 1080px;
min-width: 300px;
border-spacing: 3px;
border-collapse: separate;
}

.table_wrap > table th,
.table_wrap > table td {
white-space: nowrap;
}



/* ヘッダー固定 */
.table_wrap > table th {
background: var(--gold-20);
padding: 10px;
position: sticky;
top: 0;
left: 0;
z-index: 1;
font-weight: 400;
font-size: var(--14px);
letter-spacing: normal;
line-height: 1.4;
}

/* 左上端を重なり順一番前へ */
.table_wrap > table thead tr:first-of-type th:first-of-type {
z-index: 2;
}
.table_wrap > table thead th > strong,
.table_wrap > table thead th > small {
display: block;
text-align: center;
}
.table_wrap > table thead th > strong {
font-family: var(--font-family-min);
font-size: 120%;
}
.table_wrap > table tbody th {
text-align: left;
/* width: 80px; */
width: 100px;
font-size: var(--14px);
}
.table_wrap > table tbody td {
font-weight: normal;
/* width: 120px; */
width: 150px;
font-size: var(--14px);
}
.table_wrap > table tbody td > strong,
.table_wrap > table tbody td > a {
position: relative;
display: block;
width: 100%;
padding: 10px;
text-align: right;
background: var(--gold-5);
border-radius: 5px;
letter-spacing: normal;
}
.table_wrap > table tbody td.reserve > a {
padding-left: 45px;
background:var(--logogold) ;
color: #FFF;
font-weight: 600;

}
.table_wrap > table tbody td.reserve > a::before {
position: absolute;
top:50%;
translate: 0 -50%;
left:5px;
content: "予約可";
display: block;
width: 35px;
height: 35px;
padding-top: 13px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid #FFF;
text-align: center;
font-size: 10px;
color: #FFF;
letter-spacing: normal;
line-height: 1;
}
.comparison_bg {
padding-bottom: 20px;
margin-bottom: 3rem;
background: var(--logogold);
}



@media only screen and (min-width: 768px) {}









/* style comparison-table  */
.cd-products-comparison-table {
padding-top: 20px;
}
.cd-products-comparison-table::after {
display: none;
content: 'mobile';
}
.cd-products-comparison-table .comparison_head {
padding: 0 20px;
}
.cd-products-comparison-table .comparison_head::after {
clear: both;
content: "";
display: table;
}
.cd-products-comparison-table .comparison_head .actions {
display: flex;
width: 100%;
}

.comparison_head .actions > span {
display: block;
border: 1px solid #FFF;
border-radius: 5px;
}
.comparison_head .actions > span a {
display: block;
padding: .5rem;
box-sizing: border-box;
color: #FFF;
font-size: min(3vw,15px);
letter-spacing: normal;
line-height: 1.4;
}
.comparison_head .reset {
width: min(20vw,140px);
margin-right: 5px;
}
.comparison_head .filter {
position: relative;
padding-left: 2.5rem;
width: min(40vw,280px);
cursor: not-allowed;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: .6;
}
.comparison_head .actions > span.save {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.comparison_head .actions > span.delete {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.comparison_head .filter.active {
cursor: pointer;
background: #FFF;
color: var(--gold);
transition: var(--transition);
opacity: 1;
}
.comparison_head .filter.active a {
color: var(--gold);
}
.comparison_head .actions > span.save.filter.active {
border-right: 1px solid var(--logogold);
}

.comparison_head .filter:before {
position: absolute;
left:14px;
top:8px;
content: "";
display: block;
width: 8px;
height: 12px;
border-right:3px solid var(--gold-60);
border-bottom:3px solid var(--gold-60);
rotate: 45deg;
}
.comparison_head .filter.delete:before {
border: none;
rotate: none;
background: url(/kinnotake-co/images/common/icon_delete.svg) no-repeat left center;
background-size: 100%;
top:6px;
width: 11px;
height: 16px;
}
.comparison_head .filter.active:before {
border-color: var(--logogold);
}
.no-touch .comparison_head .filter.active:hover {
opacity: var(--bg-opacity);
}




.comparison_head .reset {
position: relative;
background:#FFF;
}
.comparison_head .reset:before {
position: absolute;
top:5px;
left: 50%;
translate: -50%;
content: "";
display: block;
width: 15px;
height: 10px;
background: url(/kinnotake-co/images/common/icon_reset.svg) no-repeat left center;
background-size: 100%;
}
.comparison_head .actions > span.reset a {
padding-top: 2rem;
color: var(--logogold);
text-align: center;
}


@media only screen and (min-width: 768px) {

.comparison_head .filter ,
.comparison_head .reset{
width:auto;
}
.comparison_head .reset:before {
top:50%;
translate: 0 -50%;
left:12px;
}
.comparison_head .actions > span a {
padding:.8rem 1.5rem .8rem .5rem;
}
.comparison_head .actions > span.reset a {
padding:1rem 1rem 1rem 3.5rem;
text-align: left;
}
.comparison_head .filter:before,
.comparison_head .filter.delete:before {
top:50%;
translate: 0 -50%;
}
.comparison_head .filter.save:before {
top:45%;
}

}/* min-width: 1170px */





/* カレンダー展開ボタン */
.btn_room-calender {
/* display: block; */

display: flex;
justify-content: space-between;
align-items: flex-end;

width: 100%;
margin-top: 10px;
text-align: right;
}
.btn_room-calender > a.js-open {
position: relative;
display: inline-block;
background: #FFF;
padding: .6rem 1rem .6rem 3rem;
background: var(--gold-10);
border-bottom: none;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
color: var(--gold);
font-weight: 500;
font-size: var(--15px);
cursor: pointer;
}
.btn_room-calender > a.js-open:before {
position: absolute;
top:50%;
translate: 0 -50%;
left:10px;
content: "";
display: block;
width: 16px;
height: 16px;
background: url(/kinnotake-co/images/common/icon_search.svg) no-repeat center center;
background-size: 100%;
}





@media only screen and (min-width: 1170px) {
.cd-products-comparison-table {
padding-top: 30px;
}
.cd-products-comparison-table::after {
content: 'desktop';
}

.btn_room-calender {
justify-content: flex-end;
}
.btn_room-calender > a.js-open {
padding: 1rem 2rem 1rem 3.5rem;
}

}/* min-width: 1170px */






/* cd-products-table */
.cd-products-table {
position: relative;
overflow: hidden;
}
.cd-products-table .features {
position: absolute;
z-index: 101;
top: 0;
left: 0;
width: 120px;
border-style: solid;
border-color: var(--gold-10);
border-top-width: 1px;
border-bottom-width: 1px;
opacity: .95;
}
.cd-products-table .features::after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 4px;
height: 100%;
background-color: transparent;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
background-image: linear-gradient(to right,rgba(0, 0, 0, 0.06), transparent);
opacity: 0;
}
@media only screen and (min-width: 1170px) {
.cd-products-table .features {
width: 160px;
}
}
.cd-products-table.scrolling .features::after {
opacity: 1;
}

.cd-products-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-style: solid;
border-color: var(--gold-10);
border-top-width: 1px;
border-bottom-width: 1px;
background: var(--gold-10);
}

.cd-products-columns {
width: 1200px;
margin-left: 120px;
}
.cd-products-columns::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 1170px) {
.cd-products-columns {
width: 2480px;
margin-left: 160px;
}
}

.cd-products-columns .product {
position: relative;
float: left;
width: 150px;
text-align: center;
-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.filtering .cd-products-columns .product:not(.selected) {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.no-product-transition .cd-products-columns .product.selected {
-webkit-transition: opacity 0.3s, visibility 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.filtered .cd-products-columns .product:not(.selected) {
position: absolute;
}
@media only screen and (min-width: 1170px) {
.cd-products-columns .product {
width: 310px;
}
}

.cd-features-list li {
padding: 10px;
border-color: var(--gold-10);
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
background: #FFF;
font-size: min(3.2vw,16px);
line-height: 1.3;
}
.cd-features-list li.rate span {
display: inline-block;
height: 22px;
width: 110px;
background: url(/kinnotake-co/comparison/img/cd-star.svg);
color: transparent;
}

.cd-features-list li.rate.rate1 span {width: 22px;}
.cd-features-list li.rate.rate2 span {width: 44px;}
.cd-features-list li.rate.rate3 span {width: 66px;}
.cd-features-list li.rate.rate4 span {width: 88px;}
.cd-features-list li.rate.rate5 span {width: 110px;}
.features .cd-features-list li,
.cd-products-table .features .top-info {
text-align: left;
font-size: var(--15px);
font-weight: 500;
color: var(--gold);
}
.features .cd-features-list li,
.cd-products-table .features .top-info {
background: var(--gold-5);
}
.cd-products-table .features .top-info {
padding-top: 20px;
}
.features .cd-features-list li {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

@media only screen and (min-width: 1170px) {
.features .cd-features-list li,
.cd-products-table .features .top-info {
text-transform: uppercase;
padding: 10px;
letter-spacing: 1px;
}
.cd-products-table .features .top-info{
padding-top: 20px;
}
}/* min-width: 1170px */

.cd-products-table .top-info {
position: relative;
text-align: center;
padding: 10px;
border-color: var(--gold-10);
border-style: solid;
border-right-width: 1px;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
cursor: pointer;
background: #ffffff;
z-index: 100;
}
.cd-products-table .top-info::after {
/* color gradient below .top-info -  visible when .top-info is fixed */
content: '';
position: absolute;
left: 0;
top: 100%;
height: 4px;
width: 100%;
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.06), transparent);
opacity: 0;
}
.cd-products-table .top-info h3 {
padding: 1rem 0 .5rem;
font-family: var(--font-family-min);
font-size: var(--22px);
line-height: 1.4;
letter-spacing: normal;
}
.cd-products-table .top-info h3 > small {
display: block;
text-align: center;
font-size: 60%;
}

.cd-products-table .top-info img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100px;
object-fit: cover;
}
.cd-products-table .top-info h3, .cd-products-table .top-info img {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-products-table .top-info .check {
position: relative;
display: inline-block;
height: 24px;
width: 24px;
margin: 0 auto;
cursor: pointer;
}
.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
}
.cd-products-table .top-info .check::before {
border-radius: 6px;
border: 1px solid var(--gold-60);
background: #ffffff;
-webkit-transition: background-color 0.3s, -webkit-transform 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, -moz-transform 0.3s, border-color 0.3s;
transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
}
.cd-products-table .top-info .check::after {
background: url(/kinnotake-co/comparison/img/cd-check.svg) no-repeat center center;
background-size: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-products-table .top-info .check {
margin: 10px 0;
}
.cd-products-table .features .top-info {
cursor: auto;
background: var(--gold-5);
}

@media only screen and (min-width: 1170px) {
.cd-products-table .top-info img {
height: 180px;
}

}/* min-width: 1170px */




.cd-products-table .selected .top-info .check::before {
/* green circle dot */
background: var(--logogold);
border-color: var(--logogold);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
-webkit-animation: cd-bounce 0.3s;
-moz-animation: cd-bounce 0.3s;
animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce {
0% {
-webkit-transform: scale(1);
}
60% {
-webkit-transform: scale(1.6);
}
100% {
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes cd-bounce {
0% {
-moz-transform: scale(1);
}
60% {
-moz-transform: scale(1.6);
}
100% {
-moz-transform: scale(1.5);
}
}
@keyframes cd-bounce {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
}
100% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
}
.cd-products-table .selected .top-info .check::after {
/* check icon */
opacity: 1;
}

@media only screen and (min-width: 1170px) {
.cd-products-table.top-fixed .cd-products-columns > li,
.cd-products-table.top-scrolling .cd-products-columns > li,
.cd-products-table.top-fixed .features,
.cd-products-table.top-scrolling .features {
padding-top: 70px;
}

.cd-products-table.top-fixed .top-info,
.cd-products-table.top-scrolling .top-info {
position: fixed;
top: 0;
}
.no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients
.cd-products-table.top-scrolling .top-info {
border-bottom: 1px solid #e6e6e6;
}
.cd-products-table.top-fixed .top-info::after,
.cd-products-table.top-scrolling .top-info::after {
opacity: 1;
}
.cd-products-table.top-fixed .top-info h3,
.cd-products-table.top-scrolling .top-info h3 {
-webkit-transform: translateY(-116px);
-moz-transform: translateY(-116px);
-ms-transform: translateY(-116px);
-o-transform: translateY(-116px);
transform: translateY(-116px);

font-size: var(--17px);
line-height: 1.2;
}
.cd-products-table.top-fixed .top-info img,
.cd-products-table.top-scrolling .top-info img {
-webkit-transform: translateY(-62px) scale(0.4);
-moz-transform: translateY(-62px) scale(0.4);
-ms-transform: translateY(-62px) scale(0.4);
-o-transform: translateY(-62px) scale(0.4);
transform: translateY(-62px) scale(0.4);
}

.cd-products-table.top-scrolling .top-info {
position: absolute;
}

}/* min-width: 1170px */




.cd-table-navigation a {
position: absolute;
z-index: 110;
top: 180px;
right: 15px;
-webkit-transform: translateY(55px);
-moz-transform: translateY(55px);
-ms-transform: translateY(55px);
-o-transform: translateY(55px);
transform: translateY(55px);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
height: 40px;
width: 40px;
background: rgba(153, 153, 0, .8) url("/kinnotake-co/comparison/img/cd-arrow.svg") no-repeat center center;
border-radius: 50%;
-webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
-moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.cd-table-navigation a.inactive {
opacity: 0;
visibility: hidden;
}
.cd-table-navigation a.prev {
left: 120px;
right: auto;
-webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
-moz-transform: translateY(55px) translateX(15px) rotate(180deg);
-ms-transform: translateY(55px) translateX(15px) rotate(180deg);
-o-transform: translateY(55px) translateX(15px) rotate(180deg);
transform: translateY(55px) translateX(15px) rotate(180deg);
}


@media only screen and (min-width: 1170px) {
.cd-table-navigation a {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
top:220px;
}



.cd-table-navigation a.prev {
left: 180px;
-webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
-moz-transform: translateY(100px) translateX(15px) rotate(180deg);
-ms-transform: translateY(100px) translateX(15px) rotate(180deg);
-o-transform: translateY(100px) translateX(15px) rotate(180deg);
transform: translateY(100px) translateX(15px) rotate(180deg);
}
.top-fixed .cd-table-navigation a {
position: fixed;
}
.top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {
-webkit-transform: translateY(45px);
-moz-transform: translateY(45px);
-ms-transform: translateY(45px);
-o-transform: translateY(45px);
transform: translateY(45px);
}
.top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {
-webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
-moz-transform: translateY(45px) translateX(15px) rotate(180deg);
-ms-transform: translateY(45px) translateX(15px) rotate(180deg);
-o-transform: translateY(45px) translateX(15px) rotate(180deg);
transform: translateY(45px) translateX(15px) rotate(180deg);
}
}

/* -------------------------------- 

No JS

-------------------------------- */
.no-js .actions {
display: none;
}
.no-js .cd-products-table .top-info {
height: 80px;
}
@media only screen and (min-width: 1170px) {}
.no-js .cd-products-columns .check {
display: none;
}




/* 表の幅指定 */
/* 上固定部分 */
.cd-products-table .top-info {
width: 150px;
}
/* 上固定の見出し */
.cd-products-table .features .top-info {
width: 120px;
}
/* コンテンツ内 */
.cd-features-list li {
width: 150px;
}
/* コンテンツ内見出し */
.features .cd-features-list li {
width: 120px;
}

@media only screen and (min-width: 1170px) {
.cd-products-table .top-info,
.cd-features-list li {
width: 310px;
}
.cd-products-table .features .top-info,
.features .cd-features-list li {
width: 160px;
}
}/* min-width: 1170px */


/* 表の高さ指定 */
.cd-products-table .top-info {
height: 70px;
}
.features .cd-features-list li,
.cd-features-list li {
min-height: 55px;
}
.features .cd-features-list li.high,
.cd-features-list li.high {
min-height: 70px;
}

.cd-features-list li {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.cd-features-list li:last-child {
min-height: 220px;
text-align: left;
}
.features .cd-features-list li {
justify-content: flex-start;
}
.cd-features-list li > small {
display: block;
width: 100%;
text-align: center;
}


@media only screen and (min-width: 1170px) {
.features .cd-features-list li,
.cd-features-list li,
.features .cd-features-list li.high,
.cd-features-list li.high {
min-height: 80px;
}
.cd-features-list li:last-child {
min-height: 240px;
}

}/* min-width: 1170px */






/* お部屋 */
.cd-products-table li.room,
.cd-features-list li.room {
min-height: 160px;
}
.cd-features-list li.room.slider_wrap {
display: block;
padding: 0;
align-content: start;
}

.cd-products-table li.room h3 {
font-family: var(--font-family-min);
font-size: var(--22px);
line-height: 1.4;
letter-spacing: normal;
}
.cd-products-table li.room h3 small {
display: block;
text-align: center;
font-size: 60%;
}

.en .cd-products-table li.room h3 {
font-size: var(--19px);
}

.en .cd-products-table li.room h3 small {
font-size: 70%;
}

.cd-products-table li.room img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100px;
object-fit: cover;
}

.cd-products-table li.room h3 a {
display: block;
padding: 1rem 0;
text-align: center;
}
.cd-products-table li.room h3 a:hover {
background: var(--gold-5);
}


@media only screen and (min-width: 1170px) {
/* お部屋 */
.cd-products-table li.room,
.cd-features-list li.room {
min-height: 250px;
}
.cd-products-table li.room img {
height: 180px;
}

}/* min-width: 1170px */






/* slick */
.comparison_slider .slick-arrow {
position: absolute;
top: 50%;
transform:translateY(-50%);
font-size: 0;
text-indent: -9999px;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(0,0,0, .6);
z-index: 5;
}
.comparison_slider .slick-prev {
left: 3px;
}
.comparison_slider .slick-next {
right: 3px;
}
.comparison_slider .slick-prev:after,
.comparison_slider .slick-next:after {
position: absolute;
top:10px;
rotate:45deg;
content: "";
display: block;
width: 10px;
height: 10px;
}
.comparison_slider .slick-prev:after {
left:12px;
border-bottom: 2px solid var(--logogold-30);
border-left: 2px solid var(--logogold-30);
}
.comparison_slider .slick-next:after {
right:12px;
border-top: 2px solid var(--logogold-30);
border-right: 2px solid var(--logogold-30);
}
.comparison_slider button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
padding: 0;
}


@media only screen and (min-width: 768px) {
.comparison_slider .slick-prev {
left: 10px;
}
.comparison_slider .slick-next {
right: 10px;
}

} /* min-width: 768px */






/* update BEST RATE */
.comparison .select_condition {
margin-top: 25px;
}
.select_condition .caution_bestrate {
position: absolute;
top:0;
left:30px;
border-radius:0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

@media only screen and (min-width: 768px) {
.comparison .select_condition {
margin-top: 32px;
}
.select_condition .caution_bestrate {
left:40px;
}

} /* min-width: 768px */