@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
/*=================================*/
/*  default For tourSearch
/*=================================*/
:root{
    --font-color: #0d1a33;
    --ttl-font-color: #2B364C;
    --focus-border: #00489d;
    --hover-border: #00489d;
    --disable-bg: #bccddd;
    --error-border: #f14848;
    --tourSerchInner-bg: #F4F7F9;
}
.fa:before { font-family: 'FontAwesome' ; padding-right: 5px ; }
.gadgetbody{
    display: block;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.tourSerch{
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
}

.tourSerch{
    overflow-y: scroll;
}

.tourSerch{
    overflow: visible;
}

.tourSerch{
    background: #fff;
}
.tourSerch,
.tourSerch dl,
.tourSerch dt,
.tourSerch dd,
.tourSerch ul,
.tourSerch ol,
.tourSerch li,
.tourSerch h1,
.tourSerch h2,
.tourSerch h3,
.tourSerch h4,
.tourSerch h5,
.tourSerch h6,
.tourSerch pre,
.tourSerch form,
.tourSerch fieldset,
.tourSerch input,
.tourSerch textarea,
.tourSerch p,
.tourSerch blockquote,
.tourSerch th,
.tourSerch td{
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    color: #2B364C;
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    vertical-align: middle;
}

.tourSerch input,
.tourSerch select{
    display: block;
    background-color: #fff;
    border: 1px solid #EBF0F5;
    border-radius: 8px;
    margin-top: 2px;
    padding: 0 15px;
    color: #0D1A33;
    width: 100%;
    height: 57px;
}
.tourSerch input:disabled,
.tourSerch select:disabled{
    color: light-dark(graytext, rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
    opacity: 0.7;
}

.tourSerch select{
    background-image: url("../Images/TYK/Arrowhead.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 100%;
    position:relative;
    background-size: auto auto;
}

.tourSerch table{
    border-spacing: 0;
    border-collapse: collapse;
}
.tourSerch fieldset, .tourSerch img{
    border: 0;
}
.tourSerch address, .tourSerch caption, .tourSerch cite, .tourSerch code, .tourSerch dfn, .tourSerch em, .tourSerch strong, .tourSerch th, .tourSerch var{
    font-weight: normal;
    font-style: normal;
}
.tourSerch ol, .tourSerch ul{
    list-style: none;
}
.tourSerch caption, .tourSerch th{
    text-align: left;
}
.tourSerch h1, .tourSerch h2, .tourSerch h3, .tourSerch h4, .tourSerch h5, .tourSerch h6{
    font-weight: normal;
    font-size: 100%;
}

.tourSerch img{
    vertical-align: top;
}
.tourSerch input,
.tourSerch textarea{
    font-size: 100%;
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
}
.tourSerch q:before, .tourSerch q:after{
    content: '';
}

.tourSerch input:focus,
.tourSerch select:focus,
.tourSerch textarea:focus{
    border: 1px solid var(--focus-border);
}

/*=================================*/
/*  tourSerch
/*=================================*/
.tourSerch{
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    padding: 15px 0;
    max-width: 749px;
    margin: 0 auto;
}
.tourSerch .tourSerchInner{
    background-color: #F4F7F9;
    border-radius: 12px;
    padding: 35px 25px;
}
.tourSerch .groupSet{
    overflow: hidden;
    width:100%;
    background: none !important;
}
.tourSerch .groupSet li{
}
.tourSerch .tsGroupTitle{
    color: #2B364C;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 1.7rem;
}
.tourSerch .flightSet{
    overflow: hidden;
    margin: 28px 0 0;
    width:100%;
}
.tourSerch .tsFlightTitle{
    color: #0d1a33;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 1.7rem;
}
.tourSerch .tsDateTitle{
    font-weight: bold;
    font-size: 16px;
}

.tourSerch .checkSet{
    overflow: hidden;
    margin: 0 0 5px;
}
.tourSerch .checkSet li{
    width: 280px;
}
.tourSerch .tsCheckTitle{
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 1.7rem;
}
.tourSerch .flightSet02{
    margin-top: 20px;
}
.tourSerch .modTbl01{
    padding: 0px 0px;
    width: 100%;
    margin-bottom: 20px;
}
.tourSerch .modTbl01 ul{
    width:100%;
}
.tourSerch .modTbl01 p{
    font-weight: bold;
    margin-bottom: 20px;
}
.tourSerch .modTbl01 p.hotelArea {
    margin-bottom: 15px;
}

.tourSerch .goAirportArea{
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
}
.tourSerch .rtnAirportArea{
    vertical-align: top;
    width: 100%;
}

.tourSerch .checkSet02{
    margin-top: 20px;
}

.tourSerch .goDate{
    vertical-align: top;
    width: 100%;
}

.tourSerch .rtnDate{
    vertical-align: top;
    width:100%;
}
.tourSerch .deptAirportArea, 
.tourSerch .arrvAirportArea{
    margin: 0 0 10px;
}
.tourSerch .checkSet01{
    margin-top: 28px;
}
.tourSerch .calArea{
    position: relative;
    overflow: hidden;
}
.tourSerch .calArea:hover{
    background-position: 0 -44px;
}
.tourSerch .calArea .ui-datepicker-trigger{
    position: absolute;
    top: 11px;
    left: 46px;
    cursor: pointer;
}
.tourSerch .calendarInput{
    height:1px;
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
}
.tourSerch .altPick{
    width: 95%;
    cursor: pointer;
    line-height: 3.3em;
    background-image: url("../Images/TYK/Calendar.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.tourSerch .child_toggle{
    display: inline-block;
    overflow: hidden;
    padding-top: 22px;
    width: 169px;
    height: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
}
.tourSerch .child_toggle:hover{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
.tourSerch .child_toggle.show{
    background-position: 0 -22px;
}
.tourSerch .childmenu{
    padding-left: 126px;
    border-spacing: 0;
    border-width: 1px 1px 0;
    margin: 0px 0 0;
}
.tourSerch .childmenu .label{
    display: inline-block;
    margin: 0 10px 0 0;
}
.childmenu{
    display : none;
}
.tourSerch .childLabel{
    float: left;
    width: 110px;
}
.tourSerch .childInput{
    float: left;
    width: 50px;
    margin: 0 20px 0 0;
}
.tourSerch .childClear{
    padding-bottom: 2px;
    clear:both;
}
.tourSerch .childAttention{
    padding-left: 126px;
}
.tourSerch .label{
    vertical-align: middle;
    display: inline-block;
    width: 130px;
}
.tourSerch .labelUnit{
    background: none;
    padding-left: 0px;
    margin-bottom: 20px;
}
.tourSerch .labelCompanion{
    display: inline-block;
    font-weight: bold;
}
.tourSerch .labelChild{
    padding-left: 20px;
    background: none;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}
.tourSerch .labelRoom{
    padding-left: 20px;
    background: none;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
}
.tourSerch .tsSubmitButton{
    text-align: center;
    line-height: 0;
    overflow: hidden;
    position:relative;
    margin: 22px auto 0;
}
.searchSection {
    margin-top: 20px;
}

/*ボタンの装飾*/
.tourSerch .tsSubmit{
    background-color:#00489D;
    color:#fff;
    display: inline-block;
    overflow: hidden;
    width: 346px;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    padding:10px;
    font-size:16px;
    text-align:center;
    height: 100%;
}
.tourSerch .tsSubmit:hover{
    opacity: 0.7;
}
/*datepicker for IE8 fix*/
.tourSerch .calArea img{
    top: 11px;
}
.tourSerch .border{
    clear:left;
    border-top: 1px solid #E5EBF2;
    border-bottom: 1px solid #fff;
}
.tourSerch .tsDateTitle:empty{
    height:1.8em;
}
/*--------------- sp -------------------*/
@media screen and (max-width: 767px){
    .tourSerch{
        margin: 0 auto;
    }
    .tourSerch .tourSerchInner{
        margin:0 auto;
    }
    .tourSerch .groupSet{
        width: 100%;
    }
    .tourSerch .flightSet{
        width: 100%;
    }
    .searchSection{
        width: 100%;
    }
    .tourSerch .flightSet01{
        display:block;
    }
    .tourSerch .flightSet02{
        display:block;
    }
    .tourSerch .goAirportArea{
        width: 100%;
        display:block;
    }
    .tourSerch .goDate{
        width: 100%;
        display:block;
    }
    .tourSerch .rtnAirportArea{
        width: 100%;
        display:block;
    }
    .tourSerch .rtnDate{
        width: 100%;
        display:block;
    }
    .tourSerch .checkSet01{
        width: 100%;
        display:block;
    }
    .tourSerch .checkSet02{
        width: 100%;
        display:block;
    }
    .tourSerch .tsDateTitle:empty{
        display:none;
    }
    .tourSerch .tsSubmit{
        width: 100%;
        display:block;
        margin-top:20px;
    }
    .tourSerch .tsSubmit{
        width:60%;
        margin:20px auto 0 auto;
    }
    .tourSerch .checkSet01 h3, .tourSerch .checkSet01 p{
        margin-left:0px;
    }
    .tourSerch .checkSet02 h3, .tourSerch .checkSet02 p{
        margin-left:0px;
    }
    .tourSerch .goDate h3, .tourSerch .goDate p{
        margin-left:0px;
    }
    .tourSerch .rtnDate h3, .tourSerch .rtnDate p{
        margin-left:0px;
   }
   .tourSerch .tsSubmitButton{
        display:block;
        width: 80%;
        padding-left: 0px;
   }
   .tourSerch .tsSubmitButton:before{
        top:20px!important;
   }
   .tourSerch .tsSubmit{
        width:100%;
   }
}
.tourSerch .child_toggle{
    background-image: url(../Images/tsAddChild.jpg);
}