/* 諸行無常 是生滅法 生滅滅已 寂滅爲樂 */
div.navi {
color:#777;
background-color:#FFF;
height:46px;
line-height:46px;
width:100%;
}
div.navi span.subt {
font-size:10px;
height:10px;
line-height:10px;
display:inline-block;
color:#FFF;
width:160px;
text-align:center;
float:left;
margin-bottom:-38px;
}
div.navi span.sep {
height:28px;
border-left:solid 1px #DDD;
margin:10px 0;
float:left;
}
div.navi a {
height:46px;
line-height:46px;
width:auto;
display:inline-block;
font-size:14px;
color:#333;
float:left;
text-align:center;
overflow:hidden;
white-space:nowrap;
padding:0 20px;
}
div.navi a:hover {
background-color:#F8F8F8;
color:#288BF0;
text-decoration:none;
}
div.navi a.navi_on {
color:#000;
height:43px;
border-bottom:solid 3px #333;
font-weight:bold;
}
div.navi a.subl {
height:38px;
line-height:38px;
margin-top:10px;
}
div.navi a.sub_navi_on {
color:#000;
height:35px;
border-bottom:solid 3px #333;
font-weight:bold;
}
div.navi a.about {
float:right;
width:70px;
padding:0;
}
div.navi a.about i {
display:inline-block;
border-radius:50%;
width:20px;
height:20px;
text-align:center;
background-color:#888;
color:#EEE;
line-height:20px;
}
div.navi a.about:hover i {
background-color:#000;
color:#FFF;
}
div.navi span.exb {
color:#333;
font-size:10px;
margin-left:3px;
}
@media screen and (max-width:900px) {
div.navi a {
font-size:13px;
padding:0 15px;
}
div.navi span.subt {
width:140px;
}
div.navi a.about {
width:60px;
}
}
@media screen and (max-width:700px) {
div.navi a {
padding:0 10px;
}
div.navi span.subt {
width:100px;
}
div.navi a.about {
width:50px;
}
}
@media screen and (max-width:400px) {
div.navi a {
font-size:10px;
padding:0 5px;
}
div.navi span.subt {
width:80px;
}
div.navi a.about {
width:40px;
}
}
div.navi span.nlink {
float:left;
}
p.pagenavi {
text-align:center;
padding:1.5vh 0;
}
p.pagenavi span.nopage {
color:#CCC;
margin:0 2em;
}
p.pagenavi a {
margin:0 2em;
}
.opt_form {
display:inline-block;
color:#888;
height:28px;
line-height:28px;
margin:3px 5px 3px 0;
}
.opt_form h3 {
color:#555;
margin-right:4px;
display:inline-block;
font-size:12px;
}
.opt_form em {
display:inline-block;
color:#FFF;
height:28px;
line-height:28px;
background-color:#444;
padding:0 10px;
min-width:60px;
text-align:center;
font-size:14px;
}
.opt_form a {
color:#444;
background-color:#EEE;
display:inline-block;
height:28px;
line-height:28px;
padding:0 10px;
min-width:60px;
text-align:center;
font-size:14px;
}
.opt_form a:hover {
color:#288BF0;
background-color:#DDD;
text-decoration:none;
}
.opt_form i {
font-style:normal;
display:inline-block;
height:11px;
border-right:1px dotted #888;
margin:0 8px;
vertical-align:middle;
}
#searchform {
display:inline-block;
color:#666;
border-radius:15px;
background-color:#EEE;
padding:3px 15px;
}
#searchform select {
border:1px solid #CCC;
border-radius:3px;
padding:3px;
}
#searchform input[type="text"] {
border:1px solid #CCC;
border-radius:3px;
padding:4px;
}

.favstar {
display:inline-block;
width:15px;
height:15px;
cursor:pointer;
}
.favstar span.loader {
width:60%;
height:60%;
margin:20%;
vertical-align:top;
}
.favstar i {
width:100%;
height:100%;
vertical-align:top;
}
.favstar i svg {
width:100%;
height:100%;
fill:#999;
}
.favstar:hover i svg {
fill:#FC0;
}
.favstar_faved i svg {
fill:#FC0;
}

div.user {
padding:12px;
}
div.user div.user_icon {
width:80px;
height:80px;
float:left;
position:relative;
}
div.user img.uicon {
border:0;
width:73px;
height:73px;
border-radius:50%;
float:left;
}
div.user div.user_icon img.uicon {
float:unset;
}
div.user a.followers {
border-radius:11px;
border:2px solid #FFF;
background-color:#F00;
height:18px;
line-height:18px;
display:inline-block;
position:absolute;
bottom:8px;
right:-5px;
color:#FFF;
font-size:10px;
padding:0 5px;
}
div.user a.followers span {
vertical-align:middle;
}
div.user a.followers i {
width:1em;
height:1em;
margin-right:2px;
vertical-align:middle;
}
div.user a.followers i svg {
width:1em;
height:1em;
fill:#FFF;
}
div.user div.ucont {
margin-left:90px;
line-height:1.2;
}
div.user div.ucont h2 em {
font-size:15px;
}
div.user div.ucont .favstar {
width:calc(16px + 0.5vw);
height:calc(16px + 0.5vw);
float:right;
margin:0 0 10px 10px;
}
div.homecontbox div.user {
padding:5px;
}
div.homecontbox div.user div.user_icon {
width:48px;
height:48px;
}
div.homecontbox div.user img.uicon {
width:48px;
height:48px;
}
div.homecontbox div.user div.ucont {
margin-left:55px;
}
div.homecontbox div.user a.followers {
display:none;
}
div.homecontbox div.user div.ucont .favstar {
width:16px;
height:16px;
}
@media screen and (max-width:600px) {
div.user {
padding:10px 8px;
}
div.user div.user_icon {
width:48px;
height:48px;
}
div.user img.uicon {
width:48px;
height:48px;
}
div.user div.ucont {
margin-left:55px;
}
div.user a.followers {
display:none;
}
div.user div.ucont h2 em {
font-size:14px;
}
}
@media screen and (max-width:400px) {
div.user {
padding:8px 5px;
}
div.user div.user_icon {
width:40px;
height:40px;
}
div.user img.uicon {
width:40px;
height:40px;
}
div.user div.ucont {
margin-left:46px;
}
div.user div.ucont h2 em {
font-size:13px;
}
}
i.goto_service {
width:1em;
height:1em;
margin-left:0.4em;
vertical-align:middle;
}
i.goto_service svg {
width:1em;
height:1em;
fill:#999;
}
i.goto_service_twitter:hover svg {
fill:#1D9BF0;
}
i.goto_service_youtube:hover svg {
fill:#F00;
}

