@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

/*メイン画像*/
#MainVisual{
    height: auto;
    object-fit: cover;
    overflow: hidden;
}

#MainVisual img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media screen and (min-width: 768px){
    .imgSP{
        display: none;
    }

    .text_SP{
        display: none;
    } 
}

@media screen and (max-width: 767px){
    #MainVisual{
        height: auto;
    }

    #MainVisual > img{
        height: auto;
    }

    .imgPC{
        display: none;
    }

    .text_PC{
        display: none;
    } 
}

/*アンカー*/
#anker1,#anker2,#anker3,#anker4,#anker5{
    padding-top: 60px;
    margin-top: -60px;
}

.feature_menu1_container{
    display: flex;
    align-items: flex-end;
    gap: 0px;
    text-align: center;
    position: sticky;
    top: 0px;
    z-index: 999;
}

.feature_menu1_list_container{
    display: flex;
    width: 100%;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Gray_Lightness_2, #E4E4E4);
    background: var(--White, #FFF);
    box-shadow: 0 4px 4px 0 rgb(34 34 34 / 20%);
}

.feature_menu1_list{
    width: 250px;
    border-right: 1px solid var(--Gray_Lightness_2, #E4E4E4);
    padding: 8px 0;
}

.feature_menu1_list:nth-child(1){
    margin-left: auto;
    border-left: 1px solid var(--Gray_Lightness_2, #E4E4E4);
}

.feature_menu1_list:nth-child(4){
    margin-right: auto;
}

.feature_menu1_list:hover{
    transform: translateY(4px);
    transition: 0.25s;
    border-bottom: 3px solid var(--Button-Icon_Blue, #1BA1FF);
}

.feature_menu1_list_title{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.feature_menu1_list_text{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.feature_menu_list_arrow i{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/down-arrow-lightblue.svg);
    vertical-align: middle;
}

@media screen and (min-width: 768px){
    .textSP{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .feature_menu1_list{
        width: 25%;
    }
    
    .feature_menu1_list_title{
        font-size: 12px;
    }

    .feature_menu1_list_text{
        font-size: 12px;
    }

    .textPC{
        display: none;
    }
}

/*----周遊ここから----*/
.box_text{
    color: var(--Black, #222);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; 
}

.box{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 16px;
}

#feature_container #anker3 + .box_wrap .box{
    border-bottom: 0px;
}

.tour_title_name_text,.box_title{
    color: var(--Black, #222);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
}

.country_wrap{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    row-gap: 48px;
}

.country_part{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 476px;
}

.country_title{
    color: var(--Black, #222);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
}

.country_img_text{
    display: flex;
    gap: 16px;
}

.country_img{
    width: 100%;
    border-radius: 3px;
}

.country_img img{
    width: 238px;
    height: 134px;
    border-radius: 3px;
}

.country_text{
    color: var(--Black, #222);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; 
}

.country_transition{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 8px;
}

.country_transition_list{
    
    border-radius: 24px;
    border: 1px solid #A6A6A6;
    transition: border-color 0.3s ease-in-out;
    color: #222;
}

.country_transition_link{
    
    padding: 8px 16px;
    display: inline-block;
    color: #222;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
}

.country_transition_list:hover{
    border-color: #1BA1FF;
}

.country_transition_list:hover .country_transition_link{
    color: #1BA1FF;
}

@media screen and (max-width: 767px){
    .box{
        width: 100%;
        border-bottom: 8px solid #F4F4F4;
    }

    .tour_title_name_text,.box_title{
        font-size: 24px;
    }

    .country_title{
        font-size: 18px;
    }

    .country_wrap{
        row-gap: 24px;
    }

    .country_part{
        width: 100%;
    }

    .country_wrap  .country_part:nth-child(n+2){
        padding-top: 24px;
        border-top: 1px solid #e4e4e4;
    }

    .country_img_text{
        flex-direction: column;
    }

    .country_img img{
        width: 100%;
        height: 160px;
    }
}

/*----特徴ここから----*/
.select_tour_block_container{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 0;
}

.itour_feature_list_container{
    display: flex;
    align-items: flex-start;
    gap: var(--Spacing-md, 24px);
    align-self: stretch;
}

.itour_feature_part{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-md, 24px);
    flex: 1 0 0;
}

.itour_feature_title{
    background:linear-gradient(transparent 80%, #D1ECFF 8px);
}

.itour_feature_title h3{
    color: var(--Navy, #1C5DB5);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 0px;
    text-align: center;
}

.itour_feature_icon_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.itour_feature_icon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.itour_feature_arrange_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon1.svg);
}

.itour_feature_support2_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon2.svg);
}

.itour_feature_suggest_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon3.svg);
}

.itour_feature_explain{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.itour_feature_explain li{
    list-style-type: disc;
    margin-left: 16px;
    
}

.itour_feature_subtitle{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.itour_feature_container p{
    margin-bottom: 0px;
}

.itour_feature_text{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; 
    align-self: stretch;
}

.text_annotation{
    font-size: 14px;
}

.transition_button:hover{
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--secondary-lightness-d-1-ecff, #D1ECFF);
}

.transition_button_text_container{
    color: var(--Blue, #1BA1FF);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}

.contact_cta_container{
    display: flex;
    gap: 8px;
    align-self: stretch;
    justify-content: center;
}

.contact_cta_wrap{
    width: 100%;
}

.contact_cta_title p{
    text-align: center;
    color: var(--Black, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#itour_feature .contact_cta{
    display: flex;
    height: 40px;
    padding: var(--Spacing-xxs, 4px) 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--Radus-md, 3px);
    color: var(--White, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta{
    background: #43C606;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta:hover{
    background: #38A406;
    color: #fff;
}

.contact_cta_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line_white.svg);
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta{
    background: #1BA1FF;
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta:hover{
    background: var(--Blue_Darkness, #1891E6);
    color: #fff;
}

.contact_cta_mail_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail_white.svg);
}

@media screen and (max-width: 767px){
    .box_text{
        padding: 0 16px;
    }
    
    .tour_title_name_text{
        font-size: 18px;
    }
    
    .select_tour_block_container{
        width: 100%;
    }
    
    #feature .top_secrion_container{
        padding: 0 16px;
    }
    
    .itour_feature_container{
        padding: 0 8px;
    }

    .itour_feature_list_container{
        width: 100%;
        flex-direction: column;
        gap: 16px;
    }
    
    .itour_feature_part{
        display: flex;
        width: 100%;
        padding: var(--Spacing-xs, 8px) var(--Spacing-xs, 8px) var(--Spacing-sm, 16px) var(--Spacing-xs, 8px);
        align-items: center;
        gap: var(--Spacing-sm, 16px);
        flex-direction: column;
    }

    .itour_feature_icon_container{
        flex-direction: initial
    }

    .itour_feature_subtitle{
        font-size: 14px;
    }

    .itour_feature_icon i{
        width: 80px;
        height: auto;
    }

    .itour_feature_title{
        font-size: 18px;
    }

    .itour_feature_title br{
        display: none;
    }

    .itour_feature_text{
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
    }

    .itour_feature_border{
        width: calc(100% - 32px);
        height: 1px;
        margin: 0 auto;
        border-bottom: 1px solid var(--Gray_Lightness_2, #E4E4E4);
        box-sizing: unset;
    }
}
/*----特徴ここまで----*/

/*----他サービス誘導ここから----*/
.reccomend_other_container{
    display: flex;
    padding: var(--Spacing-xxl, 40px) var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-sm, 16px);
    background: var(--Gray_Lightness_3, #F4F4F4);
}

.reccomend_other{
    display: flex;
    width: 1000px;
    align-items: flex-start;
    gap: var(--Spacing-lg, 32px);
    flex-shrink: 0;
}

.reccomend_other_button{
    width: 484px;
}

.reccomend_other_button a{
    display: flex;
    height: var(--Height-md, 44px);
    min-height: var(--Height-md, 44px);
    max-height: var(--Height-md, 44px);
    padding: 0px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    flex: 1 0 0;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--white-ffffff, #FFF);
}

.reccomend_other_button a:hover{
    background: #D1ECFF;
}

.reccomend_other_button_img i{
    display: flex;
    width: 16px;
    height: 16px;
}

.flight-international_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/flight-international.svg);
}

.dp-international_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/dp-international.svg);
}


.reccomend_other_button_text{
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.reccomend_other_button_text span{
    color: var(--Blue, #1BA1FF);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
}

@media screen and (max-width: 767px){
    .reccomend_other{
        width: 100%;
    }

    .reccomend_other_container{
        padding: 0;
        gap: 0;
    }
    
    .reccomend_other{
        display: flex;
        padding: var(--Spacing-md, 24px) var(--Spacing-sm, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-sm, 16px);
        align-self: stretch;
    }

    .reccomend_other_button_container{
        width: 100%;
    }
    
    .reccomend_other_button{
        width: auto;
    }
}
/*----他サービス誘導ここまで----*/

/*----特集バナーここから----*/
.top_secrion_container{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
}

.top_section_hedaer_button_container{
    display: none;
}

@media screen and (max-width: 767px){
    #feature_sale{
        margin: 0px;
    }
}
/*----特集バナーここまで----*/


.top_section_recommend_list_carousel_item{
    border: none;
}

.top_section_ranking_list_carousel_item{
    border: none;
}

.top_section_recommend_list_image_container{
    border: 1px solid #e4e4e4;
    border-bottom: none;
}

.top_section_recommend_list_tourdetail_container{
    border: 1px solid #e4e4e4;
    border-top: none;
}

/*----検索窓ここから----*/
@media screen and (min-width: 768px){
    i.bar{
       display: none !important;
   }
   
   #TourSearchContent{
       width: 1000px;
       background-color: #fff !important;
       box-shadow: 0 2px 4px 0 rgba(0,0,0,.15) !important;
       padding: 0;
       margin: 0 auto !important;
       border-radius: 3px;
   }

    #TourSearch_SearchFormContent{
        padding: 16px 24px;
        background: #fff;
        border-radius: 3px;
        margin-top: -50px;
    }

   #TourSearch_BLOCK1Panel{
       display: none;
   }
   
   .col-lg-6:nth-child(2){
       display: none;
   }
   
   .row.pdb10{
       display: none;
   }
   
   .row{
       margin: 0px;
   }
   
   .destination_one.row{
       margin-top: 8px;
   }
   
   .col-lg-6{
       display: flex;
       flex-wrap: wrap;
       flex: 0 0 100%;
       max-width: 100%;
   }
   
   .col-lg-6, .col-12, .col-lg-12{
       padding-left: 0px !important;
       padding-right: 0px !important;
   }

    .btn.btn-block.btn-danger.btn-lg{
        width: 350px;
        margin: 0 301px;
        height: 44px;
    }
   
   .col-lg-6:nth-child(1) .row:nth-child(2){
       padding-right: 12px;
   }
       
   .col-lg-6:nth-child(1) .row:nth-child(2), .col-lg-6:nth-child(1) .destination_one.row{
       width: 50%;
       margin-top: 8px;
   }
   
   #TourSearchContent .col-lg-6 .row:nth-child(2) .col-12:before {
       font-family: Fontawesome;
       position: absolute;
       content: "\f072";
       left: 12px;
       top: 24px;
       font-size: 19px;
       color: #a6a6a6
   }
   
   #TourSearchContent .col-lg-6 .destination_one.row .col-12:before {
       font-family: FontAwesome;
       content: "\f041";
       position: absolute;
       left: 14px;
       top: 12px;
       font-size: 20px;
       color: #a6a6a6;
   }
   
   .destination_one.row{
       padding-left: 12px
   }
   
   .col-lg-6:nth-child(1) .cp_group.mb-2{
       margin: 10px 0!important;
       padding: 7px 32px;
       border: 1px solid #a6a6a6;
       border-radius: 3px;
   }
   
   .cp_label{
       font-size: 12px !important;
       line-height: 12px;
       top: -19px !important;
       left: -2px;
   }

    .mfp-bg,.mfp-wrap{
        position: unset;
    }
   
   /*出発日*/
   .col-lg-6:nth-child(1) .row:nth-child(10){
       width: 198px;
       margin-right:24px;
   }
   
   #TourCustomAPPanel1 .disp-dt .cp_group.mt-1{
       margin-top: 18px !important;
       border: 1px solid #a6a6a6;
       border-radius: 3px;
       padding: 7px 8px 7px 32px;;
   }
   
   #TourCustomAPPanel1:before{
       font-family: FontAwesome;
       content: "\f073";
       position: absolute;
       left: 12px;
       top: 32px;
       font-size: 16px;
       color: #a6a6a6;
   }
   
   #TourSearch_DEP_DATE{
       margin-top: 0px;
       line-height: 1.8;
   }

    #TourSearch_DEP_DATE::placeholder{
        color: #222;
        font-size: 16px;
    }
   
   #TourSearch_LABEL_0017{
       top: -23px !important;
   }
   
   /*旅行日数*/
   .col-lg-6:nth-child(1) .row:nth-child(11){
       width: 150px;
   }
   
   .col-lg-6:nth-child(1) .row:nth-child(11) .cp_group.mb-2 .col-4:nth-child(1){
       flex: 0 0 100%;
       max-width: 100%;
   }
   
   .col-lg-6:nth-child(1) .row:nth-child(11) .cp_group.mb-2 .col-2{
       display: none;
   }

   .col-lg-6:nth-child(1) .row:nth-child(11) .cp_group.mb-2 .col-4:nth-child(3){
       display: none;
   }
   
   .col-lg-6:nth-child(1) .row:nth-child(11) .cp_group.mt-2{
       margin: 0 !important;
       padding-top: 4px;
   }
       
   .col-lg-6:nth-child(1) .row:nth-child(11) .cp_group.mb-2{
       margin: 14px 0 0 !important;
       padding: 7px 8px 7px 12px!important;
   }
   
   #TourSearch_LABEL_0020{
       top: -3px;
       left: 0;
       padding: 0;
       font-size: 12px
   }

   #TourSearch_STAY_DAYS_FROM.cp_sl{
       padding: 1px 2px;
   }
   
   .col-4{
       padding: 0;
   }
   
   /*検索ボタン*/
   .btn.btn-block.btn-danger.btn-lg:before{
       line-height: 26px;
   }
   
   .row.pdt5{
       display: none;
   }
   
   /*-----------------PCモーダル---------------*/
   .mfp-bg{
       background: none;
   } 
   
   .mfp-content.mfp-content-area-width{
        width: 360px !important;
        position: absolute;
        top: 303px;
        right: 0;
        bottom: 0;
        left: -582px;
        margin: auto;
   }

    body.common_feature .selectOuter ul li a .arrow.rightArrow{
        display: none;
    }
   
   /*出発地*/
    .mfp-close-btn-in .mfp-close{
        color: #222;
    }
    
   #TourSearch_DEP_PLACE_SELECT.spModalSelect{
       width: 360px;   
   }
   
   .selectOuter{
       box-shadow: 0 2px 4px 0 rgb(0 0 0 / .25);
   }
   
   #TourSearch_DEP_PLACE_SELECT .modalTtl{
       width: 360px;
       border-radius: 3px 3px 0 0;
       border: 1px solid #a6a6a6;
       border-bottom: 1px solid #e4e4e4;
       background: none;
       padding: 12px;
   }
   
   #TourSearch_DEP_PLACE_SELECT .modalTtl p{
       color: #222;
   }
   
   #TourSearch_DEP_PLACE_SELECT .modalTtl:before{
       z-index: 100;
       left: 70px;
       top: -31px;
       border-color: transparent transparent #fff;
       display: block;
       position: absolute;
       border-width: 16px;
       border-style: solid;
       border-image: initial;
       -o-border-image: initial;
       content: "";
   }
   
   #TourSearch_DEP_PLACE_SELECT .modalTtl:after{
       z-index: 98;
       left: 70px;
       top: -32px;
       border-color: transparent transparent #a6a6a6;
       display: block;
       position: absolute;
       border-width: 16px;
       border-style: solid;
       border-image: initial;
       -o-border-image: initial;
       content: "";
   }
   
   .spModalSelect .select_item_list{
       width: 360px;
       max-height: 420px !important;
       border: 1px solid #a6a6a6;
       border-top: none;
       border-radius: 0 0 3px 3px;
   }
   
   .selectOuter ul li{
       width: 360px !important;
       
   }
   
   .selectOuter ul li a{
       height: 42px !important;
       color: #222;
       font-weight: 700;
   }
   
   .selectOuter ul li a .arrow.rightArrow{
       display: none;
   }
   
   .selectOuter ul li:last-child{
       border-bottom: none;
   }
   
   #TourSearch_DEP_PLACE_SP li a:hover{
       color: #1ba1ff;
   }
   
   #TourSearch_DEP_PLACE_SP li a:hover:after{
       font-family: Fontawesome;
       content: "\f00c";
       position: relative;
       top: 10px;
       right: 20px;
       font-size: 20px;
       font-weight: 100;
       color: #1ba1ff;
   }
   
   #TourSearch_AREA1_SELECT .navi_list{
       border-right: 1px solid #a6a6a6;
       border-left: 1px solid #a6a6a6;
   }
   
   /*目的地*/
   #TourSearch_AREA1_SELECT.spModalSelect{
       width: 360px;
       position: absolute;
       left: 488px;
   }
   
   #TourSearch_AREA1_SELECT .modalTtl{
       width: 360px !important;
       border-radius: 3px 3px 0 0;
       border: 1px solid #a6a6a6;
       border-bottom: 1px solid #e4e4e4;
       background: none;
       padding: 12px;
   }
   
   #TourSearch_AREA1_SELECT .modalTtl:before{
       z-index: 100;
       left: 70px;
       top: -31px;
       border-color: transparent transparent #fff;
       display: block;
       position: absolute;
       border-width: 16px;
       border-style: solid;
       border-image: initial;
       -o-border-image: initial;
       content: "";
   }
   
   #TourSearch_AREA1_SELECT .modalTtl:after{
       z-index: 98;
       left: 70px;
       top: -32px;
       border-color: transparent transparent #a6a6a6;
       display: block;
       position: absolute;
       border-width: 16px;
       border-style: solid;
       border-image: initial;
       -o-border-image: initial;
       content: "";
   }
   
   #TourSearch_AREA1_SELECT .modalTtl p{
       color: #222;
   }
   
   #TourSearch_AREA1_SELECT .navi_list li{
       width: 100% !important;
   }
   
   #TourSearch_AREA1_SELECT li a:hover{
       color: #1ba1ff;
   }
   
   #TourSearch_AREA1_SELECT li a:hover:after{
       font-family: Fontawesome;
       content: "\f00c";
       position: relative;
       top: 10px;
       right: 20px;
       font-size: 20px;
       font-weight: 100;
       color: #1ba1ff;
   }
}
/*モーダルここまで*/
   
