@charset "UTF-8";

/*//////////////////////////////////////////////////////////////
	booth_layout
//////////////////////////////////////////////////////////////*/

/*=======================================================
	booth_area
=======================================================*/
#booth_area {
	margin-bottom: 120px;
}

.booth_box {
	margin-bottom: 80px;
}

.booth_map_box {
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
	position: relative;
}

.booth_map_box img {
	width: 1200px;
}

.caution_scroll {
	display: none;
}

.btn_booth a {
	width: 95% !important;
}

/* point_list */
.point_list {
}

.btn_booth {
	margin-top: 20px;
}

.point_list li {
	position: absolute;
}

.point_list li a {
	background: linear-gradient(to bottom, #00A0E9 50%, #0095DD 51%);
	padding: 0px 3px;
	border-radius: 5px;
	border: 2px solid #FFF;
	display: inline-block;
	text-decoration: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	color: #FFF;
}

.point_list li.pink a {
	background: linear-gradient(to bottom, #E85298 50%, #E74391 51%);
	padding: 0px 3px;
	border-radius: 5px;
	border: 2px solid #FFF;
	display: inline-block;
	text-decoration: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	color: #FFF;
}

#point_01 {top: 215px; left: 450px;}
#point_02 {top: 320px; left: 100px;}
#point_03 {top: 495px; left: 182px;}
#point_04 {top: 525px; left: 182px;}
#point_05 {top: 555px; left: 182px;}
#point_06 {top: 585px; left: 182px;}
#point_07 {top: 630px; left: 182px;}
#point_08 {top: 675px; left: 182px;}
#point_09 {top: 705px; left: 182px;}
#point_10 {top: 735px; left: 182px;}
#point_11 {top: 495px; left: 248px;}
#point_12 {top: 525px; left: 248px;}
#point_13 {top: 555px; left: 248px;}
#point_14 {top: 585px; left: 248px;}
#point_15 {top: 615px; left: 248px;}
#point_16 {top: 645px; left: 248px;}
#point_17 {top: 675px; left: 248px;}
#point_18 {top: 705px; left: 248px;}
#point_19 {top: 735px; left: 248px;}
#point_20 {top: 785px; left: 265px;}
#point_21 {top: 665px; left: 375px;}
#point_22 {top: 695px; left: 375px;}
#point_23 {top: 795px; left: 420px;}
#point_24 {top: 849px; left: 452px;}
#point_25 {top: 875px; left: 380px;}
#point_26 {top: 905px; left: 380px;}
#point_27 {top: 935px; left: 380px;}
#point_28 {top: 965px; left: 410px;}
#point_29 {top: 965px; left: 445px;}
#point_30 {top: 965px; left: 480px;}
#point_31 {top: 1015px; left: 495px;}
#point_32 {top: 1015px; left: 545px;}
#point_33 {top: 1015px; left: 580px;}
#point_34 {top: 1015px; left: 615px;}
#point_35 {top: 1015px; left: 665px;}
#point_36 {top: 1015px; left: 745px;}
#point_37 {top: 585px; left: 820px;}
#point_38 {top: 585px; left: 770px;}
#point_39 {top: 585px; left: 720px;}
#point_40 {top: 595px; left: 675px;}
#point_41 {top: 635px; left: 840px;}
#point_42 {top: 873px; left: 823px;}
#point_43 {top: 903px; left: 823px;}
#point_44 {top: 888px; left: 775px;}
#point_45 {top: 785px; left: 607px;}
#point_46 {top: 815px; left: 607px;}
#point_47 {top: 785px; left: 533px;}
#point_48 {top: 815px; left: 533px;}

.booth_popup_box {
	position: fixed;
	margin: 0 auto;
	bottom: 0;
	color: #663210;
	width: 100%;
	display: none;
}

.booth_list_box {
	margin-top: 50px;
}

.booth_list_box table {
	width: 100%;
	margin: 0 auto 30px;
}

.booth_popup_box table {
	width: 86%;
	margin: 0 auto 30px;
}

.booth_popup_box table {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	border-spacing: 0;
	border: 10px #FFF solid;
}

.booth_list_box table th,
.booth_popup_box table th {
	background: #009FE8;
	color: #FFF;
	width: 12%;
	padding: 10px 2%;
	border: 1px solid #009FE8;
}

.booth_list_box table th a {
	text-decoration: none;
	color: #FFF;
}

.booth_list_box table td .anchor_point {
	color: #663210;
	text-decoration: none;
}

.booth_list_box table td .anchor_point:hover {
	color: #FF9900;
}

.booth_list_box table td,
.booth_popup_box table td {
	border: 1px solid #009FE8;
	border-right: none;
	text-align: left;
	padding: 10px;
	background: #FFF;
}

.booth_list_box table .td_blue,
.booth_popup_box table .td_blue {
	border-left: none;
	background: #D7F2FF;
	border-right: 1px solid #009FE8;
	width: 60%;
}

.booth_list_box table th.booth_pink,
.booth_popup_box table th.booth_pink {
	background: #E74B95;
	border: 1px solid #E74B95;
}

.booth_list_box table td.booth_pink,
.booth_popup_box table td.booth_pink {
	border-top: 1px solid #E74B95;
	border-bottom: 1px solid #E74B95;
	border-left: none;
	border-right: none;
}

.booth_list_box table .booth_pink_bg,
.booth_popup_box table .booth_pink_bg {
	border-top: 1px solid #E74B95;
	border-bottom: 1px solid #E74B95;
	border-left: none;
	border-right: 1px solid #E74B95;
	background: #FFF4F4;
}

.booth_popup_box table .td_close {
	border-right: 1px solid #009FE8;
	border-left: none;
	text-align: center;
	width: 10%;
}

.booth_popup_box table .td_close.booth_pink {
	border-right: 1px solid #E74B95;
	border-bottom: 1px solid #E74B95;
	border-top: 1px solid #E74B95;
	border-left: none;
	text-align: center;
}

.booth_popup_box table .td_close a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #555555), color-stop(0.50, #666666));
	background: -webkit-linear-gradient(top, #555555 50%, #666666 51%);
	background: -moz-linear-gradient(top, #555555 50%, #666666 51%);
	background: -o-linear-gradient(top, #555555 50%, #666666 51%);
	background: -ms-linear-gradient(top, #555555 50%, #666666 51%);
	background: linear-gradient(to bottom, #555555 50%, #666666 51%);
	padding: 8px 15px;
	border-radius: 5px;
	border: 2px solid #FFF;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow_02 {
  to {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
  }
}

@keyframes hvr-pulse-grow_02 {
  to {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}

.hvr-pulse-grow_02 {
  -webkit-animation-name: hvr-pulse-grow_02;
  animation-name: hvr-pulse-grow_02;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media screen and (max-width: 1199px) {
	.booth_map_box {
		display: flex;
		overflow-x: scroll;
		overflow-scrolling: touch;
	}
	
	.caution_scroll {
		display: inline;
	}
}


@media screen and (max-width: 979px) {
	.caution_scroll {
		display: inline;
	}
	
	/* booth_list_area */
	.booth_list_box table {
		width: 96%;
	}
	
	.booth_list_box table th {
		display: block;
		width: auto;
		padding: 10px 0;
		text-align: center;
	}
	
	.booth_list_box table td {
		display: block;
		border-right: 1px solid #009FE8;
		border-top: none;
		border-bottom: none;
		text-align: center;
	}
	
	.booth_list_box table td:last-of-type {
		text-align: left;
	}
	
	.booth_list_box table .td_blue {
		border-left: 1px solid #009FE8;
		border-bottom: 1px solid #009FE8;
		border-top: none;
		width: auto;
	}
	
	.booth_list_box table th.booth_pink {
	}
	
	.booth_list_box table td.booth_pink {
		border-right: 1px solid #E74B95;
		border-left: 1px solid #E74B95;
		border-top: none;
		border-bottom: none;
	}
	
	.booth_list_box table td.booth_pink_bg {
		border-right: 1px solid #E74B95;
		border-left: 1px solid #E74B95;
		border-top: none;
	}
	
	.booth_list_box table .td_pink {
		display: none;
	}
	
	.booth_popup_box table {
		width: 96%;
	}
	
	.booth_popup_box table th {
		display: block;
		width: auto;
		padding: 10px 0;
		text-align: center;
	}
	
	.booth_popup_box table td {
		display: block;
		border-right: 1px solid #009FE8;
		border-top: none;
		border-bottom: none;
		text-align: center;
	}
	
	.booth_popup_box table .td_blue {
		border-left: 1px solid #009FE8;
		border-bottom: 1px solid #009FE8;
		border-top: none;
		width: auto;
		text-align: left;
	}
	
	.booth_popup_box table th.booth_pink {
	}
	
	.booth_popup_box table td.booth_pink {
		border-right: 1px solid #E74B95;
		border-left: 1px solid #E74B95;
		border-top: none;
		border-bottom: none;
	}
	
	.booth_popup_box table td.booth_pink_bg  {
		border-right: 1px solid #E74B95;
		border-left: 1px solid #E74B95;
		border-top: none;
	}
	
	.booth_popup_box table .td_pink {
		display: none;
	}
	
	.booth_popup_box table .td_close {
		width: auto;
	}
}

@media screen and (max-width: 639px) {
	/*=======================================================
		booth_area
	=======================================================*/
	
}