@charset "utf-8";
#wrap #container #content { width: 728px; float: left; }

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

.pc { display:block; }
.sp { display:none !important; }

/* 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; }
.inner { width: 1060px; margin: 0 auto; }
.bannerBox { text-align: center; margin: 2em 0; }
.bannerBox img { display: block; margin: 0 auto; }
.bannerBoxLeft { float: left; width: 50%}
.bannerBoxRight { float: right; width: 50% }
.bannerRectangle { min-height:300px; }

/* 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%
-------------------------------------------------------------------------------- */
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; letter-spacing:0; color:#333; }

#bannerLf, #bannerRt { position: fixed; right: 50%; top: 29px; margin: 0 auto; margin-right: -717px; width: 160px; height: 800px; }
#bannerLf { left: 50%; right: inherit; margin-right: 0; margin-left: -717px; }

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

/* mod href link color -19/5/7 */
.whiteBack.midBox.newsinfo a { color:#9C0; }
.whiteBack.midBox.newsinfo a:hover { opacity: 0.7; }

a img:hover, .opalink:hover { opacity: 0.7; transition: opacity .3s ease; }


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

/* HEADER */
#header .seoArea { background-color: #ff8c00; padding: .5em; color: #fff; font-size: 85%; }

#header .seoArea .inner { display: table; }

#header .seoArea .seoTxt { display: table-cell; width: 20%; }

#header .seoArea .numbers { display: table-cell; width: 80; text-align: right; }

#header #headerMiddle { display: table; border-spacing: 8px; border-collapse: separate; }
#header #headerMiddle > h1, #header #headerMiddle > div, #header #headerMiddle > ul { display: table-cell; vertical-align: middle; width: 20%; }
#header #headerMiddle .bannerBox { width: 60%; }
#header #headerMiddle .snsNav { text-align: right; padding-left: 25px;}
#header #headerMiddle .snsNav li { display: inline-block; }
.snsNav li { margin: 5px; }

#header #headNav { background-color: #eee; margin-bottom: 1em; }
#header #headNav ul { display: table; }
#header #headNav ul::after { content: ""; display: block; clear: both; }
#header #headNav li { display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #fff; }
#header #headNav li a { display: block; padding: 1.5em 1em 1em; border-bottom: 4px solid #eee; font-size: 12px; }
#header #headNav li:first-child { border-left: 1px solid #fff; }
#header #headNav li.active a, #header #headNav li:hover a { border-color: #ff8c00; }
#header #headNav li.livefansPush a{ padding: 8px 1em 4px; }

/* HERO IMAGE */
#heroImage { text-align: center; margin-bottom: 1em; }

/* 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 */

/* DFP Banner */
div.adCenter { margin: 0 auto; }

/* CONTAINER */
#wrap #container::after { content: ""; display: block; clear: both; }

/* containerHEAD */
#containerHead { margin-bottom: .5em; }
#containerHead::after { content: ""; display: block; clear: both; }
#containerHead .left { position: relative; width: 825px; float: left; }
#containerHead .left .btn { position: absolute; right: 0; top: 0; }
#containerHead .left .btn a { display: block; padding: 5px; color: #FFF; width: 105px; height: 25px; background: #585858; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-weight: bold; font-size: 108%; line-height: 25px; }
#containerHead .right { width: 226px; float: right; }
#containerHead .right .login { margin-bottom: 7px; }
#containerHead .right .userBox { background-color: #f1f1f1; border: 3px solid #cbcbcb; padding: .4em; margin-bottom: 10px; }
#containerHead .right .userBox dl { width: 100%; display: table; margin-bottom: .5em; }
#containerHead .right .userBox .userLeft {  width: 25%; position: relative; float: left; margin-bottom: .5em; }
#containerHead .right .userBox .userLeft img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
#containerHead .right .userBox .userLeft .badge { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 .3em; border-radius: 50%; background-color: #e60012; color: #fff; font-size: 93%; line-height: 1.5; }
#containerHead .right .userBox .userRight { width: 70%; padding-left: .5em; float: left; margin-bottom: .5em; }
#containerHead .right .userBox .userRight ul { display: table; }
#containerHead .right .userBox .userRight ul li { word-break: break-all; word-wrap: break-word; }
#containerHead .right .userBox .userRight ul li .username { display: table-cell; vertical-align: middle; font-size: 108%; font-weight: bold; height: 25px; }
#containerHead .right .userBox .userRight ul li .username a { color: #333; }
#containerHead .right .userBox .userRight .tbl-linklist { display: table; border-collapse: separate; border-spacing: 35px 0; margin: 0 -35px; }
#containerHead .right .userBox .userRight ul li .mypage { display: table-cell; vertical-align: middle; font-size: 85%; height: 18px;}
#containerHead .right .userBox .userRight ul li .mypage a { text-decoration: underline; }
#containerHead .right .userBox .userRight ul li .mypage a:hover { text-decoration: none; }
#containerHead .right .userBox .userRight ul li .logout { display: table-cell; vertical-align: middle; font-size: 85%; height: 18px;}
#containerHead .right .userBox .userRight ul li .logout a { text-decoration: underline; }
#containerHead .right .userBox .userRight ul li .logout a:hover { text-decoration: none; }
#containerHead .right .userBox ul.userBottom { width: 100%; display: table; }
#containerHead .right .userBox ul.userBottom li { display: table-cell; vertical-align: middle; font-size: 85%; }
#containerHead .right .userBox ul.userBottom li.logout { width: 30%; }
#containerHead .right .userBox ul.userBottom li.logout a { text-decoration: underline; }
#containerHead .right .userBox ul.userBottom li.logout a:hover { text-decoration: none; }
#containerHead .right .userBox ul.userBottom li.po { width: 70%; background-color: #fff; padding: 0 .5em; line-height: 1.5; color: #888; }
#containerHead .right .userBox ul.userBottom li.po .point { width: 4.6em; display: inline-block; text-align: right; font-size: 138.5%; font-weight: bold; color: #ff8c00; }

#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:#585858; 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 0; height: 45px; width: 680px; background-color: #EEE; 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:275px; }
#wrap #container #narrowsDown form .narrowSearchBoxIn ul li { margin:0 35px; font-size:100%; line-height:1.25; display: inline-block; }

#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; }

span.tticon.user-article-edit a { width: 100px; text-align: center; background: #555; padding: 0; }
span.tticon.user-article-edit a .fas { margin-right: 7px; }

/* 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; }
.newsBlock .news p.loading { padding:70px 10px 70px 10px; }


.midBox { clear:both; margin:0 0 5px; padding:10px; width:auto; overflow:hidden; position:relative; }
.midBox img { object-fit: contain; }
.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 10px 3px 13px; font-weight:bold; line-height:1.25; width:65%; float:left; }
.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:445px; 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; }
.midBox #textOnline { background: #e91e62; width: 99px; border-radius: 3px; cursor: default; font-size: 10px; font-weight: bold; padding: 4px 0px;margin:0;}
/* 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: 0 0 10px 10px;
    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.onlinePageNate { font-size:93%; line-height:3; text-align:right; color:#FF8C00; }
p.pageNate a, p.pageNate span, p.onlinePageNate a, p.onlinePageNate 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;
}

#side { /* NEWS BOX */ /* MATOME BOX */ /* RENSAI BOX */ /* TV BOX */ /* SOCIAL BOX */ /* RANKING BOX */ /* SPECIAL BOX */ /* TEIBAN BOX */ /* TENBAI BOX */ }
#side #teibanBox, #side #tvBox, #side #rensaiBox, #side #rankingBox, #side #matomeBox, #side #newsBox, #side #infoBox, #side #tenbaiBox, #side #livefanspush, #side #specialBox { margin-bottom: 3em; }
#side #teibanBox .tab::after, #side #tvBox .tab::after, #side #rensaiBox .tab::after, #side #rankingBox .tab::after, #side #matomeBox .tab::after, #side #newsBox .tab::after, #side #infoBox .tab::after { content: ""; display: block; clear: both; }
#side #teibanBox .tab li, #side #tvBox .tab li, #side #rensaiBox .tab li, #side #rankingBox .tab li, #side #matomeBox .tab li, #side #newsBox .tab li, #side #infoBox .tab li { width: 50%; display: block; box-sizing: border-box; padding: 1em 0; float: left; text-align: center; font-size: 108%; color: #888; background-color: #e2e2e2; border-radius: 4px 4px 0 0; border-top: 6px solid #e2e2e2; }
#side #teibanBox .tab li:hover, #side #tvBox .tab li:hover, #side #rensaiBox .tab li:hover, #side #rankingBox .tab li:hover, #side #matomeBox .tab li:hover, #side #newsBox .tab li:hover, #side #infoBox .tab li:hover { opacity: 0.7; cursor: pointer; }
#side #teibanBox .tab li.active, #side #tvBox .tab li.active, #side #rensaiBox .tab li.active, #side #rankingBox .tab li.active, #side #matomeBox .tab li.active, #side #newsBox .tab li.active, #side #infoBox .tab li.active { border-top: 6px solid #ff8c00; background-color: #f2f2f2; color: #333; font-weight: bold; }
#side #teibanBox .tab li.active:hover, #side #tvBox .tab li.active:hover, #side #rensaiBox .tab li.active:hover, #side #rankingBox .tab li.active:hover, #side #matomeBox .tab li.active:hover, #side #newsBox .tab li.active:hover, #side #infoBox .tab li.active:hover { opacity: 1; cursor: default; }
#side #teibanBox .contents, #side #tvBox .contents, #side #rensaiBox .contents, #side #rankingBox .contents, #side #matomeBox .contents, #side #newsBox .contents, #side #infoBox .contents { border-radius: 0 0 8px 8px; background-color: #f2f2f2; padding: 8px; }
#side #teibanBox .contents.hide, #side #tvBox .contents.hide, #side #rensaiBox .contents.hide, #side #rankingBox .contents.hide, #side #matomeBox .contents.hide, #side #newsBox .contents.hide, #side #infoBox .contents.hide { display: none; }
#side #teibanBox .contents ul, #side #tvBox .contents ul, #side #rensaiBox .contents ul, #side #rankingBox .contents ul, #side #matomeBox .contents ul, #side #newsBox .contents ul, #side #infoBox .contents ul { background-color: #fff; }
#side #teibanBox .contents ul li, #side #tvBox .contents ul li, #side #rensaiBox .contents ul li, #side #rankingBox .contents ul li, #side #matomeBox .contents ul li, #side #newsBox .contents ul li, #side #infoBox .contents ul li { border-bottom: 1px solid #f2f2f2; }
#side #teibanBox .contents ul li > div, #side #teibanBox .contents ul li > a, #side #tvBox .contents ul li > div, #side #tvBox .contents ul li > a, #side #rensaiBox .contents ul li > div, #side #rensaiBox .contents ul li > a, #side #rankingBox .contents ul li > div, #side #rankingBox .contents ul li > a, #side #matomeBox .contents ul li > div, #side #matomeBox .contents ul li > a, #side #newsBox .contents ul li > div, #side #newsBox .contents ul li > a, #side #infoBox .contents ul li > div, #side #infoBox .contents ul li > a { display: block; padding: 1em; margin-top: 0; }
#side #teibanBox .contents ul li > div::after, #side #teibanBox .contents ul li > a::after, #side #tvBox .contents ul li > div::after, #side #tvBox .contents ul li > a::after, #side #rensaiBox .contents ul li > div::after, #side #rensaiBox .contents ul li > a::after, #side #rankingBox .contents ul li > div::after, #side #rankingBox .contents ul li > a::after, #side #matomeBox .contents ul li > div::after, #side #matomeBox .contents ul li > a::after, #side #newsBox .contents ul li > div::after, #side #newsBox .contents ul li > a::after, #side #infoBox .contents ul li > div::after, #side #infoBox .contents ul li > a::after { content: ""; display: block; clear: both; }
#side #teibanBox .contents ul li .thumb, #side #tvBox .contents ul li .thumb, #side #rensaiBox .contents ul li .thumb, #side #rankingBox .contents ul li .thumb, #side #matomeBox .contents ul li .thumb, #side #newsBox .contents ul li .thumb { float: left; margin-right: 1em; height: 80px; width: 80px; overflow: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #efefef; }
#side #teibanBox .contents ul li .thumb img, #side #tvBox .contents ul li .thumb img, #side #rensaiBox .contents ul li .thumb img, #side #rankingBox .contents ul li .thumb img, #side #matomeBox .contents ul li .thumb img, #side #newsBox .contents ul li .thumb img { width: 100%; height: auto; }
#side #teibanBox .contents ul li .info, #side #tvBox .contents ul li .info, #side #rensaiBox .contents ul li .info, #side #rankingBox .contents ul li .info, #side #matomeBox .contents ul li .info, #side #newsBox .contents ul li .info, #side #infoBox .contents ul li .info { overflow: hidden; }
#side #teibanBox .contents ul li time, #side #tvBox .contents ul li time, #side #rensaiBox .contents ul li time, #side #rankingBox .contents ul li time, #side #matomeBox .contents ul li time, #side #newsBox .contents ul li time, #side #matomeBox .contents ul li time, #side #infoBox .contents ul li time { display: block; margin-bottom: .3em; font-size: 93%; color: #888; }
#side #teibanBox .contents ul li .ttl, #side #tvBox .contents ul li .ttl, #side #rensaiBox .contents ul li .ttl, #side #rankingBox .contents ul li .ttl, #side #matomeBox .contents ul li .ttl, #side #newsBox .contents ul li .ttl, #side #infoBox .contents ul li .ttl { word-break: break-all; word-wrap: break-word; line-height: 1.3; font-size: 108%; color: #333; }
#side #teibanBox .whiteBack { border-radius: 0; margin-bottom: 0; }
#side #matomeBox .contents ul li .ttl { font-weight: bold; }
#side #matomeBox .contents ul li .desc { line-height: 1.3; word-break: break-all; word-wrap: break-word; font-size: 93%; font-weight: normal; color: #888; }
#side #rensaiBox .contents ul li .thumb, #side #rensaiBox .contents ul li .info { float: none; margin-right: 0; }
#side #rensaiBox .contents ul li .thumb { margin-bottom: .5em; width: 248px; height: auto; }
#side #rensaiBox .contents ul li .ttl { font-weight: bold; }
#side #rensaiBox .contents ul li .desc { line-height: 1.5; word-break: break-all; word-wrap: break-word; font-size: 93%; font-weight: normal; color: #888; }
#side #rensaiBox .contents ul li time { display: block; margin-top: .3em; font-size: 85%; color: #de8300; }
#side #rensaiBox .contents ul li .comic { float: left; margin-right: .5em; }
#side #rensaiBox .contents ul li .info > div { overflow: hidden; }
#side #tvBox time { color: #484848; }
#side #tvBox .channel { line-height: 1.5; font-size: 93%; font-weight: normal; color: #888; }
#side #tvBox .ttl { margin-bottom: .5em; font-weight: bold; color: #333; }
#side #tvBox .contents ul li .thumb { width: 130px; height: 53px; background: #fff; }
#side #socialBox { margin-bottom: 3em; }
#side #socialBox .feed { height: 640px; padding: 0 8px 8px; margin: 0; border: 8px solid #efefef; overflow-y: auto; background-image: none; border-radius: 8px; }
#side #socialBox .feed li { padding-left: 0; margin-bottom: 0; }
#side #socialBox .feed li.youtube { margin-bottom: 1em; }
#side #socialBox .feed li.youtube::after { content: ""; position: absolute; right: 8px; top: 6px; width: 20px; height: 20px; background: url(../../img/common/sns/icon-youtube.svg) no-repeat; background-size: contain; }
#side #socialBox .feed li:last-child { margin-bottom: 0; }
#side #socialBox .feed .twitter-tweet { width: 100%; }
#side #socialBox .feed .fukidashi { position: relative; padding: 1em; }
#side #socialBox .feed .fukidashi::after { border: none; }
#side #socialBox .feed .fukidashi .name { padding-right: 25px; }
#side #socialBox .feed .fukidashi:before { border: none; }
#side #rankingBox ul li { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -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: center; -ms-flex-align: center; align-items: center; }
#side #rankingBox ul li div { padding: 1em .5em; }
#side #rankingBox ul li .rank { width: 20%; text-align: center; font-weight: bold; }
#side #rankingBox ul li .rank span { display: table-cell; width: 35px; height: 35px; border-radius: 50%; background-color: #cecece; line-height: 1; vertical-align: middle; color: #fff; font-size: 123.1%; }
#side #rankingBox ul li .rank.gold span { background-color: #cbb122; }
#side #rankingBox ul li .rank.silver span { background-color: #878787; }
#side #rankingBox ul li .rank.bronze span { background-color: #b56867; }
#side #rankingBox ul li .count { width: 10%; text-align: right; color: #ffa500; font-size: 108%; font-weight: bold; }
#side #rankingBox ul li .name { width: 70%; padding: 1em 0 !important; color: #333; line-height: 1.3; font-size: 108%; font-weight: bold; }
#side #rankingBox .caption { margin-top: .5em; font-size: 85%; color: #888; text-align: right; }
#side #specialBox ul { 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: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
#side #specialBox ul li { width: 49%; box-sizing: border-box; margin-right: .46em; margin-bottom: .5em; padding: .6em; background-color: #f2f2f2; }
#side #specialBox ul li:nth-child(2n) { margin-right: 0; }
#side #specialBox ul li a { display: block; }
#side #specialBox ul li .thumb { margin-bottom: .5em; text-align: center; height: 130px; width: 130px; overflow: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #efefef; }
#side #specialBox ul li .thumb img { width: 100%; height: auto; }
#side #specialBox ul li .ttl { font-size: 108%; font-weight: bold; }
#side .ttlSide { text-align: center; font-size: 123.1%; font-weight: bold; color: #333; }
#side .ttlSide span { display: inline-block; border-bottom: 6px solid #e2e2e2; margin-bottom: 1em; padding: 0 1em .3em; }
#side .moreBtn { margin-top: 1em; }
#side .moreBtn a { width: 240px; box-sizing: border-box; display: block; border: 2px solid #888; margin: 0 auto; padding: 1em .5em; border-radius: 8px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); line-height: 1; font-size: 14px; text-align: center; font-weight: bold; color: #888; }
#side .moreBtn a:hover { opacity: 0.7; transition: opacity .3s ease; }
#side #teibanBox .songlistBlock table { width: 100%; background: transparent; border-radius: 0; }
#side #teibanBox .songlistBlock table td.title span, #side #teibanBox .songlistBlock table td.title a, #side #teibanBox .songlistBlock table td.graph, #side #teibanBox .songlistBlock table td.title, #side #teibanBox .songlistBlock table td.rank, #side #teibanBox .songlistBlock table td.teiban, #side #teibanBox .songlistBlock table td { padding: 0; width: auto; border: none; }
#side #teibanBox .songlistBlock table.tbtm { display: block; margin: 0 -1em 1em; padding: 0 1em 1em; border-bottom: 1px solid #f2f2f2; }
#side #teibanBox .songlistBlock table.tbtm tbody { width: 100%; display: table; }
#side #teibanBox .songlistBlock table.tbtm td { vertical-align: middle; }
#side #teibanBox .songlistBlock table td.rank, #side #teibanBox .songlistBlock table td.teiban { width: 40px; text-align: center; }
#side #teibanBox .songlistBlock table td.title, #side #teibanBox .songlistBlock table td.zokusei { padding-left: 6px; }
#side #teibanBox .songlistBlock table td.graph { display: inline-block; background-color: #f2f2f2; border-radius: 4px; padding: 0 8px; margin: 4px; line-height: 2; text-align: left; color: #888; }
#side #teibanBox .songlistBlock table td.zokusei { width: 81px; background-position: 5px 50%; box-sizing: border-box; }
#side #teibanBox .songlistBlock table td.links { width: 181px; text-align: right; }
#side #teibanBox .songlistBlock table td.links a { float: left; display: block; width: auto; height: auto; box-sizing: border-box; padding: 0; margin-left: 2px; line-height: 1; font-size: 93%; color: #fff; vertical-align: middle; }
#side #teibanBox .songlistBlock table td.links a.gobuy { padding: 0 4px 0 20px; border-radius: 4px; background: #fb6a00 url(../../img/common/icon-rank-cart.png) no-repeat 2px 50%; font-size: 93%; line-height: 24px; text-indent: 0; }
#side #teibanBox .songlistBlock table td.links a.youtube { width: 55px; height: 24px; border: 1px solid #ccc; border-radius: 4px; background: url(../../img/common/sns/icon-youtube.svg) no-repeat center; background-size: 20px; }
#side #teibanBox .songlistBlock table td.links a.utanet { background: #f5f5f5 url(../../img/common/icon-uta.svg) no-repeat 4px 49%; background-size: 22px; padding: 0 3px 0 29px; line-height: 24px; text-align: center; width: auto; height: 24px; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc; color: #009; text-indent: 0; }
#side #infoBox .contents ul li .ttl { font-weight: bold; }
#side #infoBox .contents ul li .desc { line-height: 1.3; word-break: break-all; word-wrap: break-word; font-size: 93%; font-weight: normal; color: #888; }
#side #livefanspush .contents{ border-radius: 0 0 8px 8px; background-color: #f2f2f2; padding: 8px; }
#side #livefanspush .contents ul{
	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;
}
#side #livefanspush .contents li{ position: relative; width: 49%; border-bottom: 4px solid #f2f2f2; background-color:#fff; }
#side #livefanspush .contents li.new::after{
	content: "NEW";
	white-space: pre;
	display: block;
	text-align: center;
	padding-top: 11px;
	width: 30px;
	height: 30px;
	-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: 8px;
	top: 8px;
}
#side #livefanspush .contents li a{ display: block; margin-top: 0; }
#side #livefanspush .contents li .thumb{ margin: 4px auto; height: 130px; width: 130px; overflow: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #efefef; }
#side #livefanspush .contents li .label{ display: block; position: absolute; right: 8px; top: 8px; }
#side #livefanspush .contents li .info{ overflow: hidden; padding: 4px 8px; }
#side #livefanspush .contents li .info .ttl{ word-break: break-all; word-wrap: break-word; line-height: 1.3; font-size: 108%; color: #333; }
#side #livefanspush .moreBtn{ padding-bottom: 1em; }
#side #livefanspush .contents li.single{ width: 100%; }
#side #livefanspush .contents li.single .ttl{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#side #livefanspush .contents li.single .thumb{ width: auto; margin: 4px; box-sizing: border-box; }
#side #livefanspush .contents li.single .desc{ font-size: 12px; line-height: 1.5; color: #888; height: 35px; overflow: hidden; }
#side #livefanspush .contents li.single .desc:before { position: absolute; content: "..."; top: 182px; right: 5px; background: #fff; padding: 0px 4px }

