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


.spOnly {
    display: none;
}
.contTtl{font-size:inherit !important;}
/*検索ボックス*/
.gtop-search {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}
.searchBoxArea {
    padding-top: 0;
    height: 539px;
    overflow: hidden;
}
.searchBoxArea .pdyList {
    background: #fff;
}
.searchBoxArea .pdyList li:nth-of-type(4) {
    margin: 5px 0;
}
.searchBoxArea .pdyList li:nth-of-type(5) {
    margin-bottom: 5px;
}
/*国内アイコン*/
.searchBoxArea .pdyList li span {
    padding: 55px 0 18px;
}
.searchBoxArea .pdyList li.dom.sel span {
    background-position: 8px 0;
}
.searchBoxArea .pdyList li.dom span {
    background-position: 8px 0;
}
.searchBoxArea .pdyList li.dom span {
    background: url(/module/kokunai-top/images/2020/search_dom.png) no-repeat left;
    background-position: -86px 3px;
    background-size: 140px;
}
.searchBoxArea .pdyList li.dp.sel span {
    background-position: 20px 5px;
}
.searchBoxArea .pdyList li.dp span {
    background-position: -80px 5px;
}
.searchBoxArea .pdyList li.ydts.sel span {
    background-position: 31px 5px;
}
.searchBoxArea .pdyList li.ydts span {
    background-position: -96px 5px;
}
/*国内*/
.tourSearch, .docoBox {
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    height: 559px;
}
.tourSearch{height:579px;}
.tab-group{
    display:flex;
    flex-wrap:wrap;
    border-bottom: 4px solid #3a77c7;
    width:100%;
    margin-bottom:10px;
}
.tab-group li {
    width: 100px;
    background:#b0b5b7;
    text-align: center;
    padding: 10px;
    color:#fff;
}
.tab-group li:nth-of-type(1).is-active{
    background:#3a77c7;    
}
.tab-group li:nth-of-type(2).is-active{
    background:#2996c7;    
}

/* ===========================================

    お客様の声

============================================= */

.voiceBox .swiper-slide {
    background:#edf3fb;
    border: 1px solid #edf3fb;
    padding: 15px;
        margin-right: 15px;
    border-radius: 10px;
}
.voiceBox .swiper-slide p{
    line-height: 1.4;
}

.voiceSlide ul{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex; 
}




.voiceSlide li{
    width:18%;
    display: inline-block;
}
.voiceSlide ul::-webkit-scrollbar {/*縦方向スクロールバーの幅*/
    width: 3px;
}
.voiceSlide ul::-webkit-scrollbar:horizontal {/*横方向スクロールバーの高さ*/
    height: 12px;
}
.voiceSlide ul::-webkit-scrollbar-thumb {
  background:#3183d0;
  border-radius: 3px;

}
.voiceSlide ul::-webkit-scrollbar-track {
  background:#eeeeee;
}
.panel-group{
    margin:20px 0 60px;
}

/*================
海外ツアー
=================*/
.map-pc-none {
    display: none;
}
.TourTitle h3 {
    display: inline-block;
}
.TourTitle p {
    width: 70%;
    display: inline-block;
    line-height: 130%;
    vertical-align: top;
    margin-left: 50px;
}
/* 検索ボックス：海外ツアー（tab-5）　*/

.happyHolidayOversea dt {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 2px;
}
#SearchFormOversea div.subSection01 dt {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 2px;
    position: absolute;
    top: 9px;
    left: 25px;
}
.happyHolidayOversea .TourTitle {
    margin-bottom: 15px;
}
.happyHolidayOversea input[type=text] {
    top: 1px
}
.happyHolidayOversea .iLeft {
    float: left;
/*width: 45%;*/
    position: relative;
    padding: 0 35px 0 15px;
    box-sizing: border-box;
    border-right: 2px solid #2996c7;
}
.happyHolidayOversea .iRight{
    float: right;
    width: 55%;
    position: relative;
    background-image: url(/module/top/images/bg_world_map_top.png);
    background-repeat: no-repeat;
    background-position: left top;
    box-sizing: border-box;
}
.happyHolidayPackage .iLeft,.happyHolidayAir .iLeft{
    width: 45%;
    width: 40%;
    float: left;
    padding: 10px 15px 0 0;
}
.happyHolidayPackage .iRight,.happyHolidayAir .iRight{
    width: 55%;
    float: right;
    padding-top:10px;
}
.happyHolidayOversea .iRight .wrap {
    background-image: url(../images/bg_world_map_top.png);
    background-repeat: no-repeat;
    background-position: top 0px center;
    height: 310px;
    background-size: contain;
    margin: 0 0 0 10px;
}
input { border: none;}
.happyHolidayOversea .iLeft input[type=text], .happyHolidayOversea .iLeft select {
    height: 50px;
    border-radius: 4px;
    padding: 18px 30px 0 10px;
    font-size: 16px;
border:1px solid #ccc;
}

