@charset "utf-8";

/* DEFAULT */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }
audio,video { display:inline-block; }
audio,video { *display:inline; }
audio,video { *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:13px; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,figure,form,button,input,select,textarea,legend,p,blockquote,th,td,p { margin:0; padding:0; }
address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,dt,dd,li { font-size:100%; font-weight:normal; line-height:1.0; }
li { list-style:none; }
img { border:0; vertical-align:bottom; -ms-interpolation-mode:bicubic; }
table { border-collapse:collapse; border-spacing:0; }

a { color:#00E; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

abbr[title] { border-bottom:1px dotted; }
mark { background:#FF0; color:#000; }

pre,code,kbd,samp { font-family:monospace, serif; font-size:1em; }
pre,code,kbd,samp { _font-family:'courier new', monospace; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before,q:after { content:''; content:none; }

small { font-size:75%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
svg:not(:root) { overflow:hidden; }
fieldset { border:1px solid #C0C0C0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border:0; }

button,input,select,textarea { font-family:inherit; font-weight:inherit; font-size:inherit; vertical-align:baseline; }
button,input,select,textarea { *font-size:100%; }
button,input,select,textarea { *vertical-align:middle; }
button,input { line-height:normal; }
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
button,input[type="button"],input[type="reset"],input[type="submit"] { *overflow:visible; }
input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
/* DEFAULT */
/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */
html { background:url(../../img/common/bgHtml.gif) repeat-x 0 0; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; letter-spacing:0; color:#333;
background:url(../../img/common/bgBody.gif) repeat-x 0 bottom; }

div.banerleft {
    position: fixed;
    left: 50%;
    top: 100px;
    margin:0 auto;
    margin-left: -712px;
    width: 217px;
    height: 770px; }
div.banright {
    position: fixed;
    right: 50%;
    top: 100px;
    margin:0 auto;
    margin-right: -717px;
    width: 220px;
    height: 769px; }
div.banerleft a, div.banright a { display:block; width: 100%; height: 100%; padding:10px; }
div.banerleft a:hover, div.banright a:hover { opacity: 0.7 ;}

a { color:#878787; text-decoration:none; }
a:hover { color:#FF8C00; }

a.opalink:hover { opacity:0.7; }


/* WRAP */
#wrap { margin:0 auto; width:970px; overflow:hidden; }

/* HEADER */
#wrap #header { width:970px; height:133px; position:relative; }
#wrap #header h1 { font-size:9px; position:absolute; top:12px; left:0; }
#wrap #header h2 { font-size:93%; line-height:1.25; color:#878787; position:absolute; top:12px; left:222px; }
#wrap #header p { line-height:1.25; text-align:right; position:absolute; }
#wrap #header p.numbers { font-size:85%; color:#FF8C00; top:60px; right:0; }
#wrap #header p.subNav { font-size:93%; top:10px; right:0; }

#wrap #header ul#headNav { width:auto; border-left:1px solid #FF8C00; overflow:hidden; position:absolute; bottom:10px; left:40px; }
#wrap #header ul#headNav li { border-right:1px solid #FF8C00; width:auto; float:left; }
#wrap #header ul#headNav li a { padding:5px 8px; font-size:116%; font-weight:bold; line-height:1.25; display:block; color:#FF8C00; }
#wrap #header ul#headNav li a:hover { color:#FFF; background:#FF8C00; }

#wrap #header h5 { position:absolute; bottom:10px; left:0; }
#wrap #header h5 a { display:block; padding:0; font-size:9px; line-height:1.0; text-indent:100%; white-space:nowrap; width:33px; height:28px; overflow:hidden; background:url(../../img/common/icon.gif?version=20150311) no-repeat -150px 0; }

/* BillboardLIVE */
#wrap #header h6 { position:absolute; bottom:10px; right:0; }
#wrap #header h6 a { display:block; }
#wrap #header h6 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
/* BillboardLIVE */
/* HEADER */


/* CONTAINER */
#wrap #container { width:700px; float:left; }

#wrap h3.headBnr { margin:0 0 5px; }

/* SEARCHBOX */
#wrap #container #searchBox { margin:0 0 15px 0; width:700px; overflow:hidden; background:#EEE url(../../img/common/icon.gif?version=20150311) no-repeat -150px -40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px; }
#wrap #container #searchBox form { margin:0 5px 0 0; padding:5px 5px 5px 35px; width:660px; float:left; overflow:hidden; }
#wrap #container #searchBox form select { display:inline; margin:0 5px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:155px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#wrap #container #searchBox form input[type="text"] { display:inline; margin:0 8px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:300px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #searchBox form input[type="submit"] { display:inline-block; font-size:93%; font-weight:bold; line-height:1.25; color:#FFF; width:85px; height:25px; background:#FF8C00; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #searchBox form p.narrowBtn { padding-right:5px; font-size:93%; line-height:25px; color:#FF8C00; text-decoration:underline; width:auto; float:right; cursor:pointer; }
#wrap #container #searchBox form p.narrowBtn:after { content:"▼"; }
#wrap #container #searchBox form p.selected:after { content:"▲"; }
 
#wrap #container #searchBox .searchBoxIn { clear:both; margin:0 0 -5px -35px; padding:5px 10px 40px; height:55px; width:680px; background:#EEE url(../../img/common/bgNarrow.gif) no-repeat 50% bottom; position:relative; }
#wrap #container #searchBox .searchBoxIn form { margin:0; padding:0; width:680px; height:auto; float:none; overflow:hidden; background:none;
-webkit-border-radius:none;
-moz-border-radius:none;
border-radius:none;
}
#wrap #container #searchBox form .searchBoxIn select { width:225px; }

#wrap #container #searchBox form .searchBoxIn dl { padding:0 0 0 10px; width:auto; overflow:hidden; }
#wrap #container #searchBox form .searchBoxIn dl dt { padding:10px 0 0; float:left; font-size:100%; line-height:25px; width:100px; }
#wrap #container #searchBox form .searchBoxIn dl dd { padding:10px 0 0; }

#wrap #container #searchBox form .searchBoxIn select { width:225px; float:none; }
#wrap #container #searchBox form .searchBoxIn dl dd.dateSelect select { width:110px; }

#wrap #container #searchBox form .searchBoxIn ul { position:absolute; top:20px; left:370px; }
#wrap #container #searchBox form .searchBoxIn ul li { margin:0 0 5px; font-size:100%; line-height:1.25; }

#wrap #container #searchBox form .searchBoxIn p { position:absolute; right:20px; bottom:40px; float:none; }
#wrap #container #searchBox form .searchBoxIn input[type="submit"] { width:120px; }
/* SEARCHBOX */


/* narrowsDown */
#wrap #container #narrowsDown { margin:0 0 15px 0; width:690px; overflow:hidden; background:#EEE url(../../img/common/icon.gif?version=20150311) no-repeat -150px -40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px; }

#wrap #container #narrowsDown form { margin:0 5px 0 0; padding:5px 5px 5px 35px; width:660px; float:left; overflow:hidden; }
#wrap #container #narrowsDown form select { display:inline; margin:0 5px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:155px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#wrap #container #narrowsDown form input[type="text"] { display:inline; margin:0 8px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:300px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #narrowsDown form input[type="submit"] { display:inline-block; font-size:93%; font-weight:bold; line-height:1.25; color:#FFF; width:85px; height:25px; background:#FF8C00; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #narrowsDown form p.narrowBtn { padding-right:5px; font-size:93%; line-height:25px; color:#FF8C00; text-decoration:underline; width:auto; float:right; cursor:pointer; }
#wrap #container #narrowsDown form p.narrowBtn:after { content:"▼"; }
#wrap #container #narrowsDown form p.selected:after { content:"▲"; }
 
#wrap #container #narrowsDown .narrowSearchBoxIn { clear:both; margin:0 0 -5px -35px; padding:5px 10px 40px; height:55px; width:680px; background:#EEE url(../../img/common/bgNoarrow.gif) no-repeat 50% bottom; position:relative; }
#wrap #container #narrowsDown .narrowSearchBoxIn form { margin:0; padding:0; width:680px; height:auto; float:none; overflow:hidden; background:none;
-webkit-border-radius:none;
-moz-border-radius:none;
border-radius:none;
}
#wrap #container #narrowsDown form .narrowSearchBoxIn select { width:225px; }

#wrap #container #narrowsDown form .narrowSearchBoxIn dl { padding:0 0 0 10px; width:auto; overflow:hidden; }
#wrap #container #narrowsDown form .narrowSearchBoxIn dl dt { padding:10px 0 0; float:left; font-size:100%; line-height:25px; width:100px; }
#wrap #container #narrowsDown form .narrowSearchBoxIn dl dd { padding:10px 0 0; }

#wrap #container #narrowsDown form .narrowSearchBoxIn select { width:225px; float:none; }
#wrap #container #narrowsDown form .narrowSearchBoxIn dl dd.dateSelect select { width:110px; }

#wrap #container #narrowsDown form .narrowSearchBoxIn ul { position:absolute; top:20px; left:370px; }
#wrap #container #narrowsDown form .narrowSearchBoxIn ul li { margin:0 0 5px; font-size:100%; line-height:1.25; }

#wrap #container #narrowsDown form .narrowSearchBoxIn p { position:absolute; right:20px; bottom:40px; float:none; }
#wrap #container #narrowsDown form .narrowSearchBoxIn input[type="submit"] { width:120px; }
/* narrowsDown */

#wrap h3.searchedTxt, #wrap h1.searchedTxt { margin-bottom:15px; font-size:131%; font-weight:bold; line-height:1.25; text-align:center; }
#wrap h3.searchedTxt span, #wrap h1.searchedTxt span { font-weight:normal; }

#wrap h4 { margin:0 0 5px; font-size:131%; font-weight:bold; line-height:1.25; color:#555; }



/* ICON */

/* SQUARE */
span.icon { margin:0 0 3px 3px; float:right; }
span.icon a { margin:0; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../../img/common/icon.gif?version=20150311) no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
span.edit a { background-position:0 0; }
span.edited a { background-position:0 -30px; }
span.clip a { background-position:-30px 0; }
span.cliped a { background-position:-30px -30px; }
span.live a { background-position:-60px 0; }
span.lived a { background-position:-60px -30px; }
span.repo a { background-position:-90px 0; }
span.repoed a { background-position:-90px -30px; }
span.go a { background-position:-120px 0; }
span.goed a { background-position:-120px -30px; }

/* TEXT + ICON + NOM */
span.likeicon { margin:0 0 3px; display:block; font-size:9px; line-height:20px; color:#333; width:auto; height:20px; }
span.likeicon a { display:block; padding-left:70px; color:#333; text-align:center; text-decoration:none; width:24px; height:20px; background:url(../../img/common/icon_like.png?update=20161122) no-repeat; }
span.like a { background-position:0  0; }
span.liked a { background-position:0 -20px; }
span.likeicon a:hover { opacity:0.7; }

/* TEXT + ICON + NOM L */
span.likeiconL { margin:0; padding:0; display:block; font-size:12px; line-height:25px; color:#333; width:auto; height:25px; }
span.likeiconL a { display:block; padding-left:95px; color:#333; text-align:center; text-decoration:none; width:35px; height:25px; background:url(../../img/common/icon_like.png?update=20161122) no-repeat; }
span.likeiconL.like a { background-position:0  -40px; }
span.likeiconL.liked a { background-position:0 -65px; }
span.likeiconL a:hover { opacity:0.7; }

/* TEXT + BG */
span.ticon { margin:0 0 3px; display:block; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:auto; height:20px; border-radius:3px; float:left; }
span.ticon a { display:block; color:#FFF; height:auto; border-radius:3px; }

span.prof a { background:#555; width:99px; }
span.pia a { background:#36C; width:99px; }
span.list a { background:#FFA500; width:99px; }
span.artists a { background:#9C0; width:99px; }
span.liverepo a { background:#C03; width:99px; }
span.sssticket a { background:#3C6; width:99px; }
span.schedule a { background:#96C; width:99px; }

span.red, span.red a { background:#C00; width:55px; }
span.yellow, span.yellow a { background:#FC0; width:55px; }
span.green, span.green a { background:#6C3; width:55px; }
span.blue, span.blue a { background:#36C; width:55px; }
span.none { width:55px; }

span.review a { background:#6A3906; width:99px; }
span.myreview a { color:#6A3906; background:#FFF; border:2px solid #6A3906; width:95px; height:16px; }
span.ticon.myreview { line-height:16px; height:auto; }


/* TEXT + ICON */
span.tticon { margin:0 0 0 3px; display:block; font-size:10px; font-weight:bold; line-height:20px; color:#FFF; width:auto; height:20px; float:right; }
span.tticon a { text-decoration:none; display:block; padding-left:25px; color:#FFF; height:20px; background:url(../../img/common/icon.gif?version=20150311) no-repeat; border-radius:3px; }
span.tlist a { width:115px; background-position:0 -140px; }
span.tclone a { width:175px; background-position:0 -180px; }
span.tedit a { width:100px; background-position:0 -180px; }
span.tartist a { width:140px; background-position:0 -180px; }
span.trepo a { width:125px; background-position:0 -200px; }


/* TEXT + ICON + NOM */
span.nomicon { margin:0; padding-top:7px; display:block; font-size:9px; line-height:20px; text-indent:100%; white-space:nowrap; overflow:hidden; width:auto; height:20px; }
span.nomicon + span.nomicon { padding-top:0; }
span.nomicon a { display:block; color:#333; text-align:center; text-decoration:none; width:72px; height:20px; background:url(../../img/common/nomicon.png) no-repeat; }
span.nomgo a { background-position:0  0; }
span.nomgoed a { background-position:0 -20px; }
span.nomgone a { background-position:0 -40px; }
span.nomgoned a { background-position:0 -60px; }
span.nomclip a { background-position:0 -80px; }
span.nomcliped a { background-position:0 -100px; }


/* TEXT + ICON + NOM L */
span.nomiconL { margin:0; padding:0; display:block; font-size:12px; line-height:25px; color:#333; width:auto; height:25px; }
span.nomiconL a { display:block; padding-left:120px; color:#333; text-align:center; text-decoration:none; width:35px; height:25px; background:url(../../img/common/nomiconL.png) no-repeat; }
span.nomiconL.nomgo a { background-position:0  0; }
span.nomiconL.nomgoed a { background-position:0 -25px; }
span.nomiconL.nomgone a { background-position:0 -50px; }
span.nomiconL.nomgoned a { background-position:0 -75px; }
span.nomiconL.nomclip a { background-position:0 -100px; }
span.nomiconL.nomcliped a { background-position:0 -125px; }
span.like_btn a { margin-left: auto; margin-top: -15px }
span.like_list_btn a { margin-left: auto; }


span.icon a:hover, span.ticon a:hover, span.tticon a:hover, span.nomicon a:hover, span.nomiconL a:hover { opacity:0.7; }

.icons { float:right; width:99px; overflow:hidden; }
.icons span.icon, .icons span.icon a { width:30px; height:30px; }
/* ICON */


.grayBack { background:#EEE;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.whiteBack { background:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.orangeBack { background:#FF8C00;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.whiteBackBorder { background:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border: #FF8C00 solid;
}


ul.homeTab { padding:0 0 0 10px; width:690px; overflow:hidden; }
ul.homeTab li { margin:0 10px 0 0; font-size:116%; line-height:1.25; font-weight:bold; text-align:center; width:220px; float:left; }
ul.homeTab li a { display:block; padding:5px 0; width:220px; border:1px solid #EEE;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
ul.homeTab li a:hover, ul.homeTab li a.selected { background:#555; color:#FFF; }

.narrowSearch { padding:10px 10px 40px; background:#EEE url(../../img/common/bgNarrow.gif) no-repeat 50% bottom; position:relative;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

div.narrowSearch + div.grayBack {
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
border-top-left-radius:0;
border-top-right-radius:0;
}

.narrowSearch form select { display:inline; margin:0 5px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:225px; height:25px; vertical-align:middle; background:#FFF; border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.narrowSearch form input[type="submit"] { display:inline-block; font-size:93%; font-weight:bold; line-height:1.25; color:#FFF; width:60px; height:25px; background:#FF8C00; border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.narrowSearch form dl { padding:0 0 0 10px; width:auto; overflow:hidden; }
.narrowSearch form dl dt { padding:10px 0 0; float:left; font-size:100%; line-height:25px; width:100px; }
.narrowSearch form dl dd { padding:10px 0 0; }
.narrowSearch form dl dd.dateSelect select { width:110px; }

.narrowSearch form ul { position:absolute; top:20px; left:370px; }
.narrowSearch form ul li { margin:0 0 5px; font-size:100%; line-height:1.25; }

.narrowSearch form p { position:absolute; right:20px; bottom:40px; }


.narrowSearch dl.search-list-box {
    width: 502px;
    padding: 5px 0px 0px 20px;
}

.narrowSearch dl.search-list-box dt {
    margin-top: 1px;
    padding: 1px 0px 0px 0;
    color: #444444;
    font-weight: bold;
    font-size:110%;
    line-height: 1.4;
    float: left;
}

.narrowSearch dl.search-list-box  dd {
    padding: 3px 0px 2px 120px;
    line-height: 1.4;
    font-size:110%;
}

.narrowSearch dl.search-list-box .line {
    color: #d6ceb4;
}

.narrowSearch dl.search-list-box .row {
    border-top: 1px solid #CCCCCC;
    margin: 3px 0px 2px 120px;
}
.narrowSearch a { color:#555; text-decoration: underline;}
.narrowSearch a:hover { color:#999!important; border-color:#DDD; text-decoration:none; }




#wrap #container #content div.grayBack { margin:0 0 5px; padding:10px 10px 5px; }
p.loading { margin:0 0 5px; padding:10px 10px 870px 10px; text-align:center; }


.midBox { clear:both; margin:0 0 5px; padding:10px; width:auto; overflow:hidden; position:relative; }
.midBox > a:first-child { display:block; width:auto; float:left; }
.midBox a.listImage { display:block; width:auto; float:left; }
.midBox a:hover img { opacity:0.7; }

.midBox h3, .midBox p, .midBox address { margin:0 110px 3px 0; font-weight:bold; line-height:1.25; width:420px; float:right; }
.midBox h3.artistName { margin-bottom:0; font-size:131%; }
.midBox h3.liveName { font-size:93%; }
.midBox p.date { margin-bottom:0; font-size:108%; }
.midBox p.update { margin-bottom:0; font-size:108%; }
.midBox address { font-size:93%; }
.midBox p.guestArtist { font-size:85%; font-weight:normal; }
.midBox h3 a, .midBox p a { text-decoration:none; }
.midBox .icons { position:absolute; top:10px; right:10px; }
.midBox .icons + .icons { margin:0 110px 0 0; padding:7px 0 0 0 ; width:420px; float:right; position:static; right:inherit; top:inherit; }
.midBox .icons + .icons span.nomicon { padding-top:0; margin:0 15px 0px 0; width:auto; height:20px; float:left; }
/* CONTACT */

.midBox p.contact { margin:0; }

/* CONTACT */

/* GENRES */
.genres { clear:left ; margin:0; padding:5px 0 0; width:120px; overflow:hidden; float:left; }
.genres span { display:block; margin:0 2px 2px 0; font-size:10px; line-height:1.25; color:#666!important; width:auto; float:left; font-weight: normal; }
.genres span:before { content:"["; } .genres span:after { content:"]"; }
.genres span a { text-decoration:underline; color:#666!important; width:auto; }
.genres span a:hover { color:#999!important; border-color:#DDD; text-decoration:none; }
/* GENRES */

/* attribute */
.midBox p.attribute {
    background-image: url(../../img/common/icon_review.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
    padding: 0px 0px 0px 17px;
    margin: 0px 90px 10px 0px;
    font-weight: normal;
    color: #555;
    font-size: small;    padding-top: 2px;
}

/*
* TEXT COLOR
*/
/* dark orange */
.midBox h3.artistName a:hover, .midBox h3.liveName a:hover, .midBox p.guestArtist a:hover, .midBox p.date, .midBox address { color:#FF8C00; }
/* lightgreen */
.fes h3.artistName a:hover, .fes h3.liveName a:hover, .fes p.guestArtist a:hover, .fes p.date, .fes address { color:#9C0; }
/* purple */
.tour h3.artistName a:hover, .tour h3.liveName a:hover, .tour p.guestArtist a:hover, .tour p.date, .tour address { color:#96C; }

/* BillboardLIVE */
.midBox h6 { background:url(../../img/common/ribbonBlbdBg.png) no-repeat 0 0; position:absolute; top:0; left:0; }
#content h6.bnrBlbd { margin:0 auto 25px; text-align:center; }
#content h6.bnrBlbd a { display:block; }
#content h6.bnrBlbd a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
/* BillboardLIVE */

/* Fes ICON 140509  */
.midBox h6.rbnFes { background-image:url("../../img/common/ribbonFesBg.png"); top:10px; left:10px; }
/* Fes ICON 140509  */

/* Fes ICON 140509  */
.midBox h6.rbnFesSimple { background-image:url("../../img/common/ribbonFesBg.png"); left:10px}
/* Fes ICON 140509  */

p.goMore { clear:both; margin:0 0 15px; font-size:100%; line-height:1.25; text-align:right; color:#FF8C00; }
p.goMore a{ color:#515151; font-weight:bold;  }
p.goMore a:hover { color:#FF8C00; }
p.goMore a {
    background-image: url("../../img/common/circle.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px 13px;
    padding-left: 17px;
    padding-top: 2px;
 }

p.pageNate { font-size:93%; line-height:1.25; text-align:right; color:#FF8C00; }
p.pageNate a, p.pageNate span { margin-left:3px; }


p.pageNate2 { font-size:93%; line-height:1.25; text-align:left;}
p.pageNate2_mb { font-size:93%; line-height:1.25; text-align:left; margin-bottom:5px;}


/*Popular User*/
.popularBox { margin:0 0 15px; padding:10px; width:auto; overflow:hidden; position:relative; }
.popularBox > a:first-child { display:block; width:auto; float:left; background:#FFF; }
.popularBox a:hover img {
opacity:0.7;
filter: alpha(opacity=70);          /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";    /* ie 8 */
-moz-opacity:0.7;                   /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;                /* Safari 1.x */
zoom:1;
}
.popularBox dl { margin:0 0 0 80px; }
.popularBox dl dt { margin:0 0 10px; font-size:131%; font-weight:bold; line-height:1.25; } .popularBox dl dt a { color:#555; } .popularBox dl dt a:hover { color:#FFF; }
.popularBox dl dd { font-size:93%; font-weight:bold; line-height:1.25; color:#555; }
/*Popular User*/


/* SIDE */


/* SIGNUP LINK */
#wrap #side #btnUser { margin:0 0 15px; 
padding:5px; display:block; 
text-align:center; 
border:8px #9C0 solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#wrap #side #btnUser h4 { text-align:left; }
#wrap #side #btnUser p         { margin: 5px 0px 10px; padding: 0px 5px; text-align:center; font-weight:normal; color:currentcolor;}
#wrap #side #btnUser p.word    { font-weight:bold; color:#9C0;  }
#wrap #side #btnUser p.goFirst { padding-top: 5px; font-size: smaller; font-weight: bold; }
#wrap #side #btnUser p.btn a   { margin:0 0px 10px 0px; font-size:123.1%; font-weight:bold; line-height:25px; text-align:center; 
display:block; padding:5px; color:#FFF;  background:#9C0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#wrap #side #btnUser a:hover { 
opacity:0.7;
filter: alpha(opacity=70);          /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";    /* ie 8 */
-moz-opacity:0.7;                   /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;                /* Safari 1.x */
zoom:1;
}
/* SIGNUP LINK */


#wrap #side { width:250px; float:right; }

#wrap #side h4.user { margin:0 0 15px; }
#wrap #side h4.user a { padding:5px; display:block; text-align:center; border:5px #CCC solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#wrap #side h4.user a span { color:#FF8C00; }
#wrap #side h4.user a:hover { border-color:#DDD; }

#wrap #side h5 { margin:0 0 15px; }
#wrap #side h5 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);          /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";    /* ie 8 */
-moz-opacity:0.7;                   /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;                /* Safari 1.x */
zoom:1;
}

#wrap #side p { margin:0 0 15px; font-size:100%; line-height:1.25; text-align:right; color:#FF8C00; font-weight: bold; }
#wrap #side p a{ color:#515151; }
#wrap #side p a:hover { color:#FF8C00; }
#wrap #side p.goMore a {
    background-image: url("../../img/common/circle.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px 13px;
    padding-left: 17px;
    padding-top: 2px;
 }

#wrap #side ul { }
/* tokino 130515 edited */
#wrap #side ul li { margin:0 0 5px; padding:0 0 5px; font-size:93%; line-height:1.25; color:#FF8C00; border-bottom:1px dashed #FF8C00; }
/*
#wrap #side ul li { margin:0 0 5px; padding:0 0 5px; font-size:93%; line-height:1.25; text-align:left; color:#FF8C00; border-bottom:1px dashed #FF8C00; }
*/
#wrap #side ul li a { color:#555; } #wrap #side ul li a:hover { color:#FF8C00; }

#wrap #side ol { }
#wrap #side ol li { margin:0 0 5px; padding:10px 45px 12px 10px; font-size:116%; line-height:1.25; color:#555; list-style:inside decimal; height:18px; background:#EEE; position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#wrap #side ol li a { color:#555; } #wrap #side ol li a:hover { color:#FF8C00; }
#wrap #side ol li span { font-size:77%; line-height:20px; color:#FF8C00; float:right; }
#wrap #side ol li img { position:absolute; top:5px; right:5px; }
*+html #wrap #side ol li { display:list-item; vertical-align:middle; height:auto; }/* ie7 */
*+html #wrap #side ol li span { font-size:77%; line-height:1.25; color:#FF8C00; float:none; }/* ie7 */
*+html #wrap #side ol li img { top:7px; }/* ie7 */

#wrap #side dl { margin:0 0 0 75px; color:#555; }
#wrap #side dl dt { margin:0 0 3px; font-size:100%; font-weight:bold; line-height:1.25; }
#wrap #side dl dt a { color:#555; } #wrap #side dl dt a:hover { color:#FF8C00; }
#wrap #side dl dd { width:auto; overflow:hidden; }

#wrap #side div.grayBack { margin:0 0 15px; }
#wrap #side div.grayBack div:first-child { border-top:none; }

#wrap #side div.whiteBackBorder { margin:0 0 15px;}
#wrap #side div.whiteBackBorder div:first-child { border-top:none; }

#wrap #side div.miniBox { padding:10px; width:auto; overflow:hidden; border-top:1px dashed #555; }
#wrap #side div.miniBox > a:first-child { display:block; width:auto; float:left; background:#FFF; }
#wrap #side div.miniBox a:hover img {
opacity:0.7;
filter: alpha(opacity=70);          /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";    /* ie 8 */
-moz-opacity:0.7;                   /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;                /* Safari 1.x */
zoom:1;
}
#wrap #side div.miniBox h5 { margin:0 0 3px; font-size:100%; font-weight:bold; line-height:1.25; color:#FF8C00; }
#wrap #side div.miniBox dl dd { font-size:85%; font-weight:bold; line-height:1.25; }
#wrap #side div.miniBox .icons { margin:0 0 0 75px; padding:3px 0 0; float:none; }
#wrap #side div.miniBox .icons span.icon { float:left; }
#wrap #side div.miniBox .icons span.icon, #wrap #side div.miniBox .icons span.icon a { width:20px; height:20px; }
#wrap #side div.miniBox .icons span.pia a, #wrap #side div.miniBox .icons span.prof a { width:65px; }
#wrap #side div.miniBox .icons span.sssticket a, #wrap #side div.miniBox .icons span.prof a { width:65px; }

#wrap #side div.miniBox .icons span.clip a { background-position:-20px -90px; }
#wrap #side div.miniBox .icons span.cliped a { background-position:-20px -110px; }
#wrap #side div.miniBox .icons span.golive a { background-position:-80px -90px; }
#wrap #side div.miniBox .icons span.golived a { background-position:-80px -110px; }
#wrap #side div.miniBox .icons span.gonelive a { background-position:-80px -90px; }
#wrap #side div.miniBox .icons span.gonelived a { background-position:-80px -110px; }


#wrap #side div.grayBack div.pushBox a { float:none; }
#wrap #side div.grayBack div.pushBox dl { margin:0; }
#wrap #side div.grayBack div.pushBox dl dt { font-size:108%; }
/* tokino 130515 edited */
#wrap #side div.grayBack div.pushBox dl dd { font-size:85%; line-height:1.25; font-weight:normal; }
/*
#wrap #side div.grayBack div.pushBox dl dd { font-size:85%; line-height:1.25; font-weight:normal; text-align:left; }
*/
#wrap #side div.grayBack div.pushBox p { margin:0; }

/* present */
#wrap #side div.grayBack div.presentBox { background:url(../../img/common/bgPresent.gif) repeat;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #side div.grayBack div.presentBox a { float:none; color:#555; }
#wrap #side div.grayBack div.presentBox dl { margin:0; }
#wrap #side div.grayBack div.presentBox dl dt { margin-bottom:10px; font-size:9px; line-height:1.0; font-weight:normal; background:#FFF; }
#wrap #side div.grayBack div.presentBox dl dd { font-size:108%; line-height:1.25; font-weight:bold; } #wrap #side div.grayBack div.presentBox dd a:hover { color:#FF8C00; }
#wrap #side div.grayBack div.presentBox p { margin:10px 0 0; text-align:center; background:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
 }


#wrap #side div.whiteBackBorder div.pushBox a { float:none; }
#wrap #side div.whiteBackBorder div.pushBox dl { margin:0; }
#wrap #side div.whiteBackBorder div.pushBox dl dt { font-size:108%; }
/* tokino 130515 edited */
#wrap #side div.whiteBackBorder div.pushBox dl dd { font-size:85%; line-height:1.25; font-weight:normal; }
/*
#wrap #side div.whiteBackBorder div.pushBox dl dd { font-size:85%; line-height:1.25; font-weight:normal; text-align:left; }
*/
#wrap #side div.whiteBackBorder div.pushBox p { margin:0; }

#wrap #side div.recomBox dl, #wrap #side div.recomBox .icons { margin-left:95px; }
#wrap #side div.recomBox dl dt { }
#wrap #side div.recomBox dl dd { font-size:85%; line-height:1.25; font-weight:normal; text-align:left; }

#wrap #side div.recomBox dl:first-child { width:85px; float:left; }

#wrap #side div.userBox { margin:0 0 5px; padding:9px; border:1px solid #DDD; }
#wrap #side div.userBox dl { margin:0 auto 9px; text-align:center; }
#wrap #side div.userBox dl dt { margin:0 0 5px; }
#wrap #side div.userBox dl dt a:hover img {
opacity:0.7;
filter: alpha(opacity=70);          /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";    /* ie 8 */
-moz-opacity:0.7;                   /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;                /* Safari 1.x */
zoom:1;
}
#wrap #side div.userBox dl dd a { font-size:116%; font-weight:bold; line-height:1.25; color:#555; } #wrap #side div.userBox dl dd a:hover { color:#FF8C00; }
#wrap #side div.userBox p { margin:0 0 9px; padding:9px 0 0; text-align:left; border-top:1px solid #DDD; }
#wrap #side div.userBox p.mynav { font-size:116%; }
#wrap #side div.userBox p span { color:#555; }
#wrap #side div.userBox ul { }
#wrap #side div.userBox ul li { margin:0 0 5px -9px; font-size:93%; line-height:1.25; text-align:left; border-bottom:none; padding:5px 0 5px 5px; color:#555; border-left:9px solid #DDD; }
#wrap #side div.userBox ul li span { color:#FF8C00; }
#wrap #side div.userBox ul li a { text-decoration:underline; }
#wrap #side div.userBox ul li span { margin-right: 65px; float:right;  }
#wrap #side div.userBox ul li span.point { font-size:130%; font-weight: bold; float:none; margin-right: 0px; }
#wrap #side div.userBox ul li.tl span { border-radius: 30px; background: #FF0000; text-align: center; color: #FFF; font-size: 12px; font-weight: normal; position: relative; bottom:1px;  }
#wrap #side div.userBox ul li.tl span.single { padding: 1.5px 10px; }
#wrap #side div.userBox ul li.tl span.double { padding: 1.5px 7px; }
#wrap #side div.userBox ul li.po  { line-height: 1.5; }
#wrap #side div.userBox div.pointsite { width:auto; background:#FFEF7B; margin-bottom:15px; }
#wrap #side div.userBox div.pointsite a img { width:230px; }

#wrap #side #btnBox { margin:0 -5px 15px 0; width:255px; overflow:hidden; }
#wrap #side #btnBox p { margin:0 5px 0 0; font-size:123.1%; font-weight:bold; line-height:25px; text-align:center; width:auto; float:left; }
#wrap #side #btnBox p.btn a { display:block; padding:5px; color:#FFF; width:135px; height:25px; background:#FF8C00;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #side #btnBox p.login a { padding:3px; color:#FF8C00; width:90px; border:2px solid #FF8C00; background:#FFF; }
#wrap #side #btnBox p.logout a { background:#DDD; width:90px; }

/* columnBNR */
#wrap #side .sideColumn { margin-bottom:15px; padding:10px 7px 0; border:3px solid #FF8C00; }
#wrap #side .sideColumn dl { margin:0 0 10px; padding-top:10px; border-top:2px dotted #CCC; }
#wrap #side .sideColumn dl:first-child { padding:0; border:none; }
#wrap #side .sideColumn dl dt { margin-bottom:4px; padding:0 0 7px 7px; font-size:123.1%; line-height:1.25; border-left-width:8px; border-left-style:solid; }
#wrap #side .sideColumn dl dd a img { width:230px; height:auto; }
#wrap #side .sideColumn dl dd a:hover img { opacity:0.7; }
#wrap #side .sideColumn dl dt.tomisawa { border-left-color:#F5B049; }
#wrap #side .sideColumn dl dt.johnb { border-left-color:#0068B4; }
/* columnBNR */
/* SIDE */


/* FOOTER */
#wrap #footer { clear:both; padding:60px 0 0 200px; width:770px; height:80px; position:relative; }
#wrap #footer h5 { font-size:9px; position:absolute; bottom:25px; left:0; }
#wrap #footer p { line-height:1.25; position:absolute; }
#wrap #footer p.goTop { font-size:93%; text-align:right; top:10px; right:0; }
#wrap #footer p#copy { font-size:85%; color:#333; bottom:5px; left:200px; }
#wrap #footer p#copy a { color:#878787; text-decoration:none; }
#wrap #footer p#copy a:hover { text-decoration:underline;  }

#wrap #footer ul { margin:0 0 3px; width:auto; border-left:1px solid #FFF; overflow:hidden; }
#wrap #footer ul li { border-right:1px solid #FFF; width:auto; float:left; }
#wrap #footer ul li a { padding:0 8px; font-size:93%; font-weight:bold; line-height:1.25; display:block; color:#FFF; }
#wrap #footer ul li a:hover { text-decoration:underline; }

div#right { text-align: right; }


/* FOOTER */



/* p.gomobile */
p.goMobile { padding-top:15px!important; padding-bottom:15px!important; clear:both!important; }

p.goMobile a.data-role-button {
    border:1px solid #ccc;
    background:#eee;
    font-weight:bold;
    font-size:150%; 
    color:#2f3e46;
    text-shadow:0 1px 0 #fff;
    background-image:-moz-linear-gradient(top,#fefefe,#eee);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
    text-decoration: none;
    text-align: center;
    padding:20px;
    margin:5px;
    display:block;
}
p.goMobile a.data-role-button:hover {
    color:#2f3e46; font-weight:bold; text-shadow:0 1px 0 #fff; border:1px solid #bbb;
    background:#dfdfdf;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e0e0e0));
    background-image:-webkit-linear-gradient(#f6f6f6 , #e0e0e0);
    background-image:   -moz-linear-gradient(#f6f6f6 , #e0e0e0);
    background-image:        linear-gradient(#f6f6f6 , #e0e0e0);
}

/* SNS Wall  */
.snswallBlock { margin: 20px 0 10px 0 ; 
                height: 400px; 
                padding: 0 0; 
                border:10px solid #EEE; 
                border-radius: 5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
}
.snswallBlockLeft { margin:0 0px 0 0px; padding:0 0 10px; overflow:hidden; float:left;}
.snswallBlockRight { margin:0 0px 0 0px; padding:0 0 10px; overflow:hidden;  float:right;}
/* SNS Wall */

/* NOTICE */
.noticeBox { border: 3px solid #99CC00; margin: 0px 0px 10px 0px; padding: 10px; text-align: center; color: #333; background: #F5FFFF; }
.noticeBox a { color:#333; text-decoration: underline;}
.noticeBox a:hover { color:#FF8C00!important; border-color:#DDD; text-decoration:none; }
/* NOTICE */

/* MAINTE */
.mainteBox { border:3px solid #FF0000; margin:0px 0px 10px 0px; padding:10px; text-align:center; color:#333; background:#F5FFFF; }
.mainteBoxStarttime { float:right; width:33%; text-align:right; }
.mainteBoxTitle { float:right; width:33%; text-align:center; color:red; font-weight:bold; }
.mainteBr {}
/* MAINTE */

/* COMMON */
#wrap #side p.section { margin: 0 0 5px; font-size: 131%; font-weight: bold; line-height: 1.25; color: #555; text-align: left;}
#wrap #side div.appmov { margin: 0 0 15px; }
#wrap #side iframe { frameborder : 0 }
/* COMMON */

/* COMMON */
#wrap #header div.logo {position: absolute; top: 12px; left: 0px;}
#wrap #header p.title { font-size: 93%; line-height: 1.25; color: rgb(135, 135, 135); position: absolute; top: 12px; left: 222px;}
#wrap #header p.home { position: absolute; bottom: 10px; left: 0px;}
#wrap #header p.home a {
    display: block;
    padding: 0px;
    font-size: 9px;
    line-height: 1;
    text-indent: 100%;
    white-space: nowrap;
    width: 33px;
    height: 28px;
    overflow: hidden;
    background: url("../../img/common/icon.gif?version=20150311") no-repeat scroll -150px 0px transparent;
}
#wrap #header p.billboard {position: absolute; bottom: 10px; right: 0px;}
#wrap #footer p.logo { font-size: 9px; position: absolute; bottom: 25px; left: 0;}
#wrap #side p.section { margin: 0 0 5px; font-size: 131%; font-weight: bold; line-height: 1.25; color: #555; text-align: left;}
#wrap #side div.appmov { margin: 0 0 15px; }
#wrap #footer small {line-height: 1.25;position: absolute;}
#wrap #footer small#copy {font-size: 85%;color: #333;bottom: 5px;left: 200px;}
#wrap #header p.menubnr {position: absolute; bottom: 10px; right: 0px;}
/* COMMON */

/* CONTENTS BLOCK */
/* Ticket */
.ticketBlock { margin:0 10px 40px; padding:0 0 10px; border-bottom:1px solid #CCC; } /* tokino edited */
.ticketBlock div.titleBox { width:auto; overflow:hidden; }
.ticketBlock div.titleBox span { font-size:93%; font-weight:normal; color:#FF8C00; width:auto; float:right; }
.ticketBlock p { font-size:93%; line-height:1.25; text-align:left; }
#wrap #container .ticketBlock p.notice { padding:0; font-size:100%; border:none; }

.ticketBlock table { margin:0 0 5px; font-size:85%; border-bottom:1px solid #555; width:660px; }
.ticketBlock table th, .ticketBlock table td { padding:5px; }
.ticketBlock table th.thEnd { width:220px; } /* tokino edited */
.ticketBlock table th { text-align:left; color:#FFF; background:#555; }
.ticketBlock table td.even { width:110px; background:#EEE; }
.ticketBlock table td { border-top:1px dashed #555; }
.ticketBlock table td.icons { width:70px; float:none; } 
.ticketBlock span.pia a { width:70px; }
.ticketBlock span.sssticket a { width:70px; }
.ticketBlock table tr > td:first-child { width:120px; }
.ticketBlock table tr > td:first-child span { margin-right:3px; }
.ticketBlock p.ticketNav { float:right; }
.ticketBlock p.ticketNav a { padding:0 5px 0 0; }
.ticketBlock p.ticketNav a.jp-disabled { color:#CCC; }
.ticketBlock p.ticketNav a.jp-current { color:#FF8C00; }
.ticketBlock p.otherticketNav { float:right; }
.ticketBlock p.otherticketNav a { padding:0 5px 0 0; }
.ticketBlock p.otherticketNav a.jp-disabled { color:#CCC; }
.ticketBlock p.otherticketNav a.jp-current { color:#FF8C00; }
/* Ticket */

/* socialicons */
.socialicons{
    margin: 16px 0;
    vertical-align: bottom;
}
.socialicons li{
    display: inline-block;
    vertical-align: middle;
    float:right;
    margin-left: 3px;
}
.socialicons li a{
    display: block;
    border-radius: 3px;
    padding: 0;
    text-align: center;
    width: 60px;
}
.socialicons .twitter{
    background-color: #73cbef;
}
.socialicons .facebook{
    background-color: #4f79bc;
}
.socialicons .line{
    background-color: #00c300;
}
.socialicons .website{
    height: 31px;
    background-color: #585858;
    color: #fff;
    line-height: 31px;
    width: 80px;
}
.socialicons .website:hover{
    color: #fff!important;
    opacity: 0.8;
}
.socialicons .hatena-bookmark-button{
    background-color: #4d91c9;
}

/*---------------------------------------------
slider
-----------------------------------------------*/
ul.pickup,
.news{
#   background: #eee url(../../img/common/backGray.png) repeat;
    padding: 10px 0;
    margin: 0 0 24px;
}
.news .title a{
    display: block;
}
.news .title 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;
}

.news p.thumb { width:140px; height:92px; background:#FFF; border: 1px solid #EDEDED; display:table-cell; vertical-align: middle; text-align: center; }
.news p.thumb img { max-width:140px; max-height:92px; width:auto; height:auto; }

.pickup p.title, .lineup .name, .news p.title{
    margin-bottom: 0;
    font-size: 93%;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 35px;
    width: 145px;
    padding: 2px 2px;
}
.news p.title, .lineup .name { width: auto; }
.news p.title{ -webkit-line-clamp: 3; height: 50px; }

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

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


#wrap #side .matome dl dt { margin: 5px 0; }
#wrap #side div.grayBack.matome div.pushBox dl p.update { text-align:left; margin-top: 5px; font-weight:normal; color:#666; }
#wrap #side div.grayBack.matome p.goMore { padding:5px; } 
#wrap #side div.grayBack.matome div.miniBox { border-top : none; border-bottom:1px dashed #666; }
#wrap #side div.grayBack.matome div.miniBox dl dt { display: flex; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; }
#wrap #side div.grayBack.matome div.miniBox:last-child { border-bottom:none; }
#wrap #side div.grayBack.matome div.right { float:right; width: 50px; height: 60px; } 
#wrap #container > div.columnBlock { min-height:260px; margin: 20px 0 10px 0 ; padding: 0 0; border:10px solid #EEE; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#wrap #container > div.columnBlock:after{ content: ""; clear: both; display: block; }
#wrap #container > div.columnBlock .midBox { clear: inherit ; } 
#wrap #container > div.columnBlock > .midBox p { width:auto; float:none; margin:10px 0; } 
#wrap #container > div.columnBlock > .midBox p.digest { font-size:112%; color:#666; min-height: 50px;} 
#wrap #container > div.columnBlock > .midBox p.update { font-weight:normal; font-size:95%;} 
#wrap #container > div.columnBlock > .midBox p.update span { color:#FF8C00; } 
#wrap #container > div.columnBlock div.column { width:316px; height:240px; margin:10px 0; padding-top:0; padding-bottom:0;}
#wrap #container > div.columnBlock div.column:nth-child(1), #wrap #container > div.columnBlock div.column.left { float:left!important; border-right: 1px solid #ccc;  border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0; }
#wrap #container > div.columnBlock div.column:nth-child(2), #wrap #container > div.columnBlock div.column.right { float:right; }
#wrap #container > div.columnBlock > .midBox p.columnName{ margin-top:0; border-left-width:8px; border-left-style: solid; font-size: 131%; padding-left: 5px; float: left;}
#wrap #container > div.columnBlock div.column.tomisawa .columnName{ border-left-color:#F5B049; }
#wrap #container > div.columnBlock div.column.johnb .columnName{ border-left-color:#0068B4; }
#wrap #container div.bannerarea { height: 75px; }
#wrap #container div.bannerarea ul li { float:left; margin-left:10px; }
#wrap #container div.bannerarea ul li img { width:220px; height:auto; }
#wrap #container div.bannerarea ul li a:hover { opacity: 0.7; }
#wrap #side div.underlayer div.grayBack.matome { background:url(../../img/common/bgPresent.gif) repeat; }
#wrap #side div.underlayer div.grayBack.matome img { width:100%; }
#wrap #side div.underlayer div.grayBack.matome p.right img { height:auto; width:80px; }
#wrap #side div.underlayer div.grayBack.matome div.miniBox dl dt { display: block; }

#wrap #container .relationblock { padding:10px 0; min-height:120px; border-bottom:1px solid #CCC; position:relative; }
#wrap #container .relationblock div.img { position: absolute; top:10px; right:10px; display:table-cell; vertical-align: middle; text-align:center; width: 120px; height:120px; }
#wrap #container .relationblock div.body { min-height:100px; padding-right: 150px; }
#wrap #container .relationblock div.img img { margin:0; max-width: 120px; max-height:120px; width: auto; height:auto;}
#wrap #container .relationblock h3 { margin: 0 0 10px 0; font-size: 131%; font-weight: bold; line-height: 1.25; margin-left: 10px; }
#wrap #container .relationblock img { margin: 0; border:1px solid #ccc; width:120px; float:none; }
#wrap #container .relationblock p.date { color: #98958f; text-align:right; }
#wrap #container .relationblock p.lead { line-height:1.25; }
#wrap #container .relationblock:last-child { margin-bottom: 5px;} 

#container #headline { font-size:100%; margin:10px 0; height:40px; overflow: hidden; }
#container #headline dl { height:40px; overflow: hidden; }
#container #headline dt { padding-top:2px; float:left; }
#container #headline dd { text-align:left; padding-left: 100px; }
#container #headline a { text-decoration:underline; color:#9C0; line-height:1.5; font-weight:bold; }
#container #headline a:hover { opacity: 0.7; }

#container #headlineBanner{ position: relative; margin-bottom: 1em; text-align: center; }
#container #headlineBanner .btnClose{ display: inline-block; position: absolute; right: 29px; top: -1px; border: 1px solid #fff; background-color: #333; padding: 8px; line-height: 1; font-weight: bold; color: #fff; z-index: 1; }
#container #headlineBanner img:hover,
#container #headlineBanner .btnClose:hover{ cursor: pointer; opacity: 0.7; }

#content .specialBlock.special { margin: 0 -20px 10px 0; width:480px; overflow:hidden; }
#content .specialBlock.special p.title {  margin:0 0 5px; font-size:131%; font-weight:bold; line-height:1.25; color:#555; }
#content .specialBlock.special p.title a { color:#555; }
#content .specialBlock.special p.title a:hover { color:#FF8C00; }
#content .specialBlock.special img { width:460px; margin-bottom:10px; }

#side .specialBlock.special { border: 8px #9C0 solid; width: auto; margin:10px 0; padding:0px 2px 5px; border-radius: 3px;}
#side .specialBlock.special .midBox { padding: 0px 5px; border:none; margin:0; width: auto; height: auto; float: none; }
#wrap #side .specialBlock.special p, #wrapInner #side .specialBlock p { text-align:left; font-size:11px; color:#555; margin-bottom:5px; width:216px; min-height:0px; float: none; }
#wrap #side .specialBlock.special p.date, #wrapInner #side .specialBlock p.date { text-align:right; position: inherit; bottom: inherit; left: inherit; }
#wrap #side .specialBlock.special p.date span, #wrapInner #side .specialBlock p.date span { color:#FF8C00; }
#wrap #side .specialBlock.special p.goMore, #wrapInner #side .specialBlock p.goMore { text-align:right; font-size:13px; min-height:0px; }
#wrap #side .specialBlock.special p.title { margin: 5px 0px 10px; padding: 0px 5px; }
#side .specialBlock.special p.title { margin: 5px 0px 10px; padding: 0px 5px; }
#side .specialBlock.special p.title span { font-size:88%; }
#side .specialBlock.special p.title a { font-size:15px; }
#side .specialBlock.special p.title a:hover { color:#FF8C00; }
#side .specialBlock.special img { width:220px; margin-bottom:10px; }
#side .specialBlock.special .description { font-size:10px; color:#555; }

/* CP Logo Icon */
.exLink a.WWS img { width: 180px; height: 60px; }
.exLink a.SPICE img { width: 159px; height: 40px; }

/* Special */
.gakusaiBlock  { padding:0 0 10px; width: 660px; }
.gakusaiBlock .whiteBack { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.gakusaiBlock .midBox {border:1px solid #CCC; padding: 5px 10px;}
.gakusaiBlock .midBox h3 {font-size: 16px;line-height:1.25;margin-top: 10px;}
.gakusaiBlock .midBox h3 a { text-decoration: underline; color:#4d91c9; }
.gakusaiBlock .midBox h3 a:hover { color:#FF8C00; }
.gakusaiBlock .midBox h3, .gakusaiBlock .midBox  p { width: auto; text-align:left; float: none; margin:5px 0; }
.gakusaiBlock .midBox p { font-size:93%; line-height:1.5; font-weight:normal;  }
.gakusaiBlock .midBox p.area {font-weight:bold; position:absolute; right: 135px; width: 50px; top: 5px; margin:0; background-color:#FFF; color:#333; padding: 4px 8px;}
.gakusaiBlock .midBox .imageBox {float: right;width: 120px;margin-left:5px; }
.gakusaiBlock .midBox div.image { float:none; margin:0 auto;  background:#FAFAFA; border: 1px solid #EFEFEF;}
.gakusaiBlock .midBox div.image p { margin:0; height:120px; width:120px;  display:table-cell; vertical-align: middle; text-align: center;  }
.gakusaiBlock .midBox div.image p img { max-width:120px; max-height:120px; width:auto; height:auto; margin:0; }
.gakusaiBlock .midBox .imageBox li { font-size: smaller; line-height:25px; float:left; width:45%; margin:5px 3px; }
.gakusaiBlock .midBox .imageBox li a { display:block; text-align:center; width:auto; color:#333!important; background:#CCC; -webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.gakusaiBlock .midBox .imageBox li a.none { opacity: 0.5; }
.gakusaiBlock .midBox .imageBox li a:not(.none):hover { opacity: 0.7; }
.gakusaiBlock p.bnr { margin:20px 0; }
.gakusaiBlock p.bnr a:hover { opacity: 0.7; }
.gakusaiBlock p.bnr img { width:660px; }
/* Special */

.ycdBlock  { margin:20px 10px 20px; padding-bottom:10px; }
.ycdBlock p { padding:10px; line-height:1.25; }
.ycdBlock h4 { padding-bottom:10px; line-height:1.25; }
/* LiveType */
.livetypeBlock {margin: 0 10px 40px;position:relative;}
.livetypeBlock #liveType { margin:0; padding:10px; overflow:hidden; background:#EEE; border-radius:5px; position:relative;}
.livetypeBlock #liveType dl {margin: 0 5px 5px 0;padding:5px 0 5px 5px;width:auto;width: 160px;border-left:1px solid #999;float:left;}
.livetypeBlock #liveType dl dt { margin:0 0 3px; font-size:85%; line-height:1.25; }
.livetypeBlock #liveType dl dd { font-size:100%; font-weight:bold; line-height:1.25; }
.livetypeBlock #liveType dl dd.tl0 { color:#666; }
.livetypeBlock #liveType dl dd span { font-size:85%; font-weight:normal; color:#FF8C00; }
.livetypeBlock.top { margin: 0 0px 40px; }

.livetypeBlock #liveType dl:first-child dd { padding-left:40px; background:url(../../img/images/setlist/livetype.png) no-repeat 0 0; }
.livetypeBlock #liveType dl:first-child dd.tl1 { background-position:0 -35px; }
.livetypeBlock #liveType dl:first-child dd.tl2 { background-position:0 -70px; }
.livetypeBlock #liveType dl:first-child dd.tl3 { background-position:0 -105px; }
.livetypeBlock #liveType dl:first-child dd.tl4 { background-position:0 -140px; }
.livetypeBlock #liveType dl:first-child dd.tl5 { background-position:0 -175px; }


.livetypeBlock p.openBtn { padding-bottom:5px; text-align:center; }
.livetypeBlock dl + p.openBtn { padding-bottom:0; text-align:right; position:absolute; top:10px; right:10px; }

.livetypeBlock p.openBtn a { display:inline-block; padding:0 10px; font-size:116%; line-height:30px; color:#333; width:auto; background:#CCC; border-bottom:2px solid #666; border-radius:3px; }
.livetypeBlock p.openBtn a:hover { opacity:0.7; }

/* review */
.reviewBlock {clear:both;/* padding-top:10px; */position: relative;}
h5#review {margin: 0 0 3px;font-size:108%;font-weight:bold;line-height:1.25;/* margin-top: 70px; */float: left;width: 100%;}
.reviewBlock p.goMore { margin:0; }
.reviewBlock .reviewItem { margin-bottom:10px; padding:10px 10px 10px; background:#FFF; border-radius:3px; position:relative; }
.reviewBlock div.reviewItem.myReview { padding:10px 10px 10px; border:2px solid #6A3906; }
.reviewBlock .reviewItem p.list { word-break: break-all; padding:0;margin: 0 0 15px;font-size:95%;line-height:1.5;max-height: 90px;min-height: 30px;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.reviewBlock .reviewItem p.reviewNotice {padding: 5px 0;font-size:100%;border-bottom:none;color:#F00;line-height:1.5;text-align:center;}
.reviewBlock .reviewItem p.reviewNotice a { color:#444; }
#wrap .livetypeBlock.top .reviewBlock .reviewItem p.reviewNotice { padding:5px 0; }
.reviewBlock .reviewNotyet { display:none; }
.reviewBlock .reviewItem p.zero { padding:30px 0; font-size:100%; text-align:center; }
.reviewBlock .reviewItem p.netabare { font-weight:bold; color:#F00; }
.reviewBlock .reviewItem p.goMore, .reviewItem p.Like { color:#666; position:absolute; right:10px; bottom:5px; }
.reviewBlock .reviewItem p.Like span.like a:hover { color:#666; }
.reviewBlock .reviewItem p.Like span.liked a { color:#FF8C00; }
.reviewBlock div.reviewItem.myReview p.goMore { right:8px; bottom:8px; }
.reviewBlock .reviewItem p.goMore strong { color:#6A3906; }
.reviewBlock .reviewItem p.postDateList { margin:0; color:#666; position:absolute; bottom:7px; }
.reviewBlock .reviewItem a { color:#666; }
.reviewBlock .reviewItem a:hover { color:#FF8C00; }
.reviewBlock .reviewItem p.user {margin-bottom: 2px;height: auto;margin-left: 40px;padding-top: 2px;}
.reviewBlock .reviewItem p.user span { font-weight:bold; vertical-align: middle;display: table-cell; color:#878787; }
.reviewBlock .reviewItem p.user span + span {padding-left: 5px;font-size: 11px;}
.reviewBlock .reviewItem p.user span.guest { left:10px; }
.reviewBlock .reviewItem .userinfo {height: 30px;overflow: hidden;margin-bottom: 5px;}
.reviewBlock .reviewItem .userinfo > img { height:30px; width:30px; margin-right:10px; float:left; }
.reviewBlock .reviewItem .liveinfo { position: relative; padding-bottom:10px; margin-bottom:10px; width:100%; border-bottom: 1px solid #CCC;}
.reviewBlock .reviewItem .liveinfo h3.liveName { font-size:131%; font-weight:bold; line-height:1.25; max-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.reviewBlock .reviewItem .liveinfo h4 { max-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.reviewBlock .reviewItem .liveinfo a { color:#878787; }
.reviewBlock .reviewItem .liveinfo a:hover { color: #FF8C00; }
.reviewBlock .reviewItem p.postDate { width: auto; float: left; line-height: 15px; font-size: 11px; padding: 5px 0 0; }
#wrap .reviewBlock .reviewItem .liveinfo h4 {margin:0;font-size:93%;margin-top: 5px;color:#FF8C00;font-weight:normal;width:480px;}
.reviewBlock .reviewItem .reviewinfo { padding: 0 35px 0 0; background: #FFF url(../../img/common/cursor_R.png) no-repeat right 50%; background-size: 20px 20px; min-height:30px; }
.reviewBlock .reviewItem .reviewinfo p.Like { position: initial; padding:0; }
.reviewBlock .reviewItem .reviewinfo.zero { padding: 0px; }
.reviewBlock .reviewItem .reviewinfo.zero .reviewPostDate, .reviewBlock .reviewItem .reviewinfo.zero .reviewBtns { margin-right:35px; }
.reviewBlock .reviewItem .reviewinfo ul.dateinfo { display: table; }
.reviewBlock .reviewItem .reviewinfo ul.dateinfo li { width:100%; display: table-cell; vertical-align: middle; font-size: 11px;}
#wrap .livetypeBlock.top .reviewBlock .reviewItem .liveinfo h4 { width:100%; }
#wrap #container #content .reviewBlock .reviewItem .liveinfo.fes h3.liveName a:hover, #wrap #container #content .reviewBlock .reviewItem .liveinfo.fes h4 { color:#9C0; }
#wrap #container #content .reviewBlock .reviewItem .liveinfo.tour h3.liveName a:hover, #wrap #container #content .reviewBlock .reviewItem .liveinfo.tour h4 { color:#96C; }
/* review */

/* Livetype Mordal */
.livetypeBlock .liveTypeIn { display:none; }
.liveTypeIn { margin:0 0 5px; padding:10px; background:#FFF; overflow:hidden; position:relative; border-radius:3px; }
.liveTypeIn form {width: 760px;overflow:hidden;}
.liveTypeIn h5, .liveTypeIn p, .liveTypeIn dl { background:#FFF; }
.liveTypeIn h5 { clear:both; text-align:center; border-top:1px solid #FF8C00; border-bottom:1px solid #FF8C00; line-height:25px; }

.liveTypeIn .liveTypePost {margin: 15px 0 20px;padding-left: 30px;overflow:hidden;/* background:url(../../img/common/bgLiveTypeForm.gif) repeat-y; *//* height: 175px; */}
.liveTypeIn ul {margin:0 5px 0 0;padding:10px 0 0 5px;width:169px;border-left:1px solid #999;float:left;min-height: 160px;}
.liveTypeIn ul p { text-align:center; font-weight:bold; margin-bottom: 10px; }
.liveTypeIn ul li { padding:0 0 5px; font-size:93%; line-height:1.25; }
.liveTypeIn ul li input[type="radio"] { margin-right:3px; }
.liveTypeIn ul li input[type="checkbox"] { margin-right:5px; }

.liveTypeIn dl dt {padding: 10px 15px 10px 0;line-height: 25px;width:auto;overflow:hidden;}
.liveTypeIn dl dt strong { color:#6A3906; }
.liveTypeIn dl dt span {font-size:85%;width:auto;float:right;}
.liveTypeIn dl dt span.sns {margin-right: 10px;background-size: 20px 20px;background-position:left;background-repeat: no-repeat;/* text-align: right; */padding: 0 10px 0 20px;line-height: 25px;}
.liveTypeIn dl dt span.sns.tw { background-image: url(../../img/themes/icon_Tw.png);  }
.liveTypeIn dl dt span.sns.fb { background-image: url(../../img/themes/icon_Fb.png);  }
.liveTypeIn dl dt span.sns a { color: #FFF; font-weight:bold; }
.liveTypeIn dl dt span.sns.fb.on { background-color: #315096; }
.liveTypeIn dl dt span.sns.tw.on { background-color: #55acee; }
.liveTypeIn dl dt span.sns.off { background-color: #AAA; }
.liveTypeIn dl dd textarea {padding:10px;font-size:93%;line-height:1.5;width: 735px;height: 150px;}
.liveTypeIn dl dd select { width:100%; }
.liveTypeIn dl + p { font-size:85%; line-height:30px; text-align:right; width:320px; float:right; } 
.liveTypeIn dl + p a { text-decoration:underline; } .liveTypeIn dl + p a:hover { text-decoration:none; }

.liveTypeIn p.submitBtn {clear:both;/* padding-top:20px; */text-align:center;font-size:116%;}
.liveTypeIn p.submitBtn a { display: inline-block; margin:0 auto; padding:0 10px; font-size:93%; line-height:25px; text-align:center; color:#333; width:200px; background:#CCC; border-bottom:2px solid #666; border-radius:3px; }
.liveTypeIn p.submitBtn a:hover { opacity:0.7 }
.liveTypeIn p.attend  { margin-top: 20px; text-align:center; font-size:116%; border-top: 1px dashed #BBB; padding-top: 20px; }


.liveTypeIn .liveTypePost.multivote { padding-left: 0px; }
.liveTypeIn .liveTypePost.multivote ul {border-left:none;min-height: 30px;margin-left: 1px;width: 100%;}
.liveTypeIn .liveTypePost.multivote ul li {height: 25px;float: left;width: 150px;padding-left: 30px;}
.liveTypeIn .liveTypePost.multivote label {display: inline-block;color: #FFF;padding: 3px 10px;font-size: 12px;border-radius: 5px;text-align: center;line-height: 1;min-width: 80px;}

ul.character {height: 20px;/* margin: 10px 0; */padding: 5px 0 10px;float: left;width: 100%;}
ul.character li {margin-right: 10px;float:left;color: #FFF;padding: 3px 10px;font-size: 12px;border-radius: 5px;text-align: center; min-width:60px; }
.character1 { background:#E0252b; }
.character2 { background:#FBD8B5; }
.character3 { background:#948EAC; }
.character4 { background:#DBAB19; }
.character5 { background:#436EB5; }
.character6 { background:#F68A1E; }
.character7 { background:#E4D3A2; }
.character8 { background:#E85298; }
.character9 { background:#65BD45; }
.character10 { background:#B7282E; }
.character11 { background:#00AA71; }
.character12 { background:#BAE3F9; }

.liveTypeIn .satisfactionPost {margin: 10px 0;height: 30px;width:780px;}
.liveTypeIn .satisfactionPost + p  {margin-bottom:15px;padding-left:10px;font-size:116%;line-height:30px;/* width:300px; */text-align: center;}
/* Livetype Mordal */

.livetypeBlock p.caption { padding:10px 0; font-size:85%; line-height:1.25; border-bottom:1px solid #CCC; }
/* LiveType */

ul.reviewPostDate {margin: 10px auto; font-size: smaller; height: 10px;}
ul.reviewPostDate li { float: left; margin:0 10px 0 0; }
ul.reviewPostDate li span { font-weight:bold; }
ul.reviewPostDate li.like_on { color:#FF8C00; }
ul.reviewPostDate li.no_disp { display:none; }
ul.reviewPostDate li:last-child { float: right; margin-right:0; }

p.reviewBtns { margin:0; line-height:20px; border-top:1px solid #CCC; padding: 5px 0!important;  height: 15px; }
p.reviewBtns a { text-decoration:underline; float: right; }
p.reviewBtns a:hover { text-decoration:none; }
p.reviewBtns span.likeicon a { text-decoration:none; padding-left: 40px; }
p.reviewBtns span.likeicon, span.commenticon {float: left;margin-right: 10px;}
p.reviewBtns span.like_btn a { margin-top:0; padding-left: 40px; }
p.reviewBtns span.commenticon a {background:url(../../img/common/icon_comment.png?update=20161125) no-repeat;text-decoration: none;width: 85px;height:20px;background-size: 85px;/* background-position: 0px -1px; */display: block;}
p.reviewBtns span.commenticon a:hover { opacity:0.7; }

.starRating { height: auto; position: relative; margin-left: 37px; width: 70px; font-size: 14px; }
.starRating:before, .starRating:after { content: "\2605\2605\2605\2605\2605"; display: block; top: 0; left: 0; position: absolute; overflow: hidden;}
.starRating:before { color: #BBB; }
.starRating:after { color: #cbb562; }

#liveType >.starRating {width: 100px;margin-left: 0px;font-size: 20px;height: 25px;padding:5px 0;float: left;}
#liveType >.starRating span { padding-left:105px; font-size: 16px;font-weight: bold; line-height: 1.25; }
#liveType >.starRating:before, #liveType >.starRating:after { top: 5px; }
#liveType >.starRating:after { color: #75ce6d; }

.liveTypeIn .starRating { cursor : pointer; width: 150px;font-size: 30px;left: 269px;}


.starRating.rating-0:after { width: 0%; }
.starRating.rating-10:after { width: 10%; }
.starRating.rating-20:after { width: 20%; }
.starRating.rating-30:after { width: 30%; }
.starRating.rating-40:after { width: 40%; }
.starRating.rating-50:after { width: 50%; }
.starRating.rating-60:after { width: 60%; }
.starRating.rating-70:after { width: 70%; }
.starRating.rating-80:after { width: 80%; }
.starRating.rating-90:after { width: 90%; }
.starRating.rating-100:after { width: 100%; }

p.openReview { float:left; margin-bottom: 10px; }
a.openSpoiler { display: inline-block; font-weight: bold; line-height: 1.25; color: #FFF; background: #555; border-radius: 5px; text-align: center; padding: 3px 15px; margin-left: 10px; font-size:12px; }
#a.openSpoiler:after { content:"▼"; }
img.middle { vertical-align:middle; }

/* livit - comicBox */
.comicBox .author{
    display: table;
    width: 64%;
    float: right;
    margin: 8px 0;
}
.midBox.comicBox p.update,
.midBox.comicBox p.digest{
    width: 64%;
}
.midBox.comicBox p.update{
    margin-top: 0;
    margin-bottom: 16px;
}
.comicBox .author .thumb img{
    max-width: 100%;
    border-radius: 50%;
    border:1px solid #ccc;
}
.comicBox .author .thumb,
.comicBox .author .desc{
    display: table-cell;
    font-size: 85%;
    width: 70px;
    vertical-align: middle;
    margin: 0; padding: 0;
    border: none;
}
.comicBox .author .desc{
    width: auto;
    font-weight: normal;
    line-height: 1.5;
}
.midBox.comicBox h3.columnName{
    width: auto;
    margin-bottom: .5em;
}
.tbComic{
    padding: 6px 12px 14px 6px;
    background: url(../../../../img/images/column/liveood/bg-comicThumb.png) no-repeat;
    background-size: 100% 100%;
}
#wrap #container > div.columnBlock .comicBox{
    float: none;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
#wrap #container > div.columnBlock .comicBox h3,
#wrap #container > div.columnBlock .comicBox p,
#wrap #container > div.columnBlock > .comicBox p.digest,
#wrap #container > div.columnBlock .comicBox .author{
    width: 450px;
    min-height: inherit;
    float: right;
    margin: 0 0 8px;
}
/* NEWEST */
#newest{ margin-bottom: 2em; }
.whiteBack #newest{ padding: 0 10px; }
#newest h4{ color: #FF8C00; }
#newest .row{
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#newest .col{ width: 32.5%; height: 150px; overflow: hidden; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
#newest .col a{ display: block; width: 100%; height: 100%; }
#newest .back{ position: absolute; left: 0; top: 0; z-index: 0; }
#newest .back img{ width: 100%; height: 150px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#newest .col:hover .back img{ -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-filter: blur(3px); filter: blur(3px); }
#newest .info{ width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; padding: 8px; background-color: rgba(0,0,0,0.5); color: #fff; }
#newest .col:hover .info{ opacity: 0.8; }
#newest h5{ margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 123.1%; font-weight: bold; }
#newest .desc, #newest .time{ font-size: 85%; color: #eee; line-height: 1.3; margin-bottom: 4px; }
#newest .time{ margin-bottom: 0; }
#newest .label{ display: inline-block; width: 7em; padding: 4px 0; text-align: center; position: absolute; left: 0; top: 0; color: #fff; background-color: #FF8C00; font-size: 85%; line-height: 1; }
#newest .col.new:after{ content: "NEW"; display: block; text-align: center; padding-top: 15px; width: 38px; height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; font-size: 77%; font-weight: bold; color: #fff; background-color: #E90000; border-radius: 25px; position: absolute; right: 4px; top: 4px; }
#newest .col.update:after{ content: "更新"; display: block; text-align: center; padding-top: 15px; width: 38px; height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; font-size: 77%; font-weight: bold; color: #fff; background-color: #E90000; border-radius: 25px; position: absolute; right: 4px; top: 4px; }

#newest .contents .col{ width: 24%; height: auto; background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25); }
#newest .contents h5{ overflow: visible; white-space: normal; font-size: 108%; line-height: 1.3; word-break: break-all; word-wrap: break-word; }
#newest .contents .back{position: static;height: 70px;overflow: hidden;text-align: center;}
#newest .contents .back img{width: auto;max-width: 100%;max-height: 70px;}
#newest .contents .info{ position: static; background-color: #fff; color: #333; }
#newest .desc, #newest .time{ color: #FFF; }
#newest .contents .desc, #newest .contents .time{color: #888;}
#newest .contents .desc {overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 40px;word-break: break-all;}
#newest .contents h5 {overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 35px;word-break: break-all;}


#newest .label.rensai { background:#99bd0b; }
#newest .label.special { background:#f1497f; }
#newest .label.matome { background:#3fa270; }
#newest .label.setlist { background:#FFA600; }
#newest .label.review { background:#6A3906; }
#newest .label.report { background:#C03; }
#newest .label.pia { background:#36C; }
#newest .label.ticket { background:#46008C; }

.bestactBlock {
  margin: 10px 10px 20px;
  padding:0;
  overflow:hidden;
  position: relative;
  border: 3px solid #3f60cd;
  padding: 10px;
}

.bestactBlock .title {
  /* color:#9C0; */
  line-height: 1.5;
  font-weight:bold; 
  margin-left: 330px;
  margin-bottom: 0;
  /* font-size: 93%; */
}

.bestactBlock .title a {
  color : #878787;
  text-decoration : underline;
  margin-top:5px;
  word-wrap: break-word;
}

.bestactBlock img {
  float:left;
}

.bestactBlock .btnGold,
.bestactBlock .btnBlue, .bestactBlock .btnGray {
  display: block;
  #font-size: 1.4rem
  padding: 8px 16px;
  background-color: #ffdc2b;
  border-radius: 8px;
  border: none;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  line-height: 30px;
}

.bestactBlock .btnGold {
    display: table;
    margin: 5px auto 0;
    padding: 3px 20px;
    font-size: 100%;
    float: right;
    max-width: 45%;
}

.bestactBlock #modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
}

.bestactBlock #modal .btnClose {
  background-color: #484848;
  text-decoration: none;
  color: #fff;
  #font-size: 3rem;
  font-weight: bold;
  padding: 0px 10px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.bestactBlock #modal .btnClose:hover {
  opacity: 0.6;
}

.bestactBlock #modalInner {
  width: 745px;
  height: 416px;
  box-sizing: border-box;
  overflow-y: scroll;
  margin: 0 auto;
  background-color: #fff;
  padding: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10000;
}

.bestactBlock #overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}


.bestactBlock #modalInner .ttl {
  #font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin: 1em auto;
  line-height: 1.5;
}

.bestactBlock #modalInner .ttl .artist {
  color: #183288;
  #font-size: 3rem;
}

.bestactBlock #modalInner .selectId {
  text-align: center;
  margin-bottom: 4em;
}

.bestactBlock #modalInner .selectId li {
  display: inline-block;
  width: 16em;
  list-style: none;
  margin: 0 8px;
}

.bestactBlock #modalInner .selectId li a {
  display: block;
  cursor: pointer;
  text-align: center;
  color: #fff;
  #font-size: 1.6rem;
  list-style: none;
  text-decoration: none;
  padding: 14px 0;
}

.bestactBlock #modalInner .selectId li .btnTwitter {
  background-color: #00b0ec;
}

.bestactBlock #modalInner .selectId li .btnFb {
  background-color: #3b5999;
}

.bestactBlock #modalInner .selectId li a:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
}

.bestactBlock #modalInner .caption {
  width: 90%;
  margin: 0 auto;
  color: #b07842;
  #font-size: 1.2rem;
  line-height: 1.5;
}

.bestactBlock #modalInner .caption li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

.bestactBlock #modalInner .form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  margin: 1em 0 .2em;
  border-radius: 16px;
  border: 3px solid #ccc;
}

.bestactBlock #modalInner .form .countNum {
  display: block;
  float: right;
  color: #ccc;
  #font-size: 3rem;
  font-weight: bold;
}

.bestactBlock #modalInner .btnArea {
  clear: both;
  text-align: center;
}

.bestactBlock #modalInner .btnGold,
.bestactBlock #modalInner .btnBlue {
  margin: 0 auto;
  #font-size: 1.8rem;
  padding: 12px 32px;
  float: none;
}

.bestactBlock #modalInner .btnGold {
  display: inline-block;
  float: none;
}

.bestactBlock #modalInner .btnBlue:hover {
  cursor: pointer;
}

.bestactBlock #modalInner .desc {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 1em;
}

.bestactBlock #page2, #page3, #page5, #page8 {
  display: none;
}

.bestactBlock #overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.bestactBlock #overlay:hover {
  cursor: pointer;
}

.bestactBlock #modalInner .selectId li {
  margin-bottom: .5em;
}

.bestactBlock #modalInner .btnBlue {
  background-color: #334c9f;
  color: #fff;
}

.bestactBlock .subttl {
  background: url(/img/images/campaign/bestact/2017/bgRed.png) repeat;
  color: #FFF;
  position: absolute;
  bottom: 0;
  width: 25%;
  font-size: 88%;
  text-align: center;
  line-height: 30px;
}

.bestactBlock #modalInner .siginupArea {
  max-width: 80%;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fffde8;
  border: 1px solid #ffdc2b;
  padding: 16px 8px;
}

.bestactBlock #modalInner .tC { text-align:center; }
.bestactBlock #modalInner .mt30 { margin-top:30px; }
.bestactBlock #modalInner .mb10 { margin-bottom:10px; }
.bestactBlock #modalInner p img { float:none; }

/* tvBlock */
.tvBlock {
	margin: 0 10px 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.tvBlock .tvBox {
	position: relative;
	background-color: #efefef;
	padding: 16px;
	padding-right: 30px;
	border-radius: 8px;
}
.tvBlock .tvBox:before {
	display: block;
	position: absolute;
	right: 16px;
	top: 50%;
	content: "";
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tvBlock .tvBox a {
	display: block;
}
.tvBlock .tvBox p {
	line-height: 1.5;
}
.tvBlock .tvBox:after{
	content: "";
	display: block;
	clear: both;
}
.tvBlock .tvBox .thumb{
	float: left;
	margin-right: 16px;
}
.tvBlock .tvBox .thumb img {
	background-color:#FFF;
}
.tvBlock .tvBox .date{
	color: #484848;
}
.tvBlock .tvBox .channel{
	color: #6e6e6e;
}
.tvBlock .tvBox .tvname{
    font-weight: bold;
    font-size: 134%;
    color: #131313;
    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: 55px;
}
.tvBlock .btnMore{ text-align: center; }
.tvBlock .btnMore a{
	display: block;
	margin: 1em 0 0;
	display: inline-block;
	border-radius: 4px;
	background-color: #ff8c00;
	color: #fff;
	font-size: 117%;
	padding: 16px;
}
.tvBlock .tvBox:hover,
.tvBlock .btnMore a:hover{ opacity: 0.8; color: #fff;}