@charset "utf-8";

.page_head {
  background-image: url(/images/exhibition/head_img_exhibition.webp);
}

.color_card_list {
  width: 100%;
}

.color_card_list li:last-child {
  margin-right: 0 !important;
}

/*-----------ブースマップ-----------*/

#boothmap_area {}

.text_link {
  border-bottom: 2px solid #1155d0;
  font-weight: 700;
}

.map_img {
  display: block;
}

.icon_before {
  display: block;
  text-align: right;
}

#boothmap_area .icon_before {
  margin: -50px 0 30px;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: 700;
}

.icon_before::before {
  color: inherit;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 10px;
}

.icon_before.map::before {
  content: '\f3c5';
}

.icon_before.print::before {
  content: '\f1c1';
}

.print_link {
  text-align: right;
  display: block;
}

.print_link::before {
  color: inherit;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: '\f1c1';
  margin-right: 10px;
}

.click_text {
  text-align: right;
}

.click_text:before {
  content: '\f00e';
  color: inherit;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 4px;
}

@media screen and (max-width: 850px) {
  #boothmap_area .icon_before {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 480px) {
  #boothmap_area .icon_before {
    margin: 0 0 10px;
  }
}

/*-----------スポンサー-----------*/

#sponsor_area .color_card_list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}


.diamond_sponsor_list {
  display: flex !important;
  max-width: 450px;
  margin: 0 auto;
}

.diamond_sponsor_list li {
  width: 100%;
  margin-right: 0;
}

.color_card_list li a.link_none {
  pointer-events: none;
}

.color_card_list li a.link_none:hover {
  opacity: 1 !important;
}

.diamond_sponsor_list li figure img {
  max-width: 450px;
  width: 100%;
}

.color_card_list.diamond_sponsor_list li a .txt {
  padding: 25px;
}

.company_txt {
  margin-top: 10px;
  font-size: 1.2rem;
}

.platinum_sponsor_list {
  /* max-width: 420px; */
  margin: 0 auto;
  display: flex !important;
}

.platinum_sponsor_list li {
  width: 48%;
  max-width: 420px;
}

.platinum_sponsor_list li figure img {
  max-width: 420px;
  width: 100%;
}

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

  /* .platinum_sponsorが1社の時---- */
  .platinum_sponsor_list li:only-child {
    width: 80%;
  }
}



/*gold_sponsorが1つの時----
 .gold_sponsor_list{
  max-width: 360px;
  margin:0 auto;
  display: flex!important;
}
.gold_sponsor_list li{
  width: 100%;
  margin-right: 0;
}

.color_card_list 
.gold_sponsor_list li figure img{
  max-width: 360px;
  width: 100%;
} */

/* gold_sponsorが２つ以上---- */
.gold_sponsor_list {
  margin: 0 auto;
  display: flex !important;
}

.color_card_list.gold_sponsor_list li {
  width: 48%;
  max-width: 360px;
}

.color_card_list.silver_sponsor_list {
  justify-content: center;
  flex-wrap: nowrap;
}

.silver_sponsor_list li {
  max-width: 320px;
  width: 31%;
}

.silver_sponsor_list li:nth-child(4n) {
  margin-right: 2.6%;
}

.silver_sponsor_list li:nth-child(3n) {
  margin-right: 0;
}

.silver_sponsor_list li:last-child {
  margin-right: 0;
}

.silver_sponsor_list li figure img {
  max-width: 320px;
  width: 100%;
}

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

  .silver_sponsor_list li:nth-child(3n) {
    margin-right: 4%;
  }

  .color_card_list.silver_sponsor_list li:nth-child(2n) {
    margin-right: 0 !important;
  }
}


/*.bronze_sponsor_list{
  width: 90%;
  justify-content: center;
}*/

/* Crystal_sponsorが２つ以上---- */
.crystal_sponsor_list li {
  width: 20%;
}

.color_card_list.crystal_sponsor_list li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 850px) {
  .crystal_sponsor_list li {
    width: 26%;
  }

  .color_card_list.crystal_sponsor_list li,
  .color_card_list.crystal_sponsor_list li:nth-child(4n) {
    margin-right: 2%;
  }

  .color_card_list.crystal_sponsor_list li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .crystal_sponsor_list li {
    width: 48%;
  }

  .color_card_list.crystal_sponsor_list li:nth-child(3n) {
    margin-right: 2%;
  }

  .color_card_list.crystal_sponsor_list li:nth-child(2n) {
    margin-right: 0;
  }
}


.normal_sponsor_list li {
  width: 18%;
}

.color_card_list.normal_sponsor_list li:nth-child(4n) {
  margin-right: 2%;
}

.color_card_list.normal_sponsor_list li:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 850px) {
  .normal_sponsor_list li {
    width: 23.5%;
  }

  .color_card_list.normal_sponsor_list li:nth-child(1),
  .color_card_list.normal_sponsor_list li:nth-child(2n),
  .color_card_list.normal_sponsor_list li:nth-child(odd) {
    margin-right: 2%;
  }

  .color_card_list.normal_sponsor_list li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .color_card_list.silver_sponsor_list {
    flex-wrap: wrap;
    justify-content: left;
  }

  .silver_sponsor_list li {
    width: 48%;
  }

  .color_card_list.normal_sponsor_list {
    justify-content: center;
  }

  .normal_sponsor_list li {
    width: 31.2%;
  }

  .color_card_list.normal_sponsor_list li:nth-child(3n) {
    margin-right: 0;
  }

  .color_card_list.normal_sponsor_list li:nth-child(4n) {
    margin-right: 2%;
  }
}

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

  /* .platinum_sponsor_list{
    width: 95%;
  } */
  /* .gold_sponsor_list{
    width: 90%;
  } */
  .normal_sponsor_list li {
    width: 49%;
  }

  .color_card_list.normal_sponsor_list li:nth-child(2n) {
    margin-right: 0;
  }

  .color_card_list.normal_sponsor_list li:nth-child(odd) {
    margin-right: 2%;
  }
}

