@media screen and (max-width: 767px) {
    #campanies .week_nav {
    }

    .front_modal.modal_box {
        padding: 0;
    }

    #campanies,
    #campanies.search_open {
        min-width: initial!important;
    }

    #campanies .mainSection {
        width: auto;
        min-width: initial!important;
        min-height: initial;
        flex-direction: column;
    }

    #campanies .container {
        min-height: initial;
    }

    #campanies .sec2_title h3 {
        font-size: 18px;
        text-align: center;
        position: relative;
        padding-bottom: 12px;
    }

    #campanies .sec2_title h3::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 2px;
        background-color: var(--key-color-100);
    }

    /* モーダル */
    #campanies .company_menu {
        width: 88.3%;
        height: 100%;
        padding-top: 0;
        margin-top: 0;
        position: fixed;
        z-index: 100;
        top: 0;
        margin-top: 102px;
        /* left: 0; */
        left: -88.3%;
        min-width: initial;
    }

    #campanies .company_menu.hidden {
        width: 88.3%;
    }

    #campanies .company_menu.inview {
        left: 0;
    }

    .company_menu.modal_window {
        display: none;
    }

    #modal_bg {
        z-index: 2000;
    }

    .modal_box .pop_inner {
        width: 100%;
        margin: 0;
        background-color: #EFEFEF;
    }

    .modal_close {
        top: 0;
    }

    #campanies .company_menu .sort_area .sec_ttl.pc {
        display: none;
    }

    #campanies .company_menu .sort_area .sec_ttl.sp {
        height: 60px;
        display: block!important;
    }

    #campanies .sort_area .sec_cnt {
        display: block!important;
        height: calc(100% - 60px);
        overflow: scroll;
        padding: 20px 0;
        padding-left: 4px;
        padding-right: 4px;
        background-color: #fff;
    }

    #campanies .sort_area .sec_cnt::-webkit-scrollbar {
        width: 0;
    }

    #campanies .sort_area .sec_cnt .sort_category h3 {
        margin-bottom: 18px;
        padding: 0 24px;
    }

    #campanies .sort_area .sec_ttl h3 {
        border: none;
    }

    #campanies .sort_area .select_check_list {
        /* width: 87.2%; */
        /* margin: 0 auto; */
        width: 100%;
        height: calc(100vh - 510px);
        overflow-y: scroll;
        padding: 0 22px;
    }

    #campanies .sort_area .select_check_list .check_list_item:first-child {
        border-top: 1px solid #E5E5E5;
    }

    #campanies .sort_area .select_check_list .check_children_list {
        padding: 14px 23px 16px;
    }

    #campanies .sort_area .select_check_list .check_child {
        margin-bottom: 16px;
    }

    #campanies .sort_area .select_check_list .check_child .checkbox_input_jenru:checked + label::after {
        /* top: calc(50% + 1px); */
        top: calc(50% + 0px);
        transform: translateY(-50%) rotate(-45deg);
    }

    #campanies .sort_area .select_check_list .check_list_item .cheack_box .check_all_cnt {
        padding: 0;
    }

    #campanies .sort_area .select_check_list .cheack_box .check_all_cnt .checkbox_input + label + .pulldown_icon {
        /* top: calc(50% - 4px); */
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        right: 12px;
    }
    #campanies .sort_area .select_check_list .cheack_box .check_all_cnt .checkbox_input:checked + label + .pulldown_icon {
        top: 50%;
        transform: translateY(-50%) rotate(135deg);
    }

    .checkbox_input + label::before {
        /* margin-top: -4px; */
        margin-top: 0;
        transform: translateY(-50%);
        right: 22px;
    }

    #campanies .sort_area .select_check_list .cheack_box .check_all_cnt .checkbox_input:checked + label::after {
        top: 48%;
        transform: translateY(-50%) rotate(-45deg);
    }

    #campanies #sort_area .select_check_list .check_list_item:first-child .cheack_box .check_all_cnt {
        border-top: none;
    }

    #campanies .search_btn_area {
        width: 100%;
        /* padding-bottom: 16px; */
        padding-bottom: 40px;
        padding-top: 16px;
    }

    #campanies .sort_result,
    #campanies .sort_cancel {
        width: 240px;
        margin: 0 auto;
        border-radius: 0;
    }

    #campanies .sort_result_pad {
        /* padding-bottom:10px; */
    }

    #campanies .sort_area .sort_category .search_btn_area .sort_cancel {
        margin-top: 16px;
        padding-bottom: 0;
    }

    #campanies .sort_result a,
    #campanies .sort_cancel a {
        font-size: 16px;
        /* padding: 9px 0 9px; */
        padding: 8px 0 10px;
        border: 1px solid #0033BB;
        color: #fff;
        background-color: #0033BB;
        border-radius: 50px;
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        line-height: 150%;
    }

    #campanies .sort_cancel a {
        border: 1px solid #E5E5E5;
        color: #000;
        background-color: #fff;
        font-size: 16px;
        line-height: 150%;
        padding: 9px 0 9px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    #campanies .checkbox_input + label {
        padding: 15px 30px 15px 28px;
    }


    #campanies .pop_inner .modal_close {
        font-size: 14px;
        background-image: none;
        color: var(--key-color-100);
        position: fixed;
        width: 60px;
        height: auto;
        top: 21px;
        left: 23px;
        padding-left: 18px;
        z-index: 11000;
    }

    /* hover無効化 */
    #campanies .sort_area .select_check_list .cheack_box .check_all_cnt:hover,
    #campanies .sort_area .select_check_list .check_child:hover {
        opacity: 1;
    }

    #campanies #booth_cnt .booth_item .booth_item_link:hover {
        opacity: 1!important;
    }

    a.over:hover {
        opacity: 1;
    }

    #campanies a img:hover {
        opacity: 1;
    }

    /* 企業ブースモーダル */
    #campanies.preview .loader {
        z-index: 2000;
    }

    #campanies .booth_modal {
        display: none;
    }

    #campanies .booth_modal .button_prev,
    #campanies .booth_modal .button_next {
        display: none!important;
    }

    #campanies .modal_box.booth_modal .iframe_cnt {
        margin-bottom: 0;
    }
    /* 企業ブースモーダル -end */