#cont_outer {
padding:15px 1vw;
}
@media screen and (max-width:500px) {
#cont_outer {
padding:0;
}
}
#cont_doc {
padding:15px 1vw;
}
@media screen and (max-width:500px) {
#cont_doc {
padding:10px;
}
.cbox {
margin:2vh 0;
}
}

#homecont_outer {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
justify-content:space-between;
}
#homecont {
width:calc(100% - 310px);
}
#homecont-side {
width:300px;
}
@media screen and (max-width:850px) {
#homecont_outer {
display:block;
flex-wrap:unset;
align-content:unset;
justify-content:unset;
}
#homecont {
width:auto;
float:unset;
}
#homecont-side {
width:auto;
margin:0;
}
}


div.tweet {
padding:12px 10px;
}
div.tweet img.ticon {
border:0;
width:48px;
height:48px;
border-radius:50%;
}
div.tweet div.icon {
width:50px;
float:left;
}
div.tweet div.tcont {
margin-left:70px;
}
div.rank div.icon {
width:80px;
text-align:center;
}
div.rank div.tcont {
margin-left:90px;
}
div.tweet div.tstat {
margin-top:8px;
font-size:13px;
}
div.tweet div.tstat-h {
margin-top:3px;
font-size:12px;
}
div.tweet p.rted {
}
div.tweet p.rted i {
width:14px;
height:12px;
display:inline-block;
margin-right:2px;
vertical-align:middle;
}
div.tweet p.rted svg {
width:14px;
height:12px;
vertical-align:top;
fill:#00BA7C;
}
div.tweet p.iined {
margin-top:4px;
}
div.tweet p.iined i {
width:14px;
height:12px;
display:inline-block;
margin-right:1px;
vertical-align:middle;
}
div.tweet p.iined svg {
width:10px;
height:10px;
padding:1px 2px;
vertical-align:top;
fill:#F91880;
}
div.tweet span.rted {
color:#666;
}
div.tweet span.rted i {
width:13px;
height:11px;
display:inline-block;
margin-right:2px;
vertical-align:middle;
}
div.tweet span.rted svg {
width:13px;
height:11px;
vertical-align:top;
fill:#999;
}
div.tweet span.iined {
margin-left:4px;
color:#666;
}
div.tweet span.iined i {
width:13px;
height:11px;
display:inline-block;
margin-right:1px;
vertical-align:middle;
}
div.tweet span.iined svg {
width:9px;
height:9px;
padding:1px 2px;
vertical-align:top;
fill:#999;
}
div.tweet span.stats_unit {
font-size:10px;
margin-left:1px;
}
@media screen and (max-width:500px) {
div.tweet div.tstat {
margin-top:6px;
}
}
@media screen and (max-width:800px) {
div.tweet img.ticon {
width:44px;
height:44px;
}
div.tweet div.tcont {
margin-left:60px;
}
div.rank div.icon {
width:70px;
}
div.rank div.tcont {
margin-left:80px;
}
}
@media screen and (max-width:500px) {
div.tweet {
padding:10px 6px;
}
div.tweet img.ticon {
width:40px;
height:40px;
}
div.tweet div.tcont {
margin-left:50px;
}
div.rank div.icon {
width:60px;
}
div.rank div.tcont {
margin-left:70px;
}
}
div.tweet p.tbody {
margin-right:2vw;
}
div.tweet div.tintent {
width:130px;
float:right;
}
div.tweet div.tintent a {
float:right;
width:18px;
height:18px;
padding:5px;
display:inline-block;
border-radius:50%;
margin-top:-10px;
}
div.tweet div.tintent a i {
vertical-align:top;
width:18px;
height:18px;
}
div.tweet div.tintent a svg {
width:14px;
height:14px;
padding:2px;
fill:#888;
}
div.tweet div.tintent a:hover {
background-color:rgba(0,0,0,0.05);
}
div.tweet div.tintent a:active {
background-color:rgba(0,0,0,0.1);
}
div.tweet div.tintent a.reply {
}
div.tweet div.tintent a.reply i {
}
div.tweet div.tintent a.reply:hover svg {
fill:#1D9BF0;
}
div.tweet div.tintent a.fav {
margin-left:3px;
}
div.tweet div.tintent a.fav i {
}
div.tweet div.tintent a.fav:hover svg {
fill:#F91880;
}
div.tweet div.tintent a.retweet {
margin-left:3px;
}
div.tweet div.tintent a.retweet svg {
width:16px;
height:16px;
padding:1px;
}
div.tweet div.tintent a.retweet:hover svg {
fill:#00BA7C;
}
div.tweet div.tintent a.gotwitter {
margin-left:3px;
}
div.tweet div.tintent a.gotwitter i {
}
div.tweet div.tintent a.gotwitter:hover svg {
fill:#1D9BF0;
}
@media screen and (max-width:600px) {
div.tweet div.tintent {
width:120px;
}
div.tweet div.tintent a {
width:18px;
height:18px;
padding:4px;
}
div.tweet div.tintent a.fav {
margin-left:2px;
}
div.tweet div.tintent a.retweet {
margin-left:2px;
}
div.tweet div.tintent a.gotwitter {
margin-left:2px;
}
}
@media screen and (max-width:500px) {
div.tweet div.tintent {
width:110px;
}
div.tweet div.tintent a {
width:18px;
height:18px;
padding:3px;
}
div.tweet div.tintent a.fav {
margin-left:1px;
}
div.tweet div.tintent a.retweet {
margin-left:1px;
}
div.tweet div.tintent a.gotwitter {
margin-left:1px;
}
}
div.tweet a.photo {
max-height:150px;
display:inline-block;
margin-right:3px;
margin-bottom:3px;
}
div.tweet a.photo img {
max-width:600px;
max-height:150px;
border:0;
}