.happyHolidayOversea .subSection01 input[type="checkbox"] {
    display: none;
}
.happyHolidayOversea .subSection01 input[type="checkbox"] + label {
    padding: 3px 0 3px 17px;
    background: url(../images/mark004.png) no-repeat left center;
    cursor: pointer;
    margin-right: 1em;
    font-size: 12px;
    display: inline-block;
}
.happyHolidayOversea .subSection07 input[type="checkbox"]:checked + label:not(.rmlabel) {
    background: url(../images/mark003.png) no-repeat left center;
    cursor: pointer;
}
.happyHolidayOversea .subSection02 dl, .happyHolidayOversea .subSection03 dl, .happyHolidayOversea .subSection04 dl {
    display: inline-block;
}

.happyHolidayOversea .subSection05 .price {
    color: #333;
}
.happyHolidayOversea .subSection06 dd input {  width: auto;}
.happyHolidayOversea .subSection02, .happyHolidayOversea .subSection03, .happyHolidayOversea .subSection04, .happyHolidayOversea .subSection05 {
    margin: 15px 0 0 0;
}
.happyHolidayOversea .iRight li {
    position: absolute;
}
.happyHolidayOversea .iRight li a {
    background-color: #2896c7;
    padding: 1px 16px 1px 8px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    background-image: url(../images/mark010.png);
    background-repeat: no-repeat;
    background-position: right 6px center;
    border-radius: 3px;
}

#dppSearch .subSectiondpp{
	margin-bottom: 20px;
}

#tab-5,#tab-6, #tab-7 {
    background: #fff;
    height: 539px;
    padding: 20px 15px 0;
}

.happyHolidayOversea .subSection06 dd {
    width: auto;
    margin-top: 0;
}
.subSection06 { margin-top: 20px;}
.happyHolidayOversea .subSection06 dd input[type=text] {
    width: 100%;
    padding: 0;
}
.happyHolidayOversea .subSection07 {margin: 20px 0 0;}
.happyHolidayOversea .submit {margin: 10px 0 0;}/*海外ツアータブの内容によっての調整*/

/*
.subSection01 dt {
    position: absolute;
    top: 10px;
    left: 25px;
    color: #666;
}*/
.happyHolidayOversea .subSection01 select {
    width: 100%;
}
.happyHolidayOversea .subSection02 select {
    width: 189px;
}
.happyHolidayOversea .subSection02 dl {
    position: relative;
}
.happyHolidayOversea .subSection02 dl:first-child dt {
    position: absolute;
    top: 10px;
    left: 9px;
    color: #666;
    z-index: 1;
}
.happyHolidayOversea .subSection02 dl:last-child dt {
    position: absolute;
    top: 10px;
    left: 11px;
    color: #666;
}
.happyHolidayOversea .subSection02 dl:nth-child(2) {
    margin: 0;
}
.happyHolidayOversea .subSection02 dl:first-child {
    margin-right:0;
}
.happyHolidayOversea .iLeft select {
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 20px auto;
    background-color: #fff;
    z-index: 1;
}
.happyHolidayOversea .subSection03 input[type=text] {
    width: 179px;
    padding: 15px 0px 0 10px;
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 10px auto;
    height: 51px;
}
.happyHolidayOversea .subSection03 dt {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #666;
}
.happyHolidayOversea .subSection03 dl {
    position: relative;
}