/* SIDE */
/* FOOTER BANNER */
#footerBanner > ul { 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: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
#footerBanner > ul li { padding: .5em; }
#footerBanner > ul.smallBanner li { width: 24%; }
#footerBanner > ul.smallBanner li:first-child, #footerBanner > ul.smallBanner li:nth-child(5), #footerBanner > ul.smallBanner li:nth-child(9) { padding-left: 0; }
#footerBanner > ul.smallBanner li:nth-child(4), #footerBanner > ul.smallBanner li:nth-child(8), #footerBanner > ul.smallBanner li:nth-child(12) { padding-right: 0; }
#footerBanner > ul.mediumBanner li { width: 49%; }
#footerBanner > ul.mediumBanner li:nth-child(odd) { padding-left: 0; }
#footerBanner > ul.mediumBanner li:nth-child(even) { padding-right: 0; }
#footerBanner > ul.bigBanner li { width: 100%; padding: .5em 0; }

/* FOOTER BANNER */
/* FOOTER */
#footer { margin-top: 4em; padding: 2em 0 0; background-color: #e2e2e2; }
#footer::after { content: ""; display: block; clear: both; }
#footer .goTop { text-align: right; margin-bottom: 2em; }
#footer .footerLf { width: 65%; float: left; margin-bottom: 4em; }
#footer .footerLf ul { display: inline-block; width: 30%; margin-right: 1em; }
#footer .footerLf ul li { margin-bottom: 1em; }
#footer .footerRt { width: 35%; float: right; text-align: right; margin-bottom: 4em; }
#footer .footerRt ul { margin-bottom: 1em; }
#footer .footerRt ul li { display: inline-block; }
#footer #copy { clear: both; padding: .5em; background-color: #ff8c00; color: #fff; line-height: 1.5; font-size: 93%; text-align: center; }

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 0 10px; max-width:728px!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(https://www.livefans.jp/img/images/setlist/bx_loader.gif) no-repeat center center; }
.news .bx-wrapper .bx-prev { left:0; background:url(https://www.livefans.jp/img/images/setlist/controls.png) no-repeat -20px 0; }
.news .bx-wrapper .bx-next { right:0; background:url(https://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: 330px;float: left;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 { float:none!important; width: auto!important;}
##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 > .midBox img { float: right;}
#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: left; clear: both; }
#container #headlineBanner .btnClose{ display: inline-block; position: absolute; right: 210px; 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; }
.exLink a.DG img { width: 180px; height: 60px; }

/* 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 & Events */
.livetypeBlock,.eventOnlineBlock {margin: 0 10px 40px;position:relative;}
.livetypeBlock #liveType, .eventOnlineBlock #events { margin:0; padding:10px; overflow:hidden; background:#EEE; border-radius:5px; position:relative;}
.livetypeBlock #liveType dl, .eventOnlineBlock #events 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, .eventOnlineBlock #events dl dt { margin:0 0 3px; font-size:85%; line-height:1.25; }
.livetypeBlock #liveType dl dd, .eventOnlineBlock #events dl dd { font-size:100%; font-weight:bold; line-height:1.25; }
.livetypeBlock #liveType dl dd.tl0, .eventOnlineBlock #events dl dd.t10 { color:#666; }
.livetypeBlock #liveType dl dd span, .eventOnlineBlock #events dl dd span { font-size:85%; font-weight:normal; color:#FF8C00; }
.livetypeBlock.top, .eventOnlineBlock.top { margin: 0 0px 40px; }
.livetypeBlock.top .reviewBlock .reviewItem .reviewinfo.zero .reviewBtns { margin-right: 0; }
.eventOnlineBlock #events .pageNate { margin: 1em 0; }
.eventOnlineBlock #events .goMore { margin: 0; }
.eventOnlineBlock #events .midBox a.listImage  { margin: 0 10px 0 0; }
.eventOnlineBlock #events .midBox .icons { position: absolute; right: 5px; width: unset; }
.eventOnlineBlock #events .midBox .icons span.ticon { float: none; }
.eventOnlineBlock #events .midBox .icons + .icons { position: static; right: inherit; width: 445px; }
.eventOnlineBlock #events .midBox span p#textOnline { right: 115px; }
.eventOnlineBlock #events .midBox.fes span p#textOnline { right: 115px; }
.eventOnlineBlock #events .midBox img { margin: 0 10px 0 0; }
.eventOnlineBlock #events .midBox.fes h3.artistName { width: 58%; }
.eventOnlineBlock #events .midBox p.attribute { margin: 0 0 10px 0; }
.eventOnlineBlock #events .midBox p.date { font-size:98%; }

.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 .userinfo {height: 30px;overflow: hidden;margin-bottom: 5px;}
.reviewBlock .reviewItem .userinfo img { height:30px; width:30px; margin-right:10px; float:left; border-radius: 50%; object-fit: cover; }
.reviewBlock .reviewItem .userinfo a { text-decoration:underline; }
.reviewBlock .reviewItem .userinfo a p.user span + span { text-decoration:none; }
.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 .review-text a { text-decoration:none; } 
/* .reviewBlock .reviewItem p.user span:hover { color: #FF8C00; } */
.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 { padding-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; background:#666; }

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; background:#666; }
.character1 { background:#E0252b!important; }
.character2 { background:#FBD8B5!important; }
.character3 { background:#948EAC!important; }
.character4 { background:#DBAB19!important; }
.character5 { background:#436EB5!important; }
.character6 { background:#F68A1E!important; }
.character7 { background:#E4D3A2!important; }
.character8 { background:#E85298!important; }
.character9 { background:#65BD45!important; }
.character10 { background:#B7282E!important; }
.character11 { background:#00AA71!important; }
.character12 { background:#BAE3F9!important; }
.character13 { background:#FFD700!important; }
.character14 { background:#666666!important; }

.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; }
ul.reviewPostDate li a { text-decoration:none; }

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: 49.5%; height: 220px; overflow: hidden; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: none; }
#newest .col.div-3 { width: 33.3%; height: 180px; }
#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%; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#newest .col:hover .back img { -webkit-filter: blur(3px); filter: blur(3px); }
#newest .info { width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; padding: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#newest .col:hover .info{ opacity: 0.8; }
#newest h5 { padding: 8px 8px 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 123.1%; font-weight: bold; }
#newest .desc, #newest .time, #newest .sponsor { font-size: 85%; color: #eee; line-height: 1.3; padding: 4px 8px; }
#newest .bottom-line { width: 100%; overflow: auto; background-color: #000; }
#newest .time { margin-bottom: 0; padding: 4px 8px; float: left; }
#newest .sponsor { margin-bottom: 0; padding: 4px 8px; float: right; }
#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 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); border: none; padding: 0; margin: 0; }
#newest .contents .bottom-line { overflow: visible; background-color: transparent; }
#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 { height: 70px; overflow: hidden; text-align: center; position: relative; }

#newest .contents .back img { position: absolute; width: auto; height: auto; max-width: 100%; min-height: 100%; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#newest .contents .info { position: static; background-color: #fff; color: #333; padding: 8px; }

#newest .contents .desc, #newest .contents .time, #newest .contents .sponsor { color: #888; padding: 0; margin-bottom: 4px; background-color: transparent; }
#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; word-break: break-all; margin-bottom: 4px; padding: 0; }


#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, .awardsBlock {
  margin: 10px 10px 20px;
  padding:0;
  overflow:hidden;
  position: relative;
  border: 3px solid #E61491;
  padding: 10px;
}
.awardsBlock {
  border: 3px solid #f18c22;
}

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

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

.bestactBlock img, .awardsBlock img {
  float:left;
}

.bestactBlock .btnGold,
.bestactBlock .btnBlue, .bestactBlock .btnGray {
  display: block;
  #font-size: 1.4rem
  padding: 8px 16px;
  /* background-color: #ffdc2b; */
  /* border-radius: 8px; */
  background-color: #19FFC6;
  width: 310px;
  border-radius: 310px;
  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;
}

.awardsBlock .btn-orange {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: 1.3em 1em;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 0.8em 2em;
    background-color: #f18c22;
    font-weight: bold;
    color: #fff !important;
    float: right;
}

.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: 500px;
  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;
}
/* line 1262, ../sass/_main.scss */
.bestactBlock input[type=radio],
.bestactBlock input[type=checkbox] {
  display: none;
}

.bestactBlock .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1338, ../sass/_main.scss */
.bestactBlock input[type=radio]:checked + .radio:before,
.bestactBlock input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/* line 1342, ../sass/_main.scss */
.bestactBlock input[type=radio]:disabled + .radio,
.bestactBlock input[type=checkbox]:disabled + .checkbox {
  opacity: .3;
}

/* line 1147, ../sass/_main.scss */
.bestactBlock #modalInner .form2 {
  margin-top: 3rem;
}
/* line 1149, ../sass/_main.scss */
.bestactBlock #modalInner .form2 .desc {
  margin: 1em 0;
  font-size: 1.4rem;
  line-height: 1.5;
}
/* line 1154, ../sass/_main.scss */
.bestactBlock #modalInner .form2 h2 {
  position: relative;
  cursor: pointer;
  margin-top: 2rem;
  margin-bottom: 1em;
  padding: 1em;
  background-color: #577fbc;
  color: #fff;
}
/* line 1162, ../sass/_main.scss */
.bestactBlock #modalInner .form2 h2.js-accordion:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* line 1177, ../sass/_main.scss */
.bestactBlock #modalInner .form2 h2.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 1183, ../sass/_main.scss */
.bestactBlock #modalInner .form2 .select {
  display: none;
}
/* line 1185, ../sass/_main.scss */
.bestactBlock #modalInner .form2 .select {
  display: none;
}
/* line 1185, ../sass/_main.scss */
.bestactBlock #modalInner .list-index{
	text-align: center;
}
.bestactBlock #modalInner .list-index li{
	display: inline-block;
	font-size: 1.4rem;
}
.bestactBlock #modalInner .list-index li a{
	color: #1862d3;
}
.bestactBlock #modalInner .list-index li::after{
	content: "｜";
}
.bestactBlock #modalInner .list-index li:last-child::after{
	content: "";
}
.bestactBlock #modalInner .form2 .select ul {
  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: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/* line 1205, ../sass/_main.scss */
.bestactBlock #modalInner .form2 .select li {
  width: 33%;
  padding: 0 8px 8px 0;
  box-sizing: border-box;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
/* line 1212, ../sass/_main.scss */
.bestactBlock #modalInner .form2 .select li .checkbox {
  display: block;
}

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


.bestactBlock #modalInner .btnArea.fixed {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2rem;
  margin: 0;
  text-align: center;
  line-height: 2;
  color: #fff;
}

.bestactBlock #modalInner .btnGold:disabled{
	background-color: #bfbfbf;
	opacity: 1;
}

.bestactBlock #modalInner .btnGold,
.bestactBlock #modalInner .btnBlue {
  margin: 0 auto;
  margin-bottom: : 10px;
  #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;
}

/* line 1067, ../sass/_main.scss */
.bestactBlock #modalInner .ttl {
  border-bottom: 1px solid #eee;
  margin: 1em auto 2em;
  padding-bottom: 1em;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: 1.5;
}

.bestactBlock #modalInner .artist {
  color: #183288;
  font-size: 1.4rem;
  font-weight: bold;
}

