@charset "UTF-8";

:root {
  /* カラー */
  --white: #fff;
  --black: #000;
  --audio: #046F83;
  --entertainment: #7E2481;
  --creation: #05358A;
  --media: #CA7904;
  --audio-gradient: linear-gradient(90deg, rgba(4, 153, 159, 1), rgba(4, 119, 159, 1)); 
  --entertainment-gradient: linear-gradient(90deg, rgba(104, 37, 167, 1), rgba(169, 52, 106, 1));
  --creation-gradient: linear-gradient(90deg, rgba(35, 112, 181, 1), rgba(35, 60, 181, 1));
  --media-gradient: linear-gradient(90deg, rgba(226, 126, 0, 1), rgba(226, 153, 0, 1));
}

/* ===== 共通スタイル ===== */
/* スムーズスクロール */
html {
  scroll-behavior: smooth;
}

/* ページ内スクロールしたときにヘッダーの高さを考慮する */
#special_events::before,
#audio::before,
#entertainment::before,
#creation::before,
#media::before {
  content: "";
  display: block;
  height: 100px;      /* ヘッダーの高さと同じ値 */
  margin-top: -100px; /* ヘッダーの高さ分上にずらす */
  visibility: hidden;
}

.tablet_none {
  display: none;
}

@media (max-width: 850px) {
  .tablet_none {
      display: block;
  }
}


/* ページ内リンクのボタン */
.page_transition_btn {
  display: grid;
  place-items: center;
  height: 55px;
  position: relative;
  padding: 10px 30px 10px 15px ;
  background: var(--black);
  border-radius: 3px;
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.pro_audio .page_transition_btn {
  background: var(--audio);
}

.entertainmant .page_transition_btn {
  background: var(--entertainment);
}

.video .page_transition_btn {
  background: var(--creation);
}

.media .page_transition_btn {
  background: var(--media);
}

.en .page_transition_btn {
  font-size: 14px;
}

.page_transition_btn:after {
  content: "";
  border: 0;
  border-bottom: solid 2px var(--white);
  border-right: solid 2px var(--white);
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 45%;
  right: 12px;
  transform: translateY(-50%) rotate(45deg);
}

.page_transition_btn:hover,
.page_transition_btn:focus {
  opacity: .7 !important;
}

.page_transition_btn .page_transition_btn_text {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

@media screen and (max-width: 850px) {
  .page_transition_btn .logo {
    height: 20px;
  }

  .page_transition_btn .logo.two_lines {
    height: 32px;
  }
}

@media screen and (max-width: 480px) {
  .page_transition_btn .logo {
    height: 14px;
  }

  .page_transition_btn .logo.two_lines {
    height: 28px;
  }

  .en .page_transition_btn .page_transition_btn_text {
    font-size: 16px;
  }
}


/* 円形の右矢印 */
.link.arrow_circle {
  width: unset;
  font-weight: bold;
  font-family: 'Outfit';
  position: relative;
  margin-right: unset;
  font-size: 16px;
}

.link.arrow_circle:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  width: 30px;
  height: 30px;
  border-radius: 100vh;
  color: var(--white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
  line-height: 1.9;
  text-align: center;
  background: var(--audio-gradient);
  background-size: 200% 100%;
}

#entertainment .link.arrow_circle:after {
  background: var(--entertainment-gradient);
}

#creation  .link.arrow_circle:after {
  background: var(--creation-gradient);
}

#media .link.arrow_circle:after {
  background: var(--media-gradient);
}

@media screen and (max-width: 850px) {
  /* 円形の右矢印 */
  .link.arrow_circle {
    font-size: 12px;
  }

  .link.arrow_circle:after {
    width: 25px;
    height: 25px;
    line-height: 2.1;
  }
}


/* バナー */
.banner_wrap {
  width: 65%;
  margin: 30px auto 10px;
}

.banner_wrap .banner {
  box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 480px) {
  .banner_wrap {
    width: 100%;
    margin: unset;
  }
  
}


/* ===== 出展部門一覧表のスタイル ===== */
.c-contents-title_wrap {
  display: flex;
  justify-content: space-between;
}

.c-contents-title_wrap .page_transition_btn {
  display: inline-block;
  height: 100%;
  padding: 10px 50px 10px 20px;
  background: var(--audio-gradient);
  font-size: 18px;
}

#exhibitor_categories .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

#exhibitor_categories h2 {
  margin-bottom: 0;
  width: 50%;
}

