@charset "UTF-8";

.font_bold{
    font-weight: 600;
}

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

@media screen and (max-width: 767px){
    .text_PC{
        display: none;
    }
}

body.top .btn.btn-block.btn-danger.btn-lg:hover{
    background: #E6AE19 !important;
}

.top_section_feature_list_carousel_item_banner:hover, .wide_banner_PC:hover, .wide_banner_SP:hover{
    opacity: 0.8;
}

.top_section_popular_list_image_container{
    border-radius: 3px;
}

.top_section_popular_list_image_container:hover img{
    transform: scale(1.2);
    transition: 0.8s all;
}

.hot_icon_container{
  display: block;
  position: absolute;
  top: 0px;
  /* left: 0px; */
  margin: 8px 0 0 8px;
}

.hot_icon{
  padding: 2px 8px;
  border-radius: 4px;
  background: #ff7683;
  display: flex;
  align-items: center;
}

.hot_icon_text{
  margin-left: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

#top_reccomend_tour{
    margin-top: 24px;
}

.select_tour_list_container a{
    display: flex;
    width: 322.66666px;
    border-radius: 3px;
    align-items: flex-start;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Gray_Lightness_1, #D1D1D1);
    background: #FFF;
    position: relative;
    flex-direction: column;
}

.select_tour_list_img{
    display: flex;
    height: 180px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    background: var(--Gray_Lightness_1, #D1D1D1);
    overflow: hidden;
    position: relative;
}

.select_tour_list_img img{
    height: 180px;
    width: 100%;
    object-fit: cover;
    transition: 0.5s all ease-in-out;
}

.select_tour_list:hover .select_tour_list_img img{
    transform: scale(1.2);
}

.select_tour_list_img_text_container{
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    background-color: #1c5db5;
    height: 32px;
    border-top-right-radius: 3px;
}

.select_tour_list_img_text{
    color: #fff;
    margin-bottom: 0;
    line-height: 14px;
    padding: 9px 15px;
    font-size: 14px;
}

.select_tour_list_information{
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
}

.select_tour_list_title_text{
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #222;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.select_tour_list_detail_container{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.select_tour_list_detail{
    display: flex;
    align-items: center;
    gap: 8px;
}

.select_tour_list_detail_text{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    color: #222;
}

.select_tour_list_hotel_detail{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

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

.select_tour_list_detail_hotel_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/service-hotel-domestic.svg);
}

.select_tour_list_detail_hotelgrade_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/star-full.svg);
}

.select_tour_list_detail_hotelgrade_halficon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/star-half.svg);
}

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

.select_tour_list_detail_people_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/user-shape.svg);
}

.hot_icon_img{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/sparkle-yellow.svg);
    padding: 2px 0;
}

.select_tour_list_detail_hotelgrade_icon_container{
    display: inline-flex;
    height: 20px;
    align-items: center
}

.select_tour_list_detail_icon,.select_tour_list_detail_hotelgrade_icon,.select_tour_list_detail_hotelgrade_halficon{
    display: flex;
    width: 16px;
    height: 16px;
    align-items: center;
}

.select_tour_list_price_container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  color: #222;
  gap: 8px;
}

.select_tour_list_price_person{
  font-size: 10px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 0px;
}

.select_tour_list_price_person_text{
  margin: 0px;
}

.select_tour_list_price_text{
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0px;
}

.select_tour_list_price_text:after{
  content: "〜";
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media screen and (max-width: 767px){
  .select_tour_list_container a{
    width: 280px;
  }
}

/*年末年始文言用ここから*/
.information_container{
  padding: 8px 16px;
  border-radius: 3px;
  border: 1px solid #a6a6a6;
  background-color: #f4f4f4;
}

.information_icon_container{
  display: flex;
  gap: 4px;
  align-items: center;
}

.information_icon{
  display: flex;
  align-items: center;
}

.information_icon svg{
  width: 20px;
  height: 20px
}

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

  .information_PC_text{
    font-size: 14px;
  }
}

@media (max-width: 768px){
  .information_container{
    margin: 0 16px 16px;
  }
  
  .information_icon svg{
    width: 16px;
    height: 16px;
  }
  
  .information_icon_text{
    font-size: 14px;
  }
  
  .information_PC_text{
    display: none;
  }

  .information_SP_text{
    font-size: 12px;
  }
}
/*年末年始文言用ここまで*/

/*特徴ここから*/
#feature{
    margin-top: 24px;
}

.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: 600;
    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: 600;
    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_container{
    display: flex;
    width: 100%;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.transition_button_wrap{
    width: 100%;
}

.transition_button{
    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);
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Blue, #1BA1FF);
    background: var(--white-ffffff, #FFF);
}

.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: 600;
    line-height: 100%;
}

@media screen and (max-width: 767px){
    #feature .top_secrion_container{
        padding: 0 16px;
    }
    
    .itour_feature_container{
        gap: 0px;
    }

    .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;
    }
}

/*横長バナーここから*/
.wide_banner{
  margin-top: 24px;
  margin-bottom: 24px
}

.wide_banner_PC{
  width: 100%;
  height: 100%;
}

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

@media (max-width: 768px){
  .wide_banner_PC{
    display: none;
  }

  .wide_banner_SP{
    display: block;
    width: 100%;
    height: auto;
    padding: 0 16px;
  }

  .wide_banner_SP img{
    width: 100%;
  }
}
/*横長バナーここまで*/

/*----お問い合わせ-----*/
.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%;
}

.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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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%;
        margin-top: 8px;
    }
    
    .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;
    }
}
/*----お問い合わせここまで----*/

.top_section_recommend_price_note{
    margin-bottom: 0px;
}