/*SP*/
@media screen and (max-width: 767px){
    i.bar{
        display: none !important;
    }

    #responsiveMainVisual img{
        width: 100%;
        height: 199.087px;
    }
       
    #TourSearchContent{
       width: auto;
       background-color: #fff !important;
       box-shadow: 0 2px 4px 0 rgba(0,0,0,.15) !important;
       padding: 0;
       margin: 0 16px 24px !important;
       border-radius: 3px;
   }

    #TourSearch_SearchFormContent{
        padding: 16px 24px;
        background: #fff;
        border-radius: 3px;
        margin-top: -50px;
    }
       
    /*検索窓*/
    #TourSearchContent .row.pd5 .col-lg-6{
        display: flex;
        flex-wrap: wrap;
    }

    #TourSearch_BLOCK1Panel{
        display: none;
    }
   
    /*出発地*/
    #TourSearchContent .col-lg-6 .row:nth-child(2) .cp_group.mb-2{
        margin: 0px !important;
        padding: 8px 30px 8px 34px;
    }
   
    #TourSearchContent .col-lg-6 .row:nth-child(2){
        margin-top: 6px;
        width: 100%;
    }
   
    #TourSearchContent .col-lg-6 .row:nth-child(2) .col-12{
        margin-top: 15px;
    }
       
    #TourSearchContent .col-lg-6 .row:nth-child(2) .col-12:before{
        font-family: FontAwesome;
        content: "\f072";
        position: absolute;
        left: 12px;
        top: 12px;
        font-size: 22px;
        color: #a6a6a6;
    }
       
       #TourSearchContent .col-lg-6 .row:nth-child(2) .col-12{
           border: 1px solid #a6a6a6;
           border-radius: 4px;
           width: 100px !important;
       }
   
       #TourSearchContent #TourSearch_DEP_TXT{
           font-size: 16px;
           line-height: 1.5;
       }
       
       /*TOP共通*/
       #TourSearchContent .cp_label{
           top: -23px;
           font-size: 14px;
       }
   
       /*目的地*/
       #TourSearchContent .col-lg-6 .destination_one.row{
           margin-top: 30px !important;
       }
       
       #TourSearchContent .col-lg-6 .destination_one.row .cp_group.mb-2{
           margin: 0px !important;
           padding: 8px 30px 8px 34px;
       }
   
       #TourSearchContent .col-lg-6 .row:nth-child(3){
           margin-top: 15px;
           width: 100%;
       }
       
       #TourSearchContent .col-lg-6 .destination_one.row .col-12:before{
           font-family: FontAwesome;
           content: "\f041";
           position: absolute;
           left: 14px;
           top: 10px;
           font-size: 22px;
           color: #a6a6a6;
       }
       
       #TourSearchContent .col-lg-6 .row .col-12{
           border: 1px solid #a6a6a6;
           border-radius: 4px;
       }
   
       #TourSearchContent #TourSearch_CITY_TXT1{
           font-size: 16px;
           line-height: 1.5;
       }
   
       /*出発日*/
       #TourSearchContent .col-lg-6 .row:nth-child(10){
           margin-top: 29px !important;
           width: 60% !important;
       }
       
       #TourSearchContent #TourCustomAPPanel1.col-lg-12{
           margin: 0px !important;
           padding: 8px 0 !important;
       }
   
       #TourSearchContent .col-lg-6 .row:nth-child(10) .cp_group.mt-1{
           margin: 0px !important;
           padding: 0px;
       }
       
       #TourSearchContent #TourCustomAPPanel1:before{
           font-family: FontAwesome;
           content: "\f073";
           position: absolute;
           left: 12px;
           top: 12px;
           font-size: 18px;
           color: #a6a6a6;
       }
       
       #TourSearchContent .col-lg-6 .row:nth-child(10){
           border: 1px solid #a6a6a6;
           border-radius: 4px;
       }
   
       #TourSearchContent .row:nth-child(10) #TourSearch_LABEL_0017.cp_label{
           top: -36px;
           font-size: 14px;
       }
   
       #TourSearchContent #TourSearch_DEP_DATE{
           padding: 0 0 0 37px;
           font-size: 16px;
           margin-top: 0px;
       }
   
       #TourSearch_DEP_DATE::-webkit-input-placeholder{
           color: #222;
           font-size: 16px;
       }
   
       /*日数*/
       #TourSearchContent .col-lg-6 .row:nth-child(11){
           margin: 29px 0 0 auto;
           width: 37%;
       }
   
       #TourSearchContent .col-lg-6 .row:nth-child(11) .cp_group.mt-2{
           margin: 0px !important;
           padding: 0px !important;
       }
   
       #TourSearchContent .col-lg-6 .row:nth-child(11) .cp_group.mb-2{
           margin: 6px 0 !important;
           padding: 0
       }
   
       #TourSearchContent #TourSearch_LABEL_0020{
           font-size: 14px;
           top: -23px;
       }
   
       #TourSearchContent .col-lg-6 .row:nth-child(11){
           border: 1px solid #a6a6a6;
           border-radius: 3px;
       }
       
       #TourSearchContent .row:nth-child(11) .cp_group.mb-2 .col-2{
           display: none;
       }
   
       #TourSearchContent .row:nth-child(11) .cp_group.mb-2 .col-4:nth-child(1){
           flex: 0 0 90%;
           max-width: 90%;
       }
       
       #TourSearchContent .row:nth-child(11) .cp_group.mb-2 .col-4:nth-child(3){
           display: none;
       }
   
       row.pdt5{
           display: none;
       }
   
       .search-box #TourSearch_STAY_DAYS_FROM{
           padding: 1px 2px 0 10px !important;
       }
   
       #SearchSection #SEARCH_PANEL{
           background-color: #1ba1ff;
       }
   
       #SearchSection #TourSearchContent{
           background-color: #fff;
       }
   
       #SearchSection #TourSearch_DEP_TXT,#TourSearch_LABEL_0007, #SearchSection　#TourSearch_CITY_TXT1,#TourSearch_LABEL_0008,#TourSearch_LABEL_0019,#TourSearch_LABEL_0017,#TourSearch_LABEL_0020,#TourSearch_DEP_DATE,#TourSearch_STAY_DAYS_FROM{
           color: #222 !important;
       }
   
       #SearchSection .disp-dt{
           display: block !important;
       }
       
       #SearchSection .disp-sp{
           display: none !important;
       }
   
       #SearchSection .pd20{
           padding: 0px !important;
           margin-top: 20px;
       }
   
       #SearchSection .search-box{
           box-shadow: none;
           margin: 0px;
       }
   
       /*モーダル*/
       .mfp-bg{
           background: none;
       }
   
       .mfp-content.mfp-content-area-width{
           width: 90% !important;
           position: absolute;
           top: 180px;
           left: 5%;
           box-shadow: 0px 2px 10px 4px rgb(0 0 0 / .25);
       }
   
       #TourSearch_DEP_PLACE_SELECT.spModalSelect{
           border: 1px solid #a6a6a6;
           border-radius: 3px;
           box-shadow: 0 2px 4px 0 rgb(0 0 0 / .15)
       }
   
       .modalTtl{
           background: none !important;
           border-bottom: 1px solid #e4e4e4;
       }
   
       .spModalSelect .selectOuter .modalTtl{
           padding: 12px 33px;
       }
   
       .modalTtl p{
           color: #222;
           text-align: center;
       }
   
       .mfp-close-btn-in .mfp-close{
           color: #222;
           height: 49px;
           font-size: 30px;
       }
   
       .spModalSelect .selectOuter .select_item_list{
           max-height: 500px;
       }
   
       #TourSearch_DEP_PLACE_SP li{
           width: 100%;
       }
   
       .spModalSelect .selectOuter .select_item_list ul li a span:nth-child(1){
           padding-left: 16px;
           color: #222;
           font-weight: 700;
       }
   
       .selectOuter ul li a .arrow.rightArrow{
           display: none;
       }
   
       #TourSearch_AREA1_SELECT.spModalSelect{
           border: 1px solid #a6a6a6;
           border-radius: 3px;
           box-shadow: 0 2px 4px 0 rgb(0 0 0 / .15)
       }
   
       #TourSearch_AREA1_SELECT li{
           width: 100%;
       }
       
       /*コンテンツ*/
       #main_top_section_container{
           margin-top: 24px;
       }
       
       #main_top_section_container ul{
           margin-bottom: 0px !important;
       }
   }
