#booth_map {
	--floor-name: 34px;
}

.floor-map {
    display: flex;
    gap: 0 2px;
}

/* ブリンク */
.blinking{
	-webkit-animation:blinkkkk5s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

#booth_map {
    width: 100%;
}
.booth_map_note {
    text-align: left;
    color: red;
}

/* 配置図 */
.floor {
	margin-left: 20px;
	font-size: 20px;
    width: 6em;
    text-align: center;
    border: solid 2px #44f;
    background-color: #eafdea;
}
#map1 {
	position: relative;
	width: 100%;
	height: 100%;
	max-width:1000px;
	max-height:750px;
	display: block;
	overflow: scroll;
}
#map1-img {
	left: 0;
	top: var(--floor-name);
	z-index: 0;
}
.mark {
	z-index: 10;
}

/* 赤色表示 */
.mark { position: absolute; }
#mark_01 { top: calc( var(--floor-name) + 526px ); left:  74px; display: none; }

#mark_02 { top: calc( var(--floor-name) + 443px ); left:  74px; display: none; }
#mark_03 { top: calc( var(--floor-name) + 394px ); left:  74px; display: none; }
#mark_04 { top: calc( var(--floor-name) + 345px ); left:  74px; display: none; }
#mark_05 { top: calc( var(--floor-name) + 297px ); left:  74px; display: none; }
#mark_06 { top: calc( var(--floor-name) + 245px ); left:  74px; display: none; }

#mark_07 { top: calc( var(--floor-name) + 29px ); left: 24px; display: none; }

#mark_08 { top: calc( var(--floor-name) + 125px ); left: 161px; display: none; }
#mark_09 { top: calc( var(--floor-name) + 162px ); left: 152px; display: none; }

#mark_10 { top: calc( var(--floor-name) + 245px ); left: 152px; display: none; }
#mark_11 { top: calc( var(--floor-name) + 345px ); left: 152px; display: none; }
#mark_12 { top: calc( var(--floor-name) + 394px ); left: 152px; display: none; }

#mark_13 { top: calc( var(--floor-name) + 526px ); left: 152px; display: none; }
#mark_14 { top: calc( var(--floor-name) + 579px ); left: 162px; display: none; }

#mark_20 { top: calc( var(--floor-name) + 162px ); left: 184px; display: none; }
#mark_19 { top: calc( var(--floor-name) + 245px ); left: 184px; display: none; }
#mark_18 { top: calc( var(--floor-name) + 270px ); left: 184px; display: none; }
#mark_17 { top: calc( var(--floor-name) + 345px ); left: 184px; display: none; }
#mark_16 { top: calc( var(--floor-name) + 443px ); left: 184px; display: none; }
#mark_15 { top: calc( var(--floor-name) + 526px ); left: 184px; display: none; }

#mark_21 { top: calc( var(--floor-name) + 112px ); left: 264px; display: none; }
#mark_22 { top: calc( var(--floor-name) + 162px ); left: 264px; display: none; }
#mark_23 { top: calc( var(--floor-name) + 245px ); left: 264px; display: none; }
#mark_24 { top: calc( var(--floor-name) + 297px ); left: 264px; display: none; }
#mark_25 { top: calc( var(--floor-name) + 345px ); left: 264px; display: none; }
#mark_26 { top: calc( var(--floor-name) + 394px ); left: 264px; display: none; }
#mark_27 { top: calc( var(--floor-name) + 443px ); left: 264px; display: none; }
#mark_28 { top: calc( var(--floor-name) + 526px ); left: 264px; display: none; }
#mark_29 { top: calc( var(--floor-name) + 576px ); left: 264px; display: none; }

#mark_30 { top: calc( var(--floor-name) + 526px ); left: 296px; display: none; }
#mark_31 { top: calc( var(--floor-name) + 443px ); left: 296px; display: none; }
#mark_32 { top: calc( var(--floor-name) + 394px ); left: 296px; display: none; }
#mark_33 { top: calc( var(--floor-name) + 345px ); left: 296px; display: none; }
#mark_34 { top: calc( var(--floor-name) + 297px ); left: 296px; display: none; }
#mark_35 { top: calc( var(--floor-name) + 245px ); left: 296px; display: none; }
#mark_36 { top: calc( var(--floor-name) + 162px ); left: 296px; display: none; }
#mark_37 { top: calc( var(--floor-name) + 112px ); left: 296px; display: none; }


#mark_38 { top: calc( var(--floor-name) + 112px ); left: 375px; display: none; }
#mark_39 { top: calc( var(--floor-name) + 162px ); left: 375px; display: none; }
#mark_40 { top: calc( var(--floor-name) + 245px ); left: 375px; display: none; }
#mark_41 { top: calc( var(--floor-name) + 297px ); left: 375px; display: none; }
#mark_42 { top: calc( var(--floor-name) + 345px ); left: 375px; display: none; }
#mark_43 { top: calc( var(--floor-name) + 394px ); left: 375px; display: none; }
#mark_44 { top: calc( var(--floor-name) + 443px ); left: 375px; display: none; }
#mark_45 { top: calc( var(--floor-name) + 526px ); left: 375px; display: none; }
#mark_46 { top: calc( var(--floor-name) + 576px ); left: 375px; display: none; }