div.tweet a.video {
max-height:150px;
display:inline-block;
margin-right:3px;
margin-bottom:3px;
position:relative;
}
div.tweet a.video img {
max-width:600px;
max-height:150px;
border:0;
}
div.tweet a.video span.movieplay {
box-sizing:border-box;
display:inline-block;
border-radius:50%;
width:50px;
height:50px;
opacity:0.8;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
position:absolute;
background:#1D9BF0 url(../../i/playmovie.svg) no-repeat center center;
background-size:cover;
z-index:2;
}
div.tweet a.video:hover span.movieplay {
opacity:1;
}
div.tweet a.video_hovered span.movieplay {
opacity:1;
}
div.tweet a.floatimg {
float:left;
margin-right:8px;
}
div.tweet a.floatimg img {
max-width:250px;
}
div.tweet p.blockimg150,div.tweet p.blockimg200,div.tweet p.blockimg250,div.tweet p.blockimg300 {
display:none;
}
div.tweet blockquote a.photo img,div.tweet blockquote a.video img {
max-width:500px;
}
@media screen and (max-width:800px) {
div.tweet a.floatimg300 {
display:none;
}
div.tweet p.blockimg300 {
display:block;
}
div.tweet a.photo img,div.tweet a.video img {
max-width:500px;
}
div.tweet a.floatimg img {
max-width:200px;
}
div.tweet blockquote a.photo img,div.tweet blockquote a.video img {
max-width:400px;
max-height:130px;
}
div.tweet blockquote a.floatimg img {
max-width:180px;
max-height:130px;
}
}
@media screen and (max-width:600px) {
div.tweet a.floatimg250 {
display:none;
}
div.tweet p.blockimg250 {
display:block;
}
div.tweet a.photo img,div.tweet a.video img {
max-width:400px;
max-height:140px;
}
div.tweet a.floatimg img {
max-width:160px;
max-height:140px;
}
div.tweet blockquote a.photo img,div.tweet blockquote a.video img {
max-width:320px;
max-height:120px;
}
div.tweet blockquote a.floatimg img {
max-width:150px;
max-height:120px;
}
}
#homecont div.tweet a.floatimg300 {
display:none;
}
#homecont div.tweet p.blockimg300 {
display:block;
}
#homecont div.tweet a.floatimg250 {
display:none;
}
#homecont div.tweet p.blockimg250 {
display:block;
}
#homecont div.tweet a.photo img,#homecont div.tweet a.video img {
max-width:400px;
max-height:140px;
}
#homecont div.tweet a.floatimg img {
max-width:160px;
max-height:140px;
}
#homecont div.tweet blockquote a.photo img,#homecont div.tweet blockquote a.video img {
max-width:320px;
max-height:120px;
}
#homecont div.tweet blockquote a.floatimg img {
max-width:150px;
max-height:120px;
}
@media screen and (max-width:500px) {
div.tweet a.floatimg200 {
display:none;
}
div.tweet p.blockimg200 {
display:block;
}
div.tweet a.photo img,div.tweet a.video img {
max-width:300px !important;
max-height:120px !important;
}
div.tweet a.floatimg img {
max-width:120px !important;
max-height:120px !important;
}
div.tweet blockquote a.photo img,div.tweet blockquote a.video img {
max-width:250px !important;
max-height:100px !important;
}
div.tweet blockquote a.floatimg img {
max-width:100px !important;
max-height:100px !important;
}
}
@media screen and (max-width:400px) {
div.tweet a.floatimg150 {
display:none;
}
div.tweet p.blockimg150 {
display:block;
}
div.tweet a.photo img,div.tweet a.video img {
max-width:200px !important;
max-height:100px !important;
}
div.tweet a.floatimg img {
max-width:100px !important;
max-height:100px !important;
}
div.tweet blockquote a.photo img,div.tweet blockquote a.video img {
max-width:180px !important;
max-height:80px !important;
}
div.tweet blockquote a.floatimg img {
max-width:80px !important;
max-height:80px !important;
}
}
div.tweet p.tname em {
font-size:14px;
}
@media screen and (max-width:500px) {
div.tweet p.tname em {
font-size:13px;
}
}
div.tweet span.rank {
float:left;
display:inline-block;
width:3em;
margin-left:-1em;
margin-right:-2em;
margin-top:2px;
text-align:center;
font-size:11px;
color:#999;
}
div.tweet span.rank span {
color:rgba(0,0,0,0.9);
width:20px;
height:20px;
line-height:20px;
text-align:center;
display:inline-block;
margin-top:-4px;
}
div.tweet span.rank span.rank_1 {
background:url(../../i/rank/rank1.png) no-repeat center center;
background-size:cover;
}
div.tweet span.rank span.rank_2 {
background:url(../../i/rank/rank2.png) no-repeat center center;
background-size:cover;
}
div.tweet span.rank span.rank_3 {
background:url(../../i/rank/rank3.png) no-repeat center center;
background-size:cover;
}
div.tweet span.dspace {
margin:0 2px;
color:#CCC;
}
div.tweet blockquote {
border:1px solid #EEE;
background-color:#FAFAFA;
margin-top:10px;
color:#444;
padding:5px 5px 5px 35px;
border-radius:3px;
position:relative;
min-height:30px;
}
div.tweet blockquote i.quoteimg {
position:absolute;
top:3px;
left:6px;
width:20px;
height:20px;
}
div.tweet blockquote i.quoteimg svg {
width:20px;
height:20px;
fill:#AAA;
}

img.i16 {
border:0;
width:16px;
height:16px;
border-radius:50%;
vertical-align:middle;
margin-right:3px;
}

i.verifiedimg {
width:15px;
height:15px;
margin-left:2px;
vertical-align:middle;
}
i.verifiedimg svg {
width:15px;
height:15px;
fill:#1D9BF0;
}



