@charset "Shift_JIS";

#header-menu ul li.home{background: #f06;}
#header-menu ul li.home a{ cursor: default; pointer-events: none;}

#link_web_reserve { margin: 15px auto 25px;}/* 35px */
#link_web_reserve .etc-navi ul li a{ background: #222; color: #fff;}
#link_web_reserve .etc-navi ul li a:hover { background: #fff; color: #000;}

/* for top */
.idol-listFrame-img {display: none;}
.idol-listSpec {width: 100%;}

#link_schedule a.txt-link:after {content: '\f0c1' !important;}
#area-navi a.txt-link:after {content: '\f0c1' !important;}
.attention_info .info-box .area {display: none;}

.bn_special {
	margin: 0.5em auto;
	width: calc(100% - 20px);
	text-align:center;
}
.bn_special img {}
.bn_special img:hover {opacity: 0.8;}

.etc-navi.single {
	width: 100% !important;
	margin: 0 !important;
}
ul.cell1 {padding:10px !important;}
ul.cell1 li {box-sizing: border-box !important;}

#container {clear: both;}
ul#sort {}
#sort li {
	width: calc(11%);
	list-style:none !important;
	float:left;
	margin-top: 5px !important;
	padding: 1px 0.8em !important;
	color: #000;
	font-weight:bold;
	font-size: 1.2em;
	text-align:center;
	line-height:1.3;
}

#sort li:hover,
#sort li.select {
	color: #fff !important;
	padding: 1px 0.8em !important;
	cursor: pointer !important;
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	background: #FF0066 !important;
	background: -moz-linear-gradient(
		top,
		#787f72 0%,
		#555a51);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#787f72),
		to(#555a51));
}

.break {clear: both;}
.modal-open {
	cursor: pointer;
	background: #f06;
	color: #fff;
}
.modal-open:hover {
	background: #fff !important;
	color: #f06 !important;
}
.nobody {pointer-events:none;color:#ffcedd !important;}



/* /////////////////////////////////////////////////////// */
/* PCサイズのみ */
@media screen and (min-width:768px) {
/* ************************************* */
div.idolSche-accordion > ul > li > ul > li > ul { display: block;}

p.idol-eventCategory.online {background: #01D773;}
p.idol-eventCategory.sub {background: #f36;}
p.idol-eventCategory.ams {background: #0af;}
p.idol-eventCategory.nnb {background: #f63;}

.place, .pc-hidden {display: none;}

.modal-main {
	display: none;
	width: 350px;
	height: 350px;
	margin: 0;
	padding: 3em;
	position:fixed;
	z-index: 99;
	background-color: #ff9bb9;
	border-radius: 2em;
}
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 98;
}
/* ************************************* */
}
/* /////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////// */
/* SPサイズのみ */
@media screen and (max-width: 767px) {
/* ************************************* */
div.idolSche-accordion > ul > li > ul > li > ul { display: block;}

.idolEvent-box ul li {display: none;}
.idolEvent-box ul li:nth-child(1), .idolEvent-box ul li:nth-child(2) {display: inline !important;}
/*.idolEvent-box ul li:nth-child(2), .idolEvent-box ul li:nth-child(3) {display: inline !important;}*/
.idol-listName { font-size: 14px !important;}

.idolEvent-box {
 border: none;
 border-bottom: 1px solid #999;
 margin: 0 1em 0.5em !important;
 padding: 0.1em 0.3em 0.3em 0.3em;
}
.box-title {display: none !important;}

p.idol-eventCategory {
 background-color: #fff;
 color: #666;
 margin-bottom: 0;
 line-height: 1em !important;
}

.idol-main p {font-size: 12px !important;line-height: 1.2em;}
ul.idol-eventInfo {padding-top: 4px;}

.place {font-weight: bold;color: #222;display: block;}
.sub {color: #06f;}
.ams {color: #f36;}
.nnb {color: #f63;}

.online {color: #01D773;}
.r18 {color: #fff !important;}

.modal-main {
	display: none;
	z-index: 99;
	width: 90%;
	height: 300px;
	margin: 0;
	padding: 2em 0 2em 3px;
	position:fixed;
	background-color: #ff9bb9;
	border-radius: 2em;
	font-size:4vmin;
}

#modal-bg {
	display:none;
	width:100%;
	height:130%;
	background-color:rgba(0,0,0, 0.50);
	position:fixed;
	top:0;
	left:0;
	z-index: 98;
	border-color: transparent;
}
/* ************************************* */
}
/* /////////////////////////////////////////////////////// */