#mark_47 { top: calc( var(--floor-name) + 443px ); left: 407px; display: none; }
#mark_48 { top: calc( var(--floor-name) + 297px ); left: 407px; display: none; }
#mark_49 { top: calc( var(--floor-name) + 245px ); left: 407px; display: none; }
#mark_50 { top: calc( var(--floor-name) + 112px ); left: 407px; display: none; }

#mark_51 { top: calc( var(--floor-name) + 112px ); left: 485px; display: none; }
#mark_52 { top: calc( var(--floor-name) + 245px ); left: 485px; display: none; }
#mark_53 { top: calc( var(--floor-name) + 297px ); left: 485px; display: none; }
#mark_54 { top: calc( var(--floor-name) + 345px ); left: 485px; display: none; }
#mark_55 { top: calc( var(--floor-name) + 394px ); left: 485px; display: none; }
#mark_56 { top: calc( var(--floor-name) + 443px ); left: 485px; display: none; }
#mark_57 { top: calc( var(--floor-name) + 526px ); left: 485px; display: none; }
#mark_58 { top: calc( var(--floor-name) + 576px ); left: 485px; display: none; }

#mark_59 { top: calc( var(--floor-name) + 576px ); left: 518px; display: none; }
#mark_60 { top: calc( var(--floor-name) + 526px ); left: 518px; display: none; }
#mark_61 { top: calc( var(--floor-name) + 443px ); left: 518px; display: none; }
#mark_62 { top: calc( var(--floor-name) + 394px ); left: 518px; display: none; }
#mark_63 { top: calc( var(--floor-name) + 345px ); left: 518px; display: none; }
#mark_64 { top: calc( var(--floor-name) + 245px ); left: 518px; display: none; }
#mark_65 { top: calc( var(--floor-name) + 162px ); left: 518px; display: none; }
#mark_66 { top: calc( var(--floor-name) + 112px ); left: 518px; display: none; }

#mark_67 { top: calc( var(--floor-name) + 112px ); left: 596px; display: none; }
#mark_68 { top: calc( var(--floor-name) + 162px ); left: 596px; display: none; }
#mark_69 { top: calc( var(--floor-name) + 245px ); left: 596px; display: none; }
#mark_70 { top: calc( var(--floor-name) + 297px ); left: 596px; display: none; }
#mark_71 { top: calc( var(--floor-name) + 345px ); left: 596px; display: none; }
#mark_72 { top: calc( var(--floor-name) + 394px ); left: 596px; display: none; }
#mark_73 { top: calc( var(--floor-name) + 443px ); left: 596px; display: none; }
#mark_74 { top: calc( var(--floor-name) + 526px ); left: 596px; display: none; }
#mark_75 { top: calc( var(--floor-name) + 576px ); left: 596px; display: none; }

#mark_76 { top: calc( var(--floor-name) + 576px ); left: 629px; display: none; }
#mark_77 { top: calc( var(--floor-name) + 526px ); left: 629px; display: none; }
#mark_78 { top: calc( var(--floor-name) + 443px ); left: 629px; display: none; }
#mark_79 { top: calc( var(--floor-name) + 394px ); left: 629px; display: none; }
#mark_80 { top: calc( var(--floor-name) + 345px ); left: 629px; display: none; }
#mark_81 { top: calc( var(--floor-name) + 297px ); left: 629px; display: none; }
#mark_82 { top: calc( var(--floor-name) + 245px ); left: 629px; display: none; }
#mark_83 { top: calc( var(--floor-name) + 162px ); left: 629px; display: none; }
#mark_84 { top: calc( var(--floor-name) + 112px ); left: 629px; display: none; }

#mark_85 { top: calc( var(--floor-name) + 125px ); left: 716px; display: none; }
#mark_86 { top: calc( var(--floor-name) + 162px ); left: 706px; display: none; }
#mark_87 { top: calc( var(--floor-name) + 212px ); left: 706px; display: none; }
#mark_88 { top: calc( var(--floor-name) + 212px ); left: 740px; display: none; }
#mark_89 { top: calc( var(--floor-name) + 162px ); left: 740px; display: none; }

#mark_90 { top: calc( var(--floor-name) + 125px ); left: 826px; display: none; }
#mark_91 { top: calc( var(--floor-name) + 162px ); left: 818px; display: none; }
#mark_92 { top: calc( var(--floor-name) + 212px ); left: 852px; display: none; }
#mark_93 { top: calc( var(--floor-name) + 162px ); left: 852px; display: none; }

#mark_94 { top: calc( var(--floor-name) + 212px ); left: 930px; display: none; }
#mark_95 { top: calc( var(--floor-name) + 162px ); left: 930px; display: none; }
#mark_96 { top: calc( var(--floor-name) + 112px ); left: 930px; display: none; }