i.imgnavi_prev {
display:inline-block;
border-right:4px solid rgba(255,255,255,0);
border-bottom:4px solid rgba(255,255,255,0);
border-radius:1px;
height:7px;
transform:rotate(135deg);
width:7px;
margin-left:3px;
}
i.imgnavi_next {
display:inline-block;
border-right:4px solid rgba(255,255,255,0);
border-bottom:4px solid rgba(255,255,255,0);
border-radius:1px;
height:7px;
transform:rotate(-45deg);
width:7px;
margin-right:3px;
}
#imagebox {
position:relative;
}
#imagebox:hover i.imgnavi_prev {
border-color:rgba(255,255,255,0.6);
}
#imagebox:hover i.imgnavi_next {
border-color:rgba(255,255,255,0.6);
}
#imagebox:hover div.imgnavi {
background-color:rgba(0,0,0,0.2);
}
#imagebox span.navi {
background:transparent;
line-height:50px;
height:50px;
border-radius:25px;
display:inline-block;
width:50px;
text-align:center;
}
#imagebox:hover span.navi {
background-color:rgba(0,0,0,0.3);
}
div.imgnavi {
width:20%;
position:absolute;
background-color:rgba(0,0,0,0);
top:0;
cursor:pointer;
text-align:center;
font-size:15px;
transition:background-color 0.2s;
}
div.imgnavi:hover {
background-color:rgba(0,0,0,0.4) !important;
}
div.imgnavi:hover i.imgnavi_prev {
border-color:#FFF !important;
}
div.imgnavi:hover i.imgnavi_next {
border-color:#FFF !important;
}
div.imgnavi:hover span.navi {
background-color:rgba(0,0,0,0.5) !important;
}
#imgfoot {
background-color:#000;
color:#AAA;
height:13px;
padding:3px 6px;
}
#imgfoot span.susa,#imgfoot a {
color:#CCC;
}
#imgfoot span.susa:hover,#imgfoot a:hover {
color:#FFF;
}
#imgfoot span.susa:active,#imgfoot a:active {
color:#FFF;
}
#imgfoot_closebtn {
color:#CCC;
width:19px;
height:19px;
line-height:19px;
cursor:default;
text-align:center;
font-size:11px;
float:right;
margin:-3px -6px -3px 5px;
}
#imgfoot_closebtn:hover {background-color:#D33;color:#FFF;}
#imgfoot_closebtn:active {background-color:#A11;color:#FFF;}

div.tooltipuser {
}
div.tooltipuser img.icon {
width:48px;
height:48px;
float:left;
border-radius:50%;
border:0;
}
div.tooltipuser div.tooltipuser_head {
margin-left:55px;
}
div.tooltipuser .name {
color:#FFF;
}
div.tooltipuser .name a {
color:#FFF !important;
}
div.tooltipuser .stat {
color:#AAA;
}
div.tooltipuser .stat em {
color:#FFF;
}
div.tooltipuser .date {
color:#AAA;
}
div.tooltipuser .date em {
color:#FFF;
}

#imageexp_img {
position:fixed;
z-index:901;
will-change:transform;
backface-visibility:hidden;
transition:transform 0.08s ease;
transform-origin:top left;
}
#imageexp_movieplay {
box-sizing:border-box;
display:inline-block;
border-radius:50%;
width:50px;
height:50px;
background:#1D9BF0 url(../../i/playmovie.svg) no-repeat center center;
background-size:cover;
position:fixed;
z-index:902;
top:0;
left:0;
will-change:transform;
transition:transform 0.08s ease;
transform-origin:top left;
}
#imageexp_cover {
top:0;
left:0;
cursor:pointer;
background-color:transparent;
position:fixed;
z-index:903;
}
i.tpb:hover span.movieplay,a.tpb:hover span.movieplay {
opacity:1;
}
.youtube span.movieplay {
background-color:#F00 !important;
border-radius:15% !important;
}
.youtube span.moviebox-ctrl-play:hover {
background-color:#F00 !important;
}

a.pagenavi {
display:inline-block;
border-radius:5px;
padding:0 1em;
height:2.5em;
line-height:2.5em;
background-color:#EEE;
border:1px solid #DDD;
color:#333;
box-shadow:0 1px 2px rgba(0,0,0,0.1);
}
a.pagenavi:hover {
background-color:#DDD;
border-color:#CCC;
color:#000;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
}

span.movie_info {
display:block;
position:absolute;
bottom:3px;
right:3px;
height:18px;
line-height:18px;
background:rgba(0,0,0,0.9);
font-size:12px;
padding:0 3px;
box-sizing:border-box;
color:rgba(255,255,255,0.95);
}
span.movie_date {
left:0;
bottom:unset;
top:0;
right:unset;
}
span.movie_stat {
left:3px;
bottom:3px;
top:unset;
right:unset;
}
span.movie_duration {
bottom:2px;
top:unset;
}
span.movie_viewers {
bottom:2px;
right:24px;
top:unset;
}
span.movie_info a {
color:rgba(255,255,255,0.85);
float:right;
}
span.movie_info a:hover {
color:rgba(255,255,255,1);
}
i.islive {
display:inline-block;
background:#FF0A36;
border-radius:50%;
width:7px;
height:7px;
vertical-align:middle;
margin-right:2px;
}

img.service {
width:1em;
height:1em;
margin-right:2px;
vertical-align:middle;
border:0;
}

.movies {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
width:100%;
}
.movies div.ch {
width:20%;
box-sizing:border-box;
padding:8px;
}
.movies div.ch div.img {
position:relative;
}
.movies div.ch div.img::before {
content:"";
display:block;
padding-top:56%;
}
.movies div.ch div.img a.yimg {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
display:block;
width:100%;
height:100%;
}
.movies div.ch div.img a.yimg img {
width:100%;
object-fit:cover;
height:100%;
}
.movies div.ch_twitter div.img::before {
padding-top:100%;
background:#000;
}
.movies div.ch_twitter div.img a.yimg img {
object-fit:contain;
}
.movies img.service {
position:absolute;
left:2px;
bottom:2px;
top:unset;
right:unset;
width:16px;
height:16px;
}

.movies i.movie_play {
display:block;
position:absolute;
top:0;
right:0;
width:14px;
height:14px;
background:rgba(0,0,0,0.1);
padding:5px;
cursor:pointer;
}
.movies i.movie_play svg {
width:14px;
height:14px;
fill:rgba(255,255,255,0.8);
}
.movies div.img:hover i.movie_play {
background:rgba(0,0,0,0.5);
}
.movies div.img:hover i.movie_play svg {
fill:rgba(255,255,255,0.9);
}
.movies i.movie_play:hover {
background:#F00 !important;
}
.movies i.movie_play:hover svg {
fill:rgba(255,255,255,1) !important;
}

