@charset "utf-8";

/* ホテルPOP */
#popCover {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:#000;
	opacity:0.2;
}
.detail_map .areaBtn {
	cursor:pointer;
}
.detail_map .areaPop{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#FFF;
	width:200px;
	text-align:center;
	padding:20px 10px;
	box-shadow:0px 0px 10px #999;
}
.detail_map .areaPop > strong {
	display:block;
	padding-top:10px;
}
.detail_map .areaPop > span {
	display:block;
	font-size:14px;
}
.detail_map .areaPop > a {
	display:inline-block;
	margin:3px 0;
}
.detail_map .areaPop > span.areaClose {
	display:inline-block;
	cursor:pointer;
	position:absolute;
	top:-15px;
	right:-15px;
}
.detail_map .areaPop > span.areaClose > img {
	width:30px;
}


/* 開催予定のライブ */
.detail_liveList {
}
.detail_liveList > ul {
	font-size:90%;
	background-color:#F6F6F6;
	border-top:1px solid #CCC;
}
.detail_liveList > ul > li {
	list-style:none;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(../img/list_arrow.png) center right 5px no-repeat;
	background-size:9px 14px;
}
.detail_liveList > ul > li > a {
	display:block;
	padding:10px;
}

/* 会場情報 */
#detail_hall ul {
	list-style:none;
}
#detail_hall ul > li {
	display:inline-block;
	border:1px solid #1752AD;
	border-radius:5px;
	background:linear-gradient(#FFF 80%, #DDD 100%);
	margin-right:10px;
}
#detail_hall ul > li > a {
	display:block;
	padding:7px 15px;
}