.bestactBlock #modalInner .ttl2 {
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}

/* line 1267, ../sass/_main.scss */
.bestactBlock .radio,
.bestactBlock .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  margin: 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f9f9f9;
  margin-top: 4px;
}

/* line 1290, ../sass/_main.scss */
.bestactBlock .radio:after,
.bestactBlock .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

/* line 1305, ../sass/_main.scss */
.bestactBlock .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 19px;
  display: block;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-color: #53b300;
  border-radius: 50%;
  content: '';
  opacity: 0;
}


/* line 1305, ../sass/_main.scss */
.bestactBlock .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 19px;
  display: block;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-color: #53b300;
  border-radius: 50%;
  content: '';
  opacity: 0;
}
/* line 1320, ../sass/_main.scss */
.bestactBlock .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1281, ../sass/_main.scss */
.bestactBlock .checkbox {
  display: inline-block;
}

.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!important; }
.bestactBlock #modalInner .mt30 { margin-top:30px!important; }
.bestactBlock #modalInner .mb10 { margin-bottom:10px!important; }
.bestactBlock #modalInner .mt10 { margin-top:10px!important; }
.bestactBlock #modalInner .mt20 { margin-top:20px!important; }
.bestactBlock #modalInner .mt5  { margin-top:5px!important; }
.bestactBlock #modalInner .bestactBlock #modalInner p img { float:none; }
.bestactBlock #modalInner .fz10 { font-size: 1rem !important; }
.bestactBlock #modalInner .fz12 { font-size: 1.2rem !important; margin-top: 10px;}
.bestactBlock #modalInner .fz14 { font-size: 1.4rem !important; }
.bestactBlock #modalInner .fz16 { font-size: 1.6rem !important; }