#exhibitor_categories h2 small {
  color: #c40202;
}

#exhibitor_categories h2 + p {
  width: 50%;
}

#exhibitor_categories p {
  font-size: 17px;
  line-height: 1.8;
}

#exhibitor_categories .content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  text-align: center;
}

#exhibitor_categories .content .block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  height: 580px;
  flex: 0 0 50%;
  padding: 50px 20px 220px 20px;
  color: var(--white);
}

#exhibitor_categories .content .block.pro_audio {
  background: url(../img/forexhibitors/category/cat_pro_audio.webp) bottom/contain no-repeat, linear-gradient(90deg, rgba(4, 153, 159, 1), rgba(4, 119, 159, 1));
}

#exhibitor_categories .content .block.entertainmant {
  background: url(../img/forexhibitors/category/cat_entertainment.webp) bottom/contain no-repeat, linear-gradient(90deg, rgba(104, 37, 167, 1), rgba(169, 52, 106, 1));
}

#exhibitor_categories .content .block.video {
  background: url(../img/forexhibitors/category/cat_video.webp) bottom/contain no-repeat, linear-gradient(90deg, rgba(35, 112, 181, 1), rgba(35, 60, 181, 1));
}

#exhibitor_categories .content .block.media {
  background: url(../img/forexhibitors/category/cat_media.webp) bottom/contain no-repeat, linear-gradient(90deg, rgba(226, 126, 0, 1), rgba(226, 153, 0, 1));
}

#exhibitor_categories .content .block h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}

#exhibitor_categories .content .block h3 small {
  display: block;
  font-size: 14px;
  font-family: "Poppins", 'LINESeedJP', sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

#exhibitor_categories .content .block h4 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.4;
}

#exhibitor_categories .content .block p {
  margin: 0;
  font-size: 14px;
  color: var(--white);
  text-align: justify;
}

.en #exhibitor_categories .content .block p {
  text-align: left;
}

#exhibitor_categories .block_text_link_area {
  color: var(--white);
  text-decoration: none;
}

#exhibitor_categories .block_text_link_area:hover,
#exhibitor_categories .block_text_link_area:focus {
  opacity: .7 !important;
}

/* ボタンリスト */
.btn_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}

.btn_list .btn_list_item {
  flex: 0 0 48%;
}


@media screen and (max-width: 850px) {
  .c-contents-title {
    margin-bottom: 10px;
  }

  .c-contents-title_wrap.tablet_column {
    flex-direction: column;
  }

  #exhibitor_categories .content .block {
    padding: 40px 30px 200px;
  }

  #exhibitor_categories .content {
    flex-direction: column;
  }

  .c-contents-title_wrap .page_transition_btn {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .c-contents-title_wrap .page_transition_btn {
    padding: 10px 30px 10px 20px;
    font-size: 14px;
  }

  .en .c-contents-title_wrap .page_transition_btn {
    padding: 8px 30px 8px 10px;
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .c-contents-title_wrap {
    margin-bottom: 10px;
  }

  .en .c-contents-title {
    font-size: 20px;
  }

  .category .l-1column-contents {
    margin: 0 auto 0;
  }

  #exhibitor_categories .content .block {
      padding: 30px 20px 150px 20px;
  }
  #exhibitor_categories .content .block h3 {
      font-size: 20px;
      margin-bottom: 20px;
  }

  #exhibitor_categories .content .block h4 {
      font-size: 16px;
      margin-bottom: 20px;
  }

  /* ボタンリスト */
  .btn_list .btn_list_item {
    flex: 0 0 100%;
}
}


/* ===== 特別企画一覧のスタイル ===== */
.grid_contents_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.grid_contents_list .grid_contents_list_item {
  flex: 0 0 48%;
  margin-bottom: 30px;
}

.grid_contents_list .contents_title {
  display: grid;
  place-items: center;
  padding: 10px;
  background: var(--audio-gradient);
  color: var(--white);
  font-size: 20px;
  font-weight: bold;
}

.grid_contents_list #entertainment .contents_title {
  background: var(--entertainment-gradient);
}

.grid_contents_list #creation .contents_title {
  background: var(--creation-gradient);
}

.grid_contents_list #media .contents_title {
  background: var(--media-gradient);
}

.grid_contents_list .grid_contents_list_item .contents {
  padding: 30px;
  height: 97%;
  border: 3px solid var(--audio);
  border-top: none;
}