.movies div.ch div.img div.info span.rted {
margin-right:1px;
}
.movies div.ch div.img div.info span.iined {
margin-right:1px;
}
.movies h3.mv_title {
margin:4px 0;
font-size:14px;
line-height:19px;
max-height:38px;
overflow:hidden;
display:block;
-webkit-line-clamp:2;
display:box;
display:-webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
white-space:normal;
}
.movies h3.mv_title a {
color:#000;
}
#homecont .movies div.ch {
width:25%;
}
@media screen and (max-width:1150px) {
.movies div.ch {
width:25% !important;
}
#homecont .movies div.ch {
width:33.3% !important;
}
}
@media screen and (max-width:950px) {
.movies div.ch {
width:33.3% !important;
}
#homecont .movies div.ch {
width:50% !important;
}
}
@media screen and (max-width:850px) {
#homecont .movies div.ch {
width:33.3% !important;
}
}
@media screen and (max-width:600px) {
.movies div.ch {
width:50% !important;
padding:6px;
}
#homecont .movies div.ch {
width:50% !important;
padding:6px;
}
}
@media screen and (max-width:500px) {
.movies h3.mv_title {
margin:3px 0;
font-size:13px;
line-height:17px;
max-height:34px;
}
.movies div.ch .weak {
font-size:12px;
}
.movies div.ch .mv_name {
font-size:12px;
}
}
@media screen and (max-width:300px) {
.movies div.ch {
width:100% !important;
padding:5px;
}
#homecont .movies div.ch {
width:100% !important;
padding:5px;
}
}
#profcont .movies div.ch {
width:24% !important;
}
@media screen and (max-width:800px) {
#profcont .movies div.ch {
width:33.3% !important;
}
}


#trend_list {
color:#333;
margin:0 auto;
}
#trend_list td.name {
width:30vw;
max-width:380px;
}
#trend_list td.pt {
text-align:right;
}

div.homecontbox {
background-color:#FFF;
margin-bottom:10px;
}
div.homecontbox h2 {
border-radius:3px;
padding:5px;
background-color:#111;
}
div.homecontbox h2 a {
display:block;
padding:5px;
color:#FFF;
font-size:14px;
border-left:5px solid #1D9BF0;
}
.site_vtuber div.homecontbox h2 a {
border-color:#FF0A36;
}
div.homecontbox h2 em {
vertical-align:middle;
}
div.homecontbox-cont {
padding:6px;
}
div.homecontbox h2 img {
vertical-align:middle;
margin-right:3px;
border:0;
}
@media screen and (max-width:500px) {
div.homecontbox h2 {
border-radius:unset;
padding:4px;
}
div.homecontbox h2 a {
padding:4px;
}
div.homecontbox-cont {
padding:3px;
}
}


div.tweetline {
border-bottom:1px solid #EEE;
}

a.morebtn {
display:inline-block;
color:#666;
height:28px;
line-height:28px;
padding:0 8px 0 9px;
border:1px solid #BBB;
border-radius:15px;
margin-top:0.5em;
}
a.morebtn::after {
content:"";
display:inline-block;
border-right:2px solid #888;
border-top:2px solid #888;
border-radius:1px;
margin:0 0 0 2px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:7px;
}

a.morebtn:visited {
color:#666;
}
a.morebtn:hover {
color:#333;
border-color:#888;
background-color:#F4F4F4;
}
a.morebtn:hover::after {
border-color:#666;
}



span.trend_rank {
color:rgba(0,0,0,0.6);
width:16px;
height:16px;
line-height:16px;
border-radius:50%;
text-align:center;
display:inline-block;
font-size:12px;
background-color:#F4F4F4;
vertical-align:middle;
margin-right:0.7em;
}
span.trend_rank_1 {
background:url(../../i/rank/rank1.png) no-repeat center center;
background-size:cover;
color:rgba(0,0,0,0.9);
border-radius:unset;
}
span.trend_rank_2 {
background:url(../../i/rank/rank2.png) no-repeat center center;
background-size:cover;
color:rgba(0,0,0,0.9);
border-radius:unset;
}
span.trend_rank_3 {
background:url(../../i/rank/rank3.png) no-repeat center center;
background-size:cover;
color:rgba(0,0,0,0.9);
border-radius:unset;
}
h3.trend_title {
font-size:11px;
background-color:#F4F4F4;
border-left:3px solid #888;
padding:4px;
}
div.moreload {
background-color:#F4F4F4;
cursor:pointer;
color:#666;
height:26px;
line-height:26px;
text-align:center;
border-radius:3px;
border:1px solid #DDD;
}
div.moreload:hover {
color:#000;
background-color:#E8E8E8;
border-color:#CCC;
}
fieldset.trend {
border:1px solid #E8E8E8;
padding:8px 10px;
border-radius:3px;
}
fieldset.trend legend {
font-size:11px;
color:#333;
}

div.trend_tweets {
}
div.trend_tweets img.icon {
width:16px;
height:16px;
border-radius:50%;
border:0;
margin-right:3px;
vertical-align:middle;
}

i.headicon {
width:1em;
height:1em;
margin-right:0.2em;
vertical-align:middle;
}
i.headicon svg {
width:1em;
height:1em;
fill:#FFF;
}

i.twitterimg {
width:14px;
height:14px;
margin-right:2px;
vertical-align:middle;
}
i.twitterimg svg {
width:14px;
height:14px;
fill:#1D9BF0;
}

#chlogo i {
vertical-align:middle;
margin-right:5px;
width:30px;
height:30px;
padding:3px;
}
#chlogo svg {
width:30px;
height:30px;
fill:#FFF;
}


div.sd_box {
display:block;
box-sizing:border-box;
margin:4px 0;
}
div.sd_box img.sd_img {
width:30px;
height:30px;
border-radius:50%;
float:left;
margin:0 5px 0 0;
border:0;
}
div.sd_box p.sd_date {
color:#666;
font-size:12px;
}
div.sd_box h4.sd_title {
margin-top:4px;
font-size:13px;
line-height:17px;
max-height:34px;
overflow:hidden;
display:block;
-webkit-line-clamp:2;
display:box;
display:-webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
white-space:normal;
}
div.sd_box h4.sd_title a {
color:#000;
}
div.sd_box span.sd_aftertime {
color:#000;
margin-left:3px;
float:right;
}
h3.sd_datehead {
font-weight:bold;
background-color:#333;
color:#FFF;
padding:5px 7px;
border-radius:3px;
}
@media screen and (max-width:500px) {
div.sd_box {
margin:3px 0;
}
div.sd_box img.sd_img {
width:30px;
height:30px;
border-radius:50%;
float:left;
margin:0 5px 0 0;
border:0;
}
div.sd_box h4.sd_title {
margin-top:3px;
font-size:12px;
}
h3.sd_datehead {
padding:3px 5px;
}
}




