@charset utf-8;

#wrap #container #content { width: 728px; float: left; }

#wrap #container #side { width: 300px; float: right; }

/* CAROUSEL */
#carouselWrap { margin: 0 0 5px; width: 1060px; height: 300px; position: relative; overflow: hidden; }

/* for Orbit */
#carouselInner { width: 1060px; height: 300px; overflow: hidden; }
#carouselInner > img, #carouselInner > div, #carouselInner > a { display: none; }

div.orbit-wrapper, div.orbit { width:1px; height:1px; position:relative; }
div.orbit-wrapper { float:left; }
div.orbit { overflow:hidden;}

div.orbit > img, div.orbit > a, .orbit > div { position:absolute; top:0; left:0; display:none; }
div.orbit > a { line-height:0; background:#FFF; }
.orbit > div { width:100%; height:100%; display:block; }
.timer { display:none; }

div.slider-nav { display:block; }
div.slider-nav span { margin-top:-11px; text-indent:-9999px; width:22px; height:22px; overflow:hidden; background:url(https://www.livefans.jp/js/cursor.png) no-repeat; position:absolute; top:50%; cursor:pointer; z-index:1000; }
div.slider-nav span.right { background-position:-22px 0; right:3px; }
div.slider-nav span.left { background-position:0 0; left:3px; }

.orbit-bullets { position:absolute; right:5px; bottom:10px; z-index:1500; }
.orbit-bullets li { margin-right:5px; text-indent:-9999px; color:#BBB; width:11px; height:11px; float:left; background:#BBB; border:2px solid #BBB; overflow:hidden; cursor:pointer; }
.orbit-bullets li.active { color:#FFF; background:#FFF; }
/* for Orbit */

#carouselWrap h5 { position:absolute; top:0; right:15px; z-index:2000; }
/* CAROUSEL */


ul.homeTab { width:470px; }
ul.homeTab li { width:146px; }
ul.homeTab li a { width:146px; }


/* ICON */
span.icon { margin:0 2px 2px 0; float:left; }

span.edit a { background-position:0 -90px; }
span.edited a { background-position:0 -110px; }

span.clip a { background-position:-20px -90px; }
span.cliped a { background-position:-20px -110px; }

span.live a { background-position:-40px -90px; }
span.lived a { background-position:-40px -110px; }

span.repo a { background-position:-60px -90px; }
span.repoed a { background-position:-60px -110px; }

span.foot a { background-position:-80px -90px; }
span.footed a { background-position:-80px -110px; }

span.ticon { margin:0 5px 5px 0; width:auto; height:20px; float:left; }
span.nomicon { padding-top:0; margin:0 15px 0px 0; width:auto; height:20px; float:left; }

span.schedule a { width:60px; }
span.list a, span.liverepo a, span.review a, span.myreview a, span.artists a { width:85px; }

.icons { margin:0 0 0 130px; width:auto; float:none; }
.icons span.icon, .icons span.icon a { width:20px; height:20px; }
/* ICON */

.midBox h3, .midBox p, .midBox p .address { margin:0 0 3px; }
.midBox .icons { position:static; right:inherit; top:inherit; width:310px; }

.whiteBack { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.midBox.column { border-bottom:1px solid #CCC; }
.midBox h3.columnName { margin-bottom:6px; width:250px; margin:0 0 0 0; font-size:120%;}
.midBox p.digest { font-size:90%; line-height:1.25; font-weight:bold; text-align:left; width:250px; margin:0 0 0 0;}
.midBox p.goMore { font-size:100%; clear:none; margin-bottom:0; text-align:right; width:250px; margin:0 0 0 0;} .midBox p.goMore a:hover { color:#FF8C00; }
.midBox p.update { font-size:85%; line-height:1.25; font-weight:normal; text-align:left; width:250px; margin-bottom:5px; margin-top:20px; } .midBox p.update span { color:#FF8C00; }

#homeList { margin:0 0 15px; }
#homeList2 { margin:0 0 15px; }

#homeList .midBox a.listImage { margin-right: 1em; }
#homeList .midBox h3, #homeList .midBox p, #homeList .midBox p .address { width: auto; float: none; }
#homeList .midBox p.date { margin-bottom: 3px; }
#homeList .midBox p .address { font-size:93%; margin-left: 3px; }
#homeList .midBox p.attribute, #homeList .midBox .icons + .icons { width: 445px; float: right; }

#wrap #side p.theme { margin: -6px 0px 10px 0px; padding: 3px 0px  0px 2px; font-size: 160%; line-height: 1.25; text-align: left; font-weight: bold; }

#wrap #side p.description { margin: -6px 0px 10px 0px; line-height: 1.25; text-align: left; color: #878787; font-weight: normal; }

#wrap #side div.miniBox a + dl { margin: 0; width: 120px; float: right; }
#wrap #side div.miniBox dl + .icons { margin:8px 0 0; width:100px; }
#wrap #side div.miniBox dl + .icons .icon { margin:0 5px 0 0; }
#wrap #side div.miniBox .icons + .icons { clear:left; margin:0; padding-top:5px; width:70px; }
#wrap #side div.miniBox .icons span.pia a { width:70px; }
#wrap #side h4.pickup {font-size:118%;}
#wrap #side div.miniBox {border-top:1px dotted #b3b3b3; }
#wrap #side div.miniBox.artistBox { margin-bottom: -3px;}
#wrap #side div.miniBox.artistBox { border-top:1px solid #b3b3b3; }
#wrap #side div.miniBox.artistBox dl a { color: #555; text-decoration: underline;} 
#wrap #side div.miniBox.artistBox dl a:hover { color:#FF8C00; }
#wrap #side div.miniBox.eventBox  dl {font-size:90%;}
#wrap #side div.miniBox.eventBox  dd {font-weight: normal;}
#wrap #side div.miniBox.eventBox  {font-weight: normal;}
#wrap #side div.miniBox.eventBox  dl { margin: -3px 0px 0px 0px;}
#wrap #side dd a { color: #555; }
#wrap #side dd a:hover { color: #FF8C00; }
#wrap #side div.userBox ul li a { text-decoration:underline; }
#wrap #side div.userBox ul li span.point { font-size:130%; font-weight: bold; }


/* special */
.specialBox { margin:0 -20px 0 0; width:500px; overflow:hidden; }
.specialBox dl { margin:0 20px 10px 0; width:480px; float:left; }
.specialBox dl dt { margin:0 0 3px; }
.specialBox dl dt a:hover img { opacity:0.7; }
.specialBox dl dd { font-size:100%; font-weight:bold; line-height:1.25; text-align:left; color:#FF8C00; }
.specialBox dl dd a { display:block; margin:0 0 3px; font-size:116%; color:#555; } .specialBox dl dd a:hover { color:#FF8C00; }

/* column */
.columnBlock { margin: 0 -20px 10px 0; width:480px; overflow:hidden; }
.columnBlock dl { margin:0 20px 20px 0; width:230px; float:left; }
.columnBlock dl dt { margin-bottom:3px; padding:0 0 5px 5px; font-size:116%; line-height:1.25; border-left-width:7px; border-left-style:solid; }
.columnBlock dl dd a:hover img { opacity:0.7; }
.columnBlock dl dt.tomisawa { border-left-color:#F5B049; }
.columnBlock dl dt.johnb { border-left-color:#0068B4; }

/* news report */
ul.newsList { margin:0 0 15px; }
ul.newsList li { margin:0 0 5px; padding:0 0 5px 80px; font-size:93%; line-height:1.25; color:#FF8C00; width:auto; position:relative; border-bottom:1px dashed #FF8C00; }
ul.newsList li a { color:#555; } ul.newsList li a:hover { color:#FF8C00; }
ul.newsList li span { position:absolute; top:0; left:0; }

/* Reset Social */
#wrap #side #social { border:1px solid #FF8C00; }
#wrap #side #social p { text-align:left; }
#wrap #side #social .twtr-bd { padding-bottom:10px; }
#wrap #side #social .twtr-ft { display:none; }
#wrap #side #social .twtr-widget h4 { border-bottom:none; }
#wrap #side #social .twtr-tweet-text p { background:none; }
#wrap #side #social iframe.FB_SERVER_IFRAME { margin:0 0 15px; }
/* Reset Social */

.aim_counter {
	width:1px;
	height:1px;
}

/* livefansPushSlider */
#livefansPushSlider{ position: relative; margin-top: 1em; }
#livefansPushSlider ul{}
#livefansPushSlider .sliderSet{
	position: relative;
}
#livefansPushSlider .sliderSet a{
	display: block;
}
#livefansPushSlider .sliderSet a:hover{
	opacity: 0.6;
}
#livefansPushSlider .sliderSet a:hover img{
	opacity: 1;
}
#livefansPushSlider .textBox{
	position: absolute;
	left: 0;
	top: 30px;
	height: 245px;
	width: 240px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #333;
	padding: 2em 1em;
	color: #fff;
}
#livefansPushSlider .textBox .artistname{
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	overflow: hidden;
	position: relative;
	height: 43px;
}
#livefansPushSlider .textBox .artistname:before, #livefansPushSlider .textBox .artistname:after {
	background: #333;
	position: absolute;
	padding: 0 2px;
}
#livefansPushSlider .textBox .artistname:before {
	content: "...";
	top: 23px;
	right: 0;
	font-size: 10px;
}
#livefansPushSlider .textBox .artistname:after {
	content: "";
	height: 100%;
	width: 100%;
}
#livefansPushSlider .textBox .desc{
	color: #efefef;
	overflow: hidden;
	position: relative;
	height: 145px;
	line-height: 1.5;
	font-size: 14px;
}
#livefansPushSlider .textBox .desc:before, #livefansPushSlider .textBox .desc:after {
	background: #333;
	position: absolute;
	font-size: 10px;
	padding: 6px 4px;
}
#livefansPushSlider .textBox .desc:before {
	content: "...";
	top: 125px;
	right: 0;
}
#livefansPushSlider .textBox .desc:after {
	content: "";
	height: 100%;
	width: 100%;
}
#livefansPushSlider .sliderImage{
	text-align: right;
	padding-left: 218px;
}
#livefansPushSlider #dots{
	width: 510px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#livefansPushSlider #arrows{}
#livefansPushSlider #arrows button:hover{ opacity: 0.6; }
#livefansPushSlider #arrows .slick-next,
#livefansPushSlider #arrows .slick-prev{
	width: 24px;
	height: 43px;
	position: absolute;
	bottom: 3px;
	left: 235px;
	font-size: 10px;
	overflow: hidden;
	text-indent: 100%;
}
#livefansPushSlider #arrows .slick-next{
	left: inherit;
	right: 8px;
}
#livefansPushSlider #arrows .slick-next::after,
#livefansPushSlider #arrows .slick-prev::after{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-top: 2px solid #efefef;
	border-right: 2px solid #efefef;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#livefansPushSlider #arrows .slick-prev::after{
	-webkit-transform: rotate(224deg);
	transform: rotate(224deg);
	margin-left: 4px;
}
#livefansPushSlider #arrows .slick-next::after{
	left: inherit;
	right: 14px;
}

#livefansPushSlider #arrows button{
	border: none;
	background-color: transparent;
	outline: none;
	color: transparent;
}
#livefansPushSlider #dots{
	text-align: center;
	padding: 8px 0;
	background-color: rgba(0,0,0,0.15);
}
#livefansPushSlider #dots li{
	display: inline-block;
}
#livefansPushSlider #dots li.slick-active button{
	background-color: #FF8C00;
}
#livefansPushSlider #dots li button{
	border-radius: 50px;
	border:none;
	background-color: #ccc;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	outline: none;
	font-size: 10px;
	color: transparent;
}