.happyHolidayOversea .subSection03 dl:last-child {
    margin: 0;
}
.happyHolidayOversea .subSection03 dd select {
    width: 189px;
    vertical-align: middle;
}
.happyHolidayOversea .subSection06 dt {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
}
.subSection07 label {
    border: none;
    display: inline;
    background-image: none;
}
/*地図　エリア位置*/
.happyHolidayOversea .america {
    top: 83px;
    left: 55px;
}
.happyHolidayOversea .middleEast {
    top: 114px;
    left: 56%;
}
.happyHolidayOversea .asia {
    top: 90px;
    left: 70%;
}
.happyHolidayOversea .russia {
    top: 65px;
    left: 75%;
}
.happyHolidayOversea .hawaii {
    top: 159px;
    left: 65%;
}
.happyHolidayOversea .oceania {
    top: 200px;
    left: 75%;
}
.happyHolidayOversea .shanghaiDisney {
    top: 263px;
    left: 5%;
}
.happyHolidayOversea .other {
    top: 230px;
    left: 5%;
}
.happyHolidayOversea .europe {
    top: 84px;
    left: 38%;
}
.happyHolidayOversea .iRight .shanghaiDisney a, .happyHolidayOversea .iRight .other a {
    background-color: #e6a521;
}
/* 海外ツアー検索ボックス */
.acordion_tree {
    display: inherit;
}
/*海外タブ*/
.searchBoxArea .pdyList li:nth-child(n+4).sel {
    background: #2996c7;
}
.searchBoxArea .pdyList li:nth-child(n+4)::after {
    border-color: transparent transparent transparent #2996c7;
}

.happyHolidayPackage select, .happyHolidayAir .iLeft select, .happyHolidayAir .iRight .subSection02 select{
    width: 199px;
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 20px auto;
    background-color: #fff;
    z-index: 1;
    height: 50px;
    border-radius: 4px;
    padding: 5px 15px 0 10px;
    font-size: 16px;
    border: 1px solid #ccc;
}
.happyHolidayPackage .subSection01 select,.happyHolidayAir .subSection01 select {
    width: 100%;
}
.subSection02 dl {
    display: inline-block;
}
.subSection02 dl input[type="text"],.happyHolidayAir .subSection06 dl input[type="text"],.happyHolidayAir .subSection07 dl input[type="text"] {
    padding: 12px 1px 12px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    width: 199px;
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 20px auto;
}
.happyHolidayPackage .iLeft div,.happyHolidayAir .iLeft div {
    margin-top: 15px;
}
.required {
    background: #f72500;
    color: #fff;
    padding: 0 5px;
    font-size: 80%;
    line-height: normal;
    margin-left: 2px;
    vertical-align: bottom;
}
.subSection02 dt, .subSection03 dt, .subSection05 li,.subSection06 li{
    margin-bottom: 5px;
}
.subSection03 ul,.subSection02 ul {
    display: flex;
    flex-wrap: wrap;
}
.subSection03 li,.subSection02 li {
    width: calc(100% / 3);
    display: inherit;
}
.subSection03 li select,.subSection02 li select{
    width: 100%;
}
.subSection03 li:nth-child(2) select {
    margin: 0 5px;
}
.subSection05 li:last-child,.subSection06 li:last-child {
    display: flex;
    flex-wrap: wrap;
}
.subSection05 li:last-child dl,.subSection06 li:last-child dl {
    width: calc(100% / 3);
    display: inherit;
}
.subSection05 li:last-child dt,.subSection06 li:last-child dt {
    position: absolute;
    padding: 7px;
    color: #666;
}
.happyHolidayPackage .subSection05 select,.happyHolidayPackage .subSection06 select {
    width: 180px;
    display: inline-block;
    height: auto;
    padding: 20px 10px 7px;
}
.note {
    margin-top: 10px;
}
#tab-6 .submit, #tab-7 .submit {
    width: 65%;
    margin: auto;
}
#tab-6 .submit input[type=submit],#tab-7 .submit input[type=submit] {
    margin: 40px 0 0;
}
.happyHolidayAir .iLeft select {
    width: 100%;
}
.happyHolidayAir .iLeft li {
    width: calc(100% /3 - 5px);
}
.happyHolidayAir .iLeft li:nth-child(2) {
    margin: 0 5px;
}
.happyHolidayAir .iLeft .subSection03 ul {
    display: inline-block;
}
.happyHolidayAir .iLeft .subSection03 li {
width: 100%;
}
.happyHolidayAir .subSection03 li:last-child {
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
    display: flex;
}
.happyHolidayAir .subSection03 li:last-child dl {
    width: 130px;
}
.happyHolidayAir .subSection03 li:last-child dl dt {
    display: inline-block;
    width: 100%;
    position: absolute;
    padding: 5px;
    color: #666;
}
.happyHolidayAir .subSection03 li:nth-child(2) select {
    margin: 0;
    height: auto;
    padding: 20px 10px 8px;
}
.happyHolidayAir .subSection03 li:last-child dl:nth-child(2) {
    margin: 0 5px;
}
.happyHolidayAir .iRight .subSection05 {
    margin-top: 20px;
}
.happyHolidayAir .iRight .subSection05 label {
    background-image: none;
    border: none;
    display: inline;
    margin-right: 10px;
}
.happyHolidayAir .subSection06,.happyHolidayAir .subSection07 {
    display: inline-block;
}
.happyHolidayAir .subSection06 dt,.happyHolidayAir .subSection07 dt, .happyHolidayAir .iLeft .subSection03 li:first-child {
    margin-bottom: 5px;
}
.happyHolidayPackage .iLeft,.happyHolidayAir .iLeft{
    border-right: 2px solid #2996c7;
    padding: 15px 20px 0 15px;
}