#vt_hnavi {
overflow:hidden;
overflow-x:auto;
white-space:nowrap;
vertical-align:top;
background:#F6F6F6;
background:linear-gradient(to top,#000,#000 3px,#F6F6F6 3px,#F6F6F6);
}
#vt_hnavi::-webkit-scrollbar {
display:none;
}
#vt_hnavi a {
display:inline-block;
border-top-left-radius:4px;
border-top-right-radius:4px;
font-size:16px;
padding:12px calc(6px + 0.8vw) 12px calc(6px + 0.8vw);
color:#333;
width:auto;
min-width:80px;
margin-top:3px;
margin-bottom:3px;
}
#vt_hnavi a:hover {
background:#EEE;
color:#000;
}
#vt_hnavi a i {
width:1em;
height:1em;
margin-right:2px;
}
#vt_hnavi a i svg {
width:1em;
height:1em;
fill:#333;
}
#vt_hnavi a:hover i svg {
fill:#000;
}
#vt_hnavi a.this {
color:#FFF;
background:#000;
font-weight:bold;
padding-bottom:15px;
margin-bottom:0;
}
#vt_hnavi a.this i svg {
fill:#FFF;
}


@media screen and (max-width:800px) {
#vt_hnavi a {
font-size:15px;
padding-left:calc(5px + 0.6vw) !important;
padding-right:calc(5px + 0.6vw) !important;
min-width:60px;
}
}
@media screen and (max-width:500px) {
#vt_hnavi a {
font-size:14px;
padding-left:calc(4px + 0.5vw) !important;
padding-right:calc(4px + 0.5vw) !important;
min-width:50px;
}
}
#rank_hnavi {
overflow:hidden;
overflow-x:auto;
white-space:nowrap;
vertical-align:top;
background:#F6F6F6;
}
#rank_hnavi::-webkit-scrollbar {
display:none;
}
#rank_hnavi a {
display:inline-block;
font-size:16px;
padding:14px calc(5px + 0.8vw);
color:#333;
width:auto;
min-width:70px;
}
#rank_hnavi a:hover {
background:#EEE;
color:#000;
}
#rank_hnavi a i {
width:1em;
height:1em;
margin-right:2px;
}
#rank_hnavi a i svg {
width:1em;
height:1em;
fill:#333;
}
#rank_hnavi a:hover i svg {
fill:#000;
}
#rank_hnavi a.this {
color:#000;
padding-bottom:11px;
border-bottom:3px solid #000;
font-weight:bold;
}
#rank_hnavi a.this i svg {
fill:#000;
}
@media screen and (max-width:800px) {
#rank_hnavi a {
font-size:15px;
padding-left:calc(5px + 0.6vw) !important;
padding-right:calc(5px + 0.6vw) !important;
min-width:60px;
}
}
@media screen and (max-width:500px) {
#rank_hnavi a {
font-size:14px;
padding-left:calc(4px + 0.5vw) !important;
padding-right:calc(4px + 0.5vw) !important;
min-width:50px;
}
}

p.mv_name {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
p.mv_name i.snsicon {
width:10px;
height:10px;
margin-right:1px;
vertical-align:middle;
}
p.mv_name i.snsicon svg {
width:10px;
height:10px;
fill:#666;
}
p.mv_name a.snslink {
color:#666;
}

.selector {
background-color:#444;
height:32px;
line-height:32px;
position:relative;
border-radius:16px;
width:360px;
margin:2px 0;
}
.selector_2items {
width:240px;
}
.selector span,.selector a {
width:120px;
display:block;
height:32px;
line-height:32px;
color:rgba(255,255,255,0.8);
cursor:pointer;
text-align:center;
font-size:13px;
border-radius:16px;
z-index:10;
float:left;
position:relative;
overflow:hidden;
}
.selector span:hover,.selector a:hover {
color:rgba(255,255,255,1);
}
.selector span.on,.selector a.on {
color:rgba(255,255,255,1);
font-weight:bold;
}
.selector span.on:hover,.selector a.on:hover {
background-color:transparent;
}
.selector i {
z-index:9;
width:114px;
height:26px;
border-radius:13px;
position:absolute;
background-color:#19F;
transition:left 0.2s ease;
left:0;
top:0;
margin:3px;
}
.selector i.sel0 {
left:0;
}
.selector i.sel1 {
left:120px;
}
.selector i.sel2 {
left:240px;
}
.selector i.sel3 {
left:360px;
}
@media screen and (max-width:600px) {
.selector {
width:330px;
}
.selector_2items {
width:220px;
}
.selector span,.selector a {
width:110px;
}
.selector i {
width:104px;
}
.selector i.sel1 {
left:110px;
}
.selector i.sel2 {
left:220px;
}
.selector i.sel3 {
left:330px;
}
}
@media screen and (max-width:500px) {
.selector {
width:270px;
}
.selector_2items {
width:180px;
}
.selector span,.selector a {
width:90px;
}
.selector i {
width:84px;
}
.selector i.sel1 {
left:90px;
}
.selector i.sel2 {
left:180px;
}
.selector i.sel3 {
left:270px;
}
}


h2.proftitle {
font-weight:bold;
background-color:#111;
color:#FFF;
padding:9px;
border-radius:3px;
}
h2.proftitle span {
vertical-align:middle;
}
@media screen and (max-width:500px) {
h2.proftitle {
border-radius:unset;
padding:6px;
}
}

#profcont {
padding:2vh 2vw;
}
#profhead {
line-height:1.2;
}
.profcontbox {
padding:2vh 2vw;
}
.profcontbox h3.pfname {
display:inline-block;
background-color:#888;
color:#FFF;
border-radius:7.5px;
height:15px;
line-height:15px;
padding:0 8px;
font-size:11px;
margin-top:5px;
}
#profhead .usericon {
width:12vw;
height:12vw;
max-width:150px;
max-height:150px;
min-width:70px;
min-height:70px;
margin-right:calc(5px + 0.5vw);
}
#profhead h1 em {
font-size:calc(13px + 0.6vw);
}
#profhead h1 a {
color:#000;
}
#profhead .profhead_cont {
border-radius:1vw;
padding:1.5vw;
background-color:rgba(255,255,255,0.8);
transition:background-color 0.3s ease;
}
#profhead .profhead_cont:hover {
background-color:rgba(255,255,255,0.9);
}
#profhead .favstar {
width:calc(20px + 1vw);
height:calc(20px + 1vw);
float:right;
margin-left:10px;
}
@media screen and (max-width:500px) {
#profcont {
padding:0;
}
.profcontbox {
padding:1.5vh 1.5vw;
}
}

