<style>
@charset "Shift_JIS";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Work+Sans&display=swap);
html {font-size: 62.5%; background: #fff !important;}
body {background: #fff !important;box-sizing: border-box;font-family: 'Work Sans', "Noto Sans Japanese", sans-serif;}
body * {box-sizing: border-box;}
select, input{ appearance:none; -webkit-appearance: none; }
select:focus, select option:focus, input:focus {outline: none;}
.page-title-h1 {text-align: left; font-size: 3.0rem;max-width: 1120px; margin: 0 auto;}
.page-title-h2 {text-align: center; font-size: 2.6rem;}
.page-title-h3 {text-align: center; font-size: 2.2rem;margin-top: 30px;position:relative;}
.container { margin: 15px auto 0; max-width: 1000px; padding: 0 15px; font-size: 1.6rem; overflow:hidden;}
.section {margin-top: 80px;position: relative;}
.btn-more{margin-top: 35px;text-align: center;}
.button {min-width: 16rem;padding: 15px 35px;font-weight: 700;display: inline-block;text-align: center;border: none;cursor: pointer;outline: none;-webkit-transition: border-radius .3s;-o-transition: border-radius .3s;transition: border-radius .3s;line-height: 1;}
.button:hover {border-radius: 40px;-webkit-transition: border-radius .3s;-o-transition: border-radius .3s;transition: border-radius .3s;}
.button + .button {margin-left: 10px;}
.button--outlined { background: transparent -webkit-linear-gradient(338deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box; background: transparent -o-linear-gradient(338deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(112deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box;color: #3498DB!important;position: relative;z-index: 0;position: relative;overflow: hidden;}
.button--outlined:before {content: '';position: absolute;left: 50%;top: 50%;background: #9fe1ff;border-radius: 100%;opacity: .6;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);width: 230px;height: 230px;margin-left: -115px;margin-top: -115px;}
.button--outlined::after {content: "";display: block;position: absolute;top: 0;left: 0;-webkit-transition: border-radius .3s;-o-transition: border-radius .3s;transition: border-radius .3s;}
.button--outlined::after {width: calc(100% - .6rem);height: calc(100% - .6rem);z-index: -2;background: #fff;margin: .3rem;}
.button--outlined:hover::after {-webkit-transition: border-radius .3s;-o-transition: border-radius .3s;transition: border-radius .3s;border: inherit;border-radius: 40px;}
.button--outlined:not(:active):before {-webkit-animation: ripple 1s ease-out;animation: ripple 1s ease-out;}
.button--outlined:before {visibility: hidden;}
.button--outlined:focus:before {visibility: visible;}
.button--outlined.is-disabled {pointer-events: none;cursor: initial;color: #95999E;background: rgba(192, 197, 203, 0.4);}
.button--accent { background: #D02335; color: #fff; position: relative; overflow: hidden;}
.button--accent:before {content: '';position: absolute;left: 50%;top: 50%;background: #ffd2d2;border-radius: 100%;opacity: .6;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);width: 230px;height: 230px;margin-left: -115px;margin-top: -115px;}
.button--accent:not(:active):before {-webkit-animation: ripple 1s ease-out;animation: ripple 1s ease-out;}
.button--accent:before {visibility: hidden;}
.button--accent:focus:before {visibility: visible;}
.button--accent.is-disabled {pointer-events: none;cursor: initial;color: #95999E;background: rgba(192, 197, 203, 0.4);}


.select-departure{position: absolute;left: 0;top: 10px;width: 200px;}
.dept_kaigaifit_TYO,.dept_kaigaifit_NGO,.dept_kaigaifit_OSA{display:none;}
.target_dept_kaigaifit_TYO .dept_kaigaifit_TYO,.target_dept_kaigaifit_NGO .dept_kaigaifit_NGO, .target_dept_kaigaifit_OSA .dept_kaigaifit_OSA {display:block;}
.select-departure__input{position: relative;z-index: 0;cursor: pointer;}
.select-departure__input:after {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);display: block;font-size: 2.4rem;color: #98A6B5;font-family: "Material Icons";content: "keyboard_arrow_down";line-height: 1;vertical-align: middle;}
.select-departure__input input {cursor: pointer;height: 50px;padding: 0 30px 0 10px;width: 100%;border-radius: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: textfield;border: solid 1px #C0C5CB;}
.select-departure__input input::-webkit-outer-spin-button, .select-departure__input input::-webkit-inner-spin-button{-webkit-appearance: none;}
.select-departure__input input:hover {border-color: #C0C5CB;}
.select-departure__input input:focus {border-color: #C0C5CB;}
.search-departure__panel{display: none;z-index: 101;position: absolute;top: 100%;left: 0;margin-top: -1px;width: 100%;border: 1px solid #C0C5CB;background-color: #fff;}
.select-departure-list {max-height: 198px;overflow: auto;-webkit-overflow-scrolling: touch;}
.select-departure-list > li {cursor: pointer;padding: 10px;line-height: 1.4;}
.select-departure-list > li:hover {background: #F9FAFC;} 


.mv-wrapper {background: url("../images/bg_hero.jpg") no-repeat center top;width:100%;background-size: cover;padding: 30px;margin-top:15px;}


.update {margin-top:10px;text-align:center;}
.lowestprice-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;justify-content: center;flex-wrap: wrap;margin-top: 20px;align-items:center;}
.lowestprice-list > li {width: calc(100% / 3 - 12px); max-width: 404px;margin-left: 12px;}
.lowestprice-list > li:first-child {margin-left: 0;}
.lowestprice-month {text-align: center;}
a.lowestprice-card {position: relative;display: block; padding: 8px 8px 20px; color: #323743; border-radius: 4px; background: #fff;box-shadow: 0px 1px 3px #ccc;}
a.lowestprice-card:hover {transition: all 0.4s ease;background: #f5f8fb;}
a.lowestprice-card p {margin-top:10px;text-align:center;}
.lowestprice-icon {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -2px 0 0 -2px;}
.lowestprice-sub-txt {font-size:1.2rem;}
.lowestprice-arrow {content: "\e90c"; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%);color: #95999E;font-family: Material Icons;font-size: 2.4rem;}
.lowestprice-icon li{margin: 2px 0 0 2px;padding: 5px 10px; border-radius: 15px;background: #EAF0F7;vertical-align: bottom;font-size:1.2rem;}
.lowestprice-price { margin-top: 10px;text-align: center;line-height: 1.2;}
.lowestprice-price em {font-weight:700;font-size:2.2rem;margin-right: 5px;}
.caution {font-size :1.2rem;margin-top:10px;}
.air-name-h3:before {content:"";display:inline-block;background: url(../images/airlogo/plane1.gif) no-repeat center center;vertical-align: middle;background-size: cover; width: 50px; height: 25px;}
.air-name-second-h3:before{background-image: url(../images/airlogo/plane2.gif);}
.air-name-h3:after {content:"";display:inline-block;width:50px;height:30px;vertical-align:middle;}


.cale_box01 {display: -webkit-box; display: -ms-flexbox; display: flex;width:100%;}
.price-matrix-component {position:relative;width: 100%; margin-right: 10px;}
.dept-component, .arvl-component { width: 25%; }
.price-matrix-component label {width: 100%;position: relative;display: flex; height: 40px; cursor: pointer;border-radius: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: textfield;border: solid 1px #C0C5CB;}
.dept-component label:after, .arvl-component label:after { content:"\e5cf"; font-family: "Material Icons"; color: #98A6B5; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);right: 10px;}
.date-component{ width: 40%; }
.people-component{ width: 12%; }
.search-component{ flex:1; margin-right: 0;}
.price-matrix-component .btn-more{margin-top: 0;border:none;}
.price-matrix-component select, .price-matrix-component input, .price-matrix-component .search-box, .price-matrix-component .people-box{width: 100%; height: 100%;border:none;padding: 0 10px; line-height:40px;}
.search-box {text-align:center;color: #95999E;}
.search-box-active {color:#333;}



#hikaku_tab_wrap {margin-top: 35px;}
.in-side-cale {margin-top:35px;}
.hikaku_content02 table {table-layout: fixed;width:100%;margin: 0 auto;border-collapse: separate;border-spacing: 2px;}
.hikaku_content02 table .dasktop {display: block !important;}
.hikaku_content02 table * {border: none !important;}
.hikaku_content02 table th, .hikaku_content02 table td {height: 38.18px;text-align:center;vertical-align: middle;transition:1s;}
.hikaku_content02 table th, .hikaku_content02 table .heading {background: #E37B85; text-align: center !important; transition:1s;color:#fff}
.table-not-active th, .table-not-active .heading{background: #EAF0F7 !important;transition:1s;color:#fff;}
.heading_bold {background: #D94F5D!important;text-align: center;padding: 10px 0;transition:1s;color:#fff}
.table-not-active .heading_bold {background: #C0C5CB !important;transition:1s;color:#fff;}
.hikaku_content02 table td {background: #fcf3f5;transition:1s;}
.table-not-active td {background: #F9FAFC !important; transition:1s;}
.hikaku_content02 table td a {color: #3498DB; display: block;}
.hikaku_content02 table .desktop {display:contents !important;}
.hikaku_content02 table .desktop tr:nth-child(1) th:nth-child(1) {background-color: transparent !important;}
.option-area {background: #E6E8EA; color: #95999E;}


.calender-box {top:150% !important; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.1)); border:none;}
.calender-box:before, .calender-box:after {content:""; position: absolute; border:solid 20px transparent;border-bottom: solid 20px #fff; top: -40px;left: 20.4%;transition: .5s;}
.calender-box:before {top:-41.6px; left:20%;border:solid 21px transparent;}
.calender-right-fuki:before { left:unset !important; right: 20% !important; transition: .5s;}
.calender-right-fuki:after {left:unset !important ;right:20.4% !important; transition: .5s; }
.search-calender{padding: 10px;}
.search-calender-ttl-box { position: relative;width:100%;}
.search-calender-ttl {text-align: center;font-size:1.2rem;color: #C0C5Cb;}
.search-calender-ttl p {display:inline-block;}
.search-calender-ttl span {font-size: 2.4rem; color: #323743;}
.search-calender-cursor{position: absolute; top:50%; left: 10%; transform: translateY(-50%);color:#95999E;}
.search-calender-cursor:hover {cursor: pointer;}
.cursor-right{left:unset; right:5%;}
.search-calender-table {display: flex; overflow: hidden; }
.search-calender-table table { table-layout: fixed; width: 100%;margin: 0 auto;border-collapse: separate;border-spacing: 2px;margin-top:5px; flex-shrink:0; transform:translateX(0%);min-width:280px;}
.search-calender-table table th, .search-calender-table table td { text-align:center; font-size: 1.2rem;}
.search-calender-table table th {color: #C0C5Cb;height:25px;}
.search-calender-table table td {background: #F9FAFC;color: #323743;height:32px;}
.bg_blue {color: #fff !important; background: transparent -webkit-linear-gradient(338deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box !important;background: transparent -o-linear-gradient(338deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box !important; background: transparent linear-gradient(112deg, #3498DB 0%, #52C8FF 100%) 0% 0% no-repeat padding-box !important;transition: .5s;}
.bg_thin_blue {background: #CFF0FF !important;}
.past-date { color: #95999E !important;}
.js-click-date {cursor:pointer;}
.pulldown-active{display:block !important; opacity: 1; transition: display 0.5s;}
.pulldown-people-wrap {width:300%; top:150%;filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.1)); border:none;}
.pulldown-people-wrap:before,  .pulldown-people-wrap:after{content:""; position: absolute; border:solid 20px transparent;border-bottom: solid 20px #fff; top: -40px;left: 20.4%;}
.pulldown-people-wrap:before {top:-41.6px; left:20%;border:solid 21px transparent;}
.pulldown-people-box {padding: 10px;}
.pulldown-people-row{display: -webkit-box; display: -ms-flexbox;display:flex; align-items:center;padding:10px;}
.pulldown-people-row-left {width: 50%;}
.pulldown-people-type {font-size: 1.4rem;}
.pulldown-people-age {font-size: 1.2rem;color:#C0C5Cb;}
.pulldown-people-row-right {margin-left:auto;display: -webkit-box; display: -ms-flexbox;display:flex;align-items:center;}
.pulldown-people-input {width:50px !important;text-align:center;}
.counter-icon-wrap i {vertical-align: middle;color: #3498DB;}
.counter-icon-wrap {background: #CFF0FF;padding:5px 10px;}
.counter-icon-wrap:hover {opacity:0.8; cursor:pointer;transtion: opacity 0.5s;}

.mobile-table {display:none}
#three-day-table {position:relative;}
.three-day-table-cover:after {content:"最安値を検索中です...しばらくお待ちください" !important;text-align:center;position: absolute;line-height: 345px; top: 0; left: 0;right: 0;bottom: 0; background: rgba(255,255,255,0.8);z-index: 100;transition:0.5s;}
.three-day-table-error:after {content:"ご入力いただいた条件では検索できませんでした。入力条件を変えて再度検索してください。";text-align:center;position: absolute;line-height: 345px; top: 4px; left: 105.46px;right: 0;bottom: 0; background: rgba(255,255,255,0.8);z-index: 100;transition:0.5s;}


.info-table {width: 100%;border-collapse: separate;border-spacing: 2px;}
.info-table th,  .info-table td { padding:10px 10px;}
.info-table th {background: #b4deef; font-weight:700;}
.info-table td {background: #f3fafc;}
.climate-table th, .climate-table td {text-align:center;}
.guideinfor-text {margin: 20px auto 0;}
.left-th {width:160px;text-align:left !important;}

.otherplan-list{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;justify-content: center;flex-wrap: wrap;margin: 20px 0 0 -12px;}
.otherplan-list > li { max-width: 404px;margin-left: 12px;}

.popularticket-list {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;-ms-flex-wrap: wrap;margin-top:10px;}
.popularticket-list li {padding-right: 20px;line-height: 2;}
.popularticket-list a {color: #323743;}


@media screen and (max-width:760px){
.container {font-size: 1.3rem;padding: 0 15px;}
.main {margin-top:30px;}
.mv-wrapper {background:none; padding: 0 5px;}
.caution {font-size :1.1rem;}
.jtb-nav-breadcrumb {display:none;}
.three-day-seaction {display:none;}
.page-title-h1 {font-size: 2.4rem;text-align:center;}
.page-title-h2 {font-size: 2.0rem;}
.page-title-h3 {font-size: 1.8rem;}
.lowestprice-list > li {width:100%;margin-left: 0;}
.select-departure {left:unset;right:0;width:110px;margin-top:35px;}
.select-departure__input input {height:36px;}
.update {text-align: left;margin-top:30px;}
.lowestprice-sub-txt, .lowestprice-icon li, .search-calender-ttl, .search-calender-table table th, .search-calender-table table td, .pulldown-people-age {font-size:1.1rem}
.lowestprice-list {margin-top:0;}
.lowestprice-list > li {margin-top:15px;}
.left-th {width: 130px;}
.climate-table-wrap {overflow-x:scroll;}
.btn-more{margin-top: 5px;}
}
		</style>