/*================== 20220419 UIリニューアル追加css ==================*/

    #campanies .ranking_area {
        /* margin-bottom: 30px; */
    }

    #campanies .mainSection .ranking_area {
        padding: 34px 0 42px 48px;
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 0px;
    }

    #campanies .mainSection .ranking_ttl {
        margin-bottom: 16px;
    }
    #campanies .mainSection .ranking .swiper-container.ranking_swiper {
        margin-top: 0px;
    }

    #campanies .mainSection .ranking .swiper-slide {
        margin-bottom: 10px;
    }






    #campanies .section_inner {
        width: 88.3%;
        margin: 0 auto;
    }

    #campanies footer {
        min-width: initial;
        margin-top: 0!important;
    }

    #campanies .sort_area#sort_area_sp {
        border-right: none;
        border-bottom: 1px solid #D0D0D0;
    }

    #campanies .sort_area#sort_area_sp .sec_cnt {
        padding: 0;
    }

    #campanies .sort_area#sort_area_sp .srh_category {
        background-color: #F3F3F3;
    }

    #campanies .sort_area#sort_area_sp .section_inner {
        width: 100%;
    }

    #campanies .sort_area#sort_area_sp .srh_category a {
        font-size: 16px;
        padding: 18px 0 18px 22px;
        margin: 0 auto;
        display: block;
    }

    #campanies .sort_area#sort_area_sp .srh_category .slide_btn {
        width: 24px;
        height: 24px;
        display: inline-block;
    }

    #campanies .sort_area#sort_area_sp .srh_category .slide_btn svg {
        transform: rotate(180deg);
        margin-bottom: -6px;
    }

    #campanies .sort_area#sort_area_sp .srh_category .slide_btn svg path {
        fill: #D0D0D0;
    }

    #campanies .name_search {
        padding: 12px 15px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 80;
        box-shadow: 4px -10px 8px rgba(0, 0, 0, 0.04);
    }

    #campanies .name_search.disable_search #search_sp,
    #campanies .name_search.disable_search::before {
        opacity: 0.3;
    }

    #campanies .name_search.stop {
        position: absolute;
    }

    #campanies .name_search input[type="search"] {
        width: 100%;
        background-color: #F3F3F3;
        border-radius: 5px;
        border: none;
        font-size: 12px;
        padding: 9px 0 8px 40px;
        position: relative;
        line-height: 1.5;
    }

    #campanies .name_search::before {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: 50%;
        left: 26px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(../../img/icons/search_icon.png);
        z-index: 100;
    }

    #campanies #booth_cnt {
        width: 100%;
        padding: 0;
        margin-top: 22px;
        margin-bottom: 60px;
    }

    #campanies.search_open #booth_cnt {
        width: 100%;
    }

    #campanies #booth_cnt .section_inner {
        width: 100%;
    }

    #campanies #booth_cnt .sort_nav {
        width: 100%;
        padding-left: 22px;
        margin-bottom: 0;
    }

    #campanies #booth_cnt .sort_nav .display_type {
        display: none;
    }

    #campanies #booth_cnt .selected_filters_area {
        padding: 0 22px;
        margin-top: 25px;
        margin-bottom: 10px;
        width: 100%;
    }

    #campanies #booth_cnt #booth_list_all {
        background-color: #F3F3F3;
    }

    #campanies #booth_cnt #booth_list_all.no_booth {
        padding: 0 20px;
        background-color: #fff;
    }

    #campanies #booth_cnt #booth_list_all.no_booth .no_booth_cnt {
        padding-left: 0;
    }

    #campanies #booth_cnt .booth_list__group {
        width: 100%;
        background-color: #F3F3F3;
    }

    #campanies #booth_cnt .booth_item {
        box-shadow: none;
        margin-bottom: 12px;
        background-color: #fff;
        border-radius: 0;
    }

    #campanies #booth_cnt .booth_item .booth_item_link {
        padding: 30px 22px 13px;
        overflow: hidden;
    }

    #campanies #booth_cnt .booth_item .booth_item_inner {
        border-radius: 10px;
        overflow: hidden;
    }

    #campanies #booth_cnt .booth_item .booth_info_swiper {
        position: relative;
        overflow: visible;
    }

    #campanies #booth_cnt .booth_item .booth_info_swiper .booth_imgs {
        flex-wrap: nowrap;
    }
    #campanies #booth_cnt .booth_item .panel_wp{
        display: none;
    }
    #campanies #booth_cnt .booth_item .booth_imgs .swiper-slide {
        border-radius: 5px;
        overflow: hidden;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .b_main_img {
        width: 100%;
        height: 0;
        padding-top: 55.556%;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .b_main_img {
        max-width: unset;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .video_cnt {
        width: auto;
        height: auto;
        border: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .video_cnt.videos .short_movie {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    #campanies #booth_cnt .booth_item .booth_imgs .video_cnt .overray {
        border-radius: 0;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .video_cnt.logo_img {
        padding: 0 10px;
        display: none;
    }

    #campanies #booth_cnt .booth_item .booth_imgs .video_cnt.logo_img .imgs {
        height: 0;
        padding-top: 55.556%;
    }

    #campanies .booth_info_swiper .booth_info_pagination {
        display: block;
        position: absolute;
        z-index: 10;
        width: auto;
        bottom: -37px;
        left: 50%;
        transform: translateX(-50%);
    }

    #campanies .booth_info_swiper .booth_info_pagination .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        background-color: #D0D0D0;
        border-radius: 0;
        opacity: 1;
    }

    #campanies .booth_info_swiper .booth_info_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--key-color-100);
    }

    #campanies #booth_cnt .booth_item .booth_info_swiper + .booth_info {
        margin-top: 32px;
    }

    #campanies #booth_cnt .booth_item .booth_info .info_text .title {
        font-size: 14px;
        margin-bottom: 2px;
    }

    #campanies #booth_cnt .booth_item .booth_info .info_text .desc {
        font-size: 12px;
        line-height: 1.5;
    }

    #campanies #booth_cnt .booth_item .booth_category {
        margin-top: 15px;
        padding-top: 15px;
    }

    #campanies #booth_cnt .booth_item .booth_category .category_item {
        font-size: 12px;
        line-height: 16px;
    }

    #campanies #booth_cnt .booth_item.recommend_booth,
    #campanies #booth_cnt .booth_item.similar_booth,
    #campanies #booth_cnt .booth_item.ranking_booth {
        margin: 0 0 12px;
    }

    #campanies .logos .swiper-wrapper{
        padding: 10px 0 10px 20px;
    }

    #campanies .loader.boothlist_loader {
        margin-bottom: 12px;
        height: 130px;
    }

    /* カテゴリ検索エリア */
    #campanies .mainSection .bg_cover {
        position: fixed;
        z-index: 90;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        display: none;
    }

    #campanies #upload_form .sort_area .section_inner {
        width: 100%;
        height: 100%;
    }

    #campanies #upload_form .sort_area .sec_ttl h3 {
        background-color: #F3F3F3;
        text-align: left;
        padding: 18px 0 17px 55px;
        line-height: 1.5;
    }

    #campanies #upload_form .sort_area .sec_ttl .slide_btn {
        right: initial;
        left: 6px;
    }

    #campanies #upload_form .sort_area .sec_ttl .slide_btn.sp {
        display: flex;
    }

    #campanies .company_menu.hidden .sort_area .sec_ttl .slide_btn {
        background-image: url(../../img/booth/menu_arrow.svg);
    }

    #campanies #upload_form .sort_area .sec_ttl .slide_btn svg path {
        fill: #D0D0D0;
    }

    #campanies #upload_form .sort_area {
        border: none;
    }

    #campanies #upload_form .sort_area .cate_area {
        margin-bottom: 20px;
    }

    /* カテゴリ検索エリア -end*/

    /* オススメの企業ブース*/
    #campanies .organizer_recommended .swiper-container-horizontal::after {
        display: none;
    }

    #campanies .visited_company .swiper-container-horizontal::after {
        display: none;
    }

    #campanies .ranking .swiper-container-horizontal::after {
        display: none;
    }

    #campanies .organizer_recommended.parts_content,
    #campanies .visited_company.parts_content {
        /* margin-top: 0;
        margin-bottom: 0; */
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #campanies .organizer_recommended.parts_content .parts_inner,
    #campanies .visited_company.parts_content .parts_inner {
        padding-left: 0;
    }

    #campanies .prev_btn::after {
        left: 30px;
    }

    #campanies .organizer_recommended .prev_btn::after,
    #campanies .visited_company .prev_btn::after {
        left: 30px;
    }

    #campanies .organizer_recommended .prev_btn::before,
    #campanies .visited_company .prev_btn::before {
        left: 0;
    }

    #campanies .next_btn:after {
        right: 30px;
    }

    #campanies .ranking_icon_area {
        position: relative;
        top: 0;
        left: 0;
        border-radius: 40px;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    /* オススメの企業ブース -end*/


/*================== 20220419 UIリニューアル追加css ==================*/
}

@media screen and (max-width: 374px) {

    /* モーダル */
    #campanies .sort_result, #campanies .sort_cancel {
        width: 87.2%;
    }

    #campanies .pop_inner .modal_close {
        left: 13px;
    }
}