@charset "utf-8";

/* ---------------------------------------------------------------------------
 feed系アイコンデザイン*/

body:not(.mobile) ul.feedIcons {
	margin-right: -10px;
}


/* split 3=259 / 4=193 / 5=153 / 6=125 */
.areaCenter #pss-ap		.split3	a			img,
.areaCenter #pss-ap				a.split3	img { height: 259px; }
.areaCenter #pss-ap 	.split4	a			img,
.areaCenter #pss-ap				a.split4	img { height: 193px; }
.areaCenter #pss-ap 	.split5	a			img,
.areaCenter #pss-ap				a.split5	img { height: 153px; }
.areaCenter #pss-ap 	.split6	a			img,
.areaCenter #pss-ap				a			img { height: 125px; }

#pss-ap		.split3	a			img,
#pss-ap				a.split3	img { height: 313px; }
#pss-ap 	.split6	a			img,
#pss-ap				a			img { height: 152px; }

#feedNicoCh	.split4	a				{ width: 233px; height: 179px; }
#feedNicoCh	.split5	a				{ width: 185px; height: 142px; }
#feedNicoCh	.split6	a				{ width: 152px; height: 85.5px; }

body.mobile #feedNicoCh a {
	width: 100%;
	height: auto;
}
body.mobile #feedNicoCh a:after {
	content: " ";
	position: relative;
	display: block;
	width: 100%;
	padding-top: 76.92%;
}
body.mobile #feedNicoCh img {
	width: auto;
	max-width: none;
	height: 100%;
}


.feedIcons .noimage ,
.feedIcons .nolink ,
.feedIcons a {
	position: relative;
	display: block;
	float: left;

	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	outline: none;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 0px 3px rgba(0,0,0,0.2);

	transition-duration: 0.3s;
	overflow: hidden;
}


/*.feedIcons a:hover {
	border: 1px solid #b00;
}*/


/* img */
.feedIcons a:hover img {
	filter: alpha(opacity=7);
	-moz-opacity:0.7;
	opacity:0.7;
}

.thumbnail img ,
.feedIcons .noimage * ,
.feedIcons img {
	position: relative;
	display: block;
	margin: 0 auto;
	transition-duration: 0.3s;
	width: 100%;
	height: auto;
}


#feedNicoCh .feedIcons img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;/*chrome縮小ボケ回避*/
}


/**/
.feedIcons {
	clear: both;
	overflow: hidden;
}

.feedIcons li {
	position: relative;
	display: block;
	float: left;
	margin: 0 7px 7px 0;
	padding: 0;
	background: none;
}


.feedIcons .nolink p ,
.feedIcons a p {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;

	height: 13px;
	padding: 2px 4px 4px;
	border-radius: 0 0 4px 4px;
	background: rgba(0,0,0,0.6);

	color: #fff;
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
	overflow-y: hidden;
	word-wrap: break-word;

	transition-duration: 0.3s;
}
#feedNicoCh .feedIcons a p {
	background: transparent;
}
#feedNicoCh .feedIcons a p span {
	text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px #000,0 0 5px #000;
}
#feedNicoCh .feedIcons a:hover p {
	background: rgba(0,0,0,0.6);
}

body:not(.mobile) .feedIcons .nolink:hover p ,
body:not(.mobile) .feedIcons a:hover p {
	height: 65px;
}


body:not(.mobile) .feedIcons .nolink img {
	transition-duration: 0.3s;
}
body:not(.mobile) .feedIcons .nolink:hover img {
	filter: grayscale(100%);
}

.feedIcons .nolink p span ,
.feedIcons a p span {
	display: block;
	text-align: right;
	margin: -2px -4px 4px -4px;
	padding-top: 2px;
	padding-right: 4px;
	font-size: 8pt;
}
body:not(.mobile) .feedIcons .nolink:hover p span ,
body:not(.mobile) .feedIcons a:hover p span {
	background: rgba(0,0,0,1);
}


/*特殊サイズ*/
#feedNf a p {
	height: 30px;
}

/* body:not(.mobile) #feedNf a.noThumb p ,*/
body:not(.mobile) #feedNf	a:hover p {
	height: 6em;
}


/* [EOF] */