span.dotspace {
}
span.dotspace::after {
content:"\30FB";
display:inline;
color:#AAA;
margin:0 1px;
}
span.livenum {
color:#C00;
}

#word_filter {
float:left;
margin:5px 0;
}
#word_filter input[type="text"] {
width:25vw;
max-width:250px;
min-width:120px;
margin-right:2px;
}
#vtuber_sort_selecter {
float:left;
margin:5px 3px 5px 0;
}
.float_sort_selector {
float:left;
margin-right:1vw;
}
@media screen and (max-width:500px) {
#word_filter {
float:unset;
}
#word_filter input[type="text"] {
width:40vw;
}
#vtuber_sort_selecter {
float:unset;
}
.float_sort_selector {
float:unset;
}
}

#search_list {
background-color:#EEE;
position:absolute;
top:0;
left:0;
}
#search_list ul {
margin:0;
padding:0;
}
#search_list ul li {
margin:0;
display:block;
height:24px;
line-height:24px;
color:#333;
padding:0 8px;
cursor:pointer;
}
#search_list ul li:hover {
color:#000;
font-weight:bold;
background-color:#DDD;
}

div.mcnlist {
display:block;
overflow-x:auto;
}
div.mcnlist::-webkit-scrollbar {
display:none;
}
div.mcnlist a {
display:inline-block;
height:28px;
line-height:28px;
color:#333;
padding:0 10px;
border:1px solid #CCC;
border-radius:15px;
background-color:#F8F8F8;
margin:2px;
}
div.mcnlist a:hover {
border-color:#999;
background-color:#E8E8E8;
color:#000;
text-decoration:none;
}
div.mcnlist a.this {
border-color:#000;
background-color:#000;
color:#FFF;
text-decoration:none;
}
@media screen and (max-width:500px) {
div.mcnlist {
margin:5px 5px 2px 5px;
}
div.mcnlist a {
height:24px;
line-height:24px;
padding:0 8px;
border-radius:13px;
margin:1px;
}
div.mcnlist {
white-space:nowrap;
}
}

#localhmenu {}
@media screen and (max-width:500px) {
#localhmenu {margin:0 5px;}
}

#localhead {
margin:1.5vh 1vw;
}
@media screen and (max-width:500px) {
#localhead {margin:10px 5px;}
}

p.endlive {
font-size:11px;
overflow:hidden;
display:block;
-webkit-line-clamp:1;
display:box;
display:-webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
white-space:normal;
color:#333;
}
p.endlive i {
font-size:10px;
display:inline-block;
border-radius:5px;
background-color:#BBB;
color:#FFF;
padding:1px 3px;
margin-right:2px;
}

#livelist {
margin:3px 0;
}
#livelist p.endlive {
margin:1px 0 4px 0;
}
#livelist td.poster {
width:100px;
position:relative;
background:url(../../i/_.gif) no-repeat center center;
background-size:cover;
}
#livelist td.poster::after {
content:"";
display:block;
width:100px;
height:1px;
}
#livelist td.poster img.service {
position:absolute;
right:2px;
bottom:2px;
width:16px;
height:16px;
}
#livelist td.poster div.playstop {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5) url(../../i/vtuber/playstopbg.png) no-repeat center center;
background-size:contain;
cursor:pointer;
z-index:1;
opacity:0.8;
}
#livelist td.poster div.playstop:hover {
opacity:1;
}
#livelist td.poster div.playstart {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0) url(../../i/_.gif) no-repeat center center;
background-size:contain;
cursor:pointer;
z-index:2;
}
#livelist td.poster div.playstart:hover {
background-image:url(../../i/vtuber/playstartbg.png);
background-color:rgba(0,0,0,0.3);
}
#livelist td.cont {
padding:8px 6px;
}
#livelist td.live_is_end {
padding:4px 6px;
}
#livelist h3 {
margin-top:4px;
}
#livelist td.live_is_end h3 {
margin-top:2px;
}
#livelist p.name {
font-size:15px;
line-height:20px;
max-height:20px;
overflow:hidden;
display:block;
-webkit-line-clamp:1;
display:box;
display:-webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
white-space:normal;
font-weight:bold;
}
#livelist a.title {
color:#000;
font-size:14px;
line-height:18px;
max-height:18px;
overflow:hidden;
display:block;
-webkit-line-clamp:1;
display:box;
display:-webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
white-space:normal;
}
#livelist td.live_is_end p.name {
font-size:14px;
line-height:18px;
max-height:18px;
}
#livelist td.live_is_end a.title {
color:#333;
font-size:13px;
line-height:16px;
max-height:16px;
}
#livelist img.uimg {
width:20px;
height:20px;
border-radius:50%;
border:0;
margin-right:3px;
vertical-align:middle;
}
#livelist td.live_is_end img.uimg {
width:18px;
height:18px;
margin-right:2px;
}
#livelist td.viewers {
}
#livelist a.viewers {
display:block;
font-weight:bold;
font-size:18px;
margin-bottom:6px;
color:#000;
}
#livelist a.viewers_not_started {
font-weight:normal;
font-size:14px;
margin-bottom:4px;
color:#666;
}
#livelist a.viewers_endlive {
font-size:16px;
margin-bottom:5px;
color:#666;
}
#livelist a.date {
color:#333;
}
#livelist a.date i.svg_box {
vertical-align:middle;
width:1em;
height:1em;
margin-right:2px;
}
#livelist a.date i svg {
width:1em;
height:1em;
fill:#666;
}
#livelist a.date:hover i svg {
fill:#000;
}
#livelist td.viewers {
white-space:nowrap;
}
#livelist td.line {
border-bottom:1px solid #EEE;
}
#livelist i.live {
border:1px solid #C00;
display:inline-block;
color:#C00;
border-radius:5px;
height:13px;
line-height:13px;
padding:0 2px;
font-size:11px;
margin-right:1px;
vertical-align:middle;
}