.grid_contents_list .grid_contents_list_item#entertainment .contents {
  border-color: var(--entertainment);
}

.grid_contents_list .grid_contents_list_item#creation .contents {
  border-color: var(--creation);
}

.grid_contents_list .grid_contents_list_item#media .contents {
  border-color: var(--media);
}

.grid_contents_list .contents_body {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.grid_contents_list .contents_item_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

#entertainment.grid_contents_list .contents_item_link {
  color: var(--entertainment);
}

.grid_contents_list .logo {
  height: 24px;
}

.grid_contents_list .logo.ignition {
  height: 20px;
}

.grid_contents_list .logo.two_lines {
  height: 40px;
}

.grid_contents_list .logo.media_biz_video {
  height: 47px;
}

.grid_contents_list .contents_item_link {
  display: flex;
  justify-content: space-between;
  width: 94%;
  text-decoration: none;
}

.grid_contents_list .contents_item_link span {
  color: var(--entertainment);
  font-size: 20px;
  font-weight: bold;
}

.grid_contents_list .contents_item_desc {
  font-size: 16px;
  text-justify: auto;
}

.grid_contents_list .contents_item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--audio);
}

.grid_contents_list .contents_item:last-of-type {
  margin-bottom: unset;
  padding-bottom: unset;
  border-bottom: none;
}

.grid_contents_list #entertainment .contents_item {
  border-color: var(--entertainment);
}

.grid_contents_list #creation .contents_item {
  border-color: var(--creation);
}

.grid_contents_list #media .contents_item {
  border-color: var(--media);
}

.grid_contents_list .contents_img_wrap {
  align-self: flex-end;
}

@media screen and (max-width: 850px) {
  .grid_contents_list {
    gap: 10px;
  }

  .grid_contents_list .contents_title {
    font-size: 16px;
  }

  .grid_contents_list .grid_contents_list_item .contents {
    padding: 20px;
  }

  .grid_contents_list .logo {
    height: 20px;
  }

  .grid_contents_list .logo.ignition {
    height: 16px;
  }

  .grid_contents_list .logo.media_biz_video {
    height: 39px;
  }

  .grid_contents_list .contents_item_link span {
    font-size: 16px;
  }

  .grid_contents_list .contents_item_desc {
    font-size: 14px;
  }

  .grid_contents_list .contents_item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .grid_contents_list {
    flex-direction: column;
  }
  
  .grid_contents_list .contents_item:last-of-type {
    padding-bottom: 20px;
  }

  .grid_contents_list .contents_item_link {
    width: 93%;
  }

  .grid_contents_list .logo {
    height: 18px;
  }

  .grid_contents_list .logo.ignition {
    height: 15px;
  }

  .grid_contents_list .contents_item_link span {
    font-size: 14px;
  }

  .en .grid_contents_list .contents_item_link span {
    font-size: 18px;
  }

}



/*AI 出展部門検索-------------------------------------*/

#AI_category_search {
    background: #dcefff;
    border-radius: 5px;
    padding: 10px 20px 20px;
}

#AI_category_search textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

#AI_category_search .btn_list {
    justify-content: center;
}

#AI_category_search .btn_list button {
    display: block;
    min-width: 150px;
    padding: 10px;
    border-radius: 100px;
    font-weight: bold;
    position: relative;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    background: -moz-linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%) !important;
    transition: .3sease;
    background: linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%);
    background-size: 200% 100%;
    border: none;
}
#AI_category_search .btn_list button.border_btn {
    background: none;
    color: #2f67f6;
    outline: solid 2px #2f67f6;
    outline-offset: -2px;
}
#AI_category_search #answersWithReason,#AI_category_search #urls {
    background: #c5e4ff;
    padding: 10px;
    border-radius: 5px;
    white-space: pre-wrap !important;
}
#AI_category_search #answersWithReason {
    border-radius: 5px 5px 0 0;
}
#AI_category_search .contact_text {
    margin-bottom: 20px;
    background: #c5e4ff;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}
#AI_category_search #urls a{
    color: #003a96;
    text-decoration: underline;
}
#AI_category_search .c-mini-title:before {
    display: none;
}
#AI_category_search .c-mini-title {
    padding-left: 0;
    text-indent: 0;
}
#AI_category_search .c-mini-title i {
    margin-right: 9px;
    color: #053ed1;
    font-size: 1.2rem;
}

@media screen and (max-width: 480px) {
  #AI_category_search .btn_list button {
      display: block;
      min-width: 100px;
  }
}