/*ナビスタイル*/
svg {
  fill: currentColor;
    width:30%;
}
.paegNav li a {
    font-size: 14px;
}

.menu-kokunai svg { fill: #3a77c7;}
.menu-kaigai svg { color: #2996c7;}
.paegNav li {
    width: calc(55% / 6);
    justify-content: center;
}
.paegNav .menu-kaigai a {
    color: #2996c7;
}
.paegNav li:nth-child(8) {
    border-right: 1px solid #a4a4a4;
}
/*ナビの追尾を解除*/
#pageNav.fixMenu {
    position: initial;
}
/*お知らせ*/
.newsSection {
    background: none;
}
.newsSection .container.cf {
    text-align: center;
    padding: 20px 0;
}
.news-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.kokunai-news, .kaigai-news {
    width: 46%;
}
.newsSection li .body{width: 58%;text-align: left;}
.newsSection .kokunai-news li .categoly {
    background: #3a77c7;
    width: 110px;

    text-decoration: underline;
}
.newsSection .kaigai-news li .categoly {
    background: #2996c7;
    width: 110px;
}
.newsSection li {
border-top:1px dashed #999;
    padding-top: 25px;
    margin-bottom: 15px;
    border-bottom: 0;
}
.newsSection li:last-child {
border-bottom:1px dashed #999;
    padding-bottom: 15px;
}
/*人気エリア*/
.toshiInr-box {
    display: flex;
    flex-wrap: wrap;
}
.toshiInr-box .toshiInr {
    width: 50%;
}
.toshiInr a {
    width: 45%;
    margin: 0;
    display: inline-flex;
}
.toshiInr a:nth-of-type(even) {
    margin-left: 15px;
    margin-right: 0;
}
/*記事*/
#contents5 {
    background: none;
}
.tabitokuBox {
    width: 100%;
    margin: 4% auto;
}
.magazine {
    width: 1200px;
    margin: 4% auto;
    display: flex;
    flex-wrap: wrap;
}
.magazineBox {
    background: #eee;
    padding: 10px 0;
}
.tabitokuBox li {
    margin-bottom: 40px;
}
.tabitokuBox li a span.area:after {
    content: "";
    display: inline-block;
    background-image: url(/module/top/images/motto_arrow01.svg);
    height: 10px;
    background-repeat: no-repeat;
    width: 50px;
    position: absolute;
    right: 0;
}
.kokunai-magazine, .kaigai-magazine {
    width: calc(100% /2);
}
.tabitokuBox .contTtl {
    margin-bottom: 2%;
}
.kokunai-magazine a:before,.kaigai-magazine a:before {
    content: "";
    display: inline-block;
    background-image: url(/module/top/images/magazin-img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 50px;
    width: 50px;
}
.kizi-kokunai,.kizi-kaigai {
    display: inline-block;
    vertical-align: top;
    font-family: 'Arial Black','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 24px;
    text-align: left;
}
.kaigai-magazine .mottoBtn a{background: #2996c7;}
.kokunai-magazine .mottoBtn a:before,.kaigai-magazine .mottoBtn a:before {display:none;}
.kizi-kokunai:first-letter,.kizi-kaigai:first-letter {
    font-size: 30px;
}
.kokunai-magazine li:first-child .kizi-kokunai:first-letter {
    color: #6633ff;
}
.kokunai-magazine li:nth-child(2) .kizi-kokunai:first-letter {
    color: #ff9700;
}
.kokunai-magazine li:nth-child(3) .kizi-kokunai:first-letter {
    color: #66ff66;
}
.kokunai-magazine li:nth-child(4) .kizi-kokunai:first-letter {
    color: #ff97ca;
}
.kokunai-magazine li:nth-child(5) .kizi-kokunai:first-letter {
    color: #ba97ff;
}
.kaigai-magazine li:first-child .kizi-kaigai:first-letter {
    color: #ff66ff;
}
.kaigai-magazine li:nth-child(2) .kizi-kaigai:first-letter {
    color: #ca66ff;
}
.kaigai-magazine li:nth-child(3) .kizi-kaigai:first-letter {
    color: #ff6666;
}
.kaigai-magazine li:nth-child(4) .kizi-kaigai:first-letter {
    color: #53b9ff;
}
.kaigai-magazine li:nth-child(5) .kizi-kaigai:first-letter {
    color: #7de7cc;
}

.voiceAreaCheck{
    display: flex;
    margin: 25px 0;
}
.voiceAreaCheck li{
    margin-right: 15px;
    font-size: 115%;
}

.voiceAreaCheck {
    margin: 2em auto;
    text-align: left;
    border: 1px solid white;
    border-radius: 3px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.voiceAreaCheck:before,
.voiceAreaCheck:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

.voiceAreaCheck input[type=radio] {
    display: none;
}
.voiceAreaCheck label:focus,
.voiceAreaCheck label:hover,
.voiceAreaCheck label:active,
.voiceAreaCheck input:checked + label {
    color: #3a77c7;
}
.voiceAreaCheck label:focus:before,
.voiceAreaCheck label:hover:before,
.voiceAreaCheck label:active:before,
.voiceAreaCheck input:checked + label:before {
    border-color: #3a77c7;
    background: #ffffff;
}
.voiceAreaCheck label {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 1em 1em 1em 3em;
    cursor: pointer;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ffffff;
}
.voiceAreaCheck label:before {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 10px;
    height: 10px;
    content: '';
    border: 0.2em solid #cccccc;
    border-radius: 50%;
}
.voiceAreaCheck input:checked + label:before {
    border-color: #3a77c7;
    background: #3a77c7;
}
.voiceAreaCheck input:disabled + label {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.5);
    background: #efefef;
}
.voiceAreaCheck input:disabled + label:hover {
    border-color: rgba(0, 0, 0, 0.1);
}
.voiceAreaCheck input:disabled + label:before {
    border-color: #ffffff;
    background: #ffffff;
}

.searchBox label[name=tbpndep2]::before {
    content: "\51FA\767A\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}
.searchBox label[name=tbpnarr2]::before {
    content: "\5230\7740\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}
.searchBox label[name=tbpndepf2]::before {
    content: "\51FA\767A\7A7A\6E2F\FF08\5FA9\8DEF\FF09";
}
.searchBox label[name=tbpnarrf2]::before {
    content: "\5230\7740\7A7A\6E2F\FF08\5FA9\8DEF\FF09";
}


.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    padding: 10px;
}
#ui-datepicker-div th a, #ui-datepicker-div td a {
    padding: 10px;
    height: inherit !important; 
    text-align: center;
}
.acordion_tree2{display:block;}
@media only screen and (max-width: 789px){
    /*.acordion_tree2{display:none;}*/

    .spOnly {
        display: block;
    }
    .pcOnly {
        display: none;
    }
    .toshiInr-box .toshiInr {
        width: 100%;
    }
    .toshiInr dl dt{display:block;width:100%;}
    .toshiInr dt div,.toshiInr img {
        width: 100%;
    }
    .news-box{
        display:block;
        width:100%;
    }
    .kokunai-news, .kaigai-news {width: 100%;}
    .newsSection li .body{width:100%;}
    .slick-dots li{border-top:none !important;display:inline-block !important;
        width:auto !important;
        height:auto !important;
        padding-top: 25px !important;
        margin-bottom: 0px !important;
        border-bottom: 0 !important;
    }
    .slick-slider {
        margin-bottom: 0 !important;
    }
    .newsSection .readMore {margin: 10px 0;}
    .newsSection {
        background: none;
        margin: 0;
        padding: 0;
    }
    .magazine{width:100%;}
    .kokunai-magazine, .kaigai-magazine {
        width: 100%;
        margin: 15px 0;
    }
    .tabitokuBox li {
        margin: 0 20px 0;
    }
    .kizi-kokunai, .kizi-kaigai {
        width: 60%;
    }
    .mottoBtn a {
        width: 74%;
        font-size:105%;
        margin: 15px 0 5px;
    }

    .voiceSlide{padding:0 10px;}
    article.topPage {
        padding-top: 60px !important;
    }
    .searchBoxArea {
        padding-top: 15px;
    }
    .TourTitle h3 {
        display: inline-block;
        width: 40%;
    }
    .TourTitle h3 img{width:100%;height:auto;}
    .TourTitle p {
        width: 55%;
        font-size: 80%;
        margin-left: 0;
    }
    .happyHolidayOversea .iLeft {
        float: inherit;
        width: 100%;
        padding: 0;
        border:none;
    }
    .happyHolidayOversea .subSection02 dl,.happyHolidayOversea .subSection03 dl{width:100%;}
    .happyHolidayOversea .subSection02 dl select,.happyHolidayOversea .subSection03 dl select,.happyHolidayOversea .subSection03 input[type=text]{width:100%;}
    .happyHolidayOversea .subSection02 dl select, .happyHolidayOversea .subSection03 dl select, .happyHolidayOversea .subSection03 input[type=text] {
        width: 100%;
        box-sizing: border-box;
        height: inherit;
        padding: 22px 8px 6px;
    }
    .searchBoxArea{height:810px;}
    #tab-5, #tab-6, #tab-7{padding:0;height:inherit;}
    .happyHolidayOversea .subSection02 dl, .happyHolidayOversea .subSection03 dl, .happyHolidayOversea .subSection04 dl{width:100%;}
    .happyHolidayOversea .iLeft select{width:100%;}

    .happyHolidayOversea .subSection02, .happyHolidayOversea .subSection03, .happyHolidayOversea .subSection04,.subSection03+.happyHolidayPackage .iLeft div.subSection02{
        display: flex;
        justify-content: space-between;
    }
    .happyHolidayOversea .subSection02 dl,.happyHolidayOversea .subSection03 dl,.happyHolidayOversea .subSection04 dl,.happyHolidayPackage .iLeft div.subSection02 dl{width:49%;}
    .happyHolidayOversea .subSection05 dl dd {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .happyHolidayOversea .subSection04 dl select,.happyHolidayOversea .subSection05 dl select {
        width: 100%;
        padding: 13px 10px;
        height: inherit;
    }
    .searchBox {padding: 0 15px;}
    .happyHolidayOversea .iRight{display:none;}
    .happyHolidayOversea .subSection06 dd input[type=text] {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    .happyHolidayPackage .iLeft, .happyHolidayAir .iLeft{width:100%;float:inherit;padding:0;}
    .subSection02 dl input[type="text"], .happyHolidayAir .subSection06 dl input[type="text"], .happyHolidayAir .subSection07 dl input[type="text"]{width:100%;}
    .happyHolidayPackage .iRight, .happyHolidayAir .iRight{width:100%;}
    .happyHolidayPackage .subSection05 select, .happyHolidayPackage .subSection06 select{width:100%;}
    .subSection05 li:last-child dd,.subSection06 li:last-child dd{width:98%;}
    .happyHolidayPackage select, .happyHolidayAir .iLeft select, .happyHolidayAir .iRight .subSection02 select{width:100%;}
    .subSection05 li:last-child dt, .subSection06 li:last-child dt {
        font-size: 80%;
    }
    .happyHolidayPackage select{font-size:90%;}
    div.subSection01{position:relative;overflow:inherit !important;}
    .subSection01 dt {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #666;
    }
    .happyHolidayAir .iLeft .subSection03 ul{width:100%;}
    .happyHolidayAir .subSection03 li:last-child dl {
        width: 32%;
    }
    .happyHolidayAir .subSection03 li:last-child dl dt {
        padding: 6px 5px 5px;
        font-size: 80%;
    }
    .happyHolidayPackage select, .happyHolidayAir .iLeft select, .happyHolidayAir .iRight .subSection02 select {
        background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
        background-size: 10px auto;
    }
    .happyHolidayAir .iRight .subSection02 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .happyHolidayAir .iRight .subSection02 select {
        width: 98%;
        font-size: 90%;
    }
    .happyHolidayAir .subSection06,.happyHolidayAir .subSection07{width:100%;}
    .TourTitle{padding:15px 0;}
    .searchBoxArea .pdyList li::after {
        opacity: 0;
        transition-duration: 0.6s;
        content: "";
        position: absolute;
        bottom: -10px;
        right: 44%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #3a77c7 transparent transparent transparent !important;
    }
    .searchBoxArea .pdyList li.world::after,.searchBoxArea .pdyList li.kaigai-dp::after,.searchBoxArea .pdyList li.kaigai-ao::after {
        border-color: #2996c7 transparent transparent transparent !important;
    }



.searchBoxArea .pdyList li.dp.sel span,.searchBoxArea .pdyList li.kaigai-dp.sel span {
    background: url(/module/kokunai-top/images/2020/search_dp.png) no-repeat left;
    background-position: 28px 0px !important;
    background-size: 120px !important;
}
.searchBoxArea .pdyList li.dp span,.searchBoxArea .pdyList li.kaigai-dp span {
    background: url(/module/kokunai-top/images/2020/search_dp.png) no-repeat left;
    background-position: -59px 0px !important;
    background-size: 120px !important;
}
.searchBoxArea .pdyList li.dom span,.searchBoxArea .pdyList li.world span {
    background: url(/module/kokunai-top/images/2020/search_dom.png) no-repeat;
    background-size: 90px !important;
    background-position: -52px 2px !important;
}
.searchBoxArea .pdyList li.dom.sel span,.searchBoxArea .pdyList li.world.sel span {
        background-position: 10px 2px !important;
}
.searchBoxArea .pdyList li.ydts.sel span {
    background-position: 26px 5px;
}
.searchBoxArea .pdyList li:nth-of-type(5){margin-bottom:0;}

.searchBoxArea .pdyList li.kaigai-ao span {
    background: url(/module/top/images/air_world.png) no-repeat;
    background-size: 90px !important;
    background-position: -45px 2px !important;
}
.searchBoxArea .pdyList li.kaigai-ao.sel span {
    background-position: 12px 2px !important;
}

.voiceslide ul{
    position: relative;
    -webkit-overflow-scrolling: touch;
}
.voiceslide ul::-webkit-scrollbar{ /* スクロールバー全体 */
    width: 15px;
}

.voiceslide ul::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #F70841;
    border-radius: 10px;
}
.voiceslide ul::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #ffa5ba;
}
.voiceslide ul::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #ffa5ba;
}
.kokunaiTop .swiper-slide{width:90%;}

.accordion h3.trigger2 {
    position: relative;
    padding-left: 12px;
    color: #333;
    font-weight: bold;
    margin: 20px 0 10px;
}
.accordion h3.trigger2 span.open-close {
    position: absolute;
    top: 1px;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url(../images/acordion-down.png);
    background-repeat: no-repeat;
}
.acordion_tree{display:none;}
.trigger2 span:nth-of-type(1){margin:0;padding:0;}
.trigger2{display:none;}
#SearchFormOverseaDP .subSection01 dt,#SearchFormOverseaAiron .subSection01 dt{
    position: absolute;
    top: -20px;
    left: 0;
    color: #666;
}
}
.searchBoxArea {
    background: url(/module/top/images/gtop-main1.jpg) no-repeat;
    height: 520px;
    padding: 20px 0 90px;
    background-size: 100% 100%;
}
.searchBox label:not(.rmlabel),.happyHolidayOversea .iLeft select,.happyHolidayPackage select, .happyHolidayAir .iLeft select, .happyHolidayAir .iRight .subSection02 select {
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 10px auto;
}
.searchBoxArea .pdyList{background:none;}
.searchBox label#selDate,label[name=odd],label[name=fdd],input#datepickerHappyPK01,input#datepickerHappyPK02,input#datepickerHappyAir01,input#datepickerHappyAir02{background:none;}

