main {
    overflow: hidden;
}

select::-ms-expand {
    display: none;
}

/***********************************
    メインビジュアル
***********************************/
.worksslider {
    position: relative;
    background-color: #F2F5F9;
}

.slider_wrap {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}

.carousel {
    max-width: 1440px;
    margin: 0 auto;
}

.carousel-inner .item {
    overflow: hidden;
}

.slide_back_image img {
    object-fit: cover;
    object-position: center;
    height: 64vw;
    max-height: 510px
}

.carousel-control {
    width: 10%;
}

.carousel-indicators {
    bottom: 3%;
    left: 0;
    width: 100%;
    margin: 0;
    font-size: 0;
    text-align: center;
}

.carousel-indicators li,
.carousel-indicators li.active {
    border-radius: 0;
    width: 30px;
    height: 4px;
    margin: 0 5px;
}

.glyphicon-chevron-right:before {
    content: none;
}

.glyphicon-chevron-left:before {
    content: none;
}

.campaign {
    position: absolute;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 8%;
    text-align: center;
}

.campaign img {
    width: 100%;
    max-width: 700px;
    height: auto;
    margin-bottom: 1vw;
}

.campaign_detail_btn a {
    font-size: 4vw;
    line-height: 2.2;
    min-width: 170px;
    text-align: center;
}

.item_yellow .campaign_detail_btn a {
    background-color: #FFE700;
    color: #333;
}

.item_red .campaign_detail_btn a {
    background-color: #FF2600;
}

.item_green .campaign_detail_btn a {
    background-color: #00A403;
}

.item_brown .campaign_detail_btn a {
    background-color: #b79e01;
}

.item_pink .campaign_detail_btn a {
    background-color: #e85280;
}

.item_purple .campaign_detail_btn a {
    background-color: #8c44b2;
}


/*    重要なお知らせ    */
.important_notices_wrap {
    width: 100vw;
    border-top: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    background-color: #FCFCFC;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.important_notices {
    width: 100%;
    padding: 10px 0;
}

.notice_title {
    color: #FF0000;
    font-size: 2.0rem;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 5px;
}

.notice_title:before {
    content: "\f06a";
}

.notice_content {
    padding: 0 15px;
    position: relative;
    margin-left: 15px;
}

.notice_content:after {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    font-size: 2rem;
    color: #004191;
}

.notice_content a {
    display: block;
    font-size: 2.0rem;
    line-height: 1.3;
    color: #333;
}

/* .notice_content a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 0;
    transform: translateY(-50%);
	font-size: 2rem;
	color: #004191;
} */


/*    検索ボックス    */

.search_nav {
    display: flex;
    padding: 2px 1px;
    margin-bottom: 0;
}

.search_nav li {
    width: 100%;
    text-align: center;
    border-left: 1px solid #F2F5F9;
    border-right: 1px solid #F2F5F9;
}

.search_nav a {
    display: block;
    padding: 10px 5px;
    font-size: 3.5vw;
    color: #F2F5F9;
    background-color: #172A80;
    text-align: center;
    text-decoration: none;
}

.search_nav a img {
    width: 70%;
    max-width: 78px;
}

.search_nav a span {
    display: block;
}

.search_nav .active a {
    color: #172A80;
    background-color: #F2F5F9;
}

.search_method {
    position: relative;
    padding-bottom: .5em;
    margin-bottom: 1em;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.search_method:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #5A5A5A;
    z-index: 1401;
    transition: .5s;
}

.add_conditions_btn {
    text-align: center;
    margin-bottom: 1em;
}

.add_conditions_btn a {
    font-size: 1.4rem;
    color: #212121;
    text-decoration: underline;
    cursor: pointer;
    -ms-flex: 0 1 auto;
}

.add_conditions_btn a:before {
    display: inline-block;
    content: "\f0fe";
    color: #004191;
    margin-right: .5em;
    line-height: .7;
    background-color: #FFF;
    text-decoration: none;
    -ms-flex: 0 1 auto;
}

.conditions_detail {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: .3s ease;
    background-color: rgba(0, 0, 0, 0.80);
    padding: 10px;
}

.conditions_detail.active {
    z-index: 1500;
    opacity: 1;
}

.add_conditions_title {
    color: #FFF;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.add_conditions_list_wrap {
    width: 100%;

    z-index: -1;
    opacity: 0;
    transition: .3s ease;
}

