@charset "UTF-8";
/*** CSS Document ********************************************
2023/11/13
fw-schedule.css
*************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
.fw-schedule .fw-error-ttl-01:before, .fw-schedule .fw-login-confirm__ttl:before, .fw-schedule .fw-confirm-doc__link:before, .fw-schedule .fw-confirm-section.fw-is-active .fw-confirm-section__heading:before, .fw-schedule .fw-confirm-section__heading:before, .fw-schedule .fw-tour-process-tbl-hotel::before, .fw-schedule .fw-tour-process-tbl-area::before, .fw-schedule .fw-info-accordion__trigger span:after, .fw-schedule .fw-schedule-action__delete-link:before, .fw-schedule .fw-schedule-airplane__guest:before, .fw-schedule .fw-schedule-train__guest:before, .fw-schedule .fw-fix-bar__trigger:after, .fw-schedule .fw-btn-seat-disable:before, .fw-schedule .fw-btn-seat:before, .fw-schedule .fw-btn-map-area:before, .fw-schedule .fw-btn-map-cancel:before, .fw-schedule .fw-btn-map-research:before, .fw-schedule .fw-btn-map-range:before, .fw-schedule .fw-btn-map-02:before, .fw-schedule .fw-btn-narrow-01-ico span:before, .fw-schedule .fw-btn-search-01--hotel span:before, .fw-schedule .fw-btn-search-01--air span:before, .fw-schedule .fw-btn-search-01--jr span:before, .fw-schedule .fw-icon-question:before, .fw-schedule .fw-icon-local-train:before, .fw-schedule .fw-icon-shinkansen:before, .fw-schedule .fw-icon-onsen:before, .fw-schedule .fw-icon-bus:before, .fw-schedule .fw-icon-train:before, .fw-schedule .fw-icon-car:before, .fw-schedule .fw-icon-guest:before, .fw-schedule .fw-icon-barrierfree:before, .fw-schedule .fw-icon-bath:before, .fw-schedule .fw-icon-wifi:before, .fw-schedule .fw-icon-bed:before, .fw-schedule .fw-icon-time:before, .fw-schedule .fw-icon-capacity:before, .fw-schedule .fw-select-station__label:before, .fw-schedule .fw-select-station__column:last-child:before, .fw-schedule .fw-select-time__label:before, .fw-schedule .fw-select-child__btn:after, .fw-schedule .fw-select-approach-box__btn:nth-child(2):before, .fw-schedule .fw-select-age-group .fw-select:after, .fw-schedule .fw-select-age-group .fw-select--area:after, .fw-schedule .fw-select-age-group .fw-select--area-set:after, .fw-schedule .fw-select-age-group .fw-select--guest:after, .fw-schedule .fw-select-age-group .fw-select--price-min:after, .fw-schedule .fw-select-age-group .fw-select--price-max:after, .fw-schedule .fw-select-age-group .fw-select--room:after, .fw-schedule .fw-select-age-group .fw-select--days:after,
.fw-schedule .fw-select-room-number .fw-select:after,
.fw-schedule .fw-select-room-number .fw-select--area:after,
.fw-schedule .fw-select-room-number .fw-select--area-set:after,
.fw-schedule .fw-select-room-number .fw-select--guest:after,
.fw-schedule .fw-select-room-number .fw-select--price-min:after,
.fw-schedule .fw-select-room-number .fw-select--price-max:after,
.fw-schedule .fw-select-room-number .fw-select--room:after,
.fw-schedule .fw-select-room-number .fw-select--days:after, .fw-schedule .fw-select--guest:after, .fw-schedule .fw-pulldown__result:before, .fw-schedule .fw-pulldown-close-btn:before, .fw-schedule .fw-pulldown__label:before, .fw-schedule .fw-link-jump::after, .fw-schedule .fw-contents-heading__back-link:before, .fw-schedule .fw-btn-detail-01-arr:before {
display: inline-block;
font-family: "fw-dp-ico";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fw-schedule .fw-select-station__item:hover {
opacity: 0.8;
}
.fw-schedule .fw-modal-footer__price-range, .fw-schedule .fw-modal-footer__price-txt, .fw-schedule .fw-error-item__list, .fw-schedule .fw-login-forget-list > li, .fw-schedule .fw-login-form__item > dd, .fw-schedule .fw-login-form__item > dt, .fw-schedule .fw-confirm-travel-icon, .fw-schedule .fw-schedule-select-item__data, .fw-schedule .fw-schedule-select-item__label, .fw-schedule .fw-schedule-each__list, .fw-schedule .fw-credit__data, .fw-schedule .fw-schedule-plan__info-meal, .fw-schedule .fw-schedule-plan__ttl, .fw-schedule .fw-schedule-action__list, .fw-schedule .fw-schedule-airplane__type, .fw-schedule .fw-schedule-train__type, .fw-schedule .fw-schedule-alert__time, .fw-schedule .fw-schedule-airport__time, .fw-schedule .fw-schedule-station__time, .fw-schedule .fw-schedule-date__ttl, .fw-schedule .fw-select-station__label, .fw-schedule .fw-select-station__item, .fw-schedule .fw-select-child__ttl, .fw-schedule .fw-select-child__btn, .fw-schedule .fw-select-item__label, .fw-schedule .fw-pulldown__list-items, .fw-schedule .fw-contents-heading__txt, .fw-schedule .fw-contents-heading__ttl, .fw-schedule .fw-urgency-txt-01,
.fw-schedule .fw-urgency-txt-02,
.fw-schedule .fw-urgency-txt-03 {
margin: 0;
padding: 0;
}
.fw-schedule .fw-btn-map-area, .fw-schedule .fw-btn-seat-select,
.fw-schedule .fw-btn-seat-selected,
.fw-schedule .fw-btn-seat-full, .fw-schedule .fw-btn-map-cancel, .fw-schedule .fw-btn-map-research, .fw-schedule .fw-btn-map-range, .fw-schedule .fw-btn-detail-01-arr,
.fw-schedule .fw-btn-fix-01-arr, .fw-schedule .fw-select-station, .fw-schedule .fw-select select, .fw-schedule .fw-select--days select, .fw-schedule .fw-select--room select, .fw-schedule .fw-select--price-min select, .fw-schedule .fw-select--price-max select, .fw-schedule .fw-select--guest select, .fw-schedule .fw-select--area select, .fw-schedule .fw-select--area-set select, .fw-schedule .fw-pulldown-close-btn {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
}
.fw-schedule .fw-select, .fw-schedule .fw-select--days, .fw-schedule .fw-select--room, .fw-schedule .fw-select--price-min, .fw-schedule .fw-select--price-max, .fw-schedule .fw-select--guest, .fw-schedule .fw-select--area, .fw-schedule .fw-select--area-set {
border: 1px solid #C1C3C5;
background-color: #fff;
border-radius: 4px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select:hover, .fw-schedule .fw-select--days:hover, .fw-schedule .fw-select--room:hover, .fw-schedule .fw-select--price-min:hover, .fw-schedule .fw-select--price-max:hover, .fw-schedule .fw-select--guest:hover, .fw-schedule .fw-select--area:hover, .fw-schedule .fw-select--area-set:hover {
border-color: #7ea7de;
}
}
.fw-schedule .fw-select:focus, .fw-schedule .fw-select--days:focus, .fw-schedule .fw-select--room:focus, .fw-schedule .fw-select--price-min:focus, .fw-schedule .fw-select--price-max:focus, .fw-schedule .fw-select--guest:focus, .fw-schedule .fw-select--area:focus, .fw-schedule .fw-select--area-set:focus {
border-color: #7ea7de;
}
.fw-schedule .fw-urgency-wrap:after {
content: "";
display: block;
clear: both;
}
.fw-schedule .fw-btn-register,
.fw-schedule .fw-btn-login, .fw-schedule .fw-btn-select-hotel,
.fw-schedule .fw-btn-select-flight,
.fw-schedule .fw-btn-select-train,
.fw-schedule .fw-btn-select-option, .fw-schedule .fw-btn-map-area, .fw-schedule .fw-btn-seat-select,
.fw-schedule .fw-btn-seat-selected,
.fw-schedule .fw-btn-seat-full, .fw-schedule .fw-btn-map-02, .fw-schedule .fw-btn-narrow-01,
.fw-schedule .fw-btn-narrow-01-ico, .fw-schedule .fw-btn-search-01, .fw-schedule .fw-btn-search-01--hotel, .fw-schedule .fw-btn-search-01--air, .fw-schedule .fw-btn-search-01--jr, .fw-schedule .fw-btn-detail-01-arr,
.fw-schedule .fw-btn-fix-01-arr {
border: none;
border-radius: 4rem;
box-shadow: 0 1px 2px 0 rgba(60, 61, 71, 0.16);
padding: 1rem 1em;
display: block;
text-align: center;
line-height: 1.2;
position: relative;
}
.fw-schedule .fw-btn-register:hover,
.fw-schedule .fw-btn-login:hover, .fw-schedule .fw-btn-select-hotel:hover,
.fw-schedule .fw-btn-select-flight:hover,
.fw-schedule .fw-btn-select-train:hover,
.fw-schedule .fw-btn-select-option:hover, .fw-schedule .fw-btn-map-area:hover, .fw-schedule .fw-btn-seat-select:hover,
.fw-schedule .fw-btn-seat-selected:hover,
.fw-schedule .fw-btn-seat-full:hover, .fw-schedule .fw-btn-map-02:hover, .fw-schedule .fw-btn-narrow-01:hover,
.fw-schedule .fw-btn-narrow-01-ico:hover, .fw-schedule .fw-btn-search-01:hover, .fw-schedule .fw-btn-search-01--hotel:hover, .fw-schedule .fw-btn-search-01--air:hover, .fw-schedule .fw-btn-search-01--jr:hover, .fw-schedule .fw-btn-detail-01-arr:hover,
.fw-schedule .fw-btn-fix-01-arr:hover {
text-decoration: none;
}
.fw-schedule .fw-btn-detail-01-arr {
padding-right: calc(1rem + 1.5em);
}
.fw-schedule .fw-btn-detail-01-arr:before {
content: "\e917";
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5em;
}
.fw-schedule .fw-btn-stay-date, .fw-schedule .fw-btn-select-01,
.fw-schedule .fw-btn-select-02, .fw-schedule .fw-btn-change-01,
.fw-schedule .fw-btn-change-02, .fw-schedule .fw-btn-access-map, .fw-schedule .fw-btn-map-cancel, .fw-schedule .fw-btn-map-research, .fw-schedule .fw-btn-map-range, .fw-schedule .fw-btn-switch-01, .fw-schedule .fw-btn-station-01, .fw-schedule .fw-btn-cancel-01 {
border: 1px solid #ccc;
border-radius: 4px;
padding: 0.9rem 1em;
display: block;
text-align: center;
line-height: 1.2;
position: relative;
}
.fw-schedule .fw-btn-stay-date:hover, .fw-schedule .fw-btn-select-01:hover,
.fw-schedule .fw-btn-select-02:hover, .fw-schedule .fw-btn-change-01:hover,
.fw-schedule .fw-btn-change-02:hover, .fw-schedule .fw-btn-access-map:hover, .fw-schedule .fw-btn-map-cancel:hover, .fw-schedule .fw-btn-map-research:hover, .fw-schedule .fw-btn-map-range:hover, .fw-schedule .fw-btn-switch-01:hover, .fw-schedule .fw-btn-station-01:hover, .fw-schedule .fw-btn-cancel-01:hover {
text-decoration: none;
}
.rdrMonthsVertical {
overflow: auto;
overscroll-behavior: contain;
}
.rdrMonth {
width: initial !important;
}
.rdrCalendarWrapper {
color: #3C3D47 !important;
font-size: 12px;
width: 100%;
height: 100%;
}
@media print, screen and (max-width: 759px) {
.rdrMonthAndYearWrapper {
padding: 10px 10px 0;
}
}
.rdrMonthAndYearPickers {
flex-direction: row-reverse;
}
.rdrMonthAndYearPickers select {
font-weight: 600;
}
.rdrDateDisplayWrapper {
order: 2;
margin-top: 0 !important;
padding: 0;
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
background: #fff;
z-index: 2;
}
.rdrDateDisplayWrapper .rdrDateDisplayItem + .rdrDateDisplayItem {
margin-left: 24px;
position: relative;
}
.rdrDateDisplayWrapper .rdrDateDisplayItem + .rdrDateDisplayItem::before {
content: "\e941";
position: absolute;
top: 50%;
left: -22px;
margin-top: -0.5em;
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-size: 20px;
color: #A6ACAF;
}
@media print, screen and (min-width: 760px) {
.rdrDateDisplayWrapper {
padding: 8px 0 0;
}
}
html {
font-size: 62.5%;
line-height: 1.72;
font-family: "Noto Sans JP", sans-serif;
word-break: break-word;
}
body {
font-size: 1.4rem;
background: #fff !important;
}
/*
@media (min-width: 737px) {
html {
font: 10px/1.72 Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
overflow: auto !important;
}
html.ie {
font: 10px/1.72 Roboto, "メイリオ", Meiryo, sans-serif;
}
}
@media (max-width: 736px) and (min-width: 415px) {
html {
font: 16px/1.72 Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}
html.ie {
font: calc(10px + ((1vw - 3.21px) * 3.1348))/1.72 Roboto, "メイリオ", Meiryo, sans-serif;
}
}
@media (max-width: 414px) {
html {
font: calc(10px + ((1vw - 3.21px) * 3.1348))/1.72 Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}
html.ie {
font: calc(10px + ((1vw - 3.21px) * 3.1348))/1.72 Roboto, "メイリオ", Meiryo, sans-serif;
}
}
@media print {
html {
font: 10px/1.72 Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
overflow: auto !important;
}
html.ie {
font: 10px/1.72 Roboto, "メイリオ", Meiryo, sans-serif;
}
}
*/
body {
margin: 0;
}
@media print {
body {
width: 84.8rem;
}
}
@media print, screen and (max-width: 759px) {
html.fw-is-lock,
body.fw-is-lock {
overflow: hidden !important;
}
}
.fw-schedule {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #3C3D47;
-webkit-text-size-adjust: 100%;
/* stylelint-disable */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.4rem;
line-height: 1.72;
letter-spacing: 0;
/*-----------------------------------
NTA共通フッターコンテンツ
------------------------------------*/
/* ----------------------------------------------
レンタカー単品 移転情報
------------------------------------------------ */
/* static */
}
.fw-schedule h1 {
font-size: 100%;
margin: 0.67em 0;
}
.fw-schedule hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.fw-schedule main {
display: block;
}
.fw-schedule pre {
font-family: monospace, monospace;
font-size: 1em;
}
.fw-schedule a {
-webkit-text-decoration-skip: objects;
}
.fw-schedule abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.fw-schedule b,
.fw-schedule strong {
font-weight: bolder;
}
.fw-schedule code,
.fw-schedule kbd,
.fw-schedule samp {
font-family: monospace, monospace;
font-size: 1em;
}
.fw-schedule small {
font-size: 80%;
}
.fw-schedule ul, .fw-schedule li {
list-style: none;
}
.fw-schedule svg:not(:root) {
overflow: hidden;
}
.fw-schedule button,
.fw-schedule input,
.fw-schedule optgroup,
.fw-schedule select,
.fw-schedule textarea {
margin: 0;
}
.fw-schedule button {
overflow: visible;
text-transform: none;
}
.fw-schedule button,
.fw-schedule [type=button],
.fw-schedule [type=reset],
.fw-schedule [type=submit] {
-webkit-appearance: button;
}
.fw-schedule button::-moz-focus-inner,
.fw-schedule [type=button]::-moz-focus-inner,
.fw-schedule [type=reset]::-moz-focus-inner,
.fw-schedule [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.fw-schedule button:-moz-focusring,
.fw-schedule [type=button]:-moz-focusring,
.fw-schedule [type=reset]:-moz-focusring,
.fw-schedule [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.fw-schedule fieldset {
padding: 0.35em 0.75em 0.625em;
}
.fw-schedule input {
overflow: visible;
font-family: inherit;
font-size: 100%;
color: inherit;
}
.fw-schedule legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.fw-schedule progress {
display: inline-block;
vertical-align: baseline;
}
.fw-schedule select {
text-transform: none;
font-family: inherit;
font-size: 100%;
color: inherit;
}
.fw-schedule textarea {
overflow: auto;
font-family: inherit;
font-size: 100%;
color: inherit;
}
.fw-schedule [type=number]::-webkit-inner-spin-button,
.fw-schedule [type=number]::-webkit-outer-spin-button {
height: auto;
}
.fw-schedule [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.fw-schedule [type=search]::-webkit-search-cancel-button,
.fw-schedule [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.fw-schedule ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.fw-schedule details {
display: block;
}
.fw-schedule summary {
display: list-item;
}
.fw-schedule template {
display: none;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .pc-only {
display: none !important;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .sp-only {
display: none !important;
}
}
.fw-schedule .hide {
display: none !important;
}
.fw-schedule [data-size=larger] {
font-size: 1.25em !important;
}
.fw-schedule [data-size=smaller] {
font-size: 0.8em !important;
}
.fw-schedule [data-align=center] {
text-align: center;
}
.fw-schedule [data-align=right] {
text-align: right;
}
.fw-schedule img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
.fw-schedule button {
font-family: inherit;
font-size: 100%;
color: inherit;
}
.fw-schedule button:hover {
cursor: pointer;
}
.fw-schedule em {
font-style: normal;
}
.fw-schedule em[data-size=larger] {
font-size: 1.5em;
}
.fw-schedule a {
color: #4EA6CB;
text-decoration: none;
outline: none;
cursor: pointer;
}
@media print, screen and (min-width: 760px) {
.fw-schedule a:hover {
opacity: 0.8;
text-decoration: underline;
}
.fw-schedule a:hover img {
opacity: 0.8;
}
.fw-schedule a img {
transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
}
.fw-schedule ::placeholder {
color: #C1C3C5;
}
.fw-schedule ::-ms-input-placeholder {
color: #C1C3C5;
}
.fw-schedule :-ms-input-placeholder {
color: #C1C3C5;
}
.fw-schedule .fw-l-wrapper *,
.fw-schedule .fw-l-wrapper *:before,
.fw-schedule .fw-l-wrapper *:after {
box-sizing: border-box;
}
.fw-schedule .fw-l-wrapper ul,
.fw-schedule .fw-l-wrapper li,
.fw-schedule .fw-modal ul,
.fw-schedule .fw-modal-search-dp ul,
.fw-schedule .fw-modal-select-seat ul,
.fw-schedule .fw-modal-search-train ul,
.fw-schedule .fw-modal-option-detail ul,
.fw-schedule .fw-modal-tour-hotel ul,
.fw-schedule .fw-modal-change-route ul,
.fw-schedule .fw-modal-change-homeward-station ul,
.fw-schedule .fw-modal-option-input ul,
.fw-schedule .fw-modal-shop-select-error ul,
.fw-schedule .fw-modal-shop-relocation ul,
.fw-schedule .fw-modal-car-type ul,
.fw-schedule .fw-modal-rental-input ul,
.fw-schedule .fw-modal-shop-select-return ul,
.fw-schedule .fw-modal-shop-select-lend ul,
.fw-schedule .fw-modal-flight-class ul,
.fw-schedule .fw-modal-login ul,
.fw-schedule .fw-modal-seat ul,
.fw-schedule .fw-modal-seat-map ul,
.fw-schedule .fw-modal-seat-position ul,
.fw-schedule .fw-modal-non-reserved-seat ul,
.fw-schedule .fw-modal-reserved-seat-alert ul,
.fw-schedule .fw-modal-reserved-seat ul,
.fw-schedule .fw-modal-plan-detail ul,
.fw-schedule .fw-modal-room-assign ul,
.fw-schedule .fw-modal-transit ul,
.fw-schedule .fw-modal-flight--outword ul,
.fw-schedule .fw-modal-flight--middle ul,
.fw-schedule .fw-modal-flight--homeward ul,
.fw-schedule .fw-modal-hotel-plan ul,
.fw-schedule .fw-modal-approach ul,
.fw-schedule .fw-modal-guest ul,
.fw-schedule .fw-modal-calendar ul,
.fw-schedule .fw-modal li,
.fw-schedule .fw-modal-search-dp li,
.fw-schedule .fw-modal-select-seat li,
.fw-schedule .fw-modal-search-train li,
.fw-schedule .fw-modal-option-detail li,
.fw-schedule .fw-modal-tour-hotel li,
.fw-schedule .fw-modal-change-route li,
.fw-schedule .fw-modal-change-homeward-station li,
.fw-schedule .fw-modal-option-input li,
.fw-schedule .fw-modal-shop-select-error li,
.fw-schedule .fw-modal-shop-relocation li,
.fw-schedule .fw-modal-car-type li,
.fw-schedule .fw-modal-rental-input li,
.fw-schedule .fw-modal-shop-select-return li,
.fw-schedule .fw-modal-shop-select-lend li,
.fw-schedule .fw-modal-flight-class li,
.fw-schedule .fw-modal-login li,
.fw-schedule .fw-modal-seat li,
.fw-schedule .fw-modal-seat-map li,
.fw-schedule .fw-modal-seat-position li,
.fw-schedule .fw-modal-non-reserved-seat li,
.fw-schedule .fw-modal-reserved-seat-alert li,
.fw-schedule .fw-modal-reserved-seat li,
.fw-schedule .fw-modal-plan-detail li,
.fw-schedule .fw-modal-room-assign li,
.fw-schedule .fw-modal-transit li,
.fw-schedule .fw-modal-flight--outword li,
.fw-schedule .fw-modal-flight--middle li,
.fw-schedule .fw-modal-flight--homeward li,
.fw-schedule .fw-modal-hotel-plan li,
.fw-schedule .fw-modal-approach li,
.fw-schedule .fw-modal-guest li,
.fw-schedule .fw-modal-calendar li {
list-style: none;
}
.fw-schedule .fw-l-wrapper button,
.fw-schedule .fw-l-wrapper input,
.fw-schedule .fw-l-wrapper select {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.fw-schedule .fw-l-wrapper select::-ms-expand {
display: none;
}
.fw-schedule .fw-l-wrapper input[type=number]::-webkit-inner-spin-button,
.fw-schedule .fw-l-wrapper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fw-schedule .fw-l-wrapper input[type=number] {
-moz-appearance: textfield;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .st2-site-footer__page-to-top a {
display: none;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .st2-site-footer__page-to-top.this-active a.fw-fix-bar-is-show {
bottom: 16rem;
}
}
.fw-schedule .fw-is-hide,
.fw-schedule .fwnta-is-hide {
display: none !important;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-is-pc {
display: none;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-is-sp {
display: none;
}
.fw-schedule .fw-is-pc-hide {
display: none !important;
}
}
.fw-schedule .fw-bold {
font-weight: bold;
}
.fw-schedule .fwnta-fc--red {
color: #E74444;
}
.fw-schedule .fw-urgency-wrap {
margin: 0.5rem 0;
}
.fw-schedule .fw-urgency-txt-01,
.fw-schedule .fw-urgency-txt-02,
.fw-schedule .fw-urgency-txt-03 {
font-size: 1.1rem;
line-height: 1.4;
}
.fw-schedule .fw-urgency-txt-01 em,
.fw-schedule .fw-urgency-txt-02 em,
.fw-schedule .fw-urgency-txt-03 em {
font-style: normal;
font-size: 1.3rem;
}
.fw-schedule .fw-urgency-txt-01 {
background-color: #d32f2f;
color: #fff;
display: inline-block;
padding: 0 1rem;
border-radius: 3px;
float: right;
}
.fw-schedule .fw-urgency-txt-01 em {
color: #fff;
}
.fw-schedule .fw-urgency-txt-02 {
color: #0d1111;
font-weight: bold;
}
.fw-schedule .fw-urgency-txt-02 em {
color: #0d1111;
}
.fw-schedule .fw-urgency-txt-03 {
color: #d32f2f;
text-align: right;
font-weight: bold;
}
.fw-schedule .fw-urgency-txt-03 em {
color: #d32f2f;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-urgency-txt-01,
.fw-schedule .fw-urgency-txt-02,
.fw-schedule .fw-urgency-txt-03 {
font-size: 1.3rem;
}
.fw-schedule .fw-urgency-txt-01 em,
.fw-schedule .fw-urgency-txt-02 em,
.fw-schedule .fw-urgency-txt-03 em {
font-size: 1.5rem;
}
.fw-schedule .fw-urgency-txt-01 {
float: none;
}
}
.fw-schedule .fw-l-wrapper {
background-color: #fff;
box-sizing: border-box;
overflow-wrap: anywhere;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-wrapper {
padding: 0 2.4rem;
max-width: 84.8rem;
margin-left: auto;
margin-right: auto;
}
}
.fw-schedule .fw-contents-heading {
padding: 1.6rem;
}
.fw-schedule .fw-contents-heading .fw-contents-heading {
padding: 0;
}
.fw-schedule .fw-contents-heading + .fw-contents-heading {
padding-top: 0;
}
.fw-schedule .fw-contents-heading__back {
margin: 0 0 1rem 0;
}
.fw-schedule .fw-contents-heading__back-link {
display: inline-block;
font-size: 1.2rem;
position: relative;
padding-left: 2rem;
}
.fw-schedule .fw-contents-heading__back-link:before {
content: "\e916";
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5em;
}
.fw-schedule .fw-contents-heading__ttl {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
}
.fw-schedule .fw-contents-heading__txt {
display: inline-block;
font-size: 1.3rem;
line-height: 1.4;
}
.fw-schedule .fw-contents-heading__col-right {
margin-top: 0.5rem;
}
.fw-schedule .fw-breadcrumb + .fw-contents-heading {
padding-top: 0;
}
.fw-schedule .fw-link--right {
text-align: right;
margin: 0;
}
.fw-schedule .fw-link-jump {
display: inline-flex;
align-items: center;
font-size: 1.2rem;
position: relative;
padding-right: 1.2em;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-link-jump {
font-size: 1.8rem;
}
}
.fw-schedule .fw-link-jump::after {
content: "\e900";
display: flex;
align-items: center;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-contents-heading {
padding: 0;
margin-bottom: 3.2rem;
}
.fw-schedule .fw-contents-heading__back {
margin: 0 0 1rem 0;
}
.fw-schedule .fw-contents-heading__back-link {
font-size: 1.4rem;
}
.fw-schedule .fw-contents-heading__ttl {
font-size: 2.2rem;
}
.fw-schedule .fw-contents-heading__txt {
font-size: 1.4rem;
}
.fw-schedule .fw-contents-heading__row {
display: flex;
}
.fw-schedule .fw-contents-heading__col-left {
flex: 1;
}
.fw-schedule .fw-contents-heading__col-right {
margin-top: 0;
padding-left: 2rem;
}
.fw-schedule .fw-breadcrumb + .fw-contents-heading {
padding-top: 0;
}
.fw-schedule .fw-contents-heading__row {
display: flex;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-contents-heading__txt {
font-size: 1.1rem;
}
}
.fw-schedule .fw-l-contents {
padding-bottom: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-contents {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
}
.fw-schedule .fw-l-main {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-main {
width: 100%;
padding: 0;
position: relative;
}
}
.fw-schedule .fw-l-hotel-wrapper {
background-color: #fff;
}
.fw-schedule .fw-l-hotel-header-contents {
padding: 1.6rem;
}
.fw-schedule .fw-l-hotel-header-contents .fw-txt-urgency-wrap {
margin-bottom: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-hotel-header-contents {
max-width: 84.8rem;
margin: 0 auto;
padding: 2rem 0;
}
}
.fw-schedule .fw-l-hotel-detail-wrapper {
background-color: #fff;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-hotel-detail-wrapper {
margin-top: 4rem;
}
}
.fw-schedule .fw-l-hotel-detail-contents {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-hotel-detail-wrapper {
background-color: transparent;
}
.fw-schedule .fw-l-hotel-detail-contents {
max-width: 84.8rem;
margin: 0 auto;
padding: 0;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-train-contents {
max-width: 84.8rem;
margin: 0 auto;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-l-schedule-main {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-flight-contents {
max-width: 84.8rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-flight-contents-side {
width: 290px;
position: relative;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-flight-contents-main {
width: calc(100% - 310px);
position: relative;
}
.fw-schedule .fw-tour-flight-contents .fw-l-flight-contents-main {
width: 100%;
position: relative;
}
}
.fw-schedule .fw-l-flight-contents-footer {
padding: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-l-flight-contents-footer {
width: calc(100% - 310px);
margin: 0 0 0 auto;
padding: 2rem 0;
}
}
.fw-schedule .fw-produced-by {
text-align: left;
line-height: 1;
padding: 1.6rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-produced-by {
max-width: 84.8rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-produced-by {
width: 100%;
}
}
.fw-schedule .fw-produced-by img {
max-width: 100%;
}
.fw-schedule .fw-contents-note-txt {
font-size: 1rem;
margin: 1.5em 0 1em;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-contents-note-txt {
font-size: 1.2rem;
}
}
.fw-schedule .fwnta-page-note {
margin-bottom: 3.2rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-page-note {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
}
.fw-schedule .fwnta-page-note__list {
margin: 0;
padding: 0;
list-style: none;
}
.fw-schedule .fwnta-page-note__list > li {
font-size: 1.2rem;
list-style: none;
line-height: 1.5;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-page-note__list > li {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-certification-mark {
margin-bottom: 3.2rem;
}
.fw-schedule .fwnta-certification-mark__list {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
}
.fw-schedule .fwnta-certification-mark__list > li {
padding: 0 0.8rem;
border-left: 1px dotted #E1E4E7;
}
.fw-schedule .fwnta-certification-mark__list > li:last-child {
border-right: 1px dotted #E1E4E7;
}
.fw-schedule .fwnta-certification-mark__list > li img {
width: 4.4rem;
}
.fw-schedule .fwnta-footer-section {
margin-bottom: 3.2rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-footer-section {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
}
.fw-schedule .fwnta-footer-section__head {
display: flex;
align-items: center;
justify-content: center;
padding: 0.9rem 1.6rem;
color: #3C3D47;
background-color: #D9EBF3;
border-radius: 4px;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-section__head {
padding: 1rem 1.6rem;
}
}
.fw-schedule .fwnta-footer-section__ttl {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-section__ttl {
font-size: 2rem;
}
}
.fw-schedule .fwnta-footer-section__body {
width: 96%;
margin: auto;
padding-top: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-section__body {
padding-top: 2.4rem;
}
}
.fw-schedule .fwnta-footer-accordion {
margin-bottom: 0.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-accordion {
margin-bottom: 1.6rem;
}
}
.fw-schedule .fwnta-footer-accordion__trigger {
background: #F9F6F4;
border-radius: 4px;
position: relative;
cursor: pointer;
}
.fw-schedule .fwnta-footer-accordion__ttl {
margin: 0;
padding: 0;
padding: 1.1rem 0.8rem;
position: relative;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-accordion__ttl {
padding: 1.2rem;
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-footer-accordion__ttl::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e145";
font-variation-settings: "wght" 400;
position: absolute;
top: 50%;
margin-top: -0.5em;
right: 0.8rem;
font-size: 2rem;
color: #A6ACAF;
transform: rotate(0deg);
transition: transform 0.4s;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-accordion__ttl::after {
font-size: 2.4rem;
}
}
.fw-schedule .fwnta-footer-accordion.fw-is-active .fwnta-footer-accordion__ttl::after {
content: "\e15b";
transform: rotate(180deg);
}
.fw-schedule .fwnta-footer-accordion__body {
display: none;
padding: 0.8rem 0 2.4rem;
}
.fw-schedule .fwnta-footer-accordion .fwnta-link-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0 1.6rem;
line-height: 1.4;
}
.fw-schedule .fwnta-footer-accordion .fwnta-link-list > li {
border-bottom: 1px solid #E1E4E7;
width: calc((100% - 1.6rem) / 2);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-accordion .fwnta-link-list > li {
width: calc((100% - 3.2rem) / 3);
}
}
.fw-schedule .fwnta-footer-accordion .fwnta-link-list > li a {
text-decoration: none;
color: #3C3D47;
display: block;
padding: 1rem 2.4rem 1rem 0;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-accordion .fwnta-link-list > li a {
padding: 1.2rem 2.4rem 1.2rem 0;
}
}
.fw-schedule .fwnta-footer-accordion .fwnta-link-list > li a::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5cc";
font-variation-settings: "wght" 600;
font-size: 1.6rem;
color: #6EB9DA;
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
}
.fw-schedule .fwnta-footer-sns-icon {
margin-top: 3.2rem;
margin-bottom: 3.2rem;
}
.fw-schedule .fwnta-footer-sns-icon__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-footer-sns-icon__list {
gap: 1.6rem 2.4rem;
}
}
.fw-schedule .fwnta-footer-sns-icon__list > li img {
width: 4rem;
}
.fw-schedule .fw-pulldown {
position: relative;
font-size: 1.2rem;
z-index: 11;
}
.fw-schedule .fw-pulldown__label {
cursor: pointer;
position: relative;
padding: 0.4em 1.5em 0.4em 0.4em;
}
.fw-schedule .fw-pulldown__label:before {
content: "\e900";
position: absolute;
top: 50%;
right: 0;
margin-top: -0.5em;
}
.fw-schedule .fw-pulldown__panel, .fw-schedule .fw-select-hour-panel {
display: none;
position: absolute;
top: calc(100% + 0.5rem);
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
min-width: 10em;
max-width: 90%;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.3);
}
.fw-schedule .fw-pulldown__panel:before, .fw-schedule .fw-select-hour-panel:before, .fw-schedule .fw-pulldown__panel:after, .fw-schedule .fw-select-hour-panel:after {
content: "";
border-style: solid;
border-width: 0 1rem 1rem 1rem;
position: absolute;
left: 50%;
margin-left: -1rem;
}
.fw-schedule .fw-pulldown__panel:before, .fw-schedule .fw-select-hour-panel:before {
border-color: transparent transparent #fff transparent;
top: -0.85rem;
z-index: 2;
}
.fw-schedule .fw-pulldown__panel:after, .fw-schedule .fw-select-hour-panel:after {
border-color: transparent transparent #ddd transparent;
top: -1rem;
z-index: 1;
}
.fw-schedule .fw-pulldown.fw-is-active .fw-pulldown__panel, .fw-schedule .fw-pulldown.fw-is-active .fw-select-hour-panel {
display: block;
}
.fw-schedule .fw-pulldown-footer {
text-align: center;
}
.fw-schedule .fw-pulldown-close-btn {
border: none;
color: #0b499d;
font-size: 1.2rem;
}
.fw-schedule .fw-pulldown-close-btn:before {
content: "\e904";
font-size: 1rem;
margin-right: 0.5rem;
}
.fw-schedule .fw-pulldown-list {
margin: 0;
padding: 0;
font-size: 1.3rem;
}
.fw-schedule .fw-pulldown-list > li {
text-align: center;
margin: 0;
padding: 0;
list-style: none;
color: #0b499d;
cursor: pointer;
padding: 0.75rem 1rem;
}
.fw-schedule .fw-pulldown-list > li:not(:last-child) {
border-bottom: 1px solid #efefef;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-pulldown-list {
border-radius: 4px;
overflow: hidden;
}
.fw-schedule .fw-pulldown-list > li {
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-pulldown-list > li:hover {
background-color: #fff8da;
}
}
.fw-schedule .fw-pulldown__result {
padding: 1rem 2rem 1rem 1rem;
width: 100%;
font-size: 1.6rem;
line-height: 1.15;
z-index: 2;
position: relative;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 4px;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
}
.fw-schedule .fw-pulldown__result:before {
content: "\e900";
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5em;
font-size: 1.2rem;
}
.fw-schedule .fw-pulldown__result:hover {
border: 1px solid #7ea7de;
}
.fw-schedule .fw-pulldown__list {
display: none;
position: relative;
margin: 0;
}
.fw-schedule .fw-pulldown__list-items {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border: 1px solid #7ea7de;
width: 100%;
}
.fw-schedule .fw-pulldown__list-item {
padding: 1rem;
font-size: 1.6rem;
line-height: 1.15;
cursor: pointer;
}
.fw-schedule .fw-pulldown__list-item:hover {
background-color: #efefef;
}
.fw-schedule .fw-pulldown.fw-is-active .fw-pulldown__list {
display: block;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-pulldown__result, .fw-schedule .fw-pulldown__list-item {
font-size: 1.3rem;
}
}
.fw-schedule .fw-select, .fw-schedule .fw-select--days, .fw-schedule .fw-select--room, .fw-schedule .fw-select--price-min, .fw-schedule .fw-select--price-max, .fw-schedule .fw-select--guest, .fw-schedule .fw-select--area, .fw-schedule .fw-select--area-set {
position: relative;
overflow: hidden;
}
.fw-schedule .fw-select select, .fw-schedule .fw-select--days select, .fw-schedule .fw-select--room select, .fw-schedule .fw-select--price-min select, .fw-schedule .fw-select--price-max select, .fw-schedule .fw-select--guest select, .fw-schedule .fw-select--area select, .fw-schedule .fw-select--area-set select {
outline: none !important;
color: inherit;
}
.fw-schedule .fw-select select::-ms-expand, .fw-schedule .fw-select--days select::-ms-expand, .fw-schedule .fw-select--room select::-ms-expand, .fw-schedule .fw-select--price-min select::-ms-expand, .fw-schedule .fw-select--price-max select::-ms-expand, .fw-schedule .fw-select--guest select::-ms-expand, .fw-schedule .fw-select--area select::-ms-expand, .fw-schedule .fw-select--area-set select::-ms-expand {
display: none;
}
.fw-schedule .fw-select option, .fw-schedule .fw-select--days option, .fw-schedule .fw-select--room option, .fw-schedule .fw-select--price-min option, .fw-schedule .fw-select--price-max option, .fw-schedule .fw-select--guest option, .fw-schedule .fw-select--area option, .fw-schedule .fw-select--area-set option {
padding-left: 0;
outline: none !important;
}
.fw-schedule .fw-select::before, .fw-schedule .fw-select--days::before, .fw-schedule .fw-select--room::before, .fw-schedule .fw-select--price-min::before, .fw-schedule .fw-select--price-max::before, .fw-schedule .fw-select--guest::before, .fw-schedule .fw-select--area::before, .fw-schedule .fw-select--area-set::before {
pointer-events: none;
}
.fw-schedule .fw-select:after, .fw-schedule .fw-select--days:after, .fw-schedule .fw-select--room:after, .fw-schedule .fw-select--price-min:after, .fw-schedule .fw-select--price-max:after, .fw-schedule .fw-select--guest:after, .fw-schedule .fw-select--area:after, .fw-schedule .fw-select--area-set:after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5cf";
position: absolute;
top: 50%;
right: 0.4rem;
margin-top: -0.5em;
font-size: 1.8rem;
color: #A6ACAF;
pointer-events: none;
}
.fw-schedule .fw-select select, .fw-schedule .fw-select--days select, .fw-schedule .fw-select--room select, .fw-schedule .fw-select--price-min select, .fw-schedule .fw-select--price-max select, .fw-schedule .fw-select--guest select, .fw-schedule .fw-select--area select, .fw-schedule .fw-select--area-set select {
border: none;
-moz-appearance: none;
padding: 0 2rem 0 1rem;
width: 100%;
height: 3.8rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.15;
background-color: #fff;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select select, .fw-schedule .fw-select--days select, .fw-schedule .fw-select--room select, .fw-schedule .fw-select--price-min select, .fw-schedule .fw-select--price-max select, .fw-schedule .fw-select--guest select, .fw-schedule .fw-select--area select, .fw-schedule .fw-select--area-set select {
font-size: 1.4rem;
}
}
.fw-schedule .fw-select.fw-is-disabled, .fw-schedule .fw-is-disabled.fw-select--days, .fw-schedule .fw-is-disabled.fw-select--room, .fw-schedule .fw-is-disabled.fw-select--price-min, .fw-schedule .fw-is-disabled.fw-select--price-max, .fw-schedule .fw-is-disabled.fw-select--guest, .fw-schedule .fw-is-disabled.fw-select--area, .fw-schedule .fw-is-disabled.fw-select--area-set {
background-color: #E1E4E7;
color: #C1C3C5;
pointer-events: none;
}
.fw-schedule .fw-select.fw-is-disabled:before, .fw-schedule .fw-is-disabled.fw-select--days:before, .fw-schedule .fw-is-disabled.fw-select--room:before, .fw-schedule .fw-is-disabled.fw-select--price-min:before, .fw-schedule .fw-is-disabled.fw-select--price-max:before, .fw-schedule .fw-is-disabled.fw-select--guest:before, .fw-schedule .fw-is-disabled.fw-select--area:before, .fw-schedule .fw-is-disabled.fw-select--area-set:before {
opacity: 0.5;
}
.fw-schedule .fw-select.fw-is-disabled select, .fw-schedule .fw-is-disabled.fw-select--days select, .fw-schedule .fw-is-disabled.fw-select--room select, .fw-schedule .fw-is-disabled.fw-select--price-min select, .fw-schedule .fw-is-disabled.fw-select--price-max select, .fw-schedule .fw-is-disabled.fw-select--guest select, .fw-schedule .fw-is-disabled.fw-select--area select, .fw-schedule .fw-is-disabled.fw-select--area-set select {
background-color: #E1E4E7;
color: #C1C3C5;
}
.fw-schedule .fw-select.fw-is-unselectable, .fw-schedule .fw-is-unselectable.fw-select--days, .fw-schedule .fw-is-unselectable.fw-select--room, .fw-schedule .fw-is-unselectable.fw-select--price-min, .fw-schedule .fw-is-unselectable.fw-select--price-max, .fw-schedule .fw-is-unselectable.fw-select--guest, .fw-schedule .fw-is-unselectable.fw-select--area, .fw-schedule .fw-is-unselectable.fw-select--area-set {
pointer-events: none;
border-color: transparent;
}
.fw-schedule .fw-select.fw-is-unselectable::after, .fw-schedule .fw-is-unselectable.fw-select--days::after, .fw-schedule .fw-is-unselectable.fw-select--room::after, .fw-schedule .fw-is-unselectable.fw-select--price-min::after, .fw-schedule .fw-is-unselectable.fw-select--price-max::after, .fw-schedule .fw-is-unselectable.fw-select--guest::after, .fw-schedule .fw-is-unselectable.fw-select--area::after, .fw-schedule .fw-is-unselectable.fw-select--area-set::after {
display: none;
}
.fw-schedule .fw-select.fw-is-unselectable select, .fw-schedule .fw-is-unselectable.fw-select--days select, .fw-schedule .fw-is-unselectable.fw-select--room select, .fw-schedule .fw-is-unselectable.fw-select--price-min select, .fw-schedule .fw-is-unselectable.fw-select--price-max select, .fw-schedule .fw-is-unselectable.fw-select--guest select, .fw-schedule .fw-is-unselectable.fw-select--area select, .fw-schedule .fw-is-unselectable.fw-select--area-set select {
pointer-events: none;
padding-right: 0;
}
.fw-schedule .fw-select.fwnta-is-error, .fw-schedule .fwnta-is-error.fw-select--days, .fw-schedule .fwnta-is-error.fw-select--room, .fw-schedule .fwnta-is-error.fw-select--price-min, .fw-schedule .fwnta-is-error.fw-select--price-max, .fw-schedule .fwnta-is-error.fw-select--guest, .fw-schedule .fwnta-is-error.fw-select--area, .fw-schedule .fwnta-is-error.fw-select--area-set {
background-color: #FFE1E1;
}
.fw-schedule .fw-select.fwnta-is-error select, .fw-schedule .fwnta-is-error.fw-select--days select, .fw-schedule .fwnta-is-error.fw-select--room select, .fw-schedule .fwnta-is-error.fw-select--price-min select, .fw-schedule .fwnta-is-error.fw-select--price-max select, .fw-schedule .fwnta-is-error.fw-select--guest select, .fw-schedule .fwnta-is-error.fw-select--area select, .fw-schedule .fwnta-is-error.fw-select--area-set select {
background-color: #FFE1E1;
}
.fw-schedule .fw-select--guest select {
padding-left: 2.75rem;
}
.fw-schedule .fw-select--area-set {
width: calc((100% - 0.8rem) / 2);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select--area-set {
width: calc((100% - 2.4rem) / 4);
}
}
.fw-schedule .fw-select--guest:after {
content: "\e90e";
}
.fw-schedule .fw-select--days {
margin-right: 5px;
width: 30%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select:before, .fw-schedule .fw-select--area:before, .fw-schedule .fw-select--area-set:before, .fw-schedule .fw-select--guest:before, .fw-schedule .fw-select--price-min:before, .fw-schedule .fw-select--price-max:before, .fw-schedule .fw-select--room:before, .fw-schedule .fw-select--days:before {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-select-area .fw-research-item {
margin-bottom: 1.6rem;
}
.fw-schedule .fwnta-select-area .fw-research-item--area {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.fw-schedule .fwnta-select-area .fw-research-item__label {
margin: 0;
padding: 0;
width: 6em;
}
.fw-schedule .fwnta-select-area .fw-research-item__label .fw-search-group__ttl {
margin: 0;
}
.fw-schedule .fwnta-select-area .fw-research-item__data {
margin: 0;
padding: 0;
flex: 1;
}
.fw-schedule .fwnta-select-area {
margin-top: 0.8rem;
}
.fw-schedule .fwnta-select-area .fwnta-area-list {
margin: 0;
padding: 0;
}
.fw-schedule .fwnta-select-area .fwnta-area-list__item {
margin: 0;
padding: 0;
}
.fw-schedule .fwnta-select-area .fwnta-area-list__item > .fwnta-area-list {
display: none;
margin-left: 1.6rem;
}
.fw-schedule .fwnta-select-area .fwnta-area-list__item.fw-is-active > .fwnta-area-list {
display: block;
}
.fw-schedule .fwnta-select-area .fwnta-area-list__item.fw-is-active > .fwnta-area-block .fwnta-area-toggle::before {
content: "\e15b";
transform: rotate(180deg);
}
.fw-schedule .fwnta-select-area .fwnta-area-list--last {
margin: 1.6rem 0 1.6rem 0.8rem;
}
.fw-schedule .fwnta-select-area .fwnta-area-block {
display: flex;
align-items: center;
min-height: 4.4rem;
border-bottom: 1px solid #E1E4E7;
position: relative;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fw-checkbox--normal {
width: 100%;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fw-checkbox__label {
font-weight: 700;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
width: 100%;
padding-left: 3.6rem;
padding-right: 3.6rem;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fw-checkbox__label::before, .fw-schedule .fwnta-select-area .fwnta-area-block .fw-checkbox__label::after {
left: 0.8rem;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fw-checkbox__label .fwnta-count {
font-weight: 400;
margin-left: 0.5em;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fwnta-area-toggle {
pointer-events: none;
position: absolute;
top: 50%;
right: 0.8rem;
margin-top: -1.6rem;
margin-left: auto;
width: 3.2rem;
height: 3.2rem;
flex-shrink: 0;
border: none;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.fw-schedule .fwnta-select-area .fwnta-area-block .fwnta-area-toggle::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e145";
color: #A6ACAF;
font-size: 2.4rem;
transition: transform 0.3s;
}
.fw-schedule .fw-select-box {
background-color: #ddd;
padding: 1.6rem;
margin-bottom: 1.6rem;
}
.fw-schedule .fw-select-box__ttl {
font-size: 1.3rem;
line-height: 1.2;
font-weight: bold;
margin: 0 0 1rem;
}
.fw-schedule .fw-select-box .fw-select-item__label {
min-width: 6em;
color: #fff;
background-color: #7c7c7c;
}
.fw-schedule .fw-select-box .fw-select-group p {
color: #333;
margin: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-box {
padding: 2rem;
margin-bottom: 1rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select-box .fw-select-box__ttl {
margin: 0 0 0.5rem 0;
}
.fw-schedule .fw-select-box .fw-select-item {
display: block;
}
.fw-schedule .fw-select-box .fw-select-item__label {
width: 6em;
margin: 0 0 0.5rem 0;
}
.fw-schedule .fw-select-box .fw-select-item__data {
padding: 0;
}
}
.fw-schedule .fw-select-box-wrap {
margin: 0 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-box-wrap {
max-width: 1100px;
margin: 0 auto;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-group {
display: flex;
flex-wrap: wrap;
}
}
.fw-schedule .fw-select-item {
margin: 0 0 0.5rem 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.fw-schedule .fw-select-item:last-child {
margin-bottom: 0;
}
.fw-schedule .fw-select-item__label {
background-color: #efefef;
font-size: 1rem;
text-align: center;
min-width: 4em;
padding: 0 0.5rem;
white-space: nowrap;
}
.fw-schedule .fw-select-item__data {
margin: 0;
padding: 0 0 0 1rem;
font-size: 1.1rem;
color: #0b499d;
}
.fw-schedule .fw-select-item__data.fw-is-disable {
color: initial;
}
.fw-schedule .fw-select-item__link {
margin-left: auto;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-item {
min-width: 50%;
}
.fw-schedule .fw-select-item[data-fw-modal-open]:hover {
opacity: 0.8;
}
.fw-schedule .fw-select-item__label {
font-size: 1.2rem;
}
.fw-schedule .fw-select-item__data {
font-size: 1.3rem;
}
}
.fw-schedule .fw-select-guest-wrap,
.fw-schedule .fw-select-room-wrap {
margin-bottom: 2.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-wrap,
.fw-schedule .fw-select-room-wrap {
margin-bottom: 4rem;
}
}
.fw-schedule .fw-select-guest-wrap__ttl,
.fw-schedule .fw-select-room-wrap__ttl {
font-size: 1.4rem;
line-height: 1.2;
font-weight: 700;
margin: 0 0 0.8rem;
padding: 0 0 0.8rem;
border-bottom: 1px solid #E1E4E7;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-wrap__ttl,
.fw-schedule .fw-select-room-wrap__ttl {
font-size: 1.8rem;
margin-bottom: 1.6rem;
}
}
.fw-schedule .fw-select-guest-wrap .fwnta-error-txt,
.fw-schedule .fw-select-room-wrap .fwnta-error-txt {
text-align: right;
}
.fw-schedule .fw-select-guest {
margin: 0 0 0.8rem 0;
padding: 0;
display: flex;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest {
margin-bottom: 1.6rem;
}
}
.fw-schedule .fw-select-guest__label, .fw-schedule .fw-select-guest__label--adult, .fw-schedule .fw-select-guest__label--men, .fw-schedule .fw-select-guest__label--women, .fw-schedule .fw-select-guest__label--child {
flex: 1;
align-self: center;
margin: 0;
padding: 0 0.8rem 0 0;
}
.fw-schedule .fw-select-guest__label small, .fw-schedule .fw-select-guest__label--adult small, .fw-schedule .fw-select-guest__label--men small, .fw-schedule .fw-select-guest__label--women small, .fw-schedule .fw-select-guest__label--child small {
font-size: 1rem;
line-height: 1.2;
color: #666;
display: block;
}
.fw-schedule .fw-select-guest__label-info {
font-weight: normal;
font-size: 1.2rem;
color: #999;
margin: 0;
text-align: left;
padding-left: 2.5rem;
line-height: 1.15;
}
.fw-schedule .fw-select-guest__label--adult, .fw-schedule .fw-select-guest__label--child {
position: relative;
}
.fw-schedule .fw-select-guest__label--adult > span, .fw-schedule .fw-select-guest__label--child > span {
display: block;
line-height: 1.45;
text-align: left;
}
.fw-schedule .fw-select-guest__label--adult > span:nth-child(1), .fw-schedule .fw-select-guest__label--child > span:nth-child(1) {
font-weight: 500;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__label--adult > span:nth-child(1), .fw-schedule .fw-select-guest__label--child > span:nth-child(1) {
font-size: 1.6rem;
}
}
.fw-schedule .fw-select-guest__label--adult > span:nth-child(2), .fw-schedule .fw-select-guest__label--child > span:nth-child(2) {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1rem;
color: #84888B;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__label--adult > span:nth-child(2), .fw-schedule .fw-select-guest__label--child > span:nth-child(2) {
font-size: 1.2rem;
}
}
.fw-schedule .fw-select-guest__label--adult > span:nth-child(2) > span:not(:last-child):after, .fw-schedule .fw-select-guest__label--child > span:nth-child(2) > span:not(:last-child):after {
content: "/";
margin: 0 0.2rem;
}
.fw-schedule .fw-select-guest__label--adult .fw-child-type, .fw-schedule .fw-select-guest__label--child .fw-child-type {
display: flex;
}
.fw-schedule .fw-select-guest__label--adult .fw-child-type > span + span::before, .fw-schedule .fw-select-guest__label--child .fw-child-type > span + span::before {
content: "/";
margin-right: 0.4rem;
margin-left: 0.4rem;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding, .fw-schedule .fw-select-guest__label--child .fw-label-seat,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding {
display: inline-flex;
align-items: center;
line-height: 1.2;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat__icon,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding__icon, .fw-schedule .fw-select-guest__label--child .fw-label-seat__icon,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding__icon {
display: flex;
position: relative;
margin-right: 0.4rem;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat__icon::before, .fw-schedule .fw-select-guest__label--adult .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding__icon::before,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding__icon::after, .fw-schedule .fw-select-guest__label--child .fw-label-seat__icon::before, .fw-schedule .fw-select-guest__label--child .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding__icon::before,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding__icon::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-size: 1.8rem;
font-variation-settings: "wght" 400;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat.fw-label-disabled,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding.fw-label-disabled, .fw-schedule .fw-select-guest__label--child .fw-label-seat.fw-label-disabled,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding.fw-label-disabled {
color: #A6ACAF;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat.fw-label-disabled .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--adult .fw-label-seat.fw-label-disabled .fw-label-bedding__icon::after,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding.fw-label-disabled .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding.fw-label-disabled .fw-label-bedding__icon::after, .fw-schedule .fw-select-guest__label--child .fw-label-seat.fw-label-disabled .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--child .fw-label-seat.fw-label-disabled .fw-label-bedding__icon::after,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding.fw-label-disabled .fw-label-seat__icon::after,
.fw-schedule .fw-select-guest__label--child .fw-label-bedding.fw-label-disabled .fw-label-bedding__icon::after {
content: "\f755";
position: absolute;
top: -0.2rem;
left: -0.2rem;
transform: scale(1, -1);
font-size: 2.2rem;
}
.fw-schedule .fw-select-guest__label--adult .fw-label-seat__icon::before, .fw-schedule .fw-select-guest__label--child .fw-label-seat__icon::before {
content: "\e637";
}
.fw-schedule .fw-select-guest__label--adult .fw-label-bedding__icon::before, .fw-schedule .fw-select-guest__label--child .fw-label-bedding__icon::before {
content: "\efdf";
}
.fw-schedule .fw-select-guest__data {
padding: 0;
margin: 0 0 0 auto;
min-width: 14rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__data {
min-width: 20rem;
}
}
.fw-schedule .fw-select-guest__data .fwnta-price {
font-weight: 700;
text-align: right;
margin-right: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__data .fwnta-price {
font-size: 1.6rem;
margin-right: 1.6rem;
}
}
.fw-schedule .fw-select-guest__data .fwnta-price__infant {
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__data .fwnta-price__infant {
font-size: 1.3rem;
}
}
.fw-schedule .fw-select-guest__data .fw-spin {
width: 12rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest__data .fw-spin {
width: 20rem;
}
}
.fw-schedule .fw-select-guest__txt {
margin: 0.5rem 0 0 0;
width: 100%;
text-align: right;
font-size: 1rem;
}
.fw-schedule .fw-select-room {
margin: 0 0 0.8rem 0;
padding: 0;
display: flex;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-room {
margin-bottom: 1.6rem;
}
}
.fw-schedule .fw-select-room__label {
flex: 1;
align-self: center;
margin: 0;
padding: 0 1.6rem 0 0;
font-size: 1.4rem;
line-height: 1.2;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-room__label {
font-size: 1.8rem;
}
}
.fw-schedule .fw-select-room__data {
padding: 0;
margin: 0 0 0 auto;
min-width: 14rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-room__data {
min-width: 20rem;
}
}
.fw-schedule .fw-select-room__data .fw-spin {
width: 12rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-room__data .fw-spin {
width: 20rem;
}
}
.fw-schedule .fwnta-select-note {
text-align: right;
line-height: 1.4;
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.fw-schedule .fwnta-select-guest-total {
margin: 0 0 0.8rem 0;
padding: 0;
display: flex;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-select-guest-total {
margin-bottom: 1.6rem;
}
}
.fw-schedule .fwnta-select-guest-total__label {
flex: 1;
align-self: center;
margin: 0;
padding: 0 1.6rem 0 0;
font-size: 1.4rem;
line-height: 1.2;
font-weight: 700;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-select-guest-total__label {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-select-guest-total__data {
padding: 0;
margin: 0 0 0 auto;
min-width: 14rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-select-guest-total__data {
min-width: 20rem;
}
}
.fw-schedule .fwnta-select-guest-total__data .fw-spin {
width: 12rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-select-guest-total__data .fw-spin {
width: 20rem;
}
}
.fw-schedule .fwnta-select-guest-total .fwnta-price {
font-size: 1.6rem;
font-weight: 700;
text-align: right;
margin-right: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-select-guest-total .fwnta-price {
margin-right: 1.6rem;
}
}
.fw-schedule .fwnta-select-roomtype {
display: flex;
margin-bottom: 1.6rem;
}
.fw-schedule .fwnta-select-roomtype__label {
flex: 1;
align-self: center;
padding-right: 0.8rem;
text-align: right;
font-size: 1.6rem;
}
.fw-schedule .fwnta-select-roomtype__label span {
font-weight: 700;
}
.fw-schedule .fwnta-select-roomtype__data {
padding: 0;
margin: 0 0 0 auto;
min-width: 20rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
.fw-schedule .fwnta-select-roomtype__data .fw-select, .fw-schedule .fwnta-select-roomtype__data .fw-select--area, .fw-schedule .fwnta-select-roomtype__data .fw-select--area-set, .fw-schedule .fwnta-select-roomtype__data .fw-select--guest, .fw-schedule .fwnta-select-roomtype__data .fw-select--price-min, .fw-schedule .fwnta-select-roomtype__data .fw-select--price-max, .fw-schedule .fwnta-select-roomtype__data .fw-select--room, .fw-schedule .fwnta-select-roomtype__data .fw-select--days {
width: 20rem;
font-size: 1.6rem;
font-weight: 700;
}
.fw-schedule .fwnta-select-guest-breakdown {
display: flex;
justify-content: flex-end;
margin-bottom: 1.6rem;
}
.fw-schedule .fwnta-select-guest-breakdown__label {
line-height: 1;
padding-top: 1.3rem;
padding-right: 0.8rem;
display: flex;
flex-direction: column;
}
.fw-schedule .fw-select-guest-type {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
display: none;
}
.fw-schedule .fw-select-guest-type.fw-is-active {
display: flex;
}
.fw-schedule .fw-select-guest-type__label {
margin-right: 0.5em;
font-size: 1.2rem;
}
.fw-schedule .fw-select-guest-type__btn-list {
display: flex;
flex-wrap: wrap;
}
.fw-schedule .fw-select-guest-type__btn-list > li {
margin-left: 0.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-type {
margin: 0 0 0 1rem;
}
.fw-schedule .fw-select-guest-type__label {
font-size: 1.3rem;
}
}
.fw-schedule .fw-select-attention-wrap {
margin-top: 1.6rem;
}
.fw-schedule .fw-select-attention {
margin: 0;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-attention {
font-size: 1.3rem;
}
}
.fw-schedule .fw-select-guest-att {
background-color: #333;
color: #fff;
padding: 0.5rem 1.2rem;
font-size: 1.2rem;
text-align: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-att {
margin: 1rem 0;
padding: 0.5rem 1.5rem;
}
}
.fw-schedule .fw-select-guest-age {
width: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-age {
width: 60%;
margin: 0 auto;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-age-wrap {
width: 60%;
margin: 0 auto 2rem;
}
}
.fw-schedule .fw-select-age-group,
.fw-schedule .fw-select-room-number {
display: flex;
justify-content: space-between;
align-items: center;
}
.fw-schedule .fw-select-age-group .fw-select, .fw-schedule .fw-select-age-group .fw-select--area, .fw-schedule .fw-select-age-group .fw-select--area-set, .fw-schedule .fw-select-age-group .fw-select--guest, .fw-schedule .fw-select-age-group .fw-select--price-min, .fw-schedule .fw-select-age-group .fw-select--price-max, .fw-schedule .fw-select-age-group .fw-select--room, .fw-schedule .fw-select-age-group .fw-select--days,
.fw-schedule .fw-select-room-number .fw-select,
.fw-schedule .fw-select-room-number .fw-select--area,
.fw-schedule .fw-select-room-number .fw-select--area-set,
.fw-schedule .fw-select-room-number .fw-select--guest,
.fw-schedule .fw-select-room-number .fw-select--price-min,
.fw-schedule .fw-select-room-number .fw-select--price-max,
.fw-schedule .fw-select-room-number .fw-select--room,
.fw-schedule .fw-select-room-number .fw-select--days {
position: relative;
margin-left: 3rem;
width: calc(40% - 3rem);
}
.fw-schedule .fw-select-age-group .fw-select:after, .fw-schedule .fw-select-age-group .fw-select--area:after, .fw-schedule .fw-select-age-group .fw-select--area-set:after, .fw-schedule .fw-select-age-group .fw-select--guest:after, .fw-schedule .fw-select-age-group .fw-select--price-min:after, .fw-schedule .fw-select-age-group .fw-select--price-max:after, .fw-schedule .fw-select-age-group .fw-select--room:after, .fw-schedule .fw-select-age-group .fw-select--days:after,
.fw-schedule .fw-select-room-number .fw-select:after,
.fw-schedule .fw-select-room-number .fw-select--area:after,
.fw-schedule .fw-select-room-number .fw-select--area-set:after,
.fw-schedule .fw-select-room-number .fw-select--guest:after,
.fw-schedule .fw-select-room-number .fw-select--price-min:after,
.fw-schedule .fw-select-room-number .fw-select--price-max:after,
.fw-schedule .fw-select-room-number .fw-select--room:after,
.fw-schedule .fw-select-room-number .fw-select--days:after {
position: absolute;
top: 50%;
left: -3rem;
content: "\e90e";
color: #666;
margin-right: 0.5rem;
font-size: 1.5rem;
vertical-align: middle;
}
.fw-schedule .fw-select-age-group .fw-select select, .fw-schedule .fw-select-age-group .fw-select--area select, .fw-schedule .fw-select-age-group .fw-select--area-set select, .fw-schedule .fw-select-age-group .fw-select--guest select, .fw-schedule .fw-select-age-group .fw-select--price-min select, .fw-schedule .fw-select-age-group .fw-select--price-max select, .fw-schedule .fw-select-age-group .fw-select--room select, .fw-schedule .fw-select-age-group .fw-select--days select,
.fw-schedule .fw-select-room-number .fw-select select,
.fw-schedule .fw-select-room-number .fw-select--area select,
.fw-schedule .fw-select-room-number .fw-select--area-set select,
.fw-schedule .fw-select-room-number .fw-select--guest select,
.fw-schedule .fw-select-room-number .fw-select--price-min select,
.fw-schedule .fw-select-room-number .fw-select--price-max select,
.fw-schedule .fw-select-room-number .fw-select--room select,
.fw-schedule .fw-select-room-number .fw-select--days select {
padding: 0.5rem 2rem 0.5rem 1rem;
}
.fw-schedule .fw-select-age-group {
margin: 1rem 0;
margin-top: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-age-group,
.fw-schedule .fw-select-room-number {
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-select-age-group {
margin-top: 1.5rem;
}
}
.fw-schedule .fw-select-approach-box {
padding: 2.5rem 0 1.5rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.fw-schedule .fw-select-approach-box__column {
width: 47%;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-select-approach-box__label {
background-color: #efefef;
font-size: 1.1rem;
text-align: center;
min-width: 3.5em;
padding-top: 0.5rem;
}
.fw-schedule .fw-select-approach-box__data {
padding-left: 1rem;
font-size: 1.3rem;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
}
.fw-schedule .fw-select-approach-box__btn {
text-align: center;
cursor: pointer;
}
.fw-schedule .fw-select-approach-box__btn:nth-child(2) {
position: relative;
}
.fw-schedule .fw-select-approach-box__btn:nth-child(2):before {
content: "\e901";
display: inline-block;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-approach-box {
padding: 0 0 2rem;
margin-bottom: 2rem;
-webkit-justify-content: center;
justify-content: center;
}
.fw-schedule .fw-select-approach-box__column {
width: 40%;
padding: 0 2rem;
}
.fw-schedule .fw-select-approach-box__label {
font-size: 1.3rem;
font-weight: bold;
min-width: 4em;
}
.fw-schedule .fw-select-approach-box__data {
padding-left: 1.5rem;
font-size: 1.4rem;
font-weight: bold;
}
}
.fw-schedule .fw-select-child {
margin-top: 1.5rem;
}
.fw-schedule .fw-select-child__btn {
text-align: center;
font-size: 1.3rem;
position: relative;
cursor: pointer;
}
.fw-schedule .fw-select-child__btn:after {
content: "\e900";
margin-left: 0.5rem;
}
.fw-schedule .fw-select-child__content {
display: none;
}
.fw-schedule .fw-select-child.fw-is-active .fw-select-child__btn {
display: none;
}
.fw-schedule .fw-select-child__ttl {
font-size: 1.3rem;
font-weight: bold;
text-align: left;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-child {
margin-top: 1rem;
}
.fw-schedule .fw-select-child__btn:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-select-guest-guide {
padding: 1rem 1.2rem;
background-color: #ddd;
margin-bottom: 1.2rem;
font-size: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-guest-guide {
padding: 0.5rem;
margin-bottom: 2rem;
}
}
.fw-schedule .fw-select-time {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
}
.fw-schedule .fw-select-time__switch-btn {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.fw-schedule .fw-select-time__label:before {
content: "\e920";
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select-time {
padding: 1.6rem;
}
.fw-schedule .fw-select-time__switch-btn .fw-btn-switch-01 {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.fw-schedule .fw-select-time__column {
display: none;
margin-left: auto;
}
.fw-schedule .fw-select-time__column.fw-is-show {
display: block;
}
.fw-schedule .fw-select-time__label {
display: none;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-time {
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-select-time__switch-btn {
display: none;
}
.fw-schedule .fw-select-time__column {
position: relative;
width: 50%;
padding: 1.5rem 2rem 1rem;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.fw-schedule .fw-select-time__column[data-fw-select-time=arrival] {
border-left: 1px solid #efefef;
}
.fw-schedule .fw-select-time__label {
background-color: #efefef;
font-size: 1.4rem;
line-height: 1;
padding: 0.5rem;
margin: 0;
width: 6em;
text-align: center;
}
.fw-schedule .fw-select-time__label:before {
opacity: 0.5;
margin-right: 0.5rem;
}
.fw-schedule .fw-select-time__time {
margin-left: 1.5rem;
}
}
.fw-schedule .fw-select-hour-panel {
z-index: 61;
width: 90%;
padding: 1.5rem;
}
.fw-schedule .fw-select-hour-panel:after, .fw-schedule .fw-select-hour-panel:before {
right: 8rem;
left: auto;
margin-left: 0;
}
.fw-schedule [data-fw-pulldown].fw-is-active .fw-select-hour-panel {
display: block;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-hour-panel {
top: 100%;
right: auto;
left: 7%;
transform: none;
max-width: 30rem;
}
.fw-schedule .fw-select-hour-panel:before, .fw-schedule .fw-select-hour-panel:after {
right: 50%;
}
}
.fw-schedule .fw-select-station {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 1rem 2rem 1rem 1rem;
}
.fw-schedule .fw-select-station__column {
width: calc(50% - 1rem);
position: relative;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-select-station__column:last-child:before {
content: "\e901";
position: absolute;
top: 50%;
left: -1.5em;
margin-top: -0.5em;
}
.fw-schedule .fw-select-station__item {
display: flex;
flex-wrap: nowrap;
align-items: center;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-select-station__label {
background-color: #7ea7de;
color: #fff;
font-size: 1rem;
line-height: 1;
text-align: center;
padding: 0.4rem;
white-space: nowrap;
}
.fw-schedule .fw-select-station__label:before {
content: "\e915";
margin-right: 0.3rem;
opacity: 0.5;
}
.fw-schedule .fw-select-station__data {
margin: 0 0 0 0.5rem;
padding: 0.5rem;
font-size: 1.2rem;
line-height: 1.2;
border: 1px solid #ccc;
border-radius: 4px;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select-station {
border-top: 1px solid #efefef;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-select-station__column {
padding: 1rem 2rem 1.5rem 2rem;
width: 50%;
}
.fw-schedule .fw-select-station__column:last-child {
border-left: 1px solid #efefef;
}
.fw-schedule .fw-select-station__column:last-child:before {
display: none;
}
.fw-schedule .fw-select-station__label {
font-size: 1.4rem;
padding: 0.5rem;
width: 6em;
text-align: center;
}
.fw-schedule .fw-select-station__label:before {
margin-right: 0.5rem;
}
.fw-schedule .fw-select-station__data {
margin-left: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 1.4rem;
}
}
.fw-schedule .fw-not-set-period .fw-search-top__sub-data {
display: flex;
align-items: center;
}
.fw-schedule .fw-not-set-period .fw-select, .fw-schedule .fw-not-set-period .fw-select--area, .fw-schedule .fw-not-set-period .fw-select--area-set, .fw-schedule .fw-not-set-period .fw-select--guest, .fw-schedule .fw-not-set-period .fw-select--price-min, .fw-schedule .fw-not-set-period .fw-select--price-max, .fw-schedule .fw-not-set-period .fw-select--room, .fw-schedule .fw-not-set-period .fw-select--days {
width: 80px;
}
.fw-schedule .fw-not-set-period .fw-search-top__sub-txt {
padding-left: 3px;
font-size: 15px;
}
.fw-schedule .fw-select-station {
position: relative;
border: none;
-moz-appearance: none;
width: 100%;
font-size: 16px;
line-height: 1.15;
z-index: 2;
box-sizing: border-box;
padding-right: 30px;
line-height: 1.45;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select-station {
font-size: 13px;
}
}
.fw-schedule .fw-select-station-padding {
padding: 10px 20px 10px 10px;
}
.fw-schedule .fw-select-station-selected {
margin: 0;
}
.fw-schedule .fw-select-station-panel {
position: absolute;
top: 43px;
left: -1px;
width: 100%;
height: 200px;
padding: 0 0 10px;
background-color: #fff;
border: 1px solid #E1E4E7;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
z-index: 5;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-select-station-panel {
top: 38px;
left: 0;
}
}
.fw-schedule .fw-select-station-title {
padding: 0 10px;
font-size: 12px;
font-weight: bold;
}
.fw-schedule .fw-select-station-list {
font-size: 15px;
}
.fw-schedule .fw-select-station-list li {
padding: 2px 10px;
}
.fw-schedule .fw-select-station-list li:hover {
background-color: #2f88ff;
color: #fff;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-head-research .fw-select-station {
font-size: 16px;
}
.fw-schedule .fw-head-research .fw-select-station-panel {
top: 43px;
left: -1px;
}
}
.fw-schedule .fwnta-pagetop-btn-container {
margin-top: 3.6rem;
margin-bottom: 1.6rem;
text-align: center;
}
.fw-schedule .fwnta-btn-pagetop {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 15rem;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
padding-left: 2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-btn-pagetop {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-btn-pagetop:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-pagetop::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5ce";
font-size: 2.4rem;
line-height: 1.4rem;
}
.fw-schedule .fw-page-navi {
padding: 1.6rem;
}
.fw-schedule .fw-page-navi + .fw-l-contents .fw-l-side {
padding-top: 0;
}
.fw-schedule .fw-page-navi__list {
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
height: 3rem;
overflow: hidden;
}
.fw-schedule .fw-page-navi__item {
display: flex;
flex-wrap: nowrap;
justify-content: center;
list-style: none;
font-size: 1rem;
line-height: 1;
margin: 0;
padding: 1rem 0;
background-color: #fff;
color: #999;
position: relative;
}
.fw-schedule .fw-page-navi__item span {
position: relative;
z-index: 3;
display: inline-block;
padding-left: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fw-schedule .fw-page-navi__item:before, .fw-schedule .fw-page-navi__item:after {
content: "";
position: absolute;
top: 50%;
border-width: 2rem 0 2rem 1rem;
border-style: solid;
margin-top: -2rem;
}
.fw-schedule .fw-page-navi__item:before {
border-color: transparent transparent transparent #efefef;
right: -1rem;
z-index: 1;
}
.fw-schedule .fw-page-navi__item:after {
border-color: transparent transparent transparent #fff;
right: -0.8rem;
z-index: 2;
}
.fw-schedule .fw-page-navi__item--1 {
width: 33%;
}
.fw-schedule .fw-page-navi__item--1 span {
padding-left: 0.5rem;
}
.fw-schedule .fw-page-navi__item--2 {
width: 35%;
}
.fw-schedule .fw-page-navi__item--3 {
width: calc(32% - 1rem);
}
.fw-schedule .fw-page-navi__item.fw-is-active {
background-color: #0b499d;
color: #fff;
}
.fw-schedule .fw-page-navi__item.fw-is-active:after {
border-left-color: #0b499d;
}
.fw-schedule .fw-page-navi__item.fw-is-complete {
background-color: #7ea7de;
color: #fff;
}
.fw-schedule .fw-page-navi__item.fw-is-complete:after {
border-left-color: #7ea7de;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-page-navi {
padding: 2rem 0;
max-width: 84.8rem;
margin: 0 auto;
}
.fw-schedule .fw-page-navi__list {
height: auto;
}
.fw-schedule .fw-page-navi__item {
font-size: 1.3rem;
}
}
.fw-schedule .fw-breadcrumb {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-breadcrumb {
margin-top: 3.2rem;
margin-bottom: 3.2rem;
}
}
.fw-schedule .fw-breadcrumb a {
text-decoration: none;
color: var(--nta-black1);
}
.fw-schedule .fw-breadcrumb__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0;
}
.fw-schedule .fw-breadcrumb__item {
font-size: 1.1rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-breadcrumb__item {
font-size: 1.2rem;
}
}
.fw-schedule .fw-breadcrumb__item:not(:last-child)::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5cc";
font-size: 1.6rem;
}
.fw-schedule .fw-maintenance {
color: #E74444;
max-width: 84.8rem;
margin: auto;
font-size: 1.4rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-maintenance {
padding: 1.6rem;
font-size: 1.2rem;
}
}
.fw-schedule .fw-maintenance__ttl {
margin: 0;
font-size: 2.4rem;
font-weight: bold;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-maintenance__ttl {
font-size: 1.5rem;
}
}
.fw-schedule .fw-maintenance__txt {
margin: 0.5em 0 0;
font-size: 1.7rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-maintenance__txt {
font-size: 1.2rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-stepbar {
padding: 0 1.6rem;
margin-bottom: 3.2rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-stepbar {
margin-bottom: 4rem;
}
}
.fw-schedule .fwnta-stepbar__list {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
position: relative;
gap: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-stepbar__list {
gap: 4rem;
}
}
.fw-schedule .fwnta-stepbar__item {
flex: 1;
list-style: none;
font-size: 1rem;
font-weight: 700;
line-height: 1;
color: #A6ACAF;
text-align: center;
background: #F1F3F5;
border-radius: 2px 0 0 2px;
margin: 0;
padding: 0 0 0 4px;
height: 2.6rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-stepbar__item {
font-size: 1.2rem;
height: 2.8rem;
}
}
.fw-schedule .fwnta-stepbar__item::after {
content: "";
display: block;
border-style: solid;
border-width: 1.3rem 0.8rem;
border-color: transparent transparent transparent #F1F3F5;
position: absolute;
top: 0;
left: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-stepbar__item::after {
border-width: 1.4rem 0.8rem;
}
}
.fw-schedule .fwnta-stepbar__item.fwnta-is-done {
background: #C1C3C5;
color: #fff;
}
.fw-schedule .fwnta-stepbar__item.fwnta-is-done::after {
border-color: transparent transparent transparent #C1C3C5;
}
.fw-schedule .fwnta-stepbar__item.fwnta-is-current {
background: #6EB9DA;
color: #fff;
}
.fw-schedule .fwnta-stepbar__item.fwnta-is-current::after {
border-color: transparent transparent transparent #6EB9DA;
}
.fw-schedule .fw-icon-hotel {
display: inline-block;
color: #fff;
background: #A6ACAF;
font-size: 1.1rem;
line-height: 1;
border-radius: 2px;
padding: 0.4rem 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-hotel {
font-size: 1.2rem;
}
}
.fw-schedule .fw-icon-plan {
display: inline-block;
border: 1px solid #A6ACAF;
color: #A6ACAF;
background-color: #fff;
font-size: 1.1rem;
line-height: 1;
border-radius: 2px;
padding: 0.4rem 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-plan {
font-size: 1.2rem;
}
}
.fw-schedule .fw-plan-icon {
display: inline-block;
color: #fff;
background: #F29A16;
font-size: 1.1rem;
line-height: 1;
border-radius: 2px;
padding: 0.4rem 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-plan-icon {
font-size: 1.2rem;
}
}
.fw-schedule .fw-icon-plan-urgency {
display: inline-block;
border: 1px solid #d32f2f;
color: #fff;
background-color: #d32f2f;
font-size: 1rem;
line-height: 1;
border-radius: 2px;
padding: 0.4rem 0.75rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-plan-urgency {
font-size: 1.1rem;
}
}
.fw-schedule .fwnta-icon-meal-breakfast,
.fw-schedule .fwnta-icon-meal-lunch,
.fw-schedule .fwnta-icon-meal-dinner {
font-size: 0;
}
.fw-schedule .fwnta-icon-meal-breakfast::before,
.fw-schedule .fwnta-icon-meal-lunch::before,
.fw-schedule .fwnta-icon-meal-dinner::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-size: 1.8rem;
font-variation-settings: "FILL" 1;
}
.fw-schedule .fwnta-icon-meal-breakfast {
color: #F9C716;
}
.fw-schedule .fwnta-icon-meal-breakfast::before {
content: "\e1c6";
}
.fw-schedule .fwnta-icon-meal-lunch {
color: #F29A16;
}
.fw-schedule .fwnta-icon-meal-lunch::before {
content: "\e518";
}
.fw-schedule .fwnta-icon-meal-dinner {
color: #F9C716;
}
.fw-schedule .fwnta-icon-meal-dinner::before {
content: "\e51c";
}
.fw-schedule .fw-icon-meal--disabled {
color: #C1C3C5;
}
.fw-schedule .fw-icon-capacity {
display: inline-block;
}
.fw-schedule .fw-icon-capacity:before {
content: "\e90e";
}
.fw-schedule .fw-icon-time {
display: inline-block;
}
.fw-schedule .fw-icon-time:before {
content: "\e920";
}
.fw-schedule .fw-icon-bed {
display: inline-block;
}
.fw-schedule .fw-icon-bed:before {
content: "\e91f";
}
.fw-schedule .fw-icon-wifi {
display: inline-block;
}
.fw-schedule .fw-icon-wifi:before {
content: "\e91d";
}
.fw-schedule .fw-icon-bath {
display: inline-block;
}
.fw-schedule .fw-icon-bath:before {
content: "\e91e";
}
.fw-schedule .fw-icon-barrierfree {
display: inline-block;
}
.fw-schedule .fw-icon-barrierfree:before {
content: "\e921";
}
.fw-schedule .fw-icon-guest {
color: #999;
margin: 0 0.1rem;
}
.fw-schedule .fw-icon-guest:before {
content: "\e90e";
}
.fw-schedule .fw-icon-car:before {
content: "\e928";
}
.fw-schedule .fw-icon-train:before {
content: "\e924";
}
.fw-schedule .fw-icon-bus:before {
content: "\e923";
}
.fw-schedule .fw-icon-onsen:before {
content: "\e925";
}
.fw-schedule .fw-icon-smoking {
display: inline-block;
background: url(../../images/fw-ico-smoking.svg) no-repeat center center;
background-size: contain;
width: 1.4rem;
height: 1.4rem;
vertical-align: text-bottom;
margin: 0 0.5rem 0 0;
}
.fw-schedule .fw-icon-nosmoking {
display: inline-block;
background: url(../../images/fw-ico-nosmoking.svg) no-repeat center center;
background-size: contain;
width: 1.4rem;
height: 1.4rem;
vertical-align: text-bottom;
margin: 0 0.5rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-smoking,
.fw-schedule .fw-icon-nosmoking {
width: 1.6rem;
height: 1.6rem;
}
}
.fw-schedule .fw-icon-granclass,
.fw-schedule .fw-icon-green,
.fw-schedule .fw-icon-reserved,
.fw-schedule .fw-icon-free-seat,
.fw-schedule .fw-icon-nosmoking-seat,
.fw-schedule .fw-icon-smoking-seat,
.fw-schedule .fw-icon-flat,
.fw-schedule .fw-icon-smokingroom,
.fw-schedule .fw-icon-wheelchair,
.fw-schedule .fw-icon-baby,
.fw-schedule .fw-icon-multi-toilet,
.fw-schedule .fw-icon-toilet,
.fw-schedule .fw-icon-toilet-man,
.fw-schedule .fw-icon-toilet-woman {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 2rem;
height: 2.2rem;
vertical-align: text-top;
margin: 0 0.3rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-granclass,
.fw-schedule .fw-icon-green,
.fw-schedule .fw-icon-reserved,
.fw-schedule .fw-icon-free-seat,
.fw-schedule .fw-icon-nosmoking-seat,
.fw-schedule .fw-icon-smoking-seat,
.fw-schedule .fw-icon-flat,
.fw-schedule .fw-icon-smokingroom,
.fw-schedule .fw-icon-wheelchair,
.fw-schedule .fw-icon-baby,
.fw-schedule .fw-icon-multi-toilet,
.fw-schedule .fw-icon-toilet,
.fw-schedule .fw-icon-toilet-man,
.fw-schedule .fw-icon-toilet-woman {
margin-right: 0.5rem;
vertical-align: text-bottom;
}
}
.fw-schedule .fw-icon-granclass {
background-image: url(../../images/fw-ico-shinkansen-01.png);
}
.fw-schedule .fw-icon-green {
background-image: url(../../images/fw-ico-shinkansen-02.png);
}
.fw-schedule .fw-icon-reserved {
background-image: url(../../images/fw-ico-shinkansen-03.png);
}
.fw-schedule .fw-icon-free-seat {
background-image: url(../../images/fw-ico-shinkansen-04.png);
}
.fw-schedule .fw-icon-nosmoking-seat {
background-image: url(../../images/fw-ico-shinkansen-05.png);
}
.fw-schedule .fw-icon-smoking-seat {
background-image: url(../../images/fw-ico-shinkansen-06.png);
}
.fw-schedule .fw-icon-flat {
background-image: url(../../images/fw-ico-shinkansen-07.png);
}
.fw-schedule .fw-icon-smokingroom {
background-image: url(../../images/fw-ico-shinkansen-08.png);
}
.fw-schedule .fw-icon-wheelchair {
background-image: url(../../images/fw-ico-shinkansen-09.png);
}
.fw-schedule .fw-icon-baby {
background-image: url(../../images/fw-ico-shinkansen-10.png);
}
.fw-schedule .fw-icon-multi-toilet {
background-image: url(../../images/fw-ico-shinkansen-11.png);
}
.fw-schedule .fw-icon-toilet {
background-image: url(../../images/fw-ico-shinkansen-12.png);
}
.fw-schedule .fw-icon-toilet-woman {
background-image: url(../../images/fw-ico-shinkansen-13.png);
}
.fw-schedule .fw-icon-toilet-man {
background-image: url(../../images/fw-ico-shinkansen-14.png);
}
.fw-schedule .fw-icon-shinkansen {
margin-right: 0.5rem;
}
.fw-schedule .fw-icon-shinkansen:before {
content: "\e91a";
color: #0b499d;
}
.fw-schedule .fw-icon-local-train {
margin-right: 0.5rem;
}
.fw-schedule .fw-icon-local-train:before {
content: "\e915";
color: #18ab00;
}
.fw-schedule .fw-icon-question:before {
content: "\e91b";
}
.fw-schedule .fw-icon-train-type {
display: inline-block;
border: 1px solid #f47c1f;
color: #f47c1f;
background-color: #fff;
font-size: 1rem;
line-height: 1;
border-radius: 2px;
padding: 0.2rem 0.75rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-icon-train-type {
font-size: 1.1rem;
}
}
.fw-schedule .fw-icon-logo-adn {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-adn.png);
}
.fw-schedule .fw-icon-logo-ado {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-ado.png);
}
.fw-schedule .fw-icon-logo-amn {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-amn.png);
}
.fw-schedule .fw-icon-logo-an6 {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-an6.png);
}
.fw-schedule .fw-icon-logo-ana {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-ana.png);
}
.fw-schedule .fw-icon-logo-anf {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-anf.png);
}
.fw-schedule .fw-icon-logo-anj {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-anj.png);
}
.fw-schedule .fw-icon-logo-ano {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-ano.png);
}
.fw-schedule .fw-icon-logo-ibx {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-ibx.png);
}
.fw-schedule .fw-icon-logo-jac {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-jac.png);
}
.fw-schedule .fw-icon-logo-jal {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-jal.png);
}
.fw-schedule .fw-icon-logo-jc {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-jc.png);
}
.fw-schedule .fw-icon-logo-jl {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-jl.png);
}
.fw-schedule .fw-icon-logo-jta {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-jta.png);
}
.fw-schedule .fw-icon-logo-nu {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-nu.png);
}
.fw-schedule .fw-icon-logo-orc {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-orc.png);
}
.fw-schedule .fw-icon-logo-rac {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-rac.png);
}
.fw-schedule .fw-icon-logo-sfj {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-sfj.png);
}
.fw-schedule .fw-icon-logo-sna {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-sna.png);
}
.fw-schedule .fw-icon-logo-sky {
background-image: url(../../../../custom/images/carrierLogo/fw-icon-logo-sky.png);
}
.fw-schedule .fwnta-link-txt {
color: #4EA6CB;
display: inline-flex;
align-items: center;
padding-right: 1.2em;
position: relative;
}
.fw-schedule .fwnta-link-txt::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5e1";
font-variation-settings: "wght" 500;
position: absolute;
top: 50%;
right: 0;
margin-top: -0.5em;
}
.fw-schedule .fw-btn-map-01-ico {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
font-weight: 700;
color: #4EA6CB;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-01-ico {
font-size: 1.6rem;
}
}
.fw-schedule .fw-btn-map-01-ico::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e0c8";
font-size: 2rem;
margin-right: 0.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-01-ico::before {
font-size: 2.4rem;
}
}
.fw-schedule .fw-btn-map-01-ico span {
position: relative;
}
.fw-schedule .fwnta-btn-favorite__input {
position: absolute;
opacity: 0;
visibility: hidden;
}
.fw-schedule .fwnta-btn-favorite__label {
width: 4rem;
height: 4rem;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0.2rem;
cursor: pointer;
}
.fw-schedule .fwnta-btn-favorite__label::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e87d";
font-size: 2.8rem;
color: #A6ACAF;
}
.fw-schedule .fwnta-btn-favorite__input:checked + .fwnta-btn-favorite__label::before {
font-variation-settings: "FILL" 1;
color: #EA7C84;
animation: checkFavorite 0.4s 0s ease both;
}
@keyframes checkFavorite {
0% {
transform: scale(1);
}
60% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.fw-schedule .fwnta-btn-recommend-point {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 100%;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-btn-recommend-point {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-btn-recommend-point:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-recommend-point::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e89e";
}
.fw-schedule .fw-btn-detail-01, .fw-schedule .fw-btn-fix-flight, .fw-schedule .fw-btn-next-date, .fw-schedule .fw-btn-fix-train,
.fw-schedule .fw-btn-fix-01 {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F29A16;
border: none;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 100%;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-detail-01, .fw-schedule .fw-btn-fix-flight, .fw-schedule .fw-btn-next-date, .fw-schedule .fw-btn-fix-train,
.fw-schedule .fw-btn-fix-01 {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fw-btn-detail-01:hover, .fw-schedule .fw-btn-fix-flight:hover, .fw-schedule .fw-btn-next-date:hover, .fw-schedule .fw-btn-fix-train:hover,
.fw-schedule .fw-btn-fix-01:hover {
text-decoration: none;
}
}
.fw-schedule .fw-btn-detail-02,
.fw-schedule .fwnta-btn-plan-detail {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F29A16;
border: none;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 100%;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-detail-02,
.fw-schedule .fwnta-btn-plan-detail {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fw-btn-detail-02:hover,
.fw-schedule .fwnta-btn-plan-detail:hover {
text-decoration: none;
}
}
.fw-schedule .fw-btn-map-narrow {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 12rem;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-narrow {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fw-btn-map-narrow:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-cv {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F29A16;
border: none;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 24rem;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
font-size: 1.6rem;
min-height: 4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-btn-cv {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-btn-cv:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-cv:disabled {
background: #E1E4E7;
color: #C1C3C5;
cursor: default;
}
.fw-schedule .fw-btn-cv-01 {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F29A16;
border: none;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
font-size: 1.6rem;
min-height: 4rem;
width: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-cv-01 {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fw-btn-cv-01:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-back {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
min-height: 4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-btn-back {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-btn-back:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-btn-modal-close {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 100%;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-btn-modal-close {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-btn-modal-close:hover {
text-decoration: none;
}
}
.fw-schedule .fwnta-button-hint {
display: inline-flex;
align-items: center;
color: #84888B;
text-decoration: none !important;
}
.fw-schedule .fwnta-button-hint::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e887";
font-size: 1.4em;
color: #A6ACAF;
font-variation-settings: "FILL" 1;
}
.fw-schedule .fwnta-balloon-wrap {
position: relative;
}
.fw-schedule .fwnta-balloon-trigger {
display: inline-flex;
align-items: center;
cursor: pointer;
color: #84888B;
}
.fw-schedule .fwnta-balloon-icon-help {
display: inline-flex;
align-items: center;
}
.fw-schedule .fwnta-balloon-icon-help::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e887";
font-size: 1.4em;
color: #A6ACAF;
font-variation-settings: "FILL" 1;
}
.fw-schedule .fwnta-balloon {
position: absolute;
right: 0;
bottom: calc(100% + 0.8rem);
background: #3C3D47;
color: #fff;
border-radius: 4px;
padding: 1rem;
font-size: 1.1rem;
line-height: 1.4;
text-align: left;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s;
z-index: 10;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-balloon {
font-size: 1.2rem;
}
}
.fw-schedule .fwnta-balloon::before {
content: "";
position: absolute;
border-style: solid;
border-width: 0.8rem 0.8rem 0;
border-color: #3C3D47 transparent transparent;
top: 100%;
right: 2rem;
}
.fw-schedule .fwnta-balloon.fw-is-active {
opacity: 1;
visibility: visible;
}
.fw-schedule .fwnta-balloon--bottom {
bottom: auto;
top: calc(100% + 0.8rem);
}
.fw-schedule .fwnta-balloon--bottom::before {
border-width: 0 0.8rem 0.8rem;
border-color: transparent transparent #3C3D47;
top: auto;
bottom: 100%;
}
.fw-schedule .fw-btn-detail-01-arr,
.fw-schedule .fw-btn-fix-01-arr {
background-color: #f38647;
font-size: 1.3rem;
font-weight: bold;
width: 100%;
color: #fff;
}
.fw-schedule .fw-btn-detail-01-arr.fw-is-disabled,
.fw-schedule .fw-btn-fix-01-arr.fw-is-disabled {
background-color: #E1E4E7;
cursor: default;
pointer-events: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-detail-01-arr,
.fw-schedule .fw-btn-fix-01-arr {
font-size: 1.4rem;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-detail-01-arr:hover,
.fw-schedule .fw-btn-fix-01-arr:hover {
background: #fbab5c;
}
}
.fw-schedule .fw-btn-select-item-01 {
display: inline-block;
background-color: #fff;
border: 1px solid #0b499d;
line-height: 1.2;
padding: 0.2rem 0.75rem;
border-radius: 3px;
color: #0b499d;
}
.fw-schedule .fw-btn-select-item-01:hover {
text-decoration: none;
}
.fw-schedule .fw-btn-cancel-01 {
font-size: 1.3rem;
color: #333;
background-color: #fff;
cursor: pointer;
position: relative;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-cancel-01:before {
margin-right: 0.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-cancel-01 {
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-cancel-01:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-search-01, .fw-schedule .fw-btn-search-01--hotel, .fw-schedule .fw-btn-search-01--air, .fw-schedule .fw-btn-search-01--jr {
background-color: #33b381;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
width: 100%;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-search-01:hover, .fw-schedule .fw-btn-search-01--hotel:hover, .fw-schedule .fw-btn-search-01--air:hover, .fw-schedule .fw-btn-search-01--jr:hover {
background: #41d299;
}
.fw-schedule .fw-btn-search-01.fw-is-disabled, .fw-schedule .fw-is-disabled.fw-btn-search-01--hotel, .fw-schedule .fw-is-disabled.fw-btn-search-01--air, .fw-schedule .fw-is-disabled.fw-btn-search-01--jr {
cursor: default;
pointer-events: none;
background-color: #ccc;
}
.fw-schedule .fw-btn-search-01 span, .fw-schedule .fw-btn-search-01--hotel span, .fw-schedule .fw-btn-search-01--air span, .fw-schedule .fw-btn-search-01--jr span {
display: inline-block;
position: relative;
}
.fw-schedule .fw-btn-search-01 span:before, .fw-schedule .fw-btn-search-01--hotel span:before, .fw-schedule .fw-btn-search-01--air span:before, .fw-schedule .fw-btn-search-01--jr span:before {
margin-right: 0.25em;
}
.fw-schedule .fw-btn-search-01--jr span:before {
content: "\e91a";
}
.fw-schedule .fw-btn-search-01--air span:before {
content: "\e908";
}
.fw-schedule .fw-btn-search-01--hotel span:before {
content: "\e90a";
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-search-01, .fw-schedule .fw-btn-search-01--jr, .fw-schedule .fw-btn-search-01--air, .fw-schedule .fw-btn-search-01--hotel {
font-size: 1.7rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.fw-schedule .fw-btn-narrow-01,
.fw-schedule .fw-btn-narrow-01-ico {
background-color: #33b381;
font-size: 1.3rem;
font-weight: bold;
color: #fff;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-narrow-01:hover,
.fw-schedule .fw-btn-narrow-01-ico:hover {
background: #41d299;
}
.fw-schedule .fw-btn-narrow-01-ico {
display: inline-block;
}
.fw-schedule .fw-btn-narrow-01-ico span {
position: relative;
display: inline-block;
}
.fw-schedule .fw-btn-narrow-01-ico span:before {
content: "\e913";
margin-right: 0.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-narrow-01,
.fw-schedule .fw-btn-narrow-01-ico {
font-size: 1.4rem;
}
}
.fw-schedule .fw-btn-map-02 {
padding: 0.6rem 0;
background-color: #33b381;
font-size: 1.1rem;
font-weight: bold;
color: #fff;
width: 100%;
position: relative;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-map-02:before {
content: "\e929";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3rem;
opacity: 0.2;
}
.fw-schedule .fw-btn-map-02:hover {
background: #41d299;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-02 {
padding: 0.7rem 0;
font-size: 1.2rem;
}
}
.fw-schedule .fw-btn-station-01 {
font-size: 1.2rem;
padding: 0.5rem;
cursor: pointer;
}
.fw-schedule .fw-btn-station-01.fw-is-active {
background-color: #f38647;
border-color: #f38647;
color: #fff;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-station-01.fw-is-active:hover {
background: #fbab5c;
}
.fw-schedule .fw-btn-station-01.fw-is-disabled {
cursor: default;
background-color: #E1E4E7;
color: #fff;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-station-01 {
font-size: 1.5rem;
padding: 1rem;
}
}
.fw-schedule .fw-btn-switch-01 {
font-size: 1.1rem;
padding: 0.4rem 0.5rem;
cursor: pointer;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-switch-01 small {
font-size: 1rem;
}
.fw-schedule .fw-btn-switch-01:nth-child(1) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
.fw-schedule .fw-btn-switch-01:nth-child(2) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
.fw-schedule .fw-btn-switch-01.fw-is-active {
background-color: #0b499d;
border-color: #0b499d;
color: #fff;
pointer-events: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-switch-01 {
font-size: 1.3rem;
padding: 0.75rem 1rem;
}
.fw-schedule .fw-btn-switch-01 small {
font-size: 1.2rem;
}
.fw-schedule .fw-btn-switch-01:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-switch-02 {
background-color: #fff;
color: #0b499d;
font-size: 1.1rem;
line-height: 1.2;
padding: 0.4rem 1rem;
margin: 0 0.2rem;
border-radius: 4rem;
cursor: pointer;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-switch-02.fw-is-active {
background-color: #7ea7de;
color: #fff;
pointer-events: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-switch-02 {
font-size: 1.4rem;
padding: 0.5rem 1.5rem;
}
.fw-schedule .fw-btn-switch-02:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-map-cancel, .fw-schedule .fw-btn-map-research, .fw-schedule .fw-btn-map-range {
font-size: 1.2rem;
padding: 0.75rem 1rem;
border-radius: 4rem;
background-color: #fff;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
cursor: pointer;
position: relative;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-map-cancel:before, .fw-schedule .fw-btn-map-research:before, .fw-schedule .fw-btn-map-range:before {
margin-right: 0.5rem;
}
.fw-schedule .fw-btn-map-range:before {
content: "\e914";
}
.fw-schedule .fw-btn-map-range:hover {
background-color: #efefef;
}
.fw-schedule .fw-btn-map-research {
background-color: #33b381;
color: #fff;
}
.fw-schedule .fw-btn-map-research:before {
content: "\e91c";
}
.fw-schedule .fw-btn-map-research:hover {
background-color: #41d299;
}
.fw-schedule .fw-btn-map-cancel:before {
content: "\e916";
}
.fw-schedule .fw-btn-map-cancel:hover {
background-color: #efefef;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-range,
.fw-schedule .fw-btn-map-research,
.fw-schedule .fw-btn-map-cancel {
font-size: 1.4rem;
padding: 1rem 2rem;
}
}
.fw-schedule .fw-btn-access-map {
background-color: #fff;
color: #333;
font-size: 1.1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
white-space: nowrap;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-access-map {
font-size: 1.3rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-access-map:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-seat-select,
.fw-schedule .fw-btn-seat-selected,
.fw-schedule .fw-btn-seat-full {
font-weight: bold;
width: 100%;
color: #fff;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-size: 1.2rem;
padding: 0.75rem 0.5rem;
white-space: nowrap;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-seat-select,
.fw-schedule .fw-btn-seat-selected,
.fw-schedule .fw-btn-seat-full {
font-size: 1.4rem;
padding: 1rem 1em;
}
}
.fw-schedule .fw-btn-seat-select {
background-color: #f38647;
}
.fw-schedule .fw-btn-seat-selected {
background-color: #33b381;
}
.fw-schedule .fw-btn-seat-full {
background-color: #E1E4E7;
}
.fw-schedule .fw-btn-map-area {
background-color: rgba(51, 51, 51, 0.8);
color: #fff !important;
font-size: 1.1rem;
position: relative;
padding: 0.75rem 2rem 0.75rem 0.75rem;
}
.fw-schedule .fw-btn-map-area:before {
content: "\e917";
position: absolute;
top: 50%;
right: 0.5rem;
margin-top: -0.5em;
font-size: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-map-area {
font-size: 1.4rem;
padding-top: 1rem;
padding-bottom: 1rem;
min-width: 6em;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-map-area:hover {
background-color: rgba(51, 51, 51, 0.6);
}
.fw-schedule .fw-btn-map-area:before {
right: 0.75rem;
font-size: 1.2rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-fix-train {
font-size: 1.7rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.fw-schedule .fw-btn-seat {
background-color: #fff;
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1) inset;
border-radius: 3px;
border: 1px solid #999;
width: 3rem;
height: 3rem;
text-align: center;
color: #999;
position: relative;
cursor: pointer;
}
.fw-schedule .fw-btn-seat:before {
font-size: 1.4rem;
content: "\e92a";
line-height: 2.8rem;
}
.fw-schedule .fw-btn-seat.fw-is-active {
background-color: #f38647;
color: #fff;
border-color: #f38647;
}
.fw-schedule .fw-btn-seat.fw-is-active:before {
content: "\e903";
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-seat {
width: 3.8rem;
height: 3.8rem;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-seat:before {
font-size: 1.8rem;
line-height: 3.6rem;
}
.fw-schedule .fw-btn-seat:hover {
background-color: #fff8da;
}
}
.fw-schedule .fw-btn-seat-disable {
background-color: #bababa;
border-radius: 3px;
width: 3rem;
height: 3rem;
text-align: center;
color: #fff;
position: relative;
pointer-events: none;
}
.fw-schedule .fw-btn-seat-disable:before {
font-size: 1rem;
content: "\e904";
line-height: 3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-seat-disable {
width: 3.8rem;
height: 3.8rem;
}
.fw-schedule .fw-btn-seat-disable:before {
font-size: 1.4rem;
line-height: 3.6rem;
}
}
.fw-schedule .fw-btn-change-01,
.fw-schedule .fw-btn-change-02 {
font-size: 1.1rem;
line-height: 1.2;
border-color: #0b499d;
color: #0b499d;
background-color: #fff;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-change-01,
.fw-schedule .fw-btn-change-02 {
font-size: 1.3rem;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-change-01:hover,
.fw-schedule .fw-btn-change-02:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-select-01,
.fw-schedule .fw-btn-select-02 {
font-size: 1.1rem;
line-height: 1.2;
border: 1px solid #f38647;
color: #fff;
background-color: #f38647;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-select-01,
.fw-schedule .fw-btn-select-02 {
font-size: 1.3rem;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-select-01:hover,
.fw-schedule .fw-btn-select-02:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-btn-select-hotel,
.fw-schedule .fw-btn-select-flight,
.fw-schedule .fw-btn-select-train,
.fw-schedule .fw-btn-select-option {
background-color: #f38647;
color: #fff;
font-size: 1.2rem;
line-height: 1.2;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-select-hotel,
.fw-schedule .fw-btn-select-flight,
.fw-schedule .fw-btn-select-train {
font-size: 1.4rem;
}
.fw-schedule .fw-btn-select-hotel:hover,
.fw-schedule .fw-btn-select-flight:hover,
.fw-schedule .fw-btn-select-train:hover {
background-color: #fbab5c;
}
}
.fw-schedule .fw-btn-next-date {
font-size: 1.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-next-date {
font-size: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.fw-schedule .fw-btn-next-date br {
display: none;
}
}
.fw-schedule .fw-btn-stay-date {
font-size: 1rem;
cursor: pointer;
position: relative;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-stay-date em {
color: #333;
font-weight: normal;
margin: 0;
font-size: 1.3rem;
}
.fw-schedule .fw-btn-stay-date.fw-is-reserved {
background-color: #7ea7de;
border-color: #7ea7de;
color: #fff;
}
.fw-schedule .fw-btn-stay-date.fw-is-reserved em {
color: #fff;
}
.fw-schedule .fw-btn-stay-date.fw-is-non-reserved {
background-color: #E1E4E7;
}
.fw-schedule .fw-btn-stay-date:hover, .fw-schedule .fw-btn-stay-date.fw-is-current {
background-color: #0b499d !important;
border-color: #0b499d !important;
color: #fff !important;
}
.fw-schedule .fw-btn-stay-date:hover em, .fw-schedule .fw-btn-stay-date.fw-is-current em {
color: #fff !important;
}
.fw-schedule .fw-btn-stay-date__icon-reserved, .fw-schedule .fw-btn-stay-date__icon-non-reserved {
position: absolute;
top: -0.5rem;
right: 0.5rem;
color: #fff;
font-size: 1rem;
line-height: 1.6rem;
border-radius: 50%;
text-align: center;
width: 1.6rem;
height: 1.6rem;
box-shadow: 0 0 0 1px #fff;
}
.fw-schedule .fw-btn-stay-date__icon-reserved {
background-color: #7ea7de;
}
.fw-schedule .fw-btn-stay-date__icon-non-reserved {
background-color: #aaa;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-stay-date {
font-size: 1.2rem;
}
.fw-schedule .fw-btn-stay-date em {
font-size: 1.4rem;
}
.fw-schedule .fw-btn-stay-date__icon-reserved, .fw-schedule .fw-btn-stay-date__icon-non-reserved {
font-size: 1.2rem;
line-height: 2rem;
width: 2rem;
height: 2rem;
top: -0.8rem;
}
}
.fw-schedule .fw-btn-register,
.fw-schedule .fw-btn-login {
width: 100%;
background-color: #0b499d;
color: #fff;
font-size: 1.3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-register,
.fw-schedule .fw-btn-login {
font-size: 1.7rem;
font-weight: bold;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transition: background 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-btn-register:hover,
.fw-schedule .fw-btn-login:hover {
background-color: #225bb4;
}
}
.fw-schedule .fw-btn-photo {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 50%;
width: 4rem;
height: 4rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none !important;
}
.fw-schedule .fw-btn-photo:before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e412";
font-size: 2.4rem;
color: #3C3D47;
font-variation-settings: "FILL" 1, "wght" 400;
padding-bottom: 2px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-fix-flight {
font-size: 1.7rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.fw-schedule .fw-btn-favorite {
display: none !important;
}
.fw-schedule .fw-fix-bar__in {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
background-color: #fff;
padding: 2.4rem 1.6rem;
position: fixed;
left: 0;
bottom: 0;
z-index: 60;
transition: bottom 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-fix-bar__in {
padding: 3.2rem;
}
}
.fw-schedule .fw-fix-bar.fw-is-released .fw-fix-bar__trigger {
display: none;
}
.fw-schedule .fw-fix-bar.fw-is-released .fw-fix-bar__in {
position: static;
transform: none;
}
.fw-schedule .fw-fix-bar.fw-is-show .fw-fix-bar__trigger-txt {
display: none;
}
.fw-schedule .fw-fix-bar.fw-is-show .fw-fix-bar__trigger:after {
transform: rotate(180deg);
}
.fw-schedule .fw-fix-bar.fw-is-show .fw-fix-bar__in {
bottom: 0 !important;
}
.fw-schedule .fw-fix-bar__trigger {
position: absolute;
bottom: 100%;
right: 1rem;
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
background-color: #0b499d;
border-radius: 3px 3px 0 0;
cursor: pointer;
font-size: 1.1rem;
line-height: 1;
color: #fff;
padding: 1rem;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-fix-bar__trigger:hover {
background-color: #225bb4;
}
.fw-schedule .fw-fix-bar__trigger:after {
content: "\e922";
font-size: 1rem;
}
.fw-schedule .fw-fix-bar__count {
font-weight: bold;
font-size: 1.3rem;
}
.fw-schedule .fw-fix-bar__count em {
color: #b20000;
font-size: 2.1rem;
}
.fw-schedule .fw-fix-bar__btn {
width: 100%;
display: flex;
align-items: center;
gap: 0 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-fix-bar__btn {
justify-content: center;
}
}
.fw-schedule .fw-fix-bar__btn .fwnta-btn-back {
width: 10rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-fix-bar__btn .fwnta-btn-back {
width: 24rem;
}
}
.fw-schedule .fw-fix-bar__btn .fw-btn-cv-01 {
width: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-fix-bar__btn .fw-btn-cv-01 {
width: 24rem;
}
}
.fw-schedule .fw-fix-bar__note {
margin-top: 1rem;
font-size: 1.2rem;
line-height: 1.4;
width: 100%;
text-align: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-fix-bar__note {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-fixed-btn {
position: sticky;
bottom: 0;
left: 0;
width: 100%;
padding: 2.4rem 1.6rem;
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
backface-visibility: hidden;
overflow: hidden;
z-index: 8;
text-align: center;
display: flex;
justify-content: center;
gap: 4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-fixed-btn {
padding: 3.2rem;
}
}
.fw-schedule .fwnta-fixed-btn__row {
display: flex;
align-items: center;
justify-content: center;
}
.fw-schedule .fw-schedule-heading {
display: none;
}
.fw-schedule .fw-company-logo {
float: right;
max-width: 5rem;
margin: 0 0 0 0.5rem;
}
.fw-schedule .fw-company-logo img {
max-height: 3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-company-logo {
max-width: 6rem;
position: absolute;
top: 0;
right: 0;
}
}
.fw-schedule .fw-schedule-item {
display: none;
}
.fw-schedule .fw-schedule-date {
background-color: #0b499d;
color: #fff;
padding: 1.6rem;
}
.fw-schedule .fw-schedule-date__ttl {
position: relative;
font-size: 1.5rem;
line-height: 1;
font-weight: bold;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-date {
padding: 1rem 2rem;
}
.fw-schedule .fw-schedule-date__ttl {
font-size: 2.1rem;
}
}
.fw-schedule .fw-schedule-station {
background-color: #e7eef9;
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 0.5rem 1rem;
}
.fw-schedule .fw-schedule-station__weather {
margin-left: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.fw-schedule .fw-schedule-station__weather-icon {
height: 1.3rem;
}
.fw-schedule .fw-schedule-station__weather-icon img {
max-height: 100%;
vertical-align: top;
}
.fw-schedule .fw-schedule-station__weather-data {
font-size: 1rem;
margin-left: 0.5rem;
}
.fw-schedule .fw-schedule-station__label {
font-size: 1.5rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-station__time {
width: 7rem;
}
.fw-schedule .fw-schedule-station__time-icon {
background-color: #7d7d7d;
color: #fff;
display: inline-block;
margin-right: 0.75rem;
font-size: 1.2rem;
line-height: 2rem;
width: 2rem;
height: 2rem;
text-align: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-station {
padding: 1rem 1.5rem;
}
.fw-schedule .fw-schedule-station__weather-icon {
height: 1.5rem;
}
.fw-schedule .fw-schedule-station__weather-data {
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-station__label {
font-size: 1.8rem;
line-height: 1;
}
.fw-schedule .fw-schedule-station__time {
width: 10rem;
}
.fw-schedule .fw-schedule-station__time-icon {
font-size: 1.5rem;
line-height: 2.2rem;
width: 2.2rem;
height: 2.2rem;
}
}
.fw-schedule .fw-schedule-airport {
background-color: #e7eef9;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0.5rem 1rem;
}
.fw-schedule .fw-schedule-airport__label {
font-size: 1.5rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-airport__time {
width: 7rem;
}
.fw-schedule .fw-schedule-airport__time-icon {
background-color: #7d7d7d;
color: #fff;
display: inline-block;
margin-left: 0.75rem;
font-size: 1rem;
line-height: 1.4rem;
width: 1.4rem;
height: 1.4rem;
text-align: center;
}
.fw-schedule .fw-schedule-airport__time > li {
display: flex;
flex-wrap: nowrap;
align-items: center;
font-size: 1.2rem;
line-height: 1;
}
.fw-schedule .fw-schedule-airport__time > li:nth-child(2) {
margin-top: 0.1rem;
}
.fw-schedule .fw-schedule-airport__time > li:only-child {
font-size: 1.4rem;
}
.fw-schedule .fw-schedule-airport__time > li:only-child .fw-schedule-airport__time-icon {
font-size: 1.2rem;
line-height: 2rem;
width: 2rem;
height: 2rem;
}
.fw-schedule .fw-schedule-airport .fw-schedule-blank--error + .fw-schedule-action {
margin: 0.5rem 0 0.5rem auto;
}
.fw-schedule .fw-schedule-airport .fw-icon-logo-ana,
.fw-schedule .fw-schedule-airport .fw-icon-logo-jal {
margin: 0 1.5rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-airport {
flex-wrap: nowrap;
padding: 1rem 2rem;
}
.fw-schedule .fw-schedule-airport__label {
font-size: 1.8rem;
line-height: 1;
}
.fw-schedule .fw-schedule-airport__time {
width: 10rem;
}
.fw-schedule .fw-schedule-airport__time-icon {
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.8rem;
width: 1.8rem;
height: 1.8rem;
}
.fw-schedule .fw-schedule-airport__time > li {
font-size: 1.6rem;
}
.fw-schedule .fw-schedule-airport__time > li:only-child {
font-size: 2rem;
}
.fw-schedule .fw-schedule-airport__time > li:only-child .fw-schedule-airport__time-icon {
font-size: 1.5rem;
line-height: 2.2rem;
width: 2.2rem;
height: 2.2rem;
}
}
.fw-schedule .fw-schedule-alert {
background-color: #ffd9d9;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0.5rem 1rem;
}
.fw-schedule .fw-schedule-alert__label {
font-size: 1.5rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-alert__time {
width: 7rem;
}
.fw-schedule .fw-schedule-alert__time-icon {
background-color: #7d7d7d;
color: #fff;
display: inline-block;
margin-left: 0.75rem;
font-size: 1rem;
line-height: 1.4rem;
width: 1.4rem;
height: 1.4rem;
text-align: center;
}
.fw-schedule .fw-schedule-alert__time > li {
display: flex;
flex-wrap: nowrap;
align-items: center;
font-size: 1.2rem;
line-height: 1;
}
.fw-schedule .fw-schedule-alert__time > li:nth-child(2) {
margin-top: 0.1rem;
}
.fw-schedule .fw-schedule-alert__time > li:only-child {
font-size: 1.4rem;
}
.fw-schedule .fw-schedule-alert__time > li:only-child .fw-schedule-alert__time-icon {
font-size: 1.2rem;
line-height: 2rem;
width: 2rem;
height: 2rem;
}
.fw-schedule .fw-schedule-alert .fw-schedule-blank--error + .fw-schedule-action {
margin: 0.5rem 0 0.5rem auto;
}
.fw-schedule .fw-schedule-alert .fw-icon-logo-ana,
.fw-schedule .fw-schedule-alert .fw-icon-logo-jal {
margin: 0 1.5rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-alert {
flex-wrap: nowrap;
padding: 1rem 2rem;
}
.fw-schedule .fw-schedule-alert__label {
font-size: 1.8rem;
line-height: 1;
}
.fw-schedule .fw-schedule-alert__time {
width: 10rem;
}
.fw-schedule .fw-schedule-alert__time-icon {
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.8rem;
width: 1.8rem;
height: 1.8rem;
}
.fw-schedule .fw-schedule-alert__time > li {
font-size: 1.6rem;
}
.fw-schedule .fw-schedule-alert__time > li:only-child {
font-size: 2rem;
}
.fw-schedule .fw-schedule-alert__time > li:only-child .fw-schedule-alert__time-icon {
font-size: 1.5rem;
line-height: 2.2rem;
width: 2.2rem;
height: 2.2rem;
}
}
.fw-schedule .fw-schedule-info--air, .fw-schedule .fw-schedule-info--jr, .fw-schedule .fw-schedule-guest--jr, .fw-schedule .fw-schedule-info--plan, .fw-schedule .fw-schedule-info {
padding: 1.6rem;
position: relative;
}
.fw-schedule .fw-schedule-guest--jr {
padding-left: 2.5rem;
}
.fw-schedule .fw-schedule-guest--jr:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 1rem;
width: 0.3rem;
height: 100%;
background: repeating-linear-gradient(#999 0, #999 0.3rem, #fff 0.3rem, #fff 0.6rem);
}
.fw-schedule .fw-schedule-info--jr .fw-btn-change-01 {
min-width: 120px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-info--jr .fw-btn-change-01 {
min-width: auto;
}
.fw-schedule .fw-schedule-info--jr .fw-alert-01 {
margin-bottom: 1rem;
}
}
.fw-schedule .fw-schedule-info--air {
padding-left: 2.5rem;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-schedule-info--air:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 1rem;
width: 0.3rem;
height: 100%;
background: repeating-linear-gradient(#999 0, #999 0.3rem, #fff 0.3rem, #fff 0.6rem);
}
.fw-schedule .fw-schedule-note {
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-info {
padding: 1.5rem 2rem;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-schedule-info--plan {
padding: 1.5rem 2rem;
}
.fw-schedule .fw-schedule-info--jr {
padding: 1.5rem 2rem;
}
.fw-schedule .fw-schedule-guest--jr {
padding: 1.5rem 2rem 1.5rem 4rem;
}
.fw-schedule .fw-schedule-guest--jr:before {
left: 2rem;
}
.fw-schedule .fw-schedule-info--airplane {
padding: 1.5rem 2rem 1.5rem 4rem;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-schedule-info--airplane:before {
left: 2rem;
}
.fw-schedule .fw-schedule-note {
font-size: 1.3rem;
}
}
.fw-schedule .fw-schedule-info__txt {
margin-bottom: 1rem;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-info__txt {
font-size: 1.3rem;
}
}
.fw-schedule .fw-schedule-train__type {
margin-bottom: 5px;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4;
}
.fw-schedule .fw-schedule-train__type .fw-col-name {
order: 3;
}
.fw-schedule .fw-schedule-train__type .fw-col-dep {
margin-right: 0.5em;
}
.fw-schedule .fw-schedule-train__type .fw-col-arr {
margin-right: 0.5em;
}
.fw-schedule .fw-schedule-train__seat {
margin: 0;
padding: 0 0 0 1.7rem;
font-size: 1rem;
}
.fw-schedule .fw-schedule-train__guest {
margin: 0;
padding: 0 0 0 1.7rem;
font-size: 1rem;
}
.fw-schedule .fw-schedule-train__guest:before {
content: "\e90e";
color: #999;
margin-right: 0.2rem;
}
.fw-schedule .fw-schedule-train__note {
margin: 0.5rem 0 0 0;
padding: 0 0 0 1.7rem;
font-size: 1.1rem;
line-height: 1.5;
}
.fw-schedule .fw-schedule-train .fw-schedule-train-name,
.fw-schedule .fw-schedule-train .fw-schedule-station-name {
display: block;
}
.fw-schedule .fw-schedule-train .fw-schedule-station-name span:not(:first-child) {
position: relative;
padding-left: 30px;
}
.fw-schedule .fw-schedule-train .fw-schedule-station-name span:not(:first-child):before {
content: "";
position: absolute;
left: 5px;
top: 0.8rem;
width: 18px;
border-bottom: 1px solid #A8A8A8;
}
.fw-schedule .fw-schedule-train .fw-icon-smoking,
.fw-schedule .fw-schedule-train .fw-icon-nosmoking {
width: 1rem;
height: 1rem;
margin: 0 0 0 0.3rem;
vertical-align: baseline;
}
.fw-schedule .fw-schedule-train .fw-icon-train-type {
margin-left: 0;
vertical-align: text-top;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-train__type {
font-size: 1.5rem;
}
.fw-schedule .fw-schedule-train__seat {
padding-left: 2rem;
font-size: 1.3rem;
display: inline-block;
}
.fw-schedule .fw-schedule-train__guest {
padding-left: 2rem;
font-size: 1.3rem;
display: inline-block;
}
.fw-schedule .fw-schedule-train__guest:before {
margin-right: 0.4rem;
}
.fw-schedule .fw-schedule-train__note {
margin-top: 0;
padding: 0 0 0 2rem;
}
.fw-schedule .fw-schedule-train .fw-icon-smoking,
.fw-schedule .fw-schedule-train .fw-icon-nosmoking {
width: 1.5rem;
height: 1.5rem;
vertical-align: text-bottom;
}
.fw-schedule .fw-schedule-train .fw-icon-train-type {
margin-left: 5px;
}
}
.fw-schedule .fw-schedule-airplane {
width: 100%;
}
.fw-schedule .fw-schedule-airplane__type {
display: inline-block;
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-airplane__seat {
display: inline-block;
margin: 0;
padding: 0 0 0 1.7rem;
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-airplane__guest {
margin: 0;
padding: 0 0 0 1.7rem;
font-size: 1rem;
}
.fw-schedule .fw-schedule-airplane__guest:before {
content: "\e90e";
color: #999;
margin-right: 0.2rem;
}
.fw-schedule .fw-schedule-airplane .fw-icon-smoking,
.fw-schedule .fw-schedule-airplane .fw-icon-nosmoking {
width: 1rem;
height: 1rem;
margin: 0 0 0 0.3rem;
vertical-align: baseline;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-airplane__type {
font-size: 1.5rem;
}
.fw-schedule .fw-schedule-airplane__seat {
padding-left: 2rem;
font-size: 1.5rem;
}
.fw-schedule .fw-schedule-airplane__guest {
padding-left: 2rem;
font-size: 1.3rem;
display: inline-block;
}
.fw-schedule .fw-schedule-airplane__guest:before {
margin-right: 0.4rem;
}
.fw-schedule .fw-schedule-airplane .fw-icon-smoking,
.fw-schedule .fw-schedule-airplane .fw-icon-nosmoking {
width: 1.5rem;
height: 1.5rem;
vertical-align: text-bottom;
}
}
.fw-schedule .fw-schedule-day-note {
border: 1px solid #b20000;
padding: 1rem;
margin: 1rem 0 1.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-day-note {
margin-bottom: 2rem;
}
}
.fw-schedule .fw-schedule-action {
margin-left: auto;
white-space: nowrap;
}
.fw-schedule .fw-schedule-action__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.fw-schedule .fw-schedule-action__list > li:not(:only-child) {
margin-left: 1rem;
}
.fw-schedule .fw-schedule-action__delete {
text-align: right;
font-size: 1.2rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-action__delete-link:before {
content: "\e905";
margin-right: 0.2rem;
}
.fw-schedule .fw-schedule-action .fw-schedule-action__list li:last-child {
margin-top: 0.5rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-schedule-action .fw-schedule-action__list li:last-child {
margin-top: 0;
}
}
.fw-schedule .fw-schedule-action .fw-schedule-action__list + .fw-schedule-action__delete {
margin-top: 0.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-action__list {
display: block;
text-align: right;
}
.fw-schedule .fw-schedule-action__list > li {
display: inline-block;
}
.fw-schedule .fw-schedule-action__delete {
font-size: 1.3rem;
}
.fw-schedule .fw-schedule-action .fw-schedule-action__list li:last-child {
margin-top: 0;
}
.fw-schedule .fw-schedule-action .fw-schedule-action__list + .fw-schedule-action__delete {
margin-top: 1rem;
}
}
.fw-schedule .fw-schedule-hotel {
background-color: #e7eef9;
padding: 0.75rem 1rem;
}
.fw-schedule .fw-schedule-hotel__time {
display: none;
}
.fw-schedule .fw-schedule-hotel__date {
display: none;
}
.fw-schedule .fw-schedule-hotel__option-time {
font-size: 1.2rem;
margin-top: 1rem;
}
.fw-schedule .fw-schedule-hotel__ttl {
font-size: 1.4rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-hotel__sub-ttl {
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-hotel .fw-schedule-blank {
color: #333;
}
.fw-schedule .fw-schedule-hotel .fw-schedule-blank--error + .fw-schedule-action {
margin-top: 0.5rem;
}
.fw-schedule .fw-schedule-info + .fw-schedule-airport,
.fw-schedule .fw-schedule-info--plan + .fw-schedule-airport,
.fw-schedule .fw-schedule-info + .fw-schedule-hotel,
.fw-schedule .fw-schedule-info--jr + .fw-schedule-hotel {
border-top: 2px dashed #b0bdd2;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-hotel {
padding: 1rem 1.5rem;
}
.fw-schedule .fw-schedule-hotel__time-label {
font-size: 1.2rem;
width: 11rem;
}
.fw-schedule .fw-schedule-hotel__time-data {
width: calc(50% - 11rem);
font-size: 1.6rem;
padding: 0 1rem;
}
.fw-schedule .fw-schedule-hotel__date-label {
font-size: 1.2rem;
width: 11rem;
}
.fw-schedule .fw-schedule-hotel__date-data {
width: calc(50% - 11rem);
font-size: 1.6rem;
padding: 0 1rem;
}
.fw-schedule .fw-schedule-hotel__option-time {
font-size: 1.6rem;
}
.fw-schedule .fw-schedule-hotel__ttl {
font-size: 1.8rem;
}
.fw-schedule .fw-schedule-hotel__sub-ttl {
font-size: 1.6rem;
}
.fw-schedule .fw-schedule-hotel .fw-schedule-blank--error {
display: block;
float: left;
}
.fw-schedule .fw-schedule-hotel .fw-schedule-blank--error + .fw-schedule-action {
display: block;
float: right;
}
.fw-schedule .fw-schedule-hotel:after {
content: "";
display: block;
clear: both;
}
}
.fw-schedule .fw-schedule-plan-wrap {
display: block;
}
.fw-schedule .fw-schedule-plan-img {
display: none;
}
.fw-schedule .fw-schedule-plan-img__caption {
padding-top: 0.8rem;
font-size: 1.1rem;
line-height: 1.4;
text-align: center;
color: #666;
}
.fw-schedule .fw-schedule-plan {
margin-bottom: 1.5rem;
}
.fw-schedule .fw-schedule-plan__ttl {
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-plan__info {
margin-top: 0.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.fw-schedule .fw-schedule-plan__info-meal {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.fw-schedule .fw-schedule-plan__info-meal > li {
margin: 0 0.2rem 0 0;
}
.fw-schedule .fw-schedule-plan__info-smoking {
margin: 0 0 0 0.2rem;
}
.fw-schedule .fw-schedule-plan__room-item {
display: none;
}
.fw-schedule .fw-schedule-plan__txt {
margin: 0.5rem 0 0 0;
font-size: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-plan-wrap {
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-schedule-plan-img {
width: 200px;
margin-right: 2rem;
}
.fw-schedule .fw-schedule-plan-img__caption {
font-size: 1.2rem;
}
.fw-schedule .fw-schedule-plan {
width: calc(100% - 200px - 2rem);
}
.fw-schedule .fw-schedule-plan__ttl {
font-size: 1.5rem;
}
.fw-schedule .fw-schedule-plan__info-smoking {
margin-left: 1rem;
}
.fw-schedule .fw-schedule-plan__room-item {
font-size: 1.3rem;
}
.fw-schedule .fw-schedule-plan__txt {
font-size: 1.3rem;
}
}
.fw-schedule .fw-schedule-blank {
font-size: 1.2rem;
color: #999;
}
.fw-schedule .fw-schedule-blank--error {
font-size: 1.2rem;
color: #d32f2f;
}
.fw-schedule .fw-schedule-blank--error---bg {
background-color: #ffd9d9;
color: #999;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-blank,
.fw-schedule .fw-schedule-blank--error {
font-size: 1.5rem;
}
}
.fw-schedule .fw-schedule-price,
.fw-schedule .fw-schedule-price--campaign {
display: none;
}
.fw-schedule .fw-schedule-save {
display: none;
}
.fw-schedule .fw-schedule-confirm {
margin-bottom: 1.6rem;
background-color: #fff;
border-top: 1px solid #ddd;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-confirm {
margin-bottom: 2rem;
border-top: none;
}
}
.fw-schedule .fw-credit {
width: 96%;
margin: auto;
margin-bottom: 1.6rem;
}
.fw-schedule .fw-credit__label {
font-weight: 700;
}
.fw-schedule .fw-credit__data p {
margin: 0;
}
.fw-schedule .fw-credit__data p + p {
margin-top: 2.4rem;
}
.fw-schedule .fw-footer-condition {
font-size: 1.2rem;
margin-bottom: 2.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-footer-condition {
font-size: 1.4rem;
}
}
.fw-schedule .fw-footer-condition h4 {
background: #D9EBF3;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
border-radius: 3px;
padding: 0.8rem 1.6rem;
margin: 0 0 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-footer-condition h4 {
font-size: 1.8rem;
}
}
.fw-schedule .fw-schedule-each__label-room {
margin-left: 1em;
}
.fw-schedule .fw-schedule-each__label-info {
font-size: 1.1rem;
line-height: 1.4;
color: #999;
margin: 0;
padding: 0 0 0 1em;
}
.fw-schedule .fw-schedule-each__panel {
z-index: 61;
width: 96.6%;
max-width: 96.6%;
padding: 1.5rem;
}
.fw-schedule .fw-schedule-each__panel:after, .fw-schedule .fw-schedule-each__panel:before {
left: 2rem;
margin-left: 0;
}
.fw-schedule .fw-schedule-each__list {
font-size: 1.1rem;
}
.fw-schedule [data-fw-pulldown].fw-is-active .fw-schedule-each__panel {
display: block;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-each__label[data-fw-pulldown-trigger]:hover {
text-decoration: underline;
}
.fw-schedule .fw-schedule-each__label[data-fw-pulldown-trigger]:after {
margin-left: 0.5rem;
}
.fw-schedule .fw-schedule-each__panel {
top: 100%;
padding: 2rem;
}
.fw-schedule .fw-schedule-each__panel:after, .fw-schedule .fw-schedule-each__panel:before {
left: 2rem;
margin-left: 0;
}
.fw-schedule .fw-schedule-each__list {
font-size: 1.3rem;
}
}
.fw-schedule .fw-schedule-price--campaign {
position: relative;
margin-top: 45px;
border: 3px solid #333;
}
.fw-schedule .fw-schedule-price--campaign:before {
content: "";
position: absolute;
top: -44px;
left: calc(50% - 20px);
width: 40px;
height: 40px;
background: url(../../images/fw-ico-arrow-03.png) no-repeat center center;
background-size: 40px;
}
.fw-schedule .fw-schedule-price--campaign .fw-price-total__ttl {
position: relative;
margin: 0 0 10px;
padding-right: 85px;
color: #000;
font-size: 1.3rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-price--campaign .fw-price-total__ttl:after {
content: "";
display: inline-block;
position: absolute;
top: -2px;
right: 0;
width: 80px;
height: 30px;
background: url(../../images/fw-logo-goto-travel.png) no-repeat center center;
background-size: 80px auto;
}
.fw-schedule .fw-schedule-price--campaign .fw-price-total__ttl span {
display: inline-block;
padding: 5px 15px;
color: #fff;
background-color: #0b499d;
border-radius: 30px;
line-height: 1.2;
}
.fw-schedule .fw-schedule-price--campaign .fw-schedule-each__label {
cursor: default;
pointer-events: none;
}
.fw-schedule .fw-schedule-price--campaign .fw-schedule-each__label:after {
display: none;
}
.fw-schedule .fw-schedule-select-box {
background-color: #fff;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-schedule-select-box {
padding: calc(3.3333% - 0.5rem) 3.3333%;
margin-bottom: 1.6rem;
}
.fw-schedule .fw-schedule-select-box[data-fw-hide=sp] {
display: none;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-select-box {
padding: 1rem 2rem;
margin-bottom: 2rem;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.fw-schedule .fw-schedule-select-box[data-fw-hide=pc] {
display: none;
}
}
.fw-schedule .fw-schedule-select-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 0.5rem 0;
margin: 0;
}
.fw-schedule .fw-schedule-select-item:not(:last-child) {
border-bottom: 1px solid #efefef;
}
.fw-schedule .fw-schedule-select-item__label {
font-size: 1.1rem;
font-weight: bold;
min-width: 6em;
}
.fw-schedule .fw-schedule-select-item__data {
font-size: 1.3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-select-item {
padding: 1rem 0;
}
.fw-schedule .fw-schedule-select-item__label {
font-size: 1.3rem;
}
.fw-schedule .fw-schedule-select-item__data {
font-size: 1.4rem;
padding-left: 1em;
}
}
.fw-schedule .fw-schedule-hotel-choice {
border-top: 1px solid #E1E4E7;
padding: 1.5rem 0;
margin: 1.5rem 2rem;
}
.fw-schedule .fw-schedule-hotel-choice-ttl {
font-size: 1.5rem;
font-weight: bold;
}
.fw-schedule .fw-schedule-hotel-choice-list {
display: block;
margin: 0 0 20px 0;
padding: 0;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-hotel-choice-list {
display: flex;
}
}
.fw-schedule .fw-schedule-hotel-choice-list__item {
display: flex;
margin-bottom: 10px;
width: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-hotel-choice-list__item {
display: block;
margin-right: 0.8rem;
margin-bottom: 0;
}
}
.fw-schedule .fw-schedule-hotel-choice-list__item:last-child {
margin-right: 0;
}
.fw-schedule .fw-schedule-hotel-choice-img {
width: 25%;
margin-right: 5px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-hotel-choice-img {
width: 100%;
margin-right: 0;
}
}
.fw-schedule .fw-schedule-hotel-choice-img img {
width: 100%;
aspect-ratio: 4/3;
object-fit: contain;
}
.fw-schedule .fw-schedule-hotel-choice-name {
font-size: 1.2rem;
flex: 1;
align-self: center;
}
.fw-schedule .fw-tour-code {
font-size: 1rem;
color: #999;
font-weight: normal;
text-align: right;
padding: 3px 0;
position: absolute;
right: 3.125%;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-tour-code {
width: calc(100% - 9rem);
line-height: 1.3;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-code {
font-size: 1.2rem;
position: static;
right: auto;
}
.fw-schedule .fw-tour-code br {
display: none;
}
}
.fw-schedule .fw-schedule-desc {
position: relative;
background-color: #FFFFFF;
padding-left: 1.6rem;
padding-right: 1.6rem;
padding-top: 10px;
padding-bottom: 10px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-desc {
padding: 5px 10px 10px 10px;
}
}
.fw-schedule .fw-schedule-desc-head {
font-size: 20px;
font-weight: bold;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-desc-head {
padding-top: 0;
}
}
.fw-schedule .fw-schedule-desc-body {
display: block;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-desc-body {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
}
.fw-schedule .fw-tour-data {
width: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-data {
flex: 1;
}
}
.fw-schedule .fw-tour-img-wrap {
width: 100%;
position: absolute;
top: 0;
margin: auto;
overflow: hidden;
display: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-img-wrap {
display: block;
width: 150px;
position: relative;
top: auto;
overflow: visible;
margin: 0 20px 0 0;
}
}
.fw-schedule .fw-tour-img-wrap img {
width: 100%;
aspect-ratio: 4/3;
object-fit: contain;
}
.fw-schedule .fw-tour-img-wrap__caption {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
font-size: 1.1rem;
line-height: 1.4;
text-align: center;
color: #666;
}
.fw-schedule .fw-tour-ttl {
margin-bottom: 20px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-ttl {
display: flex;
}
}
.fw-schedule .fw-tour-ttl-icon {
margin-bottom: 15px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-ttl-icon {
margin-bottom: 0;
}
}
.fw-schedule .fw-tour-ttl-icon-days {
color: #ffffff;
background-color: #33B381;
white-space: nowrap;
font-size: 1.6rem;
padding: 5px 10px;
margin-right: 10px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-ttl-icon-days {
padding: 10px;
}
}
.fw-schedule .fw-tour-ttl-icon-daytrip {
color: #ffffff;
background-color: #EF8BC7;
white-space: nowrap;
font-size: 1.6rem;
padding: 5px 10px;
margin-right: 10px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-ttl-icon-daytrip {
padding: 10px;
}
}
.fw-schedule .fw-tour-ttl-txt {
line-height: 1.4;
font-size: 1.5rem;
align-self: center;
}
.fw-schedule .fw-schedule-guest--jr .fw-schedule-train__guest {
padding-left: 0;
}
.fw-schedule .fw-schedule-train-item {
display: block;
margin-bottom: 2rem;
border: 1px solid #0b499d;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-schedule-train-item + .fw-alert-01 {
margin-top: -1rem;
}
}
.fw-schedule .fw-schedule-train-item__ttl {
width: 100%;
padding: 1rem;
background-color: #e7eef9;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-train-item__ttl-txt {
display: block;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-action__list {
width: 100%;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-action__list > li {
display: inline-block;
width: 100%;
margin: 0.5rem 0 0;
}
.fw-schedule .fw-schedule-train-item__price {
display: block;
margin: 0.5rem 0 0;
font-size: 1.6rem;
text-align: center;
font-weight: bold;
}
.fw-schedule .fw-schedule-train-item__data {
width: 100%;
margin: 0;
padding: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-train-item {
display: flex;
margin: 0 0 1rem;
padding: 1rem;
border: 1px solid #0b499d;
}
.fw-schedule .fw-schedule-train-item__ttl {
display: flex;
flex-direction: column;
justify-content: center;
align-items: inherit;
width: 95px;
padding: 0;
background-color: transparent;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-train-item__ttl-txt {
display: block;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-action__list {
width: 100%;
}
.fw-schedule .fw-schedule-train-item__ttl .fw-schedule-action__list > li {
display: inline-block;
width: 100%;
margin: 0.5rem 0 0;
}
.fw-schedule .fw-schedule-train-item__price {
display: block;
margin: 0.5rem 0 0;
font-size: 1.6rem;
text-align: center;
font-weight: bold;
}
.fw-schedule .fw-schedule-train-item__data {
display: flex;
flex-direction: column;
justify-content: center;
align-items: inherit;
width: calc(100% - 95px - 1.5rem);
margin: 0 0 0 1.5rem;
}
}
.fw-schedule .fw-schedule-train + .fw-schedule-train {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #ddd;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-schedule-train__col + .fw-schedule-train__col {
margin-top: 0.5rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-train {
display: flex;
justify-content: flex-start;
align-items: center;
}
.fw-schedule .fw-schedule-train + .fw-schedule-train {
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid #ddd;
}
.fw-schedule .fw-schedule-train__col:first-child {
width: calc(100% - 100px);
padding-right: 1rem;
}
.fw-schedule .fw-schedule-train__col:nth-child(2) {
width: 100px;
}
}
.fw-schedule .fw-schedule-train__seat,
.fw-schedule .fw-schedule-train__note {
display: inline-block;
font-size: 1.2rem;
line-height: 1.4;
}
.fw-schedule .fw-schedule-train__seat span,
.fw-schedule .fw-schedule-train__note span {
display: block;
margin-right: 1rem;
}
.fw-schedule .fw-schedule-train__seat span em,
.fw-schedule .fw-schedule-train__note span em {
color: #b20000;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-schedule-train__seat,
.fw-schedule .fw-schedule-train__note {
font-size: 1.3rem;
}
}
.fw-schedule .fw-btn-select-train {
width: 80%;
max-width: 320px;
margin-right: auto;
margin-left: auto;
}
.fw-schedule .fw-btn-select-train span {
line-height: 18px;
font-size: 1.3rem;
font-weight: bold;
}
.fw-schedule .fw-btn-select-train span::after {
content: "";
display: inline-block;
margin: 0 0 0 0.5rem;
width: 1.6rem;
height: 1.6rem;
background-image: url(../../images/fw-ico-plus-white.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: top;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-select-train span {
line-height: 20px;
font-size: 1.6rem;
}
.fw-schedule .fw-btn-select-train span::after {
width: 18px;
height: 18px;
}
}
.fw-schedule .fw-btn-select-train-wrap {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-btn-select-train-wrap {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
.fw-schedule .fw-guide-container {
background: #fff;
border-radius: 4px;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-guide-container {
margin: 0 -1rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-guide-container {
padding: 1.5rem;
}
}
.fw-schedule .fw-guide-block {
margin: 0;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-guide-block {
display: flex;
}
.fw-schedule .fw-guide-block:not(:last-child) > dt,
.fw-schedule .fw-guide-block:not(:last-child) > dd {
border-bottom: 1px solid #ddd;
}
}
.fw-schedule .fw-guide-block > dt {
font-weight: bold;
line-height: 1.2;
margin: 0;
padding: 1rem 1.5rem;
background: #efefef;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-guide-block > dt {
background: transparent;
padding: 1.5rem 0.5em;
flex-basis: 10em;
flex-shrink: 0;
}
}
.fw-schedule .fw-guide-block > dd {
margin: 0;
padding: 1.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-guide-block > dd {
flex: 1;
padding: 1.5rem;
}
}
.fw-schedule .fw-coupon-login,
.fw-schedule .fw-coupon-select {
display: none;
}
.fw-schedule .fw-schedule-condition {
display: none;
}
.fw-schedule .fw-schedule-condition__list {
margin: 0 0 1em 0;
padding: 0;
}
.fw-schedule .fw-schedule-condition__list > li {
margin: 0;
padding: 0;
}
.fw-schedule .fw-static--schedule {
padding: 0 1rem;
}
.fw-schedule .fw-static--schedule h4 {
font-size: 1.5rem;
font-weight: bold;
margin: 1.5em 0 0.5em 0;
}
.fw-schedule .fw-static--schedule h5 {
font-size: 1.3rem;
font-weight: bold;
margin: 1.5em 0 0.5em 0;
}
.fw-schedule .fw-static--schedule p {
font-size: 1.3rem;
margin: 0 0 1em 0;
}
.fw-schedule .fw-info-accordion {
display: inline-block;
text-align: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-info-accordion {
text-align: left;
}
}
.fw-schedule .fw-info-accordion__trigger {
display: inline-block;
}
.fw-schedule .fw-info-accordion__trigger span {
display: inline-block;
font-size: 1.1rem;
color: #0b499d;
cursor: pointer;
}
.fw-schedule .fw-info-accordion__trigger span:after {
content: "\e900";
margin-left: 0.5rem;
transform: rotate(0);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-info-accordion__trigger span {
font-size: 1.3rem;
}
.fw-schedule .fw-info-accordion__trigger span:hover {
opacity: 0.8;
}
}
.fw-schedule .fw-info-accordion__content {
text-align: left;
position: relative;
}
.fw-schedule .fw-info-accordion__content:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, white 100%);
z-index: 1;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s;
}
.fw-schedule .fw-info-accordion:not(.fw-is-hide) .fw-info-accordion__trigger span:nth-child(1) {
display: none;
}
.fw-schedule .fw-info-accordion:not(.fw-is-hide) .fw-info-accordion__trigger span:nth-child(2):after {
transform: rotate(180deg);
}
.fw-schedule .fw-info-accordion:not(.fw-is-hide) .fw-info-accordion__content {
margin-bottom: 1.5rem;
}
.fw-schedule .fw-info-accordion.fw-is-hide .fw-info-accordion__trigger span:nth-child(2) {
display: none;
}
.fw-schedule .fw-info-accordion.fw-is-hide .fw-info-accordion__content {
height: 16rem;
overflow: hidden;
}
.fw-schedule .fw-info-accordion.fw-is-hide .fw-info-accordion__content:after {
visibility: visible;
opacity: 1;
}
.fw-schedule .fw-info-list {
padding: 0;
margin: 0;
font-size: 1.3rem;
}
.fw-schedule .fw-info-list__item {
margin-bottom: 1em;
}
.fw-schedule .fw-info-list__ttl {
display: block;
font-weight: bold;
}
.fw-schedule .fw-info-cancel-note {
color: #b20000;
font-size: 1.3rem;
font-weight: bold;
margin-top: 1em;
}
.fw-schedule .fw-option-tour-code {
text-align: right;
color: #999;
font-size: 1.1rem;
margin-top: 1em;
}
.fw-schedule .fw-tour-process-item {
background-color: #fff;
margin-bottom: 1.6rem;
display: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-item {
margin-bottom: 2rem;
}
}
.fw-schedule .fw-tour-process-head {
padding: 2rem 1rem 0;
}
.fw-schedule .fw-tour-process-head__ttl {
margin: 0;
padding: 0;
font-size: 1.7rem;
line-height: 1.4;
font-weight: bold;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-head {
padding: 2rem 2rem 0;
}
.fw-schedule .fw-tour-process-head__ttl {
font-size: 2.1rem;
}
}
.fw-schedule .fw-tour-process-info {
padding: 1.5rem 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-info {
padding: 2rem;
}
}
.fw-schedule .fw-tour-process-tbl {
width: 100%;
margin-bottom: 10px;
}
.fw-schedule .fw-tour-process-tbl {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
font-size: 1.3rem;
}
.fw-schedule .fw-tour-process-tbl .fw-tour-process-tbl-head th {
border: 1px solid #ccc;
background-color: #efefef;
font-weight: bold;
}
.fw-schedule .fw-tour-process-tbl th {
display: block;
margin-bottom: 10px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-tbl th {
border: 1px solid #ccc;
padding: 1rem 1.5rem;
display: table-cell;
margin-bottom: 0;
}
}
.fw-schedule .fw-tour-process-tbl td {
display: block;
margin-bottom: 10px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-tbl td {
border: 1px solid #ccc;
padding: 1rem 1.5rem;
display: table-cell;
margin-bottom: 0;
}
}
.fw-schedule .fw-tour-process-tbl-head {
display: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-tbl-head {
display: table-header-group;
}
}
.fw-schedule .fw-tour-process-tbl-day {
white-space: nowrap;
background-color: #000000;
color: #ffffff;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-tbl-day {
background-color: transparent;
color: #000000;
}
}
.fw-schedule .fw-tour-process-tbl-sp-ttl {
display: block;
font-weight: bold;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-tbl-sp-ttl {
display: none;
}
}
.fw-schedule .fw-tour-process-tbl-food {
min-width: 3.2em;
}
.fw-schedule .fw-tour-process-note {
font-size: 1.3rem;
}
.fw-schedule .fw-tour-process-remarks {
font-size: 1.3rem;
padding: 1.5rem 0;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-tour-process-remarks {
border-top: 1px solid #ddd;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-process-remarks {
padding-top: 0;
}
}
.fw-schedule .fw-tour-process-tbl-area {
padding-left: 15px;
position: relative;
line-height: 1.2;
margin-bottom: 0.8rem;
}
.fw-schedule .fw-tour-process-tbl-area::before {
content: "\e90f";
position: absolute;
left: 0;
}
.fw-schedule .fw-tour-process-tbl-hotel {
padding-left: 15px;
position: relative;
line-height: 1.2;
margin-bottom: 0.8rem;
}
.fw-schedule .fw-tour-process-tbl-hotel::before {
content: "\e90a";
position: absolute;
left: 0;
}
.fw-schedule .fw-plan-process-tbl {
font-size: 1.2rem;
border-spacing: 0;
width: 100%;
border-collapse: collapse;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-plan-process-tbl {
font-size: 1.3rem;
}
}
.fw-schedule .fw-plan-process-tbl th,
.fw-schedule .fw-plan-process-tbl td {
border: 1px solid #ddd;
padding: 1rem;
}
.fw-schedule .fw-plan-process-tbl__head th {
background: #efefef;
padding: 0.5rem;
}
.fw-schedule .fw-plan-process-tbl__day {
white-space: nowrap;
min-width: 4em;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-plan-process-tbl__day {
min-width: 6em;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-plan-process-tbl__hotel {
min-width: 10em;
}
}
.fw-schedule .fw-plan-process-tbl__food {
min-width: 3em;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-plan-process-tbl__food {
min-width: 4em;
}
}
.fw-schedule .fw-plan-code {
display: none;
}
.fw-schedule .fw-shop-relocation-note {
color: #b20000;
font-size: 1.2rem;
font-weight: bold;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-shop-relocation-note {
font-size: 1.3rem;
}
}
.fw-schedule .fw-shop-relocation-note__link {
color: #b20000;
text-decoration: underline;
}
.fw-schedule .fw-shop-relocation-caution-txt {
color: #b20000;
font-size: 1.2rem;
font-weight: bold;
margin: 0 0 1rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-shop-relocation-caution-txt {
font-size: 1.5rem;
text-align: center;
margin-bottom: 2rem;
}
}
.fw-schedule .fw-shop-note-item {
margin-bottom: 15px;
}
.fw-schedule .fw-shop-note {
margin: 0;
padding: 0;
}
.fw-schedule .fw-shop-note-ttl {
font-size: 1.1rem;
font-weight: bold;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-shop-note-ttl {
font-size: 1.5rem;
}
}
.fw-schedule .fw-shop-note-txt {
font-size: 1.2rem;
line-height: 1.5;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-shop-note-txt {
font-size: 1.5rem;
}
}
.fw-schedule .fwnta-confirm-note-txt {
font-size: 1.2rem;
margin: 0 0 1.5em 0;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-note-txt {
font-size: 1.4rem;
}
}
.fw-schedule .fw-contents-heading {
text-align: center;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-contents-heading {
padding-top: 0;
}
}
.fw-schedule .fwnta-confirm-head {
margin-bottom: 2.4rem;
padding-bottom: 1.6rem;
border-bottom: 1px solid #E1E4E7;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-head {
padding-bottom: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-head__txt {
margin: 0;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-head__txt {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-head__txt + .fwnta-confirm-head__txt {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-detail__head {
background: #E5F2F8;
border-radius: 4px;
}
.fw-schedule .fwnta-confirm-detail__ttl {
font-size: 1.6rem;
font-weight: 700;
text-align: center;
padding: 0.4rem;
margin: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-detail__ttl {
font-size: 2rem;
}
}
.fw-schedule .fwnta-confirm-detail__body {
width: 96%;
margin: auto;
padding: 1.6rem 0 3.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-detail__body {
padding: 2.4rem 0 3.2rem;
}
}
.fw-schedule .fwnta-confirm-info-list {
margin: 0;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-info-list {
display: flex;
}
}
.fw-schedule .fwnta-confirm-info-list + .fwnta-confirm-info-list {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-info-list > dt {
margin: 0;
padding: 0;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
margin-bottom: 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-info-list > dt {
width: 12rem;
font-size: 1.8rem;
line-height: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-info-list > dd {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-info-list > dd {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-info-list .fwnta-nolink {
pointer-events: none;
text-decoration: none;
color: #3C3D47;
}
.fw-schedule .fwnta-confirm-info-help {
text-align: right;
margin-top: 0.4rem;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-info-help {
text-align: left;
margin: 0 0 2.4rem 12rem;
font-size: 1.4rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-info-help .fwnta-balloon {
max-width: 40rem;
right: auto;
left: 0;
}
.fw-schedule .fwnta-confirm-info-help .fwnta-balloon::before {
right: auto;
left: 2rem;
}
}
.fw-schedule .fwnta-confirm-schedule {
border: 1px solid #E1E4E7;
margin-bottom: 1.6rem;
border-radius: 4px;
line-height: 1.4;
clear: both;
}
.fw-schedule .fwnta-confirm-schedule__head {
background: #F9F6F4;
border-radius: 4px 4px 0 0;
text-align: center;
padding: 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-schedule__head {
padding: 1rem;
}
}
.fw-schedule .fwnta-confirm-schedule__date {
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-schedule__date {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-schedule__body {
padding: 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-schedule__body {
padding: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-schedule-wrap {
padding: 1.6rem 0 1.6rem 2.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-schedule-wrap {
padding: 2.4rem 0 2.4rem 3.6rem;
}
}
.fw-schedule .fwnta-confirm-schedule-wrap .fwnta-confirm-change {
margin-top: 2.4rem;
}
.fw-schedule .fwnta-confirm-schedule-wrap .fwnta-confirm-change__list {
margin: 0;
padding: 0;
text-align: right;
}
.fw-schedule .fwnta-confirm-schedule-wrap .fwnta-confirm-change__list > li {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-change-btn {
background: transparent;
border: none;
color: #4EA6CB;
font-weight: 700;
padding: 0;
display: inline-flex;
align-items: center;
}
.fw-schedule .fwnta-confirm-change-btn:after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e89e";
margin-left: 0.4rem;
position: relative;
top: 1px;
font-size: 1.2em;
}
.fw-schedule .fwnta-confirm-schedule-wrap:not(:first-child) {
border-top: 1px solid #E1E4E7;
}
.fw-schedule .fwnta-confirm-facility-head {
margin-bottom: 1.6rem;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-head {
margin-bottom: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-facility-head::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\efdf";
position: absolute;
top: -0.5rem;
left: -3.2rem;
font-size: 2.8rem;
color: #6EB9DA;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-head::before {
left: -4rem;
font-size: 3.2rem;
}
}
.fw-schedule .fwnta-confirm-facility-head__ttl {
font-size: 1.4rem;
font-weight: 700;
margin: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-head__ttl {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-facility-head__txt {
font-size: 1.2rem;
margin: 0.8rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-head__txt {
font-size: 1.4rem;
margin-top: 1.2rem;
}
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dt {
margin: 0.8rem 0 0;
padding: 0;
font-weight: 700;
width: 8em;
flex-shrink: 0;
padding-right: 0.5em;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dt {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dt:first-of-type {
margin-top: 0;
}
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd {
margin: 0.8rem 0 0;
padding: 0;
width: calc(100% - 8em);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd:first-of-type {
margin-top: 0;
}
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd .fwnta-plan-meal-icon-list {
margin: 0;
padding: 0;
float: left;
display: inline-flex;
align-items: center;
line-height: 1;
}
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd .fwnta-plan-meal-label,
.fw-schedule .fwnta-confirm-facility-detail .fwnta-plan-data__list > dd .fw-plan-meal {
margin: 0 0 0 0.8rem;
display: inline-block;
}
.fw-schedule .fwnta-confirm-code-txt {
color: #A6ACAF;
font-size: 1.2rem;
margin-left: 0.4rem;
}
.fw-schedule .fwnta-confirm-plandetail {
margin-top: 2.4rem;
border: 1px solid #E1E4E7;
}
.fw-schedule .fwnta-confirm-plandetail .fwnta-confirm-accordion__trigger-ttl {
background: #fff;
text-align: left;
padding-left: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-plandetail .fwnta-confirm-accordion__trigger-ttl {
font-size: 1.6rem;
padding: 1.2rem 1.6rem;
}
}
.fw-schedule .fwnta-confirm-plandetail .fwnta-confirm-accordion__body {
padding: 0.8rem 1.2rem 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-plandetail .fwnta-confirm-accordion__body {
padding: 0.8rem 1.6rem 1.6rem;
}
}
.fw-schedule .fwnta-confirm-plandetail-txt {
font-size: 1.2rem;
line-height: 1.5;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-plandetail-txt {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-payment__list {
margin: 0;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-payment__list {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-payment__item {
margin: 0.8rem 0 0;
display: flex;
align-items: center;
gap: 0.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-payment__item {
gap: 0.8rem;
}
}
.fw-schedule .fwnta-icon-credit,
.fw-schedule .fwnta-icon-bank {
display: flex;
color: #6EB9DA;
font-size: 2rem;
}
.fw-schedule .fwnta-icon-credit::before,
.fw-schedule .fwnta-icon-bank::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-size: 2rem;
font-variation-settings: "wght" 500;
}
.fw-schedule .fwnta-icon-credit::before {
content: "\e870";
}
.fw-schedule .fwnta-icon-bank::before {
content: "\e84f";
}
.fw-schedule .fwnta-confirm-payment-guide {
background: #F1F3F5;
border-radius: 4px;
padding: 1.6rem;
margin-top: 2.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-payment-guide {
padding: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-payment-guide__ttl {
font-weight: 700;
margin-bottom: 0.5em;
}
.fw-schedule .fwnta-confirm-payment-guide p {
margin: 0 0 1em;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-confirm-payment-guide p {
font-size: 1.2rem;
}
}
.fw-schedule .fwnta-confirm-payment-guide p:last-child {
margin-bottom: 0;
}
.fw-schedule .fwnta-confirm-price {
line-height: 1.2;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price {
border: 1px solid #E1E4E7;
padding: 2.4rem;
border-radius: 4px;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price__inner {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
}
}
.fw-schedule .fwnta-confirm-price__ttl {
margin: 0 0 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price__ttl {
margin-bottom: 0.8rem;
text-align: center;
font-size: 1.6rem;
padding-bottom: 1.2rem;
border-bottom: 1px solid #E1E4E7;
}
}
.fw-schedule .fwnta-confirm-price__room-ttl {
font-weight: 700;
margin-bottom: 0.8rem;
}
.fw-schedule .fwnta-confirm-price__table + .fwnta-confirm-price__room-ttl {
border-top: 1px solid #E1E4E7;
margin-top: 0.8rem;
padding-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-price__table {
width: 100%;
}
.fw-schedule .fwnta-confirm-price__table th {
padding: 0.8rem 0;
vertical-align: middle;
font-size: 1.2rem;
font-weight: 400;
text-align: left;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price__table th {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-price__table td {
padding: 0.8rem 0;
font-size: 1.4rem;
font-weight: 700;
vertical-align: middle;
text-align: right;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price__table td {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-total {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #E1E4E7;
margin-top: 0.8rem;
margin-bottom: 1.6rem;
padding-top: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-total {
margin-top: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-total__label {
font-size: 1.4rem;
font-weight: 700;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-total__label {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-total__price {
font-weight: 700;
font-size: 2rem;
color: #E74444;
text-align: right;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-total__price {
font-size: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-total__price .fwnta-tax {
font-size: 1.2rem;
margin-right: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-total__price .fwnta-tax {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-discount {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
text-align: right;
}
.fw-schedule .fwnta-confirm-discount__txt {
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-discount__txt {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-discount__num {
color: #E74444;
font-size: 1.4rem;
font-weight: 700;
margin-left: 0.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-discount__num {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-price-note {
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1.5;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-price-note {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-price-note p {
margin: 0;
}
.fw-schedule .fwnta-confirm-accordion.fw-is-active .fwnta-confirm-accordion__trigger-ttl::before,
.fw-schedule .fwnta-confirm-accordion.fw-is-active .fwnta-confirm-accordion__trigger-btn::after {
content: "\e15b";
transform: rotate(-180deg);
}
.fw-schedule .fwnta-confirm-accordion.fw-is-active .fwnta-confirm-accordion__trigger-btn:nth-child(1) {
display: none;
}
.fw-schedule .fwnta-confirm-accordion:not(.fw-is-active) .fwnta-confirm-accordion__trigger-btn:nth-child(2) {
display: none;
}
.fw-schedule .fwnta-confirm-accordion__trigger {
text-align: center;
}
.fw-schedule .fwnta-confirm-accordion__trigger-ttl {
margin: 0;
padding: 0.8rem;
position: relative;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
background: #F9F6F4;
position: relative;
cursor: pointer;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-accordion__trigger-ttl {
padding: 1rem;
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-accordion__trigger-ttl::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e145";
color: #A6ACAF;
font-size: 2rem;
transition: transform 0.2s;
position: absolute;
right: 0.8rem;
top: 50%;
margin-top: -0.5em;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-accordion__trigger-ttl::before {
font-size: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-accordion__trigger-btn {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
font-size: 1.2rem;
color: #A6ACAF;
padding: 0.8rem 0;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-accordion__trigger-btn {
font-size: 1.4rem;
padding: 1.6rem 0;
}
}
.fw-schedule .fwnta-confirm-accordion__trigger-btn::after {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e145";
color: #A6ACAF;
font-size: 20px;
transition: transform 0.2s;
}
.fw-schedule .fwnta-confirm-accordion__body {
display: none;
padding: 1.6rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-accordion__body {
padding: 2.4rem 0;
}
}
.fw-schedule .fwnta-confirm-cancel-txt {
margin: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-cancel-txt {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-cancel-txt .fwnta-date {
color: #E74444;
font-weight: 700;
}
.fw-schedule .fwnta-confirm-cancel-charge {
margin-top: 1.6rem;
}
.fw-schedule .fwnta-confirm-cancel-table {
width: 100%;
font-size: 1.2rem;
text-align: left;
border-spacing: 0;
border-collapse: collapse;
line-height: 1.4;
border-top: 1px solid #E1E4E7;
margin-bottom: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-cancel-table {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-cancel-table caption {
text-align: left;
font-weight: 700;
margin-bottom: 0.8rem;
}
.fw-schedule .fwnta-confirm-cancel-table th,
.fw-schedule .fwnta-confirm-cancel-table td {
border-bottom: 1px solid #E1E4E7;
font-weight: 400;
padding: 0.8rem 0.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-cancel-table th,
.fw-schedule .fwnta-confirm-cancel-table td {
padding: 0.8rem;
}
}
.fw-schedule .fwnta-confirm-cancel-table thead th {
background: #F9F6F4;
padding: 0.4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-cancel-table thead th {
padding: 0.8rem;
}
}
.fw-schedule .fwnta-confirm-cancel-table thead th:not(:first-child) {
text-align: center;
}
.fw-schedule .fwnta-confirm-cancel-table tbody th {
width: 50%;
}
.fw-schedule .fwnta-confirm-cancel-table tbody td {
width: 25%;
text-align: center;
}
.fw-schedule .fwnta-confirm-store-name {
font-weight: 700;
line-height: 1.4;
padding-bottom: 0.8rem;
border-bottom: 1px solid #E1E4E7;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-store-name {
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-confirm-store__list,
.fw-schedule .fwnta-confirm-store-plan__list {
margin: 0;
padding: 0;
font-size: 1.2rem;
line-height: 1.5;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-store__list,
.fw-schedule .fwnta-confirm-store-plan__list {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-store__list > dt,
.fw-schedule .fwnta-confirm-store-plan__list > dt {
margin: 0 0 0.8rem;
padding: 0;
font-weight: 700;
}
.fw-schedule .fwnta-confirm-store__list > dd,
.fw-schedule .fwnta-confirm-store-plan__list > dd {
margin: 0;
padding: 0;
}
.fw-schedule .fwnta-confirm-store__list > dd + dt,
.fw-schedule .fwnta-confirm-store-plan__list > dd + dt {
margin-top: 2.4rem;
}
.fw-schedule .fwnta-confirm-store-plan__list {
margin-top: 2.4rem;
}
.fw-schedule .fwnta-confirm-store__txt {
font-size: 1.2rem;
margin: 1.6rem 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-store__txt {
font-size: 1.4rem;
}
}
.fw-schedule .fwnta-confirm-store-bond {
width: 17rem;
margin-top: 1rem;
}
.fw-schedule .fwnta-confirm-note-list {
margin: 0;
}
.fw-schedule .fwnta-confirm-note-list > dt {
margin: 0 0 0.8rem;
padding: 0;
font-size: 1.4rem;
font-weight: 700;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-note-list > dt {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-01, .fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-02 {
position: relative;
padding-left: 1.6em;
}
.fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-01::before, .fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-02::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e88e";
font-variation-settings: "wght" 400;
font-size: 1.5em;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-01.fwnta-label-01::before, .fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-02.fwnta-label-01::before {
color: #E74444;
}
.fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-01.fwnta-label-02::before, .fw-schedule .fwnta-confirm-note-list > dt.fwnta-label-02.fwnta-label-02::before {
color: #A6ACAF;
}
.fw-schedule .fwnta-confirm-note-list > dd {
margin: 0 0 2.4rem;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-note-list > dd {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-confirm-apply-note {
margin-top: 2.4rem;
}
.fw-schedule .fwnta-confirm-apply-note__title {
padding-bottom: 0.8rem;
border-bottom: 1px solid #E1E4E7;
margin-bottom: 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-apply-note__title {
margin-bottom: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-apply-note__lead-txt {
font-weight: 700;
color: #E74444;
line-height: 1.4;
margin: 0 0 1.6rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-apply-note__lead-txt {
font-size: 1.6rem;
margin-bottom: 2.4rem;
}
}
.fw-schedule .fwnta-schedule-fix-bar-note {
font-weight: 700;
color: #E74444;
margin: 0;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-schedule-fix-bar-note {
font-size: 1.1rem;
}
}
.fw-schedule .fwnta-confirm-question {
background: #F9F6F4;
margin-top: 2.4rem;
padding: 1.6rem 1.2rem;
border-radius: 4px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-question {
padding: 2.4rem;
}
}
.fw-schedule .fwnta-confirm-question__ttl {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 0.8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-confirm-question__ttl {
font-size: 1.6rem;
margin-bottom: 1.2rem;
}
}
.fw-schedule .fwnta-question-item {
padding: 1.2rem 0;
border-top: 1px solid #E1E4E7;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-question-item {
padding: 1.6rem 0;
}
}
.fw-schedule .fwnta-question-item:last-child {
padding-bottom: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-question-item {
font-size: 1.6rem;
}
}
.fw-schedule .fwnta-question-block {
display: flex;
margin: 0;
gap: 0 1.6rem;
}
.fw-schedule .fwnta-question-block > dt {
margin: 0;
flex: 1;
align-self: center;
}
.fw-schedule .fwnta-question-block > dd {
margin: 0;
flex: 1;
}
.fw-schedule .fwnta-question-block .fwnta-question-label {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-question-block .fwnta-question-label {
font-size: 1.6rem;
}
}
.fw-schedule .fw-alert-03, .fw-schedule .fw-alert-02, .fw-schedule .fw-alert-01 {
margin-top: 0.8rem;
margin-bottom: 1.6rem;
position: relative;
font-size: 1.2rem;
line-height: 1.4;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-alert-03, .fw-schedule .fw-alert-02, .fw-schedule .fw-alert-01 {
font-size: 1.4rem;
}
}
.fw-schedule .fw-alert-01 {
background: #FCEDED;
padding: 1.2rem 1.2rem 1.2rem 4.8rem;
color: #E74444;
}
.fw-schedule .fw-alert-01:before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e002";
position: absolute;
top: 50%;
left: 1.6rem;
font-size: 2.4rem;
margin-top: -0.5em;
}
.fw-schedule .fw-alert-02 {
background-color: #fff8da;
background: #FFF8DA;
padding: 1.2rem 1.2rem 1.2rem 4.8rem;
}
.fw-schedule .fw-alert-02:before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e88e";
position: absolute;
top: 50%;
left: 1.6rem;
font-size: 2.4rem;
margin-top: -0.5em;
color: #F29A16;
}
.fw-schedule .fw-schedule-station + .fw-alert-01,
.fw-schedule .fw-schedule-station + .fw-alert-02 {
margin-bottom: 0;
}
.fw-schedule .fw-alert-03 {
color: #E74444;
}
.fw-schedule .fwnta-error-box {
border: 1px solid #E74444;
background: #fff;
padding: 1.2rem;
color: #E74444;
font-size: 1.4rem;
line-height: 1.4;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.fw-schedule .fwnta-error-txt {
color: #E74444;
font-size: 1.4rem;
line-height: 1.4;
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.fw-schedule .fwnta-toast-wrap {
width: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
position: fixed;
z-index: 1010;
display: flex;
flex-direction: column;
align-items: center;
}
.fw-schedule .fwnta-toast {
margin: 0 16px;
max-width: calc(100% - 3.2rem);
background: #fff;
border-radius: 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 3px 20px 0 rgba(60, 61, 71, 0.2);
opacity: 0;
display: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-toast {
margin: 2.4rem;
max-width: 40rem;
}
}
.fw-schedule .fwnta-toast.is-active {
animation: toastShow 5s 0s cubic-bezier(0.5, 0, 0, 1) forwards;
display: block;
}
.fw-schedule .fwnta-toast__inner {
padding: 1.2rem;
display: flex;
align-items: center;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-toast__inner {
padding: 1.6rem 2.4rem;
}
}
.fw-schedule .fwnta-toast__icon {
width: 3.6rem;
flex-shrink: 0;
line-height: 1;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-toast__icon {
width: 4rem;
}
}
.fw-schedule .fwnta-toast__txt {
flex: 1;
line-height: 1.4;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-toast__txt {
font-size: 1.2rem;
}
}
@keyframes toastShow {
0% {
opacity: 0;
transform: translateY(0);
}
10% {
opacity: 1;
transform: translateY(1.6rem);
}
95% {
opacity: 1;
transform: translateY(1.6rem);
}
100% {
opacity: 0;
transform: translateY(0);
}
}
.fw-schedule .fwnta-toast--info {
border-color: #F29A16;
}
.fw-schedule .fwnta-icon-toast-info::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-variation-settings: "FILL" 1;
content: "\e88e";
font-size: 2.4rem;
color: #F29A16;
}
.fw-schedule .fw-confirm-section {
border-bottom: 1px solid #efefef;
}
.fw-schedule .fw-confirm-section__heading {
font-size: 1.4rem;
line-height: 1.2;
padding: 1.6rem;
margin: 0;
font-weight: bold;
cursor: pointer;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
}
.fw-schedule .fw-confirm-section__heading:before {
font-size: 1.2rem;
content: "\e910";
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5em;
}
.fw-schedule .fw-confirm-section.fw-is-active .fw-confirm-section__heading:before {
content: "\e90d";
}
.fw-schedule .fw-confirm-section__body {
display: none;
padding: 1.6rem;
font-size: 1.3rem;
}
.fw-schedule .fw-confirm-section__ttl {
background-color: #efefef;
font-weight: bold;
line-height: 1.2;
padding: 0.75rem 1rem;
margin: 0 0 1rem 0;
}
.fw-schedule .fw-confirm-section__txtarea {
margin-bottom: 2rem;
}
.fw-schedule .fw-confirm-section__txtarea:last-child {
margin: 0;
}
.fw-schedule .fw-confirm-section__txtarea p {
margin: 0 0 1em 0;
}
.fw-schedule .fw-confirm-section__txtarea p:last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-confirm-section__heading {
font-size: 1.6rem;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-confirm-section__heading:hover {
opacity: 0.8;
}
.fw-schedule .fw-confirm-section__heading:before {
font-size: 1.4rem;
right: 1.5rem;
}
.fw-schedule .fw-confirm-section__body {
padding-top: 0;
font-size: 1.3rem;
}
.fw-schedule .fw-confirm-section__ttl {
padding: 1rem 1.5rem;
margin-bottom: 1em;
font-size: 1.4rem;
}
.fw-schedule .fw-confirm-section__txtarea {
margin-bottom: 2em;
}
}
.fw-schedule .fw-confirm-travel-icon {
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-confirm-travel-icon > li {
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 50%;
font-size: 1.1rem;
line-height: 1.4;
}
.fw-schedule .fw-confirm-travel-icon > li:not(:last-child) {
padding-right: 1rem;
}
.fw-schedule .fw-confirm-travel-icon > li img {
height: 5rem;
margin-right: 1rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-confirm-travel-icon > li {
width: auto;
font-size: 1.3rem;
line-height: 1.4;
}
.fw-schedule .fw-confirm-travel-icon > li:not(:last-child) {
padding-right: 4rem;
}
.fw-schedule .fw-confirm-travel-icon > li img {
height: 6rem;
}
}
.fw-schedule .fw-confirm-doc {
text-align: right;
padding-top: 1.5rem;
}
.fw-schedule .fw-confirm-doc__link:before {
content: "\e92f";
margin-right: 0.3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-confirm-doc {
text-align: left;
}
}
.fw-schedule .fw-login-confirm {
border-bottom: 1px solid #ddd;
margin-bottom: 2rem;
}
.fw-schedule .fw-login-confirm__ttl {
margin: 0;
padding: 0 2rem 1rem 0;
font-size: 1.3rem;
font-weight: bold;
position: relative;
cursor: pointer;
}
.fw-schedule .fw-login-confirm__ttl:before {
content: "\e900";
position: absolute;
top: 50%;
right: 0;
margin-top: -0.5em;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-login-confirm.fw-is-active .fw-login-confirm__ttl:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.fw-schedule .fw-login-confirm__content {
display: none;
font-size: 1.2rem;
padding: 0 0 1.5rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-confirm {
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 2rem;
}
.fw-schedule .fw-login-confirm__ttl {
padding: 1.5rem 3rem 1.5rem 1.5rem;
font-size: 1.5rem;
font-weight: normal;
transition: all 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-login-confirm__ttl:before {
right: 1.5rem;
}
.fw-schedule .fw-login-confirm__ttl:hover {
opacity: 0.8;
}
.fw-schedule .fw-login-confirm__content {
font-size: 1.3rem;
padding: 0 1.5rem 1.5rem 1.5rem;
}
}
.fw-schedule .fw-login-section__ttl {
margin: 0;
padding: 1rem;
font-size: 1.3rem;
line-height: 1.2;
font-weight: bold;
background-color: #efefef;
}
.fw-schedule .fw-login-section__content {
font-size: 1.2rem;
padding: 1.5rem 0 2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-section__ttl {
font-size: 1.5rem;
}
.fw-schedule .fw-login-section__content {
font-size: 1.4rem;
padding: 2rem 0;
}
}
.fw-schedule .fw-login-point {
margin: 0 0 0.5rem 0;
font-size: 1.2rem;
text-align: center;
}
.fw-schedule .fw-login-point__num {
font-weight: bold;
margin: 0 0.5rem 0;
color: #f47c1f;
}
.fw-schedule .fw-login-point__num em {
font-size: 1.5rem;
color: #f47c1f;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-point {
font-size: 1.5rem;
}
.fw-schedule .fw-login-point__num em {
font-size: 2rem;
}
}
.fw-schedule .fw-login-no-charge {
text-align: center;
margin: 0 0 0.5rem 0;
font-size: 1.2rem;
font-weight: bold;
}
.fw-schedule .fw-login-no-charge span {
position: relative;
display: inline-block;
color: #b20000;
padding: 0 1em;
}
.fw-schedule .fw-login-no-charge span:after, .fw-schedule .fw-login-no-charge span:before {
content: "";
display: block;
width: 1px;
height: 100%;
background-color: #b20000;
position: absolute;
top: 0;
}
.fw-schedule .fw-login-no-charge span:after {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
right: 0;
}
.fw-schedule .fw-login-no-charge span:before {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
left: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-no-charge {
margin-bottom: 1rem;
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-register {
width: 80%;
margin: auto;
}
}
.fw-schedule .fw-login-not-register {
text-align: center;
margin-top: 1rem;
}
.fw-schedule .fw-login-form__item {
padding: 0;
margin: 0 0 1rem 0;
}
.fw-schedule .fw-login-form__note {
color: #999;
font-size: 1.1rem;
margin: 0.5rem 0 0 0;
}
.fw-schedule .fw-login-form__action {
margin-top: 1.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-login-form__item {
width: 80%;
margin: 0 auto 1.5rem;
display: flex;
flex-wrap: nowrap;
}
.fw-schedule .fw-login-form__item > dt {
font-size: 1.5rem;
font-weight: bold;
min-width: 6em;
width: 6em;
line-height: 4rem;
}
.fw-schedule .fw-login-form__item > dd {
width: calc(100% - 6em);
}
.fw-schedule .fw-login-form__note {
font-size: 1.2rem;
}
.fw-schedule .fw-login-form__action {
width: 80%;
margin: 2rem auto 0;
}
}
.fw-schedule .fw-login-forget-list {
margin: 1.5rem 0 0 0;
padding: 0;
text-align: center;
}
.fw-schedule .fw-error-ttl-01 {
color: #b20000;
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 1em 0;
padding: 3.3rem 0 0 0;
text-align: center;
position: relative;
}
.fw-schedule .fw-error-ttl-01:before {
content: "\e92e";
position: absolute;
top: 0;
left: 50%;
margin-left: -0.5em;
font-size: 3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-error-ttl-01 {
font-size: 2rem;
padding-top: 4.5rem;
}
.fw-schedule .fw-error-ttl-01:before {
font-size: 4rem;
}
}
.fw-schedule .fw-error-group {
margin-top: 2rem;
}
.fw-schedule .fw-error-group__ttl {
font-size: 1.3rem;
font-weight: bold;
padding: 0;
margin: 0 0 0.5em 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-error-group__ttl {
font-size: 1.5rem;
}
}
.fw-schedule .fw-error-item {
background-color: rgba(255, 217, 217, 0.35);
padding: 1rem;
border: 1px solid #b20000;
}
.fw-schedule .fw-error-item__label {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
.fw-schedule .fw-error-item__label p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fw-schedule .fw-error-item__list > li {
font-size: 1.2rem;
font-weight: bold;
color: #b20000;
padding-left: 1em;
text-indent: -1em;
}
.fw-schedule .fw-error-item__list > li:before {
content: "・";
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-error-item {
padding: 1.5rem;
}
.fw-schedule .fw-error-item__label {
font-size: 1.3rem;
}
.fw-schedule .fw-error-item__list > li {
font-size: 1.5rem;
}
}
.fw-schedule .fw-modal-btn-close {
position: absolute;
top: -1.2rem;
right: -1.2rem;
z-index: 10;
background: #fff;
border-radius: 50%;
border: none;
padding: 0;
box-shadow: 0 0 0.8rem 0 rgba(60, 61, 71, 0.16);
width: 2.4rem;
height: 2.4rem;
display: flex;
align-items: center;
justify-content: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-btn-close {
top: -2rem;
right: -2rem;
width: 4rem;
height: 4rem;
}
}
.fw-schedule .fw-modal-btn-close::before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e5cd";
color: #A6ACAF;
font-size: 1.8rem;
font-variation-settings: "wght" 400;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-btn-close::before {
font-size: 2.4rem;
}
}
.fw-schedule .fwnta-modal-condition-clear {
padding: 1.6rem 1.6rem 0;
text-align: right;
position: relative;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-condition-clear {
padding: 1.6rem 2.4rem 0;
}
}
.fw-schedule .fwnta-modal-condition-clear + .fwnta-modal-note-txt {
position: relative;
top: -3rem;
line-height: 2rem;
padding: 0 1.6rem;
margin-bottom: -2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-condition-clear + .fwnta-modal-note-txt {
padding-left: 2.4rem;
}
}
.fw-schedule .fwnta-modal-btn-clear {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #6EB9DA;
color: #6EB9DA;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.142857142;
text-align: center;
text-decoration: none;
min-width: 8rem;
min-height: 4rem;
padding: 1rem;
border-radius: 3rem;
box-shadow: 0 0.1rem 0.2rem 0 rgba(60, 61, 71, 0.16);
font-size: 1.2rem;
font-weight: 500;
min-height: 3rem;
padding-top: 0;
padding-bottom: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-btn-clear {
font-size: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.fw-schedule .fwnta-modal-btn-clear:hover {
text-decoration: none;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-btn-clear {
min-height: 3.2rem;
font-size: 1.4rem;
}
}
.fw-schedule .fw-modal-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.fw-schedule .fw-modal-container *,
.fw-schedule .fw-modal-container *::before,
.fw-schedule .fw-modal-container *::after {
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-container {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
}
.fw-schedule .fw-modal-body {
background: #fff;
border-radius: 0 0 4px 4px;
display: flex;
flex-direction: column;
max-height: calc(100dvh - 8.8rem);
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-body {
max-height: calc(100dvh - 13.2rem);
}
}
.fw-schedule .fw-modal-body__inner {
padding: 1.6rem;
overflow: auto;
overscroll-behavior: contain;
width: 100%;
max-height: 100%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-body__inner {
padding: 2.4rem;
}
}
.fw-schedule .fw-modal-btn-footer {
position: sticky;
bottom: 0;
left: 0;
padding: 2.4rem;
z-index: 10;
text-align: center;
}
.fw-schedule .fw-modal-btn-footer .fw-btn-detail-01, .fw-schedule .fw-modal-btn-footer .fw-btn-fix-train, .fw-schedule .fw-modal-btn-footer .fw-btn-next-date, .fw-schedule .fw-modal-btn-footer .fw-btn-fix-flight {
min-width: 90%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-btn-footer .fw-btn-detail-01, .fw-schedule .fw-modal-btn-footer .fw-btn-fix-train, .fw-schedule .fw-modal-btn-footer .fw-btn-next-date, .fw-schedule .fw-modal-btn-footer .fw-btn-fix-flight {
min-width: initial;
width: 40rem;
}
}
.fw-schedule .fwnta-modal-tab {
position: sticky;
top: 0;
left: 0;
}
.fw-schedule .fwnta-modal-tab__list {
margin: 0;
padding: 0;
display: flex;
gap: 0 1px;
border-bottom: 2px solid #6EB9DA;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-tab__list {
gap: 0 2px;
border-bottom-width: 4px;
}
}
.fw-schedule .fwnta-modal-tab__list > li {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
height: 4rem;
font-weight: 500;
border-radius: 4px 4px 0 0;
background: #F9F6F4;
color: #A6ACAF;
cursor: pointer;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-tab__list > li {
height: 4.8rem;
font-size: 1.8rem;
}
}
.fw-schedule .fwnta-modal-tab__list > li.fw-is-active {
background: #6EB9DA;
color: #fff;
font-weight: 700;
cursor: default;
pointer-events: none;
}
.fw-schedule .fwnta-modal-note-txt {
margin: 0;
font-size: 1.2rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-note-txt {
font-size: 1.3rem;
}
}
.fw-schedule .fwnta-modal-note-accordion__trigger {
font-weight: 700;
line-height: 1.2;
padding-right: 2.4rem;
cursor: pointer;
position: relative;
}
.fw-schedule .fwnta-modal-note-accordion__trigger:before {
font-family: "Material Symbols Rounded";
font-weight: 300;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
content: "\e145";
color: #A6ACAF;
font-size: 2.4rem;
position: absolute;
top: 50%;
right: 0;
margin-top: -1.2rem;
transition: transform 0.3s;
}
.fw-schedule .fwnta-modal-note-accordion.fw-is-active .fwnta-modal-note-accordion__trigger::before {
content: "\e15b";
transform: rotate(180deg);
}
.fw-schedule .fwnta-modal-note-accordion__content {
display: none;
margin: 0;
padding: 0.8rem 0 0;
}
.fw-schedule .fwnta-modal-search-condition {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(60, 61, 71, 0.7);
padding: 4.8rem 0 0;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-search-condition {
padding: 4rem;
}
}
.fw-schedule .fwnta-modal-search-condition .fw-modal-header {
background: transparent;
padding: 0;
}
.fw-schedule .fwnta-modal-search-condition .fw-modal-body__inner {
padding-top: 0;
padding-bottom: 0;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-modal-search-condition .fw-modal-btn-close {
position: fixed;
top: 1.2rem;
right: 1.2rem;
}
.fw-schedule .fwnta-modal-search-condition .fw-modal-body {
height: 100%;
}
}
.fw-schedule .fw-modal-body .fwnta-select-date {
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-body .fwnta-select-date {
margin: 0 -1.6rem;
}
}
.fw-schedule .fwnta-selected-date-content {
padding: 0.8rem 1.6rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-selected-date-content {
padding: 1.6rem 2.4rem 0;
}
}
.fw-schedule .fwnta-selected-date-content__row {
display: none !important;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-selected-date-content__date {
flex: 1;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-selected-date-content__night {
flex: 1;
}
}
.fw-schedule .fwnta-selected-date-content .fwnta-selected-date {
font-weight: 700;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-selected-date-content .fwnta-selected-date {
font-size: 1.8rem;
text-align: center;
}
}
.fw-schedule .fwnta-selected-date-content .fw-spin {
width: 12rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-selected-date-content .fw-spin {
width: 100%;
}
}
.fw-schedule .fwnta-modal-review {
z-index: 1005;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(60, 61, 71, 0.7);
padding: 2.4rem;
box-sizing: border-box;
}
.fw-schedule .fwnta-modal-review .fw-modal-header {
background: transparent;
padding: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-review {
padding: 4rem;
}
.fw-schedule .fwnta-modal-review .fw-modal-container {
max-width: 48rem;
}
}
.fw-schedule .fwnta-modal-photo {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(60, 61, 71, 0.7);
padding: 2.4rem;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-photo {
padding: 4rem;
}
.fw-schedule .fwnta-modal-photo .fw-modal-container {
max-width: 80rem;
}
}
.fw-schedule .fwnta-modal-recommend-point {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(60, 61, 71, 0.7);
padding: 4.8rem 0 0;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-recommend-point {
padding: 4rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fwnta-modal-recommend-point .fw-modal-btn-close {
position: fixed;
top: 1.2rem;
right: 1.2rem;
}
.fw-schedule .fwnta-modal-recommend-point .fw-modal-body {
height: 100%;
}
}
.fw-schedule .fwnta-modal-share {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(60, 61, 71, 0.7);
padding: 2.4rem;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-share {
padding: 4rem;
}
.fw-schedule .fwnta-modal-share .fw-modal-container {
max-width: 40rem;
}
}
.fw-schedule .fwnta-modal-hint {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(60, 61, 71, 0.7);
padding: 2.4rem;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-hint {
padding: 4rem;
}
.fw-schedule .fwnta-modal-hint .fw-modal-container {
max-width: 62.4rem;
}
}
.fw-schedule .fwnta-modal-hint .fw-modal-body__inner {
padding: 2.4rem 1.6rem 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-hint .fw-modal-body__inner {
padding: 3.2rem 3.2rem 0;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fwnta-modal-hint .fw-modal-btn-footer {
padding: 3.2rem;
}
}
.fw-schedule .fwnta-modal-hint .fwnta-btn-modal-close {
min-width: initial;
width: 100%;
max-width: 40rem;
}
.fw-schedule .fwnta-modal-hint-container .fwnta-modal-hint-ttl {
margin: 0 0 1em;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
}
.fw-schedule .fwnta-modal-hint-container .fwnta-modal-hint-txt + .fwnta-modal-hint-ttl {
margin-top: 2.4rem;
}
.fw-schedule .fw-modal-hoteldetail {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(60, 61, 71, 0.7);
padding: 4.8rem 0 0;
box-sizing: border-box;
}
.fw-schedule .fw-modal-hoteldetail .fw-hoteldetail-container {
height: 100%;
}
.fw-schedule .fw-modal-hoteldetail .fw-hoteldetail-container iframe {
border: none;
width: 100%;
height: 100%;
overscroll-behavior: contain;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-hoteldetail {
padding: 4rem;
}
.fw-schedule .fw-modal-hoteldetail .fw-modal-container {
max-width: 86.4rem;
position: relative;
}
.fw-schedule .fw-modal-hoteldetail .fw-modal-body {
border-radius: 4px;
max-height: initial;
overflow: hidden;
}
.fw-schedule .fw-modal-hoteldetail .fw-modal-body__inner {
height: calc(100dvh - 8.8rem);
padding: 0;
overflow: hidden;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-hoteldetail .fw-modal-btn-close {
position: fixed;
top: 1.2rem;
right: 1.2rem;
}
.fw-schedule .fw-modal-hoteldetail .fw-modal-body {
height: 100%;
max-height: initial;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.fw-schedule .fw-modal-hoteldetail .fw-modal-body__inner {
height: calc(100dvh - 4.8rem);
padding: 0;
overflow: hidden;
}
}
.fw-schedule .fw-modal-map-search {
z-index: 1005;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(60, 61, 71, 0.7);
padding: 4.8rem 0 0;
box-sizing: border-box;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-map-search {
padding: 4rem;
}
.fw-schedule .fw-modal-map-search > .fw-modal-container {
max-width: 100%;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-map-search > .fw-modal-container > .fw-modal-header .fw-modal-btn-close {
position: fixed;
top: 1.2rem;
right: 1.2rem;
}
}
.fw-schedule .fw-modal-map-search__in {
width: 100%;
height: 100%;
padding: 1.6rem;
background: #fff;
border-radius: 0 0 4px 4px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-map-search__in {
padding: 0;
overflow: hidden;
}
}
.fw-schedule .fw-modal-map-search__in > .fw-modal-btn-close {
display: none;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan {
z-index: 1001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(60, 61, 71, 0.7);
padding: 2.4rem;
box-sizing: border-box;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-body__inner {
padding-top: 0;
padding-bottom: 0;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-result-info,
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-search-title,
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-research-contents {
display: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan {
position: static !important;
display: block !important;
box-shadow: none;
width: auto;
height: auto;
padding: 0;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-container {
width: auto;
height: auto;
position: static;
border-radius: 0;
margin: 0;
padding-top: 0;
max-height: initial;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fwnta-modal-condition-clear {
padding: 0 0 0.8rem 0;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-header {
display: none;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-footer__btn {
display: none;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-body {
height: auto;
max-height: none;
border-radius: 0;
padding: 1.6rem;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-body__inner {
position: static;
max-height: none;
padding: 0;
overflow: visible;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-footer {
box-shadow: none;
position: static;
width: auto;
margin-left: 0;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-footer__in {
text-align: center;
display: block;
padding: 0 0 2rem 0;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-footer__count {
padding-right: 0;
font-size: 1.7rem;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-footer__count em {
font-size: 2.8rem;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-modal-btn-footer {
display: none;
}
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-select--price-min select,
.fw-schedule .fw-modal-map-search .fw-modal-hotel-plan .fw-select--price-max select {
font-size: 1.4rem;
}
}
.fw-schedule [data-fw-modal-open] {
cursor: pointer;
}
.fw-schedule .fw-modal-overlay, .fw-schedule .fw-modal-error__overlay {
z-index: 997;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
}
@media print, screen and (max-width: 759px) {
.fw-schedule.fw-is-lock,
.fw-schedule body.fw-is-lock {
overflow: hidden !important;
}
}
.fw-schedule .fw-modal, .fw-schedule .fw-modal-search-dp, .fw-schedule .fw-modal-select-seat, .fw-schedule .fw-modal-search-train, .fw-schedule .fw-modal-option-detail, .fw-schedule .fw-modal-tour-hotel, .fw-schedule .fw-modal-change-route, .fw-schedule .fw-modal-change-homeward-station, .fw-schedule .fw-modal-option-input, .fw-schedule .fw-modal-shop-select-error, .fw-schedule .fw-modal-shop-relocation, .fw-schedule .fw-modal-car-type, .fw-schedule .fw-modal-rental-input, .fw-schedule .fw-modal-shop-select-return, .fw-schedule .fw-modal-shop-select-lend, .fw-schedule .fw-modal-flight-class, .fw-schedule .fw-modal-login, .fw-schedule .fw-modal-seat, .fw-schedule .fw-modal-seat-map, .fw-schedule .fw-modal-seat-position, .fw-schedule .fw-modal-non-reserved-seat, .fw-schedule .fw-modal-reserved-seat-alert, .fw-schedule .fw-modal-reserved-seat, .fw-schedule .fw-modal-plan-detail, .fw-schedule .fw-modal-room-assign, .fw-schedule .fw-modal-transit, .fw-schedule .fw-modal-flight--outword,
.fw-schedule .fw-modal-flight--middle,
.fw-schedule .fw-modal-flight--homeward, .fw-schedule .fw-modal-hotel-plan, .fw-schedule .fw-modal-approach, .fw-schedule .fw-modal-guest, .fw-schedule .fw-modal-calendar {
z-index: 999;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fw-schedule .fw-modal-header {
background: #6EB9DA;
padding: 1rem 1.6rem;
position: relative;
border-radius: 4px 4px 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-header {
padding: 1.6rem 2.4rem;
}
}
.fw-schedule .fw-modal-header__ttl {
text-align: left;
margin: 0;
padding: 0;
font-size: 1.6rem;
line-height: 1.4;
color: #fff;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-header__ttl {
font-size: 1.8rem;
}
}
.fw-schedule .fw-modal-header__error {
border: 1px solid #b20000;
color: #b20000;
margin-top: 1rem;
padding: 1rem;
font-size: 1rem;
line-height: 1.4;
text-align: center;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-header__error {
font-size: 1.3rem;
}
}
.fw-schedule .fw-modal-header__error-item {
margin: 0;
padding: 0;
}
.fw-schedule .fw-modal-footer {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 0 0 3px 3px;
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
transition: bottom 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-modal-footer__in {
padding: 1.6rem;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.fw-schedule .fw-modal-footer__count {
padding-right: 2em;
font-size: 1.2rem;
font-weight: bold;
white-space: nowrap;
}
.fw-schedule .fw-modal-footer__count em {
color: #b20000;
font-size: 1.7rem;
}
.fw-schedule .fw-modal-footer__price {
white-space: nowrap;
line-height: 1.2;
padding-right: 1rem;
min-width: 50%;
}
.fw-schedule .fw-modal-footer__price-txt {
font-size: 1rem;
margin-bottom: 0.25rem;
}
.fw-schedule .fw-modal-footer__price-range {
color: #b20000;
font-size: 1.4rem;
font-weight: bold;
}
.fw-schedule .fw-modal-footer__btn {
width: 100%;
margin: 0 0 0 auto;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.fw-schedule .fw-modal-footer__btn > li {
width: 49%;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-footer {
left: 50%;
width: 600px;
margin-left: -300px;
}
.fw-schedule .fw-modal-footer__in {
padding: 2rem;
}
.fw-schedule .fw-modal-footer__count {
display: none;
}
.fw-schedule .fw-modal-footer__price {
padding-right: 2rem;
min-width: 50%;
}
.fw-schedule .fw-modal-footer__price-txt {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
.fw-schedule .fw-modal-footer__price-range {
font-size: 2.4rem;
}
.fw-schedule .fw-modal-footer__btn {
width: 100%;
margin-left: auto;
}
.fw-schedule .fw-modal-footer__btn a {
font-size: 1.6rem;
}
}
.fw-schedule .fw-modal-att {
color: #666;
border-top: 1px solid #efefef;
padding: 1em 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-att {
color: #666;
border-top: 1px solid #efefef;
padding: 1em 0;
}
}
.fw-schedule .fw-modal-calendar .fw-modal-header,
.fw-schedule .fw-modal-calendar .fw-modal-body,
.fw-schedule .fw-modal-calendar .fw-modal-footer {
display: none;
}
.fw-schedule .fw-modal-calendar .fw-modal-header.fw-is-active,
.fw-schedule .fw-modal-calendar .fw-modal-body.fw-is-active,
.fw-schedule .fw-modal-calendar .fw-modal-footer.fw-is-active {
display: block;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-calendar .fw-modal-container,
.fw-schedule .fw-modal-calendar-departure .fw-modal-container {
width: 465px;
}
.fw-schedule .fw-modal-calendar .fw-modal-header,
.fw-schedule .fw-modal-calendar-departure .fw-modal-header {
width: 465px;
}
}
.fw-schedule .fw-modal-guest [data-fw-guest]:not(.fw-is-show) {
display: none;
}
.fw-schedule .fw-modal-approach .fw-search-group {
margin-bottom: 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-approach .fw-modal-container {
padding-top: 0;
}
.fw-schedule .fw-modal-approach .fw-search-group__ttl {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.fw-schedule .fw-modal-approach .fw-checkbox__label {
font-size: 1.5rem;
}
}
.fw-schedule .fw-modal-hotel-plan .fw-modal-body {
box-shadow: none;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-flight-result-title {
display: none;
}
.fw-schedule .fw-flight-result-table {
display: none;
}
.fw-schedule .fw-modal-flight--outword,
.fw-schedule .fw-modal-flight--middle,
.fw-schedule .fw-modal-flight--homeward {
display: block;
position: static;
padding: 0;
z-index: 0;
width: 49%;
min-width: 380px;
}
.fw-schedule .fw-modal-flight--outword .fw-flight-result-title,
.fw-schedule .fw-modal-flight--middle .fw-flight-result-title,
.fw-schedule .fw-modal-flight--homeward .fw-flight-result-title {
display: block;
}
.fw-schedule .fw-modal-flight--outword .fw-modal-container,
.fw-schedule .fw-modal-flight--middle .fw-modal-container,
.fw-schedule .fw-modal-flight--homeward .fw-modal-container {
position: relative;
width: auto;
margin: 0;
padding: 0;
border-radius: 0;
}
.fw-schedule .fw-modal-flight--outword .fw-modal-header,
.fw-schedule .fw-modal-flight--middle .fw-modal-header,
.fw-schedule .fw-modal-flight--homeward .fw-modal-header {
display: none;
}
.fw-schedule .fw-modal-flight--outword .fw-modal-body,
.fw-schedule .fw-modal-flight--middle .fw-modal-body,
.fw-schedule .fw-modal-flight--homeward .fw-modal-body {
height: auto;
max-height: none;
padding: 0;
box-shadow: none;
}
.fw-schedule .fw-modal-flight--outword .fw-flight-result-table,
.fw-schedule .fw-modal-flight--middle .fw-flight-result-table,
.fw-schedule .fw-modal-flight--homeward .fw-flight-result-table {
display: block;
}
.fw-schedule .fw-modal-flight--outword .fw-modal-footer,
.fw-schedule .fw-modal-flight--middle .fw-modal-footer,
.fw-schedule .fw-modal-flight--homeward .fw-modal-footer {
display: none;
}
.fw-schedule .fw-modal-flight--outword {
margin-right: 1rem;
}
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
.fw-schedule .fw-modal-flight--outword,
.fw-schedule .fw-modal-flight--middle,
.fw-schedule .fw-modal-flight--homeward {
margin: 0;
width: 100%;
}
.fw-schedule .fw-flight-result-table {
border-bottom: 1px solid #707070;
}
.fw-schedule .fw-flight-show-all {
border-top: 2px solid #707070;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-flight-radio {
display: none;
}
.fw-schedule .fw-is-error .fw-flight-radio,
.fw-schedule .fw-is-load .fw-flight-radio {
display: table-cell;
padding: 1rem;
text-align: left;
}
.fw-schedule .fw-is-error .fw-alert-01,
.fw-schedule .fw-is-error .fw-alert-02,
.fw-schedule .fw-is-load .fw-alert-01,
.fw-schedule .fw-is-load .fw-alert-02 {
margin-bottom: 0;
}
.fw-schedule .fw-modal-flight--outword .fw-modal-body,
.fw-schedule .fw-modal-flight--middle .fw-modal-body,
.fw-schedule .fw-modal-flight--homeward .fw-modal-body {
padding: 5% 5% 6rem;
}
}
.fw-schedule .fw-modal-transit {
z-index: 1005;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-transit .fw-flight-result-table {
display: table;
}
.fw-schedule .fw-modal-transit .fw-flight-result-table tr:last-child {
border-bottom: 1px solid #ddd;
}
.fw-schedule .fw-modal-transit .fw-flight-name,
.fw-schedule .fw-modal-transit .fw-flight-depart,
.fw-schedule .fw-modal-transit .fw-flight-arrival {
width: 33%;
}
.fw-schedule .fw-modal-transit .fw-flight-name {
justify-content: center;
}
.fw-schedule .fw-modal-transit td.fw-flight-depart span:first-child,
.fw-schedule .fw-modal-transit td.fw-flight-arrival span:first-child {
display: block;
}
.fw-schedule .fw-modal-transit .fw-flight-arrival {
border-right: none;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-transit .fw-flight-result-table {
width: 100vw;
margin: 0 -5%;
}
.fw-schedule .fw-modal-transit .fw-flight-result-table .fw-flight-name {
width: 25%;
}
.fw-schedule .fw-modal-transit .fw-flight-result-table td.fw-flight-depart,
.fw-schedule .fw-modal-transit .fw-flight-result-table td.fw-flight-arrival {
text-align: left;
}
.fw-schedule .fw-modal-transit .fw-flight-result-table td.fw-flight-depart span,
.fw-schedule .fw-modal-transit .fw-flight-result-table td.fw-flight-arrival span {
display: block;
}
}
.fw-schedule .fw-modal-room-assign .fw-modal-header {
padding: 1.5rem 1rem 1rem;
}
.fw-schedule .fw-modal-room-assign .fw-modal-header__ttl {
padding-right: 2.5rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-room-assign .fw-modal-header {
padding: 2rem;
}
}
.fw-schedule .fw-modal-plan-detail__body {
padding-bottom: 8rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-plan-detail .fw-modal-container {
width: 700px;
padding-top: 88px;
}
.fw-schedule .fw-modal-plan-detail .fw-modal-header,
.fw-schedule .fw-modal-plan-detail .fw-modal-footer {
width: 700px;
margin-left: -350px;
}
.fw-schedule .fw-modal-plan-detail__body {
padding-bottom: 14rem;
}
}
.fw-schedule .fw-modal-reserved-seat-alert .fw-modal-container {
padding-top: 0;
}
.fw-schedule .fw-modal-seat-map .fw-modal-header {
padding: 1.5rem 1rem 1rem;
}
.fw-schedule .fw-modal-seat-map .fw-modal-header__ttl {
padding-right: 2.5rem;
}
.fw-schedule .fw-modal-seat-map .fw-modal-header__error {
text-align: left;
}
.fw-schedule .fw-modal-seat-map__body {
padding-bottom: 12rem;
}
.fw-schedule .fw-modal-seat-map .fw-modal-body {
padding: 0;
}
.fw-schedule .fw-modal-seat-map .fw-modal-body__inner {
padding: 2% 5% 0;
}
.fw-schedule .fw-modal-seat-map .fw-modal-footer__in {
display: block;
}
.fw-schedule .fw-modal-seat-map .fw-modal-btn-footer {
z-index: 10;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-seat-map .fw-modal-header {
padding: 2rem;
}
.fw-schedule .fw-modal-seat-map .fw-modal-btn-footer {
padding: 0;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
}
.fw-schedule .fw-modal-seat__body,
.fw-schedule .fw-modal-seat-map__body {
padding-bottom: 2rem;
}
.fw-schedule .fw-modal-seat .fw-modal-body,
.fw-schedule .fw-modal-seat-map .fw-modal-body {
padding: 0;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-seat .fw-modal-body,
.fw-schedule .fw-modal-seat-map .fw-modal-body {
display: flex;
flex-direction: column;
height: 100%;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-seat .fw-modal-body,
.fw-schedule .fw-modal-seat-map .fw-modal-body {
max-height: calc(100vh - 187px);
border-radius: 0 0 4px 4px;
}
}
.fw-schedule .fw-modal-seat .fw-modal-body__inner,
.fw-schedule .fw-modal-seat-map .fw-modal-body__inner {
padding: 1.5rem 1.5rem 3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-seat .fw-modal-body__inner,
.fw-schedule .fw-modal-seat-map .fw-modal-body__inner {
padding: 2rem 3rem 3rem;
}
}
.fw-schedule .fw-modal-seat .fw-modal-footer__in,
.fw-schedule .fw-modal-seat-map .fw-modal-footer__in {
display: block;
}
.fw-schedule .fw-modal-seat .fw-modal-footer__btn a,
.fw-schedule .fw-modal-seat-map .fw-modal-footer__btn a {
max-width: 100%;
}
.fw-schedule .fw-modal-seat .fw-modal-btn-footer,
.fw-schedule .fw-modal-seat-map .fw-modal-btn-footer {
z-index: 10;
background: #fff;
padding: 0;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-seat .fw-modal-btn-footer,
.fw-schedule .fw-modal-seat-map .fw-modal-btn-footer {
border-radius: 10px 10px 0 0;
margin-top: auto;
}
}
.fw-schedule .fw-modal-login .fw-modal-container {
margin: 0 auto;
}
.fw-schedule .fw-modal-error {
transition: all 0.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fw-schedule .fw-modal-error:not(.fw-is-active) {
visibility: hidden;
opacity: 0;
z-index: -1;
}
.fw-schedule .fw-modal-error__overlay {
display: block;
}
.fw-schedule .fw-modal-error__container {
overflow: auto;
max-height: 95%;
width: 90%;
position: fixed;
top: 50%;
left: 5%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999;
border-radius: 4px;
background: #fff;
}
.fw-schedule .fw-modal-error__body {
padding: 5%;
position: relative;
}
.fw-schedule .fw-modal-error__btn-footer {
padding: 7.5% 0 0;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-error__container {
width: 600px;
left: 50%;
margin-left: -300px;
}
.fw-schedule .fw-modal-error__body {
padding: 2rem;
}
.fw-schedule .fw-modal-error__btn-footer {
padding: 2rem 0 1rem;
}
.fw-schedule .fw-modal-error__btn-footer .fw-btn-detail-01, .fw-schedule .fw-modal-error__btn-footer .fw-btn-fix-train, .fw-schedule .fw-modal-error__btn-footer .fw-btn-next-date, .fw-schedule .fw-modal-error__btn-footer .fw-btn-fix-flight,
.fw-schedule .fw-modal-error__btn-footer .fw-btn-detail-01-arr,
.fw-schedule .fw-modal-error__btn-footer .fw-btn-fix-01,
.fw-schedule .fw-modal-error__btn-footer .fw-btn-fix-01-arr {
font-size: 1.8rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-shop-relocation .fw-modal-body {
padding-bottom: 3rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-modal-option-input .fw-modal-header {
padding: 1.5rem 1rem 1rem;
}
}
.fw-schedule .fw-modal-search-train .fw-modal-container {
margin-top: 0;
}
.fw-schedule .fw-modal-search-train .fw-modal-body {
padding-bottom: 4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-search-train .fw-modal-body {
height: calc(90vh - 66px);
border-radius: 0 0 4px 4px;
padding-bottom: 0;
}
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-search-train .fw-modal-body__inner {
padding-top: 2rem;
}
}
.fw-schedule .fw-modal-select-seat .fw-modal-container {
margin-top: 0;
}
.fw-schedule .fw-modal-select-seat .fw-modal-body {
padding-bottom: 4rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-modal-select-seat .fw-modal-body {
height: calc(90vh - 66px);
border-radius: 0 0 4px 4px;
padding-bottom: 0;
}
}
.fw-schedule .fw-modal-search-dp .fw-modal-btn-footer {
bottom: -90px;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-tour-flight-contents .fw-modal-flight--outword,
.fw-schedule .fw-tour-flight-contents .fw-modal-flight--middle,
.fw-schedule .fw-tour-flight-contents .fw-modal-flight--homeward {
display: block;
position: static;
padding: 0;
z-index: 0;
width: 100%;
min-width: 720px;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-radio {
width: 0vw;
}
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-name {
width: 28vw;
}
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-depart {
width: 16vw;
}
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-arrival {
width: 16vw;
}
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-seat {
width: 12vw;
}
.fw-schedule .fw-tour-flight-contents .fw-flight-result-container .fw-modal-container .fw-modal-body .fw-flight-diff {
display: table-cell;
width: 25vw;
}
}
.fw-schedule .fw-loading {
position: relative;
width: 100%;
height: 50px;
margin: 0 auto;
}
.fw-schedule .fw-loading-icon {
position: absolute;
top: calc(50% - 0.5em);
left: calc(50% - 0.5em);
transform: translate(-50%, -50%);
display: inline-block;
margin: 0;
font-size: 6px;
width: 1em;
height: 1em;
border-radius: 50%;
color: transparent;
text-indent: -9999em;
animation: loadingMotion 1.1s infinite ease;
transform: translateZ(0);
}
@keyframes loadingMotion {
0%, 100% {
box-shadow: 0em -2.6em 0em 0em #666, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #666, 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #666, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #666, 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #666, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #666, -2.6em 0em 0 0em rgba(0, 0, 0, 0.15), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #666, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.15), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.15), 2.5em 0em 0 0em rgba(0, 0, 0, 0.15), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.15), 0em 2.5em 0 0em rgba(0, 0, 0, 0.15), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.15), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #666;
}
}
.fw-schedule .fw-result-container--hotel .fw-loading,
.fw-schedule .fw-result-container--plan .fw-loading,
.fw-schedule .fw-result-container--tour .fw-loading {
position: relative;
width: 100%;
height: 17rem;
margin: 0 auto 2rem;
background: #F1F3F5;
border-radius: 4px;
}
.fw-schedule .fw-static--schedule,
.fw-schedule .fw-schedule-credit {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
@media print, screen and (max-width: 759px) {
.fw-schedule .fw-static--schedule,
.fw-schedule .fw-schedule-credit {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
}
.fw-schedule .fw-static--plandetail {
margin-bottom: 0.5rem;
font-size: 1.3rem;
}
@media print, screen and (min-width: 760px) {
.fw-schedule .fw-static--plandetail {
margin-bottom: 0;
padding: 2rem;
}
}
@media print, screen and (max-width: 759px) {
.fw-schedule {
padding-bottom: 1rem;
}
}
.fw-schedule .fw-schedule-credit {
display: none;
}
/*# sourceMappingURL=fw-schedule.css.map */