@media only screen and (max-width: 480px) {
.bestactBlock #modalInner{
		top: 0!important;
		left: 0!important;
		width: 100%;
		height: 100%;
		padding-bottom: 100px;
		position: relative;
	}
}

/* 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;
}
#youtube-list .btnMore, .tvBlock .btnMore{ text-align: center; }
#youtube-list .btnMore a, .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;
}
#youtube-list .btnMore a:hover, 
.tvBlock .tvBox:hover,
.tvBlock .btnMore a:hover{ opacity: 0.8; color: #fff;}

/* commu */
#commu{
	margin-bottom: 40px;
}
#commu h4{
	margin: 0 0 1em 10px;
	color: #e91e63!important;
}
.commuBlock{
	/* background-color: #e5e5e5; */
	/* padding: 12px; */
	margin: 0 10px;
}
.commuBox{
	background-color: #fff;
	/* padding-bottom: 12px; */
	margin: 0 0 12px;
	/* border-radius: 4px; */
}
.commuBox:last-child{
	margin-bottom: 0;
}
.commuBlock .head{
	margin-bottom: 0.5em;
}
.commuBlock .head h5{
	margin-bottom: .3em;
	color: #e91e63;
	font-size: 14px;
	font-weight: bold;
	word-break: break-all;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 35px;
	line-height: 1.25;
	padding: 0 5px;
}
.commuBlock .head .member{
	color: #888;
	font-size: 12px;
	padding: 0 10px;
}
.commuBlock .comment {
	/* border-top: 1px solid #ccc; */
	margin: 0 5px;
	/* padding-top: 0.5em; */
}
.commuBlock .comment:after{
	content: "";
	display: block;
	clear: both;
}
.commuBlock .comment .icon{
	float: left;
	margin-right: 1em;
}
.commuBlock .comment .icon img{
	border-radius: 50%;
}
.commuBlock .comment dd{
	overflow: hidden;
}
.commuBlock .comment dd .user{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: .5em;
}
.commuBlock .comment dd .user .san{
	font-size: 10px;
}
.commuBlock .comment dd .user time{
	margin-left: 1em;
	font-weight: normal;
	font-size: 12px;
	color: #888;
}
.commuBlock .comment dd .desc{
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	line-height: 1.25;
	margin-bottom: 10px;
	word-break: break-all;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 28px;
	font-size: 90%;
}
.commuBlock .btnCommu{
	margin: 1em 0;
}
.commuBlock .btnCommu a{
	display: block;
	background: #e91e63;
	text-align: center;
	padding: .5em 0;
	font-size: 100%;
	color: #fff;
}
.commuBlock .more:hover,
.commuBlock .btnCommu a:hover{
	opacity: 0.6;
}
.commuBlock .more{
	display: block;
	color: #484848;
	text-decoration: none;
}
#.commuBlock .more:after{
#	width: 9em;
#	content: "トピックを見る";
#	display: block;
#	background-color: #888;
#	border-radius: 4px;
#	margin: 0.5em 0.5em 0 auto;
#	padding: 4px 0;
#	color: #fff;
#	font-size: 93%;
#	text-align: center;
#}
.commuBlock .nopost{
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}

