@charset utf-8;

#wrap #container p.brief { font-size:85%; font-weight:normal; text-align:right; }
#wrap #container #content h4 { clear:both;  color:#9C0; }
#wrap #container p.notice { padding: 40px 0 0; text-align:center; line-height:1.25; margin-bottom:15px; }
#wrap #container p.notice a { color:#F00; }
#wrap #container p.brief { font-size:85%; font-weight:normal; text-align:right; }

div.titleBox h1 { color:#9C0; }

.whiteBack { margin-bottom:5px; overflow:hidden; }

/* Schedule */
.fesArtistBlock { margin:0 10px; }
.fesArtistBlock a {  text-decoration:underline; color:#333; }
.fesArtistBlock a:hover { color: #9C0; text-decoration: none; }
.fesArtistBlock span a:hover { color: #FFF; }
.fesArtistBlock span.tticon { text-align:left; }

.fesArtistBlock table {margin:0 0 -1px;font-size:85%;width: 728px;border-bottom:1px solid #555;}
.fesArtistBlock table.end { margin:0; }

.fesArtistBlock table th, .fesArtistBlock table td { padding:5px; border-top:1px dashed #555; }

.fesArtistBlock table th { text-align:left; color:#FFF; border:none; }
.fesArtistBlock table th.fesDate { font-size:131%; }
.fesArtistBlock table th.fesDate + th { text-align:right; }
.fesArtistBlock table th.fesDate + th select { display:inline; margin:0; padding:0 5px; font-weight:normal; line-height:25px; height:25px; vertical-align:middle; background:#FFF; border:none; border-radius:5px; }
.fesArtistBlock table th.fesSort { font-weight:normal; text-align:right; color:#9C0; background:#FFF; }

.fesArtistBlock section div > h1 { display:none; }

.fesArtistBlock table thead tr th { background:#FFF; border:none; }
#content .fesArtistBlock table thead tr th div.stageName, 
#content .fesArtistBlock table thead tr th h1 { margin:-5px -5px 10px; font-size:131%; font-weight:bold; line-height:35px; text-align:center; color:#FFF; background:#338D27; width:100%; }

.fesArtistBlock table thead tr th span.stagedate { display:block; padding-left:6px; font-size:116%; line-height:1.5; color:#333; float:left; width:auto; border-left:7px solid #9C0; }
.fesArtistBlock table thead tr th span.stagedate2 { display:block; margin:0 -5px; padding:5px 0; font-size:116%; line-height:1.25; text-align:center; color:#9C0; width:auto; border-top:2px solid #9C0; }
.fesArtistBlock table thead tr th span.stagedate3 { display:block; margin:-10px -5px 10px; padding:0 0 8px; font-size:108%; line-height:1.25; text-align:center; color:#FFF; width:auto; background:#338D27; }
.fesArtistBlock table thead tr th span.stagedate3 + span.tticon { clear:both; }
.fesArtistBlock table tbody th { text-align:left; }
.fesArtistBlock table tbody tr th a.assortDJ { display:inline-block; padding-right:40px; padding:5px 40px 5px 0; background:url(https://www.livefans.jp/img/common/icon_dj.png?verupdate=20140605)no-repeat right 50%; }
.fesArtistBlock table tbody tr > td:first-child { width:45px; background:#EEE; text-align:center; }
.fesArtistBlock table tbody tr td.notice { padding:20px; font-size:116%; line-height:1.25; text-align:center; width:100%; background:#FFF; }
.fesArtistBlock table tbody tr td.notice a { color:#F00; text-decoration:underline; }

/* ICON */
.fesArtistBlock table td.icons { width:45px; float:none; overflow:hidden; } 
.fesArtistBlock table td.icons.even { width:126px; background:#EEE; } 
.fesArtistBlock table tr > td.icons.even:nth-child(3) { width:68px; } 
.fesArtistBlock table tr > td.icons.even:nth-child(3) span.ticon { margin:0; }

.fesArtistBlock table td.icons span.clip a { background-position:-20px -90px; }
.fesArtistBlock table td.icons span.cliped a { background-position:-20px -110px; }
.fesArtistBlock table td.icons span.golive a { background-position:-80px -90px; }
.fesArtistBlock table td.icons span.golived a { background-position:-80px -110px; }
.fesArtistBlock table td.icons span.gonelive a { background-position:-80px -90px; }
.fesArtistBlock table td.icons span.gonelived a { background-position:-80px -110px; }

.fesArtistBlock table td.icons span.icon { float:left; }
.fesArtistBlock table td.icons span.icon, .fesArtistBlock table td.icons span.icon a { margin:0; width:20px; height:20px; }
.fesArtistBlock table td.icons span.icon + span.icon { margin:0 0 0 5px; }
.fesArtistBlock table td.icons span.icon a { margin:0; }

table td.icons span.assort01, table td.icons span.assort01 a { background:#EA5520; }
table td.icons span.assort02, table td.icons span.assort02 a { background:#E85298; }
table td.icons span.assort03, table td.icons span.assort03 a { background:#B73B90; }
table td.icons span.assort04, table td.icons span.assort04 a { background:#00B9EF; }
table td.icons span.assort05, table td.icons span.assort05 a { background:#187FC4; }
table td.icons span.assort06, table td.icons span.assort06 a { background:#6356A3; }
table td.icons span.assort07, table td.icons span.assort07 a { background:#00AE9D; }
table td.icons span.assort08, table td.icons span.assort08 a { background:#338D27; }
.fesArtistBlock table td.icons span.ticon, .fesArtistBlock table td.icons span.ticon a { margin:0 auto; width:68px; text-decoration:none; }

.fesArtistBlock table td.icons span.review, .fesArtistBlock table td.icons span.review a { width:54px; float: right;}
.fesArtistBlock table td.icons span.myreview { width:54px; height:20px; float: right;}
.fesArtistBlock table td.icons span.myreview a { width:50px; height:16px; float: right;}

.fesArtistBlock table td.icons span.ticon + span.ticon { margin-left:4px; }
.fesArtistBlock table td.icons span.ticon a:hover { color:#FFF; }
.fesArtistBlock table td.icons span.myreview a:hover { color:#6A3906; }
.fesArtistBlock table td.icons span.prof { background:#DBDBDB; }
/* ICON */
/* Schedule */


/* Special Column */
.specialBlock > h1 { color:#9C0; }

/* LiveRepo */
.repoBlock > h1 { color:#9C0; }

/* Amazon */
.amazonBlock > h1 { color:#9C0; }

/* attribute */
.dataBlock p.attribute {
    background-image: url(../../img/common/icon_review.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
    padding-left: 18px;
    color: #555;
    font-size: small;
    padding-top: 2px;
}
span.ticon:hover a, span.tticon:hover a { color: #fff !important; }

/*---------------------------------------------
topimage
----------------------------------------------*/
.topimage{
	height: auto;
	background: url(../../img/common/topimage.png) no-repeat;
	background-size: cover;
	margin-bottom: 16px;
}
.topimageInner{
	width: 970px;
	padding: 32px 0;
	margin: 0 auto;
}
.topimageInner .h1Title {
	color: #fff;
	padding-left: 15px;
}
.topimageInner .subTitle {
	font-size: 24px;
	margin-bottom: 8px;
	color: #fff;
}
.topimageInner p {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}
.topimageInner h1 img{
	vertical-align: middle;
	margin-right: 8px;
}

/*---------------------------------------------
nav
----------------------------------------------*/
nav{
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(100,100,100,0.3);
	box-shadow: 0 0 5px 0 rgba(100,100,100,0.3);
}
nav ul{
	width: 970px;
	margin: 0 auto;
	display: table;
	border-spacing: 8px 0;
}
nav li{
	display: table-cell;
	font-size: 14px;
	text-align: center;
}
nav li a{
	display: block;
	padding: 16px 16px 8px;
	border-bottom: 8px solid #fff;
}
nav li a:hover, nav li.active a{
	color: #ff8c00;
	border-bottom: 8px solid #ffb419;
}
nav label{
	height: 15px;
	float: left;
	border-radius: 4px 0 0 4px;
	background-color: #eee;
	border: 1px solid #bbb;
	border-right: none;
	padding: 8px;
	line-height: 1;
	margin-right: -11px;
}
nav select{
	padding: 4px 8px;
	line-height: 1;
}

/*---------------------------------------------
Column
----------------------------------------------*/
/* icon */
[class^="icon-"], [class*=" icon-"] { display: inline-block; border-radius: 2px; padding: 4px; font-size: 10px; font-style: normal; color: #fff !important; margin-right: 5px; }

/* grayTheme */
.grayTheme { margin-bottom: 25px; }

.grayTheme .dataBlock { border: 1px solid #ccc; border-radius: 8px; padding: 1em; }

.grayTheme .dataBlock:after { content: ""; display: block; clear: both; }

.grayTheme .dataBlock .head { min-height: 7.5em; position: relative; padding: .5em 190px .5em .5em; border-bottom: 1px solid #ccc; margin-bottom: 1em; }

.grayTheme .dataBlock .head .liveName { font-size: 153.9%; margin-left: 0; margin-bottom: .3em; }

.grayTheme .dataBlock .head .subName { margin-left: 0; }

.grayTheme .dataBlock .head .button { position: absolute; right: 0; top: 0; text-align: center; }

.grayTheme .dataBlock .head .button a { display: inline-block !important; margin-bottom: 4px !important; box-sizing: border-box; }

.grayTheme .dataBlock .head p#textOnline { background: #e91e62; text-align: center; padding: 5px; color: white; font-weight: bold; cursor: default; border-radius: 3px; font-size: 10px; }

.grayTheme .dataBlock .dataList li { display: inline-block; color: #888; margin-bottom: .5em; margin-right: 1em; }

.grayTheme .dataBlock .dataList li i { color: #f80 !important; font-size: 14px; margin-right: 0; }

.grayTheme .dataBlock .dataList .attribute { margin-left: 0; font-weight: normal; }

.grayTheme .dataBlock .dataList .genres { position: static; padding: 0; margin-left: 0; float: none; overflow: visible; }

.grayTheme .dataBlock .dataList .genres span { display: inline-block; overflow: visible; font-size: 100%; float: none; vertical-align: middle; color: #888 !important; margin: 0; }

.grayTheme .dataBlock .profile { width: 435px; float: right; padding-bottom: 80px; }

.grayTheme .dataBlock .profile > p { line-height: 1.5; margin: 0 0 .5em; }

.grayTheme .dataBlock .profile .liveName { margin-bottom: 0; font-weight: bold; font-size: 108%; }

.grayTheme .dataBlock .profile .date { margin-bottom: .3em; }

.grayTheme .dataBlock dl.drillLink, .grayTheme .dataBlock dl.eggsLink { bottom: 72px; }

.grayTheme .dataBlock .shareLink { position: absolute; right: 1em; bottom: 16px; }

.grayTheme .dataBlock .shareLink li { width: 105px; display: inline-block; vertical-align: middle; }

.grayTheme .dataBlock .shareLink li a { display: block; background-color: #1da1f2; border-radius: 4px; padding: 8px; font-size: 11px; color: #fff; }

.grayTheme .dataBlock .shareLink li a svg { vertical-align: middle; }

.grayTheme .dataBlock .shareLink li a:hover { opacity: 0.7; }

.grayTheme .dataBlock .shareLink li.twitter.x a { background-color: #000; }

.grayTheme .dataBlock .shareLink li.facebook a { background-color: #3b579d; }

.grayTheme .dataBlock .shareLink li.line a { background-color: #00b900; }

.grayTheme .dataBlock .shareLink li.hatena a { background-color: #00a4de; }

.grayTheme .dataBlock::after { content: ""; display: block; clear: both; }
.grayTheme .dataBlock > dl { width: 250px; float: left; }
.grayTheme .dataBlock > dl dt img { max-width: 100%; height: auto; vertical-align: bottom; }
.grayTheme .dataBlock .officialLink { text-align: right; }
.grayTheme .dataBlock .officialLink a { display: inline-block; line-height: 2.5; padding: 0 1em; background-color: #888; border-radius: 4px; color: #fff; }
.grayTheme .dataBlock .officialLink a:hover { opacity: 0.6; }
.grayTheme .dataBlock p.tticons { width: auto; overflow: hidden; position: absolute; right: 1em; bottom: 76px; }
.grayTheme .dataBlock p.brief { margin: 0; position: absolute; right: 1em; bottom: 54px; }


.grayTheme .dataBlock .head .buttonBlock { position: relative; }
.grayTheme .dataBlock .head .buttonBlock .userlist { display: inline-block; vertical-align: top; font-size: 1.5rem; margin: 0 5px; }
.grayTheme .dataBlock .head .buttonBlock .userlist span { font-weight: normal; font-size: .8rem; }
.grayTheme .dataBlock .head .buttonBlock .userlist .subTtl { display: block; color: #888; }


/* subContents */
#subContents { padding: 1em; margin-bottom: 4em; border-radius: 8px; border: 8px solid #eee; box-sizing: border-box; }

/* Data */
.dataBlock { margin: 0 0 25px; padding: 10px 10px 140px 10px; width: auto; border-bottom: 1px solid #CCC; overflow: hidden; position: relative; }

/* float */
.left{
	width: 46%;
	float: left;
	position: relative;
	margin-bottom: 16px;
}
.right{
	width: 51%;
	float: right;
	margin-bottom: 16px;
}
.center{
	clear: both;
}
/* col */
#content a:hover img { opacity: 0.8; }

#content h1 { line-height: 1.2; font-size: 153.9%; font-weight: bold; color: #000; margin: 0 0 8px; width: 370px;}

/* tticon */
#content p.tticons{
	font-size: 11px;
	margin-bottom: 0;
}
/* caption */
.caption{
	font-size: 11px;
	color: #888;
	margin: 8px 0;
}
/* thumb */
#content dl dt img.ribbonFes{
	position: absolute;
}
#content .mainimg img:last-child{
	width: 100%;
}
#content .mainimg{
	position: relative;
	margin-bottom:8px;
}
#content .officialImg {
	width: 100%;
	position: relative;
	margin-bottom:8px;
}

/* review */
#content p.attribute {
    background-image: url(../../img/common/icon_review.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
}
#content .genres{
	width: auto;
	float: none;
}
#content .memo{
	color: #888;
	margin: 16px 0 0;
	line-height: 1.5;
	clear: both;
}
.ticketBlock{
	margin: 0;
	border: none;
	padding: 0 0 30px;
}
.ticketBlock tr th{
	background-color: transparent;
	text-align: center;
	color: #888;
	font-weight: normal;
}
.ticketBlock table td{
	border-top: 1px dotted #888;
}
.ticketBlock table{
	border-bottom: 1px dotted #888;
	border-top: 1px dotted #888;
}
.ticketBlock tr td:nth-child(odd){
	background-color: transparent;
}
.ticketBlock tr td:last-child,
.ticketBlock tr th:nth-child(even),
.ticketBlock tr td:nth-child(even){
	background-color: #eee;
}
.ticketBlock p.ticketNav span,
.ticketBlock p.ticketNav a{
	display: inline-block;
	background-color: #eee;
	padding: 2px 8px;
	margin: 0 5px;
	border-radius: 3px;
	cursor: pointer;
}
#content.banner{
	border: none;
	padding: 0;
	border-top: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#content h2.date{
	padding: 0; margin: 0 0 .5em;
	font-size: 14px;
	font-weight: bold;
	color: #888;
}
#content h2.date a { display: block; }

#content a#onlinePlatform { background: #e91e62; color: white; font-weight: bold; border-radius: 5px; display: inline-block; text-align: center; padding: 10px; }

#content .area{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	background-color: #ff7800;
	line-height: 1;
	vertical-align: middle;
	padding: 4px 8px;
	color: #fff;
}
.ticketBlock p.ticketNav .jp-disabled,
.ticketBlock p.ticketNav .jp-hidden{
	color: #ccc;
	cursor: default;
}
.ticketBlock p.ticketNav a:hover,
.ticketBlock p.ticketNav a.jp-current{
	background-color: #ffb721;
	color: #fff;
}
/* hx */
#content h2{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1.3;
        color: #FF8C00;
}
#content .more:after{
	content: "?";
	color: #ffac00;
	margin-left: 4px;
}
#content .more{
	text-align: right;
	font-size: 12px;
}
.bannerArea { margin: 20px 0; }

/*---------------------------------------------
slider
-----------------------------------------------*/
.pickup,
.news{
	padding: 10px 0;
	margin: 0 0 24px;
}
.news a{
	display: block;
}
.news a:hover{
	opacity: 0.8;
}
.news .title{
	font-size: 14px;
	color: #333;
}
.news .date{
	font-size: 11px;
	display: block;
	font-weight: normal;
	text-align: right;
	margin: 10px 0 0;
}

/* Carousel */
.bx-wrapper { margin:0 auto; padding:0 0 10px; max-width:728px!important; position:relative; }
.bx-wrapper .bx-loading { min-height:50px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2000; background:url(https://www.livefans.jp/img/images/setlist/bx_loader.gif) no-repeat center center; }
.bx-wrapper .bx-prev { left:0; background:url(https://www.livefans.jp/img/images/setlist/controls.png) no-repeat -20px 0; }
.bx-wrapper .bx-next { right:0; background:url(https://www.livefans.jp/img/images/setlist/controls.png) no-repeat 0 0; }
.bx-wrapper .bx-prev:hover { background-position:-60px 0; }
.bx-wrapper .bx-next:hover { background-position:-40px 0; }
.bx-wrapper .bx-controls-direction a { text-indent:-9999px; outline:0; width:20px; height:245px; position:absolute; top:0; z-index:9999; }
.bx-wrapper .bx-controls-direction a.disabled { display:none; }
/* Carousel */

.bx-wrapper{
	border: none;
}
.bx-wrapper .bx-prev{
	width: 21px;
	background: url(../../img/common/btnArrow.png) -22px 50% no-repeat ;
}
.bx-wrapper .bx-prev:hover{
	opacity: 0.8;
	background: url(../../img/common/btnArrow.png) -22px 50% no-repeat ;
}

.bx-wrapper .bx-next{
	width: 21px;
	background: url(../../img/common/btnArrow.png) 0 50% no-repeat ;
}
.bx-wrapper .bx-next:hover{
	opacity: 0.8;
	background: url(../../img/common/btnArrow.png) 0 50% no-repeat ;
}
.bx-wrapper .bx-controls-direction a{
	height: 100%;
}

.pickup{
	padding: 8px;
}
/*---------------------------------------------
map
-----------------------------------------------*/
.map { margin-bottom: 2em; width: 728px; }
.map p{ text-align: right; padding: 5px; }
.map p a{ color: #4183D6; }
/*---------------------------------------------
timetable
-----------------------------------------------*/
.fesArtistBlock{
	margin: 0 0 15px; 
}
.fesArtistBlock .titleBox p{
	text-align: right;
	margin-top: -30px;
}
.fesArtistBlock span.tticon{
	margin-bottom: 8px;
	text-align: left;
}
.fesArtistBlock span.tticon{
	margin-bottom: 8px;
}
/* icon */
.ticon.youtube,
.ticon.youtube a{ background:#eb1313; width:53px!important; }

.fesArtistBlock .fesDate,
.fesArtistBlock .fesDate + th,
.fesArtistBlock table thead th{
	background-color: #9c0;
	color: #FFF;
	border: none;
}
.fesArtistBlock > table th.fesSort{
	color: #ff8c25;
}
.fesArtistBlock table thead tr th.fesDate { cursor: pointer; }
.fesArtistBlock table thead tr th h1{
	#background-color: #ffb721;
	#color: #333;
}
.fesArtistBlock table thead tr th span.stagedate{
	border-color: #ffb721;
}
.fesArtistBlock table,
.fesArtistBlock table th, .fesArtistBlock table td{
	border-color: #ccc;
	border-bottom: 1px dashed #ccc;
}
.fesArtistBlock .subtxt{
	font-weight: normal;
	color: #bd8d3b;
}
.fesArtistBlock .fesDate{
	position: relative;
	text-align:center;
}
.fesArtistBlock .fesDate .btnClose{
	position: absolute;
	right: 10px;
	top: 4px;
}
.fesArtistBlock .fesDate .btnClose img{
	vertical-align: middle;
}
.fesArtistBlock th h2:before{
	content: "";
	width: 0; height: 0;
	background: none;
}
.fesArtistBlock th h2{
	font-size: 12px;
	margin-bottom: 0; padding: 0;
}
/*---------------------------------------------
clip & join btn
----------------------------------------------*/
#content .btnBox{
	display: table;
	width: 100%;
}
#content .btnBox li{
	display: table-cell;
	vertical-align: middle;
}
.btn-off{
	background-color: #cbcbcb;
	padding: 12px;
	border-radius: 25px;
}
.btn-shadow{
	-webkit-box-shadow: 0 2px 5px 0 rgba(100,100,100,0.3);
	box-shadow: 0 2px 5px 0 rgba(100,100,100,0.3);
}
.btn-on, a:hover .btn-off{
	background-color: #ffac00;
	padding: 12px;
	border-radius: 25px;
}
.btnBox i{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
a .fukidashi {
	color: #888;
}
/* fukidashi */
.fukidashi {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	position: relative;
	padding: 4px 15px;
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #cccccc;
	font-size: 10px;
	line-height: 1.3;
}
.fukidashi:after, .fukidashi:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 8px;
	margin-top: -8px;
}
.fukidashi:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 9px;
	margin-top: -9px;
}
.fukidashi .num{
	display: block;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align:center;
}

/*---------------------------------------------
feed
----------------------------------------------*/
.feed{
	border: 1px solid #eee;
	padding: 8px 20px;
	height: 320px;
	overflow-y: scroll;
	background: url(../../img/common/back_bar.png) 5% 100% no-repeat;
	margin-bottom: 16px;
}
.feed li{
	display: table;
	position: relative;
	padding: 0 0 10px 40px;
}
.feed .thumb,
.feed .fukidashi{
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
}
/* scrollbar */
.feed::-webkit-scrollbar {
    width: 8px;
}
 
.feed::-webkit-scrollbar-track {
	background-color: #eee;
}
 
.feed::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: #bbb;
}
/* icons */
.feed .facebook{
	background: url(../../img/common/sns.png) 0 40% no-repeat;
}
.feed .twitter{
	background: url(../../img/common/sns.png) -162px 40% no-repeat;
}
.feed .tumblr{
	background: url(../../img/common/sns.png) -80px 40% no-repeat;
}
.feed .google{
	background: url(../../img/common/sns.png) -121px 40% no-repeat;
}
.feed .insta{
	background: url(../../img/common/sns.png) -40px 40% no-repeat;
}
.feed .fukidashi{
	margin: 0 0 16px;
	text-align:left;
}
.feed .thumb{
	width: 12%;
}
.feed .name{
	width: 85%;
	color: #ffac00;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}
.feed .txt{
	clear: both;
	font-size: 12px;
}
.feed .date{
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #919191;
}
.feed .more{
	margin: 4px 0;
}
/*---------------------------------------------
lineup
----------------------------------------------*/
.lineup{
	display: flex;
	margin-bottom: 24px;
}
.lineup li{
    width: 20%;
    box-sizing: border-box;
}
.lineup .name, .lineup .date{
    margin-bottom: 0;
    font-size: 93%;
    line-height: 1.5;
}
.lineup .clips{
	display: block;
	font-size: 10px;
	color: #888;
	margin-bottom: 8px;
}
.lineup p.thumb img{
	width: 130px;
}
.lineup .name {width: 130px;padding: 2px 0;}
/* icon */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	border-radius: 2px;
	padding: 4px;
	font-size: 10px;
	font-style: normal;
	color: #fff!important;
}
a:hover [class^="icon-"], a:hover [class*=" icon-"],
a[class^="icon-"]:hover, a[class*=" icon-"]:hover{
	opacity: 0.8;
	color: #fff;
}
.icon-pia{
	background-color: #0c43cd;
}
.icon-setlist{
	background-color: #f25c09;
}
.icon-teiban{
	background-color: #eb1313;
}
.off{
	background-color: #d2d2d2;
}
/*---------------------------------------------
ticket
----------------------------------------------*/

.ticket{
	width: 100%;
	margin-bottom: 8px;
}
.caption{
	font-size: 10px;
	line-height: 1.3;
	color: #888;
}
.ticket tr{
	border-bottom: 1px dotted #ccc;
}
.ticket th, .ticket td{
	padding: 4px;
	width: 20%;
	font-size: 12px;
}
.ticket th{
	font-weight: normal;
	text-align: center;
}
.ticket th:nth-child(even), .ticket td:nth-child(even){
	background-color: #f4f4f4;
}
.pickup .ticket tr td:last-child{
	text-align: center;
}
/*---------------------------------------------
snsArea
----------------------------------------------*/
.snsArea{
	text-align: center;
	margin-bottom:24px;
}
.snsArea li{
	display: inline-block;
	color:#fff;
	font-size: 12px;
	margin: 0 4px;
}
.snsArea a{
	display: block;
	color: #fff;
	padding:0 25px 5px;
}
.snsArea a:hover{
	color:#fff;
	opacity: 0.8;
}
.snsArea img{
	display:block;
	margin:0 auto;
}
.snsArea .twitter{
	background-color: #73cbef;
}
.snsArea .facebook{
	background-color: #4f79bc;
}
.snsArea .line{
	background-color: #00c300;
}
/*---------------------------------------------
Q&A
----------------------------------------------*/
.qa{
	margin-bottom: 2em;
}
.qa ul { margin-bottom: 1em; border: 10px solid #eee; padding: 0 10px; background: #fff; border-radius: 5px; }
.qa p.goMore { margin-bottom: 0; }
.qa li{
	font-size: 14px;
	position: relative;
        line-height: 1.3; 
        border-bottom: 1px dotted #ccc; 
        background: #FFF url(../../img/common/cursor_R.png) no-repeat right 50%;
        background-size: 20px 20px; 
}
.qa li:last-child { border-bottom: none; }
.qa li a { display: block; padding: 1em 25px 1em 25px; }
.qa li:before{
	position: absolute;
        left: 2px; 
        top: 50%; 
        margin-top: -11px; 
	content: "Q.";
	font-weight: bold;
	color: #ff8c00;
}
/*---------------------------------------------
pickup
----------------------------------------------*/
.pickup{
	overflow: hidden;
	padding: 10px;
}
.pickup li{
	float: left;
	margin-right: 10px;
	margin-bottom: 16px;
	height: 240px;
}
.pickup img{
	margin-bottom: 8px;
}
.pickup .date{
	font-size: 10px;
}
.pickup .date span{
	display: inline-block;
	background-color: #ff7800;
	line-height: 1;
	vertical-align: middle;
	padding: 4px 8px;
	color: #fff;
	font-size: 10px;
	margin-bottom: 8px;
}

.pickup li:nth-child(4n) title{
	margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
}
.pickup li a{
	display: block;
}
.pickup li a:hover{
	opacity: 0.8;
}
.pickup .title{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0 0 5px;
}
.pickup img{
	width:150px;
}
/*---------------------------------------------
snsBox
----------------------------------------------*/
.snsBox{
	margin: 24px auto;
	text-align: center;
}
#wrap .snsBox .title{
	color: #333;
	display: inline-block;
	font-weight: normal;
	font-size: 14px;
}
.snsBox .title:after{
	content: url(../../img/common/img_arrow_gray.png);
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}
.snsBox ul{
	display: inline-block;
}
.snsBox li{
	list-style: none;
	display: inline-block;
	background-color: #f4f4f4;
	font-size: 12px;
	padding-right: 8px;
	margin-right: 16px;
}
.snsBox li img{
	vertical-align: middle;
	margin-right: 8px;
}
.snsBox a:hover{
	color: #888;
	opacity: 0.8;
}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.popup .btnClose{
	text-align: right;
	position: absolute;
	right: -40px;
	top: 0;
}
.popup .title{
	font-weight: bold;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #888;
}
.popup div p{
	margin-bottom: 16px;
}
.popup div p:last-child{
	margin-bottom: 0;
}
.popup div{
	background-color: #fff;
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	padding: 20px;
}
.popup .title{
	font-size: 24px;
}

/* Special */
.specialBlock { padding: 0 0 30px; }
.specialBlock .whiteBack { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.specialBlock .midBox h3, .specialBlock .midBox p {margin:0 0 6px 320px;width:auto;float:none;}
.specialBlock .midBox p { font-size:93%; line-height:1.25; font-weight:normal; text-align:left; }
.specialBlock p.goMore { clear: none; margin-bottom: 0; text-align: right; }
.specialBlock .midBox p.goMore a:hover { color: #FF8C00; }
/* Special */

p.loading { margin:0 0 5px; padding:150px 10px 150px 10px; text-align:center; }
.news p.loading { padding:70px 10px 70px 10px; }

#content p.mainimg { background:#FAFAFA; border: 1px solid #EDEDED; }

.icoPlace{
        display: block;
	color: #ff8c00!important;
}
.icoPlace:hover{
	text-decoration: underline;
}


#content h1 a { color:#878787; }
#content h1 a:hover { color: #ff8c00; }
.fesArtistBlock .feslist table { border: 1px solid #FFF; margin:0; } 
.fesArtistBlock .feslist article { margin: 0 0 25px; } 
.fesArtistBlock .feslist tbody { border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;} 
.fesArtistBlock table th.taibanDate { font-size:131%; text-align:center; background-color: #9c0; }

.livetypeBlock { margin: 0; }
.livetypeBlock #liveType { margin: 0 0px 40px; }
.bestactBlock { margin: 0 0px 40px; }

/* Modal Show Streaming Platform */
#modalStreamingPlatform { max-height: 390px; overflow: auto; }
.streamingPlatformInfo tr {border-bottom: 2px solid #ccc; }
.streamingPlatformInfo tr:last-child {border: none; }
.streamingPlatformInfo tr td { padding: 10px 5px; }
.streamingPlatformInfo tr td.streamingImage { width: 30%; max-width: 120px; padding: 0 20px; }
.streamingPlatformInfo tr td.streamingInfo h2 { font-size: 20px; font-weight: bold; }
.streamingPlatformInfo tr td.streamingInfo a { color: #00E; line-height: 25px; text-decoration: underline; }
.streamingPlatformInfo tr td img { width: 100%; }
/* Modal Show Streaming Platform */

/*<!-- Livestream IDS -->*/

.hero-container h4 {
  color: #FB6A00;
  text-align: left;
  padding-left: 2px;
  text-transform: uppercase;
  position: relative;
  /* margin: 30px 0 60px; */
}

.hero-container .streamlive-slide {
  margin: 0;
  padding: 15px;
}

.hero-container .border-full{
  padding: 15px 10px 15px 10px;
  border: 1.5px #CCCCCC solid;
  border-radius: 7px;
  background: #EEE;
  

}

.hero-container .streamlive-slide .thumb-wrapper {
  padding: 0px;
  background: rgb(255, 255, 255);
  border-radius: 6px;
  border: 1.5px #CCCCCC solid;
  text-align: left;
  position: relative;
  margin: 0px 5px 0px 5px;
  height: 269px;
}
.hero-container .streamlive-slide .img-box {
  height: 150px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; /* don't repeat */
  margin-bottom: 0;
  width: 100%;
  position: relative;
  border-radius: 6px 6px 0px 0px;

}
.hero-container .streamlive-slide .thumb-wrapper:hover{
  opacity: 0.7;
  transition: opacity .3s ease;
  cursor: pointer;
}

.hero-container .thumb-content{
 
  padding: 5px 10px 5px 8px;
}
.hero-container .streamlive-slide img {
  max-width: 100%;
  
  max-height: 100%;
  display: inline-block;
  width: 100%;

}
.hero-container .streamlive-slide h5 {
  font-size: 18px;
  height: 27px;
  color: #FF914C;
  font-weight: bold;
  padding: 10px 4px 10px 0px;
  word-wrap: break-all;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
   
   
}

.hero-container .streamlive-slide h4, 
.hero-container .streamlive-slide p {
  color: #333;
  padding-top: 10px;

}

.hero-container .streamlive-slide .item-link {
  font-size: 13px;
  margin-bottom: 5px;
  color: rgb(41, 90, 252);
  word-wrap: break-all;
  word-break: break-all;
  word-wrap: break-word;
  display: block;
}
.hero-container .streamlive-slide .item-date {
  font-size: 13px;
  line-height: 1.5;
  word-wrap: break-all;
  word-wrap: break-word;
} 

.hero-container .owl-carousel .owl-nav button.owl-prev, 
.hero-container .owl-carousel .owl-nav button.owl-next {
  height: 44px;
  width: 40px;
  background: #FF914C;
  margin: auto -5px;
  border-radius: 4px;
  opacity: 0.8;
  font-size: 32px;
  color: #fff;
  outline: none !important;
}
.hero-container .owl-carousel .owl-nav button.owl-prev:hover,
.hero-container .owl-carousel .owl-nav button.owl-next:hover {
  background: #a1b5f8;
  opacity: 1;
}

.hero-container .owl-nav {
  position: absolute;
  left: 0;
  top: 131px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 9;
}

.hero-container .bx-viewport {
  height: auto !important;
}


/*<!-- //Livestream IDS -->*/
/* Popup */

/* *, *::after, *::before {
  box-sizing: border-box;
} */

.online-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms ease-in-out;
  border: 1px solid black;
  border-radius: 10px;
  z-index: 10;
  background-color: white;
  width: 500px;
  max-width: 80%;
}

.online-modal.active {
  transform: translate(-50%, -50%) scale(1);
}

.online-modal-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid black;
}

.online-modal-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}

.online-modal-header .close-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.25rem;
  font-weight: bold;
}

.online-modal-body {
  padding: 2em;
}
.online-modal-body p {
    font-size: 1em;
    padding-bottom: 1em;
}

#online-modal-overlay {
  position: fixed;
  opacity: 0;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  pointer-events: none;
  z-index: 9;
}

#online-modal-overlay.active {
  opacity: 1;
  pointer-events: all;
}

/*<!-- POPup-->*/