/*----検索窓ここまで----*/

/*----sidebarここから----*/
#side_bar p{
    margin: 0px;
}

.side_bar_wrap{
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 12px;
    z-index: 999;
}

.side_bar_container{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.side_bar_title_text{
    font-size:  18px;
    font-weight: 700;
    border-bottom: 1px solid #a6a6a6
}

.access_ranking_list_container{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.access_ranking_list:hover{
    background-color: #f4f4f4;
    border-radius: 3px;
}

.access_ranking_content{
    display: flex;
    gap: 8px;
}

.access_ranking_content_img{
    position: relative;
}

.access_ranking_content_img img{
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 3px;
}

.ranking_crown{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #59bafc;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px 0 0 0 ;
}

.access_ranking_content_text{
    font-size: 12px;
    font-weight: 300;
    line-height: 140%;
    color: #4d4d4d;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 4px 0 0;
}

.popular_city_list_container{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.popular_city_list{
    position: relative;
    overflow: hidden;
}

.popular_city_content{
    border-radius: 3px;
}

.popular_city_content img{
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 3px;
    transition: all 0.4s ease-in-out;
}

.popular_city_list:hover .popular_city_content img{
     transform: scale(1.1);
     opacity: 0.8;
}

.popular_city_text_container{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px;
    white-space: pre-line;
    top: 0px;
}
    
.popular_city_text{
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0px;
    font-weight: 700;
    text-shadow: 0px 0px 4px #222;
    padding: 4px;
}

.feature_sale_content img{
    width: 100%;
    height: auto;
}

.feature_sale_content a:hover{
    opacity: 0.8;
}

.feature_sale_content{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 767px){
    .side_bar_wrap{
        padding: 16px;
    }
}
/*----sidebarここまで----*/

/*----SP_footer_element----*/
#SP_footer_element{
    display: none;
    position: fixed;
    bottom: 16px;
    z-index: 999;
    right: 16px
}

.SP_footer_content{
    position: relative;
}

.SP_footer_content img{
    height: 120px;
}

.SP_footer_content_button{
    position: absolute;
    left: -10px;
    top: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}

/*----お問い合わせ-----*/
.contact_wrap{
    background-image: url(//www.triphoo.jp/dataupload/images/adv/i/consultation1.jpg);
    background-position: 0px -391.595px;
    background-size: 140.915% 257.138%;
    width: 1000px;
    margin: 0 auto;
}

.contact{
    background-color: rgba(234,248,255,0.6);
}

.contact_wrap p{
    margin-bottom: 0px;
}

.contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    padding: 16px;
}

.contact_text_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contact_subtitle{
    color: var(--Black, #222);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_title{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contact_title_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_title_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line.svg);
}

.contact_title_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail.svg);
}

.contact_contant{
    display: flex;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-md, 24px);
}