.digestBlock p.bnr {text-align:center; margin: 10px;}
.digestBlock p.bnr > img { width: 640px;}
.commuBlock .commuBox .mainimage{width: 100%;height: 90px;margin: 0 auto;margin-bottom: 10px;position: relative;}

.commuBlock .commuBox .mainimage img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.commuBlock .commuBox .time{
    float: left;
    height: 25px;
    font-size: 0.5em;
    line-height: 1.5;
}
.commuBlock #topicWrap {
    height: 245px;
}
.commuBlock #topicWrap .subttl{
	margin: 1em 0;
	padding: 4px 8px;
	border-left: 8px solid #e91e63;
	font-size: 14px;
	font-weight: bold;
	color: #e91e63;
}
.commuBlock #topicWrap .commuBox {
    width: 160px;
    float: left;
    margin-right: 5px;
    -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);
}
.commuBlock #topicWrap .commuBox:last-child {
    margin-right:0;
}

.commuBlock #topicWrap .commuBox .icon-comment {
    float: right;
    color: #888!important;
    padding: 0;
    font-size: 12px;
    line-height: 1.25;
    /* display: block; */
    margin: 0;
}
@font-face {
	font-family: 'icomoon';
	src:  url('../../fonts/icomoon.eot?j01211');
	src:  url('../../fonts/icomoon.eot?j01211#iefix') format('embedded-opentype'),
		url('../../fonts/icomoon.ttf?j01211') format('truetype'),
		url('../../fonts/icomoon.woff?j01211') format('woff'),
		url('../../fonts/icomoon.svg?j01211#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-hand:before { font-family: 'icomoon' !important; content: "\e904"; font-style: normal; }


.commuBlock #topicWrap .commuBox .icon-comment:before {
    content: "\e909";
    font-family: 'icomoon' !important;
    margin-right: 5px;
}
.commuBlock .formCommu{
	margin: 1em auto;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.commuBlock .formCommu a{
	display: block;
	padding: .7em;
}
.commuBlock .formCommu a:hover{
	opacity: 0.6;
}
.commuBlock .formCommu .form,
.commuBlock .formCommu .img{
	display: inline-block;
	vertical-align: middle;
}
.commuBlock .formCommu .img img{
	border-radius: 50%;
	width: 50px; height: 50px;
	margin-right: 8px;
}
.commuBlock .formCommu .form{
	width: 83%;
	box-sizing: border-box;
}
.commuBlock .formCommu .form input[type="text"]{
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	padding: 8px;
	cursor: pointer;
}

#popupInfo {
	display: block;
	margin:0;
	padding:15px 15px 15px;
	border:3px solid #BBB;
	border-radius:3px;
	background:#FFF;
	position:fixed;
	z-index:150;
	left:20px;
	right:20px;
	top:100px;
}

#popupInfo p.btn + a {
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	width:24px;
	height:24px;
	background:#BBB;
	top:-3px;
	right:-6px;
	cursor:pointer;
	position: absolute;
}