.add_conditions_list_wrap.active {
    z-index: 10;
    opacity: 1;
}

.conditions_box {

}

.add_conditions_list {
    font-size: 1.5rem;
    font-weight: normal;
    max-height: calc(100vh - 60px);
    overflow: auto;
    margin-bottom: 0;
}

.add_conditions_list.active {
    z-index: 10;
    opacity: 1;
}

.add_conditions_list li {
    margin-bottom: 5px;
}

.add_conditions_list label {
    font-weight: normal;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #B4B4B4;
    border-radius: .2em;
    padding: .3em .5em;
    line-height: 1.2;
    margin-bottom: 0;
}

.add_conditions_list label:before {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f0c8";
    display: inline-block;
    margin-right: .3em;
    color: #004191;
    font-size: 1.2em;
}

.add_conditions_list input {
    display: none;
}

.add_conditions_list input:checked + label:before {
    content: "\f14a";
    font-weight: bold;
}

.panel_close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    border-radius: 0;
    padding: 3px 12px;
    color: #fff;
    background-color: #004191;
}

.panel_close:before {
    content: "\f146";
    margin-right: .5em;
}

.tour_search_btn {
    width: 80%;
    max-width: 250px;
    background-color: #FF7414;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #FF7414;
}

.tour_search_btn button:before {
    content: "\f002";
    font-size: .8em;
    margin-right: .5em;
}

.tour_search_btn button {
    background: none;
    border: none;
    display: block;
    width: 100%;
    padding: .5em;
    color: #FFF;
    text-indent: -.5em;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.popular_word {
    width: 100%;
    padding: 10px 15px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #5A5A5A;
}

.popular_word a {
    color: #fff;
}

.popular_word dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}

.popular_word dt {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
    text-align: center;
    font-size: 1.8rem;
}

.popular_word dt,
.popular_word dd {
    font-weight: normal;
    white-space: nowrap;
    margin-bottom: 0.2em;
}

.popular_word dd:not(:last-child) {
    margin-right: 1em;
}

.popular_word dd a {
    text-decoration: underline;
}


/* keyword_suggest */
.keyword_suggest {
    position: absolute;
    display: none;
    top: 34px;
    left: 0;
    width: 100%;
    border: 2px solid #AEAEAD;
    background-color: #fff;
    z-index: 100;
}

.keyword_suggest.active {
    display: block;
}

.suggest_list {
    margin-bottom: 0;
}

.suggest_item {
    line-height: 35px;
}

.suggest_item:not(:last-child) {
    border-bottom: 1px solid #AEAEAD;
}

.suggest_item a {
    padding: 0 10px;
    display: block;
    font-size: 1.4rem;
    color: #2E1F1A;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.suggest_item[data-suggest_category="tour"] a:before {
    content: "ツアー";
    display: inline-block;
    border: 1px solid #AEAEAD;
    background-color: #FFF;
    line-height: 1.5;
    font-size: .85em;
    width: 80px;
    text-align: center;
    margin-right: .5em;
}

.suggest_item[data-suggest_category="spot"] a:before {
    content: "観光スポット";
    display: inline-block;
    border: 1px solid #AEAEAD;
    background-color: #FFF;
    line-height: 1.5;
    font-size: .85em;
    width: 80px;
    text-align: center;
    margin-right: .5em;
}

.suggest_item_detail {
    display: none;
}

/* おすすめ特集 */
#second_feature {
    padding-right: 0;
    padding-left: 0;
}

#second_feature .row {
    margin-right: -30px;
    margin-left: -30px;
}

/* 地図から探す */
.map_area_wrap {
    text-align: center;
    position: relative;
    max-width: 700px;
    margin: 20px auto 40px;
}

.tab_simple_map {
    width: 100%;
    height: auto;
}

.map_area_list li {
    position: absolute;
    z-index: 1;
    /* border: 1px solid #B5B5B6; */
    border-radius: 3px;
}

.map_area_list a {
    position: relative;
    display: block;
    min-width: 8em;
    padding: .6rem 0;
    background-color: #FFF;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.5;
    text-indent: .5em;
}

.map_area_list a:before {
    content: "\f0da";
    position: absolute;
    /* color: #004191; */
    left: 0;
    top: .6rem;
}

/* map */
.map_hokkaido {
    left: 86%;
    top: 0;
}

.map_area_list .map_hokkaido a {
    border: solid 2px #44b4e4;
}