#mark_97 { top: calc( var(--floor-name) + 40px ); left: 833px; display: none; }
#mark_98 { top: calc( var(--floor-name) + 40px ); left: 784px; display: none; }
#mark_99 { top: calc( var(--floor-name) + 40px ); left: 736px; display: none; }

#mark_100 { top: calc( var(--floor-name) + 40px ); left: 506px; display: none; }
#mark_101 { top: calc( var(--floor-name) + 40px ); left: 408px; display: none; }

#mark_102 { top: calc( var(--floor-name) + 40px ); left: 253px; display: none; }
#mark_103 { top: calc( var(--floor-name) + 40px ); left: 205px; display: none; }
#mark_104 { top: calc( var(--floor-name) + 40px ); left: 158px; display: none; }

#mark_105 { top: calc( var(--floor-name) + 664px ); left: 550px; display: none; }
#mark_106 { top: calc( var(--floor-name) + 664px ); left: 501px; display: none; }
#mark_107 { top: calc( var(--floor-name) + 664px ); left: 405px; display: none; }

#mark_108 { top: calc( var(--floor-name) + 664px ); left: 252px; display: none; }
#mark_109 { top: calc( var(--floor-name) + 664px ); left: 203px; display: none; }
#mark_110 { top: calc( var(--floor-name) + 664px ); left: 75px; display: none; }

/* 配置図2 */
#map2 {
	position: relative;
	width: 100%;
	height: 100%;
	max-width:535px;
	max-height:720px;
	display: none;
}
#map2-img {
	left: 0;
	top: var(--floor-name);
	z-index: 0;
}

#mark_111 { top: calc( var(--floor-name) + 380px ); left: 33px; display: none; }
#mark_112 { top: calc( var(--floor-name) + 331px ); left: 33px; display: none; }
#mark_113 { top: calc( var(--floor-name) + 282px ); left: 33px; display: none; }

#mark_114 { top: calc( var(--floor-name) + 204px ); left: 33px; display: none; }
#mark_115 { top: calc( var(--floor-name) + 155px ); left: 33px; display: none; }
#mark_116 { top: calc( var(--floor-name) + 106px ); left: 33px; display: none; }

#mark_117 { top: calc( var(--floor-name) + 356px ); left: 114px; display: none; }
#mark_118 { top: calc( var(--floor-name) + 307px ); left: 114px; display: none; }
#mark_119 { top: calc( var(--floor-name) + 178px ); left: 114px; display: none; }
#mark_120 { top: calc( var(--floor-name) + 129px ); left: 114px; display: none; }

#mark_121 { top: calc( var(--floor-name) + 356px ); left: 146px; display: none; }
#mark_122 { top: calc( var(--floor-name) + 307px ); left: 146px; display: none; }
#mark_123 { top: calc( var(--floor-name) + 178px ); left: 146px; display: none; }
#mark_124 { top: calc( var(--floor-name) + 129px ); left: 146px; display: none; }

#mark_125 { top: calc( var(--floor-name) + 45px ); left: 173px; display: none; }
#mark_126 { top: calc( var(--floor-name) + 45px ); left: 123px; display: none; }
#mark_127 { top: calc( var(--floor-name) + 45px ); left: 73px; display: none; }

/* ナビ */
.booth_list {
    width: 20%;
    height: 100%;
    max-width: 300px;
    max-height: 750px;
    margin-right: 20px;
    border: solid 1px #cccccc;
}

/* タブメニュー */
.booth_list .tabs__list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.booth_list .tabs__item {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  flex-basis: calc( 100% / 2 );
  text-align: center;
}

.booth_list .tabs__item:hover,
.booth_list .tabs__item:has(input:focus) {
  background-color: #dddddd;
}

.booth_list input {
  border: 0 !important;
  clip: rect( 0, 0, 0, 0 ) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.booth_list .tabs__content {
  overflow: hidden;
  position: absolute;
  height: 0;
}

.booth_list .tabs__list:has(#tab-no > input:checked) ~ #tab-no__content,
.booth_list .tabs__list:has(#tab-name > input:checked) ~ #tab-name__content {
  overflow-y: scroll;
  position: static;
  height: 720px;
  padding: 0;
}

.booth_list .tabs__item:has(input:checked),
.booth_list .tabs__item:has(input:focus:checked) {
  background-color: #2065AF;
  color: #fff;
}
/*-----*/

.exhibitors-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.exhibitors-list label {
    flex: 1 1;
    order: -1;
    opacity: .5;
    width: 100%;
    padding: .1em;
    background-color: #ffffff;
    color: #000000;
    font-size: .9em;
    text-align: left;
    cursor: pointer;
}
.exhibitors-list li:nth-child(2n) {
    background-color: #ffffff;
}
.exhibitors-list li:nth-child(2n+1) {
    background-color: #e2f3ff;
}

.exhibitors-list li:hover {
    opacity: .8;
    background-color: #ffffb5;
}

.booth_list input[type="radio"] {
    display: none;
}

.booth_list > div {
    width: 100%;
    background-color: #fff;
}

.booth_list label:has(:checked) {
    opacity: 1;
    color: red;
}

.booth_list label:has(:checked) + div {
    display: block;
}