@charset "UTF-8";
/*===================================================
フォントサイズの変更
※bodyにサイズごとのclassを追加する。
===================================================*/
/*base font-size(10px)*/
html {
  font-size: 62.5%;
}

/*最大サイズ
=======================================*/
body.fs-mx {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-mx h1 {
  font-size: 20px;
  font-size: 2rem;
}

body.fs-mx h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

body.fs-mx h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-mx h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-mx h5 {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-mx h6 {
  font-size: 11px;
  font-size: 1.1rem;
}

/*=====相対的にサイズが変化しない要素は個別に指定=====*/
body.fs-mx .btn-page-link-list li a {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-sm #hotel-detail-primary #primary #header h2 {
  font-size: 2rem !important;
}

body.fs-mx .item-price-list[data-component="result"] dl dd .main {
  font-size: 18px;
  font-size: 1.8rem;
}

body.fs-mx .item-price-list[data-component="detail"] dl dd .main {
  font-size: 24px;
  font-size: 2.4rem;
}

body.fs-mx .item-price-list[data-component="initial-price"] dl {
  font-size: 24px;
  font-size: 2.4rem;
}

body.fs-mx .float-discount-price-list dl dd {
  font-size: 17px;
  font-size: 1.7rem;
}

body.fs-mx .pay-method-icon-list li span {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-sm .col-item-spec span {
  font-size: 12px;
  font-size: 1.2rem;
}

/*大サイズ
=======================================*/
body.fs-lg {
  font-size: 13px;
  font-size: 1.3rem;
}

body.fs-lg h1 {
  font-size: 18px;
  font-size: 1.8rem;
}

body.fs-lg h2 {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-lg h3 {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-lg h4 {
  font-size: 13px;
  font-size: 1.3rem;
}

body.fs-lg h5 {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-lg h6 {
  font-size: 11px;
  font-size: 1.1rem;
}

/*=====相対的にサイズが変化しない要素は個別に指定=====*/
body.fs-lg .btn-page-link-list li a {
  font-size: 15px;
  font-size: 1.5rem;
}

body.fs-sm #hotel-detail-primary #primary #header h2 {
  font-size: 1.8rem !important;
}

body.fs-lg .item-price-list[data-component="result"] dl dd .main {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-lg .item-price-list[data-component="detail"] dl dd .main {
  font-size: 20px;
  font-size: 2rem;
}

body.fs-lg .item-price-list[data-component="initial-price"] dl {
  font-size: 20px;
  font-size: 2rem;
}

body.fs-lg .float-discount-price-list dl dd {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-lg .pay-method-icon-list li span {
  font-size: 10px;
  font-size: 1rem;
}

body.fs-sm .col-item-spec span {
  font-size: 11px;
  font-size: 1.1rem;
}

/*中サイズ
=======================================*/
body.fs-md {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-md h1 {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-md h2 {
  font-size: 15px;
  font-size: 1.5rem;
}

body.fs-md h3 {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-md h4 {
  font-size: 13px;
  font-size: 1.3rem;
}

body.fs-md h5 {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-md h6 {
  font-size: 11px;
  font-size: 1.1rem;
}

/*=====相対的にサイズが変化しない要素は個別に指定=====*/
body.fs-md .btn-page-link-list li a {
  font-size: 15px;
  font-size: 1.5rem;
}

body.fs-sm #hotel-detail-primary #primary #header h2 {
  font-size: 1.7rem !important;
}

body.fs-md .item-price-list[data-component="result"] dl dd .main {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-md .item-price-list[data-component="detail"] dl dd .main {
  font-size: 18px;
  font-size: 1.8rem;
}

body.fs-md .item-price-list[data-component="initial-price"] dl {
  font-size: 18px;
  font-size: 1.8rem;
}

body.fs-md .float-discount-price-list dl dd {
  font-size: 15px;
  font-size: 1.5rem;
}

body.fs-md .pay-method-icon-list li span {
  font-size: 11px;
  font-size: 1.1rem;
}

body.fs-sm .col-item-spec span {
  font-size: 10px;
  font-size: 1rem;
}

/*最小サイズ
=======================================*/
body.fs-sm {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-sm h1 {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-sm h2 {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-sm h3 {
  font-size: 13px;
  font-size: 1.3rem;
}

body.fs-sm h4 {
  font-size: 13px;
  font-size: 1.3rem;
}

body.fs-sm h5 {
  font-size: 12px;
  font-size: 1.2rem;
}

body.fs-sm h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

/*=====相対的にサイズが変化しない要素は個別に指定=====*/
body.fs-sm .btn-page-link-list li a {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-sm #hotel-detail-primary #primary #header h2 {
  font-size: 1.7rem !important;
}

body.fs-sm .item-price-list[data-component="result"] dl dd .main {
  font-size: 14px;
  font-size: 1.4rem;
}

body.fs-sm .item-price-list[data-component="detail"] dl dd .main {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-sm .item-price-list[data-component="initial-price"] dl {
  font-size: 16px;
  font-size: 1.6rem;
}

body.fs-sm .float-discount-price-list dl dd {
  font-size: 15px;
  font-size: 1.5rem;
}

body.fs-sm .pay-method-icon-list li span {
  font-size: 10px;
  font-size: 1rem;
}

body.fs-sm .col-item-spec span {
  font-size: 9px;
  font-size: 0.9rem;
}

body.fs-sm .float-search-tabs li a {
  font-size: 13px;
  font-size: 1.3rem;
}

/*その他の指定
=======================================*/
#site-description {
  font-size: 12px;
  font-size: 1.2rem;
}

#utility-nav li {
  font-size: 12px;
  font-size: 1.2rem;
}

#page-title {
  font-size: 20px;
  font-size: 2rem;
}

.all-check {
  font-size: 14px;
  font-size: 1.4rem;
}

.final-check dl dt {
  font-size: 18px;
  font-size: 1.8rem;
}

.final-check dl dd {
  font-size: 15px;
  font-size: 1.5rem;
}

.condition-select[data-component="side-bar"] dt {
  line-height: 28px;
  line-height: 2.8rem;
}

.child-age-select-list[data-component="side-bar"] dt {
  line-height: 28px;
  line-height: 2.8rem;
}

.child-age-select-list[data-component="side-bar"] dd {
  line-height: 28px;
  line-height: 2.8rem;
}

.tabs-parent li a {
  font-size: 13px;
  font-size: 1.3rem;
}

#world-map ul li a, #area-map-japan ul li a, #area-map-air ul li a {
  font-size: 11px;
  font-size: 1.1rem;
}

.area-list .title {
  font-size: 14px;
  font-size: 1.4rem;
}

.one-room-price-info h1 {
  font-size: 14px;
  font-size: 1.4rem;
}

.gmap-modal .btn-close-modal {
  font-size: 20px;
  font-size: 2rem;
}

.selected-item-detail-header p {
  font-size: 13px;
  font-size: 1.3rem;
}

.col-item-spec .item-name span {
  font-size: 10px;
  font-size: 1rem;
}

.item-price-list[data-component="result"] dl dt, .item-price-list[data-component="result"] dl dd {
  line-height: 18px;
  line-height: 1.8rem;
}

.item-price-list[data-component="detail"] dl {
  font-size: 14px;
  font-size: 1.4rem;
}

.item-price-list[data-component="detail"] dl dt, .item-price-list[data-component="detail"] dl dd {
  line-height: 20px;
  line-height: 2rem;
}

.air-sheet-class-tbl th, .air-sheet-class-tbl td,
.air-info-tbl th, .air-info-tbl td {
  font-size: 11px;
  font-size: 1.1rem;
}

.flight-schedule-header p {
  font-size: 13px;
  font-size: 1.3rem;
}

.flight-route-box .departure .time, .flight-route-box .arrival .time {
  font-size: 14px;
  font-size: 1.4rem;
}

.flight-total-price .price {
  font-size: 16px;
  font-size: 1.6rem;
}

.float-header {
  font-size: 15px;
  font-size: 1.5rem;
}

.float-price-list .price-info {
  font-size: 13px;
  font-size: 1.3rem;
}

.float-discount-price-arrow {
  font-size: 20px;
  font-size: 2rem;
}

.sojourn-time {
  font-size: 15px;
  font-size: 1.5rem;
}

.dp-selected-flight-schedule dl dd .departure .time,
.dp-selected-flight-schedule dl dd .arrival .time {
  font-size: 14px;
  font-size: 1.4rem;
}

.dp-tab-btn-box a {
  font-size: 15px;
  font-size: 1.5rem;
}

.hotel-detail-tra-evaluation .evaluation .num .txt-lg {
  font-size: 50px;
  font-size: 5rem;
}

.hotel-detail-tra-evaluation .evaluation .num .txt-sm {
  font-size: 30px;
  font-size: 3rem;
}