.map_hokkaido a:before {
    color: #44b4e4;
}

.map_hokkaido a:hover {
    background-color: #44b4e4 !important;
    color: #fff
}

.map_tohoku {
    left: 80%;
    top: 44%;
}

.map_area_list .map_tohoku a {
    border: solid 2px #3bb3aa;
}

.map_tohoku a:before {
    color: #3bb3aa;
}

.map_tohoku a:hover {
    background-color: #3bb3aa !important;
    color: #fff
}

.map_hokuriku {
    left: 40%;
    top: 44%;
}

.map_tokai {
    left: 58%;
    top: 88%;
}

.map_area_list .map_tokai a, .map_area_list .map_hokuriku a {
    border: solid 2px #cbd04f;
}

.map_tokai a:before, .map_hokuriku a:before {
    color: #cbd04f;
}

.map_tokai a:hover, .map_hokuriku a:hover {
    background-color: #cbd04f !important;
    color: #fff
}

.map_kanto {
    left: 75%;
    top: 65%;
}

.map_hac {
    left: 75%;
    top: 73%;
}

.map_area_list .map_kanto a, .map_area_list .map_hac a {
    border: solid 2px #64bc6e;
}

.map_kanto a:before, .map_hac a:before {
    color: #64bc6e;
}

.map_kanto a:hover, .map_hac a:hover {
    background-color: #64bc6e !important;
    color: #fff
}

.map_kansai {
    left: 40%;
    top: 88%;
}

.map_area_list .map_kansai a {
    border: solid 2px #f1b356;
}

.map_kansai a:before {
    color: #f1b356;
}

.map_kansai a:hover {
    background-color: #f1b356 !important;
    color: #fff
}

.map_chugoku {
    left: 20%;
    top: 55%;
}

.map_area_list .map_chugoku a {
    border: solid 2px #da7572;
}

.map_chugoku a:before {
    color: #da7572;
}

.map_chugoku a:hover {
    background-color: #da7572 !important;
    color: #fff
}

.map_shikoku {
    left: 20%;
    top: 96%;
}

.map_shoudo {
    left: 20%;
    top: 88%;
}

.map_area_list .map_shikoku a, .map_area_list .map_shoudo a {
    border: solid 2px #e17c57;
}

.map_shikoku a:before, .map_shoudo a:before {
    color: #e17c57;
}

.map_shikoku a:hover, .map_shoudo a:hover {
    background-color: #e17c57 !important;
    color: #fff
}

.map_kyushu {
    left: 0;
    top: 55%;
}

.map_gotou {
    left: 0;
    top: 47%;
}

.map_area_list .map_kyushu a, .map_area_list .map_gotou a {
    border: solid 2px #fc91a8;
}

.map_kyushu a:before, .map_gotou a:before {
    color: #fc91a8;
}

.map_kyushu a:hover, .map_gotou a:hover {
    background-color: #fc91a8 !important;
    color: #fff
}

.map_okinawa {
    left: 23%;
    top: 8%;
}

.map_ishigaki {
    left: 23%;
    top: 16%;
}

.map_miyako {
    left: 23%;
    top: 24%;
}

.map_area_list .map_okinawa a, .map_area_list .map_ishigaki a, .map_area_list .map_miyako a {
    border: solid 2px #bb75ae;
}

.map_area_list .map_okinawa a:before, .map_area_list .map_ishigaki a:before, .map_area_list .map_miyako a:before {
    color: #bb75ae;
}

.map_okinawa a:hover, .map_ishigaki a:hover, .map_miyako a:hover {
    background-color: #bb75ae !important;
    color: #fff
}

.map_hokkaido a:hover:before, .map_tohoku a:hover:before, .map_hokuriku a:hover:before, .map_tokai a:hover:before,
.map_kanto a:hover:before, .map_hac a:hover:before, .map_kansai a:hover:before, .map_chugoku a:hover:before,
.map_shikoku a:hover:before, .map_shoudo a:hover:before, .map_kyushu a:hover:before, .map_gotou a:hover:before,
.map_okinawa a:hover:before, .map_ishigaki a:hover:before, .map_miyako a:hover:before {
    color: #fff;
}
/***********************************
    地図モーダル
***********************************/
#map .modal-dialog{
    top:30%;
}
/* .modal-body{
    display: flex;
    flex-wrap: wrap;
}
.modal-body li{
    width: calc(50% - 10px);
} */
#map .modal-body{
    padding: 0;
}
#map .modal-open {
    padding-right: 0px !important;
    overflow: auto;
  }
