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

/*==================================
    common
==================================*/
/* 航空会社アイコン */
 .airIcon.jal:before { background-image: url("../img/logo/airline_JAL.png");}
 .airIcon.ana:before { background-image: url("../img/logo/airline_ANA.png");}
 .airIcon.sky:before { background-image: url("../img/logo/airline_SKY.png");}
 .airIcon.ado:before { background-image: url("../img/logo/airline_ADO.png");}


/* 航空会社・空港 詳細ページMV */
.head.hnd { background: url("../img/mv/airport_hnd.jpg") right center no-repeat; background-size: cover;}
.head.jal { background: url("../img/mv/airline_jal.jpg") right center no-repeat; background-size: cover;}
@media screen and (max-width: 749px) {
.head.hnd { background: url("../img/mv/airport_hnd_sp.jpg") right center no-repeat; background-size: cover;}
.head.jal { background: url("../img/mv/airline_jal_sp.jpg") right center no-repeat; background-size: cover;}
}

/* scroll-hint */
.scroll-hint-icon { top: 40px !important;}
.scroll-hint-icon-white { box-shadow: 0px 2px 5px 0px rgba(98, 128, 177, 0.4) !important;}
.scroll-hint-icon-white .scroll-hint-text { color: #0900d4 !important; font-weight: 700; margin-top: 0;}
.scroll-hint-icon-white:after { background-image:url("../img/icon/scroll_hand_arr.svg") !important;}
.scroll-hint-icon-white:before { background-image:url("../img/icon/scroll_hand.svg") !important;}

/* defaultTable */
.defaultTable { width: 100%; border-collapse: collapse;  border-spacing: 0;}
.defaultTable th { padding: 10px; background: #0900d4; color: #fff; font-weight: 700; text-align: center; border-left: solid 1px #0900d4; border-right: solid 1px #0900d4; }
.defaultTable td { padding: 10px 15px; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.defaultTable td .fac { display: flex; align-content: center; justify-content: center; text-align: center;}
.defaultTable td.tit { background: #e8f6ee; font-weight: 700; border-right: none;}
.defaultTable td.tit p { font-weight: 700;}
.defaultTable td .fac.taL { justify-content: flex-start; text-align: left;}
@media screen and (max-width: 749px) {
.defaultTable th { padding: 5px; line-height: 1.5;}
.defaultTable td { padding: 10px;}
}

/* borderBox */
.borderBoxGRY { border: solid 1px #ddd; display: inline-block; padding: 20px; margin-top: 20px;}
.borderBoxGRY .tit { font-weight: 700;}
.borderBoxGRY .item { font-weight: 700;}
.borderBoxGRY .item:before{ content: "・"; color: #0900d4; margin-right: 5px;}
.borderBoxGRY a { margin-left: 5px; padding-bottom: 0;}
/* table2column */
.table2column { border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.table2column .tit { font-weight: 700; text-align: center; background: #e8f6ee; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.table2column .txt { font-weight: 400; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.table2column .txt a { display: inline; letter-spacing: 0;}
/* btn */
.btn { font-size: 2.4rem; width: 400px;}
.btn.btnMin { font-size: 1.6rem; width: 200px; padding: 10px 15px;}
.btn.btnSinple { font-size: 1.6rem; padding: 10px 15px; border-radius: 5px; border-width: 1px; width: auto; display: inline-block; font-weight: 400;}
/* articleBox */
.articleBox { margin-top: 30px;}
.articleBox .tit { font-weight: 700;}
.articleBox .txt { margin-top: 5px; font-weight: 400; line-height: 1.8;}
.articleBox .numList { margin-left: 22px;}
.articleBox .numList li { margin-top: 5px; list-style: decimal; font-weight: 400; line-height: 1.8;}
.articleBox .numList li .item { padding-left: 45px; font-weight: 400; position: relative;}
.articleBox .numList li .item .num { position: absolute; left: 0;}
/* settlement */
.settlementBefore:before,
.settlementAfter:before { display: inline-block;color: #fff; font-weight: 700; text-align: center; border-radius: 5px;}
.settlementBefore:before { content: "決済前"; background: #0900d4;}
.settlementAfter { margin-top: 20px;}
.settlementAfter:before { content: "決済後"; background: #ee6464;}
@media screen and (min-width: 750px) {
/* table2column */
.table2column { margin-top: 20px; display: flex; flex-wrap: wrap;}
.table2column .tit { width: 240px; padding: 15px 10px; display: flex; align-items: center; justify-content: center;}
.table2column .txt { width: 786px; padding: 15px 20px;}
/* settlement */
.settlementBefore,
.settlementAfter { position: relative; padding-left: 120px;}
.settlementBefore:before,
.settlementAfter:before { position: absolute; left: 0; top: 0; width: 100px;}
}
@media screen and (max-width: 749px) {
/* borderBox */
.borderBoxGRY { padding: 10px; margin-top: 10px; width: 100%;}
.borderBoxGRY .txt { font-size: 1.3rem;}
.borderBoxGRY .txt.indent {text-indent: -40px; margin-left: 40px;}
/* table2column */
.table2column .txt { padding: 10px;}
/* btn */
.btn { font-size: 2rem; width: 100%; max-width: 350px;}
.btn.btnMin { font-size: 1.4rem; width: 180px; padding: 10px;}
.btn.btnSinple { font-size: 1.4rem; padding: 8px 10px;}
/* articleBox */
.articleBox { margin-top: 15px;}
.articleBox .numList { margin-left: 18px;}
.articleBox .numList li .item { padding-left: 35px;}
/* settlement */
.settlementAfter { margin-top: 15px;}
.settlementBefore:before,
.settlementAfter:before { padding: 3px; margin-bottom: 10px; width: 100%;}
}

/*-- list --*/
/* linkList */
.linkListArea { display: flex;}
.linkList li { margin-bottom: 10px;}
.linkList li .arrow { padding-left: 20px; font-weight: 400;}
.linkList li .arrow:before{ left: 0; width: 10px; height: 10px; border-top: 2px solid #0900d4; border-right: 2px solid #0900d4; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 2px;}
/* pdfList */
.pdfList li a {border: solid 1px #dddddd; border-radius: 6px; display: flex; align-items: center; justify-content: center; box-shadow: 4px 6.928px 13px 0px rgba(232, 235, 239, 0.4);}
.pdfList li a:before { content: ""; background: url("../img/icon/pdf.svg") center center no-repeat #e8f6ee; display: block; border-radius: 6px 0 0 6px;}
.pdfList li a .txt { text-align: center;}
/* mainDetail */
.mainDetail { display: flex; justify-content: space-between;}
.mainDetail .txtBox { width: 630px;}
.mainDetail .txtBox .name { margin-bottom: 20px; padding-left: 20px; border-left: solid 3px #0900d4; position: relative;}
.mainDetail .txtBox .name .jp { font-size: 2.8rem;}
.mainDetail .txtBox .name .en { font-size: 1.4rem; font-weight: 400;}
.airline .mainDetail .txtBox .name { padding-right: 140px;}
.airline .mainDetail .txtBox .name .airIcon:before { content: ""; width: 125px; height: 40px; position: absolute; right: 0; top: 20px; background-size: cover;}
.mainDetail .txtBox .mainDetailList { display: flex; flex-wrap: wrap; border-top: solid 1px #ddd;}
.mainDetail .txtBox .mainDetailList li { display: flex; align-items: center; width: 100%; padding: 20px 0; border-bottom: solid 1px #ddd; font-weight: 400;}
.mainDetail .txtBox .mainDetailList li .tag { min-width: 80px; border-radius: 6px; padding: 2px 10px; color: #fff; font-weight: 700; background: #0900d4; text-align: center; display: inline-block; margin-right: 20px;}
.mainDetail .txtBox .mainDetailList li.w50 { width: 50%;}
.mainDetail .imgBox { width: 440px;}
.mainDetail .imgBox img { width: 100%; object-fit: cover; border-radius: 6px;}
@media screen and (min-width: 750px) {
/* linkList */
.linkListArea .linkList:nth-of-type(1) { width: 450px;}
.linkListArea .linkList:nth-of-type(2) { width: 310px;}
/* pdfList */
.pdfList { display: flex; justify-content: space-between; flex-wrap: wrap;}
.pdfList li { margin-bottom: 20px;}
.pdfList li a { font-size: 1.8rem; width: 356px;}
.pdfList li a:before { width: 120px; height: 98px; background-size: 52px auto;}
.pdfList li a .txt { width: 234px;}
.pdfList li a .min { font-size: 1.6rem;}
}
@media screen and (max-width: 749px) {
/* linkList */
.linkListArea.spnoflex { display: block;}
.linkList.spml { margin-left: 15px;}
/* pdfList */
.pdfList li { margin-bottom: 15px;}
.pdfList li a { font-size: 1.6rem;}
.pdfList li a:before { width: 28%; height: 80px; background-size: 40px auto;}
.pdfList li a .txt { width: 72%;}
.pdfList li a .min { font-size: 1.4rem;}
/* mainDetail */
.mainDetail .txtBox .name { margin-bottom: 10px;}
.mainDetail .txtBox .name .jp { font-size: 2.1rem;}
.mainDetail .txtBox .name .en { font-size: 1.1rem; }
.airline .mainDetail .txtBox .name { padding-right: 110px;}
.airline .mainDetail .txtBox .name .airIcon:before { width: 100px; height: 32px; top: 10px;}
.mainDetail { display: block;}
.mainDetail .txtBox { width: 100%;}
.mainDetail .txtBox .mainDetailList li { padding: 10px 0;}
.mainDetail .txtBox .mainDetailList li.w50.spw100 { width: 100%;}
.mainDetail .txtBox .mainDetailList li .tag { padding: 2px 5px; margin-right: 10px;}
.mainDetail .txtBox .mainDetailList li .tag.wArrange { width: 110px; padding: 2px;}
.mainDetail .imgBox { width: 100%; margin-top: 10px;}
}

/* mapArea */
.mapArea iframe { width: 100%; aspect-ratio: 16/6;}
@media screen and (max-width: 749px) {
.mapArea iframe { aspect-ratio: 16/10;}
}

/* accordion */
.accordion { margin-top: 30px;}
.accordion dt { padding: 20px 50px; cursor: pointer; background:#e8f6ee; position: relative; font-weight: 700; line-height: 1.8; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.accordion dt:before,
.accordion dt:after { content: ""; display: inline-block; position: absolute; width: 2px; height: 20px; background-color: #0900d4; right: 30px; top: 25px;}
.accordion dt:after { transform: rotate(90deg);}
.accordion dt .iconQ { content: "Q"; font-size: 2.4rem; color: #0900d4; position: absolute; left: 20px; top: 10px;}
.accordion dt.open:before { display: none;}
.accordion dd { display:none; padding: 20px 20px 20px 50px;position: relative; font-weight: 400; line-height: 1.8; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.accordion dd p { font-weight: 400;}
.accordion dd p.contTit04 { font-weight: 700;}
.accordion dd .iconA { content: "A"; font-size: 2.4rem; color: #0900d4; position: absolute; left: 20px; top: 10px; font-weight: 500;}
@media screen and (max-width: 749px) {
.accordion { margin-top: 20px;}
.accordion dt { padding: 15px 38px;}
.accordion dt:before,
.accordion dt:after { content: ""; display: inline-block; position: absolute; width: 2px; height: 20px; background-color: #0900d4; right: 20px; top: 18px;}
.accordion dt:after { transform: rotate(90deg);}
.accordion dt .iconQ { content: "Q"; font-size: 2.4rem;left: 10px; top: 4px;}
.accordion dd { display:none; padding: 15px 15px 15px 38px;}
.accordion dd p { font-weight: 400;}
.accordion dd .iconA { content: "A"; font-size: 2.4rem; left: 10px; top: 4px;}
}

/* sp_accordion */
.sp_accordion .sp_accordion_tit { pointer-events: none;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
/* sp_accordion */
.sp_accordion .sp_accordion_tit { pointer-events: all;}
.sp_accordion .sp_accordion_cont { display: none;}
.sp_accordion .sp_accordion_tit.contTit01:before,
.sp_accordion .sp_accordion_tit.contTit01:after { content: ""; display: inline-block; position: absolute; width: 2px; height: 20px; background-color: #0900d4; right: 20px; top: 5px;}
.sp_accordion .sp_accordion_tit.contTit01:after { transform: rotate(90deg);}
.sp_accordion .sp_accordion_tit.contTit01.open:before { display: none;}
    
/* 変則ver */
.sp_accordion .sp_accordion_tit .contTit01:before,
.sp_accordion .sp_accordion_tit .contTit01:after { content: ""; display: inline-block; position: absolute; width: 2px; height: 20px; background-color: #0900d4; right: 20px; top: 5px;}
.sp_accordion .sp_accordion_tit .contTit01:after { transform: rotate(90deg);}
.sp_accordion .sp_accordion_tit.open .contTit01:before { display: none;}
}

/* search form */
.searchBoxArea { margin-top: 20px; padding: 30px; border-radius:8px; background: #eaf6ff; box-shadow: 0px 0px 13px 0px rgba(31, 95, 200, 0.2); position: relative;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents { display: none;}
.searchBoxArea .searchBox .deparr .changeArr { width: 40px;}
.searchBoxArea .searchBox .deparr .changeArr a { width: 40px; height: 40px; border-radius: 40px; background: #0900d4; display: flex; justify-content: center; align-items: center;}
.searchBoxArea .searchBox .changeArr a img { width: 24px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container { border-radius: 8px; padding: 10px; background: #fff;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox .placeList { border-top: solid 1px #0900d4;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox .placeList:nth-of-type(1) { border-top:0;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox .placeList dt { padding: 10px; font-weight: 700; text-align: center; border-bottom: solid 1px #dddddd;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox .placeList dd { padding: 10px; cursor: pointer;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li { padding: 10px; cursor: pointer; border-bottom: solid 1px #ddd;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li:last-child { border-bottom:0;}
.searchBoxArea .searchBox .btnArea { font-size: 2rem;}
@media screen and (min-width: 750px) {
.searchBoxArea .searchBox { display: flex; justify-content: space-between;}
.searchBoxArea .searchBox .searchmenu  { position: relative;}
.searchBoxArea .searchBox .searchmenu input { font-size: 1.8rem; width: 180px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents { min-width: 180px; position: absolute; left: 0; top: 44px; border-radius: 8px; border: solid 4px #0900d4; background: #fff; max-height: 360px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents.open { display: block;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .spTit,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close { display: none;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox { width: 536px; display: flex; justify-content: space-between; background: #0900d4;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container { width: 266px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container.calendar1 .nav.next { cursor: auto;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container.calendar1 .nav.next:before { display: none;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container.calendar2 .nav.prev { cursor: auto;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container.calendar2 .nav.prev:before { display: none;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox {/* overflow-y: scroll;*/ max-height: 352px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox .placeList dd:hover { font-weight: 700; background: #e8f6ee;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li:hover { font-weight: 700; background: #e8f6ee;}
.searchBoxArea .searchBox .deparr { display: flex;}
.searchBoxArea .searchBox .deparr .changeArr { margin: 0 10px;}
.searchBoxArea .searchBox .btnArea { width: 230px;}
.searchBoxArea .searchBox .btnArea .btn { width: 100%; padding: 7px 0; font-size: 2rem;}
}
@media screen and (max-width: 749px) {
.searchBoxArea { margin-top: 10px; padding: 12px;}
.searchBoxArea .searchBox .searchmenu input { font-size: 1.6rem; margin-top: 10px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents.open { width: 100%; padding: 40px 5.33%; text-align: center;display: block;position: fixed;top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(30, 168, 84, 0.94); overflow-x: hidden; overflow-y: auto; z-index: 10000;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .spTit { margin-bottom: 10px; font-size: 2rem; color: #fff;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close { position: absolute; right: 30px; top: 30px; cursor: pointer;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close:before,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close:after {content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 20px; background: #fff; border-radius: 3px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList { background: #fff; border-radius: 5px;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dt { font-size: 1.6rem;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dd { font-size: 1.6rem; text-align: left; border-bottom: solid 1px #ddd; position: relative;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dd:nth-last-of-type(1) { border-bottom:0;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .dateBox .calendar-container.calendar2 { display: none;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dd:before,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li:before { width: 30px; height: 30px; border-radius: 30px; border: solid 1px #dddddd; content: ""; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dd:after,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li:after { width: 14px; height: 14px; border-radius: 14px; background: #0900d4; content: ""; position: absolute; right: 23px; top: 0; bottom: 0; margin: auto; display: none;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .placeBox dd.on:after,
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li.on:after { display: block;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .seatList li { font-size: 1.6rem; text-align: left; position: relative;}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close:before { transform: translate(-50%,-50%) rotate(45deg);}
.searchBoxArea .searchBox .searchmenu .searchmenuContents .close:after { transform: translate(-50%,-50%) rotate(-45deg);}
.searchBoxArea .searchBox .deparr { padding-right: 50px; position: relative;}
.searchBoxArea .searchBox .deparr .changeArr { position: absolute; right: 0; top: 36px;}
.searchBoxArea .searchBox .changeArr a img { transform: rotate( 90deg );}
.searchBoxArea .searchBox .btnArea { margin-top: 10px;}
}














/*==================================
	nomal
==================================*/
.nomal { margin-top: 40px;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.nomal { margin-top: 30px;}
}



/*==================================
	flow
==================================*/
.flow {}
.flow .example { text-indent: -30px; margin-left: 30px;}
.flow .sp_accordion_tit { padding-bottom: 10px; text-align: left;}
.flow .sp_accordion_tit .num { padding-left: 70px; position: relative; display: block;}
.flow .sp_accordion_tit .num:before { font-size: 4.8rem; color: #0900d4; font-weight: 400; line-height: 1; position: absolute; top: 0; left: 0;}
.flow .flow01Tit .num:before { content: "01";}
.flow .flow02Tit .num:before { content: "02";}
.flow .flow03Tit .num:before { content: "03";}
.flow .flow04Tit .num:before { content: "04";}
.flow .flow05Tit .num:before { content: "05";}
.flow .flow06Tit .num:before { content: "06";}
.flow .flow07Tit .num:before { content: "07";}
.flow .flow08Tit .num:before { content: "08";}
.flow .flow09Tit .num:before { content: "09";}
.flow .imgArea { position: relative;}
.flow .imgArea:before,
.flow .imgArea:after { width: 260px; height: 260px; border-radius: 260px; position: absolute; left: -300px; top: -80px; content: "";}
.flow .imgArea:before { z-index: 2;}
.flow .imgArea:after { background: #e8f6ee; z-index: 1;}
.flow .flow01 .imgArea:before { background: url("../img/icon/flow_1.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow02 .imgArea:before { background: url("../img/icon/flow_2.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow03 .imgArea:before { background: url("../img/icon/flow_3.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow04 .imgArea:before { background: url("../img/icon/flow_4.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow05 .imgArea:before { background: url("../img/icon/flow_5.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow06 .imgArea:before { background: url("../img/icon/flow_6.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow07 .imgArea:before { background: url("../img/icon/flow_7.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow08 .imgArea:before { background: url("../img/icon/flow_8.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow09 .imgArea:before { background: url("../img/icon/flow_9.svg") center center no-repeat; background-size: 50% auto;}
.flow .flow09 .lineTableGRN { border: 0;}
.flow .flow09 .lineTableGRN dd { line-height: 1.6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
@media screen and (min-width: 750px) {
.flow .sp_accordion { position: relative;}
.flow .sp_accordion:before { position: absolute; content: ""; height: 99%; width: 5px; left: 130px; bottom: 0; top: 0; margin: auto; background: url("../img/flow_dotline.gif") center top repeat-y; background-size: 4px auto;}
.flow .sp_accordion:after { position: absolute; content: ""; height: 780px; width: 40px; left: 110px; bottom: 0; background: #fff;}
.flow .sp_accordion_tit { margin-left:  300px; line-height: 4.8rem;}
.flow .sp_accordion_cont { margin-left: 300px;}
    
.flow .imgArea:after { border: solid 5px #fff;}
.flow .flow01 { padding-bottom: 30px;}
.flow .flow03 { padding-bottom: 50px;}
.flow .flow05 { padding-bottom: 120px;}
.flow .flow06 { padding-bottom: 100px;}
.flow .flow09 .lineTableGRN dt { padding: 8px;}
.flow .flow09 .lineTableGRN dd { text-align: center; padding: 10px;}
}
@media screen and (max-width: 749px) {
.flow .sptaL { text-align: left;}
.flow .example { text-indent: -26px; margin-left: 26px;}
.flow .sp_accordion_tit.line2 { line-height: 1.2;}
.flow .sp_accordion_tit.line2:before,
.flow .sp_accordion_tit.line2:after { top: 15px;}
.flow .sp_accordion_tit .num { padding-left: 45px;}
.flow .sp_accordion_tit .num:before { font-size: 3rem;}
.flow .imgArea { padding-left: 150px; min-height: 130px;}
.flow .imgArea:before,
.flow .imgArea:after { width: 130px; height: 130px; border-radius: 130px; left: 0; top: 0;}
}



/*==================================
	cancel
==================================*/
.cancel {}
.cancel .borderbox { padding: 30px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #fff;}
.cancel .aboutJAL { padding-left: 100px; position: relative;}
.cancel .aboutJAL.exMark .example { left: 0; right: inherit;}
.cancel .aboutJAL .list li { text-align: center; font-weight: 700; position: relative;}
.cancel .aboutJAL .list p { font-weight: 700;}
.cancel .aboutJAL .list .big { font-size: 2rem; font-weight: 700;}
.cancel .aboutJAL .list .label { padding: 4px; color: #fff; font-weight: 700; text-align: center;}
.cancel .aboutJAL .list li:nth-child(1) { border: solid 1px #0900d4; margin-left: 0;}
.cancel .aboutJAL .list li:nth-child(1) .label { background: #0900d4;}
.cancel .aboutJAL .list li:nth-child(2) { border: solid 1px #ed2b2b;}
.cancel .aboutJAL .list li:nth-child(2) .label { background: #ed6464;}
.cancel .aboutJAL .list li:nth-child(3) { border: solid 1px #dddddd;}
.cancel .js-scrollable .defaultTable .subtit { background: #f1f4f8;}
.cancel .js-scrollable .defaultTable .tit p { font-weight: 700;}
.cancel .js-scrollable .defaultTable p { font-weight: 400;}
.cancel .js-scrollable .defaultTable .link { color: #0900d4; text-decoration: underline;}
/* exterior */
.cancel .borderbox .exterior { margin-bottom: 15px;}
.cancel .borderbox .exterior dt { width: 120px; margin-right: 15px; color: #fff; text-align: center; padding: 2px; border-radius: 6px;}
.cancel .borderbox .exterior dd { padding: 2px 0;}
.cancel .borderbox .exterior dt.grn { background: #0900d4;}
.cancel .borderbox .exterior dt.red { background: #ed6464;}
.cancel .borderbox .exterior dd.red { color: #ed2b2b; font-size: 2rem; line-height: 1;}
.cancel .borderbox .classification { font-size: 1.4rem; padding: 20px; background: #fff2f2; font-weight: 400; display: inline-block;}
/* callcenter */
.cancel .callcenter{ background: #e8f6ee;}
.cancel .callcenter .box { background: #fff; border-radius: 6px;}
.cancel .callcenter .box .tit { background: #0900d4; color: #fff; text-align: center; font-weight: 700; border-radius: 6px; padding: 2px;}
.cancel .callcenter .box.box1 a,
.cancel .callcenter .box.box2 a { padding-top: 85px; margin-top: 15px; text-align: center; font-weight: 700;}
.cancel .callcenter .box.box1 a { font-size: 2.4rem;}
.cancel .callcenter .box.box2 a { font-size: 2rem;}
.cancel .callcenter .box.box1 a { background: url("../img/icon/cancel_tel.svg") center top no-repeat; background-size: 80px auto;}
.cancel .callcenter .box.box2 a { background: url("../img/icon/cancel_mail.svg") center top 16px no-repeat; background-size: 76px auto;}
.cancel .callcenter .box.box2 .comments { border: solid 1px #ddd;}
.cancel .callcenter .box.box2 .comments .subtit { font-weight: 700;}
.cancel .callcenter .box.box2 .comments .list li { font-weight: 400; text-indent: -13px; margin-left: 13px;}
.cancel .callcenter .box.box2 .comments .list li:before { content: "・"; color: #0900d4; margin-right: 5px;}
.cancel .callcenter .box.box3 .txt { font-weight: 400;}
/* exMark */
.cancel .exMark { position: relative;}
.cancel .exMark .example { position: absolute; top: 0; right: 30px; width: 68px; padding: 10px 0; color: #fff; background: #0900d4; font-weight: 700; text-align: center; z-index: 5;}
.cancel .exMark .example:after { content: ""; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 34px solid #0900d4; border-right: 34px solid #0900d4; border-bottom: 15px solid transparent;}
.cancel .exMark .example .jp { font-size: 2.4rem; display: block;}
.cancel .exMark .example .en { font-size: 1rem; display: block;}
/* explain */
.cancel .explainTit { padding-top: 50px;}
.cancel .explain { padding: 30px 0 50px 0;}
.cancel .explain .balloonBox { position: relative;}
.cancel .explain .balloonBox .icon { width: 130px; height: 130px; padding-top: 80px; position: absolute; top: 0; text-align: center;}
.cancel .explain .balloonBox .icon .txt { font-size: 1.8rem; font-weight: 700; color: #0900d4; position: relative; z-index: 2;}
.cancel .explain .balloonBox .icon:before,
.cancel .explain .balloonBox .icon:after { width: 130px; height: 130px; border-radius: 130px; top: 0; content: ""; position: absolute;}
.cancel .explain .balloonBox .icon:before { background: #e8f6ee; border: solid 2px #0900d4; }
.cancel .explain .balloonBox .balloon { padding: 20px; border: solid 1px #dddddd; border-radius: 6px; position: relative;}
.cancel .explain .balloonBox .balloon.height { padding: 40px 20px; width: 450px;}
.cancel .explain .balloonBox.customer { padding-left: 160px;}
.cancel .explain .balloonBox.customer .icon,
.cancel .explain .balloonBox.customer .icon:before,
.cancel .explain .balloonBox.customer .icon:after { left: 0;}
.cancel .explain .balloonBox.customer .icon:after { z-index: 1; background: url("../img/icon/cancel_customer.svg") top 25px center no-repeat; background-size: 40px auto;}
.cancel .explain .balloonBox .balloon:before,
.cancel .explain .balloonBox .balloon:after { content: ""; position: absolute; top: 50px;}
.cancel .explain .balloonBox.customer .balloon:before { left: -24px; margin-top: -12px; border: 12px solid transparent; border-right: 12px solid #FFF; z-index: 2;}
.cancel .explain .balloonBox.customer .balloon:after { left: -28px; margin-top: -14px; border: 14px solid transparent; border-right: 14px solid #dddddd; z-index: 1;}
.cancel .explain .balloonBox.travelagency { margin: 30px 0; padding-right: 160px;}
.cancel .explain .balloonBox.travelagency .icon,
.cancel .explain .balloonBox.travelagency .icon:before,
.cancel .explain .balloonBox.travelagency .icon:after { right: 0;}
.cancel .explain .balloonBox.travelagency .icon:after { z-index: 1; background: url("../img/icon/cancel_agency.svg") top 25px center no-repeat; background-size: 40px auto;}
.cancel .explain .balloonBox.travelagency .balloon:before { right: -24px; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #FFF; z-index: 2;}
.cancel .explain .balloonBox.travelagency .balloon:after { right: -28px; margin-top: -14px; border: 14px solid transparent; border-left: 14px solid #dddddd; z-index: 1;}
/* commission */
.cancel .commission .commissionListArea { margin-top: 25px; border-top: solid 1px #ddd;}
.cancel .commission .airlineTit { position: relative; padding-left: 50px; padding-top: 40px;}
.cancel .commission .airlineTit .tit { font-size: 2.4rem; font-weight: 700; line-height: 40px;}
.cancel .commission .airlineTit a { width: 120px; padding: 5px 20px 5px 10px; vertical-align: bottom; font-weight: 400; color: #222222;}
.cancel .commission .airlineTit a:before { right: 15px;}
.cancel .commission .airlineTit:before,
.cancel .commission .airlineTit:after { content: ""; position: absolute; width: 40px; height: 40px; left: 0; top: 40px;}
.cancel .commission .airlineTit:before { background: #0900d4; border-radius: 40px;}
.cancel .commission .airlineTit:after { z-index: 1; background: url("../img/icon/cancel_airline.svg") center center no-repeat; background-size: 22px auto;}
.cancel .commission .contTit02 { font-size: 1.6rem;}
.cancel .commission .defaultTable td { width: 50%;}
.cancel .commission .defaultTable td p { text-align: left; justify-content: flex-start; font-weight: 400;}
.cancel .commission .defaultTable td.tit p { font-weight: 700;}
.cancel .commission .defaultTable td p.taC { justify-content: center;}
/* change */
.cancel .change {}
/* weather */
.cancel .weather {}
.cancel .weather .stepBox { background: #e8f6ee;}
.cancel .weather .stepBox .list {}
.cancel .weather .stepBox .list li.numbox { padding: 25px; background: #fff; border-radius: 6px;}
.cancel .weather .stepBox .list li.numbox:nth-child(2) { margin-top: 30px;}
.cancel .weather .stepBox .list li .num { font-size: 4.8rem; color: #0900d4; font-weight: 400; line-height: 1;}
.cancel .weather .stepBox .list li .tit { font-size: 2.4rem; font-weight: 700;}
.cancel .weather .stepBox .list li .subtit { font-size: 2rem; font-weight: 700; color: #0900d4;}
.cancel .weather .stepBox .list li .txt { font-weight: 400;}
.cancel .weather .stepBox .list .callcenterlist li { padding: 20px 0; font-weight: 400;}
.cancel .weather .stepBox .list .callcenterlist li .label { color: #fff; background: #0900d4; font-weight: 700; border-radius: 6px; padding: 2px 15px; margin-right: 20px;}
.cancel .weather .stepBox .list .callcenterlist li a { display: inline-block;}
.cancel .weather .stepBox .list .callcenterlist .comments { border: solid 1px #ddd; margin-top: 15px; padding: 15px 20px;}
.cancel .weather .stepBox .list .callcenterlist .comments .itembox { margin-top: 5px;}
.cancel .weather .stepBox .list .callcenterlist .comments .itembox .item { font-size: 1.4rem; font-weight: 400; margin-right: 10px;}
.cancel .weather .stepBox .list .callcenterlist .comments .itembox .item:before { content: "・"; color: #0900d4; margin-right: 5px;}
.cancel .weather .borderbox .imgBox { border-bottom: solid 1px #ddd;; padding-bottom: 30px;}
.cancel .weather .borderbox .txtBox { padding-top: 30px;}

@media screen and (min-width: 750px) {
.cancel .aboutJAL .list { display: flex;}
.cancel .aboutJAL .list .txt { padding: 10px 0;}
.cancel .aboutJAL .list li { width: 240px; margin-right: 50px;}
.cancel .aboutJAL .list li:nth-child(1) .txt { padding-top: 24px;}
.cancel .aboutJAL .list li:nth-child(3) { padding-top: 30px;}
.cancel .aboutJAL .list li:nth-child(2):before,
.cancel .aboutJAL .list li:nth-child(3):before { position: absolute; left: -30px; top: 40px; content: ""; width: 0; height: 0; border-left: 16px solid #cccccc; border-top: 16px solid transparent; border-bottom: 16px solid transparent;}
.cancel .js-scrollable .defaultTable .item01 { width: 230px;}
.cancel .js-scrollable .defaultTable .item02 { width: 240px;}
.cancel .js-scrollable .defaultTable .item03 { width: 150px;}
.cancel .js-scrollable .defaultTable .item04 { width: 160px;}
.cancel .js-scrollable .defaultTable .item05 { width: 320px;}
/* exterior */
.cancel .borderbox .exterior { display: flex;}
/* callcenter */
.cancel .callcenter { padding: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cancel .callcenter .box { padding: 25px;}
.cancel .callcenter .box.box1 { width: 260px;}
.cancel .callcenter .box.box2 { width: 760px; display: flex; justify-content: space-between;}
.cancel .callcenter .box.box2 .linkbox { width: 270px;}
.cancel .callcenter .box.box2 .comments { width: 420px; padding: 15px 20px;}
.cancel .callcenter .box.box2 .comments .list { display: flex; flex-wrap: wrap;}
.cancel .callcenter .box.box2 .comments .list li { font-size: 1.4rem; margin-top: 10px;}
.cancel .callcenter .box.box2 .comments .list li:nth-child(2n+1) { width: calc( 45% - 13px );}
.cancel .callcenter .box.box2 .comments .list li:nth-child(2n) { width: calc( 55% - 13px );}
.cancel .callcenter .box.box3 { width: 100%; margin-top: 30px; display: flex;}
.cancel .callcenter .box.box3 .tit { width: 260px; margin-right: 25px;}
.cancel .callcenter .box.box3 .txt { padding: 2px 0;}
/* explain */
.cancel .explainTit { padding: 25px 0;}
.cancel .explain { padding: 0 0 25px 0;}
/* commission */
.cancel .commission {}
.cancel .commission .airlineTit a { margin-left: 20px;}
/* change */
.cancel .change {}
/* weather */
.cancel .weather .stepBox { padding: 30px;}
.cancel .weather .stepBox .list li.numbox { padding-left: 97px; position: relative;}
.cancel .weather .stepBox .list li .num { position: absolute; left: 20px; top: 20px;}
.cancel .weather .stepBox .list .callcenterlist { display: flex; border-bottom: solid 1px #ddd;}
.cancel .weather .stepBox .list .callcenterlist li:nth-child(1) { width: 300px;}
.cancel .weather .stepBox .list .callcenterlist li:nth-child(2) { width: 618px}
.cancel .weather .stepBox .list .callcenterlist .list { display: flex;}
.cancel .weather .borderbox .imgBox { padding-left: 88px;}
.cancel .weather .borderbox .txtBox { padding-left: 88px;}
}
@media screen and (max-width: 749px) {
.cancel .sptaL { text-align: left;}
.cancel .sp_accordion_tit.line2 { line-height: 1.2;}
.cancel .sp_accordion_tit.line2:before,
.cancel .sp_accordion_tit.line2:after { top: 15px;}
.cancel .borderbox { padding: 15px 3.76%;}
/* aboutJAL */
.cancel .aboutJAL { padding-left: 60px;}
.cancel .aboutJALtit.exMark { padding-right: 5px;}
.cancel .aboutJAL.exMark { padding-right: 0;}
.cancel .aboutJAL .list li { margin-top: 30px;}
.cancel .aboutJAL .list li:nth-child(2):before,
.cancel .aboutJAL .list li:nth-child(3):before { position: absolute; left: 0; right: 0; margin: auto; top: -24px; content: ""; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #cccccc;}
.cancel .aboutJAL .list li .label { width: 35%; padding: 12px 0 10px 0;}
.cancel .aboutJAL .list li .txt { width: 65%; padding: 10px 0;}
.cancel .aboutJAL .list li .big { font-size: 1.8rem;}
.cancel .aboutJAL .list li:nth-child(1) { display: flex;}
.cancel .aboutJAL .list li:nth-child(1) .label { padding-top: 24px;}
.cancel .aboutJAL .list li:nth-child(2) { display: flex;}
.cancel .aboutJAL .list li:nth-child(3) { padding: 10px 0;}
/* scrollable */
.cancel .js-scrollable .defaultTable { width: 900px;}
.cancel .js-scrollable .defaultTable .item01 {}
.cancel .js-scrollable .defaultTable .item02 {}
.cancel .js-scrollable .defaultTable .item03 {}
.cancel .js-scrollable .defaultTable .item04 { width: 130px;}
.cancel .js-scrollable .defaultTable .item05 { width: 250px;}
/* exterior */
.cancel .borderbox .exterior { margin-bottom: 10px;}
.cancel .borderbox .exterior dt { margin-bottom: 5px;}
.cancel .borderbox .exterior dd .fsMin { display: block;}
.cancel .borderbox .classification { font-size: 1.2rem; padding: 15px; line-height: 1.8;}
/* callcenter */
.cancel .callcenter { padding: 15px 3.76%;}
.cancel .callcenter .box { padding: 15px 3.76%;}
.cancel .callcenter .box.box1,
.cancel .callcenter .box.box2 { margin-bottom: 15px;}
.cancel .callcenter .box.box1 a,
.cancel .callcenter .box.box2 a { padding-top: 80px; margin-top: 10px;}
.cancel .callcenter .box.box2 .comments { margin-top: 10px; padding: 10px 3.76%;}
.cancel .callcenter .box.box2 .comments .list li { font-size: 1.2rem; margin-top: 4px;}
.cancel .callcenter .box.box3 .tit { margin-bottom: 10px;}
.cancel .callcenter .box.box3 .txt { text-align: center;}
/* exMark */
.cancel .exMark { padding-right: 60px;}
.cancel .exMark .example { right: 3.76%; width: 52px; padding: 5px 0;}
.cancel .exMark .example:after { border-left: 26px solid #0900d4; border-right: 26px solid #0900d4; border-bottom: 15px solid transparent;}
.cancel .exMark .example .jp { font-size: 1.8rem;}
.cancel .exMark .example .en { font-size: 0.8rem;}
/* explain */
.cancel .explainTit { padding: 25px 0;}
.cancel .explain { padding: 0 0 25px 0;}
.cancel .explain .explainImg img { max-width: 335px;}
.cancel .explain .balloonBox .icon { width: 65px; height: 65px; padding-top: 36px;}
.cancel .explain .balloonBox .icon:before,
.cancel .explain .balloonBox .icon:after { width: 65px; height: 65px; border-radius: 65px;}
.cancel .explain .balloonBox .icon .txt { font-size: 1.1rem;}
.cancel .explain .balloonBox.customer { padding-left: 75px;}
.cancel .explain .balloonBox.customer .icon:after { background-size: 24px auto; background-position: top 6px center;}
.cancel .explain .balloonBox.travelagency { margin: 20px 0; padding-right: 75px;}
.cancel .explain .balloonBox.travelagency .icon:after { background-size: 24px auto; background-position: top 6px center;}
.cancel .explain .balloonBox .balloon { padding: 15px 3.76%;}
.cancel .explain .balloonBox .balloon.height { padding: 20px 3.76%; width: auto;}
.cancel .explain .balloonBox .balloon .exterior dd.red { font-size: 1.7rem;}
.cancel .explain .balloonBox .balloon:before,
.cancel .explain .balloonBox .balloon:after { top: 30px;}
.cancel .explain .balloonBox.customer .balloon:before { left: -16px; margin-top: -8px; border: 8px solid transparent; border-right: 8px solid #FFF; z-index: 2;}
.cancel .explain .balloonBox.customer .balloon:after { left: -20px; margin-top: -10px; border: 10px solid transparent; border-right: 10px solid #dddddd; z-index: 1;}
.cancel .explain .balloonBox.travelagency .balloon:before { right: -16px; margin-top: -8px; border: 8px solid transparent; border-left: 8px solid #FFF; z-index: 2;}
.cancel .explain .balloonBox.travelagency .balloon:after { right: -20px; margin-top: -10px; border: 10px solid transparent; border-left: 10px solid #dddddd; z-index: 1;}
    
/* commission */
.cancel .commission {}
.cancel .commission .contTit02 { font-size: 1.4rem;}
.cancel .commission .commissionListArea { margin-top: 0; border-top: none;}
.cancel .commission .airlineTit { text-align: center; padding-top: 15px; margin-top: 25px; border-top: solid 1px #ddd;}
.cancel .commission .airlineTit:before,
.cancel .commission .airlineTit:after { top: 15px;}
.cancel .commission .airlineTit .tit { font-size: 1.65rem; display: block; text-align: left;}
.cancel .commission .airlineTit a { margin-top: 5px; margin-left: -50px; width: 200px;}
/* change */
.cancel .change {}
/* weather */
.cancel .weather {}
.cancel .weather .stepBox { padding: 15px 3.76%;}
.cancel .weather .stepBox .list li.numbox { padding: 15px 3.76%;}
.cancel .weather .stepBox .list li.numbox:nth-child(2) { margin-top: 15px;}
.cancel .weather .stepBox .list li .num { font-size: 3.4rem; vertical-align: sub; margin-right: 5px; letter-spacing: 0;}
.cancel .weather .stepBox .list li .tit { font-size: 1.6rem;}
.cancel .weather .stepBox .list li .subtit { font-size: 1.5rem;}
.cancel .weather .stepBox .list .callcenterlist .comments { width: 100%;}
.cancel .weather .stepBox .list .callcenterlist .comments .itembox .item { display: block; font-size: 1.2rem;}
.cancel .weather .stepBox .list .callcenterlist li { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 0 10px 0; border-bottom: solid 1px #ddd;}
.cancel .weather .stepBox .list li:nth-child(2) .callcenterlist li:nth-child(2) { border-bottom: 0;}
.cancel .weather .stepBox .list .callcenterlist li .label { display: block; width: 80px; padding: 5px 0; text-align: center; margin-right: 10px;}
.cancel .weather .borderbox .imgBox { padding-bottom: 15px; text-align: center;}
.cancel .weather .borderbox .imgBox img {max-width: 310px;}
.cancel .weather .borderbox .txtBox { padding-top: 15px;}
}



/*==================================
	fee
==================================*/
.fee {}
.fee .defaultTable .ml { margin-left: 20px;}
.fee .defaultTable .subtit { background: #f1f4f8;}
.fee .defaultTable.size03 { border-top: solid 1px #ddd;}
.fee .defaultTable.size01 p,
.fee .defaultTable.size02 p,
.fee .defaultTable.size03 p,
.fee .defaultTable.size04 p { text-align: left; justify-content: left;}
.fee .defaultTable.size01 .tit p,
.fee .defaultTable.size02 .tit p,
.fee .defaultTable.size03 .tit p,
.fee .defaultTable.size04 .tit p,
.fee .defaultTable.size04 .taC { text-align: center; justify-content: center;}
.fee .defaultTable td p { font-weight: 400;}
.fee .defaultTable td.tit p { font-weight: 700;}
.fee .fsNomal { font-size: 1.6rem;}
.fee .numList { margin-left: 20px;}
.fee .numList li { list-style: decimal;}
.fee .notes { position: relative;}
.fee .notes li { font-size: 1.4rem; font-weight: 400; line-height: 1.8;}
.fee .notes:before { position: absolute; left: 0; top: 0; content: "(注)"; font-size: 1.4rem; font-weight: 400; line-height: 1.8;}
.fee .numList.notes { padding-left: 30px;}
.fee .numList.notes:before {left: -20px;}
.fee .block01 .defaultTable.noScroll .tit { width: 410px;}
.fee .block02 .defaultTable.noScroll .tit { width: 450px;}
.fee .defaultTable.size01 .item01 { width: 16%;}
.fee .defaultTable.size01 .item02 { width: 22%;}
.fee .defaultTable.size01 .item03 { width: 28%;}
.fee .defaultTable.size01 .item04 { width: 34%;}
.fee .defaultTable.size02 .item01 { width: 11%;}
.fee .defaultTable.size02 .item02 { width: 51%;}
.fee .defaultTable.size02 .item03 { width: 38%;}
.fee .defaultTable.size03 .item01 { width: 16%;}
.fee .defaultTable.size03 .item02 { width: 46%;}
.fee .defaultTable.size03 .item03 { width: 38%;}
.fee .defaultTable.size04 .item01 { width: 16%;}
.fee .defaultTable.size04 .item02 { width: 62%;}
.fee .defaultTable.size04 .item03 { width: 22%;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.fee .fsNomal { font-size: 1.4rem;}
.fee .sptaL { text-align: left;}
.fee .notes li,
.fee .notes:before { font-size: 1.2rem;}
.fee .block01 .defaultTable.noScroll .tit,
.fee .block02 .defaultTable.noScroll .tit { width: 50%;}
.fee .defaultTable.size01,
.fee .defaultTable.size02,
.fee .defaultTable.size03,
.fee .defaultTable.size04 { width: 900px;}
.fee .defaultTable.size02 .item01 { width: 11%;}
.fee .defaultTable.size02 .item02 { width: 53%;}
.fee .defaultTable.size02 .item03 { width: 36%;}
}



/*==================================
	search
==================================*/
.contents.search { overflow: unset;}
.search .searchBoxArea { position: relative; z-index: 1; background: #e8f6ee; box-shadow: none;}
.search .contTit01 { font-size: 1.8rem;}
.seatrype .icon { margin-right: 15px; width: 40px; height: 40px; border-radius: 6px; display: inline-block; vertical-align: middle;}
.seatrype .many .icon { background: url("../img/icon/seatrype_circle.svg") center center no-repeat; background-color: #e65252; background-size: 26px auto;}
.seatrype .usually .icon { background: url("../img/icon/seatrype_circle.svg") center center no-repeat; background-color: #e69f52; background-size: 26px auto;}
.seatrype .few .icon { background: url("../img/icon/seatrype_triangle.svg") center center no-repeat; background-color: #4176cc; background-size: 26px auto;}
/* dateBox */
.search .dateBox { padding: 24px 0;border-bottom: solid 1px #ddd;}
.search .dateBox .date { text-align: center; font-weight: 700;}
.search .dateBox .btn { width: 100px; border-width: 1px;}
.search .dateBox .prev .btn { padding: 5px 5px 5px 15px;}
.search .dateBox .prev .btn:before { right: auto; left: 15px; transform: rotate(-135deg);}
.search .dateBox .next .btn { padding: 5px 15px 5px 5px;}
.search .dateBox .next .btn:before { right: 15px;}
/* searchNav */
.search .searchNav { margin: 30px 0 20px 0;}
.search .searchNav .seatrype { display: flex;}
.search .searchNav .seatrype li { margin-right: 30px;}
.search .searchNav .seatrype li p { font-weight: 400;}
.search .searchNav .sortBox {}
.search .searchNav .sortBox .sort { font-weight: 400; position: relative; z-index: 100;}
.search .searchNav .sortBox .sort .custom-select-wrapper { margin-left: 10px;}
.search .searchNav .sortBox .sort .custom-select { font-weight: 400;}
.search .searchNav .sortBox .sort .custom-select-trigger { padding: 10px 40px 10px 15px;}
.search .searchNav .sortBox .selection { position: relative; z-index: 20;}
.search .searchNav .sortBox .selection .custom-select { font-weight: 400;}
.search .searchNav .sortBox .selection .custom-select-trigger,
.search .searchNav .sortBox .selection .custom-option,
.search .searchNav .sortBox .selection .custom-options { border-color: #0900d4;}
.search .searchNav .sortBox .selection .custom-select-trigger { padding: 10px 15px 10px 40px; min-width: 240px;}
.search .searchNav .sortBox .selection .custom-select-trigger:after { left: 15px; right: auto; top: 28px; width: 6px; height: 6px; border: 6px solid transparent; border-left: 8px solid #0900d4; transform: rotate(90deg) translateY(-50%);}
.search .searchNav .sortBox .selection .custom-select.opened .custom-select-trigger:after { margin-top: -3px;}
.search .searchNav.bottom { margin-top: 20px; display: flex; justify-content: end;}
.search .searchNav.bottom .selection { z-index: 10; text-align: left;}
.search .searchNav.bottom .selection .custom-select-trigger:after {  transform: rotate(-90deg) translateY(-50%); top: 24px;}
/* searchResultsBox */
.search .searchResultsBox { margin-top: 20px;}
.search .searchResultsBox  .airIcon:before { width: 75px; height: 25px; margin: 0 auto 2px auto; vertical-align: middle; content: ""; display: block; background-size: cover; border: solid 1px #dddddd;}
.search .searchResultsBox.cheapest {}
.search .searchResultsBox.cheapest .cheapestNav {}
.search .searchResultsBox.cheapest .cheapestDetail {}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox {}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .fac { display: flex; align-items: center; justify-content: center; height: 100%;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box1,
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 { display: flex;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item01,
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item02 { padding: 10px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item02.arr { border-right: 0; position: relative;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item02.arr:after { content: ""; position: absolute; right: -6px; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 12px solid #0900d4; border-right: 0;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 { border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;}
/*
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a .price { font-size: 2.4rem; font-weight: 700; display: block;}*/
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a .price { font-size: 1.5rem; font-weight: 700; display: block;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a .imp { color: #ed2b2b; font-weight: 700;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box1 { border-left: solid 1px #ddd;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 {}
/*
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 .item03 { font-size: 1.4rem;}
*/
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 .item03 { font-size: 1.2rem;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 .txt { width: 209px;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2.seatrype .iconArea { width: 40px;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2.seatrype .icon { margin-right: 0;}
.search .searchResultsBox.alltype {}
.search .searchResultsBox.alltype .defaultTable .item01 { width: 110px;}
.search .searchResultsBox.alltype .defaultTable .item02 { width: 130px;}
.search .searchResultsBox.alltype .defaultTable .item03 { width: 130px;}
.search .searchResultsBox.alltype td { padding: 10px;}
.search .searchResultsBox.alltype td,
.search .searchResultsBox.alltype td p { font-weight: 400;}
.search .searchResultsBox.alltype .defaultTable td.wide { width: 150px;}
.search .searchResultsBox.alltype .defaultTable td.choices { padding: 0;}
.search .searchResultsBox.alltype .defaultTable td.choices a { padding: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.search .searchResultsBox.alltype .defaultTable td.choices a:hover { background: #e8f6ee; opacity: 1;}
.search .searchResultsBox.alltype .defaultTable td .fac { flex-wrap: wrap;}
.search .searchResultsBox.alltype .defaultTable td .price { font-size: 2rem; font-weight: 700; display: block; width: 100%;}
.search .searchResultsBox.alltype .defaultTable td .icon { margin-right: 0; margin-top: 2px;}
.search .searchResultsBox.alltype .defaultTable td .txt { font-size: 1.4rem; min-height: 42px;}
.search .searchResultsBox.alltype .defaultTable td .imp { color: #ed2b2b; font-weight: 700;}
@media screen and (min-width: 750px) {
/* dateBox */
.search .dateBox { display: flex; justify-content: center; align-items: center;}
.search .dateBox .date { margin: 0 70px; font-size: 2rem;}
/* searchNav */
.search .searchNav { display: flex; justify-content: space-between;}
.search .searchNav .sortBox { display: flex;}
.search .searchNav .sortBox .sort { margin-right: 30px;}
/* searchResultsBox */
.search .searchResultsBox {}
.search .searchResultsBox .cheapest {}
.search .searchResultsBox.cheapest {}
.search .searchResultsBox.cheapest .item01 { width: 120px;}
.search .searchResultsBox.cheapest .item02 { width: 180px;}
/*
.search .searchResultsBox.cheapest .item03 { width: 310px;}
*/
.search .searchResultsBox.cheapest .item03 { width: 103.2px;}
.search .searchResultsBox.cheapest .cheapestNav { display: flex; background: #0900d4; padding: 8px 0;}
.search .searchResultsBox.cheapest .cheapestNav p { font-weight: 700; color: #fff; text-align: center;}
.search .searchResultsBox.cheapest .cheapestNav .item01 { width: 120px;}
.search .searchResultsBox.cheapest .cheapestNav .item02 { width: 180px;}
.search .searchResultsBox.cheapest .cheapestNav .item03 { width: 310px;}
.search .searchResultsBox.cheapest .cheapestDetail {}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox { display: flex;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox p { font-weight: 400; text-align: center;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03:has(> a:hover) {background: #e9e7ff; opacity: 1;}
}
@media screen and (max-width: 749px) {
.search .searchBoxArea.inner { width: 100%; padding: 12px 8% 20px 8%;}
.search .contTit01 { font-size: 2rem;}
/* dateBox */
.search .dateBox { position: relative; padding: 15px 0;}
.search .dateBox .date { padding: 0 70px;}
.search .dateBox .btn { width: 65px;}
.search .dateBox .btn { position: absolute; top: 8px;}
.search .dateBox .prev .btn { left: 0 ;}
.search .dateBox .prev .btn:before { left: 8px;}
.search .dateBox .next .btn { right: 0;}
.search .dateBox .next .btn:before { right: 8px;}
/* searchNav */
.search .searchNav {}
.search .searchNav .seatrype { justify-content: center;}
.search .searchNav .seatrype li { width: 100px; margin-right: 0;}
.search .searchNav .seatrype li p { min-height: 40px; position: relative; padding-left: 50px; letter-spacing: 0; line-height: 1.4;}
.search .searchNav .seatrype li p .icon { position: absolute; left: 0;}
.search .searchNav.bottom { margin-top: 15px;}
.search .searchNav .sortBox {}
.search .searchNav .sortBox .sort { margin-top: 15px; display: flex; justify-content: flex-end; align-items: center;}
.search .searchNav .sortBox .sort .custom-select-trigger { padding: 5px 30px 5px 15px;}
.search .searchNav .sortBox .selection { margin-top: 10px; display: flex; justify-content: flex-end; align-items: center;}
.search .searchNav .sortBox .selection .custom-select-trigger { padding: 5px 15px 5px 30px; min-width: 200px;}
.search .searchNav .sortBox .selection .custom-select-trigger:after { left: 10px; top: 20px;}
.search .searchNav .sortBox .selection .custom-select.opened .custom-select-trigger:after { margin-top: 0;}
.search .searchNav.bottom .selection .custom-select-trigger:after { top: 14px;}
/* searchResultsBox */
.search .searchResultsBox { margin-top: 15px;}
.search .searchResultsBox.cheapest {}
.search .searchResultsBox.cheapest .cheapestNav { display: none;}
.search .searchResultsBox.cheapest .cheapestDetail {}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox { border-top: solid 2px #0900d4;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box1 { background: #e8f6ee;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box1 .item01 { width: 30%;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box1 .item02 { width: 35%; padding: 10px 5px;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 { border-left: solid 1px #ddd;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 .item03 { width: 50%;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a { padding: 10px 10px 10px 5px; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; height: 100%; text-align: center;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .item03 a .imp { display: block;}
.search .searchResultsBox.cheapest .cheapestDetail .itemBox .box2 .txt { width: calc( 100% - 40px ); padding-right: 5px;}
.search .searchResultsBox.alltype {}
.search .searchResultsBox.alltype .defaultTable .item01 { width: 100px;}
.search .searchResultsBox.alltype .defaultTable .item02 { width: 120px;}
.search .searchResultsBox.alltype .defaultTable .item03 { width: 120px;}
.search .searchResultsBox.alltype .defaultTable td.wide { width: 130px;}
.search .searchResultsBox.alltype .defaultTable { width: 900px;}
.search .searchResultsBox.alltype .defaultTable td .txt { font-size: 1.2rem; min-height: 38px;}
}



/*==================================
	airline
==================================*/
.airline .notes li { text-indent: -10px; margin-left: 10px; font-weight: 400; line-height: 1.8;}
.airline .defaultTable td p { font-weight: 400;}
.airline .defaultTable td.tit p { font-weight: 700;}
.airline .iconTit { font-size: 2rem; font-weight: 700; position: relative;}
.airline .iconTit .icon { padding-left: 50px; line-height: 40px;}
.airline .iconTit .icon:before,
.airline .iconTit .icon:after{ content: ""; position: absolute; width: 40px; height: 40px; left: 0; top: 0;}
.airline .iconTit .icon:before { border-radius: 40px; background: #0900d4;}
.airline .iconTit .icon:after { z-index: 1;}
.airline .iconTit .btn { width: auto; font-weight: 400; color: #222; padding: 5px 40px 5px 20px;}
.airline .iconTit.airline_transit_1 .icon:after { background: url("../img/icon/airline_transit_1.svg") center center no-repeat; background-size: 25px auto;}
.airline .iconTit.airline_transit_2 .icon:after { background: url("../img/icon/airline_transit_2.svg") center center no-repeat; background-size: 25px auto;}
.airline .iconTit.airline_luggage_1 .icon:after { background: url("../img/icon/airline_luggage_1.svg") center center no-repeat; background-size: 20px auto;}
.airline .iconTit.airline_luggage_2 .icon:after { background: url("../img/icon/airline_luggage_2.svg") center center no-repeat; background-size: 16px auto;}
.airline .iconTit.airline_luggage_3 .icon:after { background: url("../img/icon/airline_luggage_3.svg") center center no-repeat; background-size: 25px auto;}
.airline .feature .list li { margin-top: 40px;}
.airline .feature .list li .titArea .num { font-size: 4.8rem; color: #0900d4; font-weight: 400; line-height: 1;}
.airline .feature .list li .titArea .tit { font-size: 2rem; font-weight: 700;}
.airline .feature .list li .txtArea .txt { font-weight: 400; line-height: 1.8;}
.airline .classTit { background: url("../img/airline/jal/class_tit_bg.jpg") center center no-repeat; background-size: cover;}
.airline .class { padding-bottom: 50px;}
.airline .class .classBox { padding-top: 35px;}
.airline .class .classBox.line { margin-top: 35px; border-top: solid 1px #bbe5cb;}
.airline .class .classBox .titArea { position: relative; padding-left: 70px;}
.airline .class .classBox .titArea:before,
.airline .class .classBox .titArea:after { content: ""; width: 64px; height: 64px; position: absolute; left: 0; top: 10px;}
.airline .class .classBox .titArea:after { border-radius: 64px; background: #0900d4;}
.airline .class .classBox .titArea.seat_class_1:before { background: url("../img/icon/seat_class_1.svg") center center no-repeat; background-size: auto 38px; z-index: 1;}
.airline .class .classBox .titArea.seat_class_2:before { background: url("../img/icon/seat_class_2.svg") center center no-repeat; background-size: auto 38px; z-index: 1;}
.airline .class .classBox .titArea.seat_class_3:before { background: url("../img/icon/seat_class_3.svg") center center no-repeat; background-size: auto 38px; z-index: 1;}
.airline .class .classBox .titArea .jp { font-size: 3.6rem; font-weight: 700;}
.airline .class .classBox .titArea .en { font-size: 1.4rem;}
.airline .class .classBox .list li { margin-top: 25px;}
.airline .class .classBox .list li.w100 { width: 100%;}
.airline .class .classBox .list li .tit { font-size: 2rem; font-weight: 700; color: #0900d4;}
.airline .class .classBox .list li .txt { margin-top: 5px; font-weight: 400; line-height: 1.8;}
.airline .ticket .defaultTable .osusume { font-size: 1.4rem; padding: 2px 5px 0 5px; border-radius: 20px; margin-right: 5px; background: #ed6464; color: #fff;}
.airline .ticket .defaultTable .item01 { width: 18%;}
.airline .ticket .defaultTable .item02 { width: 26%;}
.airline .ticket .defaultTable .item03 { width: 32%;}
.airline .ticket .defaultTable .item04 { width: 12%;}
.airline .ticket .defaultTable .item05 { width: 12%;}
.airline .cancel .defaultTable td { width: 50%;}
.airline .checkinTit { padding-top: 50px;}
.airline .checkin { padding: 30px 0 50px 0;}
.airline .checkin .stepList li { padding: 20px; border-radius: 6px; margin-bottom: 20px;background: #fff; position: relative;}
.airline .checkin .stepList li:after { position: absolute; bottom: -17px; left: 0; right: 0; margin: auto; content: ""; width: 0; height: 0; border-top: 17px solid #0900d4; border-right: 18px solid transparent; border-left: 18px solid transparent;}
.airline .checkin .stepList li:last-child:after { display: none;}
.airline .checkin .stepList li .txtBox { position: relative;}
.airline .checkin .stepList li .txtBox .num { font-size: 3rem; padding-top: 18px; width: 80px; height: 80px; border-radius: 80px; background: #0900d4; color: #fff; text-align: center;}
.airline .checkin .stepList li .txtBox .num .min { font-size: 2.4rem;}
.airline .checkin .stepList li .txtBox .tit { font-size: 2rem; font-weight: 700;}
.airline .checkin .stepList li .txtBox .tit.big {font-size: 3rem; font-weight: 500;}
.airline .checkin .stepList li .txtBox .txt { margin-top: 10px; line-height: 1.8; font-weight: 400;}
.airline .luggage .nomalTable.table1 dd.variation { padding: 0;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox { display: flex; flex-wrap: wrap;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .tit { font-weight: 700;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .txt { border-left: solid 1px #ddd; font-weight: 400;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .line { border-top: solid 1px #ddd;}
.airline .child .defaultTable th { line-height: 1.2;}
.airline .child .defaultTable .subtit { background: #f1f4f8;}
.airline .child .defaultTable .subtit p { font-weight: 700;}
.airline .child .boxArea .box2 { border: solid 1px #0900d4;}
.airline .child .boxArea .box2 .list li .label { margin-right: 10px; width: 100px; display: inline-block;color: #fff; font-weight: 700; text-align: center; border-radius: 5px; padding: 4px;}
.airline .child .boxArea .box2 .list li:nth-child(1) .label { background: #61c287;}
.airline .child .boxArea .box2 .list li:nth-child(2) .label { background: #0900d4;}
.airline .pregnant .defaultTable .item01 { width: 50%;}
.airline .callcenter a { display: inline-block;}
.airline .callcenter .list li { padding: 18px 0; border-bottom: solid 1px #dddddd; font-weight: 400;}
.airline .callcenter .list li .label { width: 100px; padding: 4px 5px; border-radius: 5px; margin-right: 10px; display: inline-block; text-align: center;background: #0900d4; color: #fff; font-weight: 700;}
.airline .callcenter .list.list1 { margin-top: 20px; border-top: solid 1px #ddd;}
.airline .callcenter .list.list2 { margin-top: 15px;}
.airline .btmBtn { width: 250px;}
@media screen and (min-width: 750px) {
.airline .feature .list { display: flex; justify-content: space-between; flex-wrap: wrap;}
.airline .feature .list li { width: 530px;}
.airline .feature .list li.w100 { width: 100%;}
.airline .feature .list li .titArea { margin-left: 78px; padding-left: 30px; position: relative; border-left: solid 1px #dddddd;}
.airline .feature .list li .titArea .num { position: absolute; left: -78px; top: 0;}
.airline .feature .list li .txtArea { padding-top: 18px; margin-left: 78px; padding-left: 30px; border-left: solid 1px #dddddd;}
.airline .classTit { height: 200px; display: flex; align-items: center; justify-content: center;}
.airline .classTit .contTit01 { width: auto; padding-bottom: 10px;}
.airline .class .classBox .list  { display: flex; flex-wrap: wrap; justify-content: space-between;}
.airline .class .classBox .list li { width: 530px;}
.airline .class .classBox .list li.w100 { width: 100%;}
.airline .cancel .defaultTable th { position: relative;}
.airline .cancel .defaultTable th .iconTit { position: absolute; right: 15px; top: 5px;}
.airline .cancel .defaultTable th .iconTit .btn.btnMin { padding: 2px; width: 280px;}
.airline .checkin .stepList li { min-height: 120px; display: flex; align-items: center; }
.airline .checkin .stepList li .txtBox { padding: 0 30px 0 120px;  width: 900px; padding-left: 120px;}
.airline .checkin .stepList li .txtBox .num { position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.airline .checkin .stepList li .img img { width: 180px; height: 130px; border-radius: 6px; object-fit: cover;}
.airline .checkin .stepList li:last-child .img img { width: 114px; height: 50px; border-radius: 0;}
.airline .luggage .nomalTable.table1 dt { width: 440px;}
.airline .luggage .nomalTable.table1 dd { width: 656px;}
.airline .luggage .nomalTable.table1 dt.variation { width: 160px;}
.airline .luggage .nomalTable.table1 dd.variation { width: 938px;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .tit { width: 279px; padding: 15px 30px;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .txt { width: 657px; padding: 15px 30px;}
.airline .luggage .nomalTable dt,
.airline .luggage .nomalTable dd { font-size: 1.6rem;}
.airline .luggage .iconTit .btn { position: absolute; right: 0;}
.airline .child .boxArea { display: flex; justify-content: space-between; align-items: center;}
.airline .child .boxArea .box1 { width: 490px;}
.airline .child .boxArea .box1 .btn { padding: 5px 30px 5px 15px; letter-spacing: 0; width: 100%;}
.airline .child .boxArea .box2 { width: 580px; padding: 20px 50px;}
.airline .child .boxArea .box2 .list li:nth-child(2) { margin-top: 10px;}
.airline .child .defaultTable td { padding: 10px; }
.airline .child .defaultTable .item01 { width: 76px;}
.airline .child .defaultTable .item02 { width: 145px;}
.airline .child .defaultTable .item03 { width: 145px;}
.airline .child .defaultTable .item04 { width: 514px;}
.airline .child .defaultTable .item05 { width: 110px;}
.airline .child .defaultTable .item06 { width: 110px;}
.airline .pregnant .iconTit .btn { padding: 10px 50px 10px 40px;}
.airline .transit .iconTit .btn { padding: 10px 50px 10px 40px;}
.airline .transit .defaultTable .item01 { width: 300px;}
.airline .transit .defaultTable.table1 .item02,
.airline .transit .defaultTable.table1 .item03,
.airline .transit .defaultTable.table1 .item04,
.airline .transit .defaultTable.table1 .item05 { width: 200px;}
.airline .transit .defaultTable.table2 .item02,
.airline .transit .defaultTable.table2 .item03,
.airline .transit .defaultTable.table2 .item04 { width: 266px;}
.airline .milage .iconTit .btn { padding: 10px 50px 10px 40px;}
.airline .milage .defaultTable .item01 { width: 296px;}
.airline .milage .defaultTable .item02,
.airline .milage .defaultTable .item03,
.airline .milage .defaultTable .item04 { width: 268px;}
.airline .callcenter .iconTit .btn { padding: 10px 50px 10px 40px;}
.airline .callcenter .list.list1 { display: flex; flex-wrap: wrap}
.airline .callcenter .list.list1 li { width: 366px;}
.airline .callcenter .list.list2 { display: flex;}
.airline .callcenter .list.list2 li:nth-child(1) { width: 640px; text-align: right; padding-right: 100px;}
.airline .callcenter .list.list2 li:nth-child(2) { width: 460px;}
}
@media screen and (max-width: 749px) {
.airline .notes li { text-indent: -8px; margin-left: 8px;}
.airline .sp_accordion_tit.line2 { line-height: 1.2;}
.airline .sp_accordion_tit.line2:before,
.airline .sp_accordion_tit.line2:after { top: 15px;}
.airline .iconTit { font-size: 1.7rem; min-height: 40px;}
.airline .iconTit .icon.line2 { display: inline-block; line-height: 1.5;}
.airline .iconTit .btn { margin-top: 10px; font-size: 1.4rem; display: block; max-width: auto; width: 100%; padding: 8px 15px 8px 5px; margin-left: auto; margin-right: auto;}
.airline .iconTit .btn.w100 { width: 100%;}
.airline .iconTit .btn.arrow:before { width: 8px; height: 8px; right: 10px;}
.airline .sptaL { text-align: left;}
.airline .sptaC { text-align: center;}
.airline .feature .list li { margin-top: 20px;}
.airline .feature .list li .titArea { display: flex; align-items: center;}
.airline .feature .list li .titArea .num { font-size: 4.4rem; border-right: solid 1px #dddddd; margin-right: 10px; padding-right: 10px;}
.airline .feature .list li .titArea .tit { font-size: 1.6rem;}
.airline .feature .list li .txtArea { margin-top: 10px;}
.airline .classTit { padding: 25px 0;}
.airline .class { padding-bottom: 25px;}
.airline .class .classBox .titArea:before,
.airline .class .classBox .titArea:after { width: 60px; height: 60px; top: 8px;}
.airline .class .classBox .titArea:after { border-radius: 60px;}
.airline .class .classBox .titArea .jp { font-size: 2.7rem;}
.airline .class .classBox .titArea .en { font-size: 1.1rem;}
.airline .class .classBox.line { margin-top: 20px;}
.airline .class .classBox { padding-top: 20px;}
.airline .class .classBox .list li { margin-top: 20px;}
.airline .class .classBox .list li .tit { font-size: 1.6rem;}
.airline .ticket .defaultTable { width: 900px;}
.airline .ticket .defaultTable .osusume { font-size: 1.2rem;}
.airline .cancel .defaultTable th .iconTit { min-height: 30px;}
.airline .cancel .defaultTable th .iconTit .btn.btnMin { margin-top: 2px; padding: 4px; width: 250px;}
.airline .checkinTit { padding: 25px 0;}
.airline .checkin { padding: 0 0 25px 0;}
.airline .checkin .btn.btnMin.btnWHT { margin-top: 0;}
.airline .checkin .stepList li { padding: 15px 5%;}
.airline .checkin .stepList li .txtBox { display: flex; align-items: center;}
.airline .checkin .stepList li .txtBox .num { margin-right: 10px; font-size: 2.3rem; padding-top: 12px; width: 60px; height: 60px; border-radius: 60px;}
.airline .checkin .stepList li .txtBox .num .min { font-size: 1.8rem;}
.airline .checkin .stepList li .txtBox .tit { font-size: 1.7rem; letter-spacing: 0;}
.airline .checkin .stepList li .txtBox .tit.big {font-size: 2.4rem;}
.airline .checkin .stepList li .img { margin-top: 10px; overflow: hidden;}
.airline .checkin .stepList li .img img { float: right; width: 110px; margin-left: 10px;}
.airline .checkin .stepList li .img .txt { line-height: 1.8; font-weight: 400;}
.airline .checkin .stepList li:last-child .img { margin-top: 0;}
.airline .checkin .stepList li:last-child .img img { float: none; position: absolute; right: 30px; top: 0; bottom: 0; width: 85px; height: 28px; margin: auto;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .tit { width: 42%; padding: 15px 5%;}
.airline .luggage .nomalTable.table1 dd.variation .flexbox .txt { width: 58%; padding: 15px 5%;}
.airline .child .iconTit { min-height: auto;}
.airline .child .boxArea .box1 .btn { padding: 5px 20px 5px 10px; font-size: 1.2rem; letter-spacing: 0; width: 100%;}
.airline .child .boxArea .box2 { padding: 15px; margin-top: 15px;}
.airline .child .boxArea .box2 .list li { position: relative; padding-left: 70px; padding-top: 3px;}
.airline .child .boxArea .box2 .list li .label { width: 60px; position: absolute; left: 0; top: 0; padding: 2px 0;}
.airline .child .boxArea .box2 .list li:nth-child(2) { margin-top: 8px;}
.airline .child .defaultTable td { padding: 10px 5px;}
.airline .child .defaultTable { width: 900px;}
.airline .child .defaultTable .item01 { width: 10%;}
.airline .child .defaultTable .item02 { width: 15%;}
.airline .child .defaultTable .item03 { width: 12%;}
.airline .child .defaultTable .item05 { width: 12%;}
.airline .child .defaultTable .item06 { width: 12%;}
.airline .transit .scroll-hint-icon { top: 10px !important;}
.airline .transit .defaultTable.table1 { width: 800px;}
.airline .transit .defaultTable.table2 { width: 700px;}
.airline .milage .defaultTable { width: 600px;}
.airline .milage .defaultTable .item01 { width: 28%;}
.airline .milage .defaultTable .item02,
.airline .milage .defaultTable .item03,
.airline .milage .defaultTable .item04 { width: 24%;}
.airline .callcenter a { color: #0900d4;}
.airline .callcenter .list li { padding: 8px 0;}
.airline .callcenter .list li .label { width: 70px;}
.airline .callcenter .list.list1,
.airline .callcenter .list.list2 { margin-top: 10px;}
.airline .callcenter .list.list2 li:nth-child(1) { text-align: center;}
.airline .btmBtn { width: 200px; padding-right: 20px;}
}



/*==================================
	airport
==================================*/
/* about */
.airport .about { padding-top: 30px;}
.airport .about  .box { overflow: hidden;}
.airport .about .box .img { width: 440px; height: 310px; margin-right: 20px; margin-bottom: 10px; float: left;}
.airport .about .box .img img { object-fit: cover; width: 100%; height: 100%; border-radius: 6px;}
.airport .about .box p { font-weight: 400; line-height: 1.8;}
.airport .about .box p.mtSS { margin-top: 5px;}
/* operating */
.airport .operating { padding-top: 30px;}
.airport .operating .defaultTable .item01 { width: 18%;}
.airport .operating .defaultTable .item02 { width: 16%;}
.airport .operating .defaultTable .item03 { width: 16%;}
.airport .operating .defaultTable .item04 { width: 30%;}
.airport .operating .defaultTable .item05 { width: 20%;}
.airport .operating .defaultTable .linkGRN { border-bottom: 0; text-decoration: underline;}
/* facility */
.airport .facility .list li { padding: 20px 0; border-bottom: solid 1px #dddddd;}
.airport .facility .list .tit { font-weight: 700;}
.airport .facility .list .txtBox .txt { font-weight: 400;}
.airport .facility .list .txtBox .url a { font-weight: 400; color: #0900d4; display: inline-block;}
/* access */
.airport .access { padding-top: 30px;}
.airport .access .maplink { border: solid 1px #ddd; text-align: center;}
.airport .access .maplink .img { display: block;}
.airport .access .maplink .img img { width: 100%;}
.airport .access .maplink .txt { font-size: 1.4rem; padding: 8px; font-weight: 400; background: #f1f4f8; display: block;}
.airport .access .defaultTable p { font-weight: 400;}
.airport .access .defaultTable .tit p { font-weight: 700; text-align: left; justify-content: flex-start;}
.airport .access .iconTit { font-weight: 700; position: relative;}
.airport .access .iconTit .icon { padding-left: 50px; line-height: 40px;}
.airport .access .iconTit .icon:before,
.airport .access .iconTit .icon:after{ content: ""; position: absolute; width: 40px; height: 40px; left: 0;}
.airport .access .iconTit .icon:before { border-radius: 40px; background: #0900d4;}
.airport .access .iconTit .icon:after { z-index: 1;}
.airport .access .iconTit .btn { font-weight: 400; color: #222;}
.airport .access .train .defaultTable { width: 720px;}
.airport .access .train .iconTit .icon:after { background: url("../img/icon/access_train.svg") center center no-repeat; background-size: 20px auto;}
.airport .access .bus { margin-top: 40px;}
.airport .access .bus .iconTit .icon:after { background: url("../img/icon/access_bus.svg") center center no-repeat; background-size: 25px auto;}
.airport .access .taxi { margin-top: 40px;}
.airport .access .taxi .iconTit .icon:after { background: url("../img/icon/access_taxi.svg") center center no-repeat; background-size: 25px auto;}
.airport .access .taxi .defaultTable { border-top: solid 1px #ddd;}
.airport .access .parking { margin-top: 40px;}
.airport .access .parking .iconTit .icon:after { background: url("../img/icon/access_car.svg") center center no-repeat; background-size: 25px auto;}
.airport .access .movement { margin-top: 40px;}
.airport .access .movement .iconTit .icon:after { background: url("../img/icon/access_terminal.svg") center center no-repeat; background-size: 25px auto;}
.airport .access .movement .box .tit { font-weight: 700;}
.airport .access .movement .box .txt { font-weight: 400; line-height: 1.8;}
/* infoTable */
.airport .infoTable li.item { position: relative; border-bottom: solid 1px #dddddd;}
.airport .infoTable li.item:last-child { border-bottom: 0;}
.airport .infoTable li.item .box1 .img  img { object-fit: cover; width: 100%; height: 100%; border-radius: 6px;}
.airport .infoTable li.item .box1 .tit { font-weight: 700;}
.airport .infoTable li.item .box2 .labelList li.labelBox { border: solid 1px #0900d4; font-weight: 400;}
.airport .infoTable li.item .box2 .labelList li.labelBox .label { display: inline-block; background: #0900d4; color: #fff; font-weight: 700; text-align: center;}
.airport .infoTable li.item .box2 .labelList li.labelBox .labeltxt { display: inline-block;}
.airport .infoTable li.item .box2 .txt { font-weight: 400; line-height: 1.8;}
@media screen and (min-width: 750px) {
/* facility */
.airport .facility .list li { display: flex;}
.airport .facility .list .tit { width: 130px;}
.airport .facility .list .txtBox { width: 970px; display: flex; flex-wrap: wrap;}
.airport .facility .list .txtBox .txt { width: 320px; padding-left: 20px; border-left: solid 1px #ddd; line-height: 1.8;}
.airport .facility .list .txtBox .url { padding-left: 20px; border-left: solid 1px #ddd; line-height: 1.8;}
/* access */
.airport .access .pcflex { display: flex;}
.airport .access .iconTit .btn { padding: 5px 40px 5px 20px; min-width: 470px; width: auto; position: absolute; right: 0;}
.airport .access .train .box2 { width: 320px; margin-left: 30px;}
.airport .access .train .defaultTable .item01 { width: 180px;}
.airport .access .train .defaultTable .item02 { width: 200px;}
.airport .access .train .defaultTable .item03 { width: 420px;}
.airport .access .bus .defaultTable .item01 { width: 260px;}
.airport .access .bus .defaultTable .item02 { width: 200px;}
.airport .access .bus .defaultTable .item03 { width: 640px;}
.airport .access .taxi .box1 { width: 720px;}
.airport .access .taxi .box2 { width: 350px; margin-left: 30px;}
.airport .access .parking .box1 { width: 720px;}
.airport .access .parking .box2 { width: 350px; margin-left: 30px;}
.airport .access .movement .pcflex { justify-content: space-between;}
.airport .access .movement .box { width: 340px; display: flex; flex-direction: column;}
.airport .access .movement .box .tit { font-weight: 700;}
.airport .access .movement .box .txt { flex-grow: 2; font-weight: 400; margin-top: 15px;}
.airport .access .movement .box .maplink { margin-top: 15px;}
/* infoTable */
.airport .infoTable li.item { padding: 40px 0;}
.airport .infoTable li.item:nth-child(2n+1) { padding-left: 370px;}
.airport .infoTable li.item:nth-child(2n) { padding-right: 370px;}
.airport .infoTable li.item:nth-child(2n+1) .img { left: 0;}
.airport .infoTable li.item:nth-child(2n) .img { right: 0;}
.airport .infoTable li.item .box1 .img { width: 340px; height: 240px; position: absolute; top: 40px;}
.airport .infoTable li.item .box1 .tit { font-size: 2rem;}
.airport .infoTable li.item .box2 .labelList { margin-top: 20px; display: flex;}
.airport .infoTable li.item .box2 .labelList li.labelBox .label { padding: 10px 0;}
.airport .infoTable li.item .box2 .labelList li.labelBox:nth-child(1) { width: 380px;}
.airport .infoTable li.item .box2 .labelList li.labelBox:nth-child(2) { width: 340px;}
.airport .infoTable li.item .box2 .labelList li.labelBox:nth-child(1) .label { width: 110px;}
.airport .infoTable li.item .box2 .labelList li.labelBox:nth-child(2) .label { width: 180px;}
.airport .infoTable li.item .box2 .labelList li.labelBox .labeltxt { padding: 10px;}
.airport .infoTable li.item .box2 .txt { margin-top: 15px;}
}
@media screen and (max-width: 749px) {
/* about */
.airport .about { padding-top: 15px;}
.airport .about .box .img { width: 44%; height: 30vw;}
/* operating */
.airport .operating { padding-top: 15px;}
.airport .operating .defaultTable { width: 900px;}
/* facility */
.airport .facility .list li { padding: 15px 0;}
.airport .facility .list .txtBox .txt { margin-top: 5px;}
/* access */
.airport .access { padding-top: 15px;}
.airport .access .maplink { margin-top: 15px;}
.airport .access .maplink .img { padding: 0 15px;}
.airport .access .maplink .txt { font-size: 1.2rem; padding: 8px;}
.airport .access .iconTit .btn { margin-top: 10px; font-size: 1.2rem; display: block; max-width: auto; width: 100%; padding: 8px 15px 8px 5px; margin-left: auto; margin-right: auto;}
.airport .access .iconTit .btn.arrow:before { width: 8px; height: 8px; right: 10px;}
.airport .access .bus { margin-top: 20px;}
.airport .access .bus .defaultTable { width: 720px;}
.airport .access .bus .defaultTable .item01 { width: 200px;}
.airport .access .bus .defaultTable .item02 { width: 160px;}
.airport .access .taxi { margin-top: 20px;}
.airport .access .taxi .defaultTable .tit { width: 150px;}
.airport .access .parking { margin-top: 20px;}
.airport .access .movement { margin-top: 20px;}
.airport .access .movement .maplink { margin-top: 8px;}
.airport .access .movement .box2 { margin-top: 15px;}
.airport .access .movement .box3 { margin-top: 15px;}
/* infoTable */
.airport .infoTable li.item { padding: 15px 0;}
.airport .infoTable li.item .box1 { display: flex; align-items: center;}
.airport .infoTable li.item .box1 .img { width: 44%;}
.airport .infoTable li.item .box1 .tit { width: 56%; font-size: 1.8rem; text-align: center;}
.airport .infoTable li.item:nth-child(2n) .box1 .img { order: 2;}
.airport .infoTable li.item:nth-child(2n) .box1 .tit { order: 1;}
.airport .infoTable li.item .box2 .labelList li.labelBox { margin-top: 10px;}
.airport .infoTable li.item .box2 .labelList li.labelBox .label { width: 44%; padding: 5px 0;}
.airport .infoTable li.item .box2 .labelList li.labelBox .labeltxt { width: 56%; padding: 5px 10px;}
.airport .infoTable li.item .box2 .txt { margin-top: 10px;}
}



/*==================================
	reserve
==================================*/
.reserve { padding-bottom: 10px;}
.reserve .btnArea { position: relative;}
.reserve .btnArea .btn { width: 240px; position: absolute; right: 0; bottom: 10px; padding: 5px; font-weight: 500;}
.reserve .mypageLink { text-align: center;}
.reserve .mypageLink .btn { width: 400px; padding: 15px 0;}
.reserve .snopBox { width: 580px; margin: 20px auto 0 auto; padding: 10px; background: #f1f4f8; text-align: center;}
.reserve .snopBox .custom-select { width: 140px; margin-left: 20px; text-align: left;}
.reserve .w100 { width: 100%;}
.reserve .linkGRN { padding-bottom: 0;}
.reserve .setTable .table2 dd .fac { font-size: 2.2rem;}
.reserve .formBox .formList dd .fac { width: 100%; height: 100%; display: flex; align-items: center;}
.reserve .reservationID { text-align: center;}
.reserve .reservationID .lineTableRED { display: flex; margin-left: auto; margin-right: auto; width: 400px;}
.reserve .reservationID .lineTableRED .fac { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.reserve .reservationID .lineTableRED dt { font-size: 2.2rem; width: 110px;}
.reserve .reservationID .lineTableRED dd { font-size: 3.6rem; width: 290px; padding: 10px; font-weight: bold;}
.reserve .reserveDetailList .th { background: #0900d4; color: #fff; font-weight: 700;}
.reserve .reserveDetailList .defaultTable td { min-height: 80px;}
.reserve .reserveDetailList .defaultTable td .airIcon { font-weight: 400; text-align: center;}
.reserve .reserveDetailList .defaultTable td .airIcon:before { width: 75px; height: 25px; margin: 0 auto 3px auto; vertical-align: middle; content: ""; display: block; background-size: cover; border: solid 1px #dddddd;}
.reserve .reserveDetailList .defaultTable td.balloonBox { position: relative;}
.reserve .reserveDetailList .defaultTable td.balloonBox  .detailedBln { font-size: 1.4rem; margin-top: 3px; padding: 3px 10px; border-radius: 5px; display: block; cursor: pointer; background: #e8f6ee; border: solid 1px #0900d4;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon { display: none; position: absolute;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon.open { display: block; overflow: inherit;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box { padding: 10px 15px; min-width: 170px; position: relative; display: inline-block; max-width: 100%; text-align: right; background: #FFF; border: solid 1px #ddd; box-shadow: 0px 2px 5px 0px rgba(98, 128, 177, 0.4); border-radius: 5px;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:before { content: ""; position: absolute; z-index: 2;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:after { content: ""; position: absolute; z-index: 1;}
.reserve .reserveDetailList .txtFloat { display: flex; justify-content: space-between;}
.reserve .reserveDetailList .txtFloat .txtL { text-align: left;}
.reserve .reserveDetailList .txtFloat .txtR { text-align: right;}
.reserve .reserveDetailList .txtFloat .fsBig { line-height: 1;}
.reserve .reserve_accordion { border-top: solid 1px #ddd;}
.reserve .reserve_accordion dt { background-color: #fff;}
.reserve .reserve_accordion dt.open { background-color: #e8f6ee;}
.reserve .reserve_accordion dt,
.reserve .reserve_accordion dd { padding-left: 20px;}
.reserve .reserve_accordion dd .ml { margin-left: 20px;}
.reserve .reserve_accordion dd .discList { margin-left: 20px;}
.reserve .reserve_accordion dd .discList li { margin-bottom: 5px; list-style: disc; font-weight: 400;}
.reserve .reserve_accordion dd .discList li .borderBoxGRY { margin-top: 5px;}
.reserve .reserve_accordion dd .attentionList { margin-left: 20px;}
.reserve .reserve_accordion dd .attentionList li { color: #ed2b2b; font-weight: 400; text-indent: -15px; margin-left: 15px;}
.reserve .reserve_accordion dd .attentionList li:before { content: "・"; margin-right: 5px;}
.reserve .reserve_accordion dd .btn.btnLGR { border-width: 1px; padding: 5px; border-radius: 5px; width: 150px;}
@media screen and (min-width: 750px) {
.reserve .fsBig { font-size: 2rem;}
.reserve .setTable { display: flex;}
.reserve .setTable dd { width: 348.5px;}
.reserve .setTable .table1 { width: 50%;}
.reserve .setTable .table2 { width: 50%;}
.reserve .setTable .table2 dt { border-left: 0;}
.reserve .setTable .table2 dd { border-left: 0;}
.reserve .setTable .table2 dd .fac { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center;}
.reserve .reserveDetailList .js-scrollable { overflow-x: unset !important;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box { left: -40px; margin-top: 12px;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:before { top: -20px; left: 50%; margin-left: -9px; border: 10px solid transparent; border-bottom: 10px solid #FFF;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:after { top: -24px; left: calc( 50% + -1px ); margin-left: -10px; border: 12px solid transparent; border-bottom: 12px solid #ddd;}
.reserve .checkbtnBox { width: 880px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 749px) {
.reserve .btnArea { text-align: left;}
.reserve .btnArea .btn { width: 160px; padding: 6px 25px; text-align: left;}
.reserve .mypageLink .btn { width: 280px; padding: 10px 20px 10px 10px;}
.reserve .snopBox { width: 100%;}
.reserve .snopBox .custom-select { width: 90px; margin-left: 10px;}
.reserve .sptaL { text-align: left;}
.reserve .sptaC { text-align: center;}
.reserve .setTable .table2 dt { border-top: 0;}
.reserve .reservationID .lineTableRED { width: 86%;}
.reserve .reservationID .lineTableRED dt { font-size: 2rem; width: 30%;}
.reserve .reservationID .lineTableRED dd { font-size: 3rem; width: 70%; padding: 10px; text-align: center;}
.reserve .reserveDetailList .defaultTable { width: 1100px;}
.reserve .reserveDetailList .alldelete { width: 1100px;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon { top: 10px; left: 120px;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box { min-width: 150px; font-size: 1.2rem; padding: 10px;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:before { top: 50%; left: -16px; margin-top: -8px; border: 8px solid transparent; border-right: 8px solid #FFF;}
.reserve .reserveDetailList .defaultTable td.balloonBox .balloon .box:after { top: 50%; left: -20px; margin-top: -10px; border: 10px solid transparent; border-right: 10px solid #ddd;}
.reserve .reserve_accordion dt { padding-left: 15px;}
.reserve .reserve_accordion dd { padding-left: 10px;}
.reserve .reserve_accordion dd .ml { margin-left: 10px;}
}

/* reserve_navi */
.reserve_navi { margin-top: 40px; position: relative; z-index: 1;}
.reserve_navi ul { border-left: solid 1px #dddddd; border-top: solid 1px #dddddd; display: flex;}
.reserve_navi ul li { padding-top: 7px; height: 40px; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd; width: 20%; font-weight: 400; text-align: center; background: #f1f4f8; position: relative;}
.reserve_navi ul li .fac { font-weight: 400;}
.reserve_navi ul li.on .fac { font-weight: 700;}
.reserve_navi ul li:last-child:before,
.reserve_navi ul li:last-child:after{ display:none;}
.reserve_navi ul li:before,
.reserve_navi ul li:after{ content: ""; position: absolute; width: 0; height: 0; margin: auto;}
.reserve_navi ul li:before{ top:0; right:-15px; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 20px 0 20px 15px; z-index: 10;}
.reserve_navi ul li:after{ top:0; right:-14px; border-style: solid; border-color: transparent transparent transparent #f1f4f8; border-width: 20px 0 20px 15px; z-index: 10;}
.reserve_navi ul li.on { font-weight: 700; color: #fff; background: #0900d4;}
.reserve_navi ul li.on:after{ border-color: transparent transparent transparent #0900d4;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.reserve_navi { margin-top: 10px;}
.reserve_navi ul li { font-size: 1.2rem; padding: 5px 0 5px 5px; line-height: 1.2;}
.reserve_navi ul li:before{ right:-8px;  border-width: 20px 0 20px 8px;}
.reserve_navi ul li:after{ right:-7px; border-width: 20px 0 20px 8px;}
}

/*==================================
	get
==================================*/
.get .linkGRN { padding-bottom: 0; line-height: 1.2;}
.get .nomalTable dt,
.get .nomalTable dt p { font-weight: 700;}
.get .nomalTable dd.w100 { width: 100%;}
.get .block01 .itembox { display: flex; flex-wrap: wrap;}
.get .block01 .itembox dt { padding: 20px 0; border-bottom: solid 1px #ddd;}
.get .block01 .itembox dt .label { padding: 2px 0; width: 100px; border-radius: 5px; text-align: center;background: #0900d4; color: #fff; font-weight: 700; display: inline-block;}
.get .block01 .itembox dd { padding: 20px; font-weight: 400; border-bottom: solid 1px #ddd;}
.get .block02 .contTit03 .label { font-size: 1.6rem; padding: 2px 10px; margin-left: 10px; border-radius: 30px; color: #0900d4; background: #fff;}
.get .block02 .imgBox .txt { font-weight: 400; line-height: 1.8;}
.get .block02 .paymentBox { border: solid 1px #ddd;}
.get .block02 .paymentBox dt { font-weight: 700; text-align: center;padding: 10px 0; background: #e8f6ee;}
.get .block02 .paymentBox dt p { font-weight: 700;}
.get .block02 .paymentBox dd { padding: 15px; display: flex; justify-content: center; align-items: center;}
.get .block02 .paymentBox dd.taL { justify-content: flex-start; font-weight: 400;}
.get .block02 .paymentBox dd p { margin: 0 10px;}
.get .block03 .table01 .defaultTable td { font-weight: 400;}
.get .block03 .table01 .defaultTable td.choice { text-align: center;}
.get .block03 .table01 .defaultTable td.choice img { width: 24px;}
.get .block03 .table01 .defaultTable td.choice img.false { width: 22px;}
@media screen and (min-width: 750px) {
.get .nomalTable dt,
.get .nomalTable dd { font-size: 1.6rem; line-height: 1.5;}
.get .block01 .itembox dt { width: 110px;}
.get .block01 .itembox dd.item1 { width: 250px;}
.get .block01 .itembox dd.item2 { width: 630px;}
.get .block01 .itembox dd.item3 { width: 990px;}
.get .block02 .box { position: relative; padding-left: 290px;}
.get .block02 .imgBox .img { position: absolute; left: 0; top: 0;}
.get .block02 .paymentBox { display: flex;}
.get .block02 .paymentBox dt { width: 200px;}
.get .block02 .paymentBox dt .fac { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}
.get .block02 .paymentBox dd { width: 609px;}
.get .block02 .contTit02 { font-size: 1.6rem; line-height: 1.5;}
.get .block02 .nomalTable dt { width: 300px;}
.get .block02 .nomalTable dd { width: 509px;}
.get .block02 .nomalTable.nomalTable02 dt { width: 200px;}
.get .block02 .nomalTable.nomalTable02 dd { width: 609px;}
.get .block03 .table01 .defaultTable td { width: 540px;}
.get .block03 .table01 .defaultTable td.tit { width: 300px;}
.get .block03 .table01 .defaultTable td.choice { width: 260px;}
}
@media screen and (max-width: 749px) {
.get .block01 .itembox dt { width: 24%; padding: 15px 0;}
.get .block01 .itembox dt .label { width: 100%;}
.get .block01 .itembox dd { width: 76%; padding: 15px;}
.get .block02 .contTit03 .label { font-size: 1.3rem; margin-left: 5px;}
.get .block02 .contTit02 { font-size: 1.4rem;}
.get .block02 .imgBox { overflow: hidden;}
.get .block02 .imgBox .img { float: left; width: 38%; margin: 0 15px 15px 0;}
.get .block02 .paymentBox dt { padding: 5px;}
.get .block02 .paymentBox dd .visa { width: 63px;}
.get .block02 .paymentBox dd .master { width: 48px;}
.get .block02 .paymentBox dd .jcb { width: 48px;}
.get .block02 .paymentBox dd .amex { width: 34px;}
.get .block02 .paymentBox dd .diners { width: 45px;}
.get .block02 .paymentBox dd .seven { width: 32px;}
.get .block02 .paymentBox dd .lawsonfamily { width: 83px;}
.get .block02 .paymentBox dd .daily_yamazaki { width: 59px;}
.get .block02 .paymentBox dd .secoma { width: 89px;}
.get .block02 .paymentBox dd .paypay { width: 50px;}
.get .block02 .paymentBox dd .line_pay { width: 35px;}
.get .block02 .paymentBox dd .amazon_pay { width: 90px;}
.get .block02 .nomalTable { display: flex; flex-wrap: wrap;}
.get .block02 .nomalTable dt { padding: 10px 0;}
.get .block02 .nomalTable dt .fac { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}.fac { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}
.get .block02 .nomalTable.nomalTable01 dt { width: 40%;}
.get .block02 .nomalTable.nomalTable01 dd { width: 60%;}
.get .block02 .nomalTable.nomalTable02 dt { width: 25%;}
.get .block02 .nomalTable.nomalTable02 dd { width: 75%;}
.get .block03 .table01 .defaultTable { width: 700px;}
.get .block03 .table01 .defaultTable td.tit { width: 120px;}
.get .block03 .table01 .defaultTable td.choice { width: 141px;}
.get .block03 .nomalTable.table02 dd { padding: 10px;}
.get .block03 .spFsMin { font-size: 1.2rem; display: inline-block;}
.get .block03 .nomalTable.table02 dd .fsMin { font-size: 1.1rem;}
}



/*==================================
	airport
==================================*/
.airport .maintxt { margin-top: 40px; text-align: center; font-weight: 400; line-height: 1.8;}
.airport .majorList { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.airport .majorList li { width: 260px; margin-bottom: 20px; border: solid 1px #ddd; border-radius: 6px; box-shadow: 4px 6.928px 13px 0px rgba(232, 235, 239, 0.8);}
.airport .majorList li a img { width: 100%; border-radius: 6px 6px 0 0;}
.airport .majorList li a .name { font-size: 2.2rem; padding: 30px 0; line-height: 1; display: block; text-align: center;}
.airport .airportList { margin-top: 30px; display: flex; flex-wrap: wrap;}
.airport .airportList li { width: 204px; margin-bottom: 20px; border: solid 1px #ddd; border-radius: 6px; box-shadow: 4px 6.928px 13px 0px rgba(232, 235, 239, 0.8);}
.airport .airportList li a { height: 100%; padding: 100px 0 20px 0; font-size: 1.8rem; display: flex; flex-direction: column; justify-content: center; text-align: center; background: url("../img/icon/airport.svg") center top 20px no-repeat; background-size: 100px auto;}
@media screen and (min-width: 750px) {
.airport .airportList li { margin-left: 20px;}
.airport .airportList li:nth-child(5n+1) { margin-left: 0;}
}
@media screen and (max-width: 749px) {
.airport .maintxt { margin-top: 20px; text-align: left;}
.airport .majorList li { width: 48.4%; box-shadow: 2px 4px 7px 0px rgba(232, 235, 239, 0.8);}
.airport .majorList li a .name { font-size: 1.6rem; padding: 20px 0;}
.airport .airportList li { width: 31%; margin-left: 3%; box-shadow: 2px 4px 7px 0px rgba(232, 235, 239, 0.8);}
.airport .airportList li:nth-child(3n+1) { margin-left: 0;}
.airport .airportList li a { padding: 50px 0 10px 0; font-size: 1.4rem; background-size: 50px auto; background-position: center top 10px;}
}

/*==================================
	faq
==================================*/
.faq { margin-top: 40px;}
.faq .faqTable02 .box { margin-top: 15px;}
.faq .faqTable02 .box .tit { font-weight: 700;}
.faq .faqTable03 { max-width: 600px;}
.faq .faqTable04 { max-width: 780px;}
.faq .faqTable04 .defaultTable td.tit .fac{ padding-left: 40px; position: relative;}
.faq .faqTable04 .defaultTable td.tit .num { width: 28px; height: 28px; border-radius: 28px; background: #fff; position: absolute; left: 0; text-align: center;}
@media screen and (min-width: 750px) {
.faq .faqTable01 .defaultTable td { width: 417px;}
.faq .faqTable01 .defaultTable td.tit { width: 200px;}
.faq .faqTable02 .box { display: flex;}
.faq .faqTable02 .box .tit { width: 100px; margin-right: 15px; border-right: solid 1px #dddddd;}
.faq .faqTable02 .box .txtArea { width: 920px;}
.faq .faqTable02 .box .txtArea .txt { position: relative; padding-left: 100px;}
.faq .faqTable02 .box .txtArea .txt .label{ position: absolute; left: 0;}
.faq .faqTable03 .defaultTable td { width: 50%;}
.faq .faqTable04 .defaultTable td.tit { width: 480px;}
}
@media screen and (max-width: 749px) {
.faq { margin-top: 30px;}
.faq .faqTable01 .defaultTable { width: 600px;}
.faq .faqTable01 .defaultTable td { width: 250px;}
.faq .faqTable01 .defaultTable td.tit { width: 100px;}
.faq .faqTable02 .box .tit { text-align: center;border-bottom: solid 1px #dddddd;}
.faq .faqTable02 .box .txtArea .txt { margin-top: 10px;}
.faq .faqTable02 .box .txtArea .txt .label { display: block;}
.faq .faqTable03 .defaultTable td { width: 60%;}
.faq .faqTable03 .defaultTable td.tit { width: 40%;}
.faq .faqTable04 .defaultTable td { width: 50%;}
.faq .faqTable04 .defaultTable td.tit .fac{ padding-left: 30px;}
.faq .faqTable04 .defaultTable td.tit .num { width: 25px; height: 25px; border-radius: 25px;}
}



/*==================================
	mypage
==================================*/
.mypage { margin-top: 40px; padding-bottom: 10px;}
.mypage .bgGRN { padding: 40px;}
.mypage .notes { text-align: center; line-height: 1.8; font-weight: 400;}
.mypage .inputArea { font-weight: 400;}
@media screen and (min-width: 750px) {
.mypage .inputArea input { width: 400px; margin-left: 10px;}
.mypage .inputArea .inputTit { width: 110px; text-align: left; display: inline-block;}
.mypage .bgGRN .checkArea { width: 520px; padding-left: 120px; text-align: left; margin-left: auto; margin-right: auto;}
.mypage .pptxtbox { width: 830px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 749px) {
.mypage { margin-top: 30px;}
.mypage .bgGRN { padding: 20px 2.8%;}
.mypage .notes { text-align: left;}
.mypage .inputArea input { margin-top: 5px;}
.mypage .pptxtbox .notes { font-size: 1.1rem;}
}

/* top */
.mypage.mypage-top { margin-top: 70px;}
.mypage.mypage-top .bgGRN .btnList { display: flex; justify-content: space-between;}
.mypage.mypage-top .bgGRN .btnList .btn.btnWHT { width: 240px; font-size: 1.6rem; border-color: #1a9249; color: #222222;}
.mypage.mypage-top .bgGRN .btnList .btn.btnWHT.arrow:before { border-top: 2px solid #1a9249; border-right: 2px solid #1a9249;}
@media screen and (max-width: 749px) {
.mypage.mypage-top { margin-top: 30px;}
.mypage.mypage-top .bgGRN .btnList { flex-wrap: wrap;}
.mypage.mypage-top .bgGRN .btnList li { width: 48%;}
.mypage.mypage-top .bgGRN .btnList li:nth-child(n+3) { margin-top: 10px;}
.mypage.mypage-top .bgGRN .btnList .btn.btnWHT { padding-right: 20px; width: 100%; font-size: 1.4rem;}
}

/* reservation */
.mypage.reservation .box { margin-top: 30px;}
.mypage.reservation .box dl { text-align: center; width: 100%;}
.mypage.reservation .box dt { padding: 10px; background: #1ea853; color: #fff; font-weight: 700;}
.mypage.reservation .box dd { padding: 20px; font-weight: 400; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.mypage.reservation .box dd .airIcon { margin-bottom: 5px; font-weight: 400;}
.mypage.reservation .box dd .airIcon:before { width: 75px; height: 25px; margin-right: 10px; vertical-align: middle; content: ""; display: inline-block; background-size: cover; border: solid 1px #dddddd;}
.mypage.reservation .box dl:last-of-type dd { border-right: solid 1px #ddd;}
.mypage.reservation .box .linkGRN { font-size: 2.4rem; margin-bottom: 5px; line-height: 1; padding-bottom: 0;}
.mypage.reservation .btn1 .btn.btnMin { padding-right: 20px; width: 260px;}
.mypage.reservation .btn2 .btn.btnLGR { border: solid 1px #0900d4;  width: 220px; padding: 10px;}

@media screen and (min-width: 750px) {
.mypage.reservation .box { display: flex;}
.mypage.reservation .box dl { display: flex; flex-direction: column;}
.mypage.reservation .box dd {flex-grow: 1;}
}
@media screen and (max-width: 749px) {
.mypage.reservation .box { margin-top: 15px;}
.mypage.reservation .box dt { padding: 5px;}
.mypage.reservation .box dd { padding: 10px; border-right: solid 1px #ddd;}
.mypage.reservation .btn1 { text-align: center;}
}

/*==================================
	inquiry
==================================*/
.inquiry { margin-top: 40px; padding-bottom: 10px;}
.inquiry .formBox { margin-top: 40px;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.inquiry { margin-top: 30px;}
.inquiry .formBox { margin-top: 20px;}
.inquiry .formBox .formList .sptaC { text-align: center;}
.inquiryTxt { text-align: left;}
}

/*==================================
	info
==================================*/
.info { margin-top: 40px;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.info { margin-top: 30px;}
}

/* top */
.info .info_top .list li { border-bottom: solid 1px #ddd;}
.info .info_top .list li a { padding: 26px 0; display: flex; justify-content: space-between; font-weight: 400;}
.info .info_top .list li a .box { width: 170px; display: block;}
.info .info_top .list li a .box .tag { padding: 2px 15px; margin-left: 10px; border-radius: 30px; color: #0900d4; border: solid 1px #0900d4;}
.info .info_top .list li a .txt { width: 920px; padding-right: 30px; display: block;}
.info .info_top .list li a.arrow:before { right: 10px; top: 0; width: 10px; height: 10px; border-top: 2px solid #0900d4; border-right: 2px solid #0900d4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.info { margin-top: 30px;}
.info .info_top .list { padding: 0 4%;}
.info .info_top .list li a { padding: 18px 0; display: block;}
.info .info_top .list li a .box { width: 100%;}
.info .info_top .list li a .txt { margin-top: 10px; width: 100%;}
}

/* details */
.info .info_details .detailsTit { font-size: 2rem; font-weight: 700; padding-bottom: 20px; border-bottom: solid 2px #0900d4;}
.info .info_details .detailsTit .box .tag { font-size: 1.6rem; font-weight: 500; padding: 2px 10px; margin-left: 10px; border-radius: 30px; color: #0900d4; border: solid 1px #0900d4;}
.info .info_details .detailsCont { border-bottom: solid 1px #dddddd; padding: 30px 0 40px 0; line-height: 1.8;}
.info .info_details .detailsCont img { max-width: 100%;}
.info .info_details .nav-below { margin-top: 40px; position: relative; display: flex; align-items: center; justify-content: center;}
.info .info_details .nav-below .nav-prev { position: absolute; left: 0; bottom: 0; z-index: 1;}
.info .info_details .nav-below .nav-prev a { padding-left: 25px;}
.info .info_details .nav-below .nav-prev a.arrow:before { left: 20px; right: inherit; transform: rotate(-135deg);}
.info .info_details .nav-below .nav-list { margin-left: auto; margin-right: auto;}
.info .info_details .nav-below .nav-next { position: absolute; right: 0; bottom: 0; z-index: 1;}
.info .info_details .nav-below .nav-next a { padding-right: 25px;}
@media screen and (min-width: 750px) {
.info .info_details .detailsTit { display: flex; justify-content: space-between;}
.info .info_details .detailsTit .box { width: 200px;}
.info .info_details .detailsTit .txt { width: 890px;}
}
@media screen and (max-width: 749px) {
.info .info_details .detailsTit { padding-bottom: 10px;}
.info .info_details .detailsTit .box .tag { font-size: 1.4rem; vertical-align: middle;}
.info .info_details .detailsTit .txt { display: block;}
.info .info_details .detailsCont { padding: 20px 0;}
.info .info_details .nav-below { margin-top: 30px;}
.info .info_details .nav-below .btn { width: 140px;}
.info .info_details .nav-below .nav-prev .btn,
.info .info_details .nav-below .nav-next .btn { width: 90px;}
.info .info_details .nav-below a.arrow:before { width: 10px; height: 10px;}
}