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


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

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

@media screen and (min-width: 750px) {
.column .side .sideMainTit { margin: 40px 0 30px 0; position: relative; padding: 15px 0; text-align: center; color: #fff; background: #083ab3;}
.column .side .sideMainTit:before,
.column .side .sideMainTit:after { content: ""; position: absolute; top: 100%; left: 50%;}
.column .side .sideMainTit:after { margin-left: -13px; border: 13px solid transparent; border-top: 13px solid #083ab3;}
.column .side .close,
.column .side .sp-navigation { display: none;}
.column .side .sideTit { text-align: center; font-weight: 700; padding-bottom: 14px; border-bottom: solid 1px #525252;}
.column .side .searchmenu .searchmenuContents { padding: 16px;}
.column .side .searchmenu .searchmenuContents .placeList li a:hover { background: #f0f4ff; opacity: 1;}
.column .side .searchmenu .searchmenuContents .placeList li.icon_history a:hover { background: url("../img/icon_history.svg") center left 10px no-repeat #f0f4ff; background-size: 25px auto;}
.column .side .searchmenu .searchmenuContents .placeList li a { font-size: 1.6rem; background: #fff; text-align: left;}
.column .side .directflight label.checkbtn span { padding: 15px 30px 15px 45px; display: block; position: relative;}
.column .side .directflight label.checkbtn span:before { border: solid 1px #dedede; background: #fff; content: ''; display: block; width: 26px; height: 26px; left: 10px; margin-top: -8px; position: absolute; top: 22px; border-radius: 5px;}
.column .side .directflight label.checkbtn span:after { content: '';display: block; width: 19px; height: 10px; left: 14px; opacity: 0; position: absolute; top: 20px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 5px solid #2d2d2d; border-bottom: 5px solid #2d2d2d; transform: rotate(-45deg); border-radius: 3px;}
.column .side .directflight label.checkbtn input:checked + span:after { opacity: 1;}
.column .side .btnArea .btn1a { font-size: 1.6rem;}
}
@media screen and (max-width: 749px) {
.column .side { text-align: center;}
.column .side .sp-navigation { margin: 10px 0;}
.column .side .sp-navigation .list { display: flex; justify-content: center;}
.column .side .sp-navigation .list li {         font-size: 1.2rem;
        min-width: 20%;
        margin: 2px;
        background: #fff;
        border: solid 1px #888888;
        border-radius: 10px;
        padding: 12px 8px;}
.column .side .searchmenu { display: none; opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #095f70; z-index: 500; padding: 50px 6.66% 30px 6.66%;}
.column .side .searchmenu .selectBtnListArea,
.column .side .searchmenu .searchmenuContents { background: #fff; border-radius: 10px;}
.column .side .searchmenu.open { display: block; opacity: 1; overflow-x: hidden; overflow-y: auto;}
.column .side .searchmenu.open .sideTit { color: #fff;}
.column .side .searchmenu01 .selectBtnListArea,
.column .side .searchmenu02 .searchmenuContents,
.column .side .searchmenu03 .searchmenuContents { padding: 20px 6.66%;}
.column .side .searchmenuContents .custom-select-trigger,
.column .side .searchmenuContents .custom-option { padding: 15px;}
.column .side .sideTit { color: #fff; font-size: 2.4rem; margin-bottom: 15px;}
.column .side .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px;}
.column .side .close:before, .column .side .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
.column .side .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
.column .side .directflight label.checkbtn span {        font-size: 12px;
        padding: 12px 20px;
        display: inline-block;
        color: #083ab3;
        background: #f0f4ff;
        border: solid 1px #083ab3;
        text-align: center;
        border-radius: 10px;}
.column .side .directflight label.checkbtn input:checked + span { background: #083ab3; color: #fff;}
.column .side .calendar-container { border-radius: 10px 10px 0 0;}
.column .side .dateBox .btnArea { background: #f5f5f5; border-radius: 0 0 10px 10px; padding: 15px 0;}
.column .side .dateBox .btnArea .btn { padding: 10px 40px; font-size: 1.8rem; font-weight: 500;}
}



.column .side .sidebg { padding: 20px; background: #f0f4ff;}
.column .side .sidebg .list dt { padding: 10px; text-align: center; background: #d1ddfc;}
.column .side .sidebg .list dd { padding: 10px; line-height: 1.8; background: #fff; text-align: left; font-weight: 400;}
.column .side .sidebg .list dd .price { font-size: 24px; font-weight: 700;}
.column .side .sidebg .list dd .yen { font-size: 18px; font-weight: 700;}
.column .side .sidebg .list dd .accordion.patternArr { margin-top: 10px;}
.column .side .sidebg .list dd .accordion.patternArr dt { padding: 8px 10px; border: solid 1px #dddddd; background: #fff; font-weight: 400;}
.column .side .sidebg .list dd .accordion.patternArr dt.open { border-bottom: solid 1px #dddddd;}
.column .side .sidebg .list dd .accordion.patternArr dd { border-right: solid 1px #dddddd; border-left: solid 1px #dddddd; border-bottom: solid 1px #dddddd; background-color: #f0f4ff;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 14px; display: flex; justify-content: space-between;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .right { text-align: right;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 16px; font-weight: 500;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total .yen,
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total { font-weight: 700;}
.column .side .sidebg .announce { padding: 20px 10px; text-align: center; background: #fff; border: solid 6px #d1ddfc;}
.column .side .sidebg .announce .tit { padding: 0; margin-bottom: 10px; font-size: 20px; font-weight: 700;}
.column .side .sidebg .announce .txt { line-height: 1.8; font-size: 14px; font-weight: 400; letter-spacing: 0;}
.column .side .sidebg.bgcolgray { background: #f2f2f2;}
.column .side .sidebg.bgcolgray .list {}
.column .side .sidebg.bgcolgray .list li { margin-bottom: 2px;}
.column .side .sidebg.bgcolgray .list li a { padding: 14px 20px; display: block; background: #fff; font-weight: 400;}
.column .side .sidebg.bgcolgray .list li .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #083ab3; border-right: 1px solid #083ab3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (max-width: 749px) {
.column .side .sideTit { font-size: 2rem; font-weight: 700; padding-bottom: 14px; border-bottom: solid 2px #083ab3; color: #2d2d2d; margin-bottom: 0;}
.column .side .sidebg .list { font-size: 1.4rem; padding: 5px 2%;}
.column .side .sidebg .list dt { padding: 5px 5%;}
.column .side .sidebg .list dd { padding: 8px 5%;}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 1.4rem}
.column .side .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 1.8rem;;}
.column .side .sidebg .announce { padding: 20px 5%;;}
.column .side .sidebg .announce .tit { font-size: 1.8rem;}
.column .side .sidebg .announce .txt { font-size: 1.4rem;}
}




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

/* table */
.table { display: flex; flex-wrap: wrap; border-left: solid 1px #ddd; border-top: solid 1px #ddd;}
.table dt,
.table dd { border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 1.5rem;}
.table dt { width: 32%; background: #f0f4ff; text-align: center; padding: 10px 0;}
.table dd { width: 68%; background: #fff; text-align: left; padding: 10px 5%;}
.numTable { padding: 10px 0; width: 79.71%; max-width: 300px;display: flex; justify-content: center; align-items: center; background: #f0f4ff; border-radius: 10px;border: 1px solid #525252; margin-left: auto; margin-right: auto;}
.numTable dt { font-size: 1.2rem; padding: 4px 15px; margin-right: 10px; border-radius: 30px; background: #f2a603; color: #fff; font-weight: 700; display: inline-block;}
.numTable dd { font-size: 2.4rem;}
.column .numTable { flex-wrap: wrap; max-width: 100%; width: 100%; padding: 10px;}
.column .numTable dt { width: 100px; padding: 4px;}
.column .numTable dd { width: calc( 100% - 110px); text-align: left;}
.airlineTable { padding: 15px 5%;}
.airlineTable .box1 { font-size: 1.4rem; vertical-align: middle; font-weight: 700; margin-bottom: 10px;padding-bottom: 15px;}
.airlineTable .box1 .productID { font-size: 1.1rem; padding: 0 5px; margin-left: 10px; background: #f5f5f5; display: inline-block; font-weight: 500;}
.airlineTable .box1 .airline-name { font-size: 1.6rem;display: flex;}
.airlineTable .box1 .productID .num { font-size: 1.2rem;}
.airlineTable .box2 {}
.airlineTable .box2 .tag {}
.airlineTable .box2 .tag span { font-size: 1rem; padding: 0 10px; margin-right: 10px; display: inline-block; background: #f7ca68; color: #fff; font-weight: 700;}
.airlineTable .box2 .priceArea { font-weight: 700; text-align: right;}
.airlineTable .box2 .priceArea .name { font-size: 1.4rem; color: #e85420; margin-right: 10px;}
.airlineTable .box2 .priceArea .price { font-size: 2.6rem;color: #f2a603;line-height: 32px;}
.airlineTable .box2 .priceArea .yen { font-size: 2.1rem;}
.airlineTable .box3 { display: flex; flex-wrap: wrap; align-items: center;}
.airlineTable .box3 dt { margin-top: 10px; width: 24%;}
.airlineTable .box3 dt .line { font-size: 1rem; padding: 2px 0; width: 100%; max-width: 65px; text-align: center; display: inline-block;border: solid 1px #083ab3; color: #083ab3;}
.airlineTable .box3 dd { margin-top: 10px; font-size: 1.4rem; width: 76%;}
.flightTable {}
.flightTable .item { border-bottom: solid 1px #ddd;}
.flightTable .item .tripTit { font-size: 1.6rem; padding: 5px 5%; background: #f0f4ff; font-weight: 700;}
.flightTable .item .tripTit .tag { font-size: 1rem; padding: 0 10px; margin-left: 10px; display: inline-block; background: #f7ca68; color: #fff; vertical-align: middle;}
.flightTable .item .tripDetail .schedule { display: flex; align-items: center;padding: 10px 5%; width: 100%;}
.flightTable .item .tripDetail .list { width: 68%; display: flex; align-items: flex-start;}
.flightTable .item .tripDetail .list li { font-size: 1.4rem; position: relative; width: 40%;}
.flightTable .item .tripDetail .list li:first-child { }

.flightTable .item .tripDetail .list li .place { color: #095f70; display: block; margin: auto;}
.flightTable .item .tripDetail .time { font-size: 1.5rem; width: 32%; text-align: right;}
.flightTable .item .tripDetail .seat { font-size: 1.8rem; padding: 10px; text-align: center; font-weight: 700; border-top: dashed 1px #ddd;}
.flightTable .item .tripDetail .seat.vacant { color: #e85420;}
.flightTable .item .tripDetail .seat.novacant { color: #888888;}
.flightTable .item .tripDetail .seat.vacant:after,
.flightTable .item .tripDetail .seat.novacant:after { content: ""; display: inline-block; margin-left: 10px; vertical-align: sub; background-size: auto 100%;}
.flightTable .item .tripDetail .seat.vacant:after { width: 27px; height: 27px; background: url("../img/icon_vacant.svg") center center no-repeat;}
.flightTable .item .tripDetail .seat.novacant:after { width: 21px; height: 21px; background: url("../img/icon_novacant.svg") center center no-repeat;}
.flightTableRadio { display: flex; }
.flightTableRadio .radioArea { max-width: 15%; width: 15%; background: #f0f4ff; display: flex; align-items: center; justify-content: center; border-bottom: solid 1px #ddd;}
.flightTableRadio .radioArea .radiobtn { margin-right: 0;}
.flightTableRadio .flightTable { width: 100%;}
.priceTableArea {}
.priceTableArea .priceTable { display: flex; flex-wrap: wrap;}
.priceTableArea .priceTable dt { font-size: 1.5rem; line-height: 2.3; width: 50%; padding: 8px; text-align: left; border-bottom: solid 1px #ddd;}
.priceTableArea .priceTable dd { font-size: 2rem; font-weight: 700; width: 50%; padding: 8px; text-align: right; border-bottom: solid 1px #ddd;}
.priceTableArea .priceTable dd .min { font-size: 1.4rem; font-weight: 700;}
.priceTableArea .priceTable.tital { background: #525252; color: white;}
.priceTableArea .priceTable.tital dt { font-size: 1.6rem; padding: 8px; font-weight: 700;line-height: 3;}
.priceTableArea .priceTable.tital dd { font-size: 1.8rem; padding: 8px; font-weight: 700;line-height: 2.6;}
.priceTableArea .priceTable.tital dd .min { font-size: 1.6rem;}
.cancelTableArea { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable { text-align: center;}
.cancelTableArea .cancelTable .cancelTableTit { font-size: 1.5rem; padding: 10px 0; font-weight: 700; width: 100%; background: #f0f4ff;}
.cancelTableArea .cancelTable .cancelTableList { border-top: solid 1px #dddddd; display: flex; flex-wrap: wrap;}
.cancelTableArea .cancelTable .cancelTableList dt { font-size: 1.5rem; padding: 5px 0; width: 50%; background: #f5f5f5; border-bottom: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dt:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd { font-size: 2rem; padding: 5px 0; width: 50%; border-bottom: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dd.colOR { font-size: 1.8rem;}
.cancelTableArea .cancelTable .cancelTableList dd .min { font-size: 1.4rem;}
@media screen and (min-width: 750px) {
.table dt { font-size: 1.6rem; padding: 15px 0;}
.table dd { font-size: 1.6rem; padding: 15px 10px;}
.table.sbsPCtable { flex-wrap: nowrap;}
.table.sbsPCtable { width: 900px; margin-left: auto; margin-right: auto;}
.table.sbsPCtable dt { width: 100px;}
.table.sbsPCtable dd { width: 200px;}
.numTable { padding: 15px 30px; max-width: 400px;}
.numTable dt { font-size: 1.8rem;}
.numTable dd { font-size: 3.2rem;}
.column .numTable { padding: 15px 30px; max-width: 520px;}
.column .numTable dt { width: 140px;}
.column .numTable dd { width: calc( 100% - 150px);}
.airlineTable { padding: 30px;}
.airlineTable .box1 {         font-size: 2.8rem;
        padding-bottom: 28px;
        border-bottom: dashed 1px #ddd;}
.airlineTable .box1 .productID { font-size: 1.6rem; padding: 0 10px; margin-left: 15px;}
.airlineTable .box1 .airline-name { font-size: 1.6rem;display: flex;}
.airlineTable .box1 .productID .num { font-size: 1.8rem;}
.airlineTable .box2 { padding-top: 28px; position: relative;}
.airlineTable .box2 .tag span { font-size: 1.4rem;}
.airlineTable .box2 .priceArea { position: absolute; right: 0; top: 0; width: 350px;}
.airlineTable .box2 .priceArea .name { font-size: 1.6rem; margin-right: 20px;}
.airlineTable .box2 .priceArea .price { font-size: 3.6rem;}
.airlineTable .box2 .priceArea .yen { font-size: 2.4rem;}
.airlineTable .box2.totalprice { min-height: 55px;}
.airlineTable .box2.totalprice .tag { padding-right: 350px;}
.airlineTable .box3 dt { margin-top: 15px; width: 15%;}
.airlineTable .box3 dt .line { font-size: 1.6rem; max-width: 100px;}
.airlineTable .box3 dd { margin-top: 15px; font-size: 1.8rem; width: 85%;}
.flightTable {}
.flightTable .item {}
.flightTable .item .tripTit { font-size: 2rem; padding: 10px 20px;}
.flightTable .item .tripTit .tag { font-size: 1.4rem;}
.flightTable .item .tripDetail { display: flex;}
.flightTable .item .tripDetail .schedule { width: 86%; padding: 10px 20px;}
.flightTable .item .tripDetail .list {}
.flightTable .item .tripDetail .list li { font-size: 1.6rem;}
.flightTable .item .tripDetail .list li:first-child { }

.flightTable .item .tripDetail .list li .place {}
.flightTable .item .tripDetail .time { font-size: 1.8rem;}
.flightTable .item .tripDetail .seat { width: 14%; border-left: dashed 1px #ddd; border-top: 0;display: flex;flex-direction: column;justify-content: center;}
.flightTable .item .tripDetail .seat.vacant:after,
.flightTable .item .tripDetail .seat.novacant:after { width: 100%; display: block; margin-left: 0; margin-top: 5px;}
.flightTable .item .tripDetail .seat.vacant:after { height: 28px;}
.flightTable .item .tripDetail .seat.novacant:after { height: 22px;}
.flightTableRadio .radioArea { max-width: 6%; width: 6%;}
.flightTableRadio .flightTable { width: 100%;}
.priceTableArea {}
.priceTableArea .priceTable {}
.priceTableArea .priceTable.w100 { width: 100%;}
.priceTableArea .priceTable dt { font-size: 1.6rem; line-height: 3; width: 25%; padding: 8px;}
.priceTableArea .priceTable dd { font-size: 2.4rem; width: 25%; padding: 8;line-height: 2;}
.priceTableArea .priceTable dd .min { font-size: 1.8rem;}
.priceTableArea .priceTable .item { width: 100%; height: 100%; display: flex; align-items: center;}
.priceTableArea .priceTable dd .item { justify-content: flex-end;}
.priceTableArea .priceTable.w100 dt,
.priceTableArea .priceTable.w100 dd,
.priceTableArea .priceTable.tital dt,
.priceTableArea .priceTable.tital dd { width: 50%;}
.priceTableArea .priceTable.tital dt { font-size: 2.4rem; padding: 8px;}
.priceTableArea .priceTable.tital dd { font-size: 2.8rem; padding: 8px;}
.priceTableArea .priceTable.tital dd .min { font-size: 2.4rem;}
.cancelTableArea { display: flex; flex-wrap: wrap; border-right: 0;}
.cancelTableArea .cancelTable { width: 50%;}
.cancelTableArea .cancelTable .cancelTableTit { font-size: 1.6rem; padding: 15px 0;}
.cancelTableArea .cancelTable .cancelTableTit:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList:nth-of-type(1) { border-right: solid 1px #dddddd;}
.cancelTableArea .cancelTable .cancelTableList dt { font-size: 1.6rem; padding: 10px 0;}
.cancelTableArea .cancelTable .cancelTableList dd { font-size: 2.4rem; padding: 10px 0;}
.cancelTableArea .cancelTable .cancelTableList dd.colOR { font-size: 2rem; padding: 13px 0;}
.cancelTableArea .cancelTable .cancelTableList dd .min { font-size: 1.8rem;}
}

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

/* selectBtnList */
.selectBtnListArea { padding: 20px 0 0 0;}
.selectBtnList { display: flex; flex-wrap: wrap;}
.selectBtnList li { margin: 0 8px 8px 0;}
.selectBtnList.nod li input { width: 75px;}
.selectBtnList label.check input { display: none;}
.selectBtnList label.check span { font-size: 14px; padding: 10px 15px; display: inline-block; background: #fff; border: solid 1px #888888; text-align: center; border-radius: 30px;}
.selectBtnList label.check input:checked + span { background: #f0f4ff; border: solid 1px #083ab3;}
@media screen and (max-width: 749px) {   
.selectBtnList label.check span { font-size: 1.4rem; padding: 12px 15px; border-radius: 30px;}
.priceTableArea .priceTable dt{font-size: 1.2rem ;}
.priceTableArea .priceTable dd{font-size: 1.4rem ;line-height: 2;}
.flightTable .item .tripDetail .seat.vacant{display: none;}
}

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

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

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

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

/*==================================
	parts - formBox
==================================*/
.formBox { max-width: 1000px; margin-left: auto; margin-right: auto;}
.formBox .summary { margin-top: 25px;}
.formBox .summary.attention { background: #f0f4ff; border: solid 2px #083ab3; padding: 20px 5%;}
.formBox .summary.attention label { vertical-align: top;}
.formBox .summary.attention .txt { display: inline-block; margin-left: 50px; margin-top: -15px;}
.formBox .summary.attention .line { line-height: 1.2;}
.formBox .formList { margin-bottom: #dddddd;background-color: white; font-size: 1.4rem; border-bottom: solid 1px #dddddd; }
.formBox .formList .min { font-size: 1rem; margin-left: 10px;}
.formBox .formList dt { padding: 10px 5%; line-height: 1.2; background-color: #e7eff1; text-align: center;  border-left: solid 1px #dddddd;}
.formBox .formList dt.required { position: relative;background-color: #e7eff1;color: #095f70;}
.formBox .formList dt.required:before { font-size: 12px; padding: 3px 6px; position: absolute; content: "必須"; background: #ff595c; color: #fff; left: 0; top: 0; font-weight: 700;}
.formBox .formList dd { padding: 15px 5%; border-top: solid 1px #dddddd;border-left: solid 1px #dddddd;}
.formBox .formList dd.namearea .item { margin-top: 10px;}
.formBox .formList dd.namearea .item:nth-of-type(1) { margin-top: 0;}
.formBox .formList dd.namearea .item input { margin-top: 5px;}
.formBox .formList dd .item .custom-select-trigger { padding: 10px 15px;}
.formBox .formList dd .item .inputWl { width: 100%;}
.formBox .formList dd .item .inputWm { width: 64%;}
.formBox .formList dd .item .inputWs { width: 54%;}
.formBox .formList dd.birtharea { display: flex;}
.formBox .formList dd.birtharea .custom-select-wrapper { width: auto;}
.formBox .formList dd.birtharea .item .bd_year { width: 90px;}
.formBox .formList dd.birtharea .item .bd_month { width: 70px;}
.formBox .formList dd.birtharea .item .bd_day { width: 70px;}
.formBox .formList dd.birtharea .item:nth-of-type(2) { margin-left: 5px;}
.formBox .formList dd.birtharea .item:nth-of-type(3) { margin-left: 5px;}
.formBox .formList dd.payment .pcFlex {}
.formBox .formList dd.payment .pcFlexL {}
.formBox .formList dd.payment .pcFlexL .radiobtn { padding-bottom: 0;}
.formBox .formList dd.payment .pcFlexR { display: none;margin-left: 50px; margin-bottom: 10px;}
.formBox .formList dd.payment .pcFlexR img.visa { max-width: 70px;}
.formBox .formList dd.payment .pcFlexR img.mc { max-width: 60px;}
.column .main .formBox .accordion.payment .formList.w100 dt { width: 100%; background-color: #fff; text-align: left; padding: 20px;}
.column .main .formBox .accordion.payment .formList.w100 dd { width: 100%; background: #f0f4ff;}
/* checkList */
.formBox .formList.checkList,
.formBox .formList.checkList dd { border: 0; width: 100%;}
.formBox .formList.checkList dd .notes { margin-left: 50px;}
.formBox .formList.checkList dd .notes a { display: initial; border-bottom: solid 1px #083ab3; padding-bottom: 3px;}
/* radio */
.formBox input[type=radio] { display: none;}
.formBox .radiobtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 45px; margin-right: 20px; position: relative; width: auto;}
.formBox .radiobtn:before { border: solid 1px #dedede; background: #fff; border-radius: 50%; content: ''; display: block; height: 30px; left: 5px; margin-top: -8px; position: absolute; top: 12px; width: 30px;}
.formBox .radiobtn:after { background: #083ab3; border-radius: 50%; content: ''; display: block; height: 14px; left: 13px; margin-top: -4px; opacity: 0; position: absolute; top: 16px; transform: scale3d(.3,.3,1); transition: transform .2s ease-in-out, opacity .2s ease-in-out; width: 14px;}
.formBox input[type=radio]:checked + .radiobtn:after { opacity: 1; transform: scale3d(1,1,1);}
/* checkbox */
.formBox input[type=checkbox] { display: none;}
.formBox .checkbtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 50px; position: relative; width: auto;}
.formBox .checkbtn:before { border: solid 1px #525252; background: #fff; content: ''; display: block; width: 36px; height: 36px; left: 0; margin-top: -8px; position: absolute; top: 12px; border-radius: 5px;}
.formBox .checkbtn:after { content: '';display: block; width: 25px; height: 13px; left: 6px; opacity: 0; position: absolute; top: 13px; transition: transform .2s ease-in-out, opacity .2s ease-in-out; border-left: 5px solid #fff; border-bottom: 5px solid #fff; transform: rotate(-45deg); border-radius: 3px;}
.formBox input[type=checkbox]:checked + .checkbtn:before { background: #083ab3; border: solid 1px #083ab3;}
.formBox input[type=checkbox]:checked + .checkbtn:after { opacity: 1;}
@media screen and (max-width: 749px) {
.formBox .checkbtn{margin-bottom: 16px;}
}

/* submitbtn */
.formBtn .submitbtn:disabled { background: #c4c4c4;}
@media screen and (min-width: 750px) {
.formBox input,
.formBox .txtform { max-width: 100%;}
.formBox .summary { margin-top: 50px; text-align: center;}
.formBox .summary.attention { line-height: 36px; padding: 20px;}
.formBox .summary.attention label { height: 36px;}
.formBox .summary.attention .txt { display: inline-block; margin-left: 0; margin-top: 0;}
.formBox .formList { font-size: 1.6rem; display: flex; flex-wrap: wrap;}
.formBox .formList .min { font-size: 1.2rem; display: inline-block; vertical-align: middle;}
.formBox .formList dt { width: 200px; padding: 20px 15px;}
.formBox .formList dt .fac { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.formBox .formList dd .fac { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.formBox .formList dd { width: calc(100% - 200px); padding: 20px 30px;}
.formBox .formList.w100 dd { width: 100%;}
.formBox .formList dd .item .inputWm { width: 300px;}
.formBox .formList dd .item .inputWs { width: 200px;}
.formBox .formList dd.namearea { display: flex; justify-content: space-between; flex-wrap: wrap;}
.formBox .formList dd.namearea .item.w100 { width: 100%; margin-bottom: 10px;}
.formBox .formList dd.namearea .item { width: 48%;}
.formBox .formList dd.namearea .item:nth-of-type(2) { margin-top: 0;}
.formBox .formList dd.namearea .item:nth-of-type(3) { margin-top: 0;}
.formBox .formList dd.pcFlex { width: calc(100% - 200px);}
.formBox .formList dd.pcFlex .pcFlexL { width: 200px;}
.formBox .formList dd.pcFlex .pcFlexR { width: 500px; margin-top: 0;}
.formBox .formList dd.payment .pcFlex { justify-content: flex-start;}
.formBox .formList dd.payment .pcFlexL { width: 500px;}
.formBox .formList dd.payment .pcFlexR { margin-left: 0; margin-bottom: 0;}
.column .main .formBox { max-width: 890px;}
.column .main .formBox .formList dt { width: 160px;}
.column .main .formBox .formList dd { width: calc( 100% - 160px);}
.column .main .formBox .formList.w100 dd { width: 100%;}
}


/*==================================
	flight - list
==================================*/
.flightListItem { margin-bottom: 30px;border-radius: 10px !important;border: 1px solid #525252;}
.flightListItem .airlineTable { padding: 0; border-left: 0;  border-right: 0;}
.flightListItem .airlineTable .boxArea { padding: 15px 5% 5px 5%; display: flex;justify-content: space-between;align-items: flex-end; line-height: 20px;}
.flightListItem .accordionBtn { cursor: pointer; padding: 20px 0 20px 0;}
.flightListItem .accordionBtn .btn { background: #d3d3d3; color: #525252; border: solid 1px #525252;}
.flightListItem .accordionBtn .btn:before { content: "フライト詳細を表示する";}
.flightListItem .accordionBtn.open .btn { background: #d3d3d3; color: #525252; border: solid 1px #525252;}
.flightListItem .accordionBtn.open .btn:before { content: "フライト詳細を閉じる";}
.flightListItem .accordionCont { display: none; border-top: solid 1px #ddd;}
.flightListItem .btnBox { padding: 10px 0; }
@media screen and (min-width: 750px) {
.flightListItem .airlineTable .boxArea { padding: 20px 20px 0 20px;}
}


.flightListItem .accordionBtn .btn .icon { display: inline-block; background: currentColor; position: absolute;}
.flightListItem .accordionBtn .btn { font-weight: 500; width: 65%; max-width: 400px; min-width: 250px;}
.flightListItem .accordionBtn .btn .icon { width: 16px; height: 2px; color: #525252; right: 5%; top: 48%;}
.flightListItem .accordionBtn .btn .icon:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 2px; background: inherit; border-radius: inherit; transform: rotate(90deg);}
.flightListItem .accordionBtn.open .btn .icon { color: #525252;}
.flightListItem .accordionBtn.open .btn .icon:before { display: none;}



/*==================================
	page - list
==================================*/
.page-list .main .itemList li { display: flex; justify-content: space-between; padding: 30px 0; border-bottom: solid 1px #dddddd;}
.page-list .main .itemList li .itemInfo .itemTit { margin-top: 0;}
.page-list .main .itemList li .itemInfo .itemDetail .itemPrice { color: #2d2d2d;  font-size: 2.8rem;}
.page-list .main .itemList li .itemInfo .itemDetail .itemPrice .yen { font-size: 1.6rem;}
.page-list .main .itemList li .itemInfo .morebtnArea .morebtn { padding: 10px; min-width: 250px; border-radius: 30px; background: #083ab3; color: #fff; display: inline-block; text-align: center; position: relative;}
.page-list .main .itemList li .itemInfo .morebtnArea .morebtn.iconArr .icon { right: 8%; border-top: 1px solid #fff; border-right: 1px solid #fff;}
@media screen and (min-width: 750px) {
.page-list .main .itemList { border-top: solid 3px #083ab3;}
.page-list .main .itemList { margin-bottom: 30px;}
.page-list .main .itemList li .itemImg { width: 240px;}
.page-list .main .itemList li .itemImg img { width: 240px; height: 180px;}
.page-list .main .itemList li .itemInfo { width: 620px;}
.page-list .main .itemList li .itemInfo .itemTit { font-size: 20px;}
.page-list .main .itemList li .itemInfo .itemDetail { margin-top: 20px; width: 390px;}
.page-list .main .itemList li .itemInfo .itemDetail .itemLocation { font-size: 18px;}
.page-list .main .itemList li .itemInfo .itemDetail .itemPrice { font-size: 36px;}
.page-list .main .itemList li .itemInfo .itemDetail .itemPrice .yen { font-size: 24px;}
.page-list .main .itemList li .itemInfo .morebtnArea { margin-top: 10px; text-align: right;}
.page-list .main .itemList li .itemInfo .morebtnArea .morebtn { min-width: 200px;}
}
@media screen and (max-width: 749px) {
.page-list .main .itemList { margin-bottom: 15px;}
.page-list .main .itemList li:first-child { padding-top: 0;}
.page-list .main .itemList li { position: relative; padding-bottom: 120px;}
.page-list .main .itemList li .itemImg { width: 46.15%;}
.page-list .main .itemList li .itemImg img { height: 33vw;}
.page-list .main .itemList li .itemInfo { width: 47.69%;}
.page-list .main .itemList li .itemDetail { text-align: center;position: absolute; bottom: 85px; width: 100%; left: 0; right: 0; margin: auto;}
.page-list .main .itemList li .morebtnArea { text-align: center;position: absolute; bottom: 30px; width: 100%; left: 0; right: 0; margin: auto;}
}


/*==================================
	page - details
==================================*/
.page-details .details_main .tit { text-align: left; border-top: solid 3px #083ab3; border-bottom: solid 1px #dddddd; padding-left: 10px; font-size: 24px; margin-bottom: 40px; font-weight: 700; position: relative;}
.page-details .details_main .tit .code { font-size: 1.6rem; padding: 5px 10px; background: #f5f5f5; display: inline-block;}
.page-details .details_main .swiper-containerArea { position: relative; margin-bottom: 60px;}
.page-details .details_main .main-slide.swiper-slide { margin: 0 25px; width: 820px; height: 614px;}
.page-details .details_main .main-slide.swiper-slide img { width: 100%; height: 100%;}
.page-details .details_main .detailsSlider-pagination { margin-top: 10px; text-align: center;}
.page-details .details_main .detailsSlider-pagination span { margin: 0 8px; width: 10px; height: 10px;}
.page-details .details_main .thumbnail-sldier{ max-width: 820px; height: 62px; margin: 10px auto 0 auto; position: relative;}
.page-details .details_main .thumbnail-sldier:after { content: "" ;width: 40px; height: 100%; background: linear-gradient(to right, transparent 0, #fff 100%); position: absolute; right: 0; bottom: 0; z-index: 10;}
.page-details .details_main .thumbnail-sldier .swiper-slide { width: 94px; height: 62px; background-color: #fff;}
.page-details .details_main .thumbnail-sldier .swiper-slide img { opacity:1; object-fit: cover; width: 100%; height: 100%;}
.page-details .details_main .thumbnail-sldier .swiper-slide.swiper-slide-thumb-active { border: solid 2px #083ab3;}
.page-details .details_main .thumbnail-sldier .swiper-slide.swiper-slide-thumb-active img { opacity:0.5;}
.page-details .details_main .point .secTit { font-size: 32px; margin-bottom: 30px; text-align: center;}
.page-details .details_main .point .secTit .line { padding: 0 0 8px 0; display: inline-block; border-bottom: solid 4px #083ab3;}
.page-details .details_main .point .txt { line-height: 2; font-weight: 400;}
.page-details .details_info .infoTit { margin: 60px 0 30px 0; font-size: 20px; padding: 10px; letter-spacing: 0.1em; text-align: center; font-weight: 700; background: #083ab3; color: #fff;}
.page-details .details_info .infoSubTit { padding: 5px; margin-bottom: 30px; font-size: 18px; font-weight: 700; background: #d1ddfc; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea { margin-top: 30px; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .btnWH { width: 260px; font-size: 16px; border-radius: 60px; padding: 15px 0; color: #083ab3; background: #fff; border: solid 1px #083ab3; display: inline-block; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #083ab3; border-right: 1px solid #083ab3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-details .details_info .setPlace .setPlaceBox .gathering .mapArea iframe,
.page-details .details_info .setPlace .setPlaceBox .dissolution .mapArea iframe { width: 100%; aspect-ratio: 16/8;}
.page-details .details_info .setPlace .setPlaceBox .gathering .list,
.page-details .details_info .setPlace .setPlaceBox .dissolution .list { border-top: solid 1px #dddddd;}
.page-details .details_info .setPlace .setPlaceBox .gathering .list li,
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li { position: relative; font-size: 18px; padding: 18px 0 18px 80px; border-bottom: solid 1px #dddddd;}
.page-details .details_info .setPlace .setPlaceBox .gathering .list li .label,
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li .label { position: absolute; top: 22px; left: 0; line-height: 1; font-size: 14px; width: 60px; padding: 4px 0; display: inline-block; margin-right: 10px; background: #083ab3; color: #fff; text-align: center; font-weight: 700;}
.page-details .details_info .guide .list li a { border: solid 1px #ddd; position: relative;}
.page-details .details_info .guide .list li a:after { position: absolute; content: ""; background: url("../img/icon_details_external_link.svg") no-repeat; background: 100% auto; width: 20px; height: 20px; right: 20px; bottom: 20px;}
.page-details .details_info .guide .list li img { object-fit: cover;}
.page-details .details_info .guide .list li .txtarea .tag { font-size: 14px; color: #083ab3; padding: 0 15px; margin: 0 10px 10px 0; background: #fff; border: solid 1px #083ab3; text-align: center; display: inline-block;}
.page-details .details_info .guide .list li .txtarea .name { margin-bottom: 10px; font-size: 20px; font-weight: 700;}
.page-details .details_info .guide .list li .txtarea .txt { line-height: 1.8; font-weight: 400;}
.page-details .details_similar { margin-top: 90px;}
.page-details .details_similar .similarTit { text-align: center; margin-bottom: 60px; font-size: 28px; font-weight: 700;}
.page-details .details_similar .similarTit .line { padding-bottom: 10px; display: inline-block; border-bottom: solid 4px #083ab3;}
.page-details .details_similar .swiper { position: relative;}
.page-details .details_similar .itemList li { width: 270px;}
@media screen and (min-width: 750px) {
.page-details .details_main .tit { padding-right: 220px;}
.page-details .details_main .tit .code { position: absolute; right: 0; top: 15px;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-prev { left: 150px;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-next { right: 150px;}
.page-details .details_info .setPlace .setPlaceBox { display: flex; justify-content: space-between;}
.page-details .details_info .setPlace .setPlaceBox .gathering { width: 580px;}
.page-details .details_info .setPlace .setPlaceBox .dissolution { width: 580px;}
.page-details .details_info .guide .list { display: flex; flex-wrap: wrap; gap: 40px;}
.page-details .details_info .guide .list li a { padding: 38px; width: 580px; display: flex; justify-content: space-between;}
.page-details .details_info .guide .list li img { width: 150px; height: 150px; border-radius: 10px;}
.page-details .details_info .guide .list li .txtarea { width: 325px;}
.page-details .details_similar .swiper-button { display: none;}
.page-details .details_similar .swiper-wrapper { gap: 40px;}
.page-details .details_similar .swiper-slide { width: calc(33.333% - 16px);}
}
@media screen and (max-width: 749px) {
.page-details .details_main .tit { font-size: 2rem; margin-bottom: 30px;}
.page-details .details_main .tit .code { font-size: 1.4rem; margin-top: 10px;}
.page-details .details_main .swiper-containerArea { margin-bottom: 40px;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-prev { left: -3%; top: calc( 50% - 20px );}
.page-details .details_main .swiper-containerArea .detailsSlider-button-next { right: -3%; top: calc( 50% - 20px );}
.page-details .details_main .detailsSlider-pagination span { margin: 0 4px;}
.page-details .details_main .main-slide.swiper-slide { margin: 0; width: 100%; height: 65vw; padding: 0 5%;}
.page-details .details_main .thumbnail-sldier .swiper-slide { width: 70px; height: 50px;}
.page-details .details_main .point .secTit { font-size: 2.4rem; margin-bottom: 20px;}
.page-details .details_main .point .txt { font-size: 1.4rem;}
.page-details .details_info .infoTit { margin: 30px 0 10px 0; font-size: 1.6rem; padding: 5px;}
.page-details .details_info .infoSubTit { margin-bottom: 20px; font-size: 1.5rem;}
.page-details .details_info .setPlace .setPlaceBox .btnArea { margin-top: 20px;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .btnWH { font-size: 1.4rem; border-radius: 30px; padding: 10px 0;}
.page-details .details_info .setPlace .setPlaceBox .gathering { margin-bottom: 30px;}
.page-details .details_info .setPlace .setPlaceBox .gathering .list li,
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li { font-size: 1.4rem; padding: 10px 0 10px 65px;}
.page-details .details_info .setPlace .setPlaceBox .gathering .list li .label,
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li .label { font-size: 1.2rem; width: 50px; top: 12px; padding: 3px;}
.page-details .details_info .guide .list li { margin-bottom: 20px;}
.page-details .details_info .guide .list li:last-child { margin-bottom: 0;}
.page-details .details_info .guide .list li a { padding: 20px 6.66%;}
.page-details .details_info .guide .list li a:after { width: 15px; height: 15px; right: 15px; bottom: 15px;}
.page-details .details_info .guide .list li .img { position: absolute; left: 6.66%; top: 20px;}
.page-details .details_info .guide .list li img { width: 110px; height: 110px; border-radius: 5px;}
.page-details .details_info .guide .list li .txtarea .tag { margin-left: 130px;}
.page-details .details_info .guide .list li .txtarea .name { font-size: 1.8rem; margin-left: 130px; min-height: 80px;}
.page-details .details_similar { margin-top: 40px;}
.page-details .details_similar .similarTit { margin-bottom: 40px; font-size: 2rem;}
.page-details .details_similar .itemList li { padding: 0 8%;}
.page-details .details_similar .swiper-button-prev,
.page-details .details_similar .swiper-container-rtl .swiper-button-next { left: -3%;}
.page-details .details_similar .swiper-button-next, 
.page-details .details_similar .swiper-container-rtl .swiper-button-prev { right: -3%;}
}

/* details_tab */
.page-details .details_tab { margin-top: 60px; position: relative; z-index: 100;}
.page-details .details_tab input[type="radio"]{display:none;}
.page-details .details_tab.fixed .anchorList { position: fixed; top: 0; z-index: 20; width: 1200px;}
.page-details .details_tab .anchorList .tab_area { display: flex; border-bottom: solid 2px #083ab3;}
.page-details .details_tab .anchorList .tab_area .tab.order1 { order: 1;}
.page-details .details_tab .anchorList .tab_area .tab.order2 { order: 2;}
.page-details .details_tab .anchorList .tab_area .tab.order3 { order: 3;}
.page-details .details_tab .anchorList .tab_area .tab { width:33.3%; font-weight: bold;display:inline-block; color:#ffffff; text-align:center; font-size:18px; cursor:pointer; transition:ease 0.2s opacity;}
.page-details .details_tab .anchorList .tab_area .tab:hover{opacity:1;}
.page-details .details_tab .anchorList .tab_area .tab.order1 a { border-left: solid 1px #dddddd; border-top-left-radius: 10px;}
.page-details .details_tab .anchorList .tab_area .tab.order2 a { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.page-details .details_tab .anchorList .tab_area .tab.order3 a { border-right: solid 1px #dddddd; border-top-right-radius: 10px;}
.page-details .details_tab .anchorList .tab_area .tab a { display: block; height: 100%; color: #2d2d2d; background: #ffffff; border-top: solid 1px #dddddd;}
.page-details .details_tab .anchorList .tab_area .tab a.active { background: #083ab3; color: #fff; border-top: solid 1px #083ab3;}
.page-details .details_tab .anchorList .tab_area .tab a.active:hover { opacity: 1;}
.page-details .details_tab .anchorList .tab_area .tab.order1 a.active { border-left: solid 1px #083ab3;}
.page-details .details_tab .anchorList .tab_area .tab.order2 a.active { border-left: solid 1px #083ab3; border-right: solid 1px #083ab3;}
.page-details .details_tab .anchorList .tab_area .tab.order3 a.active { border-right: solid 1px #083ab3;}
.page-details .details_tab .panel_area{background:#fff;}
.page-details .details_tab .panel_area .tab_panel { width:100%; padding:40px; background: #f0f4ff; display:none;}
.page-details .details_tab .panel_area .tab_panel.show { display:block;}
.page-details .details_tab .panel_area .tab_panel .nomalBox { padding: 40px; background: #fff; margin-top: 10px; border-radius: 10px; border: solid 1px #dddddd; position: relative;}
.page-details .details_tab .panel_area .tab_panel .nomalBox:nth-of-type(1) { margin-top: 0;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .tit { font-size: 20px; margin-bottom: 20px; font-weight: 700; padding-top: 0; padding-bottom: 0; text-align: left;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .txt { line-height: 2; font-weight: 400;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox img { object-fit: cover;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optional { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optional .btn { width: 200px; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9); text-align: center; border-radius: 8px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList {}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li { padding-top: 20px; display: flex;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tag { color: #083ab3; border: solid 1px #083ab3; padding: 2px 10px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tourtit {}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .delete a { width: 60px; color: #888888; border: solid 1px #888888; border-radius: 8px; background: #f5f5f5; text-align: center;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list { display: flex; flex-wrap: wrap; border-left: solid 1px #dddddd; border-top: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { line-height: 2; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { background: #f5f5f5; text-align: center; font-weight: 700;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { background: #fff;}

@media screen and (min-width: 750px) {
.page-details .details_tab .contactArea { margin-top: 90px;}
.page-details .details_tab.fixed .anchorList { margin-left: 200px;}
.page-details .details_tab .anchorList .tab_area .tab { width:400px; border-right: solid 1px #fff;}
.page-details .details_tab .anchorList .tab_area .tab a { padding: 20px 0;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox { min-height: 282px; position: relative;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox .tit,
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox .txt { padding-right: 300px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox img { width: 270px; height: 202px; position: absolute; right: 40px; top: 40px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList { margin-top: 30px; border-top: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li {}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tag { margin-right: 15px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tourtit { margin-right: 15px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .delete {}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { display: flex; width: 559px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { font-size: 16px; width: 180px; padding: 12px; border-right: solid 1px #dddddd; display: flex; align-items: center; justify-content: center;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { font-size: 16px; width: 379px; padding: 12px 20px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long { font-size: 16px; width: 1118px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long .txt { width: 938px;}
}
@media screen and (min-width: 1600px){
.page-details .details_tab.fixed .anchorList { left: 0; right: 0; margin: auto;}
}
@media screen and (max-width: 749px){
.page-details .details_tab { margin-top: 30px;}
.page-details .details_tab.fixed .anchorList { width: 92%; margin-left: 4%;}
.page-details .details_tab .anchorList .tab_area .tab { font-size: 1.5rem;}
.page-details .details_tab .anchorList .tab_area .tab a { padding: 15px 0; border-right: solid 1px #fff;}
.page-details .details_tab .anchorList .tab_area .tab.order1 a { border-top-left-radius: 5px; padding: 8px 0; line-height: 1.2;}
.page-details .details_tab .anchorList .tab_area .tab.order3 a { border-top-right-radius: 5px;}
.page-details .details_tab .panel_area .tab_panel { padding: 10px 3% 20px 3%;}
.page-details .details_tab .panel_area .tab_panel .nomalBox { padding: 20px 6.5%;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .tit { font-size: 1.6rem; margin-bottom: 15px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .txt { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .img { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .img img { width: 100%; height: 50vw;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optional { text-align: center; margin-bottom: 15px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optional .btn { font-size: 1.5rem; padding: 5px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList {}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li { flex-wrap: wrap;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tag { margin-bottom: 10px; width: 100%; text-align: center; }
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .tourtit { width: calc( 100% - 60px )}
.page-details .details_tab .panel_area .tab_panel .nomalBox .optionaltourList li .delete {}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { width: 50%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { font-size: 14px; padding: 8px 6.5%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { padding: 8px 6.5%; text-align: center;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long { width: 100%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long .txt { text-align: left;}
}

.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type { margin-bottom: 20px; display: flex; gap: 10px; justify-content: center;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type li { font-size: 14px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type .radiobutton { display: none;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type label { padding: 4px 20px; border-radius: 30px; background: #fff; border: solid 1px #083ab3; color: #083ab3; font-weight: 700; cursor: pointer;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type .radiobutton:checked + label { background: #083ab3; color: #fff;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit { font-size: 16px; padding: 15px 0; position: relative;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .arrbtn { display: inline-block; cursor: pointer;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .nav { display: inline-block;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .prev,
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .next { vertical-align: bottom;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit { font-size: 16px; margin-bottom: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .year { font-size: 18px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .big { font-size: 20px; margin-left: 5px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .month { font-size: 24px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar th { padding: 5px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td { padding: 10px 0; width: 70px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar .value { font-size: 12px; font-weight: 500; display: block; color: #2d2d2d;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td.on .value { color: #fff;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 18px; padding: 8px; margin-bottom: 20px; background: #d1ddfc; text-align: center; font-weight: 700;}
.page-details .details_tab .panel_area .tab_panel .priceBox .label,
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { width: 72px; border-right: solid 1px #dddddd; text-align: left; display: inline-block;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable { padding-bottom: 20px; margin-bottom: 20px; display: flex; border-bottom: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .priceBox .ptbb { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .label .labeltxt { display: flex; align-items: center; height: 100%;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms .unit { text-align: right; line-height: 36px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { line-height: 36px; display: inline-block; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { font-size: 14px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { font-size: 16px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail .en { font-size: 18px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { padding-left: 36px; position: relative; margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { width: 30px; height: 30px; border-radius: 30px; background: #083ab3; color: #fff; border: 0; position: absolute; z-index: 10; top: 1px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus { left: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { right: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count input { font-size: 18px; padding: 7px 10px; width: 52px; text-align: center; border-radius: 0; line-height: 1;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { margin-top: 20px; padding: 20px 0; font-size: 30px; text-align: right; border-top: solid 1px #083ab3; border-bottom: solid 1px #083ab3; font-weight: 700; display: flex; justify-content: space-between; align-items: center;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { font-size: 20px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .yen { font-size: 22px;}
.page-details .details_tab .panel_area .tab_panel .btnArea { margin-top: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn { text-align: center; width: 100%; max-width: 430px;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a { padding: 20px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #c4c4c4; margin: auto; width: 100%; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a.active { background: #f06c3d;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn { padding: 20px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #f88a48; max-width: 430px; margin: auto; border: 0;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn:disabled { background: #c4c4c4;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { border: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dt { text-align: center; font-weight: 700; background: #f2f2f2; padding: 5px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd { padding: 20px; font-size: 14px; line-height: 2;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p:nth-of-type(1) { margin-top: 0;}
@media screen and (min-width: 750px) {
.page-details .details_tab .panel_area .tab_panel .priceBoxArea { display: flex; flex-wrap: wrap;}
.page-details .details_tab .panel_area .tab_panel .priceBoxSet { min-height: 450px;}
.page-details .details_tab .panel_area .tab_panel .priceBox { width: 500px; margin-left: 540px;}
.page-details .details_tab .panel_area .tab_panel .priceBox.dou { order: 1; margin-left: 0; position: absolute;}
.page-details .details_tab .panel_area .tab_panel .priceBox.nop { order: 2;}
.page-details .details_tab .panel_area .tab_panel .priceBox.fee { order: 3;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item { width: 428px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit { width: 200px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { width: 150px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { width: 50px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { width: 124px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { order: 4; width: 500px; margin-left: 540px;}
.page-details .details_tab .panel_area .tab_panel .btnArea { order: 5; width: 500px; margin-left: auto; margin-right: auto;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { margin-top: 40px; order: 6; width: 100%;}
}
@media screen and (max-width: 749px){
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type li { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit { font-size: 1rem; padding: 10px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit { font-size: 1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .year { font-size: 1.1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .big { font-size: 1.2rem; margin-left: 2px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .month { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-container .calendar-tit .nav { width: 16px; height: 16px; line-height: 16px; font-size: 0.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .prev,
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .next { vertical-align: middle;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar th { font-size: 1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td { width: 14.28%; font-size: 1rem; padding: 5px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar .value { font-size: 0.75rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox.nop,
.page-details .details_tab .panel_area .tab_panel .priceBox.fee { margin-top: 20px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable { justify-content: space-between;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .label { width: 70px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item { min-width: 110px; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms { line-height: 30px; display: flex;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms .unit { margin-top: 0; font-size: 1.4rem; padding-right: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { line-height: 30px; display: inline-block; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail .en { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { padding-right: 35px; margin-left: 0; margin-top: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { width: 30px; height: 30px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus { right: 90px; left: auto;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count input { padding: 6px 10px; font-size: 1.5rem; width: 50px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { margin-top: 15px; padding: 10px 0; font-size: 2rem;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .yen { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .btnArea { padding: 10px 6.5%; margin-top: 20px; background: #d1ddfc; bottom: 0; left: 0; width: 100%;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a { padding: 15px 0; font-size: 1.8rem; border: solid 2px #fff; border-radius: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn { padding: 15px 0; font-size: 1.8rem; border: solid 2px #fff; border-radius: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea.fixed { position: fixed; z-index: 100;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { margin-top: 20px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dt { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd { padding: 10px 6.5%;; font-size: 1.2rem;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p { margin-top: 5px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p:nth-of-type(1) { margin-top: 0;}
}


/* detail popup */
.page-details .popupBlock { display: none; opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(8, 58, 179, 0.961); padding: 30px 6.66%;}
.page-details .popupBlock.open {display: block; opacity: 1; overflow-y: auto; z-index: 500;}
.page-details .popupBlock .sideTit { font-size: 3rem; color: #fff; text-align: center; margin-bottom: 30px;}
.page-details .popupBlock .popupBlockContBox { width: 1300px; height: 85vh; overflow: hidden; background: #fff; border-radius: 10px; margin: 0 auto; padding: 20px 10px;}
.page-details .popupBlock .popupBlockContBox .outer { width: 100%;}
.page-details .popupBlock .main { width: 1280px; height: calc( 85vh - 34px); padding:0 34px; overflow-x: hidden; scrollbar-width: thin;scrollbar-color: #083ab3 #ebebeb;}
.page-details .popupBlock .main .sort { margin-top: 0;}
.page-details .popupBlock.open .sideTit { text-align: center; color: #fff; font-size: 2.4rem; margin-bottom: 15px;}
.page-details .popupBlock.open .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px; cursor: pointer;}
.page-details .popupBlock.open .close:before, .page-details .popupBlock.open .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
.page-details .popupBlock.open .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
.page-details .popupBlock.open .directflight label.checkbtn span { padding: 12px 30px; display: inline-block; color: #083ab3; background: #f0f4ff; border: solid 1px #083ab3; text-align: center; border-radius: 30px;}
@media screen and (min-width: 750px) {
    .page-details .popupBlock { padding: 30px 50px;}
.page-details .popupBlock.open .close { right: calc( 50% - 630px);}
.page-details .popupBlock .page-list .main .itemList li .itemInfo { width: 930px;}
}
@media screen and (max-width: 749px) {
.page-details .popupBlock { padding: 30px 1.33% 30px 1.33%;}
.page-details .popupBlock .sideTit { font-size: 2rem;}
.page-details .popupBlock .popupBlockContBox { width: 100%; height: 78vh; padding: 20px 2%;}
.page-details .popupBlock .main { width: 100%; height: calc( 78vh - 40px); padding:0 4.66%;}
}

.flight-card {
  cursor: pointer;
}

@media screen and (min-width: 750px) {
  .first-row {
    gap: 50px;
  }

  .second-row {
    gap: 50px;
  }

  .multi-city-item {
    gap: 20px;
  }

  .result-condition {
    width: 100%;
    background-color: #095f70;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .result-condition-form {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
    background-color: #cedfe2;
    border-radius: 10px;
    color: #191c1c;
    font-size: 18px;
    text-align: center;
    box-shadow: #022931 0px 0px 6px;
    padding: 15px;
  }

  .flightList {
    background-color: white;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #525252;
  }

  .side-search-tab {
    margin: 20px 0;
    border-radius: 12px;
    border: 2px solid white;
  }

  .tab-change-fight {
    display: none;
  }

  .side-search-box {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #525252;
    margin-bottom: 15px;
  }

  .order-process {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }

  .order-process-node {
    position: relative;
    width: 19%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background-color: #d1ebf0;
    color: #2bbcd9;
  }

  .order-process-node-select {
    position: relative;
    width: 19%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background-color: #05b2d4;
    color: #fff;
  }

  .order-process-node-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 50px;
    background-color: #f5f5f5;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-back {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 50px;
    background-color: #d1ebf0;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-select-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 50px;
    background-color: #f5f5f5;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-select-back {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 50px;
    background-color: #05b2d4;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .user-form{
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .box-fly-title{
     padding-bottom: 15px !important;
     border-bottom: none !important;
  }

  .flight-detail-form-box{
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 749px) {
  .input-group {
    margin-bottom: 6px;
  }

  .result-condition {
    width: 100%;
    background-color: #095f70;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .result-condition-form {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
    background-color: #cedfe2;
    border-radius: 10px;
    color: #191c1c;
    font-size: 12px;
    text-align: center;
    box-shadow: #022931 0px 0px 6px;
    padding: 10px 5px;
  }

  .flightList {
    background-color: white;
    padding: 5px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #525252;
  }

  .side-search-tab {
    display: none;
    border-radius: 12px;
    border: 2px solid white;
    margin-top: 10px;
  }

  .tab-change-fight {
    width: 50%;
    margin: 10px auto 0 auto;
    font-size: 18px;
    color: #ff696c;
    background-color: white;
    padding: 6px 10px;
    border: 2px solid #ff696c;
    border-radius: 10px;
  }

  .side-search-box {}

  #tab-change-fight {
    display: none;
  }

  .order-process {
    max-width: 1200px;
    width: calc(100% - 4px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .order-process-node {
    position: relative;
    width: 19%;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #d1ebf0;
    color: #2bbcd9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }

  .order-process-node-select {
    position: relative;
    width: 19%;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #05b2d4;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }

  .order-process-node-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 50px;
    background-color: #f5f5f5;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-back {
    position: absolute;
    top: 0;
    right: -5px;
    width: 5px;
    height: 50px;
    background-color: #d1ebf0;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-select-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 50px;
    background-color: #f5f5f5;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .order-process-node-select-back {
    position: absolute;
    top: 0;
    right: -5px;
    width: 5px;
    height: 50px;
    background-color: #05b2d4;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .user-form{
    margin-bottom: 25px;
  }

  .box-fly-title{
     border-bottom: none !important;
  }

  .flight-detail-form-box{
    margin-top: 10px !important;
  }
}

.result-condition-title {
  color: white;
  background-color: #f2a603;
  width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  margin: 0px auto 20px auto;
  box-shadow: #063f4a 10px 10px 1px;
}

.side-search-line {
  width: 236px;
  margin: auto;
  color: #095f70;
  color: 20px;
  font-size: 18px;
}

.sky-line0 {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
}

.ticket-time {
  font-size: 22px;
  color: #095f70;
  font-weight: bold;
}

.detail-main{
  background-color: white;
  padding: 20px 0;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #525252;
}

.from-default-city-mark{
  color:red;
  font-weight: bold;
  margin-right: 3px;
}

.plane_icon {
  width: 38px;
  align-self: center;
}

.card-btn{
  padding-bottom: 10px !important;
}