@charset "utf-8"; .e-hotel-module-wrap button{background-color:transparent;border:none;cursor:pointer;padding:0;appearance:none;} .e-hotel-module-wrap [class^="button-"]{display: inline-block;border-radius: 30px;padding: 10px 29px 14px;text-transform: uppercase;font-size: 1.6rem;font-weight: 700;box-sizing: border-box;transition: all 0.2s ease 0s;} .e-hotel-module-wrap .button-primary {background-color: #cc0000;color: #fff;} @media (min-width: 740px) {.forSP {display: none !important;}} @media (max-width: 739px) {.forPC {display: none !important;}} /* Modal */ .e-hotel-module-wrap .reservation-hide-position{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:auto;-webkit-overflow-scrolling:touch;} .e-hotel-module-wrap .reservation-hide-position .modal-inr-cont{display:block;position:relative;width:100%;background:#fff;z-index:10020;cursor:auto;min-height:70px;border-radius:6px;} .e-hotel-module-wrap .reservation-hide-position .modal-close{border:none;padding:0;} .e-hotel-module-wrap .modal-close{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;width:50px;height:50px;} .e-hotel-module-wrap .reservation-hide-position .modal-close:focus, .e-hotel-module-wrap .reservation-hide-position .modal-close:hover{outline:none;} .e-hotel-module-wrap .reservation-hide-position .modal-close span{position:absolute !important;padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;} .e-hotel-module-wrap .reservation-hide-position .modal-close:before, .e-hotel-module-wrap .reservation-hide-position .modal-close:after{display:block;content:" ";position:absolute;top:14px;left:23px;width:2px;height:22px;background:#cc0000;transition:background 0.2s ease-in-out;} .e-hotel-module-wrap .reservation-hide-position .modal-close:before{transform:rotate(-45deg);} .e-hotel-module-wrap .reservation-hide-position .modal-close:after{transform:rotate(45deg);} .e-hotel-module-wrap .reservation-hide-position .modal-close:focus:before, .e-hotel-module-wrap .reservation-hide-position .modal-close:focus:after, .e-hotel-module-wrap .reservation-hide-position .modal-close:hover:before, .e-hotel-module-wrap .reservation-hide-position .modal-close:hover:after{background:#000;} .e-hotel-module-wrap .modal-overlay{background:rgba(226, 231, 237, 0.9);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10010;} @media all and (max-width:739px){ .e-hotel-module-wrap .reservation-hide-position{align-items:flex-start;padding:30px 16px 10px 16px;} .e-hotel-module-wrap .reservation-hide-position .modal-close{top:2px;right:0px;} } .e-hotel-module-wrap .contents-wrap{background-color:#F4F5F6;overflow-x:hidden;} .e-hotel-module-wrap a:focus, .e-hotel-module-wrap button:focus{outline:1px solid #976F11;} .e-hotel-module-wrap [data-unit="modal"] .modal-close:focus{outline:1px solid #976F11 !important;} .e-hotel-module-wrap .unit-overlay-1{background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100vw;height:110vh;z-index:890;min-width:1096px;} .e-hotel-module-wrap .unit-overlay{background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100vw;height:110vh;z-index:9995!important;min-width:1096px;} body.overlay-fixed{position:fixed;overflow-y:scroll;width:100%;height:100%;left:0;} .overlay-fixed{position:fixed;overflow-y:scroll;width:100%;height:100%;left:0;} .e-hotel-module-wrap .flex-va-btm{align-self:flex-end !important;} .e-hotel-module-wrap .flex-va-cnt{align-self:center !important;} .e-hotel-module-wrap .dis-hide{display:none !important;} .e-hotel-module-wrap .w100P{width:100%;} .e-hotel-module-wrap .btn-rd {display:inline-block;padding:13px 40px;font-size:1.6rem;color:#fff;background:#CC0000;border-radius:50px;} .e-hotel-module-wrap .btn-rd-clr {display:inline-block;padding:12px 40px;font-size:1.6rem;color:#CC0000;border:solid 1px #CC0000;border-radius:50px;transform:rotate(.03deg);} @media all and (min-width:740px){ .e-hotel-module-wrap .linkBox .content {font-size:14px;} } /* link */ .e-hotel-module-wrap .link-txt{color:#CC0000;position: relative;padding-right: 14px;display: inline-block;font-weight:700;} .e-hotel-module-wrap .link-txt:hover{color:#976F11;} .e-hotel-module-wrap .link-txt-gry{color:#666;position: relative;padding-right: 14px;display: inline-block;font-weight:700;} .e-hotel-module-wrap .link-txt-bk{color:#333;position: relative;padding-right: 14px;display: inline-block;font-weight:700;} .e-hotel-module-wrap .link-txt:after,.e-hotel-module-wrap .link-txt-gry:after,.e-hotel-module-wrap .link-txt-bk:after{content: "";display: block;background: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_arrow_rd.svg) 100% no-repeat;position: absolute;top: 53%;right: 0px;width: 8px;height: 16px;transform: translateY(-50%);} .e-hotel-module-wrap .link-txt:hover:after,.e-hotel-module-wrap .link-txt-gry:hover:after,.e-hotel-module-wrap .link-txt-bk:hover:after,.e-hotel-module-wrap .header-category-menu-list li a:hover:after,.e-hotel-module-wrap .feature-nav-area .accordion-inr .link-list li a:hover:after{background: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_arrow_gd.svg) 100% no-repeat;} .e-hotel-module-wrap .link-que{font-size: 1.8rem;font-weight:700; position: relative;padding-right: 22px;} .e-hotel-module-wrap [class*="link-other"]::before, .e-hotel-module-wrap [class*="link-other"]::after {content: none!important;} .e-hotel-module-wrap .link-txt.link-other,.e-hotel-module-wrap .link-txt-bk.link-other{padding: 0;} .e-hotel-module-wrap .alt-icon {display: inline-block;} .e-hotel-module-wrap .alt-icon img{width: 16px;vertical-align: top;} .e-hotel-module-wrap [class*="link-other"] .alt-icon{position:inherit;width: 16px;height: 16px;margin-left: 2px;vertical-align: middle;transform:translateY(calc(50% - 9px));line-height: 1;} .e-hotel-module-wrap .link-txt.link-other:not(.btn-rd):hover img,.e-hotel-module-wrap .link-txt-gry.link-other:hover img,.e-hotel-module-wrap .link-txt-bk.link-other:hover img,.e-hotel-module-wrap .btn-wt-bdr.link-other:hover img, .e-hotel-module-wrap .link-txt.link-other:not(.btn-rd):hover svg,.e-hotel-module-wrap .link-txt-gry.link-other:hover svg,.e-hotel-module-wrap .link-txt-bk.link-other:hover svg,.e-hotel-module-wrap .btn-wt-bdr.link-other:hover svg{opacity: 0;} .e-hotel-module-wrap .link-txt.link-other:not(.btn-rd):hover .alt-icon,.e-hotel-module-wrap .link-txt-gry.link-other:hover .alt-icon,.e-hotel-module-wrap .link-txt-bk.link-other:hover .alt-icon{background-size: contain;background-image: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_other_gd.svg);} .e-hotel-module-wrap .header-wrap .link-txt.link-other:not(.btn-rd):hover .alt-icon,.e-hotel-module-wrap .footer-wrap .link-txt.link-other:not(.btn-rd):hover .alt-icon{background-size: contain;background-image: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_other_gd_bk.svg);} .e-hotel-module-wrap .btn-wt-bdr.link-other:hover .alt-icon{background-size: contain;background-image: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_other_wt.svg);} .e-hotel-module-wrap .link-arrow:before{content: "";display: block;background: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_arrow_rd_l.svg) 100% no-repeat;background-size:100%;position: absolute;width: 8px;height: 16px;} .e-hotel-module-wrap .link-arrow:hover:before{content: "";display: block;background: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_arrow_gd_l.svg) 100% no-repeat;background-size:100%;position: absolute;width: 8px;height: 16px;} .e-hotel-module-wrap [class*="link-"]:not(.link-list):not(.tab-quicklink-line):not(.tab-quicklink-block),.e-hotel-module-wrap [class*="btn-"]{cursor: pointer;} .e-hotel-module-wrap .icon-link-arrow {padding-left: 5px;} .e-hotel-module-wrap .blank-link a:hover .alt-icon img,.e-hotel-module-wrap .blank-link a:hover .alt-icon svg{opacity: 0;} .e-hotel-module-wrap .blank-link a:hover .alt-icon{background-size: contain;background-image: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_other_gd.svg);background-repeat: no-repeat;} .e-hotel-module-wrap .other-window-icon {position: absolute;width: 24px;height: 24px;} /*** accordion ***/ .e-hotel-module-wrap .accordion-wrap {position: relative;} .e-hotel-module-wrap .accordion-wrap dl {position: relative;} .e-hotel-module-wrap .accordion-wrap dl:not(:first-child):before {content: ""; display: inline-block;width: 1px;background-color:#D5DBE2;position: absolute;z-index: -1;} .e-hotel-module-wrap .accordion-wrap dt {text-align: center;cursor: pointer;position: relative;} .e-hotel-module-wrap .accordion-wrap dt:hover .accordion-btn-icon{background: #976F11;} .e-hotel-module-wrap .accordion-wrap dl:last-child dt {border-right:none;} .e-hotel-module-wrap .accordion-wrap dd button {margin-bottom: 10px;} .e-hotel-module-wrap .accordion-btn-icon,.e-hotel-module-wrap .accordion-btn-icon span {display: inline-block;box-sizing: border-box;} .e-hotel-module-wrap .accordion-btn-icon{position: absolute;width:40px;height: 40px;background: #CC0000;border-radius: 50%;pointer-events: none;left: 50%;transform: translateX(-50%);bottom: 0px;z-index: 2;} .e-hotel-module-wrap .accordion-btn-icon:hover{background: #976F11;} .e-hotel-module-wrap .accordion-btn-icon span {position: absolute;width: 18px;height: 2px;top:50%;background-color:#FFF;border-radius: 4px;transition: all .4s;} .e-hotel-module-wrap .accordion-btn-icon span:nth-of-type(1) {left: 50%;transform: translateX(-50%);} .e-hotel-module-wrap .accordion-btn-icon span:nth-of-type(2) {left: 50%;transform: translateX(-50%) rotate(90deg);} .e-hotel-module-wrap .accordion-inr-wrap:before {content: "";display: block;background: url("/jp/ja/intltour/e-hotel/img_sites/acc_arrow.png") 100% no-repeat;width: 40px;height: 23px;position: relative;z-index:3;} .e-hotel-module-wrap .accordion-wrap dl dd{width: 1096px;display: none;} .e-hotel-module-wrap .accordion-wrap .accordion-inr{width: 98%;background: #fff;margin: 0 auto;padding: 40px;border:1px solid #D5DBE2;border-radius:6px;box-shadow:0px 0px 8px rgba(0,0,0,0.15);position:relative;z-index:2;} .e-hotel-module-wrap [aria-expanded="true"] .accordion-btn-icon span:nth-of-type(1) {display: none;} .e-hotel-module-wrap [aria-expanded="true"] .accordion-btn-icon span:nth-of-type(2) {left: 50%;transform: translateX(-50%) rotate(180deg);} .e-hotel-module-wrap [aria-expanded="true"] .accordion-btn-icon {background: #976F11; } @media all and (max-width:739px){ .e-hotel-module-wrap .accordion-inr {display: block;margin-bottom: 10px;padding: 32px 16px 40px 16px;} } /*** error ***/ .e-hotel-module-wrap .bdrBox--caution {margin:24px 0 32px;padding:20px;background-color:#fdf5f5;border: 2px solid #c00;border-radius:1px;} .e-hotel-module-wrap .bdrBox__hdg {position:relative;margin-top:0;margin-bottom:16px;} .e-hotel-module-wrap .bdrBox--caution .bdrBox__hdg__txt {font-weight:bold;color:#c00;font-size:2rem;} .e-hotel-module-wrap .bdrBox__hdg__txt::before {content:"";margin-top:-3px;margin-right:8px;width:24px;height:24px;display:inline-block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_caution.svg) no-repeat;background-size:contain;vertical-align:middle;} .e-hotel-module-wrap .bdrBox .list {margin-left:-8px;} .e-hotel-module-wrap .list__item {position:relative;padding-left:1.45em;font-size:1.4rem;color:#000;} .e-hotel-module-wrap .list__item::before {content:"";display:inline-block;position:absolute;top:0.75em;left:0.75em;width:4px;height:4px;background-color:#9E9E9E;border-radius:50%;transform:translate(-50%, -50%);} .e-hotel-module-wrap .bdrBox--caution > p {margin-top:8px;font-size: 1.4rem;font-weight: 500;} @media all and (max-width:739px){ .e-hotel-module-wrap .bdrBox--caution {margin:24px 0;padding:16px 10px;border:1px solid #c00;} .e-hotel-module-wrap .bdrBox--caution .bdrBox__hdg__txt {font-size:1.6rem;} } .e-hotel-module-wrap .isError .e-hotel-module-inner{display:none;} /* モジュール 特典航空券 */ .e-hotel-module-wrap .tablist-type-primary-blue > li{width:calc(100% / 2);} .e-hotel-module-wrap .tablist-type-primary-blue > li > a{display:flex;justify-content:center;align-items:center;color:#666;font-size:1.6rem;text-align:center;position:relative;width:100%;height:100%;padding:8px;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a > span{display:inline-block;position:relative;width:100%;line-height:1.4;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a > span > span{display:block;font-size:1.2rem;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a.is-active{color:#cc0000;font-weight:700;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a.is-active:before{background:#cc0000;} @media all and (max-width: 739px) { .e-hotel-module-wrap .tablist-type-primary-blue > li > a{font-size:1.4rem;} } /* tab Base style */ .e-hotel-module-wrap .tablist-type-primary-blue{display:flex;justify-content:space-between;flex-wrap:wrap;} .e-hotel-module-wrap [data-unit="tab"] [aria-hidden="true"]{display:none;} .e-hotel-module-wrap [data-unit="tab"] [role="tab"]{display:block;width:100%;height:100%;} .e-hotel-module-wrap [data-unit="tab"] [role="tab"]:hover{text-decoration:none;} .e-hotel-module-wrap [data-unit="tab"] [role="tabpanel"][aria-hidden="true"]{display:none;} .e-hotel-module-wrap [data-unit="tab"] [role="tabpanel"][aria-hidden="false"]{display:block;} .e-hotel-module-wrap [data-unit="tab"] [aria-selected="true"]{pointer-events:none;cursor:default;} .e-hotel-module-wrap .btn-wt-bdr{display:inline-block;padding:13px 40px;font-size:1.6rem;color:#cc0000;background:#fff;border:1px solid #cc0000;border-radius:50px;} .e-hotel-module-wrap .btn-wt-bdr:hover{background:#976F11;border-color:#976F11;color:#fff;text-decoration:none;} @media all and (max-width:739px){ .e-hotel-module-wrap .btn-wt-bdr{padding: 10px 30px;} .e-hotel-module-wrap .overflow-srl{overflow:scroll!important;} } .e-hotel-module-wrap [disabled]{cursor:default;} .e-hotel-module-wrap .btn-rd[disabled]{opacity:0.2;pointer-events:none;} .e-hotel-module-wrap .btn-rd[disabled]:hover{cursor:default;} .e-hotel-module-wrap .btn-rd[disabled]:focus{outline:none;} .e-hotel-module-wrap [data-unit="modal"] .button-primary.disabled{background:#cc0000;color:#fff;opacity:0.2;pointer-events:none;} .e-hotel-module-wrap [data-unit="modal"] .button-primary.disabled:hover{cursor:not-allowed;} .e-hotel-module-wrap [data-unit="modal"] .button-primary.disabled:focus{outline:none;} /* defult checkbox radio */ .e-hotel-module-wrap .check-form{display:inline-block;position:relative;line-height:1.2;vertical-align:top;padding-left:24px;margin-right:16px;font-size:1.6rem;} .e-hotel-module-wrap .check-form input[type="radio"], .e-hotel-module-wrap .check-form input[type="checkbox"]{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:14px;height:14px;margin:0px;} .e-hotel-module-wrap .check-form input[type="radio"] + label, .e-hotel-module-wrap .check-form input[type="checkbox"] + label{position:relative;top:0;left:0;} .e-hotel-module-wrap .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:before{display:block;content:"";background-color:#fff;vertical-align:middle;position:absolute;top:0.2em;left:-24px;width:14px;height:14px;border:1px solid #565656;transition:all 0.2s ease;} .e-hotel-module-wrap .check-form input[type="radio"] + label:before{border-radius:50%;} .e-hotel-module-wrap .check-form input[type="radio"] + label:before:hover, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:before:hover{cursor:pointer;} /* hover */ .e-hotel-module-wrap .check-form input[type="radio"] + label:hover, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:hover{color:#666;cursor:pointer;} .e-hotel-module-wrap .check-form input[type="radio"] + label:hover:before, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:hover:before{border:1px solid #cc0000;} /* check */ .e-hotel-module-wrap .check-form input[type="radio"]:checked + label:before{background-color:#cc0000;border-color:#cc0000;} .e-hotel-module-wrap .check-form input[type="checkbox"]:checked + label:before{background-color:#cc0000;border-color:#cc0000;} .e-hotel-module-wrap .check-form input[type="radio"]:checked + label:after, .e-hotel-module-wrap .check-form input[type="checkbox"]:checked + label:after{opacity:1;} /* focus */ .e-hotel-module-wrap .check-form input[type="radio"]:focus + label:before, .e-hotel-module-wrap .check-form input[type="checkbox"]:focus + label:before{border:1px solid #cc0000;} /* check mark */ .e-hotel-module-wrap .check-form input[type="radio"] + label:after, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:after{content:"";opacity:0;position:absolute;transition:opacity 0.2s ease-in-out;} .e-hotel-module-wrap .check-form input[type="checkbox"] + label:after{border:2px solid #fff;border-left:0;border-top:0;height:8px;width:4px;top:4px;left:-19px;transform:rotate(45deg);} .e-hotel-module-wrap .check-form input[type="radio"] + label:after{background-color:#fff;border-radius:50%;width:8px;height:8px;top:0.4em;left:-21px;} .e-hotel-module-wrap .check-form input[type="radio"] + label:after:hover, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:after:hover{cursor:pointer;} @media all and (max-width:739px){ .e-hotel-module-wrap .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:before{top:0.3em;} .e-hotel-module-wrap .check-form input[type="checkbox"] + label:after{top:6px;} .e-hotel-module-wrap .check-form input[type="radio"] + label:after{top:0.5em;} /* hover */ .e-hotel-module-wrap .check-form input[type="radio"] + label:hover, .e-hotel-module-wrap .check-form input[type="checkbox"] + label:hover{color:inherit;} } /* oneway roundtrip check */ .e-hotel-module-wrap .dateSelect_wrap{display:flex;} .e-hotel-module-wrap .dateSelect_wrap .check-form{margin-left:18px;margin-right:0px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="radio"] + label, .e-hotel-module-wrap .check-form input[type="checkbox"] + label{top:0px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:before{top:0.24em;left:-22px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:after{top:5px;left:-17px;} .e-hotel-module-wrap .dateSelect_wrap .label-head{width:26px;} .e-hotel-module-wrap .dateSelect_wrap .check-oneway{width:64px;} .e-hotel-module-wrap .dateSelect_wrap .check-fare{font-size:100%;text-align:left;width:250px;margin-top:0px;} @media all and (max-width:739px){ .e-hotel-module-wrap .dateSelect_wrap{margin:32px 0 10px 0;} .e-hotel-module-wrap .mdl-input-parts-set .dateSelect_wrap .label-head{margin:0 10px 0 0;} .e-hotel-module-wrap .dateSelect_wrap .check-form{margin-top:0;margin-left:0px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:before{width:18px;height:18px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="radio"] + label:hover:before, .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:hover:before{width:18px;height:18px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:before{top:0.2em;left:-25px;} .e-hotel-module-wrap .dateSelect_wrap .check-form input[type="checkbox"] + label:after{top:6px;left:-18px;} .e-hotel-module-wrap .dateSelect_wrap .label-head{width:36px;} .e-hotel-module-wrap .dateSelect_wrap .check-oneway{width:80px;} .e-hotel-module-wrap .dateSelect_wrap .check-fare{width:auto;} } /* Tool tip */ .e-hotel-module-wrap [data-unit="tooltip"]{display:inline-block;position:relative;} .e-hotel-module-wrap [role="tooltip"]{display:none;background:#fff;box-shadow:0px 4px 8px #dcdcdc;border-radius:4px;color:#001e40;font-size:1.3rem;opacity:0;position:absolute;width:200px;top:50%;left:50%;right:0;transform:translateX(-50%);padding:12px;z-index:10;} .e-hotel-module-wrap [role="tooltip"][data-tipset="top"]{top:-8px;transform:translate(-50%, -100%);} .e-hotel-module-wrap [role="tooltip"][data-tipset="right"]{left:auto;right:-8px;transform:translate(100%, -50%);} .e-hotel-module-wrap [role="tooltip"][data-tipset="left"]{left:-8px;transform:translate(-100%, -50%)} .e-hotel-module-wrap [role="tooltip"][data-tipset="bottom"]{top:auto;bottom:-8px;transform:translate(-50%, 100%);} .e-hotel-module-wrap .tooltip-label:focus + [role="tooltip"], .e-hotel-module-wrap .tooltip-label:hover + [role="tooltip"]{display:inline-block;opacity:1;animation-duration:0.5s;animation-name:tooltip-fadein;} @keyframes tooltip-fadein{0%{display:none;opacity:0;}1%{display:block;opacity:0;}100%{display:block;opacity:1;}} @media all and (max-width:739px){ .e-hotel-module-wrap .sample-wrap{padding:30px 20px;} .e-hotel-module-wrap [role="tooltip"]{width:200px;} .e-hotel-module-wrap [role="tooltip"][data-tipset="right"], .e-hotel-module-wrap [role="tooltip"][data-tipset="left"], .e-hotel-module-wrap [role="tooltip"][data-tipset="bottom"]{left:50%;top:-8px;bottom:auto;transform:translate(-50%, -100%);} .e-hotel-module-wrap .tooltip-label:hover + [role="tooltip"]{display:none;} /*[data-search-type="domhotel"] .tooltip-label + [role="tooltip"]{transform:translate(-160px, -100%);}*/ } .e-hotel-module-wrap .text-technical{font-size:0.97rem;} .e-hotel-module-wrap .ai-end{align-items:flex-end !important;} .e-hotel-module-wrap .form-alert{font-size:1.2rem;margin-top:5px;line-height:1.3;position:relative;padding-left:17px;} .e-hotel-module-wrap .form-alert:before{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_form_error.svg) 0 0 no-repeat;width:16px;height:16px;position:absolute;top:1px;left:0px;} .e-hotel-module-wrap .form-alert a{display:inline;} .e-hotel-module-wrap .form-alert-dialog{font-size:1.6rem;line-height:1.3;position:relative;padding:0px 10px 0 19px;margin:0px 0 20px 16px;} .e-hotel-module-wrap .form-alert-dialog:before{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_form_error.svg) 0 0 no-repeat;background-size:18px 18px;width:18px;height:18px;position:absolute;top:2px;left:0px;} .e-hotel-module-wrap .fx-nav-list{display:flex;justify-content:space-between;margin:44px 0 40px 0;} .e-hotel-module-wrap .fx-nav-list li{width:46%;} .e-hotel-module-wrap .fx-nav-list li:first-child{text-align:right;} .e-hotel-module-wrap .fx-nav-list li:last-child{text-align:left;} @media all and (max-width:739px){ .e-hotel-module-wrap .fx-nav-list{display:block;margin:50px 0 0 0;} .e-hotel-module-wrap .fx-nav-list li{text-align:center !important;width:100%;margin-top:24px;} .e-hotel-module-wrap .fx-nav-list li:first-child{margin-top:0px;} } /******************************************************************************************** Reservation module Common ********************************************************************************************/ /* bottom navi */ .e-hotel-module-wrap .reservation-btm-navi > ul{margin-top:18px;} .e-hotel-module-wrap .reservation-btm-navi ul{display:flex;flex-wrap:wrap;justify-content:space-between;} .e-hotel-module-wrap .reservation-btm-navi li{margin-right:40px;} .e-hotel-module-wrap .reservation-btm-navi li:last-child{margin:0 0 0 auto;} .e-hotel-module-wrap .reservation-btm-navi li a{color:#333;padding:10px 20px;font-size:1.4rem;} .e-hotel-module-wrap .reservation-head-nav{display:flex;justify-content: flex-end;margin-top:10px;} .e-hotel-module-wrap .reservation-head-nav li{margin-left:20px;} .e-hotel-module-wrap .contents-wrap .reservation-head-nav li a{color:#333;} .e-hotel-module-wrap .dep-select .sp-deparr-set, .e-hotel-module-wrap .arr-select .sp-deparr-set{display:none;} /* Reservation module tab style */ .e-hotel-module-wrap [data-unit="tab"].tab-module-unit{background:#fff;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li{position:relative;width:calc(100% / 5);height:56px;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:after{display:block;content:"";background:#D5DBE2;position:absolute;right:0px;top:50%;transform:translateY(-50%);width:1px;height:100%;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:last-child:after{display:none;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a{display:flex;justify-content:center;align-items:center;color:#333;position:relative;height:100%;padding:0 10px 0 10px;box-shadow:inset 0px -5px 10px -5px rgba(0,0,0,0.2);} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a[aria-selected="true"]{box-shadow:none;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a[aria-selected="true"]:before{content:"";background:#cc0000;width:100%;height:6px;position:absolute;top:0px;left:0px;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a[aria-selected="true"]:before{border-radius:6px 0 0 0;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:last-child > a[aria-selected="true"]:before{border-radius:0 6px 0 0;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a > span{display:inline-block;font-size:1.6rem;font-weight:700;position:relative;padding-left:30px;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a > span:before{content:"";display:block;background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px;position:absolute;top:54%;left:0px;transform:translateY(-50%);} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a > span:before{background-image:url("/jp/ja/commonY20/rn23/img_sites/icon_rsv_mdl_jpn_gr.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(2) > a > span:before{background-image:url("/jp/ja/commonY20/rn23/img_sites/icon_rsv_mdl_world_gr.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(3) > a > span:before{background-image:url("/jp/ja/commonY20/rn23/img_sites/icon_rsv_mdl_shopping_gr.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a[aria-selected="true"] > span:before{background-image:url("/jp/ja/commonY20/rn23/img_sites/icon_rsv_mdl_jpn_rd.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(2) > a[aria-selected="true"] > span:before{background-image:url("/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_world_rd.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(3) > a[aria-selected="true"] > span:before{background-image:url("/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_shopping_rd.svg");} .e-hotel-module-wrap .category-tour [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(3) > a > span{padding-left:50px;} .e-hotel-module-wrap .category-tour [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a > span:before{background-image:url("/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_japan_rd.svg");} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:nth-child(3) > a > span .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a > span > span{display:block;font-size:1.6rem;line-height:1.2;} .e-hotel-module-wrap .category-domint [data-module-type="domtourdp"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li, /*.category-domint [data-module-type="tourpackage"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li,*/ .e-hotel-module-wrap .category-domint [data-module-type="intltourdp"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li{width:calc(100% / 3);} .e-hotel-module-wrap .category-tour [data-module-type="domhotel"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li, .e-hotel-module-wrap .category-tour [data-module-type="interhotel"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li{width:calc(100% / 3);} @media all and (max-width:739px){ .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a[aria-selected="true"]:before{border-radius:0;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:last-child > a[aria-selected="true"]:before{border-radius:0;} } /* home - Reservation module tab style */ .e-hotel-module-wrap [data-unit="tab"] [role="tablist"], .e-hotel-module-wrap [role="tablist"] {display:flex;justify-content:space-between;flex-wrap:wrap;} .e-hotel-module-wrap [role="tab"]:hover {text-decoration: none;color:#976F11;} .e-hotel-module-wrap .tablist-type-primary-blue > li{width:calc(100% / 3);} .e-hotel-module-wrap .tablist-type-primary-blue > li > a span{display:inline;font-size:1.6rem;} @media all and (max-width:739px){ .e-hotel-module-wrap .tablist-type-primary-blue > li > a{padding:8px 2px;} .e-hotel-module-wrap .tablist-type-primary-blue > li > a span{font-size:1.2rem;} } /* Reservation module */ .e-hotel-module-wrap{width: 946px; margin: 0 auto; border-radius: 6px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); background: #fff !important;} .e-hotel-module-wrap.e-hotel-module-wrap-modal{width: initial;margin: 0; box-shadow: none;border-radius:initial;} .e-hotel-module-wrap .e-hotel-module-inner {padding: 32px 97px 56px;} .e-hotel-module-wrap .accordion-inr .e-hotel-module-wrap{position:inherit;} .e-hotel-module-wrap *{box-sizing:border-box;} .e-hotel-module-wrap img{vertical-align:bottom;width: auto;} .e-hotel-module-wrap .search-route-switch{margin-top:32px;} .e-hotel-module-wrap .reserv-inr-set{margin-top:32px;} .e-hotel-module-wrap .mdl-txtlink, .e-hotel-module-wrap .mdl-txtlink{color:#4C559B !important;font-size:1.4rem;font-weight:400;} .e-hotel-module-wrap .mdl-txtlink:hover, .e-hotel-module-wrap .mdl-txtlink:hover, .e-hotel-module-wrap .mdl-txtlink:focus, .e-hotel-module-wrap .mdl-txtlink:focus{color:#976F11;} .e-hotel-module-wrap .module-headding{color:#cc0000;font-size:2.4rem;text-align:center;margin-bottom:32px;} .e-hotel-module-wrap .module-headding span{display:inline-block;position:relative;} .e-hotel-module-wrap .module-headding span::before{display:block;background-size:32px auto;background-repeat:no-repeat;content:"";width:32px;height:32px;position:absolute;top:3px;left:-37px;} .e-hotel-module-wrap .module-headding.dommdl-head span::before{background-image:url(/jp/ja/commonY20/rn23/img_sites/icon_rsv_mdl_jpn_rd.svg);} .e-hotel-module-wrap .module-headding.intermdl-head span::before{background-image:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_world_rd.svg);} .e-hotel-module-wrap.status-initial .mdl-input-parts .mdl-input-area{height:60px;} .e-hotel-module-wrap.status-initial .icon-deparr{top:44px;} .e-hotel-module-wrap .mdl-input-parts.non-head{margin-top:18px;} .e-hotel-module-wrap .reservation-module-inr{position:absolute;left:50%;transform:translateX(-50%);} .e-hotel-module-wrap .reservation-module-inr[data-module-type="status"]{position:static;left:auto;transform:none;} .e-hotel-module-wrap .module-close{position:absolute;top:21px;right:39px;width:19px;height:19px;/*min-width:830px;max-width:1096px;padding-right:20px;margin:0 auto;*/} .e-hotel-module-wrap .tab-module-unit{width:946px;margin:0 auto;border-radius:6px;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.15);background:#fff !important;} .e-hotel-module-wrap .module-panels{position:relative;padding:32px 97px 32px 97px;} /*.e-hotel-module-wrap.status-initial .module-panels{padding-top:21px;}*/ .e-hotel-module-wrap .module-panels .tab-search-type-unit .module-panels{padding:0;} .e-hotel-module-wrap .mdl-section-wrap + .mdl-section-wrap{margin-top:32px;} .e-hotel-module-wrap .mdl-section{display:flex;justify-content:space-between;flex-flow:wrap;} .e-hotel-module-wrap .mdl-section.mdl-sec-col2 > div{width:364px;} .e-hotel-module-wrap .mdl-section .label-head_DepArr{font-size:1.6rem;font-weight:bold;width:100%;} .e-hotel-module-wrap .mdl-section .label-head{margin-bottom: 10px; font-size:1.2rem;} .e-hotel-module-wrap .mdl-section .label-head-wrap{display: flex;justify-content:flex-start;width:100%;} .e-hotel-module-wrap .mdl-section .label-head-wrap > .label-head{width:calc(100% / 2 - 12px);margin:24px 24px 0 0;} .e-hotel-module-wrap .mdl-section .label-head-wrap > .label-head:last-child{margin-right:0;} .e-hotel-module-wrap .mdl-input-parts{color:#333;position:relative;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area{position: relative;display:flex;background-color:#fff;align-items:center;border:1px solid #D5DBE2;box-shadow:0px 2px 10px rgba(0,0,0,0.15);border-radius:6px;height:80px;padding:0 16px;} .e-hotel-module-wrap .mdl-input-parts.input-staynum .mdl-input-area {margin-top: auto;} .e-hotel-module-wrap .mdl-input-parts.input-city .mdl-input-area-wrap{position: relative;width: 100%; margin-top: auto;background-color: #fff;border: 1px solid #D5DBE2;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);border-radius: 6px;display: flex;align-items: center;padding: 0;} .e-hotel-module-wrap .mdl-input-parts.input-city .mdl-input-area{display: flex;border: none; box-shadow: none; background: initial; padding: 0; width: 100%; height: 80px; margin: 0 74px 0 0;padding-left: 16px;position: static;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a[aria-selected="true"]{background-color:#fff;color:#cc0000;border-radius:0px;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a{background-color:#F4F5F6;color:#666;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:first-child > a{border-radius:6px 0 0 0;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li:last-child > a{border-radius:0 6px 0 0;} .e-hotel-module-wrap .txt-placeholder {color: #666;} @media all and (max-width:739px){ .e-hotel-module-wrap {width: 100%;} .e-hotel-module-wrap .e-hotel-module-inner {padding: 32px 16px 46px;} .e-hotel-module-wrap .module-headding{font-size:2rem;margin-bottom:24px;} .e-hotel-module-wrap .module-headding span::before{top:0px;} .e-hotel-module-wrap .tab-module-unit{border-radius:0;} } /* 行き結合版 */ .e-hotel-module-wrap .mdl-input-parts-set{width:364px;margin-right:24px;} .e-hotel-module-wrap .mdl-input-parts-set.type-full{width:100%;margin-right:0;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr{display:flex;background-color:#fff;align-items:center;border:1px solid #D5DBE2;box-shadow:0px 2px 10px rgba(0,0,0,0.15);border-radius:6px;height:64px;padding:0 16px;margin-top:10px;} .e-hotel-module-wrap.status-initial .mdl-input-parts-set .mdl-input-parts-setInr{height:60px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area{border:0px;box-shadow:none;margin-top:0px;padding:0px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area:focus{outline:1px solid #976F11;} .e-hotel-module-wrap.status-initial .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area{height:58px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .dent-right:after, .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .dent-left:after{display:none;} .e-hotel-module-wrap .mdl-input-parts-set .icon-deparr{display:block !important;position:absolute;top:20px;left:50%;width:1px;height:56px;transform:translate(-50%, 0px);z-index:10;border-right:1px solid #D5DBE2;} .e-hotel-module-wrap .mdl-input-parts-set .icon-deparr img{display:none;vertical-align:top;} .e-hotel-module-wrap.status-initial .mdl-input-parts-set .icon-deparr{top:18px;height:40px;} .e-hotel-module-wrap .mdl-input-parts-set .label-head-wrap{display:flex;} .e-hotel-module-wrap .mdl-input-parts-set .label-head-wrap .label-head{width:50%;} .e-hotel-module-wrap .mdl-input-parts-set .label-head{font-size:1.2rem;} .e-hotel-module-wrap .icon-dep-date{position:absolute;top:44px;left:172px;width:1px;height:44px;z-index:10;border-right:1px solid #DDE2E7;} .e-hotel-module-wrap .icon-dep-date img{display:none;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result{position:relative;padding-left:30px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result{padding-left:40px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result::before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_departure.svg) 0 0 no-repeat;width:24px;height:24px;background-size:100% 100%;position:absolute;top:50%;left:4px;transform:translateY(-50%);} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{position:relative;padding-left:46px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{padding-left:71px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_arrival.svg) 0 0 no-repeat;width:24px;height:24px;background-size:100% 100%;position:absolute;top:50%;left:14px;transform:translateY(-50%);} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before{left:38px;} @media all and (max-width:739px){ .e-hotel-module-wrap .mdl-input-parts-set.type-full .mdl-input-parts-setInr{height:98px;} .e-hotel-module-wrap .reservation-hide-position .modal-close:before, .e-hotel-module-wrap .reservation-hide-position .modal-close:after{background:#cc0000;} .e-hotel-module-wrap .mdl-input-parts-set{width:100%;margin-right:0px;} .e-hotel-module-wrap.status-initial .mdl-input-parts-set .mdl-input-parts-setInr{min-height:104px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts-set .mdl-input-parts{margin-top:0;} .e-hotel-module-wrap .mdl-input-parts-set .label-head{margin-top:12px;} .e-hotel-module-wrap .icon-dep-date{height:50px;top:52px;left:50%;} .e-hotel-module-wrap [data-module-type="dom"] .icon-dep-date, .e-hotel-module-wrap [data-module-type="inter"] .icon-dep-date{top:77px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts .mdl-input-area.dep-result, .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts .mdl-input-area.arr-result{min-height:96px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{padding-left:10px;} .e-hotel-module-wrap .mdl-input-parts-set .icon-deparr{top:25px;width:1px;height:72px;} .e-hotel-module-wrap.status-initial .mdl-input-parts-set .icon-deparr{height:81px;top:19px;} .e-hotel-module-wrap .module-panels .mdl-section .mdl-parts-col2 .mdl-input-parts-set .mdl-input-parts{width:50%;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result{padding-left:0px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result{position:relative;padding-top:10px;padding-left:0px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result::before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_departure.svg) 0 0 no-repeat;width:24px;height:24px;background-size:100% 100%;position:absolute;top:10px;left:50%;transform:translateX(-50%);} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{position:relative;padding-top:10px;padding-left:10px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{padding-left:20px;} .e-hotel-module-wrap .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_arrival.svg) 0 0 no-repeat;width:24px;height:24px;background-size:100% 100%;position:absolute;top:10px;left:50%;transform:translateX(-50%);} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before{left:50%;} } /* 行き結合版 */ .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap{margin:18px 0 24px 0;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li{width:calc(100% / 2);} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li:last-child:after{display:none;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a{display:flex;justify-content:center;align-items:center;color:#333;text-align:center;position:relative;width:100%;height:100%;padding:8px;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a{color:#333;font-size:1.6rem;font-weight:700;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-airport-select[data-airport-select="dom"] .line-tablist-wrap li:first-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap .tab-airport-select[data-airport-select="dom"] .line-tablist-wrap li:first-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-airport-select[data-airport-select="inter"] .line-tablist-wrap li:last-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap .tab-airport-select[data-airport-select="inter"] .line-tablist-wrap li:last-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a[aria-selected="false"]:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a > span{display:inline-block;position:relative;width:100%;line-height:1.3;} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a > span:before{content:"";display:block;background-position:0 0;background-repeat:no-repeat;background-size:32px 32px;width:32px;height:32px;position:absolute;top:50%;left:-40px;transform:translateY(-50%);} .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap li > a > span > span{display:block;font-size:1.6rem;line-height:1.2;} @media all and (max-width:739px){ .e-hotel-module-wrap .tab-airport-select .line-tablist-wrap > ul{margin:0 16px;} .e-hotel-module-wrap .tab-airport-select .tab-panels{margin-top:32px;} .e-hotel-module-wrap .modal-area-back{display:block;font-size:0;position:absolute;top:18px;left:20px;width:20px;height:20px;} .e-hotel-module-wrap .modal-area-back:before{display:block;content:"";width:12px;height:12px;border-top:2px solid #666;border-left:2px solid #666;transform:rotate(-45deg);} } .e-hotel-module-wrap .replace-route-btn{display:block;width:32px;height:32px;position:absolute;top:32px;left:50%;transform:translateX(-50%);z-index:20;} .e-hotel-module-wrap .status-initial .replace-route-btn{top:22px;} @media all and (max-width:739px){ .e-hotel-module-wrap .replace-route-btn{top:45px;} .e-hotel-module-wrap .status-initial .replace-route-btn{top:43px;} } .e-hotel-module-wrap .mdl-input-parts .mdl-input-area:hover{cursor:pointer;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area:focus{border:1px solid #cc0000;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.no-bdr{border:0px;box-shadow:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.no-bdr:hover{pointer-events:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.no-bdr:focus{border:0px;box-shadow:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.no-bdr.dent-left::after{display:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .input-inr-head{font-size:1.4rem;width:60px;margin-right:10px;} .e-hotel-module-wrap .mdl-input-parts .mdl-link-txt{margin-top:10px;} .e-hotel-module-wrap .mdl-input-parts .mdl-link-txt a{color:#333;font-size:1.5rem;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;position:relative;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .mdl-input-parts{width:364px;} .e-hotel-module-wrap .mdl-section.mdl-sec-col2 .mdl-parts-col2 .mdl-input-parts{width:170px;} .e-hotel-module-wrap .icon_question{display:inline-block;vertical-align:bottom;margin-left:8px;} .e-hotel-module-wrap .icon_question:hover{cursor:pointer;} .e-hotel-module-wrap .tooltip-label:focus{outline:1px solid #cc0000;} .e-hotel-module-wrap .mdl-section .mdl-parts-free{display:flex;width:100%;justify-content:space-between;/*align-items:flex-end;*/position:relative;flex-wrap:wrap;row-gap: 32px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts{width:calc(100% / 2 - 12px);margin: 0;display: flex;flex-direction: column;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.input-roomnum{width:170px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.input-class{margin-right:0px;} .e-hotel-module-wrap.mdl-input-section{border-radius:30% 30% 0% 0% / 36px 36px 0% 0%;width:100%;height:100%;min-width:950px;padding:30px 0 72px 0;position:absolute;top:210px;left:50%;transform:translateX(-50%);/*z-index:9995;*/} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit{position:absolute;top:87px;width:calc(50% - 13px);z-index:10000;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit.dep-area-select{left:0px;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit.arr-area-select{left:calc(50% + 13px);} .e-hotel-module-wrap .default-wrap .candidate-item{height:auto;} .e-hotel-module-wrap [data-unit="modal"].area-select-unit{height:auto;} .e-hotel-module-wrap .module-panels .mdl-section.mdl-sec-free{position:relative;} .e-hotel-module-wrap .module-panels .mdl-section.mdl-sec-free.JS_domtourDP_dispStaySelectNum{margin-bottom:-6px;} .e-hotel-module-wrap .check-select{font-size:1.5rem;line-height:1.2;text-align:right;margin-top:16px;} .e-hotel-module-wrap .check-select.check-direct-flight{font-size:100%;} .e-hotel-module-wrap .check-direct-flight .check-form input[type="radio"] + label:before, .e-hotel-module-wrap .check-direct-flight .check-form input[type="checkbox"] + label:before{top:0.24em;} .e-hotel-module-wrap .check-direct-flight .check-form input[type="checkbox"] + label:after{top:5px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.parts-full{width:100%;} .e-hotel-module-wrap .mld-note{font-size:1.4rem;text-align:right;margin-top:10px;} .e-hotel-module-wrap .mdl-link-txt-r{font-size:1.4rem;text-align:right;margin-top:10px;} .e-hotel-module-wrap .mdl-heading{font-weight:700;margin:30px 0 5px 0;} .e-hotel-module-wrap .reservation-hide-position .dialog-head-txt{font-weight:700;} .e-hotel-module-wrap .dialog-btm-wrap{padding:0 16px 15px 16px;} .e-hotel-module-wrap .mdl-note{font-size:1.3rem;margin-top:24px;} .e-hotel-module-wrap .mdl-note .d-list-flex dt, .e-hotel-module-wrap .mdl-note .d-list-flex dd{display:inline;} .e-hotel-module-wrap .reservation-err-wrap{color:#cc0000;font-size:1.4rem;margin-top:30px;} .e-hotel-module-wrap .reservation-hide-position .button-primary:hover, .e-hotel-module-wrap .reservation-hide-position .button-primary:focus{text-decoration:underline;} .e-hotel-module-wrap .category-domint .tab-search-type-unit[data-search-type="intltourdp"] .search-type-switch > li:first-of-type > a{color:#333;font-weight:700;} .e-hotel-module-wrap .category-domint .tab-search-type-unit[data-search-type="intltourdp"] .search-type-switch > li:first-of-type > a:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .category-domint .tab-search-type-unit[data-search-type="intltourdp"] .search-type-switch > li:last-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap .category-domint .tab-search-type-unit[data-search-type="intltourdp"] .search-type-switch > li:last-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .module-aco > button{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.8rem;} .e-hotel-module-wrap .module-aco > button .accordion-btn-icon{position:static;transform:translateX(0);margin-left:10px;} .e-hotel-module-wrap .tour-package-gadget .dp-module-open{display:none;} .e-hotel-module-wrap .status-initial .tour-package-gadget .dp-module-open{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:20;font-size:0;} .e-hotel-module-wrap .status-initial .tour-package-gadget .dp-module-open:focus{outline:1px solid #976F11;} .e-hotel-module-wrap input::-ms-clear{visibility:hidden} .e-hotel-module-wrap .reservation-openbtn{position:absolute;top:67px;right:35px;width:40px;height:40px;} /*[data-module-type="tourhotel"] .reservation-openbtn{top:85px;}*/ /* Dep & Arr select */ .e-hotel-module-wrap .un-select{color:#666;font-weight:normal;} .e-hotel-module-wrap .selected{font-size:1.6rem;font-weight:700;letter-spacing:-0.5px;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.dep-result, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.arr-result{flex-direction:column;justify-content:center;text-align:left;width:100%;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.dep-result:focus, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.arr-result:focus{outline:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .dep-result-inr01, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .arr-result-inr01{display:block;font-size:1.6rem;position:relative;width:100%;font-weight:700;/*padding-left:34px;*/} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .dep-result-inr01:before, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .arr-result-inr01:before{display:none;content:"";background:url("/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_citys_gy.svg") 0 0 no-repeat;width:23.37px;height:23.26px;position:absolute;top:50%;left:0px;transform:translateY(-50%);} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .dep-result-inr02, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .arr-result-inr02{display:block;font-size:1.2rem;width:100%;margin-top:8px;} .e-hotel-module-wrap .dep-select, .e-hotel-module-wrap .arr-select{display:block;font-size:1.8rem;position:relative;width:100%;} .e-hotel-module-wrap .dep-select .txt-placeholder, .e-hotel-module-wrap .arr-select .txt-placeholder{font-size:1.6rem;display:flex;align-items:center;position:absolute;top:50%;left:0px;transform:translateY(-50%);width:calc(100% - 68px);height:100%;z-index:5;} .e-hotel-module-wrap .dep-select .select-delete, .e-hotel-module-wrap .arr-select .select-delete{position:absolute;top:50%;right:0px;transform:translateY(-50%);width:12px;height:12px;z-index:10;line-height:0;} .e-hotel-module-wrap .dep-select .select-delete{right:14px;} .e-hotel-module-wrap [data-module-type="dom"] .dep-select .select-delete, .e-hotel-module-wrap [data-module-type="inter"] .dep-select .select-delete{right:28px;} .e-hotel-module-wrap .dep-select .select-delete img, .e-hotel-module-wrap .arr-select .select-delete img{width:100%;} .e-hotel-module-wrap .aco-inter-option{margin-top:32px;} .e-hotel-module-wrap .aco-inter-option .btn-inter-option{display:flex;justify-content:center;align-items:center;} .e-hotel-module-wrap .aco-inter-option .btn-inter-option > span{padding:0 10px;} .e-hotel-module-wrap .inter-dep-time-select{position:absolute;left:16px;top:50%;width:calc(100% - 32px);} .e-hotel-module-wrap .icon-deparr{display:none;position:absolute;top:53px;left:50%;width:22px;height:22px;transform:translate(-50%, 0px);z-index:10;} .e-hotel-module-wrap .icon-deparr img{vertical-align:top;} .e-hotel-module-wrap .icon-replace-route{position:absolute;top:53px;left:50%;width:22px;height:21px;transform:translate(-50%, 0px);z-index:10;} .e-hotel-module-wrap .icon-replace-route button{vertical-align:top;} .e-hotel-module-wrap .icon-dep-date{position:absolute;top:57px;left:172px;width:17px;height:14px;z-index:10;} .e-hotel-module-wrap .icon-dep-date img{vertical-align:top;} .e-hotel-module-wrap [data-search-type="oneway"] .icon-dep-date{display:none;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area:focus{border:1px solid #976F11;box-shadow:0px 0px 0px rgba(151,111,17,0.7);} .e-hotel-module-wrap .icon-deparr.type-2{width:22px;height:22px;top:53px;} .e-hotel-module-wrap .icon-deparr.type-2 img{vertical-align:top;} @media all and (max-width:739px){ .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.dep-result:focus, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.arr-result:focus{outline:auto;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area{min-height:80px;height:auto;padding:4px 16px;} .e-hotel-module-wrap .mdl-input-parts.input-city .mdl-input-area{margin: 0;} .e-hotel-module-wrap .dep-select .txt-placeholder, .e-hotel-module-wrap .arr-select .txt-placeholder{justify-content:center;} .e-hotel-module-wrap .icon-deparr.type-2{width:20px;height:20px;top:66px;} .e-hotel-module-wrap.status-initial .icon-deparr{top:65px;} .e-hotel-module-wrap .dep-select .sp-deparr-set, .e-hotel-module-wrap .arr-select .sp-deparr-set{display:block;font-size:1.8rem;line-height:1.3;width:100%;resize:none;font-weight:700;} .e-hotel-module-wrap .ticket-search-compone-wrap{padding:0px;} .e-hotel-module-wrap{min-height:380px;} .e-hotel-module-wrap.e-hotel-module-wrap-modal{min-height:initial;} .e-hotel-module-wrap .reservation-openbtn{position:absolute;top:152px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);} .e-hotel-module-wrap.category-domint .reservation-openbtn{top:182px;} /*[data-module-type="tourhotel"] .reservation-openbtn{top:137px;bottom:auto;}*/ .e-hotel-module-wrap .inter-airport-morebtn button{color:#4C559B;font-size:1.4rem;font-weight:700;width:100%;text-align:left;padding:12px 16px 12px 26px;} } /* Arrival select */ .e-hotel-module-wrap .arr-select span.icon-input-search{display:inline-block;position:absolute;top:50%;right:0px;transform:translateY(-50%);line-height:1;} /* Date select */ .e-hotel-module-wrap .date-select{display:flex;align-items:center;flex-wrap:wrap;color:#333;font-size:1.6rem;line-height:1.2;} .e-hotel-module-wrap .year-num{display:block;font-weight:400;width:100%;line-height:1.2;} .e-hotel-module-wrap .date-num{color:#333;font-size:2.2rem;font-weight:700;line-height:1.2;} .e-hotel-module-wrap .date-select .date-num{color:#333;font-size:2.2rem;font-weight:700;margin:0 2px 0 2px;} .e-hotel-module-wrap .date-select .date-num:first-of-type{margin-left:0px;} .e-hotel-module-wrap .date-select .day-week{font-size:1.4rem;margin-left:4px;} /* People select */ .e-hotel-module-wrap .people-select{display:flex;justify-content:space-between;align-items:center;width:100%;} .e-hotel-module-wrap .people-select dt, .e-hotel-module-wrap .people-select dd{line-height:1;margin-right: 2px;} .e-hotel-module-wrap .people-select dt:last-of-type img{width:11px;height:22px;} .e-hotel-module-wrap .people-select dd{font-weight:700;margin-right:8px;} .e-hotel-module-wrap .people-select dd:last-of-type{margin-right:0px;} .e-hotel-module-wrap .people-select .youth-num img{width:16px !important;height:auto !important;} .e-hotel-module-wrap .people-select.p-num-02{padding:0 12px;} .e-hotel-module-wrap .people-select.p-num-02 dt:first-of-type img{width:19px;height:auto;} .e-hotel-module-wrap .people-select.p-num-02 dt:nth-of-type(2) img{width:9px;height:auto;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant{position:relative;padding-left:30px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult:before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child:before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2:before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant:before{display:block;content:"";position:absolute;top:calc(50% + 12px);transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult:before{background-image:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_adult_gd.svg);top:50%;left:0px;width:24px;height:24px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child:before{background-image:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_youth_gd.svg);left:2px;width:20px;height:20px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2:before{background-image:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_child_gd.svg);left:3px;width:18px;height:18px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant:before{background-image:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_baby_gd.svg);left:3px;width:18px;height:18px;} @media screen and (max-width:739px){ .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant{padding-left:36px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult::before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child::before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2::before, .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant::before{top:50%} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-adult:before{left:10px;width:22px;height:22px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child:before{left:11px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-child2:before{left:11px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list.labelset-infant:before{left:11px;} } /* Search botton */ .e-hotel-module-wrap .reservation-search{text-align:center;padding-bottom:10px;margin-top:40px;} .e-hotel-module-wrap .reservation-search .check-form input[type="checkbox"] + label:before {top:0.24em;left:-22px;} .e-hotel-module-wrap .reservation-search .check-form input[type="checkbox"] + label:after {height:11px;width:5.5px;top:4px;left:-17px;} .e-hotel-module-wrap .reservation-search > span{display:inline-block;font-weight:700;position:relative;width:168px;margin-top:24px;} .e-hotel-module-wrap .reservation-search > span:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_search_wt.svg) 0 0 no-repeat;background-size:14px 14px;position:absolute;top:50%;left:40px;transform:translateY(-50%);width:14px;height:14px;z-index:1;} .e-hotel-module-wrap .reservation-search > span button{padding:11px 40px 11px 64px;margin:0;min-width:168px;} .e-hotel-module-wrap .reservation-search > span button:focus{outline:1px solid #cc0000;} .e-hotel-module-wrap .reservation-search > span button:hover{background-color: #976F11;} .e-hotel-module-wrap .reservation-search.other-search > span:before {display: block;content: "";background: url(/jp/ja/intltour/e-hotel/img_sites/icon_link_other_wt.svg) 0 0 no-repeat;background-size: 20px 20px;position: absolute;top: 50%;right: 43px;left: auto; transform: translateY(-50%);width: 20px;height: 20px;z-index: 1;} .e-hotel-module-wrap .reservation-search.other-search > span button{padding:11px 70px 11px 45px;margin:0;min-width:180px;} /* inner tab */ .e-hotel-module-wrap .search-type-unit .module-panels{padding:21px 0 32px 0;} .e-hotel-module-wrap .search-type-unit{width:752px;margin:0 auto;} .e-hotel-module-wrap .search-type-unit .search-type-switch{display:flex;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div{width:calc(100% / 3);} .e-hotel-module-wrap .search-type-unit .search-type-switch > div:last-child:after{display:none;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button{display:flex;justify-content:center;align-items:center;color:#333;position:relative;width:100%;height:100%;padding:8px;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button{color:#333;font-size:1.6rem;font-weight:700;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-type-switch > div:first-of-type > button{/*color:#4C559B;*/font-weight:700;} .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:last-of-type > button{color:#4C559B;font-weight:700;} .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:last-of-type > button:before{content:"";background:#4C559B;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button[aria-selected="false"]:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button > span{display:inline-block;position:relative;width:100%;line-height:1.3;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button > span:before{/*content:"";*/display:block;background-position:0 0;background-repeat:no-repeat;background-size:32px 32px;width:32px;height:32px;position:absolute;top:50%;left:-40px;transform:translateY(-50%);} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button > span > span{display:block;font-size:1.4rem;line-height:1.2;} .e-hotel-module-wrap [data-search-type="roundtrip"] .search-switch .mdl-input-parts:first-of-type, .e-hotel-module-wrap [data-search-type="roundtrip"] .search-switch .mdl-input-parts:nth-of-type(2){display:block;} .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-switch .mdl-input-parts.input-going{width:364px;} .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-switch .mdl-input-parts.input-going .dent-right::after{display:none;} .e-hotel-module-wrap [data-search-type="oneway"] .mdl-input-parts.input-return, .e-hotel-module-wrap [data-search-type="oneway"] .mdl-input-parts.input-inter-arr-time{display:none;} .e-hotel-module-wrap [data-search-type="oneway"] .mdl-section .mdl-parts-free .mdl-input-parts.parts-join-2.input-inter-dep-time{width:364px;} .e-hotel-module-wrap .tab-search-type-unit .module-panels{padding:21px 0 32px 0;} .e-hotel-module-wrap .tab-search-type-unit{position:relative;width:752px;margin:0 auto;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch{display:flex;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li{width:calc(100% / 2);} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li:last-child:after{display:none;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a{display:flex;justify-content:center;align-items:center;color:#333;text-align:center;position:relative;width:100%;height:100%;padding:8px;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a{color:#333;font-size:1.6rem;font-weight:700;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-search-type-unit[data-search-type="domtourdp"] .search-type-switch > li:first-of-type > a{color:#4C559B;font-weight:700;} .e-hotel-module-wrap .tab-search-type-unit[data-search-type="domtourdp"] .search-type-switch > li:first-of-type > a:before{content:"";background:#4C559B;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-search-type-unit[data-search-type="domtourpack"] .search-type-switch > li:last-of-type > a{color:#4C559B;font-weight:700;} .e-hotel-module-wrap .tab-search-type-unit[data-search-type="domtourpack"] .search-type-switch > li:last-of-type > a:before{content:"";background:#4C559B;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a[aria-selected="false"]:before{content:"";background:#D5DBE2;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a > span{display:inline-block;position:relative;width:100%;line-height:1.4;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a > span:before{content:"";display:block;background-position:0 0;background-repeat:no-repeat;background-size:32px 32px;width:32px;height:32px;position:absolute;top:50%;left:-40px;transform:translateY(-50%);} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a > span > span{display:block;font-size:1.2rem;} .e-hotel-module-wrap [data-search-type="domtourpack"] .search-switch .mdl-input-parts:first-of-type, .e-hotel-module-wrap [data-search-type="domtourpack"] .search-switch .mdl-input-parts:nth-of-type(2){display:block;} .e-hotel-module-wrap .promotion-links-wrap dt.promotionl-inks-body{font-size:1.6rem;font-weight:700;width:90px;} .e-hotel-module-wrap .promotion-links-wrap dd.promotionl-inks-body .promotion-links a{display:inline-block;color:#cc0000;font-size:1.6rem;position:relative;padding-right:12px;} .e-hotel-module-wrap .promotion-links-wrap dd.promotionl-inks-body .promotion-links a:after{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_link_arrow_rd.svg) 0 0 no-repeat;background-size:6px auto;width:6px;height:10px;position:absolute;top:9px;right:0px;} .e-hotel-module-wrap .promotion-links-wrap dl, .e-hotel-module-wrap .promotionLinksWrap{background:#F4F5F6;padding:16px 32px;margin-top:40px;} .e-hotel-module-wrap .reservation-hide-position button:focus{outline:1px solid #976F11;outline-offset:-1px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter .promotionLinks li, .e-hotel-module-wrap [data-module-type="inter"] .promoInter .promotionLinks li{position:relative;padding-left:35px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter .promotionLinks li:before, .e-hotel-module-wrap [data-module-type="inter"] .promoInter .promotionLinks li:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_warning_rd.svg) 0 0 no-repeat;width:25px;height:24px;position:absolute;top:0px;left:0px;} .e-hotel-module-wrap .promotionLinks_head br{display:none;} .e-hotel-module-wrap .promotionLinksWrap a{color:#cc0000;} .e-hotel-module-wrap [data-module-type="dom"] .promotion-links-wrap .promotion-links > li > p, .e-hotel-module-wrap [data-module-type="inter"] .promotion-links-wrap .promotion-links > li > p{background:#F4F5F6;padding:0 32px 16px 32px;margin-top:0px !important;} /* モジュール 往復・片道 順番修正用 打消し */ .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:last-of-type > button, .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-type-switch > div:nth-of-type(2) > button, .e-hotel-module-wrap .search-type-unit[data-search-type="multicity"] .search-type-switch > div:nth-of-type(3) > button{color: #333;font-size: 1.6rem;font-weight: 700;} .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:last-of-type > button:before, .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-type-switch > div:nth-of-type(2) > button:before, .e-hotel-module-wrap .search-type-unit[data-search-type="multicity"] .search-type-switch > div:nth-of-type(3) > button:before{content: "";background: #D5DBE2;width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0px;} /* モジュール 往復・片道 順番修正用 */ .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:first-of-type > button, .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-type-switch > div:nth-of-type(2) > button, .e-hotel-module-wrap .search-type-unit[data-search-type="multicity"] .search-type-switch > div:nth-of-type(3) > button{color: #4C559B;font-weight: 700;} .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .search-type-switch > div:first-of-type > button:before, .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-type-switch > div:nth-of-type(2) > button:before, .e-hotel-module-wrap .search-type-unit[data-search-type="multicity"] .search-type-switch > div:nth-of-type(3) > button:before{content: "";background: #4C559B;width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0px;} .e-hotel-module-wrap .search-type-unit[data-search-type="roundtrip"] .multicity-set, .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .multicity-set{display:none;} .e-hotel-module-wrap .search-type-unit[data-search-type="multicity"] .reserv-inr-set{display:none;} .e-hotel-module-wrap .multicity-set{text-align:center;margin-top:45px;} .e-hotel-module-wrap .multicity-set .multicity-search{margin:24px 0 40px 0;} .e-hotel-module-wrap [data-search-type="roundtrip"] .promotion-links-wrap{display:block;} /*[data-search-type="oneway"] .promotion-links-wrap,*/ .e-hotel-module-wrap [data-search-type="multicity"] .promotion-links-wrap{display:none;} /* 都市選択 */ .e-hotel-module-wrap .reservation-hide-position.area-select-unit{font-size:1.4rem;background-color:#fff;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);max-height:100vh; -webkit-overflow-scrolling:auto;overflow-scrolling:auto;width:auto; z-index: 10000;position: absolute;width: 362.512px;display: block;top: 81px;left: 0;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box{background-color:#fff;border-radius:0 0 4px 4px;padding:0;width:363px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box dt{padding:0 8px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box dd{border-bottom:1px solid #A46A00;padding:0px 0 5px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box dd .flying-input{padding:0 16px 0 8px;font-size:1.68rem;width:600px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box dd .flying-input + button img{vertical-align:bottom;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap{/*max-height:270px;overflow:auto;*/} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap > ul, .e-hotel-module-wrap .history-select-box .candidate-wrap > ul{position:relative;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap > ul:before,.e-hotel-module-wrap .history-select-box .candidate-wrap > ul:before{content:"";display:block;border-top:1px solid #ccc;width:calc(100% - 20px);height:1px;margin-left:10px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap > ul:first-child:before, .e-hotel-module-wrap .history-select-box .candidate-wrap > ul:first-child:before{display:none;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item, .e-hotel-module-wrap .history-select-box .candidate-item{display:table;width:100%;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item:hover, .e-hotel-module-wrap .history-select-box .candidate-item:hover{background-color:#976F11!important;color:#fff;text-decoration:none;} .e-hotel-module-wrap .JS_suggestSelect{background-color:#976F11;color:#fff;text-decoration:none;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item:focus, .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item:active, .e-hotel-module-wrap .history-select-box .candidate-item:focus, .e-hotel-module-wrap .history-select-box .candidate-item:active{background-color:#976F11 !important;color:#fff !important;text-decoration:none;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .toggle-body .candidate-item .item-col, .e-hotel-module-wrap .history-select-box .candidate-item .item-col{padding:10px 24px 10px 26px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .item-col span, .e-hotel-module-wrap .history-select-box .candidate-item .item-col span{display:block;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .candidate-head{font-size:1.5rem;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .candidate-head.ttl-history{display:block;font-weight:700;position:relative;padding-left:30px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .candidate-head.ttl-history:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/partner/icon_flight_nav_checkflight.svg) 0 0 no-repeat;background-size:26px 26px;width:26px;height:26px;position:absolute;top:50%;left:0px;transform:translateY(-50%);} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap .more-area-select .candidate-item{position:relative;} .e-hotel-module-wrap .more-area-select .candidate-item{position:relative;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .more-area-select .candidate-item[role="button"]{font-weight:700;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap .more-area-select .candidate-item:hover{background-color:#F4F5F7;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .area-toggle{display:block;font-size:0;width:15px;height:15px;position:absolute;top:50%;right:20px;transform:translateY(-50%);} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .area-toggle img{width:15px;height:15px;vertical-align:bottom;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-heading{background:#F4F5F7;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-heading:hover, .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-heading:focus{background-color:#F4F5F7;color:#333;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-heading .ttl-areapin{display:block;position:relative;padding-left:28px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .candidate-head.ttl-areapin:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_area_pin.svg) 0 0 no-repeat;background-size:26px 26px;width:26px;height:26px;position:absolute;top:50%;left:0px;transform:translateY(-50%);} .e-hotel-module-wrap .area-select-input, .e-hotel-module-wrap .area-select-ttl{display:none;} .e-hotel-module-wrap .airport-mldlist-modal .area-select-ttl-pc{font-weight:700;text-align:center;} .e-hotel-module-wrap .airport-mldlist-modal .area-select-ttl-pc.dp-select-head{margin-bottom:20px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .select-type-history .candidate-wrap{max-height:initial;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-heading > .item-col{font-size:1.5rem;padding-left:20px !important;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap .more-area-select .candidate-item[role="button"][aria-expanded="true"]{background-color:#e2e7ed;} /*.e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap .more-area-select .candidate-item[role="button"][aria-expanded="true"]:hover{color:#333;}*/ .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-list > li, .history-select-box .candidate-list > li{border-bottom:1px solid #E4E8EC;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-list > li:first-child, .e-hotel-module-wrap .history-select-box .candidate-list > li:first-child{border-top:1px solid #E4E8EC;} /* history select head */ .e-hotel-module-wrap .history-select-box{margin-top:0px;} .e-hotel-module-wrap .history-select-box dt{background:#F4F5F6;font-weight:700;position:relative;padding:12px 20px 12px 51px !important;} .e-hotel-module-wrap .history-select-box dt::before{content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/partner/icon_flight_nav_checkflight.svg) 0 0 no-repeat;background-size:26px 26px;width:26px;height:26px;position:absolute;top:50%;left:21px;transform:translateY(-50%);} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .history-select-box dd{border-bottom:none;padding:0;} /* list select head */ .e-hotel-module-wrap .list-select-box{margin-top:0px;} .e-hotel-module-wrap .list-select-box dt{background:#F4F5F6;font-weight:700;position:relative;padding:12px 20px 12px 48px !important;} .e-hotel-module-wrap .list-select-box dt::before{content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_area_pin.svg) 0 0 no-repeat;background-size:26px 26px;width:26px;height:26px;position:absolute;top:50%;left:22px;transform:translateY(-50%);} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-select-box dd{border-bottom:0px;} .e-hotel-module-wrap .list-select-box li{border-bottom:1px solid #E7EAEE;} .e-hotel-module-wrap .list-select-box li:first-child{border-top:1px solid #E7EAEE;} .e-hotel-module-wrap .list-select-box .list-select-box-btn{display:block;font-weight:700;position:relative;padding:14px 40px 14px 24px;} .e-hotel-module-wrap .list-select-box .list-select-box-btn::after{content:"";width:6px;height:6px;border:0px;border-top:solid 2px #6A6A6A;border-right:solid 2px #6A6A6A;transform:rotate(45deg);position:absolute;top:50%;right:16px;margin-top:-4px;} .e-hotel-module-wrap .list-select-box .list-select-box-btn:focus, .e-hotel-module-wrap .list-select-box .list-select-box-btn:hover{background-color:#976F11;color:#fff;} .e-hotel-module-wrap .list-select-box .list-select-box-btn:focus::after, .e-hotel-module-wrap .list-select-box .list-select-box-btn:hover::after{border-color:#fff;} .e-hotel-module-wrap .list-dom-select, .e-hotel-module-wrap .list-inter-select{background:#fff;width:100%;min-height:100%;z-index:10;} .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-dom-select .toggle-body .toggle-body .item-col, .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-inter-select .toggle-body .item-col{padding-left:40px !important;} .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-inter-select .toggle-body .list-heading .item-col{padding-left:20px !important;} .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-inter-select .toggle-body .toggle-body .item-col{padding-left:58px !important;} .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-inter-select .toggle-body .item-col.alR, .e-hotel-module-wrap .contents-wrap .reservation-hide-position .list-inter-select .toggle-body .toggle-body .item-col.alR{padding-left:0px !important;} .e-hotel-module-wrap .reservation-hide-position.stay-select-dialog{height:50vh;} .e-hotel-module-wrap .reservation-hide-position.stay-select-dialog .e-hotel-select-modal-box .toggle-body .candidate-item .item-col{width:100%;} .e-hotel-module-wrap .reservation-hide-position.stay-select-dialog .e-hotel-select-modal-box .toggle-body .toggle-body .candidate-item .item-col{padding-left:61px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box.area-select-domdp .toggle-body .candidate-item .item-col{padding-left:42px;} .e-hotel-module-wrap .candidate-list.accordion-airportlist-parent li{background-color:#f4f5f6;} .e-hotel-module-wrap .candidate-list.accordion-airportlist-child li{background-color:#fff;} @media screen and (max-width:739px){ /* history select head */ .e-hotel-module-wrap .history-select-box dt{padding-left:46px !important;} .e-hotel-module-wrap .history-select-box dt::before{left:19px;} /* list select head */ .e-hotel-module-wrap .list-select-box dt{padding-left:43px !important;} .e-hotel-module-wrap .list-select-box dt::before{left:20px;} .e-hotel-module-wrap [data-module-type="dom"] .promotion-links-wrap .promotion-links > li > p, .e-hotel-module-wrap [data-module-type="inter"] .promotion-links-wrap .promotion-links > li > p{background:#fff;} } .e-hotel-module-wrap .list-select-wrap{margin-top:0px;} .e-hotel-module-wrap .list-select-wrap dt{background:#F4F5F6;font-weight:700;position:relative;padding:12px 20px 12px 48px !important;} .e-hotel-module-wrap .list-select-wrap dt::before{content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_area_pin.svg) 0 0 no-repeat;background-size:26px 26px;width:26px;height:26px;position:absolute;top:50%;left:22px;transform:translateY(-50%);} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-select-wrap dd{border-bottom:0px;} .e-hotel-module-wrap .list-select-wrap li:first-child{border-top:0px;} .e-hotel-module-wrap .list-dom-select, .e-hotel-module-wrap .list-inter-select{background:#fff;width:100%;min-height:100%;z-index:10;} @media screen and (max-width:739px){ .e-hotel-module-wrap .list-select-wrap dt{/*padding-left:43px !important;*/} .e-hotel-module-wrap .list-select-wrap dt::before{left:20px;} } /* 人数 */ .e-hotel-module-wrap .reservation-hide-position .num-people-list .passenger-type > p{display:inline-block;margin-right:12px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .passenger-type .text-technical {font-size: 1rem;} /* カレンダー */ .e-hotel-module-wrap .reservation-hide-position .calendar-input-box{background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15); border-radius:6px;padding:16px 0 20px 0;min-width:1096px;position:relative;} .e-hotel-module-wrap .reservation-hide-position .calendar-input-box .box-inner{padding:24px 128px 10px;} .e-hotel-module-wrap .calendar-table-wrap{position:relative;min-height:382px;} .e-hotel-module-wrap .calendar-table-unit{width:332px;display:inline-block;vertical-align:top;padding:0 42px;box-sizing:content-box;} .e-hotel-module-wrap .calendar-table{width:100%;margin-top:30px;} .e-hotel-module-wrap .calendar-table caption, .e-hotel-module-wrap .calendar-table th,.e-hotel-module-wrap .calendar-table td{text-align:center;} .e-hotel-module-wrap .calendar-table .head-cell th{font-weight:400;color:#001E40;font-size:1.3rem;padding:10px 14px;} .e-hotel-module-wrap .calendar-table .body-cell td{width:calc(100% / 7);} .e-hotel-module-wrap .calendar-table .body-cell tr td:first-child span button{color:#cc0000;} .e-hotel-module-wrap .calendar-table .body-cell tr td:nth-child(7) span button{color:#0073E6;} .e-hotel-module-wrap .calendar-table .body-cell td button{color:#333;font-size:1.8rem; font-family:'Lato', sans-serif;padding:10px 0;position:relative;} .e-hotel-module-wrap .calendar-table .body-cell td button:hover, .e-hotel-module-wrap .calendar-table .body-cell td button:focus{background-color:#976F11;color:#fff !important;border-radius:50%;} .e-hotel-module-wrap .calendar-table .body-cell .dep-day:focus span:before{border-left:6px solid #976F11;} .e-hotel-module-wrap .calendar-table .body-cell .arr-day:focus span:before{border-right:6px solid #976F11;} .e-hotel-module-wrap .calendar-table .body-cell td button[role="presentation"]{pointer-events:none;} .e-hotel-module-wrap .calendar-table .body-cell td button[disabled]{color:#959595 !important;pointer-events:none;} .e-hotel-module-wrap .calendar-table .body-cell td button .price-decoration{display:block;border-radius:2px;height:4px;width:20px;position:absolute;bottom:4px;left:50%;transform:translateX(-50%);} .e-hotel-module-wrap .calendar-table .body-cell td button .price-decoration.clr-GR{background-color:#40806A;} .e-hotel-module-wrap .calendar-table .body-cell td button .price-decoration.clr-GL{background-color:#B85C00;} .e-hotel-module-wrap .calendar-table .body-cell td button .price-decoration.clr-RD{background-color:#930000;} .e-hotel-module-wrap .calendar-table .body-cell button{width:100%;} .e-hotel-module-wrap .calendar-table .body-cell .interval{background-color:#fcf1f1;position:relative;height:45px;} .e-hotel-module-wrap .calendar-table .body-cell .today{font-weight:700;} .e-hotel-module-wrap .calendar-table .body-cell .dep-day{background-color:#cc0000 !important;color:#fff !important;font-weight:700;border-radius:50%;} .e-hotel-module-wrap .calendar-table .body-cell .arr-day{background-color:#cc0000 !important;color:#fff !important;font-weight:700;border-radius:50%;} .e-hotel-module-wrap .calendar-table .body-cell button.arr-day{color:#fff !important;} .e-hotel-module-wrap .calendar-table .body-cell .dep-day-wrap, .e-hotel-module-wrap .calendar-table .body-cell .arr-day-wrap{display:block;position:relative;width:100%;line-height:1;} .e-hotel-module-wrap .calendar-table .body-cell .dep-day-wrap:before{display:block;background:#fcf1f1;content:"";width:50%;height:100%;position:absolute;top:0px;right:0px;} .e-hotel-module-wrap .calendar-table .body-cell .arr-day-wrap:before{display:block;background:#fcf1f1;content:"";width:50%;height:100%;position:absolute;top:0px;left:0px;} .e-hotel-module-wrap .calendar-input-box .section-line{ border:none; background-color:#BFBFBF; height:1px; margin-top:0.5em; margin-bottom:0;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item{font-size:0;margin-top:56px;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item li{color:#fff; display:inline-block;border-radius:4px;padding:4px 12px 3px;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item li:not(:first-child){margin-left:8px;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item .clr-GR{background-color:#40806A;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item .clr-GL{background-color:#B85C00;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item .clr-RD{background-color:#930000;} .e-hotel-module-wrap .calendar-input-box .price-decoration-item + p{margin-top:4px;} .e-hotel-module-wrap .calendar-input-box .calendar-prev{position:absolute;top:20px;left:0;} .e-hotel-module-wrap .calendar-input-box .calendar-next{position:absolute;top:20px;right:0;} .e-hotel-module-wrap .calendar-head-unit{display:flex;align-items:center;width:480px;justify-content:space-between;padding-bottom:10px;} .e-hotel-module-wrap .calendar-head-unit .input-flexible-wrap .check-form{vertical-align:bottom;margin-right:0;} .e-hotel-module-wrap .calendar-head-unit .reset-button{background:url("/jp/ja/intltour/e-hotel/img_sites/icon_rsv_mdl_reset.svg") no-repeat 100% center;padding-right:24px;} .e-hotel-module-wrap .calendar-continue{text-align:center;} .e-hotel-module-wrap .calendar-continue > a{width:140px;} .e-hotel-module-wrap .calendar-continue > a:focus{outline:1px solid #cc0000;outline-offset:2px;} .e-hotel-module-wrap .calendar-button-area{text-align:center;margin-top:20px;} .e-hotel-module-wrap .calendar-button-area .button-back{min-width:200px;display:inline-block;border-radius:4px;padding:10px 20px;text-align:center;text-transform:none;font-family:"Montserrat", sans-serif;font-weight:400;font-size:1.4rem;box-sizing:border-box;border:1px solid #000;transition: all 0.2s ease 0s;} .e-hotel-module-wrap .calendar-button-area .button-back:hover, .e-hotel-module-wrap .calendar-button-area .button-back:focus{background:#cc0000;border-color:#cc0000;color:#fff;text-decoration:none;outline:none;} .e-hotel-module-wrap .calendar-button-area .button-back.disabled, .e-hotel-module-wrap .calendar-button-area .button-back[disabled]{background-color:#EBEBEB;color:#696969;pointer-events:none;cursor:not-allowed;border:#ebebeb;} .e-hotel-module-wrap .calendar-period{text-align:center;font-weight:700;margin-bottom:20px;} .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes{font-size:1.4rem;text-align:right;} .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes .holiday{font-weight:400;text-decoration:none;} .e-hotel-module-wrap .calendar-input-box .holiday{color:#cc0000 !important;text-decoration:underline;} .e-hotel-module-wrap .calendar-txtheader{font-size:1.8rem;font-weight:700;text-align:center;} /* クラス選択 */ .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box{background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15); border-radius:6px;padding:0px;width:424px;position:relative;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr{padding:50px 20px 30px 20px;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr > dt{font-weight:700;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr > dd{margin-top:18px;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box{background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15); border-radius:6px;padding:0px;width:424px;position:relative;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .dialog-radio-inr{padding:0 20px;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .passenger-btn-unit{padding:70px 20px 20px 20px;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr .noteList{margin-top:12px;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr .noteList > li{font-size:1.2rem;} .e-hotel-module-wrap .room-ttl{background: #F4F5F7;padding: 10px 16px;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .input-text{display:inline-block;width:calc(100% - 30px);}.e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .input-text + button{float:right;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .input-text{display:inline-block;width:calc(100% - 30px);} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .input-text + button{float:right;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit{font-size:0;cursor:default;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit li{display:inline-block;width:100%;margin:0 8px 8px 0;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"]{opacity:0;position:absolute;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"] + label{background:url(/jp/ja/intltour/e-hotel/img_sites/bg_book_marker_radio_off.svg) no-repeat 8px center;font-size:1.4rem;cursor:pointer;display:inline-block;background-color:#f4f5f6;color:#333;border-radius:4px;width:100%;padding:8px 16px 8px 31px;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"] + label:hover{background-color:#976F11;color:#fff;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"]:checked + label:hover{color:#333;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"]:checked + label{background-image:url(/jp/ja/intltour/e-hotel/img_sites/bg_book_marker_radio_on.svg);background-color:#fcf1f1;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"]:focus + label{outline:1px solid #976F11;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box{background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15); border-radius:6px 6px 6px 6px;padding:70px 0 16px 0;width:424px;position:relative;max-height:70vh;overflow-y:auto;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box dt{padding:0 16px;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box dd{/*border-bottom:1px solid #A46A00;*/padding:0 16px 30px 16px;} .e-hotel-module-wrap .reservation-hide-position.num-people-select .passenger-input-box dd{padding-top: 18px;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box dd .passenger-input{padding:0 16px 0 8px;font-size:1.68rem;width:385px;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box dd .passenger-input + button img{vertical-align:bottom;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box .input-text{display:inline-block;width:calc(100% - 30px);} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box .input-text + button{float:right;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box .button-primary{text-align:center;padding:10px 24px;display:block;width:140px;margin-left:auto;margin-right:auto;} .e-hotel-module-wrap .reservation-hide-position .num-people-list{display:table;width:100%;padding:0;box-sizing:border-box;padding-top:18px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .passenger-type, .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people{display:table-cell;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people{width:120px;text-align:right;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .passenger-type p + p{margin-top:0!important;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .passenger-type p + p a{color:#5B94D9; text-decoration:underline;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .btn-num{display:inline-block;width:26px;height:26px;border:1px solid #666;background-color:#666;border-radius:50%;line-height:24px;font-size:1.4rem;font-family:'Lato', sans-serif;color:#fff;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .btn-num[disabled="disabled"]{opacity:0.4;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .btn-num:hover:not([disabled="disabled"]), .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .btn-num:focus{border-color:#cc0000;color:#fff;background-color:#cc0000;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .number{display:inline-block;padding:0 8px;} .e-hotel-module-wrap .reservation-hide-position .coupon-wrap{display:block;padding:20px 16px 28px;} .e-hotel-module-wrap .reservation-hide-position .coupon-wrap .input-coupon-code{width:100%;border-bottom:1px solid #3E3E3E;padding-bottom:5px;} .e-hotel-module-wrap .reservation-hide-position .coupon-wrap .input-coupon-code[placeholder]{color:#333;font-size:1.68rem;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .button-primary{text-align:center;padding:10px 24px;display:block;width:140px;margin-left:auto;margin-right:auto;margin-bottom:15px;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .button-primary{text-align:center;padding:10px 24px;display:block;width:140px;margin-left:auto;margin-right:auto;margin-bottom:15px;} /* 提携航空会社選択 */ .e-hotel-module-wrap .btnBox.btnWt {width:100%} .e-hotel-module-wrap .btnBox.btnWt .btn {margin:32px auto 0 auto;padding:18px 44px 18px 16px;font-size:1.6rem;font-weight:bold;background-color:#fff;} .e-hotel-module-wrap .reservation-hide-position.airline-select-unit .passenger-btn-unit{min-height:auto;height:180px;padding:0 8px 0 0;overflow-y:scroll;overflow-x:hidden;} @media all and (max-width:739px){ .e-hotel-module-wrap .btnBox.btnWt .btn {margin:24px auto 0 auto;padding:8px 44px 8px 16px;} .e-hotel-module-wrap .reservation-hide-position.airline-select-unit .passenger-btn-unit{height:54vh;padding:0;} } /* 旅程パターン */ .e-hotel-module-wrap .textlink {width:100%} .e-hotel-module-wrap .itinerary-routelist-modal .itinerary-routelist-ttl-pc{font-weight:700;text-align:center;margin-bottom: 20px} .e-hotel-module-wrap .itinerary-routelist-wrap{background:#fff;border-radius:6px;position:relative;width:872px;padding:24px 112px 48px 112px;} .e-hotel-module-wrap .route-category01{overflow-y:auto;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a[aria-selected="true"]:hover, .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a[aria-selected="true"]:focus{color:#333;} .e-hotel-module-wrap .itinerary-routelist-inr.itinerary-routelist{position:relative;margin-top:8px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category-wrap{display:flex;border:2px solid #D5DBE2;height:442px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01{width:260px;overflow-y:auto;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category02{width:389px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li:last-child{border-bottom:0px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a{display:flex;border-right:2px solid #D5DBE2;align-items:center;background-color:#F4F5F6;font-size:1.4rem;font-weight:700;line-height:1.3;height:42px;padding:10px 16px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a[aria-expanded="true"]{border-right:0px;} /*.e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a:hover, .itinerary-routelist-inr .route-category01 > li > a:focus{background-color:#976F11;color:#fff;}*/ .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a[aria-expanded="true"]{background-color:#fff;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category01 > li > a[aria-expanded="true"]:hover{background-color:#fff;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category02{max-height:440px;overflow-y:auto;padding:0 14px 14px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category02 .candidate-item{display:flex;flex-flow:column;align-items:start;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;height:auto;padding:10px 14px;} .e-hotel-module-wrap .itinerary-routelist-inr .route-category02 .candidate-item img{margin-top:10px;} @media all and (max-width:739px){ .e-hotel-module-wrap .itinerary-routelist-modal{display:none;} .e-hotel-module-wrap .reservation-hide-position.itinerary-routelist .e-hotel-select-modal-box .candidate-item .item-col{width:100%} .e-hotel-module-wrap .reservation-hide-position.itinerary-routelist .e-hotel-select-modal-box .candidate-list.accordion-airportlist-parent > li{border-bottom: 1px solid #E4E8EC;} .e-hotel-module-wrap .reservation-hide-position.itinerary-routelist .e-hotel-select-modal-box .candidate-list.accordion-airportlist-child > li{padding:0 14px;border-bottom:none;} .e-hotel-module-wrap .reservation-hide-position.itinerary-routelist .e-hotel-select-modal-box .candidate-list.accordion-airportlist-child > li:last-child{padding-bottom:20px;} .e-hotel-module-wrap .reservation-hide-position.itinerary-routelist .e-hotel-select-modal-box .candidate-list.accordion-airportlist-child > li .check-form{width:100%;margin:auto;padding:10px 0 10px 24px;} } /* close */ .e-hotel-module-wrap .module-close{top:16px;right:36px;/*width:100%;min-width:auto;max-width:auto;margin:16px 0 14px 0;*/} /* bottom navi */ .e-hotel-module-wrap .reservation-btm-navi{} .e-hotel-module-wrap .reservation-btm-navi ul{display:flex;flex-wrap:wrap;flex-direction:column;} .e-hotel-module-wrap .reservation-btm-navi li{margin:8px 0 0 0;} .e-hotel-module-wrap .reservation-btm-navi li:last-child{margin:12px 0 0 0;} .e-hotel-module-wrap .reservation-head-nav li a{font-size:1.3rem;} /* Reservation module */ .e-hotel-module-wrap .tab-module-unit{width:100%;box-shadow:0 0 0;} .e-hotel-module-wrap .module-panels{padding:55px 16px 40px 16px;} .e-hotel-module-wrap.status-initial .module-panels{padding-top:28px;} .e-hotel-module-wrap .reservation-module-inr{padding:0;width:100%;} .e-hotel-module-wrap .module-panels .mdl-section{flex-direction:column;margin-top:20px;} .e-hotel-module-wrap .module-panels .mdl-section.mdl-sec-col2 > div{width:100%;margin-top:16px;} .e-hotel-module-wrap .module-panels .mdl-section.mdl-sec-col2 .mdl-parts-col2 .mdl-input-parts{width:calc(50% - 8px);} .e-hotel-module-wrap .module-panels .mdl-section .mdl-parts-col2 .mdl-input-parts{width:calc(50% - 8px);} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area{font-size:1.6rem;line-height:1.2;} .e-hotel-module-wrap .mdl-input-parts .mdl-link-txt a{font-size:1.3rem;} .e-hotel-module-wrap.mdl-input-section{min-width:100%;border-radius:50% 50% 0 0 / 20px 20px 0 0;padding:30px 0 0 0;} .e-hotel-module-wrap .search-type-unit{width:100%;} .e-hotel-module-wrap .module-panels .mdl-section.mdl-sec-free{margin-top:0px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.input-return{margin-right:0px;} .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .mdl-input-parts.input-people{margin-right:0px;} .e-hotel-module-wrap .search-type-unit[data-search-type="oneway"] .search-switch .mdl-input-parts:first-of-type{width:calc(100% / 2 - 8px);/*margin-right:16px;*/} .e-hotel-module-wrap .tab-search-type-unit{width:100%;} .e-hotel-module-wrap .check-select{font-size:1.5rem;line-height:1.2;text-align:left;margin-top:16px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.parts-join-2{width:calc(100% / 2 - 12px);margin: 32px 24px 0 0;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.parts-join-2:last-of-type{margin-right:0;} .e-hotel-module-wrap .mdl-note{font-size:1.1rem;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.non-head{margin-top:45px;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a > span{font-size:1.5rem;} .e-hotel-module-wrap .search-type-unit .search-type-switch > div > button > span > span{display:inline;font-size:1.2rem;} .e-hotel-module-wrap .multicity-set{text-align:center;margin-top:25px;} .e-hotel-module-wrap .multicity-set .multicity-search{margin:20px 0 20px 0;} .e-hotel-module-wrap .promotion-links-wrap dl, .e-hotel-module-wrap .promotionLinksWrap{margin-top:30px;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.no-bdr{background-color:#F4F5F6;} @media all and (max-width:739px){ .e-hotel-module-wrap .mdl-section .mdl-parts-free{row-gap: 16px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts, .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.input-roomnum{width:100%;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .mdl-input-parts.parts-join-2{width:100%;margin: 32px 0 0 0;} } /* Dep & Arr select */ /*.e-hotel-module-wrap .mdl-input-parts .mdl-input-area.dep-result, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area.arr-result{min-height:104px;padding:14px;}*/ .e-hotel-module-wrap [data-search-type="oneway"] .mdl-section .mdl-parts-free .mdl-input-parts.parts-join-2.input-inter-dep-time{width:100%;margin-right:0px;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .dep-result-inr01, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .arr-result-inr01{padding-left:0px;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .dep-result-inr01:before, .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .arr-result-inr01:before{display:none;} .e-hotel-module-wrap .arr-select{padding-right:0px;} /*.e-hotel-module-wrap .arr-select > span{display:none;}*/ .e-hotel-module-wrap .dep-select input, .e-hotel-module-wrap .arr-select input{width:calc(100% - 24px);} .e-hotel-module-wrap .dep-select textarea, .e-hotel-module-wrap .arr-select textarea{width:100% !important;height:auto;resize:none;overflow:hidden;line-height:1.5;} .e-hotel-module-wrap .dep-select .txt-placeholder, .e-hotel-module-wrap .arr-select .txt-placeholder{font-size:1.6rem;width:100%;} /*.e-hotel-module-wrap .dep-select .txt-placeholder{padding-right:20px;}*/ .e-hotel-module-wrap .dep-select .select-delete, .e-hotel-module-wrap .arr-select .select-delete{width:10px;height:10px;} .e-hotel-module-wrap .icon-deparr{top:66px;width:20px;height:20px;} .e-hotel-module-wrap .icon-replace-route{top:66px;width:32px;height:32px;} .e-hotel-module-wrap .icon-dep-date{left:50%;transform:translateX(-50%);width:16px;height:auto;top:70px;} .e-hotel-module-wrap .icon-deparr img, .e-hotel-module-wrap .icon-dep-date img, .e-hotel-module-wrap .icon-replace-route img{width:100%;} /*.e-hotel-module-wrap .dep-select{padding-right:20px;}*/ .e-hotel-module-wrap .reservation-hide-position .dialog-head-txt{font-size:1.8rem;} .e-hotel-module-wrap .mdl-input-parts.input-going .mdl-input-area, .e-hotel-module-wrap .mdl-input-parts.input-return .mdl-input-area{min-height:72px;} .e-hotel-module-wrap .inter-dep-time-select{top:auto;} .e-hotel-module-wrap .dep-select > input:focus-visible, .e-hotel-module-wrap .arr-select > input:focus-visible, .e-hotel-module-wrap .city-select-scbtn button.city-listsc:focus-visible{outline: -webkit-focus-ring-color auto 1px;} /* Arrival select */ .e-hotel-module-wrap .arr-select span.icon-input-search{display:none;} /* Date select */ .e-hotel-module-wrap .date-select{line-height:1.2;} .e-hotel-module-wrap .date-select .date-num{margin:0 2px;} .e-hotel-module-wrap .date-select .day-week{margin-left:4px;} /* People select */ /*.e-hotel-module-wrap .people-select dt{margin-right:12px;} .e-hotel-module-wrap .people-select dd{margin-right:24px;} .e-hotel-module-wrap .people-select dt:last-of-type img{width:8.25px;height:16.5px;}*/ /* 人数 */ @media all and (max-width:739px){ .e-hotel-module-wrap .reservation-hide-position .passenger-input-box{border-radius:0; width:100%;height:100%;max-height:100vh;padding:16px 0 ;overflow-y:auto;} .e-hotel-module-wrap .reservation-hide-position .dialog-head-txt{text-align: center;} .e-hotel-module-wrap .people-select{justify-content: flex-start;} .e-hotel-module-wrap .people-select dd{margin-right: 18px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_adult_gd.svg"]{width:16px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_youth_gd.svg"]{width:14px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_child_gd.svg"]{width:12px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_baby_gd.svg"]{width:10px;} .e-hotel-module-wrap .room-ttl{border-top: 1px solid #E8EBEF;} .e-hotel-module-wrap .reservation-hide-position .passenger-num-people li{border-top:1px solid #E8EBEF;} .e-hotel-module-wrap .reservation-hide-position .passenger-num-people li:last-child{border-bottom:1px solid #E8EBEF;} .e-hotel-module-wrap .reservation-hide-position .num-people-list{padding:12px 16px;margin-top:0px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list:not(:first-child){padding-top:12px;margin-top:0px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts.input-people .mdl-input-area, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts.input-people .mdl-input-area{min-height:56px;} .e-hotel-module-wrap .people-width-wrap{width:100%;} /* クラス選択 */ .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box{border-radius:0;width:100%;min-height:100%;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box{width:100%;height:100%;} .e-hotel-module-wrap .reservation-hide-position .passenger-class-box .passenger-btn-unit{padding-top:55px;} .e-hotel-module-wrap .reservation-hide-position .num-people-list .num-people .btn-num:hover:not([disabled="disabled"]){border-color:#666;color:#fff;background-color:#666;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr{padding:16px 0 30px 0;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr > dt{font-size:1.8rem;text-align:center;} .e-hotel-module-wrap .reservation-hide-position .passenger-input-box dd{padding:20px 0 20px 0;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts.input-class .mdl-input-area, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts.input-class .mdl-input-area{min-height:56px;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"]:checked + label{background-color:#F4F5F6;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"] + label{background-color:#fff;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit li{border-top:1px solid #E6E9ED;margin-bottom:0px;margin-right:0;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit li:last-child{border-bottom:1px solid #E6E9ED;} .e-hotel-module-wrap .reservation-hide-position .passenger-btn-unit input[type="radio"] + label{padding:12px 16px 12px 31px;} .e-hotel-module-wrap .reservation-hide-position .dialog-radio-box .dialog-radio-inr > dd{margin-top:25px;} /* 都市選択 */ .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box{border-radius:0px;width:100%;} .e-hotel-module-wrap .arr-result + .reservation-hide-position .e-hotel-select-modal-box{transform:translateX(calc(-50% - 8px)) !important;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box dd .flying-input{width:calc(100% - 40px);} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit{top:129px;width:70%;z-index:10000;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit.dep-area-select{left:0px;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .area-select-unit.arr-area-select{left:auto;right:0px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .item-col{padding:12px 24px 12px 26px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .toggle-body .candidate-item .item-col{padding:10px 24px 10px 26px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .item-col:first-of-type{width:100%;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .item-col:nth-of-type(2){width:26%;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item{display:flex;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-item .item-col{display:block;} .e-hotel-module-wrap .area-select-unit.stay-select-dialog{padding-top:56px;} /* area select */ .e-hotel-module-wrap .area-select-wrap{padding-top:16px;} .e-hotel-module-wrap .area-select-ttl{display:block;text-align:center;font-weight:700;font-size:1.8rem;} .e-hotel-module-wrap .area-select-ttl.intldp-select-head{margin-bottom:24px;} .e-hotel-module-wrap .area-select-unit{position:fixed !important;top:0px !important;left:0px !important;width:100% !important;border-radius:0px;height:100% !important;max-height:initial;box-shadow:0 0 0 rgba(0, 0, 0, 0.15);background-color:#fff;} .e-hotel-module-wrap .area-select-unit.area-select-autoheight{height:100% !important;padding-top:40px;/*max-height:80vh;*/} .e-hotel-module-wrap .area-select-unit.area-select-autoheight{padding-top:16px;} .e-hotel-module-wrap .tourdp-area-dialog.area-select-unit.area-select-autoheight{padding-top:0px;} .e-hotel-module-wrap [data-module-type="intltourdp"] .area-select-unit{top:130px !important;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box{box-shadow:none !important;/*height:100% !important;*/} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .candidate-wrap{/*max-height:47vh !important;*/border-radius:6px;overflow:visible;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-select-wrap .candidate-wrap > .candidate-list{background-color: #f4f5f6;height: calc(100vh - 203px);} .e-hotel-module-wrap .dep-select, .e-hotel-module-wrap .arr-select{position:relative;} .e-hotel-module-wrap .dep-select .select-delete, .e-hotel-module-wrap .arr-select .select-delete{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:10px;z-index:10;line-height:0;} .e-hotel-module-wrap .dep-select .select-delete img, .e-hotel-module-wrap .arr-select .select-delete img{width:100%;} .e-hotel-module-wrap .arr-select{padding-right:0px;} .e-hotel-module-wrap .arr-select > span{display:none;} .e-hotel-module-wrap .dep-select .txt-placeholder{padding-right:10px;} .e-hotel-module-wrap .dep-select .txt-placeholder, .e-hotel-module-wrap .arr-select .txt-placeholder{font-size:1.8rem;width:calc(100% - 24px);} .e-hotel-module-wrap .area-select-input{display:block;padding:0 16px;margin:24px 0 8px 0;} .e-hotel-module-wrap .area-select-input .txt-placeholder{display:none;} .e-hotel-module-wrap .area-select-input input, .e-hotel-module-wrap .area-select-input textarea{border:1px solid #D5DBE2;box-shadow:0px 2px 10px #E2E7ED;border-radius:6px; padding:11px 16px 11px 16px;font-size:1.6rem;width:100%;} /* カレンダー */ .e-hotel-module-wrap .calendar-table-wrap{min-height:auto;height:54vh;overflow-y:auto;} .e-hotel-module-wrap .reservation-hide-position .calendar-input-box{border-radius:0px;min-width:auto;min-height:100%;max-width:100%;} .e-hotel-module-wrap .reservation-hide-position .calendar-input-box .box-inner{padding:16px;} /*.e-hotel-module-wrap .reservation-hide-position .calendar-input-box{box-shadow:none;}*/ .e-hotel-module-wrap .calendarItem .month{text-align: center;} .e-hotel-module-wrap .calendar-table-unit{width:100%;padding:0;overflow:hidden;max-width: 336px;} .e-hotel-module-wrap .calendar-head-unit{width:auto;padding:0;flex-flow:wrap;justify-content:flex-end;} .e-hotel-module-wrap .calendar-table{margin-top:0px;} .e-hotel-module-wrap .calendarItem .month li:first-child{margin-top:8px;} .e-hotel-module-wrap .calendar-table caption{margin-bottom:10px;} .e-hotel-module-wrap .calendar-button-area{margin:20px 16px 0 16px;} .e-hotel-module-wrap .calendar-button-area .button-back{min-width:auto;} .e-hotel-module-wrap .calendar-table .body-cell td button{padding:13px 0;line-height:1;font-size:1.8rem;} .e-hotel-module-wrap .calendar-table .head-cell th{padding:14px 10px 10px 10px;} .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes{text-align:left;margin-top:-20px;} .e-hotel-module-wrap .calendarList{margin-top:20px;} .e-hotel-module-wrap .calendar-txtheader{margin:-35px 0 10px 0;} } @media all and (max-width:374px){ .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_adult_gd.svg"]{width:14px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_youth_gd.svg"]{width:12px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_child_gd.svg"]{width:9px;} .e-hotel-module-wrap .people-select dt img[src$="icon_rsv_mdl_baby_gd.svg"]{width:6px;} /*.e-hotel-module-wrap .people-select dd{margin-right:4px;}*/ .e-hotel-module-wrap [data-search-type="domtourdp"] .people-select dt img[src$="icon_rsv_mdl_adult_gd.svg"]{width:16px;} .e-hotel-module-wrap [data-search-type="domtourdp"] .people-select dt img[src$="icon_rsv_mdl_youth_gd.svg"]{width:14px;} .e-hotel-module-wrap [data-search-type="domtourdp"] .people-select dt img[src$="icon_rsv_mdl_child_gd.svg"]{width:12px;} .e-hotel-module-wrap [data-search-type="domtourdp"] .people-select dt img[src$="icon_rsv_mdl_baby_gd.svg"]{width:10px;} .e-hotel-module-wrap [data-search-type="domtourdp"] .people-select dd{margin-right:18px;} } @media all and (max-width:320px){ .e-hotel-module-wrap [data-unit="modal"]{padding-top:40px;} .e-hotel-module-wrap .calendar-table-wrap{height:48vh;} .e-hotel-module-wrap .calendar-table .body-cell td button{padding:8px 0;} .e-hotel-module-wrap .tab-search-type-unit .search-type-switch > li > a > span{font-size:1.3rem;} } /* Modal cityliset */ .e-hotel-module-wrap .airport-mldlist-wrap, .e-hotel-module-wrap .e-hotel-mldlist-wrap {background:#fff;border-radius:6px;position:relative;width:872px;min-height:590px;padding:24px 112px 48px 112px;} .e-hotel-module-wrap .non-list a{background:#E2E7ED !important;pointer-events:none;} .e-hotel-module-wrap .city-category01{overflow-y:auto;} .e-hotel-module-wrap .airport-mldlist-wrap .major-airports li:last-child{border-bottom:4px solid #D5DBE2 !important;} .e-hotel-module-wrap .airport-mldlist-inr .city-category01 > li > a[aria-expanded="true"]:hover, .e-hotel-module-wrap .airport-mldlist-inr .city-category01 > li > a[aria-expanded="true"]:focus{color:#333;} .e-hotel-module-wrap .airport-mldlist-wrap .airport-change-anc{text-align:right;} .e-hotel-module-wrap .airport-change-anc-sp{display:none;} .e-hotel-module-wrap .airport-change-list-anc a{display:block;border-bottom:1px solid #E4E8EC;color:#4C559A;padding:12px 24px 12px;} .e-hotel-module-wrap .airport-change-list-anc a:hover{text-decoration:underline;} .e-hotel-module-wrap .airport-change-list-anc a span{display:inline-block;position:relative;} .e-hotel-module-wrap .airport-change-list-anc a span::before{content:"";width:6px;height:6px;border-top:2px solid #cc0000;border-right:2px solid #cc0000;position:absolute;top:50%;right:-10px;transform:rotate(45deg) translateY(-50%);} @media all and (max-width:739px){ .e-hotel-module-wrap .airport-mldlist-modal{display:none;} .e-hotel-module-wrap .airport-change-anc-sp{display:block;text-align:right;padding:24px 16px 16px 0px;} .e-hotel-module-wrap .airport-change-anc-sp a{color:#333;} } /* dom */ .e-hotel-module-wrap .airport-mldlist-inr.dom-citylist{position:relative;margin-top:8px;} .e-hotel-module-wrap .dom-citylist .city-category-wrap{display:flex;border:2px solid #D5DBE2;height:442px;} .e-hotel-module-wrap .dom-citylist .city-category01{width:260px;} .e-hotel-module-wrap .dom-citylist .city-category02{width:389px;} .e-hotel-module-wrap .dom-citylist .city-category01 > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .dom-citylist .city-category01 > li:last-child{border-bottom:0px;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a{display:flex;border-right:2px solid #D5DBE2;align-items:center;background-color:#F4F5F6;font-size:1.4rem;font-weight:700;line-height:1.3;height:42px;padding:10px 16px;transition:unset;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-pressed="true"]{border-right:0px;} /*.dom-citylist .city-category01 > li > a:hover, .dom-citylist .city-category01 > li > a:focus{background-color:#976F11;color:#fff;}*/ .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-pressed="true"]{background-color:#fff;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-pressed="true"]:hover{background-color:#fff;} .e-hotel-module-wrap .dom-citylist .city-category02{max-height:440px;overflow-y:auto;padding:0 14px 14px;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list > li div[role="heading"]{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list > li div[role="heading"] b{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;padding:10px 4px;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li > a{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;padding:10px 16px 10px 18px;} .e-hotel-module-wrap .dom-citylist _:-ms-lang(x)::-ms-backdrop, .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li > a{padding:11px 16px 11px;} /*.dom-citylist .city-category02 .ap-parent-list ul > li > a:hover, .dom-citylist .city-category02 > li > a:focus{background-color:#976F11;color:#fff;text-decoration:none;}*/ .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li > a .ap-ctiy-name{min-width:81%;margin-right:2%;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li > a .ap-ctiy-name span{display:block;} .e-hotel-module-wrap .dom-citylist .city-category02 .ap-parent-list ul > li > a .ap-code{text-align:right;min-width:17%;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;height:auto;padding:10px 16px;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:first-of-type{min-width:81%;margin-right:2%;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:first-of-type > span{display:block;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:last-of-type{text-align:right;min-width:17%;} /* dom */ .e-hotel-module-wrap .airport-mldlist-inr.dom-citylist{position:relative;margin-top:8px;} .e-hotel-module-wrap .dom-citylist .city-category-wrap{display:flex;border:2px solid #D5DBE2;height:442px;} .e-hotel-module-wrap .dom-citylist .city-category01{width:260px;overflow-y:auto;} .e-hotel-module-wrap .dom-citylist .city-category02{width:389px;} .e-hotel-module-wrap .dom-citylist .city-category01 > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .dom-citylist .city-category01 > li:last-child{border-bottom:0px;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a{display:flex;border-right:2px solid #D5DBE2;align-items:center;background-color:#F4F5F6;font-size:1.4rem;font-weight:700;line-height:1.3;height:42px;padding:10px 16px;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-expanded="true"]{border-right:0px;} /*.dom-citylist .city-category01 > li > a:hover, .dom-citylist .city-category01 > li > a:focus{background-color:#976F11;color:#fff;}*/ .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-expanded="true"]{background-color:#fff;} .e-hotel-module-wrap .dom-citylist .city-category01 > li > a[aria-expanded="true"]:hover{background-color:#fff;} .e-hotel-module-wrap .dom-citylist .city-category02{max-height:440px;overflow-y:auto;padding:0 14px 14px;} .e-hotel-module-wrap .dom-citylist .city-category02 ul > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .dom-citylist .city-category02 ul > li > a{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;padding:10px 16px;} .e-hotel-module-wrap .dom-citylist _:-ms-lang(x)::-ms-backdrop, .e-hotel-module-wrap .dom-citylist .city-category02 ul > li > a{padding:11px 16px;} /*.dom-citylist .city-category02 ul > li > a:hover, .dom-citylist .city-category02 > li > a:focus{background-color:#976F11;color:#fff;text-decoration:none;}*/ .e-hotel-module-wrap .dom-citylist .city-category02 ul > li > a .ap-ctiy-name{min-width:81%;margin-right:2%;} .e-hotel-module-wrap .dom-citylist .city-category02 ul > li > a .ap-ctiy-name span{display:block;} .e-hotel-module-wrap .dom-citylist .city-category02 ul > li > a .ap-code{text-align:right;min-width:17%;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;height:auto;padding:10px 16px;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:first-of-type{min-width:81%;margin-right:2%;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:first-of-type > span{display:block;} .e-hotel-module-wrap .dom-citylist .city-category02 .candidate-item .item-col:last-of-type{text-align:right;min-width:17%;} /* inter */ .e-hotel-module-wrap .airport-mldlist-inr.int-citylist{position:relative;margin-top:20px;} .e-hotel-module-wrap .int-citylist .city-category-wrap{display:flex;border:2px solid #D5DBE2;height:438px;} .e-hotel-module-wrap .int-citylist .city-category01{width:260px;background-color: #e2e7ed;} .e-hotel-module-wrap .int-citylist .city-category02{width:389px;} .e-hotel-module-wrap .int-citylist .city-category01 > li{border-bottom:2px solid #D5DBE2;} /*.int-citylist .city-category01 > li:last-child{border-bottom:0px;}*/ .e-hotel-module-wrap .int-citylist .city-category01 > li > a{display:flex;border-right:2px solid #D5DBE2;align-items:center;background-color:#F4F5F6;font-size:1.4rem;font-weight:700;line-height:1.3;height:42px;padding:10px 16px;transition:unset;} .e-hotel-module-wrap .int-citylist .city-category01 > li > a[aria-expanded="true"]{border-right:0px;} /*.int-citylist .city-category01 > li > a:hover, .int-citylist .city-category01 > li > a:focus{background-color:#976F11;color:#fff;}*/ .e-hotel-module-wrap .int-citylist .city-category01 > li > a[aria-expanded="true"]{background-color:#fff;} .e-hotel-module-wrap .int-citylist .city-category01 > li > a[aria-expanded="true"]:hover{background-color:#fff;} .e-hotel-module-wrap .int-citylist .city-category02{max-height:440px;overflow-y:auto;padding:0 14px 14px;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list > li[aria-hidden="true"]{display: none;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list > li div[role="heading"]{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list > li div[role="heading"] b{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;padding:10px 4px;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li{border-bottom:2px solid #D5DBE2;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li > a{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;padding:10px 16px 10px 18px;} .e-hotel-module-wrap .int-citylist _:-ms-lang(x)::-ms-backdrop, .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li > a{padding:11px 16px 11px;} /*.int-citylist .city-category02 .ap-parent-list ul > li > a:hover, .int-citylist .city-category02 > li > a:focus{background-color:#976F11;color:#fff;text-decoration:none;}*/ .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li > a .ap-ctiy-name{min-width:81%;margin-right:2%;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li > a .ap-ctiy-name span{display:block;} .e-hotel-module-wrap .int-citylist .city-category02 .ap-parent-list ul > li > a .ap-code{text-align:right;min-width:17%;} .e-hotel-module-wrap .int-citylist .city-category02 .candidate-item{display:flex;align-items:center;font-size:1.4rem;line-height:1.3;width:100%;min-height:42px;height:auto;padding:10px 16px;} .e-hotel-module-wrap .int-citylist .city-category02 .candidate-item .item-col:first-of-type > span{display:block;} .e-hotel-module-wrap .tab-airport-select[data-airportMdl-select="dom"] .line-tablist-wrap li:first-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap .tab-airport-select[data-airportMdl-select="dom"] .line-tablist-wrap li:first-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap .tab-airport-select[data-airportMdl-select="inter"] .line-tablist-wrap li:last-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap .tab-airport-select[data-airportMdl-select="inter"] .line-tablist-wrap li:last-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} /* /Modal cityliset */ /******************************************************************************************** Status ********************************************************************************************/ /* Reservation module tab style */ .e-hotel-module-wrap [data-module-type="status"] [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li{width:calc(100% / 3);} .e-hotel-module-wrap [data-module-type="status"] .mdl-section .mdl-parts-free .mdl-input-parts{width:170px;margin-right:24px;} .e-hotel-module-wrap [data-module-type="status"] .tab-search-type-unit[data-search-type="domstatus"] .search-type-switch > li:first-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap [data-module-type="status"] .tab-search-type-unit[data-search-type="domstatus"] .seartablist-wrapch-type-switch > li:first-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap [data-module-type="status"] .tab-search-type-unit[data-search-type="intlstatus"] .search-type-switch > li:last-of-type > a{color:#CC0000;font-weight:700;} .e-hotel-module-wrap [data-module-type="status"] .tab-search-type-unit[data-search-type="intlstatus"] .search-type-switch > li:last-of-type > a:before{content:"";background:#CC0000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;} .e-hotel-module-wrap [data-module-type="status"]{background:#fff;margin-top:135px;} .e-hotel-module-wrap [data-search-type="intlstatus"] .dep-select input, .e-hotel-module-wrap [data-search-type="intlstatus"] .arr-select input{width:0px;height:0px;} .e-hotel-module-wrap [data-search-type="intlstatus"] .status-dep-input-set, .e-hotel-module-wrap [data-search-type="intlstatus"] .status-arr-input-set{color:#333;font-weight:700;} /* 都市切り替え */ .e-hotel-module-wrap [data-module-type="status"] .status-select-list{display:flex;} .e-hotel-module-wrap [data-module-type="status"] .status-select-list li{margin-right:20px;} .e-hotel-module-wrap [data-module-type="status"] .status-select-list input[type="radio"]{position:absolute;opacity:0;} .e-hotel-module-wrap [data-module-type="status"] .status-select-list input[type="radio"]:focus + label{outline:1px solid #976F11;} .e-hotel-module-wrap [data-module-type="status"] .status-select-list input[type="radio"] + label{background:url(/jp/ja/intltour/e-hotel/img_sites/bg_book_marker_radio_off.svg) no-repeat 8px center;font-size:1.4rem;cursor:pointer;display:inline-block;color:#333;border-radius:4px;width:100%;padding:8px 16px 8px 31px;} .e-hotel-module-wrap [data-module-type="status"] .status-select-list input[type="radio"]:checked + label{background-image:url(/jp/ja/intltour/e-hotel/img_sites/bg_book_marker_radio_on.svg);} .e-hotel-module-wrap [data-module-type="status"] [data-search-status="route"] .input-direction, .e-hotel-module-wrap [data-module-type="status"] [data-search-status="route"] .input-travel-start{display:none;} .e-hotel-module-wrap [data-module-type="status"] [data-search-status="route"] .mdl-parts-free .input-hotel-grade{margin-right:0px;} .e-hotel-module-wrap [data-module-type="status"] [data-search-status="flightnum"] .mdl-section .mdl-parts-free .mdl-input-parts.input-class{margin-right:0px;} .e-hotel-module-wrap [data-module-type="status"] [data-search-type="domstatus"] [data-search-status="route"] .input-airlines, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="domstatus"] [data-search-status="route"] .input-flightnum, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="domstatus"] [data-search-status="flightnum"] .input-going, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="domstatus"] [data-search-status="flightnum"] .input-return, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="domstatus"] [data-search-status="flightnum"] .icon-replace-route, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="route"] .input-airlines, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="route"] .input-flightnum, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="flightnum"] .input-going, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="flightnum"] .input-return, .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="flightnum"] .icon-deparr{display:none !important;} .e-hotel-module-wrap [data-module-type="status"] .tab-search-type-unit .search-type-switch > li > a{padding:16px 8px;} .e-hotel-module-wrap [data-module-type="status"] .input-flightnum input{font-size:1.6rem;width:100%;} .e-hotel-module-wrap .mdl-input-parts .mdl-input-area .stya-date-select > span{display:block;width:100%;} .e-hotel-module-wrap .sp-status-navi{display:none;} .e-hotel-module-wrap [data-module-type="status"] [data-search-status="flightnum"] .mdl-section.sec-dep{margin-top:0px;} .e-hotel-module-wrap [data-module-type="status"] [data-search-status="route"] .mdl-section.sec-airlines{margin-top:0px;} .e-hotel-module-wrap [data-module-type="status"] [data-search-type="intlstatus"] [data-search-status="flightnum"] .icon-replace-route{display:none !important;} .e-hotel-module-wrap [data-module-type="status"] .other-flights{text-align:right;} @media all and (max-width:739px){ .e-hotel-module-wrap [data-module-type="status"].reservation-module-inr{display:none;} .e-hotel-module-wrap .sp-status-navi{display:block;text-align:center;} .e-hotel-module-wrap .sp-status-navi li{margin-top:15px;} } .e-hotel-module-wrap .header-wrap .header-unit .search-box.on-focus button{transform:translateY(-20px);} .e-hotel-module-wrap .search-desti input{font-weight:700;} .e-hotel-module-wrap .search-desti input::placeholder{font-weight:400;} .e-hotel-module-wrap .status-initial .module-topbnr{display:none;} /**** r1 ****/ @media all and (max-width:739px){ .e-hotel-module-wrap .reservation-hide-position[data-unit="modal"]{padding:0px;} .e-hotel-module-wrap [data-unit="modal"] .modal-close{right:auto !important;left:0px !important;} /*[data-unit="modal"] .modal-close.fix-position{position:fixed;z-index:10;}*/ .e-hotel-module-wrap.module-up{position:absolute;top:0px;left:0px;margin-top:0px;z-index:9999;} .e-hotel-module-wrap.module-up .reservation-module-inr{overflow-y:scroll;height:100vh;-webkit-overflow-scrolling:auto;overflow-scrolling:auto;} .e-hotel-module-wrap.module-up .tab-module-unit{border-radius:0px;min-height:100vh;} .e-hotel-module-wrap.module-up .area-select-unit{top:0px !important;left:0% !important;width:100vw !important;transform:translateX(0%);} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a{background-color:#fff;} .e-hotel-module-wrap [data-unit="tab"].tab-module-unit > .tablist-wrap > [role="tablist"] > li > a[aria-selected="true"]{color:#cc0000;} .e-hotel-module-wrap .tab-module-unit{background:#fff !important;} /* .e-hotel-module-wrap.category-domint #WA_booktab-ctr-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people, .e-hotel-module-wrap.category-domint #WA_booktab-ctr-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-class{width:100%;margin-right:0px;} .e-hotel-module-wrap.category-domint #WA_booktab-ctr-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people .mdl-input-area .people-select{width:56%;} */ .e-hotel-module-wrap.category-domint #WA_ctrl-home-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people, .e-hotel-module-wrap.category-domint #WA_ctrl-home-int-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people, .e-hotel-module-wrap.category-domint #WA_ctrl-home-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-class, .e-hotel-module-wrap.category-domint #WA_ctrl-home-int-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-class{width:100%;margin-right:0px;} .e-hotel-module-wrap.category-domint #WA_ctrl-home-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people .mdl-input-area .people-select, .e-hotel-module-wrap.category-domint #WA_ctrl-home-int-module-type-01 .mdl-section .mdl-parts-free .mdl-input-parts.input-people .mdl-input-area .people-select{width:56%;} .e-hotel-module-wrap .module-topbnr{margin-top:32px;} } /* calendar_components.css */ .e-hotel-module-wrap .JS_calendarScroll{overflow: hidden;overflow-y: auto;} @media all and (max-width:739px){ .e-hotel-module-wrap .JS_dispSPSize{width: 100% !important;height: 100vh !important;} } /* suggest_components.css */ .e-hotel-module-wrap .u-js-opacity{display:none;} .e-hotel-module-wrap .candidate-item{height:48px;} .e-hotel-module-wrap .u-js-disnon{display:none;} .e-hotel-module-wrap #JS_departureAirport{outline:0;width:100%;} .e-hotel-module-wrap .toggle-body{display:none;} .e-hotel-module-wrap .scrollSticky{position:sticky;top:0;width:100%;background:white;} .e-hotel-module-wrap .rt-popup{width:275px;height:150px;} .e-hotel-module-wrap .rt-popup .square-box-inr{padding:20px 24px;} .e-hotel-module-wrap .rt-popup .square-box-inr .square-mdl{height:auto !important;} /* goto travel link */ .e-hotel-module-wrap .goto-reservation{display:flex;justify-content:space-between;align-items:center;background:#F4F5F6;padding:16px 30px;margin-top:20px;} .e-hotel-module-wrap .goto-reservation .goto-txt{font-size:1.6rem;margin-right:20px;} .e-hotel-module-wrap .goto-reservation .goto-link{font-size:1.6rem;text-align:center;} .e-hotel-module-wrap .goto-reservation .goto-link a{width:240px;} .e-hotel-module-wrap .status-initial .goto-reservation{display:none;} @media all and (max-width:739px){ .e-hotel-module-wrap .goto-reservation{display:block;background:#fff;padding:18px 16px;} .e-hotel-module-wrap .goto-reservation .goto-txt{margin:0;} .e-hotel-module-wrap .goto-reservation .goto-link{margin-top:12px;} .e-hotel-module-wrap .goto-reservation .goto-link a{width:100%;} } .suggestion-reader{font-size:0;position:absolute;overflow:hidden;height:1px;width:1px;margin-top:-1px;clip:rect(0 0 0 0);} /* モジュール ご注意 */ .e-hotel-module-wrap .mdlnote-box{background:#F4F5F6;border-radius:0px !important;padding:16px 32px;margin-top:40px;} .e-hotel-module-wrap .mdlnote-box a{color:#cc0000;} .e-hotel-module-wrap .mdlnote-box a:hover, .e-hotel-module-wrap .mdlnote-box a:focus{color:#976F11;} .e-hotel-module-wrap .mdlnote-box .btn-rd-clr:hover, .e-hotel-module-wrap .mdlnote-box .btn-rd-clr:focus{color:#976F11;} .e-hotel-module-wrap .mdlnote-box > dl{background:transparent;padding:0px;margin:0px;} .e-hotel-module-wrap .mdlnote-box > dl > dt{text-align:center;} .e-hotel-module-wrap .mdlnote-box > dl > dt span{font-weight:700;} .e-hotel-module-wrap .mdlnote-box > dl > dd{font-size:1.6rem;margin-top:5px;} .e-hotel-module-wrap .mdlnote-box-important{background:#FDF5F5;border-radius:0px !important;padding:16px 32px;margin-top:40px;} .e-hotel-module-wrap .mdlnote-box-important > dl{background:transparent;padding:0px;margin:0px;} .e-hotel-module-wrap .mdlnote-box-important > dl > dt{text-align:center;} .e-hotel-module-wrap .mdlnote-box-important > dl > dt span{display:inline-block;color:#cc0000;font-weight:700;position:relative;padding-left:30px;} .e-hotel-module-wrap .mdlnote-box-important > dl > dt span:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_warning_rd.svg) 0 0 no-repeat;width:25px;height:24px;position:absolute;top:0px;left:0px;} .e-hotel-module-wrap .mdlnote-box-important > dl > dd{font-size:1.6rem;margin-top:5px;} .e-hotel-module-wrap .interArr-promotion-section .mdlnote-box, .e-hotel-module-wrap .interArr-promotion-section .mdlnote-box-important{margin-top:20px;} @media (max-width: 739px){ .e-hotel-module-wrap .mdlnote-box{background:#fff;padding:16px 20px;margin-top:30px;} .e-hotel-module-wrap .mdlnote-box > dl > dt{text-align:left;} .e-hotel-module-wrap .mdlnote-box > dl > dd{margin-top:4px;} .e-hotel-module-wrap .mdlnote-box a:hover, .e-hotel-module-wrap .mdlnote-box a:focus{color:#cc0000;} .e-hotel-module-wrap .mdlnote-box-important > dl > dt{text-align:left;} } /* 国際お知らせ */ .e-hotel-module-wrap [data-module-type="dom"] .promoInter > dt, .e-hotel-module-wrap [data-module-type="inter"] .promoInter > dt{text-align:center;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter > dt span, .e-hotel-module-wrap [data-module-type="inter"] .promoInter > dt span{display:inline-block;color:#cc0000;font-weight:700;position:relative;padding-left:30px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter > dt span:before, .e-hotel-module-wrap [data-module-type="inter"] .promoInter > dt span:before{display:block;content:"";background:url(/jp/ja/intltour/e-hotel/img_sites/icon_warning_rd.svg) 0 0 no-repeat;width:25px;height:24px;position:absolute;top:0px;left:0px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter > dd, .e-hotel-module-wrap [data-module-type="inter"] .promoInter > dd{margin-top:5px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter .promotionLinks li, .e-hotel-module-wrap [data-module-type="inter"] .promoInter .promotionLinks li{padding-left:0px;} .e-hotel-module-wrap [data-module-type="dom"] .promoInter .promotionLinks li:before, .e-hotel-module-wrap [data-module-type="inter"] .promoInter .promotionLinks li:before{display:none;} .e-hotel-module-wrap [data-module-type="dom"] .promotion-links-wrap .promotion-links > li > p, .e-hotel-module-wrap [data-module-type="inter"] .promotion-links-wrap .promotion-links > li > p{text-align:center;} /* 都市リスト表示改善新規 */ .e-hotel-module-wrap .city-select-scbtn{display:block;position:absolute;top:0;right:0px;width:74px;height:100%;} .e-hotel-module-wrap .city-select-scbtn button{width:100%;height:100%;} .e-hotel-module-wrap .city-select-scbtn button.city-listsc{position:relative;} .e-hotel-module-wrap .city-select-scbtn button.city-listsc img{position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);width:auto;} .e-hotel-module-wrap .city-select-scbtn button.city-listsc .city-listsc-txt{color:#666;font-size:1rem;position:absolute;top:50%;right:9px;transform:translateY(30%);} @media all and (min-width:740px){ .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .type-full.pc-col2-ow.non-replace .mdl-input-parts{width:calc(100% / 2 - 12px);} .e-hotel-module-wrap .dep-select, .e-hotel-module-wrap .arr-select{height:100%;} .e-hotel-module-wrap .mdl-input-parts-set.type-full.mdl-input-parts-setInr{border:0px;box-shadow:none;border-radius:0;justify-content:space-between;padding:0px;} .e-hotel-module-wrap .mdl-input-parts-set.type-full.mdl-input-parts-setInr .mdl-input-parts{border:1px solid #D5DBE2;box-shadow:0px 2px 10px rgb(0 0 0 / 15%);border-radius:6px;} .e-hotel-module-wrap .mdl-section .mdl-parts-col2 .type-full.mdl-input-parts{width:348px;} .e-hotel-module-wrap .mdl-input-parts-set.type-full.mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result{padding-left:48px;} .e-hotel-module-wrap .mdl-input-parts-set.type-full.mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result{padding-left:48px;} .e-hotel-module-wrap .mdl-input-parts-set.mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.dep-result::before{left:16px;} .e-hotel-module-wrap .mdl-input-parts-set.mdl-input-parts-setInr .mdl-input-parts .mdl-input-area.arr-result::before{left:16px;} .e-hotel-module-wrap .dep-select input, .e-hotel-module-wrap .arr-select input{width:calc(100% - 68px);height:100%;font-size:1.6rem;font-weight:bold;} .e-hotel-module-wrap .dep-select .select-delete{right:80px;} .e-hotel-module-wrap .arr-select .select-delete{right:80px;} .e-hotel-module-wrap .mdl-input-parts-set.icon-deparr{display:none !important;} .e-hotel-module-wrap .dep-select .txt-placeholder, .e-hotel-module-wrap .arr-select .txt-placeholder{font-size:1.6rem; width:calc(100% - 100px);} .e-hotel-module-wrap .mdl-input-parts::after{display:none;content:"";border-left:2px solid #D5DBE2;width:1px;height:100%;position:absolute;top:0px;right:62px;} .e-hotel-module-wrap .replace-route-btn{top:27px;width:40px;height:40px;} .e-hotel-module-wrap .replace-route-btn img{width:40px;height:40px;} .e-hotel-module-wrap .status-initial .replace-route-btn{top:17px;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box{background: #fff; border-radius: 6px; position: relative;width: 872px; min-height: 564px; padding: 24px 112px 48px 112px;} .e-hotel-module-wrap .e-hotel-select-modal-ttl {font-weight: 700; text-align: center;font-size: 1.8rem;} .e-hotel-module-wrap .e-hotel-select-modal-box .default-wrap {margin-top: 20px;} } /* モジュールエラー */ .e-hotel-module-wrap .mdl-error-txt{font-weight:700;position:relative;padding-left:14px;} .e-hotel-module-wrap .mdl-error-txt::before{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_mdl_error.svg) 0 0 no-repeat;background-size:16px 16px;position:absolute;top:2px;left:-2px;width:16px;height:16px;} .e-hotel-module-wrap .mdl-error-txt{color:#cc0000;font-size:1.2rem;margin-bottom:4px;} .e-hotel-module-wrap .btm-error-area{color:#cc0000;line-height:1.4;margin-top:30px;} .e-hotel-module-wrap .btm-error-area li{font-size:1.4rem;margin-bottom:5px;} .e-hotel-module-wrap .dialog-error-wrap{margin-bottom:8px;} .e-hotel-module-wrap .dialog-error-wrap .dialog-error-txt{color:#cc0000;font-size:1.2rem;font-weight:700;position:relative;padding-left:14px;} .e-hotel-module-wrap .dialog-error-wrap .dialog-error-txt::before{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_mdl_error.svg) 0 0 no-repeat;background-size:16px 16px;position:absolute;top:2px;left:-2px;width:16px;height:16px;} .e-hotel-module-wrap .calendar-error-txt{color:#cc0000;font-size:1.2rem;font-weight:700;position:relative;padding-left:14px;margin:10px 0 20px 0;} .e-hotel-module-wrap .calendar-error-txt::before{content:"";display:block;background:url(/jp/ja/intltour/e-hotel/img_sites/icon_mdl_error.svg) 0 0 no-repeat;background-size:16px 16px;position:absolute;top:2px;left:-2px;width:16px;height:16px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts .label-head, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts .label-head{margin-bottom:4px;} .e-hotel-module-wrap [data-search-type="oneway"] .mdl-input-parts.input-return, .e-hotel-module-wrap [data-search-type="oneway"] .mdl-input-parts.input-inter-arr-time{display:none !important;} .e-hotel-module-wrap .dialog-error-wrap.passenger-dialog-error .dialog-error-txt{margin-bottom:6px;} .e-hotel-module-wrap .passenger-alert-warp, .e-hotel-module-wrap .airline-alert-warp{margin-top:20px;} .e-hotel-module-wrap .passenger-alert-warp *, .e-hotel-module-wrap .airline-alert-warp *{font-size:1.5rem;} .e-hotel-module-wrap .passenger-alert-warp .form-alert, .e-hotel-module-wrap .airline-alert-warp .form-alert{padding-left:0px;} .e-hotel-module-wrap .passenger-alert-warp .form-alert:before, .e-hotel-module-wrap .airline-alert-warp .form-alert:before{display:none;} @media (max-width: 739px){ .e-hotel-module-wrap .dialog-error-txt{padding:0 8px;} .e-hotel-module-wrap .deparr-error-wrap .mdl-error-txt{width:100%;} .e-hotel-module-wrap .dialog-error-wrap .dialog-error-txt{margin:0 8px;} .e-hotel-module-wrap.status-initial [data-module-type="dom"] .mdl-input-parts-set .icon-deparr, .e-hotel-module-wrap.status-initial [data-module-type="inter"] .mdl-input-parts-set .icon-deparr{top:auto;bottom:10px;} .e-hotel-module-wrap .status-initial [data-module-type="dom"] .replace-route-btn, .e-hotel-module-wrap .status-initial [data-module-type="inter"] .replace-route-btn{bottom:35px;} .e-hotel-module-wrap [data-module-type="dom"] .mdl-input-parts-set .icon-deparr, .e-hotel-module-wrap [data-module-type="inter"] .mdl-input-parts-set .icon-deparr{top:auto;bottom:14px;} .e-hotel-module-wrap [data-module-type="dom"] .replace-route-btn, .e-hotel-module-wrap [data-module-type="inter"] .replace-route-btn{bottom:33px;} .e-hotel-module-wrap [data-module-type="dom"] .icon-dep-date, .e-hotel-module-wrap [data-module-type="inter"] .icon-dep-date{top:79px;bottom:auto;} .e-hotel-module-wrap [data-module-type="dom"] .dep-error-set .icon-dep-date, .e-hotel-module-wrap [data-module-type="inter"] .dep-error-set .icon-dep-date{bottom:auto;top:100px;} .e-hotel-module-wrap .calendar-error-txt{padding:0 8px 0 14px;margin-left:7px;} } /* エラーモーダル */ .e-hotel-module-wrap .reservation-hide-position .dialog-error-box {background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);border-radius:6px;padding:50px 50px 25px;position:relative;} .e-hotel-module-wrap .reservation-hide-position .dialog-error-box .mdl-linklist-col2 {display:flex;justify-content:center;margin-top:30px;} .e-hotel-module-wrap .reservation-hide-position .dialog-error-box .mdl-linklist-col2 li + li {margin-left:30px;} /* 過渡期モジュール対応追加 210518 */ /*===== calenader =====*/ .e-hotel-module-wrap .reservation-hide-position .calender-notes-ttl, .e-hotel-module-wrap .reservation-hide-position .calendar-notes-list, .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button, .e-hotel-module-wrap .reservation-hide-position .calendar-txt-temp, .e-hotel-module-wrap .reservation-hide-position .cal-lowprice-notes, .e-hotel-module-wrap .reservation-hide-position .cal-impossible-notes {display: none;} .e-hotel-module-wrap .reservation-hide-position .calendar-table td :nth-child(2) {display: none;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button{font-size: 1.68rem;position: relative;top: -1px;overflow:visible;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button::after{content: '';display: block;width: 6px;height: 6px;border-right: 2px solid #cc0000;border-bottom: 2px solid #cc0000;transform: rotate(45deg);position: absolute;top: 6px;right: 4px;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-toggle-button{display:block;color:#cc0000;padding-right:22px;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-toggle-button > span{font-size:1.4rem;padding-left:5px;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button.JS_open::after{transform: rotate(-135deg);top:10px;} .e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calender-notes-ttl span{font-size: 1.4rem;padding-left: 0.5em;} .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .calendar-notes-list, .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .cal-lowprice-notes, .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .cal-impossible-notes{display:none !important;} @media all and (max-width: 739px){ .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-toggle-button{text-align:left;padding-right:0px;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-toggle-button > span{display:block;padding-left:0px;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button{padding: 0 16px;top: -5px;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button::after{right: 0;} } @media all and (max-width: 739px){.e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calender-notes-ttl span{padding: 0;margin-top: -5px;} .e-hotel-module-wrap .reservation-hide-position .calendar-toggle-button{padding: 0 16px;top: -5px;}} .e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap {position: relative;} .e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calender-notes-box {padding-top: 29px;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calender-notes-box {padding-top: 19px;}} .e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calendar-head-unit {position: absolute;top: 0;left: 0;} @media all and (max-width: 739px) { .e-hotel-module-wrap .reservation-hide-position .calender-unit-wrap .calendar-head-unit {left: auto;right: 0;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table-wrap{height:33vh;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table-wrap.guide-close{height:52vh;} } .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap {position: relative;margin-top: 21px;} @media all and (min-width: 740px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap {/*min-height: 83px;*/margin-top: 42px;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table-wrap{min-height: 515px;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box {padding-top: 0;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-ttl{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} @media all and (max-width: 739px) { .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box {padding-top: 0;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-ttl{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 0 16px;} } .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-list {display: block;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-txt-temp{display: inline-block;} .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .calendar-txt-temp{display:none;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box [class$="-notes"], .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-list li {font-size: 1.2rem;-webkit-text-size-adjust: 100%;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit {padding-left: 22px;-ms-flex-wrap: wrap;flex-wrap: wrap;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-holiday-notes {margin-top: 0;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-lowprice-notes, .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-impossible-notes {margin-left: 16px;display: block;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-lowprice-notes .lowprice, .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-impossible-notes .impossible {font-weight: 400;padding-right: 2px;} @media all and (orientation: portrait) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-unit .cal-impossible-notes {margin-left: 0;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-list {margin-top: 4px;padding: 0 15px 0 16px;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calender-notes-box .calendar-notes-list li {text-indent: -1.2rem;padding-left: 1.2rem;} .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calendar-head-unit {display: block;position: absolute;top: auto;left: auto;right: 0;width: auto;padding-bottom: 0;} @media all and (min-width: 740px) { .e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calendar-head-unit {top: -5px;} } @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calendar-head-unit {top: -10px;right: 13px;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calender-unit-wrap .calendar-head-unit button.reset-button {font-size: 1.2rem;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box {height: 100vh;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box .box-inner {background-color: #fff;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box .box-inner {padding: 16px 0;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box .section-line {margin-top: 16px;} @media all and (max-width: 739px) { .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table-unit {width: 95%;width: -webkit-calc(100% - 20px);width: calc(100% - 20px);padding: 0 10px;} } .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td > span {position: relative;display: inline-block;width: 100%;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button {overflow: visible;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button {padding: 7px 0;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days:before {content: "";position: absolute;width: 10px;height: 30px;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval {width: 100%;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval {height: 30px;padding: 7px 0;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:before {display: block;top: 0;z-index: 3;background-color: #fcf1f1;} @media all and (min-width: 740px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:before {right: -9px;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:before {right: -9px;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:hover, .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:focus {width: 30px;margin: 0 auto;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:hover:before, .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days.interval:focus:before {display: none;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days:empty:before {display: block;background-color: #fff;} @media all and (min-width: 740px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days:empty:before {top: -13px;left: -9px;}} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.days:empty:before {top: -24px;left: 1px;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.dep-day, .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button.arr-day {font-weight: 400;z-index: 4;} /* .alternative がない状態で非活性とする */ .e-hotel-module-wrap .reservation-hide-position .calendar-table .body-cell td .cell-price{ display: none; } .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td button ~ .cell-price {font-size: 1.2rem;color: #333;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td .icon_low_price {display: inline-block;position: absolute;top: 1px;width: 10px;height: 10px;z-index: 3;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td .icon_low_price {right: 1px;}} @media screen and (orientation: landscape) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td .icon_low_price {right: 22%;right: -webkit-calc(25% - 3px);right: calc(25% - 3px);}} @media all and (min-width: 740px) {.e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td .icon_low_price {right: 0;}} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td span :nth-child(2) {display: block;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-table .body-cell td span :nth-child(3) {display: none;} .e-hotel-module-wrap .reservation-hide-position.alternative .JS_change-fare .calendar-table .body-cell td span :nth-child(2) {display: none;} .e-hotel-module-wrap .reservation-hide-position.alternative .JS_change-fare .calendar-table .body-cell td span :nth-child(3) {display: block;} .e-hotel-module-wrap .reservation-hide-position.alternative .JS_hide-fare .calendar-table .body-cell td span .cell-price {display: none;} .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes{display:none;} .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes.def-holiday{display:block;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box .cal-holiday-notes{display:block;} .e-hotel-module-wrap .reservation-hide-position.alternative .calendar-input-box .cal-holiday-notes.def-holiday{display:none;} @media all and (max-width: 739px) { .e-hotel-module-wrap .calendar-input-box .cal-holiday-notes.def-holiday{margin-top:10px;} } .e-hotel-module-wrap .reservation-hide-position .calendar-table .body-cell td .cell-price img{height:14px !important;} .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .calendar-toggle-button{display:none;} .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .calender-unit-wrap .calender-notes-box .calendar-notes-unit{display:none;} .e-hotel-module-wrap .nontgHoliday{text-align:left !important;} .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .nontgHoliday{display:block !important;} .e-hotel-module-wrap .reservation-hide-position.alternative .nontgHoliday{display:none !important;} @media all and (max-width: 739px) { .e-hotel-module-wrap .reservation-hide-position.alternative.non-price .nontgHoliday{padding-left:16px;} } /*===== alert modal =====*/ .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert {background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);border-radius: 6px 6px 6px 6px;width: 648px;margin: 0;position: relative;} @media all and (max-width: 739px) { .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert {border-radius: 0;width: 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: center;} } .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr {padding: 40px 112px 48px;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr {padding: 0 24px;}} .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-head {font-size: 18px;width: 100%;text-align: center;font-weight: 700;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-head {font-size: 1.8rem;}} .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-txt, .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-txt * {font-size: 14px;} @media all and (max-width: 739px) {.e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-txt, .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-txt * {font-size: 1.4rem;}} .e-hotel-module-wrap .reservation-hide-position .dialog-calender-alert .dialog-alert-inr .dialog-alert-txt {padding-top: 32px;} .e-hotel-module-wrap .systemChange_mdl{margin-top:16px;font-size:1.4rem;} @media (max-width: 739px){ .e-hotel-module-wrap .systemChange_mdl{margin-top:8px;} } .e-hotel-module-wrap .temporary-note{font-size:1.2rem;text-indent:-1em;padding-left:1em;} .e-hotel-module-wrap .temporary-note .link-txt{text-indent:initial;margin-top:0;} @media all and (min-width:740px){ .e-hotel-module-wrap .listtype-tour [aria-hidden="true"]{display:none;} .e-hotel-module-wrap [data-module-type="domtourdp"] .mdl-section .mdl-parts-col2 .type-full.mdl-input-parts{width:364px;} .e-hotel-module-wrap .contents-wrap .mdl-input-parts .mdl-input-area.return-city-sc{position:relative;height:78px;padding:0 0 0 16px !important;} .e-hotel-module-wrap .return-city-sc::after{display:none;background:none;content:"";border-left:2px solid #D5DBE2;width:1px;height:100%;position:absolute;top:0px;right:62px;transform:none;} .e-hotel-module-wrap .contents-wrap .mdl-input-parts .mdl-input-area.return-city-sc .arr-select{height:100%;} .e-hotel-module-wrap .return-city-sc .city-select-scbtn{width:74px;height:100%;position:absolute;top:50%;right:0px;transform:translateY(-50%);} .e-hotel-module-wrap .return-city-sc .arr-select input{width:calc(100% - 66px);height:100%;} .e-hotel-module-wrap .return-city-sc .city-select-scbtn button{width:100%;height:100%;} .e-hotel-module-wrap .return-city-sc .arr-select .select-delete{right:78px;} .e-hotel-module-wrap .airport-mldlist-wrap.ap-mldlist-tour{min-height:550px;} .e-hotel-module-wrap .list-select-box.tourselect > dl > dd{padding-bottom:0px;} } @media (max-width: 739px){ .e-hotel-module-wrap .tourdp-area-dialog .flying-input-layer02{margin-top:20px;} } /* keyword */ .e-hotel-module-wrap .mdl-section .mdl-parts-free .input-keyword{width:364px;} .e-hotel-module-wrap .mdl-section .mdl-parts-free .input-keyword input{width:100%;font-size: 1.4rem;} @media (max-width: 739px) { .e-hotel-module-wrap .mdl-section .mdl-parts-free .input-keyword{width:100%;} } @media (max-width: 739px) { .e-hotel-module-wrap .mdl-section .mdl-parts-free .input-keyword {margin-left: 0;} } .e-hotel-module-wrap .disabled-input-wrap{position:relative;} .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area{padding-right:40px;} .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area[disabled], .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area[readonly]{background:#D5DBE2;color:#333;-webkit-text-fill-color:#333;opacity:1;cursor:default;pointer-events:none;} .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area::placeholder{color:#666;} .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area[disabled]::placeholder, .e-hotel-module-wrap .disabled-input-wrap > .mdl-input-area[readonly]::placeholder{color:#333;} .e-hotel-module-wrap .disabled-input-wrap .disabled-close{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;padding:6px;} .e-hotel-module-wrap .disabled-input-wrap .disabled-close img{vertical-align:top;width:100%;} .e-hotel-module-wrap .dis-hide-setHotel{display:none!important;} .e-hotel-module-wrap .e-hotel-module-head {text-align: center;font-size: 2.4rem; font-weight: 700; margin-bottom: 32px; color: #CC0000;} /*e-hotel-select-modal*/ @media (max-width: 739px) { .e-hotel-module-wrap .e-hotel-select-modal {background-color: #fff;overflow-y: auto; overflow-x: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); max-height: 50vh;font-size: 1.4rem;} .e-hotel-module-wrap .reservation-hide-position.e-hotel-select-modal {border-radius: 0px;max-height: initial; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); background-color: #fff;height: 100% ;padding: 16px 0 0;top: 0px;left: 0%; width: 100vw;transform: translateX(0%);z-index: 10000;right: 0px;} .e-hotel-module-wrap .e-hotel-select-modal-box {border-radius: 0px;box-shadow: none; width: 100%;} .e-hotel-module-wrap .e-hotel-select-modal-ttl {display: block;margin-bottom: 24px;text-align: center;font-weight: 700; font-size: 1.8rem;} .e-hotel-module-wrap .reservation-hide-position .e-hotel-select-modal-box .list-select-wrap .candidate-wrap > ul > li:last-child { padding-bottom: 110px;border-bottom: none;} }