@media only screen and (max-width: 789px){
.searchBoxArea {
    height: 810px;
    padding: 20px 0;
}
.searchWrap{margin:0 10px;}
.searchBoxArea {
    background: url(/module/top/images/bg_sp.png) no-repeat;
    padding: 20px 0 90px;
    background-size: 100% 1000px;
}
.subSection02 dl input[type="text"], .happyHolidayAir .subSection06 dl input[type="text"], .happyHolidayAir .subSection07 dl input[type="text"],.happyHolidayOversea .iLeft select,.happyHolidayOversea .subSection03 input[type=text]{
    background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
    background-size: 10px auto;
}
#SearchFormOversea div.subSection01 dt {
    left: 12px;
}
}


                    .happyHolidayOversea .subSection04,.happyHolidayOversea .subSection05{display:flex;}
                    .happyHolidayOversea .subSection04 dl{display:inherit;}
                    .happyHolidayOversea .subSection04 dl.number {
                        position: relative;
                        width: 50%;
                        margin: 0 4px 0 0;
                    }
                    .happyHolidayOversea .subSection04 dl.number dt {
                        position: absolute;
                        top: 7px;
                        left: 10px;
                        color: #666;
                    }
                    .happyHolidayOversea .subSection04 dl.career dt {
                        position: absolute;
                        top: 7px;
                        left: 10px;
                        color: #666;
                    }
                    .happyHolidayOversea .subSection04 dl.career,.happyHolidayOversea .subSection05 dl.price,.happyHolidayOversea .subSection05 dl.priceto {
                        position:relative;                      
                        width:50%;
                    }
                    .happyHolidayOversea .subSection04 dl.career dt{position:absolute;}

                    .happyHolidayOversea .subSection05 dl dd{
                        width:100%;
                    }
                    .happyHolidayOversea .subSection05 dl dt{
                        position: absolute;
                        top: 8px;
                        color: #666;
                        left: 10px;
                        font-size: 12px;
                    }
                    .happyHolidayOversea .subSection05 dl.price dd{display:flex;align-items: center;}
                    .happyHolidayOversea .subSection05 dl.price dd span{padding:0 10px;}
                    .happyHolidayOversea .subSection05 dl select {
                        width: 100%;
                    }
                    .happyHolidayOversea .subSection04 dl.career select,.happyHolidayOversea .subSection04 dl.number select,.happyHolidayOversea .subSection04 dl.career dd,.happyHolidayOversea .subSection04 dl.number dd{width:100%;}

                    .happyHolidayOversea .iLeft select{height:51px}
                    .searchBoxArea {height: 620px;}
                    .searchBox .subSection07 label:not(.rmlabel){
                        background: url(/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center;
                        background-size: 10px auto;
                    }
                    #tab-5, #tab-6, #tab-7 {
                        background: #fff;
                        height: 620px;
                        padding: 20px 15px 0;
                    }
                    @media only screen and (max-width: 789px){
                        .searchBoxArea .pdyList li:nth-of-type(2),.searchBoxArea .pdyList li:nth-of-type(3),.searchBoxArea .pdyList li:nth-of-type(5),.searchBoxArea .pdyList li:nth-of-type(6) {
                            display:none;
                        }
                        .searchBoxArea .pdyList {
                            width: 100%;
                        }
                        .searchBoxArea .pdyList li {
                            width: 50%;
                        }
                        .tourSearch {
                            height: 470px;
                        }
                        .happyHolidayOversea .subSection04 dl.number,.happyHolidayOversea .subSection04 dl.career {
                            display: block;
                        }
                        .happyHolidayOversea .subSection04 dl.number{margin:0 6px 0 0;}
                        .happyHolidayOversea .subSection04 dl.number dt, .happyHolidayOversea .subSection04 dl.number dd,.happyHolidayOversea .subSection04 dl.career dt,.happyHolidayOversea .subSection05 dl dt {
                            position: inherit;
                            width: 100%;
                            top:0;
                            left:0;
                        }
                        #tab-5, #tab-6, #tab-7 {
                            padding: 0;
                            height: inherit;
                        }
                        .happyHolidayOversea .subSection06 dt {
                            font-size: 14px;
                        }
                        .happyHolidayOversea .subSection07 input[type="checkbox"]:checked + label:not(.rmlabel),.searchBox .subSection07 label:not(.rmlabel){background:inherit;}
                        .searchBoxArea {
                            height: 750px;
                            padding: 20px 0;
                            margin-bottom:0;
                        }
                        .docoBox {height: 730px;}
                        .closeBtn {    bottom: -105px;}

    .mapBox li.map_hkd {left: 196px;}
    .mapBox li.map_chu { left: 100px;}    

    .paegNav{position:inherit;}
    .paegNav li#navClose{display:none;}
    .paegNav li {
        width: 24.5%;
        justify-content: center;
        border:none;
    }
    .paegNav li a {
        font-size: 11px;
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px solid #ccc;
    }
    .paegNav {
        background: #eee;
    }

    .paegNav li:nth-child(8){
        border-right:none !important;
    }
    .paegNav svg {
        width: 30%;
        display: block;
        margin: 0 auto 4px;
    }
    .paegNav li:nth-child(2) svg,.paegNav li:nth-child(3) svg,.paegNav li:nth-child(6) svg{
        width: 50%;
    }
    .paegNav li br{display:none;}
    .paegNav li{height:70px;}
    .paegNav li:nth-of-type(2),.paegNav li:nth-of-type(6){
        border-right: 1px solid #ccc;
    }

}
.tabitokuBox .paidy{
    text-align: center;
    padding-bottom: 30px;
}
.tabitokuBox .paidy a{
    display: block;
}
@media screen and (max-width: 768px) {
    .tabitokuBox .paidy{
        width: 90%;
        padding-bottom: 15px;
        margin: 0 auto;
    }
    .tabitokuBox .paidy img{
        width: 100%;
    }
}