@charset "UTF-8";
@import url("./config.php");
/* SP版 768px未満に適応*/
@media screen and (max-width: 767px) {
  .sec_sub_ttl {
    font-size: 14px;
  }

  .default_btn {
    width: 245px;
    font-size: 14px;
    padding: 13px 20px 10px;
  }

  .default_btn:after {
    top: calc(50% - 8px / 2);
    width: 8px;
    height: 8px;
    right: 6%;
  }

  footer img {
    width: 100%;
  }

  .tab-area.pc {
    display: none;
  }

  /*メインのスライダー*/
  .swiper-container {
    z-index: 0;
  }

  /*メインのスライダー*/
  .swiper_area .slder_item_area.pc {
    display: none;
  }

  .swiper_area:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .campanies_sec1 .arrow::after {
    display: none;
  }

  .menu_s {
    display: block;
    top: 8px;
    right: 10px;
  }

  /*spドロワー*/
  #nav_menu {
    background-color: #fff;
  }

  #nav_menu ul li a {
    padding: 0;
  }

  #nav_menu .drower_box {
    /* margin-top: 60px; */
    margin-top: 56px;
  }

  #nav_menu .drower_btn {
    padding: 50px 0 0 45px;
  }

  #nav_menu .drower_btn li {
    margin-bottom: 38px;
  }

  #nav_menu .drower_btn li a {
    display: flex;
  }

  #nav_menu .drower_btn li a h3 {
    font-size: 18px;
    margin-right: 10px;
    letter-spacing: 4px;
  }

  #nav_menu .drower_btn li a p {
    font-size: 12px;
    line-height: 18px;
  }

  /* 只浦追加 ヘッダーモーダル */

  .menu_s {
    z-index: 1100;
  }

  header .header_drawer {
    display: none!important;
  }

  #nav_menu .drower_btn {
    padding-top: 24px;
  }

  .menu_under a {
    color: #4D4D4D;
  }

  #nav_menu .nav_inner {
    position: relative;
  }

  #nav_menu .nav_inner .menu_box {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
  }

  #nav_menu .drower_btn {
    padding-left: 0;
    max-height: 310px;
    overflow-y: scroll;
  }

  #nav_menu .drower_btn li {
    margin-bottom: 0;
  }

  #nav_menu .drower_btn .menu_parent:first-child a {
    border-top: 1px solid #E5E5E5;
  }

  #nav_menu .drower_btn .menu_parent a {
    padding: 12px;
    color: #4D4D4D;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
  }

  #nav_menu .drower_btn li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 10px;
    border-top: solid 2px var(--key-color-100);
    border-right: solid 2px var(--key-color-100);
    transform: translateY(-50%) rotate(45deg);
  }

  #nav_menu .drower_btn li a.parent_menu_nav::after {
    border: none;
    width: 14px;
    height: 2px;
    right: 13px;
    background-color: var(--key-color-100);
    transform: translateY(-50%);
  }

  #nav_menu .drower_btn li a.parent_menu_nav::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 14px;
    right: 19px;
    background-color: var(--key-color-100);
    transform: translateY(-50%);
    transition: all 0.5s;
  }

  #nav_menu .drower_btn li a.parent_menu_nav.open::before {
    transform: translateY(-50%) rotate(90deg);
  }

  #nav_menu .drower_btn li a h3 {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0;
  }

  /* ドロップダウン中身 */

  #nav_menu .drower_btn li .children_menu_nav {
    display: none;
  }

  #nav_menu .drower_btn li .dropdwn_menu .menu_child a {
    font-size: 14px;
    line-height: 17px;
    padding: 14px 30px 14px 24px;
    color: #4D4D4D;
    border-bottom: 1px solid #E5E5E5;
    border-top: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  @media screen and (max-width: 374px) {
    .menu_under a {
      font-size: 11px;
    }
  }

  /* 只浦追加 ヘッダーモーダル -end */

  /*spドロワー*/
  /*SP フッター*/
  footer.reservation {
    padding: 35px 0 60px;
  }

  footer .footer-in {
    display: block;
    position: relative;
  }

  footer .footer-in .logo {
    width: 20%;
  }

  footer .footer-in .logo a {
    display: block;
    max-width: 140px;
    margin: 0 auto;
  }

  footer .footer-in p.copy-light {
    position: absolute;
    bottom: -35px;
    top: auto;
    width: 100%;
  }

  /*SP フッター*/
  /*SP日付のスライダー*/
  .tabs__item .swiper-button-next, .tabs__item .swiper-button-prev, .tabs__item .swiper-button-next_a, .tabs__item .swiper-button-prev_a, .tabs__item .swiper-button-next_b, .tabs__item .swiper-button-prev_b {
    position: absolute;
    top: 59%;
    width: 27px;
    height: 20px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-image: none;
  }

  .tabs__item .swiper-button-prev, .tabs__item .swiper-button-prev_a, .tabs__item .swiper-button-prev_b {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid #6aa7cd;
    left: -19px;
  }

  .tabs__item .swiper-button-next, .tabs__item .swiper-button-next_a, .tabs__item .swiper-button-next_b {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #6aa7cd;
    right: -19px;
  }

  /*SP日付のスライダー -end*/
  /*モーダル*/
  .modal_window.edit_modal table .pop_inner {
    width: 100%;
    border-radius: 10px;
  }

  .edit_modal .pop_inner .modal_close, .seminar_add_modal .pop_inner .modal_close {
    top: 0;
    right: 0;
  }

  .modal_window.edit_modal .modal_img h2 {
    line-height: 26px;
    padding: 0 20px 25px;
  }

  .modal_window.edit_modal table #modal_cont {
    padding: 22px 0 34px;
  }

  .front_modal .booth_info_add {
    width: 100%;
  }

  .user_edit.front_modal input {
    width: 100%;
  }

  .modal_window.edit_modal.user_edit.front_modal textarea {
    width: 100%;
  }

  .edit_modal.front_modal #modal_cont .add .btns {
    font-size: 12px;
    border-radius: 7px;
    width: 58%;
  }

  .edit_modal.user_edit .upper_table {
    padding: 10px;
  }

  .modal_window.edit_modal.front_modal .booth_tr td {
    font-size: 13px;
  }

  .modal_window.edit_modal.user_edit.front_modal th {
    font-size: 12px;
  }

  .front_modal_ttl p {
    margin-top: 1px;
  }

  .front_modal.modal_box {
    padding: 12px;
  }

  .edit_modal.user_edit.front_modal .upper_table {
    margin-top: 0;
  }

  .modal_box table, .modal_box tr {
    /* height: auto;　0307更新 */
  }

  /*モーダル -end*/
  .main__wrapper .body__content .banner {
    height: 132px;
    justify-content: center;
  }

  .main__wrapper .body__content .banner .banner__title .title__main {
    font-size: 24px;
  }

  .main__wrapper .body__content .banner .banner__title .title__child {
    font-size: 10px;
  }

  .main__wrapper .body__content .banner .banner__title .title__child {
    margin-top: 10px;
  }

  /*ドロワーメニュー*/
  .menu_middle {
    position: relative;
  }

  .menu_middle:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background-color: #E5E5E5;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
  }

  .menu_middle .drower_btns {
    text-align: center;
    margin-bottom: 20px;
  }

  .menu_middle .drower_btns a {
    display: inline-block;
    padding: 13px 14px 11px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W6";
    background-color: #ccc;
    border-radius: 4px;
  }

  .menu_middle .drower_btns a.login {
    margin-right: 20px;
  }

  .menu_middle .drower_btns .maypage {
    color: #fff;
    background-color: var(--key-color-100);
    /*キーカラー*/
  }

  .menu_middle .drower_btns .logout {
    color: var(--key-color-100);
    /*キーカラー*/
    background-color: var(--key-color-10);
    /*キーカラー*/
  }

  .menu_middle .drower_btns .maypage:before, .menu_middle .drower_btns .logout:before {
    margin-right: 7px;
    margin-top: -3px;
  }

  .menu_middle .drower_btns .maypage:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 17px;
    background-image: url(../../img/header/header_navi_icon1.png);
    background-size: contain;
    vertical-align: middle;
    background-size: 12px 17px;
  }

  .menu_middle .drower_btns .logout svg {
    display: inline-block;
    width: 17.5px;
    height: 17.5px;
    margin-right: 7px;
    vertical-align: middle;
  }

  .menu_middle .drower_btns .logout svg polygon, .menu_middle .drower_btns .logout svg path {
    fill: var(--key-color-100);
    /*キーカラー*/
  }

  /* //20220222追記 */
  .menu_middle .drower_btns .login {
    border: 1px solid var(--key-color-100);
    background-color: #fff;
    color: var(--key-color-100);
  }

  .menu_middle .drower_btns .register {
    border: 1px solid var(--key-color-100);
    background-color: var(--key-color-100);
    color: #fff;
  }
  /* //20220222追記 -end */

  .menu_under {
    padding: 23px 0 20px 40px;
  }

  .menu_under a {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W6";
    /* width: 45%; */
  }

  .menu_under .up, .menu_under .down {
    margin-bottom: 7px;
    /* display: flex;
    justify-content: space-between; */
  }

  .menu_under .up a, .menu_under .down a {
    width: 42%;
  }

  /*TOP*/
  .sec_in {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .slide_btn {
    background-color: var(--key-color-100);
    color: #fff;
  }

  .sec_ttl {
    font-size: 16px;
    margin-bottom: 19px;
  }

  h2.sec_ttl {
    font-size: 17px;
  }

  .sec_ttl span {
    font-size: 10px;
    margin-top: 11px;
  }


  .top_sec3 .about_loinge .about_lounge_sec, .top_sec_05 .sec_in .right {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area.pc {
    display: none;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area.sp {
    display: block;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area h4 {
    text-align: left;
    margin-bottom: 14px;
  }

  .top_sec2 {
    padding: 60px 0;
    margin-bottom: 0;
  }

  .top_sec2 .sec_in {
    width: 100%;
    padding: 0 25px;
  }

  .top_sec2 .sec_in ul {
    margin-bottom: 26px;
  }

  .top_sec2 .sec_in ul li {
    width: 49%;
    font-weight: 600;
    font-size: 12px;
    min-height: 55px;
  }

  .top_sec2 .sec_in ul li .list_ttl {
    font-size: 12px;
    padding: 13px 13px 14px;
    line-height: 18px;
  }

  .top_sec2 .sec_in ul li .list_subttl {
    font-size: 10px;
    margin-top: 3px;
  }

  .top_sec2 .sec_in ul li:not(:last-child) {
    margin: 0 2% 12px 0;
  }

  .top_sec2 .sec_in ul li:nth-child(2n), .top_sec2 .sec_in ul li:last-child {
    margin: 0 0 12px 0;
  }

  .top_sec2 .booth_list_banner a {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  #top.during .top_sec3 .sec_ttl {
    font-size: 30px;
    margin-bottom: 15px;
  }

  #top .top_sub_sec3_box .default_btn {
    display: block;
    width: 100%;
    height: 100%;
    right: 0;
    background-color: transparent;
    border: none;
    padding: 0;
  }

  .top_sec4 .top_sec4_v_area {
    background-image: none;
    background-color: #fff;
  }

  .top_sec4 .sec_in {
    padding: 25px;
    border-radius: 0;
  }

  .top_sec4 .sec_in ul {
    width: 100%;
  }

  .top_sec_05 .sec_in .inner {
    width: 100%;
  }

  .top_sec_05 .sec_in .inner a {
    display: block;
    width: 220px;
  }

  /*トップ*/
  .top_sec1 {
    margin: 60px auto 54px;
  }

  .top_sec1 .slide_list {
    margin: 85px 0 0;
  }

  #top .top_sec1 .main_v {
    top: -25px;
    height: 210px;
  }

  .top_sec1 .slide_list .slide_item .slide_ttl_area {
    padding: 2px 0 55.6%;
    height: auto;
  }

  .top_sec1 .slide_list .slide_item .slide_footer {
    padding: 25px 20px 26px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .time_txt {
    margin-bottom: 15px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .time_txt p {
    font-size: 15px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .main-txt {
    height: 86px;
    font-size: 11px;
    line-height: 18px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .main-txt span {
    font-size: 11px;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .slide_btn {
    width: 150px;
    height: auto;
    /* padding: 5px 15px 5px 0px; */
    font-size: 12px;
    line-height: 20px;
  }

  .top_slider .swiper-button-prev, .top_slider .swiper-button-next {
    width: 35px;
    height: 35px;
  }

  .top_slider .swiper-button-prev {
    left: 9px;
    top: 41.5%;
    right: auto;
    transform: translate(0, -50%);
  }

  .top_slider .swiper-button-next {
    right: 9px;
    top: 41.5%;
    left: auto;
    transform: translate(0, -50%);
  }

  /*会期前*/
  #before_open.top_slider .swiper-button-prev {
    left: 10px;
    top: 50%;
  }

  #before_open.top_slider .swiper-button-next {
    right: 10px;
    top: 50%;
  }

  .top_slider .swiper-button-next:after, .top_slider .swiper-button-prev:after {
    width: 8px;
    height: 8px;
    border-width: 2px;
  }

  .top_slider .swiper-button-next:after {
    margin: -4px 0 0 -5px;
  }

  .top_slider .swiper-button-prev:after {
    margin: -4px 0 0 -2px;
  }

  .top_slider .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .top_slider .swiper-pager {
    padding: 26px 0;
  }

  .top_sec1 .btn_area {
    text-align: center;
  }

  .top_sec1 .btn_area a.default_btn {
    width: 190px;
    height: auto;
    padding: 4px 0 4px;
    font-size: 13px;
    line-height: 40px;
  }

  .top_sec1 .btn_area a.default_btn:after {
    width: 9px;
    height: 9px;
    border-width: 2px;
    top: calc(50% - 10px / 2);
    right: 10px;
  }

  /*セクション2*/
  .top_sec2 {
    padding: 60px 0;
  }

  /*セクションタイトル共通*/
  .sec_in {
    width: 86.6%;
    margin: 0 auto;
    padding: 0;
  }

  .sec_in .sec_ttl, #top.during .top_sec3 .sec_ttl, .top_sec2 .sec_in .sec_ttl, .top_sec4 .top_sec4_v_area .sec_ttl, .top_sec_05 .sec_ttl {
    font-size: 21px;
    margin-bottom: 30px;
  }

  .sec_in .sec_ttl span, .top_sec2 .sec_in .sec_ttl span, .top_sec2 .sec_in .sec_ttl span, .top_sec4 .top_sec4_v_area .sec_ttl span, .top_sec_05 .sec_ttl span {
    font-size: 12px;
    margin-top: 15px;
  }

  .top_sec2 .sec_in ul {
    margin-bottom: 35px;
  }

  .top_sec2 .sec_in .default_btn {
    width: 190px;
    height: auto;
    padding: 4px 0 4px;
    font-size: 13px;
    line-height: 40px;
  }

  .top2 .top_sec3 {
    margin: 20px 0 120px;
  }

  .top_sec3 .about_loinge .about_lounge_sec, .top_sec_05 .sec_in .right {
    margin-bottom: 25px;
  }

  .top_sec3 .about_loinge .about_lounge_sec .lounge_img {
    width: 79.3%;
    margin: 0 auto;
  }

  .top_sec3 .about_loinge .about_lounge_sec p {
    width: 100%;
    padding: 25px 0 0;
    font-size: 12px;
    line-height: 25px;
  }

  .top_sec3 .about_loinge .about_lounge_sec p span {
    font-size: 11px;
    line-height: 24px;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area {
    padding: 22px 50px 20px 20px;
    background-size: 23px auto;
    background-position: top 22px left 20px;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 6px / 2);
    right: 20px;
    width: 11px;
    height: 11px;
    border-top: 2px solid var(--key-color-100);
    border-right: 2px solid var(--key-color-100);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area h4 {
    padding: 0 0 0 32px;
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
  }

  .top_sec3 .top_sub_sec3 .top_sub_sec3_box .document_area p {
    font-size: 12px;
    line-height: 22px;
    width: 100%;
  }

  #top .top_sec3 .about_loinge_btn {
    margin-top: 40px;
  }

  #top .top_sub_sec3_box .default_btn {
    display: none;
  }

  #top .top_sec3 .about_loinge_btn .default_btn {
    width: 200px;
    padding: 5px 20px 5px 0;
    font-size: 12px;
    line-height: 33px;
  }

  #top .top_sec3 .about_loinge_btn .default_btn svg {
    width: 14px;
    right: 16px;
    margin-top: -1px;
  }

  .top_sec4 {
    margin-bottom: 63px;
    padding-top: 0;
    padding-bottom: 63px;
  }

  .top_sec4 .top_sec4_v_area {
    padding: 60px 0 30px;
  }

  .top_sec4 .top_sec4_v_area .sec_ttl {
    margin-bottom: 0;
  }

  .top_sec4 .sec_in {
    /*padding: 0 0 60px;*/
    padding: 0;
  }

  .top_sec4 .sec_in ul {
    width: 89.3%;
    margin: 0 auto 40px;
  }

  .top_sec4 .sec_in a.default_btn {
    width: 190px;
    height: auto;
    padding: 5px 0 3px;
    font-size: 13px;
    line-height: 40px;
  }

  .top_sec4 .default_btn:after {
    width: 9px;
    height: 9px;
    right: 15px;
  }

  .top_sec_05 {
    padding:0px 0 0;
  }

  .top_sec_05 .sec_ttl {
    padding: 0;
  }

  .top_sec_05 .sec_in .right {
    padding-bottom: 48px;
    margin-bottom: 39px;
  }

  .top_sec_05 .sec_in .right:last-child {
    margin-bottom: 12px;
  }

  .top_sec_05 .right .features_img {
    width: 100%;
    margin-bottom: 19px;
    max-width: initial;
  }

  .top_sec_05 .right .features_img img {
    width: 100%;
  }

  .top_sec_05 .sec_in .inner {
    padding: 0;
  }

  .top_sec_05 .sec_in .inner h4 {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 25px;
    margin-bottom: 14px;
  }

  .top_sec_05 .sec_in .inner h4:before {
    width: 16px;
    height: 16px;
    top: calc((100% - 16px)/2);
  }

  .top_sec_05 .sec_in .inner p {
    font-size: 11px;
    line-height: 24px;
  }

  .top_sec_05 .sec_in .inner p.indent span {
    font-size: 11px;
    line-height: 24px;
  }

  .top_sec_05 .sec_in .inner a {
    width: 260px;
    padding: 5px 6px 5px 0;
    font-size: 12px;
    line-height: 33px;
  }

  .top_sec_05 .sec_in .inner a svg {
    width: 14px;
    right: 16px;
    margin-top: -1px;
  }

  .top_sec_05 .sec_in .inner a .guide_svg {
    width: 18px;
    right: 14px;
    margin-top: -1px;
  }

  .top_sec3 .about_loinge .about_lounge_sec p {
    font-size: 16px;
  }

  .top_sec3 .about_loinge .about_lounge_sec p span {
    font-size: 16px;
  }

  .top_sec_05 .sec_in .inner a {
    font-size: 16px;
  }

  .top_sec_05 .sec_in .inner p {
    font-size: 13px;
  }

  .top_sec_05 .sec_in .inner p.indent span {
    font-size: 12px;
  }

  .top_sec1 .slide_list .slide_item .slide_footer .main-txt {
    font-size: 11px;
  }

  #web_booth .wrapper .main .main__wrapper .top-sp__content .top__header .top__desc {
    font-size: 16px;
  }

  .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__content .content__desc {
    font-size: 16px;
  }



  /*ラウンジ*/
  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header h3.header__title {
    margin-bottom: 9px;
  }

  .wrapper .main.reservation .main__wrapper .discussion div.bg_change {
    background-color: #e5f0f8;
  }

  .wrapper .main .main__wrapper section.bg_change {
    background-color: #fff;
  }

  #web_booth .wrapper .main .main__wrapper .lounge .company {
    background-color: transparent;
  }

  #web_booth .reservation .sales__item .card_area a {
    width: 156px;
  }

  #web_booth .reservation .sales__item .card_area a span {
    font-size: 11px;
  }

  #web_booth .reservation .sales__item .sns_area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    max-width: 96px;
  }

  #web_booth .reservation .sales__item .sns_area a {
    display: block;
    max-width: 24px;
    max-height: 24px;
  }

  #web_booth .reservation .sales__item .sns_area a img {
    max-width: 24px;
    max-height: 24px;
  }

  #web_booth .reservation .sales__item .sns_area a.sunsun img {
    display: block;
    width: auto;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item {
    margin-bottom: 145px;
    width: 100%;
  }

  .wrapper .main.reservation .main__wrapper .discussion .discussion__container div.padding_adj {
    padding-top: 20px;
  }

  .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__header {
    margin-bottom: 22px;
  }

  .wrapper .main .main__wrapper .entry .company__action {
    font-size: 14px;
    padding: 18px 68px 13px 77px;
    color: #fff;
    position: relative;
    margin: 0 auto;
    line-height: 19px;
  }

  .wrapper .main .main__wrapper .entry .company__action:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
  }

  .wrapper .main .main__wrapper .top__header .entry .company__action:before {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .wrapper .main .main__wrapper .entry {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }

  .wrapper .main .main__wrapper .media .media__container .media__pdf .pdf__button a {
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border: none;
    margin-top: 0px;
    color: #fff;
    text-decoration: none;
  }

  .wrapper .main .main__wrapper .media .media__container .media__pdf .pdf__button a.btn {
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border: none;
    margin-top: 0px;
    color: #fff;
    text-decoration: none;
    padding: 4px 6px;
  }

  .wrapper .main .main__wrapper .entry .company__action {
    font-size: 15px;
    padding: 17px 0;
    width: 180px;
    height: auto;
  }

  .wrapper .main .main__wrapper .media .media__container div.media__site {
    margin: 8px 0 -20px -15px;
  }

  .media__site p.media__site-company, .media__site p.media__site-visit {
    transform: scale(0.9);
  }

  .wrapper .main.reservation .main__wrapper .lounge .discussion__container .discussion__content {
    padding-bottom: 56px;
  }

  .reservation .sales__item .sns_area.sns_zone {
    display: block;
  }

  .reservation .lounge .uper_zone {
    display: flex;
  }

  .reservation .lounge .downer_zone {
    display: flex;
  }

  /*
  WEB BOOTH
  */
  #web_booth .wrapper .main .main__wrapper .top .top__container .top__left {
    background-color: #fff;
    height: 100%;
    padding: 0;
    width: auto;
    min-width: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__avatar {
    min-width: 75px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tab-content .tabs__list .tabs__item .item__title h3 {
    font-family: "ヒラギノ角ゴ Pro W6";
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: normal;
    font-weight: bold;
  }

  #campanies .campanies_sec2 {
    padding: 55px 0 53px;
  }

  #campanies .campanies_sec2 .sec_in {
    width: 100%;
    padding: 0 25px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all {
    margin: 5px 0 3px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .campanies_sec2_link {
    padding: 25px;

  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li:not(:last-child) {
    margin-bottom: 28px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .campanies_sec2_contents {
    margin-bottom: 15px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .left {
    width: 100%;
    height: 170px;
    margin-right: 0;
    margin-bottom: 23px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right ul {
    margin: 5px 0 9px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right ul li {
    text-align: center;
    margin-bottom: 0;
    padding: 0px 13px 0;
    font-size: 12px;
    line-height: 1.5em;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right ul li:not(:last-child) {
    margin-right: 6px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right ul + p {
    font-size: 11px;
    line-height: 1.5em;
  }

  #campanies .campanies_sec2 .sec_in .sort {
    margin-top: 25px;
    font-size: 12px;
  }

  #campanies .main_u_v {
    height: 127px;
  }

  #web_booth {
    min-width: 280px;
  }

  #web_booth .wrapper .main .main__wrapper .top .top__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 200px;
    /* padding: 50px 190px; */
    overflow: hidden;
  }

  #web_booth .media__container {
    min-width: auto;
    width: 100%;
  }

  #web_booth .media__container .first_view div {
    width: 100%;
    height: 280px;
    background-color: #CCc;
    margin: 0 auto;
  }

  #web_booth .media__container .first_view div {
    width: 100%;
    height: 224px;
    background-color: #CCc;
    margin: 0 auto;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__content {
    padding: 46px 43px 80px;
    width: 88%;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__name {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__desc {
    font-size: 12px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header h3.header__title {
    margin-bottom: 14px;
    font-weight: bold;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header .header__text {
    font-family: "ヒラギノ角ゴ Pro w6";
    font-size: 10px;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__content {
    padding: 21px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs-sp .tabs-sp__title {
    text-align: left;
    font-size: 17px;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
  }

  #web_booth .tabs__item .swiper-button-next, #web_booth .tabs__item .swiper-button-next_a, #web_booth .tabs__item .swiper-button-next_b {
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    /* z-index: 22222222222; */
  }

  #web_booth #discussion_container .tabs__item .swiper-button-next_a, #web_booth #discussion_container .tabs__item .swiper-button-prev_a {
    top: 0;
  }

  #web_booth #discussion_container .tabs__item .swiper-button-next_b, #web_booth #discussion_container .tabs__item .swiper-button-prev_b {
    top: 0;
  }

  #web_booth .tabs__item .swiper-button-prev, #web_booth .tabs__item .swiper-button-prev_a, #web_booth .tabs__item .swiper-button-prev_b {
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  #web_booth .swiper-button-next_a.next_0_1,
#web_booth .swiper-button-prev_a.prev_0_1 {
    /* top: 78%; */
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .left a {
    width: 100%;
    height: 100%;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .left .campanies_sec2_logo {
    height: 100%;
  }

  .wrapper .main .main__wrapper .top-sp__content .top__header .top__title {
    letter-spacing: 2px;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
  }

  footer .footer-in .footer_left {
    display: flex;
    width: 100%;
    padding: 20px 0 0;
    align-items: center;
  }

  footer .footer-in .footer_left.long {
    width: 100%;
  }

  footer .footer-in nav ul li {
    padding: 0 5px !important;
  }

  /*2021/02/03オギソ追記*/
  /*spの崩れ瀬雄星*/
  /*web_booth修正*/
  #web_booth .wrapper {
    min-width: 100%;
  }

  .top__left {
    display: none !important;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf {
    width: 87%;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf .pdf__button {
    margin: -0.5px auto 1.5px auto;
  }

  #web_booth .item__content.nan_data {
    font-size: 12px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__header h3 {
    font-size: 18px;
    font-weight: bold;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header .header__title {
    font-size: 19px;
  }

  #web_booth .wrapper .main .main__wrapper .entry {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    display: block;
  }

  #web_booth .wrapper .main .main__wrapper .top-sp__content {
    background-color: #fff;
    width: 86.7%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    box-shadow: 5px 6px 17px 4px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    position: relative;
    z-index: 1;
  }

  #web_booth .wrapper .main .main__wrapper .top-sp__content .top__header {
    width: 100%;
    height: 100%;
    padding: 26px 25px 30px;
  }

  #web_booth .wrapper .main .main__wrapper .entry {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    display: block;
    align-items: center;
    margin: 0 auto;
    font-weight: bold;
  }

  #web_booth .wrapper .main .main__wrapper .entry .company__action {
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 14px 0;
    width: 192px;
    height: auto;
    margin: 0px auto 0;
    display: block;
  }

  #web_booth .swiper_area {
    padding-top: 150px;
    margin-top: -119px;
    background: var(--key-color-100);
    /*キーカラー*/
    position: relative;
  }

  #web_booth .wrapper .main .main__wrapper .top-sp__content .top__header .top__desc {
    font-family: "Pro W3", sans-serif;
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 24px;
  }

  #web_booth .swiper_area .swiper-container {
    width: 86.5%;
    margin: 0 auto;
  }

  #web_booth .swiper_area .sec_inner {
    background: #fff;
    padding: 25px 0 40px;
    position: relative;
  }

  #web_booth .swiper-button-next, #web_booth .swiper-button-prev {
    top: 46%;
  }

  #web_booth .swiper-button-prev, #web_booth .swiper-container-rtl .swiper-button-next {
    background: none;
  }

  #web_booth .swiper-button-prev {
    left: -5px;
  }

  #web_booth .swiper-button-prev:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: 0.3s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  #web_booth .swiper-button-next, #web_booth .swiper-container-rtl .swiper-button-prev {
    background: none;
  }

  #web_booth .swiper-button-next {
    right: 9px;
  }

  #web_booth .swiper-button-next:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  #web_booth .swiper_area:after {
    width: 86.6% !important;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  #web_booth .media {
    min-width: initial;
    width: 86.6%;
    margin: 0 auto;
  }

  #web_booth .media__container {
    width: 100%;
  }

  #web_booth .media__container .first_view {
    width: 100%;
    margin: -10px auto 25px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__site, #web_booth .wrapper .main .main__wrapper .media .media__container .media__movie, #web_booth .wrapper .main .main__wrapper .media .media__container .media__official, #web_booth .wrapper .main .main__wrapper .media .media__container .media__desc {
    width: 100%;
  }

  #web_booth .wrapper .main .main__wrapper .company .company__action {
    font-size: 12px;
    padding: 12px 35px;
    border: 2px solid;
  }

  #web_booth .media__container .first_view div {
    width: 56% !important;
    height: 110px !important;
    background-color: transparent;
    margin: 0 auto;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__desc {
    margin: 0 auto 26px;
    line-height: 23px;
  }

  #web_booth p.media__title {
    font-size: 12px;
    margin-bottom: -4px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__official {
    margin: 0 auto 23px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf {
    width: 100%;
    display: block;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf .pdf__title {
    padding-right: 0;
    padding-bottom: 10px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf {
    padding: 12px 12px 12px 43px;
    background-image: url(../../img/common/icon_pdf.png);
    background-position: center left 14px;
    background-size: 19.5px auto;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__site {
    margin-top: 26px !important;
  }

  #web_booth p.media__site-company, #web_booth p.media__site-visit {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 11px;
    transform: scale(1);
  }

  .wrapper .main .main__wrapper .media .media__container .media__movie {
    margin: 33px auto 0 auto;
  }

  #web_booth .media__container {
    padding: 50px 0 38px;
    min-width: 300px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion {
    margin-top: 50px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header h3.header__title {
    margin-bottom: 7px;
  }

  #web_booth .tab-area.pc {
    display: none;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__header {
    margin-top: 83px;
    margin-bottom: 10px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__header h3.header__title {
    margin-bottom: 10px;
  }

  .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__content .content__desc {
    white-space: normal;
    line-height: 23px;
    letter-spacing: 1px;
    transform: translateX(0);
    margin-bottom: 0px;
    margin-top: 16px;
    font-size: 12px;
  }
  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__desc span {
    font-size: 12px;
    line-height: 23px;
}

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room {
    padding: 29px 0px 0 0px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs-sp .tabs-sp__title {
    text-align: left;
    font-size: 15px;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs__list .tabs__item .item__title {
    margin-bottom: 16px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tab-content .tabs__list .item__content {
    width: 74.9%;
    margin: auto;
    overflow-x: hidden;
    min-width: 230px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tab-content .tabs__list .slide_display {
    /* */
    position: relative;
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
    /* max-width: 100%; */
    margin: 0 -25px;
    width: calc(100% + 50px);
    padding: 0 0px;
  }

  #web_booth .tabs__item .swiper-button-next, .tabs__item .swiper-button-next_a, .tabs__item .swiper-button-next_b {
    border-left-color: var(--key-color-100);
  }

  #web_booth .tabs__item .swiper-button-prev, .tabs__item .swiper-button-prev_a, .tabs__item .swiper-button-prev_b {
    border-right-color: var(--key-color-100);
  }

  #web_booth .item__content.nan_data {
    margin-top: 35px !important;
    margin-bottom: 28px;
  }

  .reservation .content.show {
    padding-bottom: 0;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs__list .tabs__item:last-child {
    border: none;
  }

  #web_booth .room_sales {
    position: relative;
    margin-top: 46px;
  }

  #web_booth .room_lounge:before {
    top: -43px;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion .discussion__container .discussion__content {
    padding: 21px 26px;
    min-width: 300px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__header {
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: 2px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__desc {
    font-size: 11px;
    line-height: 17px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__name, #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__position {
    font-size: 12px;
  }

  #web_booth .reservation .sales__item .sns_area {
    margin: 12px 0 10px 0;
    justify-content: left;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item {
    margin-bottom: 10px;
    width: 100%;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item:last-child {
    margin-bottom: 70px;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion .discussion__container {
    padding-bottom: 0;
  }

  #web_booth .wrapper .main.reservation .main__wrapper {
    background: linear-gradient(#fff 0%, #fff 11.5%, var(--key-color-100) 11.5%, var(--key-color-100) 11%, #fff 11%, #fff 100%);
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__avatar img {
    max-width: 75px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__official .media__link {
    font-size: 12px;
    line-height: 20px;
    /*追加*/
    margin-top: 10px;
    /*追加*/
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs__list .tabs__item .item__content .item__content-list .item__content-time {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 70px;
    height: 56px;
    font-size: 11px;
    margin-right: 8.5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-right: 0px;
    cursor: pointer;
    line-height: 16px;
    letter-spacing: 1px;
  }

  #web_booth #lounge_section {
    margin-top: 0;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__position {
    margin-bottom: 1px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room_sales .sales__list .sales__item .sales__content .sales__desc {
    margin-top: 6px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs__list .tabs__item .item__content .item__content-list .item__content-time .time__char {
    margin-top: 2px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs__list .tabs__item {
    padding-bottom: 26px;
  }

  #campanies .campanies_sec1 .main_txt {
    width: 86.6%;
    margin: 0px auto 30px;
    text-align: left;
    font-size: 12px;
  }

  #campanies .campanies_sec1 h3 {
    width: 86.6%;
    margin: 0 auto 12px;
    text-align: left;
  }

  #campanies .campanies_sec1 .vector {
    margin: 21px auto 14px;
  }

  #campanies .campanies_sec1 .akasatana_list {
    padding-left: 0;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right pre {
    min-height: 0;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right .gray_btn {
    margin: 0 auto;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right {
    padding-top: 5px;
  }

  #web_booth .media__container .first_view div {
    background-color: #fff !important;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__desc {
    font-size: 12px;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf {
    position: relative;
  }

  #web_booth .wrapper .main .main__wrapper .media .media__container .media__pdf:after {
    display: none;
  }

  #web_booth .wrapper .main.reservation .main__wrapper .discussion.lounge .discussion__container .discussion__content {
    padding: 21px;
    min-width: 300px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion.lounge .discussion__container .discussion__content .content__room {
    padding: 0;
  }

  #web_booth .room_sales {
    margin-top: 30px;
  }

  #web_booth .wrapper .main .main__wrapper .discussion.lounge .discussion__container .discussion__content .content__room .room_sales .sales__header {
    margin-top: 55px;
  }

  .reservation .sales__item .sns_area a {
    max-width: 55px;
  }

  #web_booth .wrapper .main .main__wrapper .company {
    padding: 50px 0px;
  }

  .wrapper .main .main__wrapper .discussion .discussion__container .discussion__content .content__room .room__tabs .tabs-sp .tabs-sp__title {
    font-size: 14px;
    font-weight: bold;
  }

  #nav_menu {
    z-index: 200;
  }

  #web_booth .noresult_res {
    font-size: 14px;
    padding: 4px 0 0;
  }

  #web_booth .end_discussion {
    font-size: 14px;
    padding: 4px 0 0;
  }

  #web_booth #lounge_section .noresult_res {
    padding: 4px 0 0;
  }

  #web_booth .wrapper .main .main__wrapper .top .top__container .top__right .top__image.sp {
    display: block;
  }

  /*ブース一覧*/
  #upload_form {
    margin-top: 25px;
  }

  #campanies.sec_in {
    width: 86.6%;
    margin: 0 auto;
    padding: 0;
  }

  #campanies .campanies_sec1 .main_txt {
    width: 100%;
    margin: 0 auto 42px;
    color: #4d4d4d;
    font-size: 12px;
    line-height: 18px;
  }

  #campanies .campanies_sec1 h3 {
    width: 100%;
    padding: 0;
    margin: 0 0 25px;
  }

  #campanies .campanies_sec1 .genres_list .cate_list, #campanies .campanies_sec1 .genres_list li a {
    width: 100%;
    height: 60px;
    margin: 0;
    border-radius: 0;
    border-top: none;
  }

  #campanies .campanies_sec1 .genres_list .cate_list:first-child .checkbox_input {
    border-top: 1px solid #b3b3b3;
  }

  #campanies .campanies_sec1 .genres_list .cate_list:first-child .checkbox_input:checked {
    border-top: 1px solid var(--key-color-10);
  }

  #campanies .campanies_sec1 .genres_list .cate_list .checkbox_input + label {
    padding: 0;
    color: #4d4d4d;
    font-size: 14px;
    text-align: center;
    justify-content: center;
  }

  #campanies .campanies_sec1 .vector {
    margin: 43px auto 27px;
    /*ずれている為目感で調整*/
    border-left-width: 14px;
    border-right-width: 14px;
    border-top-width: 14px;
  }

  #campanies .campanies_sec1 .cat_list {
    justify-content: left;
  }

  #campanies .campanies_sec1 .cat_list .tag {
    margin-right: 8px;
    margin-bottom: 7px;
  }

  #campanies .campanies_sec1 .cat_list .tag .checkbox_input + label {
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
  }

  #campanies .campanies_sec1 .akasatana_list {
    padding-left: 0;
    margin: 33px auto 0;
    justify-content: space-between;
  }

  #campanies .campanies_sec1 .akasatana_list .lang, #campanies .campanies_sec1 .akasatana_list li {
    margin: 0 6px 6px 0;
    width: 18%;
  }

  #campanies .campanies_sec1 .akasatana_list .lang:nth-child(5n) {
    margin-right: 0;
  }

  #campanies .campanies_sec1 .akasatana_list .lang label, #campanies .campanies_sec1 .akasatana_list li a {
    width: 100%;
    height: auto;
    line-height: 1;
    padding: 31% 0 31%;
    font-size: 20px;
  }

  #campanies .campanies_sec1 {
    margin-bottom: 59px;
  }

  #campanies .campanies_sec2 {
    padding: 0px 0 44px;
  }

  #campanies .campanies_sec2 .sec_in {
    width: 86.6%;
    margin: 0 auto;
    padding: 0;
  }

  #campanies .campanies_sec2 .vector {
    top: 0;
    border-left-width: 17px;
    border-right-width: 17px;
    border-top-width: 22px;
  }

  #campanies .user_form_area .left {
    float: none;
    width: 100%;
  }

  #campanies .user_form_area .search_form input {
    font-size: 16px;
    height: 48px;
    padding: 14px 12px 12px;
  }

  #campanies .user_form_area .search_form button {
    top: 12px;
    right: 11px;
    width: 25px;
    height: 25px;
    background-size: 25px auto;
  }

  #campanies .user_form_area .right {
    display: none;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all {
    margin: 19px 0 0px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .campanies_sec2_link {
    padding: 25px;
    background: transparent;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li:not(:last-child) {
    margin-bottom: 25px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .left {
    margin-bottom: 21px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right {
    padding-top: 0;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right h4 {
    margin-bottom: 14px;
    font-size: 16px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right ul {
    margin: 0 0 12px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .campanies_sec2_contents {
    margin-bottom: 0;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all .tag, #campanies .campanies_sec1 .cat_list li a {
    font-size: 12px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all .tag .checkbox_input + label {
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right pre {
    min-height: 0;
    margin-bottom: 27px;
    font-size: 11px;
    line-height: 17px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right .default_btn, #campanies .campanies_sec2 .sec_in #booth_list_all li .right .gray_btn {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    padding: 6px 0 4px;
    font-size: 13px;
    line-height: 34px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right .default_btn {
    padding: 5px 21px 5px 10px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right .gray_btn {
    line-height: 38px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right .default_btn:after {
    top: calc(50% - 10px / 2);
    right: 15px;
    border-width: 1px;
  }

  #campanies .campanies_sec2 .sec_in .sort {
    margin-top: 36px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block {
    display: block;
    flex-wrap: nowrap;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li {
    width: 100%;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .campanies_sec2_link {
    width: 100%;
    padding: 25px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .left {
    height: 170px;
    margin-right: 0;
    margin-bottom: 21px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .right {
    margin-top: 0;
    padding-top: 0;
    position: initial;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .right h4 {
    font-size: 16px;
    margin-bottom: 14px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .right ul {
    padding: 0;
    margin: 0 0 12px;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .right pre {
    display: block;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all.block li .right a {
    margin: 0 auto;
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  #reser_lst .modal_box,
#web_booth .modal_box {
    min-height: 100%;
    height: 100%;
  }

  #web_booth .modal_window.edit_modal table .pop_inner {
    width: 100%;
    /* height: 162vh; */
  }

  #web_booth .front_modal .add {
    /* padding-bottom: 120px; */
  }

  #web_booth .edit_modal.user_edit .upper_table {
    padding: 0 6.7%;
  }

  #campanies .campanies_sec2 .sec_in #booth_list_all li .right {
    margin-right: 0px;
  }

  #campanies .campanies_sec2 .sec_in ul li.no_booth, #campanies .campanies_sec2 .sec_in ul.block li.no_booth {
    padding: 30px;
    font-size: 16px;
  }

  #web_booth .wrapper .main .main__wrapper .top .top__container {
    height: auto;
    padding: 0;
  }

  #web_booth .wrapper .main .main__wrapper .top .top__container .top__right .top__image {
    width: 100%;
    height: auto;
  }

  /*
   web_faq
  */
  #web_faq {
    min-width: 280px;
  }

  #web_faq .main {
    min-height: 81vh;
    margin-top: 60px;
  }

  #web_faq .main__wrapper .body__content .faq__content {
    padding: 40px 30px;
  }

  #web_faq .item__content:before {
    width: 107%;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__title .title__text .text {
    padding-right: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -1px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item {
    padding: 18px 0px 0 20px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__title {
    padding-bottom: 20px;
    padding-right: 79px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__title .title__icon {
    padding: 2px 6px;
    position: absolute;
    right: 20px;
    width: 22px;
    height: 22px;
    font-size: 12px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__content .title__answer .text__answer {
    font-size: 20px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__content .title__answer {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__content .title__answer .text__answer {
    font-size: 17px;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__title .title__text .text__questions {
    font-size: 17px;
    font-weight: bold;
  }

  #web_faq .main__wrapper .body__content .faq__content .faq__list .faq__item .item__content .answer__detail {
    font-size: 12px;
    font-weight: bold;
    display: block;
  }

  .main__wrapper .body__content .faq__content .faq__list .faq__item .item__content {
    display: none;
  }

  .tabs-sp .tabs-sp__select {
    position: relative;
    display: flex;
    width: 100%;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #808080;
  }

  .tabs-sp select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    flex: 1;
    padding: 0 12.5px;
    cursor: pointer;
    font-size: 11px;
    height: 100%;
    border-radius: 4px;
  }

  .tabs-sp__select::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid black;
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
  }

  /*メンテナンス*/
  #maintenance .wrapper {
    padding: 0 22px;
  }

  #maintenance .wrapper, #maintenance #wrapper, #maintenance {
    height: 100%;
    width: 100vw;
  }

  #maintenance .company_logo_img {
    max-width: 100%;
    width: 100%;
  }

  #maintenance .maintenance h2, #maintenance .maintenance p {
    color: #fff;
  }

  /* フッター */
  footer .footer-in .footer_left {
    padding: 0 !important;
  }

  footer .footer-in .logo {
    width: 30%;
  }

  footer .footer-in .logo.long {
    width: 50%;
    max-width: 262px;
  }

  footer .footer-in p.copy-light {
    margin: 0;
  }

  /* マイページSP対応 */
  #my_page {
    min-width: initial;
  }

  #my_page #main .container {
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
    padding: 120px 25px 60px;
    padding-bottom: 32px;
  }

  #my_page #main .container .my_page_ttl h4 {
    font-size: 21px;
    letter-spacing: 1.5px;
    margin: 0 0 22px;
  }

  #my_page #main .container .my_page_ttl h4 span {
    margin-top: 15px;
    font-size: 12px;
  }

  #my_page #main .container .my_page_ttl p {
    color: #4d4d4d;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
  }

  #my_page #main .container .my_page_ttl {
    margin: 0 0 25px;
  }

  #my_page .menu_liset li {
    display: block;
    padding-top: 25px;
    padding-bottom: 40px;
  }

  #my_page .menu_liset li:nth-child(1) .left {
    text-align: center;
    padding: 0px;
  }

  #my_page .menu_liset li:nth-child(1) .left img {
    width: 180px;
  }

  #my_page .menu_liset li .left {
    width: 55%;
    margin: 0 auto;
  }

  #my_page .menu_liset li:nth-child(1) .left img {
    width: auto;
  }

  #my_page .menu_liset li .right h5 {
    font-size: 17.5px;
  }

  #my_page .menu_liset li .right p {
    font-size: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 8px;
  }

  #my_page .menu_liset li .right {
    margin-top: 15px;
    padding: 0px 25px;
  }

  #my_page .menu_liset li .right a {
    position: relative;
    width: 190px;
    padding: 5px 16px 5px 0;
    font-size: 13px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s;
    background-color: var(--key-color-100);
    border: 2px solid var(--key-color-100);
    color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
  }

  #my_page .menu_liset li .right a:after {
    top: calc(50% - 10px / 2);
    right: 15px;
    width: 10px;
    height: 10px;
  }

  #my_page .menu_liset li {
    margin: 0 0 27px;
  }

  #my_page .menu_liset li:nth-child(2) .left {
    padding: 0px;
    width: 47%;
  }

  #my_page .menu_liset li:nth-child(3) .left {
    padding: 0px;
    width: 36%;
  }

  .span_td {
    left: 80px;
  }

  #my_page .menu_liset li .right p {
    font-size: 16px;
  }

  #my_page #main .container .my_page_ttl p {
    font-size: 16px;
    line-height: 26px;
  }

  #wrap_cnt {
    /* z-index: 85; */
  }

  /*トップ 出展企業一覧 矢印修正*/
  #top .top_sec_05 .company_list_link:after {
    top: 46%;
  }

  /*トップ 出展企業一覧 矢印修正 -end*/
  /*トップ　交流ラウンジ　ボタン幅修正*/
  .top_sec_05 .sec_in .inner.long_para a {
    width: 250px;
  }

  /*トップ　交流ラウンジ　ボタン幅修正 -end*/
  /* 0309更新 */
  /* 会期前TOPスワイパー調整 */
  #top #before_open.main_v .slide_list li, #top #before_open.main_v .slide_item a {
    height: 153px;
    width: 272px;
    border-radius: 7px;
  }

  #top #before_open.main_v .one_image {
    background-size: cover;
  }

  #top .main_v {
    height: 193px;
    /*187px*/
  }

  /* 0310更新 */
  .top_slider .swiper-pager {
    padding: 5px 0;
  }

  .top_slider .swiper-button-prev, .top_slider .swiper-button-next {
    width: 20px;
    height: 20px;
  }

  /* ロゴ画像マージン調整 */
  /* 個別ブース(企業ブース情報入力前) */
  .top__right {
    width: auto;
    height: auto;
    box-shadow: none;
  }

  .top__right__area {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #web_booth .wrapper .main .main__wrapper .top .top__container_logo {
    padding: 24px;
  }

  /* 企業一覧 */
  #campanies .campanies_sec2 .sec_in #booth_list_all li .left {
    padding: 24px;
  }

  /* 展示会TOP */
  #before_open.top_slider .swiper-button-prev {
    top: 60%;
  }

  #before_open.top_slider .swiper-button-next {
    top: 60%;
  }

  .top_sec4 .sec_in ul li {
    height: 115px;
    padding: 16px;
  }

  .top_sec4 .sec_in ul li a {
    padding: 16px;
  }

  .header_button {
    width: 200px;
    margin: auto;
  }

  .header_button .card_help {
    font-size: 12px;
  }

  .upper_footer {
    width: 100%;
    min-width: 0;
    padding: 0;
    height: 76px;
  }

  .upperFooter_boothName {
    display: none;
  }
  .upperFooter_help {
    text-align: center;
    display: block;
    border-radius: 12px;
    font-size: 14px;
    height: 24px;
    width: 24px;
    color: #fff;
    background-color: #4d4d4d;
    margin-left: 8px;
    position: relative;
  }
  .upperFooter_help > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .upperFooter_buttonArea {
    margin: 0;
  }
  .upperFooter_buttonArea > li {
    width: auto;
  }
  .upperFooter_buttonArea > li:first-child {
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
  }
  .upperFooter_buttonArea > li:nth-child(2) {
    padding-left: 10px;
  }
  .upperFooter_buttonArea > li:nth-child(n+2) {
    margin: 0;
  }

  .upperFooter_button {
    border-radius: 3px;
    border: 1px solid var(--key-color-100);
    height: 44px;
    display: block;
    width: 100%;
    position: relative;
  }
  .upperFooter_button span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: bold;
    transform: translate(-50%, -50%);
    padding: 5px 9px;
    width: 100%;
    font-size: 12px;
  }
  .upperFooter_button--reserve {
    width: 120px;
    color: #fff;
    background-color: var(--key-color-100);
  }
  .upperFooter_button--reserve svg {
    display: none;
  }
  .upperFooter_button--card {
    width: 142px;
    color: var(--key-color-100);
    border: 1px solid var(--key-color-100);
  }
  .upperFooter_button--card svg {
    width: 26px;
    height: 26px;
    fill: var(--key-color-100);
  }
  .upperFooter_button--card.is-done {
    background-color: var(--key-color-10);
    border: 0;
  }
  .upperFooter_button--card.is-done svg {
    fill: transparent;
  }
  .upperFooter_button--card.is-done svg path {
    stroke: var(--key-color-100);
  }
  .upperFooter_button--card.is-done:hover {
    opacity: 1;
  }

  .mypage_menuList {
    flex-direction: column;
  }

  .mypage_menuItem {
    width: 100%;
    padding: 32px;
    max-width: 311px;
    flex-direction: column;
  }
  .mypage_menuItem:nth-child(2n) {
    margin-left: 0;
  }
  .mypage_menuItem:nth-child(2n+1) {
    margin-right: 0;
  }
  .mypage_menuItem:nth-child(n+2) {
    margin-top: 32px;
  }
  .mypage_menuItem__icon {
    width: 100%;
    height: 80px;
    margin: auto;
    position: relative;
  }
  .mypage_menuItem__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mypage_menuItem__note {
    width: 100%;
    margin: auto;
    padding: 0;
  }
  .mypage_menuItem__note h5 {
    font-size: 18px;
    text-align: center;
  }
  .mypage_menuItem__note p {
    font-size: 14px;
    text-align: center;
  }
  .mypage_menuItem__button {
    margin: auto;
  }
  .mypage_menuItem.is-business_id .mypage_menuItem__note p{
    text-align: left;
  }


  /*2021/10/18追記*/
  /*展覧会TOPバナー追加*/
  .ex_banner_zone .sec_in
  {
    padding: 20px 0;
  }

  .ex_banner_zone .sec_in .banner_container
  {
    width: 100%;
    max-width: 480px;
  }

  #banner_01
  {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  #banner_02
  {
    margin: 20px 0;
  }

  #banner_05
  {
    margin: 40px 0;
  }

  /* ロゴパネル */
  section.top_sec4 .sec_in .panel_title h2.logo_title {
    font-size: 21px;
  }

  section.top_sec4 .sec_in .panel_title p.logo_copy {
    font-size: 15px;
  }

  .top_sec4 .sec_in ul li.logoNum_1 {
    height: 349px;
    padding: 24px;
    flex-direction: column;
  }

  .top_sec4 .sec_in ul li.logoNum_2 {
    height: 112px;
    padding: 24px 27px;
  }

  .top_sec4 .sec_in ul li.logoNum_3 {
    width: calc((100% - 16px) / 3);
    height: 56px;
    padding: 8px 20px;
    margin-right: 8px!important;
    margin-top: 8px!important;
  }

  .top_sec4 .sec_in ul li.logoNum_4 {
    /* width: calc((100% - 24px) / 4);
    height: 48px;
    padding: 12px 19px;
    margin-right: 8px!important;
    margin-top: 8px!important; */
    width: calc((100% - 16px) / 3);
    height: 56px;
    padding: 8px 20px;
    margin-right: 8px!important;
    margin-top: 8px!important;
  }

  .top_sec4 .sec_in ul li.logoNum_5 {
    /* width: calc((100% - 24px) / 4);
    height: 48px;
    padding: 12px 19px;
    margin-right: 8px!important;
    margin-top: 8px!important; */
    width: calc((100% - 16px) / 3);
    height: 56px;
    padding: 8px 20px;
    margin-right: 8px!important;
    margin-top: 8px!important;
  }

  .top_sec4 .sec_in ul li.logoNum_3:nth-child(1),
  .top_sec4 .sec_in ul li.logoNum_3:nth-child(2),
  .top_sec4 .sec_in ul li.logoNum_3:nth-child(3),
  .top_sec4 .sec_in ul li.logoNum_4:nth-child(1),
  .top_sec4 .sec_in ul li.logoNum_4:nth-child(2),
  .top_sec4 .sec_in ul li.logoNum_4:nth-child(3),
  /* .top_sec4 .sec_in ul li.logoNum_4:nth-child(4), */
  .top_sec4 .sec_in ul li.logoNum_5:nth-child(1),
  .top_sec4 .sec_in ul li.logoNum_5:nth-child(2),
  .top_sec4 .sec_in ul li.logoNum_5:nth-child(3)
  /* .top_sec4 .sec_in ul li.logoNum_5:nth-child(4) */
  {
    margin-top: 0!important;
  }

  .top_sec4 .sec_in ul li.logoNum_3:nth-child(3n),
  /* .top_sec4 .sec_in ul li.logoNum_4:nth-child(4n),
  .top_sec4 .sec_in ul li.logoNum_5:nth-child(4n)  */
    .top_sec4 .sec_in ul li.logoNum_4:nth-child(3n),
  .top_sec4 .sec_in ul li.logoNum_5:nth-child(3n)
  {
    margin-right: 0!important;
  }

  .top_sec4 .sec_in ul li.logoNum_1 a {
    padding: 24px;
    flex-direction: column;
  }
  .top_sec4 .sec_in ul li.logoNum_2 a {
    padding: 24px 27px;
  }
  .top_sec4 .sec_in ul li.logoNum_3 a {
    padding: 8px 20px;
  }
  .top_sec4 .sec_in ul li.logoNum_4 a {
    /* padding: 12px 19px; */
    padding: 8px 20px;
  }
  .top_sec4 .sec_in ul li.logoNum_5 a {
    /* padding: 12px 19px; */
    padding: 8px 20px;
  }

  .top_sec4 .sec_in ul li.logoNum_1 .booth_list_fream {
    width: 100%;
    margin-bottom: 8px;
  }

  .top_sec4 .sec_in ul li.logoNum_1 .booth_info {
    width: 100%;
    margin-left: 0;
  }

  .top_sec4 .sec_in ul li.logoNum_1 .booth_info h3 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .top_sec4 .sec_in ul li.logoNum_1 .booth_info p {
    font-size: 15px;
  }
  /* ロゴパネル -end */

  /* ブースサブ画像ローディング */
  .booth_loading_mask_subimg {
    width: 100%;
    height: 270px;
    margin-right: auto;
    margin-left: auto;
  }

  /* マイページ ログアウトボタン */
  .mypage_logout_btn {
    /* margin-top: 60px; */
    margin-top: 32px;
    margin-bottom: 0;
  }

  .mypage_logout_btn a:hover {
    opacity: 1;
  }

  .top_sec1 {
    margin-top: 25px;
  }

  .top_sec1 .slide_list {
    margin-top: 0;
  }

  .top_sec5 .sec_ttl h2 {
    font-size: 21px;
    margin-bottom: 16px;
    letter-spacing: 0;
  }

  .top_sec5 .sec_ttl p {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .top_sec5 .sec_in {
    width: 86.6%;
  }

  .top_sec5 .week_ex_list {
    flex-direction: column;
  }

  .top_sec5 .week_ex_list .week_ex_item {
    width: 100%;
    margin-bottom: 30px;
  }

  .top_sec5 .week_ex_list .week_ex_item:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .top_sec5 .week_ex_list .week_ex_item a:hover .btn_area .default_btn {
    color: #fff;
    background-color: var(--key-color-100);
  }
  /* 同時開催の展示会 -end */

  /* ページトップ遷移 */
  .page_top_link_txt {
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    margin-left: 8px;
  }
  .page_top_link_cnt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 140px;
  }

  .page_top_link_cnt img{
    width: 12px;
  }

  .page_top_link {
    margin-bottom: 40px;
  }
  /* ページトップ遷移 -end */

  /* チャット */

  /* SPの場合モーダル開いたらスクロールさせなくする */
  body.is-noscroll {
    position: fixed;
    overflow-y: hidden;
  }

  .iframeContainer {
    position: relative;
    z-index: 1000;
  }

  .chat_user {
    position: relative;
    height: 0px;
      position: absolute;
    right: 30px;
      bottom: 255px;
      width: 62px;
      height: 62px;
      z-index: 22;
  }

  .wrapper{
    position: relative;
  }
  .chat_user{
    z-index: 999;
  }
  .chat_user .chat_btn {

   width: 62px;
   height: 62px;
  }
  #top .chat_user{
    z-index: 9999;
  }

  .chat_user.is-fix{
  right: 30px;
    bottom: 12px;
    z-index: 999;
    position: fixed;
  }
  .chat_user.is-chat_hide{
    z-index: 99;
  }
  .chat_user .balloon_area{
    right: -10px;
    bottom: 77px;
  }

  .chat_user .chat_btn__txt {
    display: none;
  }

  .chat_user .chat_btn .chat_btn__ico{
    height: 23.8px;
    width: 23.8px;
    z-index: 9999;
  }

  .chat_user .chatIframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: calc(100vh - 60px);
    /* max-height: initial; */
  }

  /* 2Dの時はフッターがないのでフルサイズで表示 */
  .chat_user .chatIframe2d .chatIframe{
    max-height: 100vh;
  }

  .chat_user .chatIframe.is-room {
    top: 0;
    bottom: inherit;
  }
  @supports (-webkit-touch-callout: none) {
    .chat_user .chatIframe {
      height: -webkit-fill-available;
      /* max-height: initial; */
      max-height: calc(100vh - 60px);
    }

    /* 2Dの時はフッターがないのでフルサイズで表示 */
    .chat_user .chatIframe2d .chatIframe{
      max-height: 100vh;
    }
  }
  /* チャット -end */

  /* ===== 出展カテゴリ一覧 ===== */
  .week_nav .sec_in {
    flex-direction: row;
    padding: 12px;
    padding-left: 16px;
  }
  .week_nav .week_nav_cnt {
    width: 100%;
  }

  .week_nav .week_nav_ttl h4 {
    font-size: 14px;
    color: #4C4C4C;
    white-space: normal;
    margin-bottom: 0;
  }

  .week_nav .week_nav_cnt .week_nav_list {
    margin-right: 30px;
  }

  .week_nav .week_nav_cnt .week_nav_list.mask-right {
    -webkit-mask-image: linear-gradient(to right,black calc(100% - 54px), transparent);
  }

  .week_nav .week_nav_cnt .week_nav_list.mask-left {
    -webkit-mask-image: linear-gradient(to left,black calc(100% - 54px), transparent);
  }

  .week_nav .week_nav_cnt .week_nav_list.mask-right.mask-left {
  -webkit-mask-image: linear-gradient(to right, transparent,black 54px, black calc(100% - 54px), transparent);
  }

  .week_nav .week_nav_cnt .week_nav_list .week_nav_item {
    margin-right: 8px;
  }

  .week_nav .week_nav_cnt .week_nav_list .week_nav_item a:hover {
    opacity: 1!important;
  }

  .week_nav .week_nav_cnt .week_nav_list .week_nav_item a {
    /* padding: 4px 28px 5px; */
    border-radius: 75px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 7px 15px 9px;
  }

  .week_nav .week_nav_cnt .arrow_to_left {
    left: -9px;
  }

  .week_nav .week_nav_cnt .arrow_to_right {
    right: -1px;
  }

  .week_nav .week_nav_cnt .arrow_to_right::before {
    top: calc(50% - 3px);
    left: 11px;
  }

  .week_nav .week_nav_cnt .arrow_to_left::before {
    top: calc(50% - 3px);
    left: 13px;
  }

  .week_nav .week_nav_ttl {
    display: none;
  }
  /* ===== 出展カテゴリ一覧 -end ===== */

  /* お知らせ */
  #news_window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: calc(100vh - 60px);
    border-radius: 5px;
    z-index: 999;
  }
  @supports (-webkit-touch-callout: none) {
    #news_window {
      height: -webkit-fill-available;
      max-height: initial;
    }
  }
  /* お知らせ -end */

  /* ヘッダー */

  header {
    min-width: 0;
    box-shadow: none;
  }

  #global_header {
    transition: .2s;
    min-height: 102px;
    top: 0;
    /* z-index: 900; */
    z-index: 899;
  }

  #global_header.pf_3d{
    min-height: 47px;
  }

  #global_header .ttl_1 a:hover {
    opacity: 1;
  }

  #global_header .ttl_1::after,
  #global_header .grobal_menu.pc,
  #global_header .search_engine.pc,
  #global_header .h_ui_tooltip,
  #global_header .account .account_name {
    display: none;
  }


  #global_header .ttl_1{
    padding: 10px;
    margin: 0;
  }
  #global_header .ttl_1 img {
    height: 24px;
  }

  #global_header .ttl_1 img:hover {
    opacity: 0!important;
  }

  #global_header .grobal_menu.sp,
  #global_header .ttl_nav.sp {
    transition: .2s;
    position: fixed;
    display: flex;
    margin-right: 0;
    background: #ffffff;
    width: 100%;
  }
  #global_header .ttl_nav {
    height: 46px;
    min-width:auto;
    justify-content: space-between;
  }
  #global_header .ttl_nav.sp{
    top: 0;
    height: 46px;
    width: 100%;
  }
  #global_header .flex_left {
    display: block;
  }
  #global_header .grobal_menu.sp {
    top: 46px;
    height: 56px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
    transition: .2s;
  }

  #global_header.is-scrollDown {
    top: -46px;
  }
  #global_header.is-scrollDown .ttl_nav{
    top: 0;
  }
  #global_header.is-scrollDown .grobal_menu.sp{
    top: 0;
  }

  #global_header.is-scrollUp {
    top: 0;
  }
  #global_header.is-scrollUp .ttl_nav{
    top: 0;
  }
  #global_header.is-scrollUp .grobal_menu.sp{
    top: 46px;
  }

  #global_header .menu-btn {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    height: 40px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background: #fff;
  }
  #global_header .menu-btn span,
  #global_header .menu-btn span:before,
  #global_header .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    border-radius: 3px;
    background-color: #121212;
    position: absolute;
    transition: .5s;
  }
  #global_header .menu-btn span:before {
    bottom: 8px;
  }
  #global_header .menu-btn span:after {
    top: 8px;
  }
  #global_header #menu-btn-check{
    position: absolute;
  }
  #menu-btn-check:checked ~ .menu-btn span {
    background-color: transparent;
  }
  #global_header #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  #global_header #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }
  #global_header .sp_menu{
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: .5s;
    overflow: hidden;
    z-index: 998;
  }
  #global_header #menu-btn-check:checked ~ .sp_menu{
    width: 100vw;
    height: 100vh;
  }
  #global_header .sp_menu_in{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 60px 0 40px;
  }
  #global_header .sp_menu_in li a{
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 50px;
    padding: 10px 20px;
    font-weight: bold;
  }

  #global_header .h_ui {
    width: 40px;
    height: 40px;
    margin: 4px 0;
  }

  #global_header .h_ui:hover {
    background: #ffffff;
  }
  #global_header .account {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 9px;
  }
  #global_header .account .account_icon {
    width: 30px;
    height: 30px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
  }
  #global_header .chatbtn svg{
    width: 20px;
    height: 20px;
  }
  #global_header .chatbtn .chatbtn_new{
    top: -1px;
    right: -1px;
  }
  #global_header .notification svg{
    width: 21px;
    height: 23px;
  }
  #global_header .notification .count {
    top: -1px;
    right: -1px;
  }

  #global_header .grobal_menu ul {
    padding: 7px 17px;
    padding-right: 10px;
  }
  #global_header .grobal_menu ul li {
    font-size: 12px;
    margin-right: 16px;
    line-height: 100%;
  }

  #global_header .grobal_menu.expanded ul li:first-child,
  #global_header .grobal_menu.expanded ul li:nth-child(2) {
    display: none;
  }

  #global_header .grobal_menu.expanded ul li:nth-child(3) {
    display: list-item;
  }

  #global_header .grobal_menu.expanded ul {
    padding-left: 0;
    padding-right: 0;
  }

  #global_header .grobal_menu.expanded ul li.search_engine.sp {
    /* transition: 0.3s; */
    width: calc(100vw - 60px);
  }

  #global_header .grobal_menu.expanded ul li .header_btn_clear_sp {
    visibility: visible;
  }

  #global_header .h_ui_tooltip::after {
    display: none;
  }
  #global_header .btn_back_container.sp {
    display: none;
    margin: 0;
    padding: 0 16px;
  }
  #global_header .search_engine {
    height: 32px;
    width: 215px;
    padding: 8px 10px;
    margin: 0;
    background: #F3F3F3;
    border-radius: 32px;
  }
  #global_header .search_engine .search_engine_icon {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    top: 0;
    left: 13px;
  }
  #global_header .search_engine form#search_engine {
    display: block;
    left: 33px;
    width: calc(100% - 75px);
  }
  #global_header .search_engine input#search_engine_sp {
    font-size: 13px;
    padding-top: 2px;
    color: #121212;
  }
  #global_header .search_engine.sp {
    margin-right: 0;
    width: calc(100vw - 168px);
    padding: 0;
    height: 35px;
    justify-content: left;
  }
  /* #global_header .search_engine.sp:focus-within {
    outline: 1px solid #717171;
  } */
  #global_header .search_engine.sp:focus-within::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid #717171;
    border-radius: 40px;
  }
  #global_header .search_engine .header_btn_clear_sp {
    position: absolute;
    right: 3px;
    display: none;
    visibility: hidden;
    align-items: center;
    height: 64%;
    padding: 0px 13px;
    cursor: pointer;
  }

  #global_header .search_engine .header_btn_clear:hover span{
    font-weight: 700;
  }
  #global_header .search_engine .header_btn_clear:hover path{
    fill: #717171;
  }
  /* #global_header .search_engine input {
    width: 160px;
    top: 8px;
    left: 32px;
  } */
  #global_header .flex_right {
    padding-right: 4px;
    align-items: center;
  }
  #global_header .head_login,
  #global_header .head_register {
    margin-top: 0;
  }
  #global_header .head_register{
    margin-right:4px;
  }
  #global_header .head_login a,
  #global_header .head_register a{
    width: 76px;
    font-size: 12px;
    line-height: 160%;
  }
  #global_header .header_drawer.dropdwn_menu {
    display: none !important;
  }

  /* /ヘッダー */

  /* プロフィール */
  #personal {
    width: 100%;
    top: 46px;
    right: 0;
    border-top: 1px solid #D0D0D0;
    border-radius: 0;
    z-index: 920;
  }
  #personal .h_personal_head {
    position: relative;
    padding: 12px 18px;
  }
  #personal .h_personal_head .pc{
    display: none;
  }
  #personal .h_personal_head .sp {
    display: block;
  }
  #personal .h_profile_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  #personal .h_profile_link:hover {
    background: none;
  }
  #personal .h_personal_nav {
    border-top: 1px solid #D0D0D0;
    padding: 18px 0;
  }

  #personal .pnav_list_item {
    font-size: 16px;
  }

  .nav_other_links {
    margin: 8px 0 4px;
  }

  #personal .pnav_list_item a {
    padding: 14px 32px 14px 63px;
  }
  #personal .pnav_list_item .icon {
    left: 30px;
  }
  #personal .h_personal_close {
    position: fixed;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    opacity: 0;
    transition: .5s;
    cursor: pointer;
  }
  #personal.is-open .h_personal_close {
    display: flex;
    opacity: 1;
  }

  body.is-noscroll #modal_bg_sp {
    display: block;
  }
  /* /プロフィール */


  /* アイコンモーダル */
  #profile_modal .profile_modal_inner {
    width: 100%;
    height: auto;
    margin: 0 22px;
    padding-bottom: 73px;
  }
  #profile_modal .profile_modal_head {
    padding: 18px 21px;
  }
  #profile_modal .profile_modal_head .title{
    font-size: 14px;
    line-height: 150%;
  }
  #profile_modal .profile_modal_head .submit_btn {
    width: 172px;
    height: 32px;
    top: auto;
    bottom: 39px;
    right: 0;
    left: 0;
    margin: auto;
  }
  #profile_modal .profile_modal_head .close_btn {
    width: 19px;
    height: 19px;
  }
  #profile_modal .profile_modal_content {
    padding: 22px 20px;
  }
  #profile_modal .form {
    margin-top: 25px;
  }
  #profile_modal .form .image {
    margin: 0 auto;
  }
  /* /アイコンモーダル */

  /* お知らせ */
  #news_window .news_window_link {
    position: absolute;
    bottom: 0;
    left: auto;
    width: 100%;
    right: auto;
    text-align: center;
    z-index: 1001;
  }
  .container {
    padding-bottom: 0px;
  }
  /* /お知らせ */

#global_header.ex_type .search_engine{
    width: 196px;
  }

  /* カレンダー追加ボタン */
  .s_show_date_cnt {
    margin-right: auto;
  }

  .s_show_date,
  .s_show_time {
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
  }

  .s_show_date {
    margin-bottom: 2px;
  }

  .jp_time {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    margin-left: 4px;
  }

  .caladd {
    width: 148px;
    height: 32px;
  }

  #reser_lst .caladd {
    width: 122px;
    margin: 0;
    height: 41px;
  }
  #reser_lst .caladd::after {
    content: '';
    display: none;
  }
  #reser_lst.page_edit.visitor_negotiation .back_radius_box.company .tb_cnt_time svg{
    margin-right: 10px;
    margin-left: 3px;
  }

  #reser_lst .tb_cnt_time .cal_select {
    background: none;
    padding: 14px 13px 13px 13px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }

  .tb_cnt_time .cal_select {
    color: #121212;
  }
  /* カレンダー追加ボタンここまで */

  #global_header .d_open .parent_h_nav.js-h_companies:after {
    top: 42px;
  }

}
/*spここまで*/