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

/*==================================
	base
==================================*/
* { box-sizing: border-box;}
html { height: 100%; width: 100%; font-size: 62.5%;/* 10px */}
body { font-family: 'Roboto', 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-weight: 500; font-size:1.4rem; color:#2d2d2d; line-height: 1.5; letter-spacing: 0.05em; height: 100%; width: 100%;}
h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p { font-weight: 500;}
.wrapper { position: relative; height: 100%; width: 100%;}
section { position: relative; z-index: 1;}

a { color: #000; text-decoration: none;display: block;}
a:hover {text-decoration: none;}
a:focus { outline: none;}
.en { font-family: 'Roboto', sans-serif;}
:placeholder { color: #aaa;}

@media screen and (min-width: 750px) {
body {/* min-width: 1400px;*/ min-width: 100%; font-size:1.6rem;}
body.w1600 { min-width: 1600px;}
.spOnly { display: none !important;}
}
@media screen and (max-width: 749px) {
body { min-width: 100%;}
img { width: 100%;}
.pcOnly { display: none !important;}
:root { --swiper-navigation-size: 30px;}
}


/*==================================
	pafts
==================================*/
/* element */
.inner { max-width: 1400px; width: 92%; margin: 0 auto;}
.inner.bgcolor { background: #f0f4ff; padding: 7.24%;}
.outer { max-width: 1200px; width: 92%; margin: 0 auto;}
.outer.bgcolor { background: #f0f4ff; padding: 7.24%;}
.contents { overflow: hidden;}
.borB_GR { padding-bottom: 15px; border-bottom: solid 1px #dddddd;}
.borB_none { border-bottom: none !important;}
.itemCircle {}
.itemCircle .item { font-size: 2.4rem; width: 165px; height: 165px; padding-top: 82px; border-radius: 165px; position: relative; display: inline-block; background: #083ab3; color: #fff;}
.itemCircle .item:before { width: 36px; height: 36px; position: absolute; left: 0; right: 0; bottom: 50%; margin: auto; display: inline-block; content: ""; background: url("../img/icon_reserve_airline_w.svg") no-repeat; background-size: 36px auto;}
.itemCircle .item.ico_tour_s:before { width: 50px; height: 50px; background: url("../img/icon_menu_tour_s_overseas_w.svg") center bottom no-repeat; background-size: 50px auto;}
.w100 { width: 100%;}
@media screen and (min-width: 750px) {
.outer.column { display: flex; justify-content: space-between;}
.side { width: 270px}
.main { width: 890px;}
.inner.bgcolor,
.outer.bgcolor { padding: 50px 30px 60px 30px;}
.itemCircle .item { width: 270px; height: 270px; border-radius: 270px; padding-top: 150px; font-size: 3.6rem;}
.itemCircle .item:before { width: 71px; height: 70px; background-size: 70px auto;}
.itemCircle .item.ico_tour_s:before { width: 88px; height: 88px; background-size: 88px auto;}
.pcFlex { width: 1000px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between;}
.pcFlex .pcFlexL,
.pcFlex .pcFlexR { width: 480px;}
.pcFlex.flightComp { margin-top: 30px;}
.pcFlex.flightComp .pcFlexL {width: 270px;}
.pcFlex.flightComp .pcFlexR { width: 690px;}
.pcFlex.flightComp .pcFlexR .numTable { margin-left: 0;}
.pcFlex.flightComp .pcFlexR .borB_GR { border-bottom: 0;}
.outer.column .main .pcFlex { width: 890px;}
.outer.column .main .pcFlex.atc { align-items: center;}
.outer.column .main .pcFlex .pcFlexL,
.outer.column .main .pcFlex .pcFlexR { width: 430px;}
.outer.column .main .pcFlex.flightComp { margin-top: 30px;}
.outer.column .main .pcFlex.flightComp .pcFlexL {width: 270px;}
.outer.column .main .pcFlex.flightComp .pcFlexR { width: 580px;}
}
@media screen and (max-width: 749px) {
.hdspline {border-top: solid 4px #083ab3;}
.outer.column { width: 100%;}
.outer.column .main { width: 92%; margin: 0 auto;}
}

/* space */
.mtSS { margin-top: 5px;}
.mtS { margin-top: 10px;}
.mtM { margin-top: 20px;}
.mtMid { margin-top: 30px;}
.mtL { margin-top: 50px;}
@media screen and (min-width: 750px) {
.mtSS { margin-top: 10px;}
.mtS { margin-top: 20px;}
.mtM { margin-top: 40px;}
.mtMid { margin-top: 60px;}
.mtL { margin-top: 80px;}
}

/* arrow */
.arrow{ position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none;}
.arrow:before,
.arrow:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle;}

/* tit */
.tit { padding: 10px 0; font-size: 1.8rem; text-align: center;}
.tit.titNV { font-size: 2rem; background: #083ab3; color: #fff;}
.tit.titNV .min { font-size: 1.8rem;}
.tit.titGR { padding: 10px 0; background: #dfdfdf; color: #2d2d2d; font-size: 1.6rem;}
.tit.titLINE1 { font-size: 2rem; padding: 0;}
.tit.titLINE1 .line { padding: 10px 0; display: inline-block; border-bottom: solid 4px #083ab3; font-weight: 700;}
.tit.titLINE2 { font-size: 2rem; border-bottom: solid 2px #083ab3; font-weight: 700;}
@media screen and (min-width: 750px) {
.tit { padding: 15px 0; font-size: 2.4rem;}
.tit.titNV { font-size: 1.8rem;}
.tit.titNV .min { font-size: 1.4rem;}
.tit.titGR { font-size: 1.8rem;}
.tit.titLINE1 { font-size: 1.8rem;}
.tit.titLINE2 { font-size: 1.8rem;}
}

/* txt */
.disIB { display: inline-block;}
.disB { display: block;}
.lhM { line-height: 1.8;}
.lhL { line-height: 2;}
.fsS { font-size: 1.2rem;}
.fsM { font-size: 1.4rem;}
.fsMM { font-size: 1.6rem;}
.fsL { font-size: 1.8rem;}
.fsLL { font-size: 2.4rem;}
.fwB { font-weight: 700;}
.fwM { font-weight: 500;}
.fwR { font-weight: 400;}
.taC { text-align: center;}
.taL { text-align: left;}
.taR { text-align: right;}
.bgOR { background: #e85420 !important;}
.bgWH { background: #ffffff !important;}
.colOR { color: #e85420;}
.colOR .line { display: inline-block; padding-bottom: 3px; border-bottom: solid 2px #e85420;}
.colNV .line { display: inline-block; padding-bottom: 3px; border-bottom: solid 2px #083ab3;}
.colNV { color: #083ab3;}
.text-overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
@media screen and (min-width: 750px) {
.fsM { font-size: 1.6rem;}
.fsMM { font-size: 2rem;}
.fsL { font-size: 2.6rem;}
.fsLL { font-size: 3.6rem;}
.taL.pctaC,
.fwR.pctaC { text-align: center;}
.taC.pctaL,
.fwR.pctaL { text-align: left;}
}

/* btn */
.btnArea { text-align: center;}
.btnArea.btnpb { padding-bottom: 10px;}
.btn { border-radius: 30px; font-weight: 700; display: inline-block; position: relative;}
.btn1 { padding: 15px 0; font-size: 1.8rem; width: 78.66%; max-width: 500px; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.btn1a { padding: 10px 0; font-size: 1.8rem; width: 84%; max-width: 550px; border: solid 2px #ffffff; box-shadow: 0px 2px 8px 0px rgba(191, 191, 191, 0.9);}
.btn2 { padding: 10px 0; width: 73.33%; max-width: 450px; min-width: 275px;}
.btn3 { padding: 10px 0; width: 73.33%; max-width: 260px; min-width: 275px; font-weight: 500;}
.btn.btnOR { background: #f06c3d; color: #fff;}
.btn.btnNV { background: #083ab3; color: #fff;}
.btn.btnBL { background: #1575d9; color: #fff;}
.btn.btnWH { background: #ffffff; color: #083ab3; border: solid 2px #083ab3;}
.btn.btnGR { background: #f5f5f5; color: #888888; border: solid 1px #888888; width: 50%; max-width: 300px; min-width: 200px;}
.btn.iconSearch {}
.btn.iconSearch .icon { content: ""; background: url("../img/icon_search.svg") center center no-repeat; background-size: 20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.inner .btn1 { width: 86%;}
.outer.bgcolor .btn1,
.inner.bgcolor .btn1 { width: 100%;}
.outer.bgcolor .btn2,
.inner.bgcolor .btn2 { width: 92%;}
@media screen and (min-width: 750px) {
.btn1,
.btn1a { font-size: 2rem;}
.btn2 { font-size: 1.8rem;}
}

/* icon */
.iconArr .icon { width: 12px; height: 12px; display: inline-block; border-top: 1px solid #083ab3; border-right: 1px solid #083ab3; transform: rotate(45deg); position: absolute; right: 5%; top: 36%;}
.btnNV.iconArr .icon { border-top: 1px solid #fff; border-right: 1px solid #fff;}
.iconPlus .icon,
.iconMinus .icon { display: inline-block; background: currentColor; position: absolute;}
.iconPlus { font-weight: 500; width: 65%; max-width: 400px; min-width: 250px;}
.iconPlus .icon { width: 16px; height: 2px; color: #fff; right: 5%; top: 48%;}
.iconPlus .icon:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 2px; background: inherit; border-radius: inherit; transform: rotate(90deg);}
.iconMinus { font-weight: 500; width: 65%; max-width: 400px; min-width: 250px;}
.iconMinus .icon { width: 16px; height: 2px; color: #083ab3; right: 5%; top: 48%;}
@media screen and (min-width: 750px) {
}


/* hdmenu */
.hdmenuArea { border-bottom: solid 6px #083ab3;}
.hdmenuArea.hdmenu1 {}
.hdmenuArea.hdmenu2 {}
.hdmenuArea.hdmenu3 {}
@media screen and (min-width: 750px) {
.hdmenuArea { border-bottom: solid 4px #083ab3;}
.hdmenuArea ul { display: flex; justify-content: center; margin: 0 auto;}
.hdmenuArea li { border-left: solid 1px #dddddd;}
.hdmenuArea li:last-child { border-right: solid 1px #dddddd;}
.hdmenuArea li a { width: 240px; padding: 18px 0 0 0; min-height: 60px; display: inline-block;}
.hdmenuArea li a .icon { margin-right: 10px; display: inline-block; vertical-align: middle;}
.hdmenuArea li a .icon.ico_domestic { background: url("../img/icon_menu_domestic.svg") no-repeat; width: 26px; height: 28px;}
.hdmenuArea li a .icon.ico_overseas { background: url("../img/icon_menu_overseas.svg") no-repeat; width: 26px; height: 26px;}
.hdmenuArea li a .icon.ico_corp { background: url("../img/icon_menu_corp.svg") no-repeat; width: 18px; height: 27px;}
.hdmenuArea li a .icon.ico_group { background: url("../img/icon_menu_group.svg") no-repeat; width: 30px; height: 23px;}
.hdmenuArea li a .icon.ico_ticket { background: url("../img/icon_menu_ticket_overseas.svg") no-repeat; width: 36px; height: 20px;}
.hdmenuArea li a .icon.ico_tour_s { background: url("../img/icon_menu_tour_s_overseas.svg") no-repeat; width: 27px; height: 20px;}
.hdmenuArea li a .icon.ico_login { background: url("../img/icon_login.svg") no-repeat; width: 27px; height: 26px;}
.hdmenuArea li.on { border-right: solid 1px #083ab3;}
.hdmenuArea li.on a { background: #083ab3; color: #fff;}
.hdmenuArea li.on a:hover { opacity: 1;}
.hdmenuArea li.on a .icon {}
.hdmenuArea li.on a .icon.ico_domestic { background: url("../img/icon_menu_domestic_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_overseas { background: url("../img/icon_menu_overseas_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_corp { background: url("../img/icon_menu_corp_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_group { background: url("../img/icon_menu_group_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_ticket { background: url("../img/icon_menu_ticket_overseas_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_tour_s { background: url("../img/icon_menu_tour_s_overseas_w.svg") no-repeat;}
.hdmenuArea li.on a .icon.ico_login { background: url("../img/icon_login_w.svg") no-repeat;}
.hdmenuArea.hdmenu1 { text-align: center; border-top: solid 1px #dddddd;}
.hdmenuArea.hdmenu2 ul { text-align: center;}
.hdmenuArea.hdmenu2 li a { border-top: solid 1px #dddddd;}
.hdmenuArea.hdmenu2 li.on a { border-top: solid 1px #083ab3;}
.hdmenuArea.hdmenu2 li:first-child { border-top-left-radius: 5px;}
.hdmenuArea.hdmenu2 li:first-child a { border-top-left-radius: 5px;}
.hdmenuArea.hdmenu2 li:last-child { border-top-right-radius: 5px;}
.hdmenuArea.hdmenu2 li:last-child a { border-top-right-radius: 5px;}
.hdmenuArea.hdmenu3 { display: none; border-bottom: 0;}
}
@media screen and (max-width: 749px) {
.hdmenuArea.hdmenu1 { display: none;}
.hdmenuArea.hdmenu2 { display: none;}
.hdmenuArea.hdmenu3 ul { display: flex; justify-content: center; margin: 0 auto;}
.hdmenuArea.hdmenu3 ul li { width: 33.33%; font-size: 1.2rem; text-align: center; border-right: solid 1px #fff;}
.hdmenuArea.hdmenu3 ul li:last-child { border-right: 0;}
.hdmenuArea.hdmenu3 ul li a { height: 54px; padding: 20px 0 15px 0; background: #dfdfdf;}
.hdmenuArea.hdmenu3 ul li.on a { padding: 15px 0; background:#083ab3; color: #fff; font-size: 1.4rem; font-weight: 700;}
.hdmenuArea.hdmenu3 ul li.on a .line { display: inline-block; border-bottom: solid 2px #fff;}
}

/* tab */
.tab-area{ margin: 0 auto;}
.tab-btn{ display:none;}
.tab-list-wrap{ display:flex; justify-content:space-between;}
.tab-list-wrap li { width: 33.33%;}
.tab-list { font-size: 1.2rem; display:block; width: 100%; text-align:center; cursor:pointer;}
.tab-content{ display:none;}
.flight-tab .tab-list { height: 54px; padding: 20px 0 15px 0; background: #dfdfdf;}
.top-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #fff;}
.top-tab .tab-list-wrap li { width: 50%;}
.search-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search_ts-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search-sp-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
.search_ts-sp-tab .tab-list { height: 48px; padding: 16px 0 12px 0; background: #dfdfdf;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3{ padding: 15px 0; background:#083ab3; color: #fff; font-size: 1.4rem; font-weight: 700;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1 .line,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2 .line,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3 .line { display: inline-block; border-bottom: solid 2px #fff;}
#side1-tab-btn1:checked ~ .tab-list-wrap #side1-tab-list1,
#side1-tab-btn2:checked ~ .tab-list-wrap #side1-tab-list2,
#side2-tab-btn1:checked ~ .tab-list-wrap #side2-tab-list1,
#side2-tab-btn2:checked ~ .tab-list-wrap #side2-tab-list2,
#top-tab-btn1:checked ~ .tab-list-wrap #top-tab-list1,
#top-tab-btn2:checked ~ .tab-list-wrap #top-tab-list2,
#top-tab-btn3:checked ~ .tab-list-wrap #top-tab-list3{ padding: 12px 0; background:#083ab3; color: #fff; font-size: 1.6rem; font-weight: 700;}
#searchDom-sp-tab-btn1:checked ~ .tab-list-wrap #searchDom-sp-tab-list1,
#searchDom-sp-tab-btn2:checked ~ .tab-list-wrap #searchDom-sp-tab-list2,
#searchDom-sp-tab-btn3:checked ~ .tab-list-wrap #searchDom-sp-tab-list3,
#search_ts-sp-tab-btn1:checked ~ .tab-list-wrap #search_ts-sp-tab-list1,
#search_ts-sp-tab-btn2:checked ~ .tab-list-wrap #search_ts-sp-tab-list2,
#search-sp-tab-btn1:checked ~ .tab-list-wrap #search-sp-tab-list1,
#search-sp-tab-btn2:checked ~ .tab-list-wrap #search-sp-tab-list2,
#search-sp-tab-btn3:checked ~ .tab-list-wrap #search-sp-tab-list3,
#search_ts-tab-btn1:checked ~ .tab-list-wrap #search_ts-tab-list1,
#search_ts-tab-btn2:checked ~ .tab-list-wrap #search_ts-tab-list2,
#search-tab-btn1:checked ~ .tab-list-wrap #search-tab-list1,
#search-tab-btn2:checked ~ .tab-list-wrap #search-tab-list2,
#search-tab-btn3:checked ~ .tab-list-wrap #search-tab-list3{ padding: 12px 0; background: #fff; color: #083ab3; font-size: 1.6rem; font-weight: 700; position: relative;}
#flight-tab-btn1:checked ~ .tab-content-wrap #flight-tab-content1,
#flight-tab-btn2:checked ~ .tab-content-wrap #flight-tab-content2,
#flight-tab-btn3:checked ~ .tab-content-wrap #flight-tab-content3,
#side1-tab-btn1:checked ~ .tab-content-wrap #side1-tab-content1,
#side1-tab-btn2:checked ~ .tab-content-wrap #side1-tab-content2,
#side2-tab-btn1:checked ~ .tab-content-wrap #side2-tab-content1,
#side2-tab-btn2:checked ~ .tab-content-wrap #side2-tab-content2,
#top-tab-btn1:checked ~ .tab-content-wrap #top-tab-content1,
#top-tab-btn2:checked ~ .tab-content-wrap #top-tab-content2,
#top-tab-btn3:checked ~ .tab-content-wrap #top-tab-content3,
#search_ts-sp-tab-btn1:checked ~ .tab-content-wrap #search_ts-sp-tab-content1,
#search_ts-sp-tab-btn2:checked ~ .tab-content-wrap #search_ts-sp-tab-content2,
#search-sp-tab-btn1:checked ~ .tab-content-wrap #search-sp-tab-content1,
#search-sp-tab-btn2:checked ~ .tab-content-wrap #search-sp-tab-content2,
#search-sp-tab-btn3:checked ~ .tab-content-wrap #search-sp-tab-content3,
#placetab-tab-btn1:checked ~ .tab-content-wrap #placetab-tab-content1,
#placetab-tab-btn2:checked ~ .tab-content-wrap #placetab-tab-content2,
#placetab-tab-btn3:checked ~ .tab-content-wrap #placetab-tab-content3,
#placetab-tab-btn4:checked ~ .tab-content-wrap #placetab-tab-content4,
#placetab-tab-btn5:checked ~ .tab-content-wrap #placetab-tab-content5,
#placetab-tab_sp-btn1:checked ~ .tab-content-wrap #placetab-tab_sp-content1,
#placetab-tab_sp-btn2:checked ~ .tab-content-wrap #placetab-tab_sp-content2,
#placetab-tab_sp-btn3:checked ~ .tab-content-wrap #placetab-tab_sp-content3,
#placetab-tab_sp-btn4:checked ~ .tab-content-wrap #placetab-tab_sp-content4,
#placetab-tab_sp-btn5:checked ~ .tab-content-wrap #placetab-tab_sp-content5,
#search_ts-tab-btn1:checked ~ .tab-content-wrap #search_ts-tab-content1,
#search_ts-tab-btn2:checked ~ .tab-content-wrap #search_ts-tab-content2,
#search-tab-btn1:checked ~ .tab-content-wrap #search-tab-content1,
#search-tab-btn2:checked ~ .tab-content-wrap #search-tab-content2,
#search-tab-btn3:checked ~ .tab-content-wrap #search-tab-content3 { display: block;}
#searchDom-sp-tab-btn1:checked ~ .tab-list-wrap #searchDom-sp-tab-list1:before,
#searchDom-sp-tab-btn2:checked ~ .tab-list-wrap #searchDom-sp-tab-list2:before,
#searchDom-sp-tab-btn3:checked ~ .tab-list-wrap #searchDom-sp-tab-list3:before,
#search_ts-sp-tab-btn1:checked ~ .tab-list-wrap #search_ts-sp-tab-list1:before,
#search_ts-sp-tab-btn2:checked ~ .tab-list-wrap #search_ts-sp-tab-list2:before,
#search-sp-tab-btn1:checked ~ .tab-list-wrap #search-sp-tab-list1:before,
#search-sp-tab-btn2:checked ~ .tab-list-wrap #search-sp-tab-list2:before,
#search-sp-tab-btn3:checked ~ .tab-list-wrap #search-sp-tab-list3:before { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: ""; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-top: 4px solid #083ab3;}
@media screen and (min-width: 750px) {
.tab-list { font-size: 1.6rem;}
.flight-tab .tab-list { padding: 15px 0;}
.tab-list-wrap #flight-tab-list1 { border-radius: 10px 0 0 10px;}
.tab-list-wrap #flight-tab-list3 { border-radius: 0 10px 10px 0;}
#flight-tab-btn1:checked ~ .tab-list-wrap #flight-tab-list1,
#flight-tab-btn2:checked ~ .tab-list-wrap #flight-tab-list2,
#flight-tab-btn3:checked ~ .tab-list-wrap #flight-tab-list3{ font-size: 1.8rem; padding: 12px 0;}
}

/* sort */
.main .sort { margin: 30px 0;}
.main .sort .list { display: flex;}
.main .sort .list li { width: 28%; text-align: center;}
.main .sort .list li:last-child { width: 44%;}
.main .sort .list li a { font-size: 1.4rem; padding: 10px 0;}
.main .sort .list li a .icon { background: url("../img/icon_sort_off.svg") right center no-repeat; background-size: 8px auto; padding-right: 15px;}
.main .sort .list li a.on { color: #083ab3;}
.main .sort .list li a.on .icon { background: url("../img/icon_sort_on.svg") right center no-repeat; background-size: 8px auto;}
.main .sort .list li:first-child,
.main .sort .list li:last-child { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.main .result { font-size: 1.4rem; text-align: center; background: #fff; border: solid 2px #083ab3; color: #083ab3; padding: 10px; margin-bottom: 40px;}
@media screen and (min-width: 750px) {
.main .sort { margin: 40px 0 30px 0;}
.main .sort .list li { width: 33.3%;}
.main .sort .list li:last-child { width: 33.3%;}
.main .sort .list li a { font-size: 1.6rem; padding: 20px 0;}
.main .sort .list li a .icon { background: url("../img/icon_sort_off.svg") right center no-repeat; background-size: 12px auto; padding-right: 25px;}
.main .sort .list li a.on .icon { background: url("../img/icon_sort_on.svg") right center no-repeat; background-size: 12px auto;}
.main .result { font-size: 1.6rem; padding: 20px;}
}

/* loader */
.loaderArea { width: 110px; height: 110px; margin: 30px auto 0 auto; position: relative;}
.loader { width: 110px; height: 110px; border-radius: 50%; border: solid 3px; border-color: #083ab3 #00000010 #00000010; position: relative; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; display: inline-block;}
.loaderArea .icon { width: 35px; height: 35px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("../img/icon_reserve_airline.svg") no-repeat; background-size: 35px auto;}
@keyframes spin {
    to { transform: rotate(360deg);}
}
@media screen and (min-width: 750px) {
.loaderArea { width: 220px; height: 220px; margin: 50px auto 0 auto;}
.loader { width: 220px; height: 220px; border: solid 6px; border-color: #083ab3 #00000010 #00000010;}
.loaderArea .icon { width: 70px; height: 70px; background-size: 70px auto;}
}

/* accordion */
.accordion { margin: 0 auto;}
.accordion dt { cursor: pointer; position: relative;}
.accordion dt .icon { width: 20px; height: 2px; color: #fff; right: 5%; top: 48%; display: inline-block; background: currentColor; position: absolute;}
.accordion dt .icon:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 2px; background: inherit; border-radius: inherit; transform: rotate(90deg);}
.accordion dt.open .icon:before { transform: rotate(0);}
.accordion dd { font-size: 1.8rem; display:none;}
@media screen and (min-width: 750px) {
}

/* calendar */
.calendar-container { width: 100%; background: #f2f2f2;}
.calendar-container .calendar-tit { text-align: center; display: flex; justify-content: space-between; align-items: center;}
.calendar-container .calendar-tit .tit { font-size: 1.4rem; font-weight: 700; padding: 0 0 5px 0;}
.calendar-container .calendar-tit .year { font-size: 1.4rem; font-weight: 700;}
.calendar-container .calendar-tit .big { font-size: 1.6rem; font-weight: 700;}
.calendar-container .calendar-tit .month { font-size: 2rem; font-weight: 700; margin-left: 5px;}
.calendar-container .calendar-tit .nav { font-size: 0.8rem; border-radius: 21px; width: 21px; height: 21px; line-height: 21px; background: #083ab3; color: #fff; cursor: pointer; margin: 0 10px; font-weight: 400; text-align: center;}
.calendar-container table { background: #dddddd;border-spacing: 1px;}
.calendar-container table { width: 100%;}
.calendar-container th, 
.calendar-container td { padding: 7px 0; text-align: center; font-size: 1.2rem; background: #fff;}
.calendar-container td { font-size: 1.4rem; font-weight: 700; cursor: pointer;}
.calendar-container .on { background: #083ab3; color: #fff !important;}/* 選択時 */
.calendar-container .onto { background: #3966d4; color: #fff !important;}/* 選択時 */
.calendar-container .past { background: #f2f2f2; cursor: unset;}
.calendar-container th.sun,
.calendar-container .holiday, /* 祝日用 */
.calendar-container .day *:first-child { color: #e85420;}
.calendar-container th.sat,
.calendar-container .day *:last-child { color: #083ab3;}
.calendar-container .selectdate { margin-top: 2px; background: #fff; color: #083ab3; text-align: center; font-weight: 700; padding: 15px 0;}
.calendar-container .selectdate .arr { background: url("../img/icon_flightschedule.svg") no-repeat; background-size: 10px 20px; width: 10px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 10px;}
.calendar-container .btnArea { text-align: center; padding: 8px 0;}
.calendar-container .btnArea .btn.btnBL { font-size: 14px !important; width: 200px !important; padding: 10px 0; margin: 0 auto; border: 0;}
@media screen and (max-width: 749px) {
.calendar-container .calendar-tit .tit{ font-size: 1.8rem;}
.calendar-container .calendar-tit .year { font-size: 1.8rem;}
.calendar-container .calendar-tit .big { font-size: 2.1rem;}
.calendar-container .calendar-tit .month { font-size: 2.8rem;}
.calendar-container .calendar-tit .nav { font-size: 1rem; border-radius: 27px; width: 27px; height: 27px; line-height: 27px;}
.calendar-container th { font-size: 1.6rem;}
.calendar-container td { font-size: 1.8rem;}
.calendar-container .selectdate { font-size: 2.1rem;}
.calendar-container .btnArea .btn.btnBL { font-size: 1.8rem !important; width: 250px !important; border-radius: 8px; font-weight: 700;}
}

/* pagetop */
.pagetop { display: none; position: fixed; right: 5%; bottom: 15px; z-index: 100;}
.pagetop a { width: 40px; height: 40px; border-radius: 40px; background: #fff; box-shadow: 0px 0px 18px 0px rgba(170, 170, 170, 0.34);}
.pagetop a .arrow:before { top: 10px; left: 14px; width: 12px; height: 12px; border-top: 1px solid #083ab3; border-right: 1px solid #083ab3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
@media screen and (min-width: 750px) {
.pagetop { right: 15px;}
.pagetop a { width: 50px; height: 50px; border-radius: 50px;}
.pagetop a .arrow:before { top: 16px; left: 16px; width: 18px; height: 18px;}
}

/* itemList */
.itemList a.pickup { position: relative;}
.itemList a.pickup:before { position: absolute; content: "Pick Up"; font-weight: 700; color: #fff; z-index: 1; line-height: 1; letter-spacing: 0.02em;}
.itemList a.pickup:after { position: absolute; content: ""; height: 0; left: 0; top: 0;}
.itemList .itemImg img { width: 100%; border-radius: 10px; object-fit: cover;}
.itemList .itemInfo .itemTit { font-weight: 700; line-height: 1.7;}
.itemList .itemInfo .itemTag { color: #083ab3; font-weight: 700;}
.itemList .itemInfo .itemTag span { background: #fff; border: solid 1px #083ab3; text-align: center; display: inline-block;}
.itemList .itemInfo .itemDetail { display: flex; justify-content: space-between; align-items: flex-end;}
.itemList .itemInfo .itemDetail .itemLocation { font-weight: 400;}
.itemList .itemInfo .itemDetail .itemPrice { color: #e85420; text-align: right; font-weight: 700;line-height: 1;}
@media screen and (min-width: 750px) {
.itemList.pcflex { display: flex; flex-wrap: wrap;}
.itemList a.pickup:before { font-size: 18px; left: 15px; top: 12px;}
.itemList a.pickup:after { width: 110px; border: 20px solid #47c683; border-right-color: transparent;}
.itemList .itemImg img { width: 270px; height: 202px;}
.itemList .itemInfo .itemTit { margin: 15px 0;}
.itemList .itemInfo .itemTag span { font-size: 14px; padding: 0 15px; margin: 0 10px 10px 0;}
.itemList .itemInfo .itemDetail .itemPrice { font-size: 26px;}
.itemList .itemInfo .itemDetail .itemPrice .yen { font-size: 16px;}
}
@media screen and (max-width: 749px) {
.itemList a.pickup:before { font-size: 13px; left: 10px; top: 10px;}
.itemList a.pickup:after { width: 90px; border: 17px solid #47c683; border-right-color: transparent;}
.itemList .itemImg img { height: 55vw;}
.itemList .itemInfo .itemTit { margin: 10px 0;}
.itemList .itemInfo .itemTag span { font-size: 1rem; padding: 0 12px; margin: 0 5px 10px 0;}
.itemList .itemInfo .itemDetail .itemPrice { font-size: 2.3rem;}
.itemList .itemInfo .itemDetail .itemPrice .yen { font-size: 1.6rem;}
}

/*==================================
	common form
==================================*/
input,
textarea,
.txtform { padding: 10px 15px; border-radius: 4px; background-color: #ffffff; border: solid 1px #dddddd; width: 100%;}
.txtform { color: #b4b4b4; line-height: 1; cursor: pointer;}
input.ico_place,
.txtform.ico_place { background: url("../img/icon_search_area.svg") left 14px center no-repeat #ffffff; background-size: 16px auto; padding-left: 40px;}
input.ico_date,
.txtform.ico_date { background: url("../img/icon_search_date.svg") left 12px center no-repeat #ffffff; background-size: 18px auto; padding-left: 40px;}
input.ico_nop,
.txtform.ico_nop { background: url("../img/icon_reserve_people.svg") left 16px center no-repeat #ffffff; background-size: 14px auto; padding-left: 40px;}
input.ico_airline,
.txtform.ico_airline { background: url("../img/icon_reserve_airline.svg") left 12px center no-repeat #ffffff; background-size: 18px auto; padding-left: 40px;}
input.ico_seat,
.txtform.ico_seat { background: url("../img/icon_reserve_seat.svg") left 12px center no-repeat #ffffff; background-size: 18px auto; padding-left: 40px;}
input.ico_room,
.txtform.ico_room { background: url("../img/icon_search_room.svg") left 10px center no-repeat #ffffff; background-size: 22px auto; padding-left: 40px;}
input.ico_mail,
.txtform.ico_mail { background: url("../img/icon_login_mail.svg") left 12px center no-repeat #ffffff; background-size: 18px auto; padding-left: 40px;}
input.ico_pass,
.txtform.ico_pass { background: url("../img/icon_login_key.svg") left 12px center no-repeat #ffffff; background-size: 16px auto; padding-left: 40px;}
input.ico_tel,
.txtform.ico_tel { background: url("../img/icon_reserve_tel.svg") left 12px center no-repeat #ffffff; background-size: 18px auto; padding-left: 40px;}
input.ico_tourid,
.txtform.ico_tourid { background: url("../img/icon_reserve_luggage.svg") left 14px center no-repeat #ffffff; background-size: 14px auto; padding-left: 40px;}
input:disabled { background: #f5f5f5;}
textarea { height: 150px;}
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { outline:solid 1px #dddddd;}
.inputPassArea { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; position: relative;}
.inputPassArea input.passBtn { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 22px !important; background: url("../img/icon_login_eye_close.svg") center center no-repeat; background-size: 22px auto; height: 22px; border: 0; padding: 0;}
.inputPassArea input.passBtn.view { background: url("../img/icon_login_eye_open.svg") center center no-repeat; background-size: 22px auto;}

/* Custom Select */
.custom-select-wrapper { position: relative; z-index: 50; display: inline-block; user-select: none; width: 100%;}
.custom-select-wrapper select { display: none;}
.custom-select { position: relative; display: inline-block;}
.custom-select-trigger { position: relative; display: block; padding: 5px 10px; border-radius: 4px; background-color: #fff; border: solid 1px #dddddd; cursor: pointer;}
.custom-select-trigger:after { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 50%; right: 10px; margin-top: -3px; border-bottom: 1px solid #083ab3; border-right: 1px solid #083ab3; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}
.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; border: 1px solid #dddddd; border-radius: 4px; box-sizing: border-box; background: #fff; transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px);}
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0);}
.option-hover:before { background: #f3fbfe;}
.custom-option { position: relative; display: block; padding: 5px 10px; border-bottom: 1px solid #b5b5b5; cursor: pointer; transition: all .4s ease-in-out;}
.custom-option:first-of-type { border-radius: 4px 4px 0 0;}
.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px;}
.custom-option:hover,
.custom-option.selection { background: #f3fbfe;}

@media screen and (min-width: 750px) {
input,
.txtform { max-width: 600px;}
input.w100,
.txtform.w100 { max-width: 100%;}
.custom-select-trigger { padding: 5px 10px;}
.custom-option { padding: 5px 10px;}
input.ico_place,
.txtform.ico_place { background-size: 18px auto; padding-left: 50px;}
input.ico_date,
.txtform.ico_date { background-size: 22px auto; padding-left: 50px;}
input.ico_nop,
.txtform.ico_nop { background-size: 14px auto; padding-left: 50px;}
input.ico_airline,
.txtform.ico_airline { background-size: 22px auto; padding-left: 50px;}
input.ico_seat,
.txtform.ico_seat { background-size: 22px auto; padding-left: 50px;}
input.ico_mail,
.txtform.ico_mail { background-size: 22px auto; padding-left: 50px;}
input.ico_pass,
.txtform.ico_pass { background-size: 20px auto; padding-left: 50px;}
input.ico_tel,
.txtform.ico_tel { background-size: 20px auto; padding-left: 50px;}
input.ico_tourid,
.txtform.ico_tourid { background-size: 16px auto; padding-left: 50px;}
textarea { padding: 15px; height: 160px;}
.inputPassArea input.passBtn { width: 28px !important; background-size: 28px auto; height: 28px;}
.inputPassArea input.passBtn.view { background-size: 28px auto;}
    
}



/*==================================
	header
==================================*/
header { height: 50px; position: relative; z-index: 150; display: flex; align-items: center; width: 100%;}
header .inner { width: 100%; display: flex; justify-content: space-between; align-items: center;}
header .hdLogo { margin: 0 0 0 5%;}
header .hdLogo img { width: 145px; vertical-align: middle;height:50px;}
header .hdBox { margin-right: 2.5%; display: flex; align-items: center; position: relative; z-index: 1;}
header .hdBox .custom-select-wrapper { width: auto;}
header .hdBox .languageBox { font-weight: 400; font-size: 1rem; margin-right: 20px;}
header .hdBox .languageBox .custom-select-trigger { width: 90px;}
header .hdBox .hdLogin { font-size: 1.2rem;}
header .hdBox .hdLogin a { line-height: 30px; padding-left: 35px; background: url("../img/icon_login.svg") no-repeat; background-size: auto 100%;}

@media screen and (min-width: 750px) {
header { height: 100px; margin: 0 auto;}
header .hdLogo { padding-left: 30px; display: flex; align-items: center;}
header .hdLogo img { max-width: 144px;}
header .hdBox { padding-right: 30px;}
header .hdBox .languageBox { font-size: 14px; margin-right: 30px;}
header .hdBox .languageBox .custom-select-trigger { width: 120px;}
header .hdBox .hdLogin { display: none;}
}

/*==================================
	footer
==================================*/
footer { margin-top: 50px; border-top: solid 1px #dddddd; background: #f5f5f5;}
footer .inner { margin-top: 25px; width: 65%;}
footer .inner .ftNav { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left;}
footer .inner .ftNav li { margin-bottom: 25px; width: 50%;}
footer copy { font-size: 1.1rem; padding: 10px 0; font-weight: 400; display: block; color: #fff; text-align: center; background: #083ab3;}
@media screen and (min-width: 750px) {
footer .inner .ftNav li { font-size: 1.4rem; width: auto;}
footer copy { font-size: 1.2rem;}
}