@charset "utf-8";
body { word-wrap:break-word; }
.side,.main{
	min-height:100vh;
}
.wrapper{
	position:relative;	
	background:#0c0c0c;
}
.contents{
	width:1000px;
	position:relative;
	font-size:0;
	margin:0 auto;
}
.side,.main{
	font-size:14px;
}
.side{
	display:inline-block;
	width:350px;
	vertical-align:top;
	position:relative;
}
.side .fixed{
	width:350px;
	z-index:100;
	position:fixed;
}
.side #sticky{
	width:350px;
	z-index:100;
	position:absolute;
}
.side .logo {
	text-align:center;
	margin:20px 0;
	cursor:pointer;

}
.side .calendar {
	margin:20px 0;
	position:relative;
}

.sp_calendar_close,
.sp_calendar_title{
display:none;
}


.side .calendar .tip{
	position:absolute;
	background: url("../images/tip_bg.png")  ;
	padding:15px;
	color:#fff;
	z-index:100;
	min-width:150px;
}
.side .calendar .tip .sankaku{
	position:absolute;
	top:5px;
	left:-9px;
}
.ui-datepicker{
	margin:0 auto;
	width:280px; 
	color:#fff;
}
.ui-datepicker .ui-datepicker-header{
	position:relative;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
	display:inline-block;
	position:absolute;
	width:9px;
	height:14px;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
	background:url(../images/sankaku_prev.png) 0 0 no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
	right:0;
	background:url(../images/sankaku_next.png) 0 0 no-repeat;
}
.ui-datepicker .ui-icon{
 	display:none;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-title span{
	color:#fff;
	text-align:center;
}
.ui-datepicker table{
	/* width:100%; */
	border-collapse:collapse;

}

.ui-datepicker thead th span{
	color:#fff;
}
.ui-datepicker .ui-datepicker-today {
	background:#fef193;
}
.ui-datepicker td {
	width:40px;
	height:40px;
	background:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
.ui-datepicker td a{
	text-align:center;
	display:inline-block;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.ui-datepicker *{
	color:#000;
}
.ui-datepicker .dots{
	display:inline-block;
	width:100%;
	line-height:7px;
	text-align:left;
	vertical-align:top;
	padding: 0 0 5px 3px;
}
.ui-datepicker .dot{
	display:inline-block;
	width:5px;
	height:5px;
	background:#d61f5c;
	margin:0 3px 0 3px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}


.mCSB_scrollTools {
opacity: 1 !important;
filter: "alpha(opacity=100)" !important;
-ms-filter: "alpha(opacity=100)" !important;
}
.mCSB_container{
margin-right:0px !important;
}

.mCSB_dragger_bar:hover,
.mCSB_dragger_bar{
background-color:#d61f5c !important;
}

.side .artist img {
	margin-left:48px;
}
.side .artist ul {
	text-align:center;
	min-height:150px;
	overflow-y:auto;

}
.side .artist ul li{
	display:inline-block;
	height:30px;
	line-height:30px;
	width:280px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	font-weight:bold;
	margin:0 auto 5px auto;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	background:#fff;
}
.side .artist li.on{
	background:#d61f5c;
	color:#fff;
}
.btn{
	text-align:center;
	margin-top:15px;
	cursor:pointer;
	display:none;
}
.main{
	display:inline-block;
	width:650px;
	vertical-align:top;
	position:relative;
	background:url("../images/bg.png") 0 0 repeat-y;	
}
.main .date span{
	font-weight:bold;
	font-size:1.5em;
}
.main .date{
	font-weight:bold;
	font-size:1em;
	margin:7px 0;
	display:none;
}
.main .item{
	background:#fff;
	margin-bottom:10px;
	position:relative;
	display:none;
}
.main>.inner{
	padding-bottom:180px;
}
.main .item .left{
	font-size:0px;
	width:390px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
}

.main .item .right{
	width:170px;

}

.main .item>div{
	font-size:0px;
}
.main .item .left .time{
	display:inline-block;
	width:40%;
}
.main .item .left .artist{
	display:inline-block;
	width:60%;
	text-align:right;
}
.main .item .title{
	color:#d61f5c;
	font-weight:bold;
	font-size:18px;
}
.main .item .link a{
	color:#d61f5c;
}
.main .item .right{
	display:inline-block;
}
.main .item .left img{
	max-width: 300px;
}
.main .item .right img{
	max-width: 170px;
}
.main .nav {
	font-size:0px;
}
.main .nav img{
	cursor:pointer;
}
.main .nav .nav_l {
	display:inline-block;
	width:50%;
}
.main .nav .nav_r {
	display:inline-block;
	width:50%;
	text-align:right;
}
.inner{
	padding:20px;
	position:relative;
}
.relative{
	position:relative;	
}
.sp_header{
	padding:2% 0 2% 2%;
	position:fixed;
	width:98%;
	top:0;
	left:0;
	z-index:100;
	background:#0c0c0c;
}
.sp_header .logo{
	vertical-align:middle;
	cursor:pointer;
}


.sp_header .sp_calendar_open{

	position:absolute;
	top:2.5vw;
	left:61vw;
	height:5vw;
	cursor:pointer;
}


.sp_header .sp_artist_open{

	position:absolute;
	top:2.5vw;
	left:78vw;
	height:5vw;
	cursor:pointer;
}




.sp_artist_close{
	position:absolute;
	top:2.5vw;
	left:79.7vw;
	height:5vw;
	z-index:300;
	cursor:pointer;

}



.sp_calendar_close{
	position:absolute;
	top:2.5vw;
	left:79.7vw;
	height:5vw;
	z-index:300;
	cursor:pointer;

}
	

.sp_artist{
	display:none;
	position:fixed;
	top:0;left:0;
	background:#0c0c0c;
	height:100%;
	width:100%;
	z-index:200;
	text-align:center;
	color:#fff;
	overflow-y:auto;
}

.sp_artist .inner{
position:static;
padding-top:40px;
}




.sp_artist_title,
.sp_calendar_title{
	height:8vw;
}
.sp_artist ul {
	margin-top:2%;
	border-top:1px dotted #fff;
}
.sp_artist ul li{
	border-bottom:1px dotted #fff;
	padding: 1.25% 0;
	font-weight:bold;
	list-style-type:none;
}

.sp_artist ul li.on{
	background:rgba(214,31,92,0.7);
}
.pc_bottom{
	width:650px;
	height:143px;
	position:fixed;
	bottom:0;
	z-index:100;
	background:url(../images/gra.png);
}
.pc_bottom .copy{
	width:100%;
	position:absolute;
	bottom:0;
	color:#fff !important;
	text-align:center;
}
.nodata{
	display:none;
	text-align:center;
	margin:20px 0;
	color:#000;
	background: #fff;
	padding: 70px 10px;
	font-size: 1em;
}
.small {
	color: #666;
	font-size: 12px;
	padding-top: 10px;
}
div.time {
	font-weight: bold;
	font-size: 23px;
}
@media all  and (max-width: 736px) {
	html,body,.wrapper,.contents,.side,.main{
		height:auto;
	}
	
	.wrapper{
		padding-top:10%;
	}
	
	/* side */
	
	.side{
		background-color:#0c0c0c;
		width:100vw !important;
		height:100vh !important;
		position:fixed !important;
		top:0;
		left:0;
		z-index:300;
		display:none;

	}

	#sticky{
	
		width:100vw !important;
		height:100vh !important;
		position:static !important;

		
	}
	
	#sticky .logo,
	#sticky .artist,
	#sticky .btn{
		display:none !important;
	}

	.side .calendar{
		margin-top:40px;
		height:100vh;
		position:static;
		width:100vw;

	}
	

	.sp_calendar_close,
	.sp_calendar_title{
	display:inline;
	}

	.sp_calendar_title{
		margin-bottom:10px;
	}

	.main{
		min-height:100vh;
		background-size:100% auto;
		background-attachment:fixed;
	}
	.contents, 
	.main{
		width:100% !important;
	}
	.main{
		overflow-y:visible;
	}
	.main .inner{
		padding:16px;
	}
	.main{
		padding-bottom:100px;
	}
	.main .date{
		font-size:150%;
		text-align:center;
	}
	.main .item .left{
		width: 94%;
		padding: 3%;
	}
	.main .item .right {
		width: 94%;
		padding: 3%;
		text-align:center;
		vertical-align:top;
	}
	.main .item .right img{
		width:100%;
	}		
	.bottom{
		width:100%;
		font-size:0px;
		position:fixed;
		bottom:0;
		z-index:100;
	}
	.bottom .bg{
		z-index:101;
		width:100%;
		min-width:100%;
	}
	.bottom .prev,
	.bottom .next,
	.bottom .btn{
		position:absolute;
		z-index:102;
		width:10%;
	}
	.bottom .btn{
		left:50%;
		margin-left:-9%;
		top:10%;
		display:none;
		padding:0 4%;
	}
	.bottom .prev{
		left:2%;
		top:45%;
		padding:2%;
	}
	.bottom .next{
		right:2%;
		top:45%;
		padding:2%;
	}
	.main .item .right img,
	.main .item .left img {
		max-width: 100%;
	}
	.main .date span{
		font-size:1.25em;
	}
	.main .item .left .time,
	.main .item .left .artist {
		width: 100%;
		text-align: center;
	}


	.side .calendar .tip{

		width:100%;
	}	

	.side .calendar .tip span{

		cursor:pointer;
	}	
	
	.pc_bottom{ background: none; }
	.artist { font-size: 18px; }

}
@media all  and (max-width: 360px) {
	.main .inner{
		padding:1%;
	}
}