/*-----------パートナー-----------*/
#partner_area .color_card_list,
#exhibitor_area .color_card_list,
#supporter_area .color_card_list {
  justify-content: center;
  clear: both;
}

.partner_list li {
  width: 18.4%;
  margin-right: 2%;
}

.color_card_list.partner_list li:nth-child(4n) {
  margin-right: 2%;
}

.color_card_list.partner_list li:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 850px) {
  .partner_list li {
    width: 23.5%;
  }

  .color_card_list.partner_list li:nth-child(1),
  .color_card_list.partner_list li:nth-child(2n),
  .color_card_list.partner_list li:nth-child(odd) {
    margin-right: 2%;
  }

  .color_card_list.partner_list li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .color_card_list.partner_list {
    justify-content: center;
  }

  .partner_list li {
    width: 31%;
  }

  .color_card_list.partner_list li:nth-child(odd) {
    margin-right: 2% !important;
  }

  .color_card_list.partner_list li:nth-child(3n) {
    margin-right: 0;
  }

  .color_card_list.partner_list li:nth-child(4n) {
    margin-right: 2%;
  }
}

@media screen and (max-width: 480px) {
  .partner_list li {
    width: 49%;
  }

  .color_card_list.partner_list li:nth-child(2n) {
    margin-right: 0;
  }
}

/*-----------サポーター-----------*/
.supporter_list li {
  margin-right: 2%;
  width: 18.4%;
}

.color_card_list.supporter_list li:nth-child(4n) {
  margin-right: 2%;
}

.color_card_list.supporter_list li:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 850px) {
  .supporter_list li {
    width: 23.5%;
  }

  .color_card_list.supporter_list li:nth-child(3n) {
    margin-right: 2%;
  }

  .color_card_list.supporter_list li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .supporter_list li {
    width: 32%;
  }

  .color_card_list.supporter_list li:nth-child(2n),
  .color_card_list.supporter_list li:nth-child(4n) {
    margin-right: 2%;
  }

  .color_card_list.supporter_list li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .supporter_list li {
    width: 49%;
  }

  .color_card_list.supporter_list li:nth-child(2n) {
    margin-right: 0;
  }

  .color_card_list.supporter_list li:nth-child(3n) {
    margin-right: 2%;
  }
}


/*-----------スポンサー詳細-----------*/

#sponsor_detail_area {
  display: flex;
  align-items: flex-start;
  max-width: 1000px;
  margin: 0 auto;
}

#sponsor_detail_area figure {
  width: 40%;
  padding-right: 5%;
}

#sponsor_detail_area figure img {
  width: 100%;
}

#sponsor_detail_area .sponsor_detail_txt {
  width: 55%;
}

#sponsor_detail_area .sponsor_detail_txt dl.sponsor_company {
  margin-bottom: 30px;
}

#sponsor_detail_area .sponsor_detail_txt dl.sponsor_company dt {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

#sponsor_detail_area .sponsor_detail_txt dl.sponsor_company dd {
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
  line-height: 1.7;
}

#sponsor_detail_area .sponsor_detail_txt dl.wh_bg_box {
  border-bottom: none;
}

#sponsor_detail_area .info_area.info_area_detail {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #c6d6ee;
}

#sponsor_detail_area .border_btn {
  width: 45%;
  text-align: left;
}

#sponsor_detail_area .border_btn::before {
  color: inherit;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 10px;
  content: '\f108';
}

#sponsor_detail_area .border_btn::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  font-size: 1.3rem;
}



@media screen and (max-width: 950px) {
  #sponsor_detail_area .border_btn {
    width: 100%;
  }
}




@media screen and (max-width: 600px) {
  #sponsor_detail_area {
    display: block;
  }

  #sponsor_detail_area figure {
    width: 70%;
    padding-right: 0;
    margin: 0 auto 20px;
  }

  #sponsor_detail_area .sponsor_detail_txt {
    width: 100%;
  }

  #sponsor_detail_area figure {
    width: 100%;
  }

  #sponsor_detail_area .sponsor_detail_txt dl.sponsor_company dt {
    margin-bottom: 10px;
  }

  #sponsor_detail_area .border_btn {
    width: 100%;
  }
}

/* ---オンライン展示会バナー-------------- */

#exhibitor_area .online_entrance_box a {
  width: 35%;
  margin-bottom: 30px;
  box-shadow: 0px 0px 15px -5px #777777;
}

#exhibitor_area .online_entrance_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

#exhibitor_area .online_entrance_box .sec_tit {
  margin-right: 10%;
}



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

  #exhibitor_area .online_entrance_box a {
    width: 60%;
    /* margin-bottom: 30px; */
    display: block;
    margin: auto;
    margin-bottom: 3rem;
    float: right;
  }

  #exhibitor_area .online_entrance_box {
    display: block;
  }

  #exhibitor_area .online_entrance_box .sec_tit {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

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

  #exhibitor_area .online_entrance_box a {
    width: 100%;
  }

}