.contact_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-align: center;
}

.contact_point_containar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    padding: 16px;
    margin: 0 auto;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.80);
}

.contact_point_list{
    display: flex;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.contact_point_list p{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_point_check_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/checkmark.svg);
}

.contact_cta_container{
    display: flex;
    gap: var(--Spacing-md, 24px);
    align-self: stretch;
    justify-content: center;
}

.contact_cta_wrap{
    width: 100%;
}

.contact_cta_title p{
    text-align: center;
    color: var(--Black, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta{
    display: flex;
    height: 40px;
    padding: var(--Spacing-xxs, 4px) 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--Radus-md, 3px);
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta{
    background: #43C606;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta:hover{
    background: #38A406;
    color: #fff;
}

.contact_cta_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line_white.svg);
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta{
    background: #1BA1FF;
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta:hover{
    background: var(--Blue_Darkness, #1891E6);
    color: #fff;
}

.contact_cta_mail_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail_white.svg);
}

@media screen and (max-width: 767px){
    .contact_wrap{
        background-position: -322.302px -243.05px;
        background-size: 305.994% 152.653%;
        width: 100%;
    }
    
    .contact{
        padding: 16px 0;
    }

    .contact_cta_container{
        gap: 8px;
    }
    
    .contact_subtitle{
        font-size: 18px;
    }
    
    .contact_title_text{
        font-size: 24px;
    }

    .contact_text{
        font-size: 14px;
        text-align: left;
    }

    .contact_text p{
        line-height: 140%;
    }

    .contact_point_list{
        padding: 0px;
        gap: 8px;
    }

    .contact_point_list p{
        font-size: 14px;
        line-height: 140%;
    }

    .contact_cta{
        padding: var(--Spacing-xxs, 4px) 8px;
        font-size: 16px;
    }
}
/*----お問い合わせここまで----*/

/*----安全情報ここから----*/
.safety_list_container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.safety_list_link{
    display: flex;
    padding: 16px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
    border-bottom: 1px solid var(--Gray_Lightness_1, #D1D1D1);
}

.safety_list:last-child .safety_list_link{
    border-bottom: none;
}

.safety_list_link:hover{
    opacity: 0.8;
}

.safety_time{
    width: 100%;
    color: var(--Black, #222);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.safety_title_container{
    padding-bottom: 8px;
}

.safety_title_container{
    width: 100%;
}

.safety_title{
    color: var(--Text-Link, #1BA1FF);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    text-decoration-line: underline;
    display: inline-block;
}

.safety_list_link:hover .safety_title{
    text-decoration-line: none;
}

.safety_title:after{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/link.svg);
    margin-left: 8px;
}

.safety_subtitle{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.safety_text{
    color: var(--Black, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    word-break: break-all;
}

@media screen and (max-width: 767px){
    #safety_list_container{
        padding: 0 16px;
    }

    .safety_title,.safety_subtitle{
        font-size: 14px;
    }

    .safety_text{
        font-size: 12px;
    }
}
/*----安全情報ここまで----*/