#livelist tr.cont:hover {
background-color:#F8F8F8;
}
#livelist tr.islive {
background-color:#FFE;
}
#livelist tr.islive:hover {
background-color:#FFE;
}
#livelist th {
background-color:#F4F4F4;
padding:4px;
color:#333;
line-height:1.3;
border-right:1px solid #FFF;
border-bottom:1px solid #000;
}
#livelist div.close_player {
height:20px;
cursor:pointer;
}
#livelist div.close_player::after {
content:"";
display:inline-block;
border-right:2px solid #888;
border-top:2px solid #888;
height:7px;
width:7px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:8px;
}
#livelist div.close_player:hover {
background-color:#EEE;
}
#livelist div.close_player:hover::after {
border-color:#000;
}



@media screen and (max-width:500px) {
#livelist {
}
#livelist td.poster {
width:70px;
}
#livelist td.poster::after {
width:70px;
}
#livelist td.cont {
padding:4px 3px;
}
#livelist td.live_is_end {
padding:3px 3px;
}
#livelist p.name {
font-size:13px;
line-height:15px;
max-height:15px;
}
#livelist a.title {
font-size:12px;
line-height:17px;
max-height:17px;
}
#livelist a.viewers {
font-size:15px;
margin-bottom:4px;
}
#livelist a.not_started {
font-size:13px;
margin-bottom:3px;
}
#livelist a.date {
font-size:11px;
color:#333;
}
#livelist img.uimg {
display:none;
}
#livelist th {
padding:2px;
font-size:12px;
}

}

#mobile_menu_btn {
height:40px;
width:40px;
cursor:pointer;
float:right;
}
#mobile_menu_btn:hover {
background-color:rgba(255,255,255,0.15);
}
#mobile_menu_btn i {
width:20px;
height:20px;
margin:10px;
}
#mobile_menu_btn i svg {
width:20px;
height:20px;
fill:#FFF;
}
#myaccount_menu {
height:40px;
width:40px;
float:right;
display:inline-block;
}
#myaccount_menu:hover {
background-color:rgba(255,255,255,0.15);
}
#myaccount_menu img {
width:24px;
height:24px;
margin:8px;
border-radius:50%;
border:0;
}
#FOOT {
line-height:2;
}

#ranking_outer {
max-width:900px;
margin:2vh auto;
}
#ranking {
}
#ranking .uicon {
border:0;
width:73px;
height:73px;
border-radius:50%;
}
#ranking h2 {
font-size:18px;
font-weight:bold;
}
#ranking h2 i {
font-size:14px;
}
#ranking td.count {
text-align:center;
white-space:nowrap;
}
#ranking td.count em {
font-size:18px;
}
#ranking td.rank {
text-align:center;
white-space:nowrap;
}
#ranking td.cont {
line-height:1.2;
}
#ranking td.cont p {
margin-top:5px;
color:#000;
}
#ranking td.cont p a {
color:#000;
}
@media screen and (max-width:800px) {
#ranking_outer {
margin:10px 0;
}
#ranking h2 {
font-size:16px;
font-weight:bold;
}
#ranking .uicon {
width:48px;
height:48px;
}
#ranking td.count em {
font-size:16px;
}
}
@media screen and (max-width:500px) {
#ranking h2 {
font-size:14px;
font-weight:bold;
}
#ranking td.count em {
font-size:14px;
}
}


a.b1 {
border-radius:4px;
color:#FFF;
background:#FF0A36;
display:inline-block;
padding:10px 20px;
text-align:center;
transition:background-color 0.1s;
}
a.b1:hover {
background:#FF3B5E;
text-decoration:none;
}
a.b1:active {
box-shadow:0 3px 4px rgba(0,0,0,0.2) inset;
background:#CC082B;
text-decoration:none;
}
a.b2 {
border-radius:3px;
color:#333;
background:#EEE;
display:inline-block;
padding:5px 10px;
text-align:center;
transition:background-color 0.1s;
border:1px solid #DDD;
}
a.b2:hover {
background:#F6F6F6;
color:#000;
text-decoration:none;
}
a.b2:active {
box-shadow:0 2px 3px rgba(0,0,0,0.2) inset;
background:#DDD;
text-decoration:none;
border-color:#CCC;
}






#my_hnavi {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:flex-start;
width:100%;
justify-content:space-around;
margin:5px 0 10px 0;
}
#my_hnavi a {
display:block;
font-size:14px;
padding:8px 0;
color:#333;
width:25%;
background:#F6F6F6;
}
.my_hnavi_vtuber_top a {
width:50% !important;
}
#my_hnavi a:hover {
background:#EEE;
color:#000;
}
#my_hnavi a.this {
background:#000;
color:#FFF;
font-weight:bold;
}
@media screen and (max-width:500px) {
#my_hnavi a {
font-size:13px;
margin:3px 0;
}
}
#member_cont_outer {
max-width:1050px;
margin:0 auto;
border:1px solid #EEE;
background:#FFF;
padding:15px;
}
@media screen and (max-width:500px) {
#member_cont_outer {
margin:0;
border:0;
padding:0;
}
}

#favedlist {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:stretch;
width:100%;
justify-content:start;
}
#favedlist div.item {
box-sizing:border-box;
width:20%;
padding:15px;
text-align:center;
font-size:15px;
}
#favedlist div.item img.uicon {
border:0;
width:73px;
height:73px;
border-radius:50%;
margin-bottom:10px;
}
#favedlist div.item h2 a {
color:#000;
line-height:1.2;
}
@media screen and (max-width:800px) {
#favedlist div.item {
width:25%;
padding:10px;
font-size:14px;
}
}
@media screen and (max-width:500px) {
#favedlist div.item {
width:33%;
}
}

div.comment {
padding:5px;
}
div.comment img.uicon {
border:0;
width:40px;
height:40px;
border-radius:50%;
float:left;
}
div.comment div.ucont {
margin-left:50px;
line-height:1.2;
}
div.comment span.date {
float:right;
color:#666;
font-size:12px;
}