#popupOverlay {
	display:none;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}

#popupInfo p.orange-big {
	padding:5px; 
}

/* icons */
.icon-at-clip-add:before { font-family: 'icomoon' !important; content: "\e90f"; }
.icon-join-add:before { font-family: 'icomoon' !important; content: "\e910"; }
.icon-join:before { font-family: 'icomoon' !important; content: "\e922"; }
.icon-at-clip:before { font-family: 'icomoon' !important; content: "\e923"; }
.icon-join-remove:before { font-family: 'icomoon' !important; content: "\e911"; }
.icon-at-clip-remove:before { font-family: 'icomoon' !important; content: "\e91e"; }
.icon-settings:before { font-family: 'icomoon' !important; content: "\e901"; }
.icon-bell:before { font-family: 'icomoon' !important; content: "\e951"; }

/* button */
.button .btnClip, .button .btnJoin {
    position: relative;
    height: 45px;
    line-height: 45px;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 0 0 45px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    text-align: left;
    border: 2px solid #fb6a00;
    color: #fb6a00 !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7936', endColorstr='#fb6a00',GradientType=0 );
}
.btnClip .num, .btnJoin .num { position: absolute; right: 8px; top: 28%; display: inline-block; color: #fff; border-radius: 8px; font-size: 12px; background-color: #fb6a00; padding: 0 .5em; margin-left: .5em; line-height: 18px; }
.btnClip:before, .btnJoin:before { position: absolute; left: 8px; display: inline-block; margin-right: 8px; font-size: 28px !important; vertical-align: middle; }
.btnClip:hover, .btnJoin:hover { opacity: 0.7; }
.btnClip.remove, .btnJoin.remove {
    border: 2px solid #ed7936;
    color: #fff !important;
    background: #ed7936;
    background: -moz-linear-gradient(top, #ed7936 0%, #fb6a00 100%);
    background: -webkit-linear-gradient(top, #ed7936 0%, #fb6a00 100%);
    background: linear-gradient(to bottom, #ed7936 0%, #fb6a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.btnClip.remove .num, .btnJoin.remove .num { background-color: #fff !important; color: #585858 !important; }

/* banner */
#bannerContentTop, #bannerContentMiddle, #bannerSideBottom, #bannerSideMiddle { clear: both; margin: 3em 0; }
.midBox #bannerContentTop, .midBox #bannerContentMiddle, .midBox #bannerSideBottom { margin-left: -10px; }
#bannerSideTop { margin-bottom: 3em; }
.subContents + #bannerContentMiddle { margin-top: -3em; }
.grayBack + #bannerContentTop, .grayBack + #bannerContentMiddle { margin: 2em 0; }

/* livefanspush */
.liveName.liveFansPush{
	position: relative;
	padding-left: 60px;
	padding-top: 4px;
	min-height: 30px;
}
.iconPush{
	position: absolute;
	left: 0;
	top: 0;
}
/* award */
#awardBlock{
	margin: 30px 0;
}
#awardBlock a{
	display: block;
}
#awardBlock a:hover{
	opacity: .6;
}
#awardBlock dl{
	position: relative;
	background-color: #efefef;
	display: table;
	width: 100%;
}
#awardBlock dt{
	display: table-cell;
	width: 310px;
}
#awardBlock dd{
	display: table-cell;
	width: auto;
	padding: 1em 2.5em 1em 1em;
	vertical-align: middle;
}
#awardBlock dd h5{
	margin-bottom: 8px;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#awardBlock dd h5 span{
	display: block;
	font-size: 14px;
	color: #878787;
}
#awardBlock dd .rank{
	color: #FF8C00;
	font-size: 24px;
	font-weight: bold;
}
.grayTheme .head.awardRank {padding-left: 83px!important;}
.grayTheme .head.awardRank .other_icon {position: absolute; top: 0; left: 0;}
.grayTheme .head.awardRank1,
.grayTheme .head.awardRank2,
.grayTheme .head.awardRank3{
	padding-left: 83px!important;
	background: url(/img/common/icon-cup.png) no-repeat 0 0;
	background-size: 70px;
}
#awardBlock dd.rank1,
#awardBlock dd.rank2,
#awardBlock dd.rank3{
	padding-left: 110px;
	background: url(/img/common/icon-cup.png) no-repeat 4% 50%;
	background-size: 80px;
}
.grayTheme .head.awardRank2,
#awardBlock dd.rank2{ background-image: url(/img/common/icon-cup2.png); }
.grayTheme .head.awardRank3,
#awardBlock dd.rank3{ background-image: url(/img/common/icon-cup3.png); }
#awardBlock dl::after{
	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);
}


