@charset "UTF-8";
/*=================================*/
/*  default For tourSearch
/*=================================*/
.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: #333333;
}
.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{
    width: 100px;
    font-size: 100%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
}
.tourSerch select{
    width: 100px;
    font-size: 100%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    vertical-align: middle;
    position:relative;
    background: #fff url("../Images/common/triangle_bottom_black.svg") right 5px bottom 7px no-repeat;
    background-size: auto auto;
    background-size: 10px 8px;
}
.tourSerch q:before, .tourSerch q:after{
    content: '';
}
/*=================================*/
/*  tourSerch
/*=================================*/
.tourSerch{
    font: 14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    padding: 15px 0;
    width:100%;
}
.tourSerch .tourSerchInner{
    width:95%;
    margin: 0 auto;
}
.tourSerch .groupSet{
    overflow: hidden;
    margin: 0 0 5px;
    width:100%;
    background: none !important;
}
.tourSerch .groupSet li{
    margin: 15px 15px 15px 0;
}
.tourSerch .tsGroupTitle{
    color: #555555;
    font-weight: bold;
    font-size: 16px;
}
.tourSerch .flightSet{
    overflow: hidden;
    margin: 0 0 5px;
    width:100%;
}
.tourSerch .tsFlightTitle{
    color: #555555;
    font-weight: bold;
    font-size: 16px;
}
.tourSerch .tsDateTitle{
    color: #555555;
    font-weight: bold;
    font-size: 16px;
}

.tourSerch .checkSet{
    overflow: hidden;
    margin: 0 0 5px;
}
.tourSerch .checkSet li{
    width: 280px;
}
.tourSerch .checkSet01{
    display:table-cell;
}
.tourSerch .checkSet01 h3, .tourSerch .checkSet01 p{
    margin-left:15px;
}
.tourSerch .checkSet02{
    display:table-cell;
}
.tourSerch .checkSet02 h3, .tourSerch .checkSet02 p{
    margin-left:15px;
}
.tourSerch .tsCheckTitle{
    color: #555555;
    font-weight: bold;
    font-size: 16px;
}
.tourSerch .modTbl01{
    padding: 0px 0px;
    width: 100%;
}
.tourSerch .modTbl01 ul{
    display:table;
    width:100%;
}
.tourSerch .modTbl01 select{
    width: 80%;
    height: 26px;
    position:relative;
    background: #fff url("../Images/common/triangle_bottom_black.svg") right 5px bottom 7px no-repeat;
    background-size: auto auto;
    background-size: 10px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:1px solid #c4c4c4;
}
.tourSerch .goAirportArea{
    display:table-cell;
    vertical-align: top;
    width: calc(100% / 3) ;
}
.tourSerch .rtnAirportArea{
    display:table-cell;
    vertical-align: top;
    width: calc(100% / 3) ;
}
.tourSerch .goDate{
    display:table-cell;
    vertical-align: top;
    width: calc(100% / 3) ;
}
.tourSerch .goDate h3, .tourSerch .goDate p{
    margin-left:15px;
}

.tourSerch .rtnDate{
    display:table-cell;
    vertical-align: top;
    width: calc(100% / 3) ;
}
.tourSerch .rtnDate h3, .tourSerch .rtnDate p{
    margin-left:15px;
}
.tourSerch .deptAirportArea, 
.tourSerch .arrvAirportArea{
    margin: 0 0 10px;
}
.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{
    height: 43px;
    cursor: pointer;
    margin: 0;
    width: 100%;
    padding: 1px 0 0 85px;
    line-height: 3.3em;
    background: transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.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;
}
.tourSerch .labelCompanion{
    background: none;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
}
.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{
    padding-left: 30px;
    padding-right: 0px;
    text-align: center;
    margin: 1px 0 0;
    line-height: 0;
    overflow: hidden;
    position:relative;
}
.tourSerch .tsSubmit{
    display: inline-block;
    overflow: hidden;
    width: 270px;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    padding:10px;
    font-size:1.4em;text-align:center;
}
.tourSerch .tsSubmit:hover{
    opacity: 0.7;
}
/*datepicker for IE8 fix*/
.tourSerch .calArea img{
    top: 11px;
}
.tourSerch .border{
    clear:left;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}
.searchSection {
    margin: 0 15px 5px 0;
}
.tourSerch .tsDateTitle:empty{
    height:1.8em;
}
/*--------------- sp -------------------*/
@media screen and (max-width: 740px) {
    .tourSerch{
        min-width: 100%;
    }
    .tourSerch .tourSerchInner{
        width: 90%;
        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%;
        margin:0 auto;
        padding-left: 0px;
   }
   .tourSerch .tsSubmitButton:before{
        top:20px!important;
   }
   .tourSerch .tsSubmit{
        width:100%;
   }
}
/*ボタンの装飾*/
.tourSerch .tsSubmit{
    background-color:#303030;
    color:#fff;
}
.tourSerch .calArea{
    background-image: url(../Images/tsFlightButtonBg.jpg);
    border: 1px solid #c4c4c4;
}
.tourSerch .child_toggle{
    background-image: url(../Images/tsAddChild.jpg);
}