#map .modal {
padding-right: 0px !important;
}
#map .nav{
    display: flex;
    flex-wrap: wrap;
}
#map .nav-item{
    width:50%;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #e6e6e6;
}
#map .nav-item:last-child {
    border-bottom:none;
}
#map .nav-item a{
    background: #fff;
    color: #333;
    width: 100%;
    padding: 2rem !important;
    text-align: center;
    font-size: 1.6rem;
    font-weight: normal;
}
#map .nav-item a:after{
    content: "\f054";
    position: absolute;
    font-size: 1.6rem;
    right: 10px;
    color: #95999e;
}

@media screen and (max-width: 600px) {
    #map .map_area_list a {
        padding: .9rem 0;
        min-width: 6em;
        text-indent: 0
    }

    #map .map_area_list a:hover {
        background-color: #004191;
        color: #fff
    }

    #map .map_area_list a:before {
        content: none
    }

    #map .map_hokkaido {
        left: 82%;
        top: -10%;
    }

    #map .map_tohoku {
        left: 82%;
        top: 29%;
    }

    #map .map_kanto {
        left: 82%;
        top: 54%;
    }

    #map .map_hac {
        left: 82%;
        top: 72%;
    }

    #map .map_kansai {
        left: 50%;
        top: 100%;
    }

    #map .map_okinawa {
        left: -5%;
        top: -10%;
    }

    #map .map_ishigaki {
        left: -5%;
        top: 28%;
    }

    #map .map_miyako {
        left: -5%;
        top: 46%;
    }

    #map .map_kyushu {
        left: -5%;
        top: 100%;
    }

    #map .map_gotou {
        left: -5%;
        top: 82%;
    }

    #map .map_hokuriku {
        left: 38%;
        top: 15%;
    }

    #map .map_tokai {
        left: 50%;
        top: 82%;
    }

    #map .map_chugoku {
        left: 28%;
        top: 36%;
    }

    #map .map_shikoku {
        left: 23%;
        top: 100%;
    }

    #map .map_shoudo {
        left: 23%;
        top: 82%;
    }

}

/* ツアーコードから探す & ホテル名から探す */
.search_by_tourcode .conditions_item,
.search_by_hotel .conditions_item {
    margin-bottom: 20px;
}

.tourcode_input_guide,
.hotel_input_guide {
    margin-bottom: 5px;
}

.tourcode_input,
.hotel_input {
    margin-bottom: 1em;
}

.tourcode_input input,
.hotel_input input {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 5px;
    border: 1px solid #B4B4B4;
    border-radius: 3px;
}


/***********************************
    特集 Pick UP
***********************************/


.feature_banner_list {
    width: 95%;
    max-width: 1170px;
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.feature_banner_list li {
    width: 48%;
    max-width: 320px;
    margin: 0 1% 15px;
}

.feature_banner_list a {
    position: relative;
    display: block;
}

.feature_banner_list a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #FF7414 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bnr_image {
    display: block;
    height: 0;
    padding-bottom: 70%;
    position: relative;
}

.bnr_image img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.feature_txt {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-top: .8em;
    color: #333;
}

.panel {
    margin-bottom: 0;
    box-shadow: unset !important;
}

.panel-info {
    border: unset !important;
}

.panel-info .panel-heading {
    color: unset !important;
    background: unset !important;
    border: unset !important;
}


@media ( min-width: 300px ) {


    /***********************************
        メインビジュアル
    ***********************************/
    .carousel-indicators li,
    .carousel-indicators li.active {
        /* width: 60px; */
        width: 30px;
        height: 8px;
        margin: 0 5px;
    }

    /*     .campaign_detail_btn a {
            font-size: 14px;
            line-height: 1.8;
        } */
    .campaign_detail_btn a {
        /* font-size: 16px;
        line-height: 2.5;
        min-width: 300px; */
        font-size: 14px;
        line-height: 2;
        min-width: 200px;
    }

    .campaign img {
        margin-bottom: 1vw;
    }

    /*    検索ボックス    */
    .tab-pane {
        max-width: 700px;
        margin: 0 auto
    }

    .tab_search_form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .search_method {
        width: 100%;
    }

    .conditions_item {
        width: 49%;
    }

    .search_from_map .conditions_item,
    .search_by_tourcode .conditions_item,
    .search_by_hotel .conditions_item {
        margin: 0 0 10px 51%;
    }

    .conditions_item_keyword {
        width: 100%;
    }

    .select_format {
        padding-left: 46%;
    }

    .search_flex {
        width: 100%;
    }

    .search_nav a {
        font-size: 1.5rem;
    }

    .search_nav a img {
        width: 50%;
    }

    .add_conditions_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .add_conditions_list li {
        width: 49%;
    }

    .map_area_list a {
        font-size: 1.2rem;
    }

    .tourcode_input, .hotel_input {
        margin-bottom: 25px;
    }

    .conductor_list {
        justify-content: flex-start
    }

    .conductor_tag_list li a:hover {
        text-decoration: underline;
    }

}