/*Bandsintown*/
.ad_bandsintown {
  margin: 1.5rem 1rem;
}
div.adCenter.ad_bandsintown { margin: 1.5rem auto; }

/* skiyaki fc banner */
.skiyaki-banner-center { text-align: center; }
.skiyaki-banner-text-small { padding-top: 5px; font-size: 11px; display: block; }
.skiyaki-banner-text-large { font-size: 16px; }

.bitfan_caution { width: 706px; float: left; padding: .5em; margin: -2em 0 1em; font-size: 1em; color: #444; background-color: #F5FFFF; border: 5px solid #ff0000; }
.bitfan_caution a { color: #00E; text-decoration: underline; }


.onlinelive-carousel { margin-bottom: 2rem; }

/* cat-label */
.cat-label { display: inline-block; position: absolute; left: 10px; bottom: 10px; padding: .3rem 1rem; font-size: .8rem; color: #fff; line-height: 1.2rem; }
.cat-label.matome { background-color: #60c638; }
.cat-label.report { background-color: #e04419; }
.cat-label.news { background-color: #3885c6; }
.cat-label.push { background-color: #b76ae8; }
.cat-label.column { background-color: #d4c200; }


.follow-count { display: inline-block; }

.user-digest { -webkit-box-pack: center; justify-content: center; display: inline-block; min-width: 80px; }
.user-digest > .user-thumb-small { overflow: hidden; display: inline-block; }
.user-digest > .user-thumb-small img { border-radius: 50%; width: 20px; height: 20px; border: 1px solid #dbdbdb; object-fit: cover; }
.user-digest > .user-thumb-small:not(:first-child) { margin-left: -7px; }


/* sp-slider-small */
.sp-slider-small { height: 175px; margin: 1.5rem 0; }
.sp-slider-small ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-bottom: 1.5rem; -webkit-overflow-scrolling: touch; }
.sp-slider-small ul li { width: 160px; margin-right: .5rem; display: inline-block; vertical-align: top; background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
.sp-slider-small ul li:first-child { margin-left: 1rem; }
.sp-slider-small ul li:last-child { margin-right: 1rem; }
.sp-slider-small ul li a { display: block; padding-bottom: 1rem; }
.sp-slider-small ul li .thumb { position: relative; height: 0; padding-top: 56.25%; }
.sp-slider-small ul li .thumb img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; width: auto; height: auto; max-height: 100%; }
.sp-slider-small ul li .ttl { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 3.5em; overflow: hidden; padding: 1rem; font-size: 1.3rem; font-weight: bold; color: #333; line-height: 1.5; }

/* mybest list */
#mybest h4 { padding: 0 .7em; }
#mybest .description { padding: 1em; color: #FFF; }
.mybest-newlist h4, .mybest-newlist h2 { color: #FFF !important; }
.mybest-newlist.calousel { background: linear-gradient(90deg, rgba(244, 168, 128, 1), rgba(248, 200, 109, 1)); padding: 1em 0; margin: 2em 0; }
.mybest-newlist.calousel.grayBack { margin-bottom: 40px !important; }
.mybest-newlist.calousel .ttlTop { color: #FFF; border-bottom:0; }
.mybest-newlist .sp-slider-small { height: auto; }
.mybest-newlist .sp-slider-small ul li { width: 165px; height: 200px; }
.mybest-newlist .card-mini { border-radius: 10px; }
.mybest-newlist .card-mini .userimage {
  display: block;
  margin: 1em auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}

.mybest-newlist .grid-list ul { margin: 0 10px; }
.mybest-newlist .grid-list ul li { display: inline-grid; width: 158px; height: 200px; margin: 5px; }

.mybest-newlist .card-mini .username { text-align: center; font-size: 12px; margin: .5em .5em 1.5em .5em; }
.mybest-newlist .card-mini .livedate { text-align: center; font-size: 14px; margin: .5em;  -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2;  overflow: hidden;  white-space: break-spaces; }
.mybest-newlist .card-mini .titleblock { }
.mybest-newlist .card-mini .title { text-align: center; font-size: 17px; margin: .5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; white-space: break-spaces; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:3; }

/* theme */
.mybest-newlist .card-mini.theme1 { background: url('/img/images/mypage/article-theme1-head.jpg') no-repeat; background-size: cover; }
.mybest-newlist .card-mini.theme1 .title { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme1 .livedate { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme1 .username { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme1 .sections { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme1 .sections .data-column.editlink .btn-more { color: #FC6713C9; }

.mybest-newlist .card-mini.theme2 { background: linear-gradient(93.47deg, rgba(0, 0, 0, 0.2) 97.07%, rgba(0, 0, 0, 0) 115.68%), linear-gradient(266.94deg, rgba(19, 252, 196, 0.81) 79.84%, rgba(19, 252, 154, 0) 136.86%), url('/img/images/mypage/article-theme2-head.jpg') no-repeat; background-size: cover; }
.mybest-newlist .card-mini.theme2 .title { background-color: transparent; color: #FFF; font-size: 14px; }
.mybest-newlist .card-mini.theme2 .livedate { background-color: transparent; color: #FFF; font-size: 10px; }
.mybest-newlist .card-mini.theme2 .username { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme2 .sections { background-color: transparent; color: #FFF; }
.mybest-newlist .card-mini.theme2 .sections .data-column.editlink .btn-more { color: #33C9A2; }

.mybest-newlist .rankingMorebtn { max-width: 240px; margin: 16px auto; }
.mybest-newlist .rankingMorebtn a { width: 240px; box-sizing: border-box; display: block; border: 2px solid #888; margin: 0 auto; padding: 1em .5em; border-radius: 8px; background-color: #FFF; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); line-height: 1; font-size: 14px; text-align: center; font-weight: bold; color: #888; }
.mybest-newlist .rankingMorebtn a:hover { opacity: 0.7; transition: opacity .3s ease; }

.pr-label { font-size: 10px; background-color: #EEE; padding: .5em; display: inline-block; margin: 1em 0; border: 1px solid #AAA; }