@charset "utf-8";
/* CSS Document */

input,
.txtform { max-width: 600px;}

/*==================================
	sidebar
==================================*/

.column .side .tab-area .tab-content .narrowdown { padding: 0 10px 20px 10px; background: #f7f7f7; border-top: solid 3px #007e9e;}
.column .side .tab-area .tab-content .narrowdown .tit { font-size: 1.6rem; font-weight: 700;}
.column .side .tab-area .tab-content .narrowdown .ndBox { border: solid 1px #dfdfdf;}
.column .side .tab-area .tab-content .narrowdown .ndBox dt { padding: 10px 15px; background: #eff9fb; font-weight: 700;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd { padding: 10px 15px; background: #fff; display: flex; justify-content: space-between;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd input { width: auto;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn input { display: none;}

.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span { font-size: 1.4rem; padding: 0 5px 0 28px; display: block; position: relative;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span:before { border: solid 1px #dedede; background: #fff; content: ''; display: block; width: 20px; height: 20px; left: 0; margin-top: -8px; position: absolute; top: 8px; border-radius: 5px;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span:after { content: ''; display: block; width: 13px; height: 8px; left: 4px; opacity: 0; position: absolute; top: 5px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 3px solid #2d2d2d; border-bottom: 3px solid #2d2d2d; transform: rotate(-45deg); border-radius: 3px;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn input:checked + span:after { opacity: 1;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd .num { font-size: 1.4rem;}

.column .side .searchmenu .searchmenuContents .custom-select { width: 100%;}
.column .side .searchmenu .searchmenuContents .tab-area { margin-top: 15px;}
.column .side .searchmenu .searchmenuContents .tab-area .tab-list-wrap { border-bottom: solid 3px #007e9e;}
.column .side .searchmenu .searchmenuContents .tab-area .tab-list-wrap li:first-child label { border-radius: 5px 0 0 0;}
.column .side .searchmenu .searchmenuContents .tab-area .tab-list-wrap li:last-child label { border-radius: 0 5px 0 0;}
.column .side .searchmenu .searchmenuContents .tab-area .tab-list { padding: 10px 0 !important; height: 40px; font-size: 1.4rem !important; font-weight: 500 !important; background: #dfdfdf;}
.column .side .searchmenu .searchmenuContents .placeList li { border-bottom: solid 1px #ddd;}
.column .side .searchmenu .searchmenuContents .placeList li a { font-size: 1.5rem; background: #fff; text-align: left; padding: 12px;}
.column .side .searchmenu .searchmenuContents .placeList li.icon_history a { background: url("../img/icon_history.svg") center left 10px no-repeat #fff; background-size: 25px auto; padding-left: 45px;}
.column .side .directflight label.checkbtn input { display: none;}

@media screen and (min-width: 1300px) {
.column .side .tab-area .tab-content .narrowdown .narrowdownCont .spTit { display: none;}
.column .side .sideMainTit { margin: 40px 0 30px 0; position: relative; padding: 15px 0; text-align: center; color: #fff; background: #007e9e;}
.column .side .sideMainTit:before,
.column .side .sideMainTit:after { content: ""; position: absolute; top: 100%; left: 50%;}
.column .side .sideMainTit:after { margin-left: -13px; border: 13px solid transparent; border-top: 13px solid #007e9e;}
.column .side .close,
.column .side .sp-navigation { display: none;}
.column .side .sideTit { margin-top: 30px; text-align: center; font-weight: 700; padding-bottom: 14px; border-bottom: solid 3px #007e9e;}
.column .side .searchmenu .searchmenuContents { padding: 16px; background: #f5f5f5;}
.column .side .searchmenu .searchmenuContents .placeList li a:hover { background: #eff9fb; opacity: 1;}
.column .side .searchmenu .searchmenuContents .placeList li.icon_history a:hover { background: url("../img/icon_history.svg") center left 10px no-repeat #eff9fb; background-size: 25px auto;}
.column .side .searchmenu .searchmenuContents .placeList li a { font-size: 1.6rem; background: #fff; text-align: left;}
.column .side .directflight { background: #eff9fb;}
.column .side .directflight label.checkbtn span { padding: 15px 30px 15px 45px; display: block; position: relative;}
.column .side .directflight label.checkbtn span:before { border: solid 1px #dedede; background: #fff; content: ''; display: block; width: 26px; height: 26px; left: 10px; margin-top: -8px; position: absolute; top: 22px; border-radius: 5px;}
.column .side .directflight label.checkbtn span:after { content: '';display: block; width: 19px; height: 10px; left: 14px; opacity: 0; position: absolute; top: 20px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 5px solid #2d2d2d; border-bottom: 5px solid #2d2d2d; transform: rotate(-45deg); border-radius: 3px;}
.column .side .directflight label.checkbtn input:checked + span:after { opacity: 1;}
.column .side .btnArea .btn1a { font-size: 1.6rem;}
}
@media screen and (max-width: 1299px) {
.column .side .tab-area .tab-content .narrowdown { margin-top: 30px; padding: 0; border-top: none; background: none;}
.column .side .tab-area .tab-content .narrowdown .narrowdownTit { width: 90%; padding: 15px; margin: 0 auto; border-radius: 30px; color: #fff; background: #007e9e; cursor: pointer; font-weight: 500; position: relative;}
.column .side .tab-area .tab-content .narrowdown .narrowdownTit:before,
.column .side .tab-area .tab-content .narrowdown .narrowdownTit:after { width: 10px; height: 2px; top: calc(50% - 1px); right: 15px; content: ""; position: absolute; border-radius: 9999px; background-color: #ffffff; transform-origin: calc(100% - 1px) 50%;}
.column .side .tab-area .tab-content .narrowdown .narrowdownTit:before { transform: rotate(45deg);}
.column .side .tab-area .tab-content .narrowdown .narrowdownTit:after { transform: rotate(-45deg);}

.column .side .tab-area .tab-content .narrowdown .narrowdownCont { opacity: 0; display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 126, 158, 0.9); z-index: 500; padding: 50px 6.66% 30px 6.66%;}
.column .side .tab-area .tab-content .narrowdown .narrowdownCont.open { opacity: 1; display: block; overflow-x: hidden; overflow-y: auto;}
.column .side .tab-area .tab-content .narrowdown .narrowdownCont .ndBox.mtS { margin-top: 0;}
.column .side .tab-area .tab-content .narrowdown .narrowdownCont .spTit { font-size: 2rem; margin-bottom: 20px; color: #fff; font-weight: 700; text-align: center;}
.column .side .tab-area .tab-content .narrowdown .narrowdownCont .close { cursor: pointer;}
.column .side .tab-area .tab-content .narrowdown .ndBox dt { font-size: 1.7rem;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span { font-size: 1.5rem; padding-left: 38px;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span:before { width: 30px; height: 30px; margin-top: -8px; top: 4px;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span:after { width: 22px; height: 13px; top: 3px; border-left: 5px solid #2d2d2d; border-bottom: 5px solid #2d2d2d;}
.column .side .tab-area .tab-content .narrowdown .ndBox dd label.checkbtn span .num { font-size: 1.5rem;}

.column .side { text-align: center;}
.column .side .tab-area.flight-tab .tab-list-wrap { border-bottom: solid 4px #007e9e;}
.column .side .sp-navigation { margin: 15px 0;}
.column .side .sp-navigation .list { display: flex; flex-wrap: wrap; justify-content: center;}
.column .side .sp-navigation .list li { font-size: 1.4rem; min-width: 20%; margin: 5px 1%; background: #fff; border: solid 1px #888888; border-radius: 30px; padding: 12px 15px;}
.column .side .searchmenu { display: none; opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #007e9e; z-index: 500; padding: 50px 6.66% 30px 6.66%;}
.column .side .searchmenu .selectBtnListArea,
.column .side .searchmenu .searchmenuContents { background: #fff; border-radius: 10px;}
.column .side .searchmenu.open { display: block; opacity: 1; overflow-x: hidden; overflow-y: auto;}
.column .side .searchmenu.open .sideTit { color: #fff;}
.column .side .searchmenu01 .selectBtnListArea,
.column .side .searchmenu01 .searchmenuContents,
.column .side .searchmenu03 .searchmenuContents { padding: 20px 6.66%;}
.page-list .column .side .searchmenu02 .searchmenuContents { padding: 20px 6.66%;}
.column .side .searchmenuContents .custom-select-trigger,
.column .side .searchmenuContents .custom-option { padding: 15px;}
.column .side .sideTit { color: #fff; font-size: 2.4rem; margin-bottom: 15px;}
.column .side .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px;}
.column .side .close:before, .column .side .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
.column .side .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
.column .side .directflight label.checkbtn span { padding: 12px 30px; display: inline-block; color: #007e9e; background: #eff9fb; border: solid 1px #007e9e; text-align: center; border-radius: 30px;}
.column .side .directflight label.checkbtn input:checked + span { background: #007e9e; color: #fff;}
.column .side .calendar-container { border-radius: 10px 10px 0 0;}
.column .side .dateBox .btnArea { background: #f5f5f5; border-radius: 0 0 10px 10px; padding: 15px 0;}
.column .side .dateBox .btnArea .btn { padding: 10px 40px; font-size: 1.8rem; font-weight: 500;}
}
.column .side .sidebg { padding: 20px; background: #eff9fb;}
.column .side .sidebg .list dt { padding: 10px; text-align: center; background: #d1ddfc;}
.column .side .sidebg .list dd { padding: 10px; line-height: 1.8; background: #fff; text-align: left; font-weight: 400;}
.column .side .sidebg .list dd .price { font-size: 24px; font-weight: 700;}
.column .side .sidebg .list dd .yen { font-size: 18px; font-weight: 700;}
.column .side .sidebg .list dd .accordion.patternArr { margin-top: 10px;}
.column .side .sidebg .list dd .accordion.patternArr dt { padding: 8px 10px; border: solid 1px #dddddd; background: #fff; font-weight: 400;}
.column .side .sidebg .list dd .accordion.patternArr dt.open { border-bottom: solid 1px #dddddd;}
.column .side .sidebg .list dd .accordion.patternArr dd { border-right: solid 1px #dddddd; border-left: solid 1px #dddddd; border-bottom: solid 1px #dddddd; background-color: #eff9fb;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 14px; display: flex; justify-content: space-between;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .right { text-align: right;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 16px; font-weight: 500;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total .yen,
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total { font-weight: 700;}
.column .side .sidebg .announce { padding: 20px 10px; text-align: center; background: #fff; border: solid 6px #d1ddfc;}
.column .side .sidebg .announce .tit { padding: 0; margin-bottom: 10px; font-size: 20px; font-weight: 700;}
.column .side .sidebg .announce .txt { line-height: 1.8; font-size: 14px; font-weight: 400; letter-spacing: 0;}
.column .side .sidebg.bgcolgray { background: #f2f2f2;}
.column .side .sidebg.bgcolgray .list {}
.column .side .sidebg.bgcolgray .list li { margin-bottom: 2px;}
.column .side .sidebg.bgcolgray .list li a { padding: 14px 20px; display: block; background: #fff; font-weight: 400;}
.column .side .sidebg.bgcolgray .list li .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #007e9e; border-right: 1px solid #007e9e; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (max-width: 1299px) {
.column .side .sideTit { font-size: 2rem; font-weight: 700; padding-bottom: 14px; border-bottom: solid 2px #007e9e; color: #2d2d2d; margin-bottom: 0;}
.column .side .sidebg .list { font-size: 1.4rem; padding: 5px 2%;}
.column .side .sidebg .list dt { padding: 5px 5%;}
.column .side .sidebg .list dd { padding: 8px 5%;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 1.4rem}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 1.8rem;;}
.column .side .sidebg .announce { padding: 20px 5%;;}
.column .side .sidebg .announce .tit { font-size: 1.8rem;}
.column .side .sidebg .announce .txt { font-size: 1.4rem;}
}


/*==================================
	pafts
==================================*/

/* table */
.table { display: flex; flex-wrap: wrap; border-left: solid 1px #ddd; border-top: solid 1px #ddd;}
.table dt,
.table dd { border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 1.5rem;}
.table dt { width: 32%; background: #eff9fb; text-align: center; padding: 10px 0;}
.table dd { width: 68%; background: #fff; text-align: left; padding: 10px 5%;}
.numTable { padding: 10px 0; width: 79.71%; max-width: 300px;display: flex; justify-content: center; align-items: center; background: #eff9fb; border: solid 2px #007e9e; margin-left: auto; margin-right: auto;}
.numTable dt { font-size: 1.2rem; padding: 4px 15px; margin-right: 10px; border-radius: 30px; background: #007e9e; color: #fff; font-weight: 700; display: inline-block;}
.numTable dd { font-size: 2.4rem;}
.column .numTable { flex-wrap: wrap; max-width: 100%; width: 100%; padding: 10px;}
.column .numTable dt { width: 100px; padding: 4px;}
.column .numTable dd { width: calc( 100% - 110px); text-align: left;}
.airlineTable { padding: 15px 5%; border: solid 1px #ddd;}
.airlineTable .box1 { font-size: 1.8rem; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ddd; vertical-align: middle; font-weight: 700;}
.airlineTable .box1 .productID { font-size: 1.1rem; padding: 0 5px; margin-left: 10px; background: #f5f5f5; display: inline-block; font-weight: 500;}
.airlineTable .box1 .productID .num { font-size: 1.2rem;}
.airlineTable .box2 {}
.airlineTable .box2 .tag {}
.airlineTable .box2 .tag span { font-size: 1rem; padding: 0 10px; margin-right: 10px; display: inline-block; background: #007e9e; color: #fff; font-weight: 700; line-height: 2;}
.airlineTable .box2 .priceArea { font-weight: 700; text-align: right;}
.airlineTable .box2 .priceArea .name { font-size: 1.4rem; color: #e85420; margin-right: 10px;}
.airlineTable .box2 .priceArea .price { font-size: 2.8rem;}
.airlineTable .box2 .priceArea .yen { font-size: 2.1rem;}
.airlineTable .box3 { display: flex; flex-wrap: wrap; align-items: center;}
.airlineTable .box3 dt { margin-top: 10px; width: 75px;}
.airlineTable .box3 dt .line { font-size: 1rem; padding: 2px 0; width: 100%; max-width: 65px; text-align: center; display: inline-block;border: solid 1px #007e9e; color: #007e9e;}
.airlineTable .box3 dd { margin-top: 10px; font-size: 1.4rem; width: calc( 100% - 75px);}

.airlineTable .box4 dt { margin-top: 10px; width: 75px;}
.airlineTable .box4 dt .line { font-size: 1.2rem; padding: 2px 0; width: 100%; max-width: 65px; text-align: center; display: inline-block; background: #007e9e; color: #ffffff;}
.airlineTable .box4 dd { margin-top: 10px; font-size: 1.4rem; width: calc( 100% - 75px); word-break: break-all;}
.airlineTable .box4 dd .big { font-size: 2rem; line-height: 1;}
.airlineTable .box4 .btn { margin-top: 20px; display: flex; justify-content: space-between;}
.airlineTable .box4 .btn p { width: 48%;}
.airlineTable .box4 .btn {}
.airlineTable .box4 .btn .select a { background: #e7752e; color: #fff;}
.airlineTable .box4 .btn .create a { background: #dfdfdf;}
.airlineTable .box4 .btn a { padding: 10px 0; margin-top: 10px; text-align: center; border-radius: 5px;}
.airlineTable .box4 dd .list { margin-top: 5px; display: flex; align-items: center;}
.airlineTable .box4 dd .list li { font-size: 1.4rem; position: relative;}
.airlineTable .box4 dd .list li:first-child { margin-right: 30px;}
.airlineTable .box4 dd .list li:first-child:after { content: ""; background: url("../img/icon_flightschedule.svg") no-repeat; width: 10px; height: 20px; position: absolute; right: -20px; top: 0; bottom: 0; display: inline-block; margin: auto;}

.hotelTable { padding: 15px 5%; border: solid 1px #ddd;}
.hotelTable .box1 { font-size: 1.8rem; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ddd; vertical-align: middle; font-weight: 700;}
.hotelTable .box2 {}
.hotelTable .box2 { display: flex; flex-wrap: wrap; align-items: center;}
.hotelTable .box2 dt { margin-top: 10px; width: 100px;}
.hotelTable .box2 dt .line { font-size: 1rem; padding: 2px 0; width: 100%; max-width: 90px; text-align: center; display: inline-block;border: solid 1px #007e9e; color: #007e9e;}
.hotelTable .box2 dd { margin-top: 10px; font-size: 1.4rem; width: calc( 100% - 100px);}

.flightTable {}
.flightTable .item { border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.flightTable .item .tripDetail .list li { font-size: 1.4rem; position: relative;}
.flightTable .item .tripDetail .list li .place { color: #007e9e; display: block; margin: auto;}
.flightTable .item .tripDetailArea { padding: 15px 0; margin: 0 5%;}
.flightTable .item .tripDetailArea .info .airlogo { height: 20px; width: auto; margin-right: 10px; vertical-align: middle;}
.flightTable .item .tripDetailArea .info2 { font-size: 1.2rem; color: #888888; font-weight: 400;}
.flightTable .item .tripDetailArea .info2 .pcOnly { display: none;}
.flightTable .item .tripDetailArea .info2 .spOnly { display: inline-block;}
.flightTable .item .tripDetailArea:nth-of-type(n+2) { border-top: solid 1px #ddd;}
.flightTable .item .tripTit { font-size: 1.6rem; padding: 5px 5%; background: #eff9fb; font-weight: 700;}
.flightTable .item .tripTit .tag { font-size: 1rem; padding: 0 10px; margin-left: 10px; display: inline-block; background: #007e9e; color: #fff; vertical-align: middle; line-height: 1.8}
.flightTable .item .tripDetail .schedule { display: flex; align-items: center; padding: 10px 0 0 0; width: 100%;}
.flightTable .item .tripDetail .time { font-size: 1.5rem; width: 32%; text-align: right;}
.flightTable .item .tripDetail .seat { font-size: 1.8rem; padding: 10px; text-align: center; font-weight: 700; border-top: dashed 1px #ddd;}
.flightTable .item .tripDetail .seat.vacant { color: #e85420;}
.flightTable .item .tripDetail .seat.novacant { color: #888888;}
.flightTable .item .tripDetail .seat.vacant:after,
.flightTable .item .tripDetail .seat.novacant:after { content: ""; display: inline-block; margin-left: 10px; vertical-align: sub; background-size: auto 100%;}
.flightTable .item .tripDetail .seat.vacant:after { width: 27px; height: 27px; background: url("../img/icon_vacant.svg") center center no-repeat;}
.flightTable .item .tripDetail .seat.novacant:after { width: 21px; height: 21px; background: url("../img/icon_novacant.svg") center center no-repeat;}
.flightTableRadio { display: flex; border-left: solid 1px #ddd;}
.flightTableRadio .radioArea { max-width: 15%; width: 15%; background: #eff9fb; display: flex; align-items: center; justify-content: center; border-bottom: solid 1px #ddd;}
.flightTableRadio .radioArea .radiobtn { margin-right: 0;}
.flightTableRadio .flightTable { width: 85%;}
.priceTableArea {}
.priceTableArea .priceTable { display: flex; flex-wrap: wrap; border-left: solid 1px #ddd;}
.priceTableArea .priceTable dt { font-size: 1.4rem; line-height: 2; width: 50%; padding: 15px 5%; text-align: left; border-bottom: solid 1px #ddd;}
.priceTableArea .priceTable dd { font-size: 2rem; font-weight: 700; width: 50%; padding: 15px 5%; text-align: right; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.priceTableArea .priceTable dd .min { font-size: 1.4rem; font-weight: 700;}
.priceTableArea .priceTable.tital { background: #eff9fb;}
.priceTableArea .priceTable.tital dt { font-size: 1.4rem; padding: 10px 5%; font-weight: 700;}
.priceTableArea .priceTable.tital dd { font-size: 2.2rem; padding: 5px 5%; font-weight: 700;}
.priceTableArea .priceTable.tital dd .min { font-size: 1.6rem;}
.priceTableArea2 { margin-top: 30px;}
.priceTableArea2 .list { padding: 0; width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd;}
.priceTableArea2 .list p { text-align: center; margin: 60px auto 40px;}
.priceTableArea2 .list th { font-size: 1.6rem; background: #f7f7f7; padding: 15px; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.priceTableArea2 .list td { padding: 15px; font-size: 1.6rem; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.priceTableArea2 .list td img { max-height: 13px; width: auto;}
.cancelTableArea { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable { text-align: center;}
.cancelTableArea .cancelTable .cancelTableTit { font-size: 1.5rem; padding: 10px 0; font-weight: 700; width: 100%; background: #eff9fb;}
.cancelTableArea .cancelTable .cancelTableList { border-top: solid 1px #dddddd; display: flex; flex-wrap: wrap;}
.cancelTableArea .cancelTable .cancelTableList dt { font-size: 1.5rem; padding: 5px 0; width: 50%; background: #f5f5f5; border-bottom: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dt:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd { font-size: 1.8rem;; padding: 5px 0; width: 50%; border-bottom: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd .big { font-size: 2rem;}
.cancelTableArea .cancelTable .cancelTableList dd .min { font-size: 1.4rem;}
@media screen and (min-width: 1110px) {
.table.sbsPCtable { flex-wrap: nowrap;}
.table.sbsPCtable { width: 900px; margin-left: auto; margin-right: auto;}
.table.sbsPCtable dt { width: 100px;}
.table.sbsPCtable dd { width: 200px;}
.priceTableArea .priceTable dt { font-size: 1.6rem;}
}
@media screen and (min-width: 1000px) {
.priceTableArea2 { margin-top: 40px;}
.priceTableArea2 .list td img { max-height: 16px;}
.priceTableArea2 .list td.taR { text-align: right; padding-right: 20px;}
.flightTable .item .tripDetail .list { /*width: 68%; */display: flex; align-items: center;}
.flightTable .item .tripDetail .list .spOnly { display: none;}
.flightTable .item .tripDetail .list li { font-size: 1.8rem;}
.flightTable .item .tripDetail .list li:first-child { margin-right: 50px;}
.flightTable .item .tripDetail .list li:first-child:after { right: -30px;}
.flightTable .item .tripDetail .list li:first-child { margin-right: 30px;}
.flightTable .item .tripDetail .list li:first-child:after { content: ""; background: url("../img/icon_flightschedule.svg") no-repeat; width: 10px; height: 20px; position: absolute; right: -20px; top: 0; bottom: 0; display: inline-block; margin: auto;}

.flightTable .item .tripDetail { display: flex;}
.flightTable .item .tripDetail .schedule { width: calc(100% - 150px) ;padding: 10px 20px 0 0;}
	
.flightTable .item .tripDetailArea .info2 { width: 150px; font-size: 1.4rem; padding-top: 10px; color: #888888; text-align: right; font-weight: 400;}
.flightTable .item .tripDetailArea .info2 .spOnly { display: none;}
.flightTable .item .tripDetailArea .info2 .pcOnly { display: block !important;}
}
@media screen and (max-width: 999px) {
.priceTableArea2 .list tr { display: block; float: left;}
.priceTableArea2 .list tr td, 
.priceTableArea2 .list tr th { border-left: none; display: block;}
.priceTableArea2 .list thead { display: block; float: left; width: 18%;}
.priceTableArea2 .list thead tr { width: 100%;}
.priceTableArea2 .list tbody { display: block; float: left; width: 82%;}
.priceTableArea2 .list tbody tr { width: 25%;}
.priceTableArea2 .list tr td + td { border-left: none;}
.priceTableArea2 .list tbody td:last-child { border-bottom: solid 1px #ccc;}
.flightTable .item .tripDetail .list li { font-size: 1.6rem;}
.flightTable .item .tripDetail .list li:first-child{ padding-bottom: 16px;}
.flightTable .item .tripDetail .list li:first-child:after { content: ""; background: url("../img/icon_flightschedule.svg") no-repeat; width: 8px; height: 16px; position: absolute; left: 25px; bottom: 0; display: inline-block; margin: auto; transform: rotate( 90deg );}
.flightTable .item .tripDetailArea .info .airlogo { height: 18px;}
}
@media screen and (min-width: 938px) {
.airlineTable .box4 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.airlineTable .box4 .btn { padding-left: 30px; margin-top: 0; display: block;}
.airlineTable .box4 .btn p { width: 160px;}
.airlineTable .box4 .btn { width: 190px;}
}
@media screen and (min-width: 750px) {
.table dt { font-size: 1.6rem; padding: 15px 0;}
.table dd { font-size: 1.6rem; padding: 15px 10px;}
.numTable { padding: 15px 30px; max-width: 400px;}
.numTable dt { font-size: 1.8rem;}
.numTable dd { font-size: 3.2rem;}
.column .numTable { padding: 15px 30px; max-width: 520px;}
.column .numTable dt { width: 140px;}
.column .numTable dd { width: calc( 100% - 150px);}
.airlineTable { padding: 30px;}
.airlineTable .box1 { font-size: 2.8rem; padding-bottom: 15px;}
.airlineTable .box1 .productID { font-size: 1.6rem; padding: 0 10px; margin-left: 15px;}
.airlineTable .box1 .productID .num { font-size: 1.8rem;}
.airlineTable .box2 { padding-top: 10px; position: relative;}
.airlineTable .box2 .tag span { font-size: 1.4rem;}
.airlineTable .box2 .priceArea { position: absolute; right: 0; top: 0; width: 350px;}
.airlineTable .box2 .priceArea .name { font-size: 1.6rem; margin-right: 20px;}
.airlineTable .box2 .priceArea .price { font-size: 3.6rem;}
.airlineTable .box2 .priceArea .yen { font-size: 2.4rem;}
.airlineTable .box2.totalprice { min-height: 55px;}
.airlineTable .box2.totalprice .tag { padding-right: 350px;}
.airlineTable .box3 dt { margin-top: 15px; width: 120px}
.airlineTable .box3 dt .line { font-size: 1.6rem; max-width: 100px;}
.airlineTable .box3 dd { margin-top: 15px; font-size: 1.8rem; width: calc( 100% - 120px);}
.airlineTable .box4 dl { width: 75%; display: flex; flex-wrap: wrap;}
.airlineTable .box4 dt { margin-top: 15px; width: 90px}
.airlineTable .box4 dt .line { font-size: 1.4rem; max-width: 80px;}
.airlineTable .box4 dd { margin-top: 15px; font-size: 1.6rem; width: calc( 100% - 90px);}
.airlineTable .box4 dd .big { font-size: 2.4rem;}
.hotelTable { padding: 30px;}
.hotelTable .box1 { font-size: 2.8rem; padding-bottom: 15px;}
.hotelTable .box2 dt { margin-top: 15px; width: 120px; margin-right: 20px;}
.hotelTable .box2 dt .line { font-size: 1.6rem; max-width: 120px;}
.hotelTable .box2 dd { margin-top: 15px; font-size: 2rem; width: calc( 50% - 140px);}
.flightTable .item .tripDetailArea { padding: 20px 0; margin: 0 20px;}
.flightTable .item .tripDetailArea .info { font-size: 1.8rem; font-weight: 700;}
.flightTable .item .tripTit { font-size: 2rem; padding: 10px 20px;}
.flightTable .item .tripTit .tag { font-size: 1.4rem;}
.flightTable .item .tripDetail .time { font-size: 1.8rem;}
.flightTable .item .tripDetail .seat { width: 14%; border-left: dashed 1px #ddd; border-top: 0;}
.flightTable .item .tripDetail .seat.vacant:after,
.flightTable .item .tripDetail .seat.novacant:after { width: 100%; display: block; margin-left: 0; margin-top: 5px;}
.flightTable .item .tripDetail .seat.vacant:after { height: 28px;}
.flightTable .item .tripDetail .seat.novacant:after { height: 22px;}
.flightTableRadio .radioArea { max-width: 6%; width: 6%;}
.flightTableRadio .flightTable { width: 94%;}
.priceTableArea .priceTable.w100 { width: 100%;}
.priceTableArea .priceTable dt { line-height: 2.4; width: 25%; padding: 15px 30px;}
.priceTableArea .priceTable dd { font-size: 2.4rem; width: 25%; padding: 15px 30px;}
.priceTableArea .priceTable dd .min { font-size: 1.8rem;}
.priceTableArea .priceTable .item { width: 100%; height: 100%; display: flex; align-items: center;}
.priceTableArea .priceTable dd .item { justify-content: flex-end;}
.priceTableArea .priceTable.w100 dt,
.priceTableArea .priceTable.w100 dd,
.priceTableArea .priceTable.tital dt,
.priceTableArea .priceTable.tital dd { width: 50%;}
.priceTableArea .priceTable.tital dt { font-size: 2rem; padding: 15px 30px 10px 30px;}
.priceTableArea .priceTable.tital dd { font-size: 3.6rem; padding: 10px 30px;}
.priceTableArea .priceTable.tital dd .min { font-size: 2.4rem;}
.cancelTableArea { display: flex; flex-wrap: wrap; border-right: 0;}
.cancelTableArea .cancelTable { width: 50%;}
.cancelTableArea .cancelTable .cancelTableTit { font-size: 1.6rem; padding: 15px 0;}
.cancelTableArea .cancelTable .cancelTableTit:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dt { font-size: 1.6rem; padding: 10px 0;}
.cancelTableArea .cancelTable .cancelTableList dd { font-size: 2rem; padding: 10px 0;}
.cancelTableArea .cancelTable .cancelTableList dd.colOR { padding: 13px 0;}
.cancelTableArea .cancelTable .cancelTableList dd .min { font-size: 1.8rem;}
.cancelTableArea .cancelTable .cancelTableList dd .big { font-size: 2.4rem;}
.cancelTableArea.borderB0 .cancelTable .cancelTableList dd { border-bottom: 0;}
}

@media screen and (max-width: 937px) {
.airlineTable .box4 dl { width: 100%; display: flex; flex-wrap: wrap;}
}
@media screen and (max-width: 749px) {
	
.airlineTable .box4 dt,
.airlineTable .box4 dd { width: 100%;}
.flightTable .item .tripDetail .list li { font-size: 1.5rem;}
.flightTable .item .tripDetail .list li .place { font-size: 1.4rem;}
}
@media screen and (min-width: 900px) {
.flightTable .item .tripDetail .list .pcOnly { display: block;}
}
@media screen and (max-width: 899px) {
.flightTable .item .tripDetail .list .spOnly { display: block;}
.flightTable .item .tripDetail .list .pcOnly { display: none;}
.priceTableArea2 .list th,
.priceTableArea2 .list td { font-size: 1rem; padding: 10px 5px; letter-spacing: -0.01em;}
.priceTableArea2 .list td.taR { padding-right: 5px;}
}

/* scroll-box */
.scroll-box { font-size: 1.4rem; padding: 15px 5%; width: 100%; height: 140px; overflow-y: scroll; border: solid 1px #dddddd;  scrollbar-width: thin; scrollbar-color: #007e9e #f5f5f5;}
.scroll-box::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 10px; background: #f5f5f5;}
.scroll-box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #007e9e;}
@media screen and (min-width: 750px) {
.scroll-box { font-size: 1.6rem; padding: 30px; height: 150px;}
.scroll-box::-webkit-scrollbar { width: 18px; height: 18px; border-radius: 18px;}
.scroll-box::-webkit-scrollbar-thumb { border-radius: 18px;}
}

/* notesBox */
.notesBox { margin-top: 15px;}
.notesBox p { margin-top: 5px; padding-left: 18px; font-size: 1.4rem; position: relative;}
.notesBox p:before { content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width: 749px) { 
.notesBox p { padding-left: 15px; font-size: 1.1rem;}
}

/* farerulesTit */
.farerulesTit { margin: 20px 0 15px 0; font-size: 1.8rem; font-weight: 600;}
.farerulesTit .mark { margin-left: 15px; padding: 5px 10px; font-size: 1.5rem; font-weight: 500; background: #f7f7f7; display: inline-block;}
.farerulesTit .mark .arr { margin: 0 10px; background: url("../img/icon_flightschedule.svg") no-repeat; width: 6px; height: 12px; display: inline-block;}
@media screen and (max-width: 749px) { 
.farerulesTit { font-size: 1.5rem;}
.farerulesTit .mark { font-size: 1.3rem;}
.farerulesTit .mark .arr { margin: 0 10px; width: 5px; height: 10px;}
}

/* selectBtnList */
.selectBtnListArea { padding: 20px 0 0 0;}
.selectBtnList { display: flex; flex-wrap: wrap;}
.selectBtnList li { margin: 0 8px 8px 0;}
.selectBtnList.nod li input { width: 75px;}
.selectBtnList label.check input { display: none;}
.selectBtnList label.check span { font-size: 14px; padding: 10px 15px; display: inline-block; background: #fff; border: solid 1px #888888; text-align: center; border-radius: 30px;}
.selectBtnList label.check input:checked + span { background: #eff9fb; border: solid 1px #007e9e;}
@media screen and (max-width: 749px) {   
.selectBtnList label.check span { font-size: 1.4rem; padding: 12px 15px; border-radius: 30px;}
}

/* pagination */
.pagination { text-align: center;}
.pagination .list { margin-top: 20px; display: flex; justify-content:center;}
.pagination .list li { border: solid 1px #dddddd; margin: 0 3px; background: #fff;}
.pagination .list li a { width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: 500;}
.pagination .list li.selected { border: solid 1px #007e9e; background: #007e9e;}
.pagination .list li.selected a { color: #fff;}
.pagination .arrow.prev:before{ left: 0; right: 0; width: 7px; height: 7px; border-top: 1px solid #007e9e; border-right: 1px solid #007e9e; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.pagination .arrow.next:before{left: 0; right: 0; width: 7px; height: 7px; border-top: 1px solid #007e9e; border-right: 1px solid #007e9e; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (min-width: 750px) {
.pagination .list li { margin: 0 5px;}
.pagination .list li a { width: 40px; height: 40px; line-height: 40px;}
.pagination .arrow.prev:before{  width: 10px; height: 10px;}
.pagination .arrow.next:before{ width: 10px; height: 10px;}
}

/* breadcrumbBar */
.breadcrumbBar { background: #f5f5f5; color: #007e9e;}
.breadcrumbBar .list { display: flex; flex-wrap: wrap;}
.breadcrumbBar .list li { font-weight: 700;}
.breadcrumbBar .list li:after { content: ">"; display: inline-block; margin: 0 10px; color: #2d2d2d;}
.breadcrumbBar .list li:nth-last-child(1):after { display: none;}
.breadcrumbBar .list li a { color: #2d2d2d; display: inline-block; font-weight: 500;}
@media screen and (min-width: 750px) {
.breadcrumbBar .list { font-size: 14px; padding: 20px 0;}
}
@media screen and (max-width: 749px) {
.breadcrumbBar .list { font-size: 1rem; padding: 10px 0;}
}

/* accordion */
.accordion dt,
.accordion dd { position: relative; line-height: 1.8;}
.accordion dt { padding: 18px 65px; cursor: pointer; background:url("../img/accordion_open.png") no-repeat right 30px center; background-size:auto 20px; font-weight: 700;}
.accordion dt.open { background:url("../img/accordion_close.png") no-repeat right 30px center; background-size:auto 20px;}
.accordion dd { padding: 18px 20px 18px 65px; display:none;}
@media screen and (max-width: 749px) {
.accordion dt,
.accordion dd { font-size: 1.4rem; background-position: right 15px center;}
.accordion dt.open { background-position: right 15px center;}
.accordion dt { padding: 10px 40px;}
.accordion dd { padding: 10px 15px 10px 40px;}
}
/* accordiondiv */
.accordiondiv {}
.accordiondiv .wrapTit { font-size: 18px; padding: 15px; cursor: pointer; background:url("../img/accordion_openWH.png") no-repeat right 30px top 18px; background-size:auto 20px; background-color: #007e9e; color: #fff; text-align: center;}
.accordiondiv .wrapTit.open { background:url("../img/accordion_closeWH.png") no-repeat right 30px top 18px; background-size:auto 20px; background-color: #007e9e; color: #fff;}
.accordiondiv .wrapCont { display: none;}
.accordiondiv .wrapCont .formBox {}
.accordiondiv .wrapCont .formBox .number { font-size: 24px;}
.accordiondiv .wrapCont .formBox .amount { font-size: 28px;}
.accordiondiv .wrapCont .formBox .yen { font-size: 20px;}
.accordiondiv .wrapCont .formBox .min { font-size: 14px;}
.accordiondiv .wrapCont .formBox .formList dd { position: relative;}
.accordiondiv .wrapCont .formBox .btnarea a { padding: 10px 20px; font-size: 16px; font-weight: 500; text-align: center;}
.accordiondiv .wrapCont .formBox .btnarea .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #007e9e; border-right: 1px solid #007e9e; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.accordiondiv .wrapCont .formBox .paymentdetail { background: #fff; border: solid 1px #f06c3d; text-align: center;}
.accordiondiv .wrapCont .formBox .paymentdetail .tit { font-size: 16px; padding: 4px 0; background: #f06c3d; color: #fff;}
.accordiondiv .wrapCont .formBox .paymentdetail .txt { padding: 12px 0; color: #f06c3d;}
.accordiondiv .wrapCont .formBox .paymentdetail.thx { background: #fff; border: solid 1px #1575d9; text-align: center;}
.accordiondiv .wrapCont .formBox .paymentdetail.thx .tit { background: #1575d9; color: #fff;}
.accordiondiv .wrapCont .formBox .paymentdetail.thx .txt { padding: 7px 0; line-height: 1.3; color: #2d2d2d;}
.accordiondiv .wrapCont .formBtn {}
.accordiondiv .wrapCont .formBtn .btn { padding: 0;}
@media screen and (min-width: 850px) {
.accordiondiv .wrapCont .formBox .paymentdetail { width: 280px; position: absolute; right: 30px; top: 15px;}
}
@media screen and (min-width: 750px) {
.accordiondiv .wrapCont .formBox .btnarea { position: absolute; right: 30px; top: 10px;}
.accordiondiv .wrapCont .formBox .btnarea a { width: 220px;}
.accordiondiv .wrapCont .formBox .paymentdetailBox { padding: 40px 26px;}
.accordiondiv .wrapCont .formBox .paymentdetail .txt .big { font-size: 2rem;}
}
@media screen and (max-width: 849px) {
.accordiondiv .wrapCont .formBox .paymentdetailBox { padding: 20px 26px; text-align: center;}
.accordiondiv .wrapCont .formBox .paymentdetail { margin-top: 10px;}
}
@media screen and (max-width: 749px) {
/* accordiondiv */
.accordiondiv .wrapTit { font-size: 1.6rem; background-position: right 30px top 18px; padding-right: 40px;}
.accordiondiv .wrapTit.open { background-position: right 30px top 18px;}
.accordiondiv .wrapCont .formBox { text-align: center;}
.accordiondiv .wrapCont .formBox .number { font-size: 2rem;}
.accordiondiv .wrapCont .formBox .amount { font-size: 2.8rem;}
.accordiondiv .wrapCont .formBox .yen { font-size: 2rem;}
.accordiondiv .wrapCont .formBox .min { font-size: 1.4rem;}
.accordiondiv .wrapCont .formBox .btnarea a { margin-top: 8px; padding: 8px; font-size: 1.4rem; width: 90%;}
.accordiondiv .wrapCont .formBox .paymentdetail { margin-top: 8px; font-size: 1.4rem;}
.accordiondiv .wrapCont .formBox .paymentdetail .tit { font-size: 1.4rem;}
.accordiondiv .wrapCont .formBox { margin-top: 20px;}
.accordiondiv .wrapCont .formBox:nth-of-type(1) { margin-top: 0;}
}

/* faqlist */
.accordion.faqlist dt { border: solid 1px #dddddd; border-bottom:0; background-color: #eff9fb;}
.accordion.faqlist dt:nth-last-of-type(1) { border-bottom: solid 1px #c8e7f9;}
.accordion.faqlist dd:nth-last-of-type(1) { border-bottom: solid 1px #dddddd;}
.accordion.faqlist dt.open { border-bottom: solid 1px #c8e7f9; background-color: #eff9fb;}
.accordion.faqlist dd { font-size: 16px; font-weight: 400; border-right: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.accordion.faqlist dt:before { content: "Q"; color: #007e9e; font-weight: 500;}
.accordion.faqlist dd:before { content: "A"; color: #f06c3d; font-weight: 500;}
.accordion.faqlist dt:before,
.accordion.faqlist dd:before { left: 30px; top: 10px; font-size: 24px; position: absolute;}
@media screen and (max-width: 749px) {
.accordion.faqlist dt:before,
.accordion.faqlist dd:before { font-size: 2rem; left: 15px; top: 5px;}
.accordion.faqlist dd { font-size: 1.3rem;}
}
/* patternArr */
.accordion.patternArr {}
.accordion.patternArr dt { width: 100%; background: #fff; position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none;}
.accordion.patternArr dt:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #007e9e; border-right: 1px solid #007e9e; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle;}
.accordion.patternArr dt.open:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px;}

/* form-nav */
.progressbar { display: flex; flex-wrap: wrap;}
.progressbar .item { padding: 13px 0 13px 10px;; position: relative; width: 25%; text-align: center; position: relative; align-items: center; justify-content: center; line-height: 1.5; background: #e5e5e5;}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after { position: absolute; z-index: 2; left: 100%; bottom: 0; content: ""; margin: auto;}
.progressbar .item:not(:last-child)::before { border: 28px solid transparent; border-left: 22px solid #fff; top: -3px;}
.progressbar .item:not(:last-child)::after { border: 24px solid transparent; border-left: 18px solid #e5e5e5; top: 0;}
.progressbar .item.active { z-index: 1; background: #007e9e; color: #FFF; font-weight: 700;}
.progressbar .item.active:not(:last-child)::after { border-left-color: #007e9e;}

@media screen and (max-width: 1299px) {
.progressbar .item .spOnly { display: none;}
.progressbar .item:not(:last-child)::before { top: -4px;}
}
@media screen and (max-width: 799px) {
.progressbar .item:not(:last-child)::before { border-width: 24px; border-left-width: 12px; top: -2px;}
.progressbar .item:not(:last-child)::after { border-width: 22px; border-left-width: 10px;}
.progressbar .item .spOnly { display: block;}
.progressbar .item { font-size: 1rem;}
.progressbar .item:nth-of-type(1),
.progressbar .item:nth-of-type(2),
.progressbar .item:nth-of-type(4) { padding: 15px 0 15px 5px;}
.progressbar .item:nth-of-type(3) { padding: 10px 0 10px 10px; line-height: 1.2;}
}

/* domListSearch */
.domListSearch { margin-top: 40px; padding: 30px; background: #f4fbfc;}
.domListSearch input { padding-top: 10px; padding-bottom: 10px;}
.domListSearch .openBox { display: none;}
.domListSearch .openBox.open { display: block;}
.domListSearch .box01 input,
.domListSearch .box02 input { width: 190px;}
.domListSearch .box03 input { width: 117px;}
.domListSearch .box01 {}
.domListSearch .box02 {}
.domListSearch .box02 .replacement img { width: 38px; height: 38px; vertical-align: text-top;}
.domListSearch .box03 {}
.domListSearch .box03 .btnArea {}
.domListSearch .box03 .btnArea .btn1a { font-size: 1.6rem;}
@media screen and (min-width: 1300px) {
.domListSearch { display: flex; justify-content: space-between;}
.domListSearch .box01 {}
.domListSearch .box01 .openBox.open { display: none;}
.domListSearch .box02 { display: flex;}
.domListSearch .box02 .openBox.open { display: none;}
.domListSearch .box02 .replacement { margin: 0 10px;}
.domListSearch .box03 { display: flex; position: relative;}
.domListSearch .box03 .openBox { position: absolute; top: 50px; left: 0;}
.domListSearch .box03 .openBox .selectPc { width: 170px; background: #fff; border: solid 1px #007e9e;}
.domListSearch .box03 .openBox .selectPc li { padding: 10px; border-bottom: solid 1px #dddddd; cursor: pointer;}
.domListSearch .box03 .openBox .selectPc li:last-child { border-bottom: 0;}
.domListSearch .box03 .openBox .selectPc li:hover { background: #f4fbfc;}
.domListSearch .box03 .btnArea { width: 150px;}
.domListSearch .box03 .btnArea .btn1a { padding: 6px 0;}
}
@media screen and (max-width: 1299px) {
.domListSearch { margin-top: 20px; padding: 20px 5%;}
.domListSearch .openBox.open  .spSelectArea { padding: 50px 5%; width: 100%; height: 100%; left: 0; top: 0; position: fixed; background-color: rgba(0, 126, 158, 0.961); z-index: 1000;}
.domListSearch .openBox.open  .spSelectArea .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px; cursor: pointer;}
.domListSearch .openBox.open  .spSelectArea .close:before,
.domListSearch .openBox.open  .spSelectArea .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
.domListSearch .openBox.open  .spSelectArea .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
.domListSearch .openBox.open  .spSelectArea .tit { color: #fff;}
.domListSearch .openBox.open  .spSelectArea .custom-select { width: 100%; margin-top: 20px;}
.domListSearch .openBox.open  .spSelectArea .custom-select .custom-select-trigger { padding: 12px;}
.domListSearch .searchmenuContents { background: #fff; padding: 3%; border-radius: 10px;}
.domListSearch .searchmenuContents input { width: 100% !important;}
.domListSearch .searchmenuContents .custom-select { width: 100%;}
.domListSearch .searchmenuContents .tab-area { margin-top: 15px;}
.domListSearch .searchmenuContents .tab-content-wrap { border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.domListSearch .searchmenuContents .tab-area .tab-list-wrap { border-bottom: solid 3px #007e9e; border-top: 0;}
.domListSearch .searchmenuContents .tab-area .tab-list-wrap li:first-child label { border-radius: 5px 0 0 0;}
.domListSearch .searchmenuContents .tab-area .tab-list-wrap li:last-child label { border-radius: 0 5px 0 0;}
.domListSearch .searchmenuContents .tab-area .tab-list { padding: 10px 0 !important; height: 40px; font-size: 1.4rem !important; font-weight: 500 !important; background: #dfdfdf;}
.domListSearch .searchmenuContents .placeList li { border-bottom: solid 1px #ddd;}
.domListSearch .searchmenuContents .placeList li a { font-size: 1.5rem; background: #fff; text-align: left; padding: 12px;}
.domListSearch .searchmenuContents .placeList li.icon_history a { background: url("../img/icon_history.svg") center left 10px no-repeat #fff; background-size: 25px auto; padding-left: 45px;}
.domListSearch .box01 input { width: 100%; max-width: 100%;}
.domListSearch .box02 input { width: calc(100% - 50px); max-width: 100%;}
.domListSearch .box02 input.mt { margin-top: 15px;} 
.domListSearch .box03 input { width: 100%; max-width: 100%;}
.domListSearch .box01 { margin-bottom: 15px;}
.domListSearch .box02 { margin-bottom: 15px; position: relative;}
.domListSearch .box02 .replacement { position: absolute; right: 0; top: calc(50% - 20px); margin: auto;}
.domListSearch .box02 .replacement img { transform: rotate(90deg);}
.domListSearch .box03 .openBox.open  .spSelectArea {}
.domListSearch .box03 .btnArea { width: 80%; margin: 15px auto 0 auto;}
}

/* timeline */
.timeline { padding: 20px 0; display: flex; justify-content: space-between; border-bottom: solid 1px #dddddd;}
.timeline .btn { border: solid 1px #dddddd; position: relative; font-weight: 500;}
.timeline .btn a:before { width: 8px; height: 8px; content: ""; border: 0; border-top: solid 1px #007e9e; position: absolute; margin: auto; top: 0; bottom: 0;}
.timeline .btn.prev a{ padding: 8px 10px 8px 25px;}
.timeline .btn.prev a:before { left: 15px; border-left: solid 1px #007e9e; transform: rotate(-45deg);}
.timeline .btn.next a{ padding: 8px 25px 8px 10px;}
.timeline .btn.next a:before { right: 15px; border-right: solid 1px #007e9e; transform: rotate(45deg);}
.timeline .txt { font-size: 1.5rem; line-height: 40px;}
@media screen and (min-width: 750px) {
.timeline { justify-content: center;}
.timeline .txt { font-size: 2rem; margin: 0 45px;}
.timeline .btn a:before { width: 10px; height: 10px;}
.timeline .btn.prev a{ padding: 8px 20px 8px 40px;}
.timeline .btn.next a{ padding: 8px 40px 8px 20px;}
}

/* checkTerms */
.checkTerms {}
.checkTerms .checkTermsTit { padding: 15px 5%; font-size: 1.5rem; margin-top: 20px; background-color: #f4fbfc; border-top: solid 2px #007e9e;}
.checkTerms dt.open.checkTermsTit { background-color: #f4fbfc;}
.checkTerms .checkTermsCont { font-size: 1.4rem; padding: 0 5% 20px 5%; background: #f4fbfc;}
.checkTerms .checkTermsCont a { display: initial; color: #007d9c; border-bottom: solid 1px #007d9c; line-height: 1.2;}
.checkTerms .checkTermsCont .list {}
.checkTerms .checkTermsCont .list p { padding-left: 10px; position: relative;}
.checkTerms .checkTermsCont .list p:before { content: "・"; position: absolute; left: 0;}
.checkTerms .checkTermsCont .borB_GR { padding-bottom: 15px;}
.checkTerms .checkTermsCont .label { font-size: 1.2rem; background: #007e9e; color: #fff; padding: 5px; line-height: 1; display: inline-block;}
.checkTerms .checkTermsCont .iconWarning { vertical-align: sub;}
@media screen and (min-width: 750px) {
.checkTerms .checkTermsTit { padding: 20px 30px; font-size: 2rem;}
.checkTerms .checkTermsCont { font-size: 1.5rem; padding: 0 30px 30px 30px;}
.checkTerms .checkTermsCont .borB_GR { padding-bottom: 30px;}
.checkTerms .checkTermsCont .label { font-size: 1.4rem; margin-right: 8px;}
}

/* precautions */
.precautions {}
.precautions dt { background: #f06c3d; color: #fff; display: flex; align-items: center; justify-content: center;}
.precautions dt span { }
.precautions dd { border-bottom: solid 2px #f06c3d; border-right: solid 2px #f06c3d; border-left: solid 2px #f06c3d;}
@media screen and (min-width: 750px) {
.precautions { font-size: 1.6rem; display: flex;}
.precautions dt { width: 180px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.precautions dd { padding: 20px 30px; width: calc( 100% - 180px); border-top: solid 2px #f06c3d; border-bottom-right-radius: 5px; border-top-right-radius: 5px; line-height: 2;}
}
@media screen and (max-width: 749px) {
.precautions dt { padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.precautions dd { padding: 10px 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center;}
}

/* selectedFlight */
.selectedFlight { border-top: solid 1px #dddddd; border-left: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.selectedFlight li { text-align: center; border-right: solid 1px #dddddd;}
.selectedFlight li .tit,
.selectedFlight li .txt { font-size: 1.4rem;}
.selectedFlight li .tit { background: #f7f7f7;}
.selectedFlight li .txt { padding: 15px 10px; position: relative; border-top: solid 1px #dddddd;}
.selectedFlight li .txt img { height: 20px; width: auto;}
.selectedFlight li .txt .breakdownArea { position: relative; display: inline-block;}
.selectedFlight li .txt .breakdown { padding: 3px 20px; margin-left: 10px; font-size: 1.3rem; background: #f7f7f7; border: solid 1px #dddddd; border-radius: 30px; cursor: pointer; display: inline-block;}
.selectedFlight li .txt .breakdownInfo { min-width: 220px; padding: 10px; top: 35px; right: -60px;; display: none; position: absolute; border-radius: 5px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.4); text-align: left;}
.selectedFlight li .txt .breakdownInfo.on { display: block;}
.selectedFlight li .txt .breakdownInfo:after { content: ""; position: absolute; top: 0; left: 50%; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff; translate: -50% -100%;}
.selectedFlightBtn { display: flex; justify-content: flex-end;}
.selectedFlightBtn a { border-radius: 10px; padding: 10px 20px;}
.selectedFlightBtn .selectedFlightBtn_search { border: solid 2px #007e9e; color: #007e9e; margin-right: 10px;}
.selectedFlightBtn .selectedFlightBtn_search .icon { margin-right: 5px; height: 20px; width: 20px; background: url("../img/icon_replacement_g.svg")no-repeat; background-size: 20px 20px; display: inline-block; vertical-align: sub;}
.selectedFlightBtn .selectedFlightBtn_delete { background: #e5e5e5; line-height: 1.8;}
@media screen and (min-width: 1100px) {
.selectedFlight { display: flex; width: 100%;}
.selectedFlight li { width: 14%;}
.selectedFlight li:nth-last-child(2) { width: 16%;}
.selectedFlight li:nth-last-child(1) { width: 28%;}
.selectedFlight li .txt.pt { padding-top: 30px;}
}
@media screen and (max-width: 1099px) {
.selectedFlight { border-top: 0;}
.selectedFlight li .tit { border-top: solid 1px #dddddd;}
.selectedFlight li .txt .disB { display: inline-block; margin-left: 10px;}
.selectedFlight li .txt .logo { margin-left: 10px; vertical-align: sub;}
.selectedFlightTotal.priceTableArea .priceTable { justify-content: center; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.selectedFlightTotal.priceTableArea .priceTable dt,
.selectedFlightTotal.priceTableArea .priceTable dd { width: auto; border-bottom: 0; border-right: 0;}
	.selectedFlightBtn { justify-content: center;}
.selectedFlightBtn .selectedFlightBtn_search .icon { height: 15px; width: 15px; background-size: 15px 15px;}
}
@media screen and (min-width: 750px) {
.selectedFlight li .tit { font-size: 1.6rem;}
.selectedFlight li .txt { font-size: 1.5rem;}
.selectedFlight li .txt .fsM { font-size: 1.8rem;}
.selectedFlight li .txt .fsMM { font-size: 2rem;}
}

/* boarding */
.boarding { text-align: center;}
.boarding .item { display: inline-block;}
.boarding .item .custom-select-wrapper { width: 90px; margin-right: 10px;}
.boarding .item .custom-select-wrapper .custom-select { width: 90px; text-align: left;}
@media screen and (min-width: 750px) {
.boarding .icon_group { margin-right: 10px; background: url("../img/icon_menu_group_g.svg") no-repeat; background-size: 34px 25px; width: 34px; height: 25px; display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 749px) {
.boarding { background: #f7f7f7; padding: 10px 5px; border-radius: 5px;}
.boarding .item .custom-select-wrapper { width: 70px; margin-right: 5px;}
.boarding .item .custom-select-wrapper .custom-select { width: 70px;}
}

/*==================================
	parts - formBox
==================================*/
.formBox { max-width: 1000px; margin-left: auto; margin-right: auto;}
.formBox .summary { margin-top: 25px;}
.formBox .summary.attention { background: #eff9fb; border: solid 2px #007e9e; padding: 20px 5%;}
.formBox .summary.attention label { vertical-align: top;}
.formBox .summary.attention .txt { display: inline-block; margin-left: 50px; margin-top: -15px;}
.formBox .summary.attention .line { line-height: 1.2;}
.formBox .formList { font-size: 1.4rem; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.formBox .formList .min { font-size: 1rem; margin-left: 10px;}
.formBox .formList dt { padding: 10px 5%; line-height: 1.2; background-color: #eff9fb; text-align: center; border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.formBox .formList dt.required { position: relative;}
.formBox .formList dt.required:before { font-size: 12px; padding: 3px 6px; position: absolute; content: "必須"; background: #f06c3d; color: #fff; left: 0; top: 0; font-weight: 700;}
.formBox .formList dd { padding: 10px 3%; border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.formBox .formList dd.namearea .item { margin-top: 10px;}
.formBox .formList dd.namearea .item:nth-of-type(1) { margin-top: 0;}
.formBox .formList dd.namearea .item input { margin-top: 5px;}
.formBox .formList dd .item .custom-select-trigger { padding: 10px 15px;}
.formBox .formList dd .item .inputWl { width: 100%;}
.formBox .formList dd .item .inputWm { width: 64%;}
.formBox .formList dd .item .inputWs { width: 54%;}
.formBox .formList dd.birtharea { display: flex;}
.formBox .formList dd.birtharea .custom-select-wrapper { width: auto;}
.formBox .formList dd.birtharea .item .bd_year { width: 90px;}
.formBox .formList dd.birtharea .item .bd_month { width: 70px;}
.formBox .formList dd.birtharea .item .bd_day { width: 70px;}
.formBox .formList dd.birtharea .item:nth-of-type(2) { margin-left: 5px;}
.formBox .formList dd.birtharea .item:nth-of-type(3) { margin-left: 5px;}
.formBox .formList dd.payment .pcFlex {}
.formBox .formList dd.payment .pcFlexL {}
.formBox .formList dd.payment .pcFlexL .radiobtn { padding-bottom: 0;}
.formBox .formList dd.payment .pcFlexR { margin-left: 50px; margin-bottom: 10px;}
.formBox .formList dd.payment .pcFlexR img.visa { max-width: 70px;}
.formBox .formList dd.payment .pcFlexR img.mc { max-width: 60px;}
.formBox .formList.w100 dd.cancelArea .cancelTit { font-weight: bold; margin-bottom: 5px;}
.formBox .formList.w100 dd.cancelArea .cancelList li {}
.formBox .formList.w100 dd.cancelArea .cancelList li .detail { display: inline-block; margin-right: 10px;}
.formBox .formList.w100 dd.cancelArea .cancelList li .yen { display: inline-block;}
.formBox .formList.w100 dd.cancelArea .cancelList li .yen:before { font-size: 1.2rem; margin-right: 10px; content: "・・・";}
.formBox .formList.w100 dd.cancelArea .cancelList li .yen .num { font-size: 1.8rem;}
.formBox .passengerInfo .passengerInfoChoice,
.formBox .passengerInfo .passengerInfoEnter { display: none;}
.column .main .formBox .accordion.payment .formList.w100 dt { width: 100%; max-width: 100%; background-color: #fff; text-align: left; padding: 20px;}
.column .main .formBox .accordion.payment .formList.w100 dd { width: 100%; max-width: 100%; background: #eff9fb;}
/* people */
.people { padding: 10px 0; display: flex; flex-wrap: wrap; justify-content: center; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.people .item { display: flex; align-items: center;}
.people .item.adults { width: 40%;}
.people .item.children { width: 50%;}
.people .item.people_check { margin-top: 5px; width: 100%; justify-content: center;}
.people .item .custom-select-wrapper { width: 90px; margin-left: 5px;}
.people .item .people_select { width: 90px;}
.people .btn-attention { width: 20px; height: 20px; line-height: 20px; margin-left: 5px; box-sizing: border-box; border-radius: 50%; background-color: #fff; color: #2d2d2d; border: solid 1px #007e9e; text-decoration: none; display: inline-block;}
.people .tooltip { position: relative; cursor: pointer;}
.people .tooltip:hover { opacity: 1;}
.people .tooltip:hover:before,
.people .tooltip:hover:after { position: absolute; z-index: 2;}
.people .tooltip:hover:before { top: 2.8rem; left: -10rem; width: 240px; padding: 0.5rem 0.8rem; background: #fff; line-height: 1.5; content: attr(tooltip-title); box-shadow: -1px -1px 8px rgb(0 0 0 / 20%); border-radius: 6px; font-weight: normal; color: #1e1e1e; text-align: left; font-size: 1.4rem;}
.people .tooltip:hover:after { top: 1.5rem; left: 0.5rem; border: 8px solid transparent; border-bottom-color: #fff; content: '';}
.people .tooltip .icon { color: #007e9e;text-align: center; display: inline-block; width: 100%;}
/* checkList */
.formBox .formList.checkList,
.formBox .formList.checkList dd { border: 0; width: 100%;}
.formBox .formList.checkList dd .notes { margin-left: 50px;}
.formBox .formList.checkList dd .notes a { display: initial; border-bottom: solid 1px #007e9e; padding-bottom: 3px;}
/* radio */
.formBox input[type=radio] { display: none;}
.formBox .radiobtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 45px; margin-right: 20px; position: relative; width: auto;}
.formBox .radiobtn:before { border: solid 1px #dedede; background: #fff; border-radius: 50%; content: ''; display: block; height: 30px; left: 5px; margin-top: -8px; position: absolute; top: 12px; width: 30px;}
.formBox .radiobtn:after { background: #007e9e; border-radius: 50%; content: ''; display: block; height: 14px; left: 13px; margin-top: -4px; opacity: 0; position: absolute; top: 16px; transform: scale3d(.3,.3,1); transition: transform .2s ease-in-out, opacity .2s ease-in-out; width: 14px;}
.formBox input[type=radio]:checked + .radiobtn:after { opacity: 1; transform: scale3d(1,1,1);}
/* checkbox */
.formBox input[type=checkbox] { display: none;}
.formBox .checkbtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 50px; position: relative; width: auto;}
.formBox .checkbtn:before { border: solid 1px #dedede; background: #fff; content: ''; display: block; width: 36px; height: 36px; left: 0; margin-top: -8px; position: absolute; top: 12px; border-radius: 5px;}
.formBox .checkbtn:after { content: '';display: block; width: 25px; height: 13px; left: 6px; opacity: 0; position: absolute; top: 13px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 5px solid #fff; border-bottom: 5px solid #fff; transform: rotate(-45deg); border-radius: 3px;}
.formBox input[type=checkbox]:checked + .checkbtn:before { background: #007e9e; border: solid 1px #007e9e;}
.formBox input[type=checkbox]:checked + .checkbtn:after { opacity: 1;}
/* submitbtn */
.formBtn .submitbtn:disabled { background: #c4c4c4;}
@media screen and (min-width: 750px) {
.formBox input,
.formBox .txtform { max-width: 100%;}
.formBox .summary { margin-top: 50px; text-align: center;}
.formBox .summary.attention { line-height: 36px; padding: 20px;}
.formBox .summary.attention label { height: 36px;}
.formBox .summary.attention .txt { display: inline-block; margin-left: 0; margin-top: 0;}
.formBox .formList { font-size: 1.6rem; display: flex; flex-wrap: wrap;}
.formBox .formList .min { font-size: 1.2rem; display: inline-block; vertical-align: middle;}
.formBox .formList dt { max-width: 240px; width: 24%; padding: 20px 15px;}
.formBox .formList dt .fac { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.formBox .formList dd .fac { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.formBox .formList dd { width: 76%; padding: 20px 30px;}
.formBox .formList.w100 dd { width: 100%;}
.formBox .formList.w100 dd.cancelArea {}
.formBox .formList.w100 dd.cancelArea { display: flex; align-items: center; flex-wrap: wrap;}
.formBox .formList.w100 dd.cancelArea .cancelTit { width: 140px;}
.formBox .formList.w100 dd.cancelArea .cancelList { width: calc( 100% - 140px);}
.formBox .formList.w100 dd.cancelArea .cancelList li .detail { width: 240px; margin-right: 0;}
.formBox .formList.w100 dd.cancelArea .cancelList li .yen:before { font-size: 1.2rem;}
.formBox .passengerInfo .passengerInfoChoice.flex,
.formBox .passengerInfo .passengerInfoEnter.flex { display: flex;}
.formBox .formList dd .item .inputWm { width: 300px;}
.formBox .formList dd .item .inputWs { width: 200px;}
.formBox .formList dd.namearea { display: flex; justify-content: space-between; flex-wrap: wrap;}
.formBox .formList dd.namearea .item.w100 { width: 100%; margin-bottom: 10px;}
.formBox .formList dd.namearea .item { width: 48%;}
.formBox .formList dd.namearea .item:nth-of-type(2) { margin-top: 0;}
.formBox .formList dd.namearea .item:nth-of-type(3) { margin-top: 0;}
/*.formBox .formList dd.pcFlex { width: 798px;}*/
.formBox .formList dd.pcFlex .pcFlexL { width: 200px;}
.formBox .formList dd.pcFlex .pcFlexR { width: 500px; margin-top: 0; max-width: 100%;}
.formBox .formList dd.payment .pcFlex { justify-content: flex-start;}
.formBox .formList dd.payment .pcFlexL { width: 500px;}
.formBox .formList dd.payment .pcFlexR { margin-left: 0; margin-bottom: 0;}
.column .main .formBox { max-width: 890px;}
.column .main .formBox .formList dt { width: 160px;}
.column .main .formBox .formList dd { width: calc( 100% - 160px);}
.column .main .formBox .formList.w100 dd { width: 100%;}
.people { padding: 20px 0;}
.people .item { margin-right: 40px;}
.people .item.adults { width: 150px;}
.people .item.children { width: 180px;}
.people .item.people_check { margin-top: 0; width: auto;}
.people .item .custom-select-wrapper { margin-left: 15px;}
.people .tooltip:hover:before { left: -0.5rem;}
/* checkbox */
.formBox .formList.checkList dd { padding: 10px 30px}
}

@media screen and (max-width: 749px) {
.formBox .formList .item.pcFlexR {}
.formBox .formList .item.pcFlexR input { width: 100%;}
.formBox .formList .item.pcFlexR .min.colGR { display: block; margin-top: 5px;}
.formBox .formList .item .min.spdisB { display: block; margin-left: 0; margin-top: 5px;}
.formBox .passengerInfo .passengerInfoChoice.block,
.formBox .passengerInfo .passengerInfoEnter.block { display: block;}
}

/*==================================
	flight - list
==================================*/
.flightListItem { margin-bottom: 30px; border-top: solid 3px #007e9e;}
.flightListItem .airlineTable { padding: 0; border-left: 0;  border-right: 0;}
.flightListItem .airlineTable .boxArea { padding: 15px 5% 0 5%; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.flightListItem .accordionBtn { cursor: pointer; padding: 10px 0 20px 0; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.flightListItem .accordionBtn .btn { background: #fff; color: #007e9e; border: solid 2px #007e9e;}
.flightListItem .accordionBtn .btn:before { content: "フライト詳細を表示する";}
.flightListItem .accordionBtn.open .btn { background: #007e9e; color: #fff; border: solid 2px #007e9e;}
.flightListItem .accordionBtn.open .btn:before { content: "フライト詳細を閉じる";}
.flightListItem .accordionCont { display: none; border-top: solid 1px #ddd;}
.flightListItem .btnBox { padding: 20px 0; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
@media screen and (min-width: 1300px) {
.flightListItem .airlineTable .boxArea { padding: 30px 30px 0 30px;}
.flightListItem .accordionBtn {padding: 40px 0 30px 0;}
}
.flightListItem .accordionBtn .btn .icon { display: inline-block; background: currentColor; position: absolute;}
.flightListItem .accordionBtn .btn { font-weight: 500; width: 65%; max-width: 400px; min-width: 250px;}
.flightListItem .accordionBtn .btn .icon { width: 16px; height: 2px; color: #007e9e; right: 5%; top: 48%;}
.flightListItem .accordionBtn .btn .icon:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 2px; background: inherit; border-radius: inherit; transform: rotate(90deg);}
.flightListItem .accordionBtn.open .btn .icon { color: #fff;}
.flightListItem .accordionBtn.open .btn .icon:before { display: none;}

/* listSearchBox */
.listSearchBox { background: #eff9fb; border-top: 2px solid #007e9e;}
.listSearchBox .listSearchTit { text-align: center; color: #007e9e; font-weight: 500;}
.listSearchBox .listSearchTit .icon_search { width: 30px; height: 20px; display: inline-block; background: url("../img/icon_search_bl.svg") bottom left no-repeat; background-size: auto 100%;}
.listSearchBox .listSearchCont { font-size: 1.6rem; line-height: 1.2; padding: 0 25px 30px 25px;}
.listSearchBox .listSearchCont input { background-color: #f7f7f7;}
.listSearchBox .listSearchCont .listSearchContInner { padding: 30px 25px; background: #fff; border-radius: 14px; border: #007e9e 2px solid;}
.listSearchBox .listSearchCont .moretermsBtn { cursor: pointer;}
.listSearchBox .listSearchCont .moretermsCont { display: none;}
.listSearchBox .listSearchCont .moreterms { text-align: center; color: #007e9e;}
.listSearchBox .listSearchCont .moreterms a { color: #007e9e;}
.listSearchBox .listSearchCont .moreterms .icon { width: 25px; height: 25px; border-radius: 25px; margin-right: 5px; display: inline-block; border: solid 2px #007e9e; position: relative; vertical-align: middle; background: #fff;}
.listSearchBox .listSearchCont .moreterms .icon:before,
.listSearchBox .listSearchCont .moreterms .icon:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #007e9e;}
.listSearchBox .listSearchCont .moreterms .icon:before { width: 13px; height: 2px;}
.listSearchBox .listSearchCont .moreterms .icon:after { height: 13px; width: 2px;}
.listSearchBox .listSearchCont .moreterms.open .icon:after { display: none;}
.listSearchBox .listSearchCont .directflight { margin-top: 10px;}
.listSearchBox .listSearchCont .directflight label.checkbtn input { display: none;}
.listSearchBox .listSearchCont .directflight label.checkbtn span { padding: 10px 0 5px 30px; display: block; position: relative;}
.listSearchBox .listSearchCont .directflight label.checkbtn span:before { border: solid 1px #dedede; background: #f7f7f7; content: ''; display: block; width: 24px; height: 24px; left: 0; margin-top: -8px; position: absolute; top: 15px; border-radius: 5px;}
.listSearchBox .listSearchCont .directflight label.checkbtn span:after { content: '';display: block; width: 17px; height: 10px; left: 4px; opacity: 0; position: absolute; top: 13px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 4px solid #2d2d2d; border-bottom: 4px solid #2d2d2d; transform: rotate(-45deg); border-radius: 3px;}
.listSearchBox .listSearchCont .directflight label.checkbtn input:checked + span:after { opacity: 1;}
.listSearchBox .listSearchCont .tab-list-wrap { border-top: 0;}
.ruleBox .rule { font-size: 1.4rem; line-height: 1.8; padding: 0 20px; background: #f0f0f0; color: #007e9e; border-radius: 5px; display: inline-block;}
.ruleBox .rule .icon { padding: 5px 0 5px 25px; background: url("../img/icon_shorui.svg") left center no-repeat; background-size: 15px 18px; display: inline-block;}

@media screen and (min-width: 1300px) {
.listSearchBox { margin-top: 40px;}
.listSearchBox .listSearchTit { font-size: 2.4rem;}
.listSearchBox .listSearchCont .column { display: flex;}
.listSearchBox .listSearchCont .column  .ml { margin-left: 2%;}
.listSearchBox .listSearchCont .column2 .openBoxArea { width: 49%;}
.listSearchBox .listSearchCont .column3 .openBoxArea { width: 32%;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox { width: 190px;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist { padding: 5px 12px; font-size: 1.4rem; display: flex; flex-wrap: wrap; align-items: center;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dt { width: 55px; margin: 5px 0; padding: 0; background: none; font-weight: 500;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dd { width: 100px; margin: 5px 0; padding: 0; display: block;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dd .pulldown { width: 100px !important; margin-left: 0;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dd .pulldown .custom-select { width: 100px;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dd .pulldown1 { z-index: 100; position: relative;}
.listSearchBox .listSearchCont .column .openBoxArea .nopBox .noplist dd .pulldown .custom-select .custom-select-trigger { padding: 5px 10px;}
.listSearchBox .listSearchCont .column .openBoxArea .calendarBox { width: 250px;}
.listSearchBox .listSearchCont .column .openBoxArea .calendarBox .btnArea { padding: 10px;}
.listSearchBox .listSearchCont .column .openBoxArea .calendarBox .btnArea .btn { width: 90%; padding: 8px 0;}
.listSearchBox .listSearchCont .column .openBoxArea .nomallistBox { min-width: 186px;;}
.listSearchBox .listSearchCont .column .openBoxArea .nomallistBox .nomallist li { background: #fff; border-bottom: solid 1px #ddd;}
.listSearchBox .listSearchCont .column .openBoxArea .nomallistBox .nomallist li:last-child { border-bottom: 0;}
.listSearchBox .listSearchCont .column .openBoxArea .nomallistBox .nomallist li a { padding: 10px;}
.listSearchBox .listSearchCont .btnArea { justify-content: center; line-height: 1.8;}
.listSearchBox .listSearchCont .btnArea .btn1a { width: 340px; margin-right: 15px;}
.listSearchBox .listSearchCont .btnArea .btn3 { font-size: 2rem; width: 240px; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.listSearchBox .listSearchCont .ruleBox { font-size: 1.5rem; position: absolute; right: 50px; top: 30px;}
.listSearchBox .listSearchCont .ruleBox .rule { border-radius: 30px;}
.listSearchBox .listSearchCont .tab-list-wrap { width: 300px;}
.listSearchBox .listSearchCont .tab-list-wrap li { position: relative;}
.listSearchBox .listSearchCont .search-tab .tab-list { line-height: 1.8; padding: 10px 0 12px 15px; background: #f7f7f7;}
.listSearchBox .listSearchCont #search-tab-list1 { border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.listSearchBox .listSearchCont #search-tab-list3 { border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.listSearchBox .listSearchCont #search-tab-btn1:checked ~ .tab-list-wrap #search-tab-list1,
.listSearchBox .listSearchCont #search-tab-btn2:checked ~ .tab-list-wrap #search-tab-list2,
.listSearchBox .listSearchCont #search-tab-btn3:checked ~ .tab-list-wrap #search-tab-list3 { padding: 10px 0 12px 15px; background: #007e9e; color: #fff;}
.listSearchBox .listSearchCont #search-tab-btn1:checked ~ .tab-list-wrap #search-tab-list1 .icon:before,
.listSearchBox .listSearchCont #search-tab-btn2:checked ~ .tab-list-wrap #search-tab-list2 .icon:before,
.listSearchBox .listSearchCont #search-tab-btn3:checked ~ .tab-list-wrap #search-tab-list3 .icon:before { width: 12px; height: 12px; border-radius: 12px; content: ""; position: absolute; top: 6px; left: 6px; background: #007e9e; }
.listSearchBox .listSearchCont .tab-list .icon { width: 26px; height: 26px; border-radius: 26px; background: #ffffff; position: absolute; left: 10px; top: 10px; border: solid 1px #dddddd;}
}
@media screen and (max-width: 1299px) {
.listSearchBox { margin-top: 20px; width: calc( 100% + 8%); margin-left: -4%;}
.listSearchBox .listSearchTit { font-size: 2rem; padding-top: 10px; padding-bottom: 10px;}
.listSearchBox .listSearchCont .tab-list-wrap { margin-bottom: 15px;}
.listSearchBox .listSearchCont .tab-list-wrap li { border-left: solid 1px #fff; border-right: solid 1px #fff;}
.listSearchBox .listSearchCont { padding: 0 15px 20px 15px;}
.listSearchBox .listSearchCont .listSearchContInner { padding: 20px 15px;}
.listSearchBox .listSearchCont .listSearchContInner input { max-width: 100%;}
.listSearchBox .listSearchCont .listSearchContInner .checkboxArea { display: flex; flex-wrap: wrap;}
.listSearchBox .listSearchCont .listSearchContInner .checkboxArea .directflight { margin-right: 15px;}
.listSearchBox .listSearchCont .btnArea .btn1a { max-width: 550px; width: 100%;}
.listSearchBox .listSearchCont .btnArea .btn3 { max-width: 550px; width: 100%;}
.listSearchBox .listSearchCont .listSearchBoxSpCont { display: none;}
.listSearchBox .listSearchCont .listSearchBoxSpCont.open { display: block; padding: 50px 5%; width: 100%; height: 100%; left: 0; top: 0; position: fixed; background-color: rgba(0, 126, 158, 0.961); z-index: 1000;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px; cursor: pointer;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .close:before,
.listSearchBox .listSearchCont .listSearchBoxSpCont .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .tit { color: #fff;}
.listSearchBox .listSearchCont .addArea { background: #eff9fb; padding: 10px 3.17%; position: relative;}
.listSearchBox .listSearchCont .addArea .box { width: 82.53%;}
.listSearchBox .listSearchCont .addArea .delete { position: absolute; right: 5%; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; border-radius: 25px; background: #007e9e; display: inline-block; cursor: pointer;}
.listSearchBox .listSearchCont .addArea .delete:before,
.listSearchBox .listSearchCont .addArea .delete:after {  content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 15px; background: #fff;}
.listSearchBox .listSearchCont .addArea .delete:before {transform: translate(-50%,-50%) rotate(45deg);}
.listSearchBox .listSearchCont .addArea .delete:after {transform: translate(-50%,-50%) rotate(-45deg);}

.listSearchBox .listSearchCont .listSearchBoxSpCont .custom-select { width: 100%; margin-top: 20px;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .custom-select .custom-select-trigger { padding: 12px;}
	
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents { margin-top: 20px; background: #fff; padding: 3%; border-radius: 10px;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents input { width: 100% !important;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .custom-select { width: 100%;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-area { margin-top: 15px;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-content-wrap { border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-area .tab-list-wrap { border-bottom: solid 3px #007e9e; border-top: 0;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-area .tab-list-wrap li:first-child label { border-radius: 5px 0 0 0;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-area .tab-list-wrap li:last-child label { border-radius: 0 5px 0 0;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .tab-area .tab-list { padding: 10px 0 !important; height: 40px; font-size: 1.4rem !important; font-weight: 500 !important; background: #dfdfdf;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .placeList li { border-bottom: solid 1px #ddd;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .placeList li a { font-size: 1.5rem; background: #fff; text-align: left; padding: 12px;}
.listSearchBox .listSearchCont .listSearchBoxSpCont .searchmenuContents .placeList li.icon_history a { background: url("../img/icon_history.svg") center left 10px no-repeat #fff; background-size: 25px auto; padding-left: 45px;}

}
@media screen and (min-width: 750px) {
.listSearchBox .listSearchCont .tab-content .column .openBoxArea { position: relative;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea.iconListArea {}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea.iconListArea .iconList { width: 23px; height: 23px; position: absolute; right: 10px; top: 8px; background: url("../img/icon_search_place_list.svg") center center no-repeat; background-size: 20px 23px; cursor: pointer;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea.iconListArea .iconList:hover { opacity: 0.8;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea.iconListArea input { padding-right: 35px;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea .openBox { display: none; background: #f5f5f5; border: solid 2px #007e9e; top: 41px; position: absolute; z-index: 100;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea .openBox.open { display: block;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea .placeBox { font-size: 1.4rem; padding: 10px 0 0 0; width: 360px; text-align: center;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea .placeBox .placeselect { margin: 5px 0 10px 0;}
.listSearchBox .listSearchCont .tab-content .column .openBoxArea .placeBox .placeselect a { border-radius: 20px; display: inline-block; margin-right: 5px; padding: 2px 8px; background: #fff; border: solid 1px #dddddd; cursor: pointer;}
}




/*==================================
	flight - list for dom
==================================*/
.domListArea { margin-top: 30px;}
.domListArea .domListBox { width: calc(100% - 1px); display: flex; flex-wrap: wrap; text-align: center;}
.domListArea .domListBox .domListTit { height: 30px; font-size: 1.4rem; padding: 5px 0; background: #f7f7f7; justify-content: center;}
.domListArea .domListBox.box01,
.domListArea .domListBox.box02 { width: 100%;}
.domListArea .domListBox .line1 { width: 34%; border-top: solid 1px #dddddd;  border-left: solid 1px #dddddd;}
.domListArea .domListBox .line1 .min { font-size: 1.2rem; display: block; text-align: center;}
.domListArea .domListBox .line1 img { height: 20px; width: auto;}
.domListArea .domListBox .line2 { font-size: 1.9rem; width: 66%; border-top: solid 1px #dddddd; display: flex; justify-content: center;}
.domListArea .domListBox .line2 { align-items: center; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.domListArea .domListBox .line2.domListTit { min-height: auto;}
.domListArea .domListBox .line2.domListTit .arrival,
.domListArea .domListBox .line2.domListTit .departure { font-size: 1.4rem;}
.domListArea .domListBox .line2 .departure { padding-right: 25px;}
.domListArea .domListBox .line2 .departure:after { content: ""; background: url("../img/icon_flightschedule.svg") no-repeat; width: 8px; height: 14px; position: absolute; right: 8px; top: 0; bottom: 0; display: inline-block; margin: auto;}
.domListArea .domListBox .line2.domListTit .departure:after { content: "-"; background:none; width: 8px; height: 14px; position: absolute; right: 8px; top: 0; bottom: 0; display: inline-block; margin: auto;}

.domListArea .domListBox .line2 .departure,
.domListArea .domListBox .line2 .arrival { font-size: 1.8rem; line-height: 1; display: inline-block; position: relative;}
.domListArea .domListBox .line2 .departure .min,
.domListArea .domListBox .line2 .arrival .min { font-size: 1.1rem; margin-top: 5px; display: block; text-align: center;}
.domListArea .domListBox .line2 .departure {}
.domListArea .domListBox .line2 .arrival {}
.domListArea .domListBox .line3 { font-size: 1.4rem; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; border-left: solid 1px #dddddd;}
.domListArea .domListBox .line3.domListTit { margin-bottom: 0; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.domListArea .domListBox .line3.domListTit { border-right: solid 1px #dddddd;}
.domListArea .domListBox .line3 .domListItem { width: 33.33%; padding: 5px; min-height: 65px; display: flex; flex-wrap: wrap;align-content: center; justify-content: center; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd; cursor: pointer;}
.domListArea .domListBox .line3 .domListItem:hover { background: #f4fbfc;}
.domListArea .domListBox .line3 .min { font-size: 1.2rem; margin-bottom: 5px; display: block; color: #007e9e; line-height: 1; width: 100%;}

@media screen and (max-width: 1299px) {
}
@media screen and (min-width: 1100px) {
.domListArea .pcOnly { display: block !important;}
.domListArea .spOnly { display: none !important;}
.domListArea { display: flex; align-items: flex-start; flex-wrap: wrap; border-bottom: solid 1px #dddddd;}
.domListArea .domListBox .domListTit { height: 50px; font-size: 1.6rem; padding: 15px 0;}
.domListArea .domListBox { border-left: solid 1px #dddddd;}
.domListArea .domListBox.box01 { width: 34.6%;}
.domListArea .domListBox.box02 { width: 65.4%;}
.domListArea .domListBox .line1 { padding-top: 8px; width: 42%; border-left: 0;}
.domListArea .domListBox .line1.domListTit { padding-top: 15px; line-height: 1;}
.domListArea .domListBox .line1 .min { font-size: 1.4rem;}
.domListArea .domListBox .line1 img { margin-top: 5px; height: 25px; width: auto;}
.domListArea .domListBox .line2 { font-size: 1.9rem; width: 58%; border-right: 0; min-height: 80px;}
.domListArea .domListBox .line2.domListTit .arrival,
.domListArea .domListBox .line2.domListTit .departure { font-size: 1.6rem;}
.domListArea .domListBox .line2 .departure .min,
.domListArea .domListBox .line2 .arrival .min { font-size: 1.2rem; margin-top: 10px;}
.domListArea .domListBox .line3 { font-size: 1.5rem; width: calc(654px - 1px); margin-bottom: 0; border-left: 0;}
.domListArea .domListBox .line3.domListTit { height: 51px; font-size: 1.6rem; line-height: 1;}
.domListArea .domListBox .line3 .domListItem { width: 16.66%; min-height: 80px; padding: 10px 5px;}
.domListArea .domListBox:nth-last-of-type(1) .line3 .domListItem { border-bottom: 0;}
}

@media screen and (max-width: 1098px) {
.domListArea .pcOnly { display: none;}
.domListArea .spOnly { display: block;}
.domListArea .domListBox .line1 { padding: 5px 0;}
}

/*==================================
	page - login
==================================*/

.page-login .taL.pctaC { text-align: left;}
@media screen and (min-width: 900px) {
.page-login .taL.pctaC { text-align: center;}
}