@media screen and (min-width: 750px) {

    /***********************************
        メインビジュアル
    ***********************************/
    .important_notices {
        display: flex;
        align-items: center;
        width: 95%;
        max-width: 970px;
        margin: 0 auto;
    }

    .notice_title {
        margin: 0;
        text-align: left;
        /*width: 130px;*/
    }

    .notice_content {
        width: calc(100% - 130px);
        padding-left: 0;
    }

    /***********************************
        特集 Pick UP
    ***********************************/
    .feature_txt {
        font-size: 1.6rem;
        text-align: center;
        font-weight: bold;
    }


    /***********************************
        行き先から探す
    ***********************************/
    .search_by_destination {
        display: block;
        background-color: #F2F5F9;
        border-top: 1px solid #B4B4B4;
        border-bottom: 1px solid #B4B4B4;
        padding-left: 2%;
        padding-right: 2%;
    }

    .search_by_destination .conditions_item {
        max-width: 300px;
        margin-left: auto;
    }

    .des_map_wrap {
        max-width: 1000px;
        margin: 0 auto
    }

    .des_map_large {
        width: 616px;
        margin: 0 auto;
        position: relative;
    }

    .des_area_list li {
        position: absolute;
        z-index: 1;
        border: 1px solid #B5B5B6;
        border-radius: 4px;
    }

    .des_area_list a {
        position: relative;
        display: block;
        min-width: 6em;
        background-color: #FFF;
        border-radius: 4px;
        color: #000;
        text-decoration: none;
        line-height: 1.5;
        text-indent: .5em;
        text-align: center;
    }

    .des_area_list a:before {
        content: "\f0da";
        position: absolute;
        color: #004191;
        left: 0;
        top: 0;
    }

    .des_hokkaido {
        left: 76%;
        top: 21%;
    }

    .des_tohoku {
        left: 70%;
        top: 42%;
    }

    .des_hokuriku {
        left: 38%;
        top: 54%;
    }

    .des_kanto {
        left: 60%;
        top: 70%;
    }

    .des_tokai {
        left: 42%;
        top: 81%;
    }

    .des_kansai {
        left: 25%;
        top: 74%;
    }

    .des_chugoku {
        left: 14%;
        top: 62%;
    }

    .des_shikoku {
        left: 15%;
        top: 86%;
    }

    .des_kyushu {
        left: 0;
        top: 93%;
    }

    .des_okinawa {
        left: 0;
        top: 24%;
    }

    .des_ishigaki {
        left: 0;
        top: 31%;
    }

    .des_miyako {
        left: 0;
        top: 38%;
    }

    .popular_area {
        width: 85%;
        max-width: 616px;
        margin: 20px auto 0;
        padding: 20px 20px 5px;
        border: 1px solid #004191;
        background-color: #fff;
    }

    .popular_area_title {
        margin: 0 0 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #004191;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1;
    }

    .popular_area_list {
        display: flex;
        flex-wrap: wrap;
    }

    .popular_area_list li {
        margin: 0 1em .5em 0;
        display: flex;
        align-items: center;
        color: #5A5A5A;
        line-height: 1.2;
        font-size: 1.5rem;
    }

    .popular_area_list li:before {
        content: "\f0da";
        margin-right: .5em;
        color: #004191;
    }

    .popular_area_list a {
        color: #5A5A5A;
        display: inline-block;
    }

    .conductor {
        padding: 3em 0;
    }

    .conductor_title {
        padding: 1em;
        width: 19%;
    }

    .conductor.yellow .conductor_title {
        border-bottom: 2px solid #eeb200;
    }

    .conductor.blue .conductor_title {
        border-bottom: 2px solid #ccc;
    }

    .conductor_title p {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .conductor_txt {
        width: 81%;
    }


    .form-control_day {
        width: 120%;
        right: 20%;
        position: relative;
    }
}

@media screen and (min-width: 970px) {


    /***********************************
        メインビジュアル
    ***********************************/
    .slide_back_image img {
        width: inherit;
        object-fit: inherit;
        height: inherit;
        max-height: inherit;
    }

    .carousel-indicators {
        text-align: right;
        left: auto;
        right: 5%;
        bottom: 20px;
        margin-right: -5px;
    }

    .campaign {
        top: 10%;
        left: auto;
        right: 5%;
        width: 45%;
        height: auto;
        padding: 0;
        max-width: 562px;
        display: block;
    }

    .campaign img {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .campaign_detail_btn {
        display: block;
        text-align: right;
        margin: 20px 0 0;
    }

    .campaign_detail_btn a {
        min-width: 200px;
    }

    .item_yellow .campaign_detail_btn a:hover {
        /* background-color: #FFF; */
        /* border-color: #FFE700; */
        /* border-color: #FFA515; */
        /* color: rgba(255,194,62,1.00); */
        /* color: #FFA515; */
        background-color: #FFF;
        border: 1px solid #FFE700;
        color: #333;
    }

    .item_red .campaign_detail_btn a:hover {
        background-color: #FFF;
        border-color: #FF2600;
        color: #FF2600;
    }

    .item_green .campaign_detail_btn a:hover {
        background-color: #FFF;
        border-color: #00A403;
        color: #00A403;
    }

    .item_brown .campaign_detail_btn a:hover {
        background-color: #FFF;
        border-color: #b79e01;
        color: #b79e01;
    }

    .item_pink .campaign_detail_btn a:hover {
        background-color: #FFF;
        border-color: #e85280;
        color: #e85280;
    }

    .item_purple .campaign_detail_btn a:hover {
        background-color: #FFF;
        border-color: #8c44b2;
        color: #8c44b2;
    }


    /***********************************
        検索ボックス
    ***********************************/
    .searchbox {
        position: absolute;
        top: 20px;
        display: flex;
        flex-wrap: wrap;
        width: 430px;
    }
    @media screen and (max-width: 991px) {
        .searchbox{
            left:25px;
        }
    }
    /* .searchbox .btn-group-lg>.btn, .btn-lg {
      padding: 13px 5px !important;
      width: 70%;
      font-size: 1.7rem !important; 
      letter-spacing: .1rem;
      background-color: #E96E00;
      border-radius: 6px !important;
      border-color: #eea236;
      box-shadow: none;
      margin-top: 0;
    }
    .searchbox h2 {margin-bottom: 0;}
    .searchbox .col-xs-5 {padding-top: .5em !important}
    .searchbox .col-xs-7, .searchbox .col-xs-5, .searchbox .col-xs-4,.searchbox .col-xs-3 {padding:0;} 
    .searchbox .form-horizontal .control-label {text-align: left}
    #conditions { padding: 0 25px; }
    .searchbox .form-control {margin-bottom: 5px;padding: 6px}
    .searchbox .panel {
        width: 100%;
    } */
    .search_nav {
        display: block;
        width: 114px;
        padding: 0 2px;
    }

    .search_nav li {
        padding-top: 2px;
        border: none;
    }

    .search_nav a {
        font-size: 1.4rem;
        cursor: default;
    }

    .search_nav a img {
        opacity: 1;
    }

    .search_nav li:not(.active) a:hover {
        opacity: .7;
        cursor: pointer;
    }

    .search_nav .active a {
        background-color: transparent;
    }

    .search_nav a img {
        width: 70%;
    }


    .search_method {
        text-align: left;
        line-height: 1;
        padding-bottom: .3em;
        margin-bottom: .6em;
    }

    .search_method:after {
        z-index: 1501;
        transition: .5s ease;
    }

    .search_method.active:after {
        width: calc(100% + 510px);
    }

    .conditions_item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .select_dep_date {
        display: block;
        margin-left: calc(100% - 240px);
    }

    .search_from_map .conditions_item,
    .search_by_tourcode .conditions_item,
    .search_by_hotel .conditions_item {
        margin: 0 0 20px;
    }

    .conditions_item dt {
        position: static;
        text-align: left;
        width: calc(100% - 250px);
        padding: 0 10px;
    }

    .select_dep_date dt {
        position: absolute;
        width: 3em;
        padding: 0;
        right: 200px;
        left: auto;
    }

    .select_format_wrap {
        position: relative;
        width: 240px;
    }

    .br::before {
        content: "\A";
        white-space: pre;
    }

    .select_date_box {
        width: 120px;
        position: absolute;
    }

    .select_dep_month {
        right: 120px;
        border-left: none;
    }

    .select_format {
        padding-left: 10px;
    }

    .view-date {
        padding-left: 10px;
        cursor: pointer;
    }

    .search_flex {
        /* display: flex; */
        margin-left: 10px;
        margin-top: 10px;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .keyword_good {
        margin-top: 5px;
        margin-left: 10px;
        padding-right: 10px;
        position: absolute;
        width: 100%;
    }

    .tour_search_btn {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .tour_search_btn:hover {
        background-color: #FFF;
    }

    .tour_search_btn:hover button {
        color: #FF7414;
    }

    .tab_conditions .tour_search_btn {
        transition: .5s ease;
    }

    .tour_search_btn.active {
        width: 100%;
    }

    .add_conditions_btn {
        width: 100px;
        line-height: 1.1;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        margin-left: 20px;
    }

    .add_conditions_btn a:hover {
        text-decoration: none;
    }

    .add_conditions_btn.active {
        display: none;
    }

    .add_conditions_btn a:before {
        transform: translateY(80%);
    }

    .map_area_list a {
        font-size: 1.4rem;
    }

    .map_area_list a:hover {
        background-color: #004191;
        color: #FFF;
    }

    .map_area_list a:hover:before {
        color: #FFF;
    }

    .popular_word {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 15px;
        font-size: 1.4rem;
        color: #fff;
        background-color: #5A5A5A;
        border-radius: 0 0 3px 3px;
    }

    .popular_word.active {
        border-radius: 0 0 0 3px;
    }

    /* 条件検索 */
    .conditions_detail {
        position: absolute;
        opacity: 1;
        z-index: 5;
        top: 0;
        left: 100%;
        width: 0;
        height: 100%;
        overflow: hidden;
        padding: 0;
        background-color: rgba(225, 225, 225, 0.8);
        transition: .5s ease;
    }

    .conditions_detail.active {
        width: 505px;
        border-radius: 0 3px 3px 0;
    }

    .panel_close {
        right: 0;
        bottom: 0;
        top: auto;
        border-radius: 0 0 3px 0;
        width: 100px;
        margin-bottom: 0;
        cursor: pointer;
    }

    .panel_close:hover {
        opacity: .7;
    }

    .add_conditions_title {
        color: #000;
        margin-bottom: 5px;
    }

    .add_conditions_list {
        font-size: 1.3rem;
    }

    .add_conditions_list label {
        cursor: pointer;
    }

    .search_by_tourcode .tour_search_btn,
    .search_by_hotel .tour_search_btn {
        width: 100%;
    }

    .conditions_box {
        position: relative;
        height: 100%;
        padding: 56px 10px 0;
        margin: 0;
    }

    .items_inner {
        padding: 10px;
        width: 485px;
        border-radius: 5px;
        background-color: rgba(23, 42, 128, 0.1)
    }

    .carousel-control {
        width: 5%;
    }

    .suggest_item a {
        position: relative;
    }

    .suggest_item.active a {
        background-color: #E2E2E2;
        padding: 0 15px 0 10px;
    }

    .suggest_item.active a:after {
        font-family: "Font Awesome 5 Free", serif;
        content: "\f105";
        font-weight: bold;
        position: absolute;
        right: 5px;
        top: 0;
    }

    .suggest_item_detail {
        display: none;
        position: absolute;
        left: calc(100% - 2px);
        top: 34px;
        width: 520px;
        border: 2px solid #AEAEAD;
        background-color: #fff;
        z-index: 2000;
    }

    .suggest_item_detail.active {
        display: block;
    }

    .suggest_detail_wrap {
        padding: 15px 10px;
    }

    .suggest_result {
        border-bottom: 2px solid #AEAEAD;
    }

    .suggest_result_num,
    .related_result_txt {
        font-size: 1.5rem;
        margin: 0 8px 10px;
    }

    .suggest_item_list {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }

    .related_result_pickup {
        margin-bottom: 0;
    }

    .suggest_item_list li {
        width: calc(100% / 3);
        padding: 0 8px;
    }

    .suggest_item_list li:not(:last-child) {
        border-right: 1px solid #AEAEAD;
    }

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

    .suggest_item_title {
        margin: 10px 0;
    }

    .suggest_item_title a {
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.3;
        color: #040000;
        display: inline-block;
    }

    .suggest_item_title a:hover {
        text-decoration: underline;
    }

    .suggest_item_price {
        font-size: 1.4rem;
    }

    .suggest_item_price span {
        display: block;
    }

    .link_all_result {
        text-align: center;
    }

    .link_all_result a {
        line-height: 2;
    }

    .suggest-item:hover .suggest-item-detail {
        display: block;
    }

    .search-result,
    .relation-search {
        padding: 15px 0 0 15px;
    }

    .suggest-item-detail-inner {
        display: flex;
        justify-content: space-between;
        padding: 15px;
    }

    .suggest-item-detail-inner:not(:last-child) {
        border-bottom: 4px solid #AEAEAD;
    }

    .suggest-detail-item {
        width: 32%;
        padding-right: 10px;
    }

    .suggest-detail-item:not(:last-child) {
        border-right: 1px solid #AEAEAD;
    }

    .suggest-detail-item img {
        width: 100%;
    }

    .suggest-item-title {
        width: 100%;
        text-align: justify;
    }

    .suggest-item-title a {
        width: 100%;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: justify;
    }


    .popular_word dl {
        justify-content: flex-start;
    }

    .popular_word dt {
        display: inline-block;
        width: auto;
        margin: 0 1em 0 0;
        font-size: inherit;
    }

    .popular_word a:hover {
        color: darkorange;
    }


    /***********************************
        特集 Pick UP
    ***********************************/
    .feature_banner_list li {
        width: 23%;
    }


    /***********************************
        行き先から探す
    ***********************************/
    .des_map_wrap {
        position: relative;
    }

    .des_map_large {
        margin-left: 50px;
    }

    .popular_area {
        position: absolute;
        right: 0;
        top: 120px;
        z-index: 1;
        max-width: 300px;
    }

    .des_area_list a:hover {
        color: #FFF;
        background-color: #004191;
    }

    .des_area_list a:hover:before {
        color: #FFF;
    }

    .form-control_month {
        width: 115%;
    }

    .form-control_day {
        width: 115%;
        right: 15%;
    }

}

@media screen and (min-width: 1170px) {

    .campaign {
        right: 10%;
        width: 40%;
    }

    .glyphicon-chevron-right:before {
        content: "\e080";
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
    }

    .carousel-control {
        width: 10%;
    }

    .carousel-indicators {
        right: 10%;
    }

    .suggest_item_detail {
        width: 590px;
    }

}

/***********************************
    ●●で探す
***********************************/
.conductor {
    padding: 1em 0;
}

.conductor.yellow {
    background-color: #fdf8cc;
}

.conductor.blue {
    background-color: #e6effa;
}


.conductor_list {
    width: 95%;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    text-align: left;
}

.conductor_title,
.conductor_txt {
    padding: 0.5em 1em;
    width: 100%;
    font-weight: normal;
    line-height: 1.8;
}

.conductor_title {
    position: relative;
    font-weight: bold;
    text-align: center;
}

.conductor.yellow .conductor_title {
    background-color: #ffe599;
}

.conductor.blue .conductor_title {
    background-color: #004191;
    color: #fff;
}


.conductor.yellow .conductor_txt {
    background-color: #fff;
    border-bottom: 2px solid #eeb200;
}

.conductor.blue .conductor_txt {
    background-color: #fff;
    border-bottom: 2px solid #ccc;
}

.conductor_tag_list {
    margin-bottom: 0;
}

.conductor_tag_list li,
.conductor_tag_list li a {
    color: #333;
}

.conductor_tag_list li {
    display: inline-block;
}

.conductor_tag_list li:after {
    content: '|';
    padding-left: 0.5em;
    color: #ccc;
}

/***********************************
    SEO施策 トップh1
***********************************/
.h1_top {
    font-size: 10px;
    margin: 0.4rem 0;
}

@media all and (min-width: 768px) {
    .h1_top {
        font-size: 12px;
        letter-spacing: .1rem;
        margin: 0.6rem 0;
    }
}