/* ver 0.0.1 */
/* IE9 later */
.c_tile_article_val_div {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-image: url('/images/reminder_mark_orange.svg');
	background-repeat: no-repeat;
	background-size: contain;
	/* background-size: cover; */
	/* background-size: 100%; */
	color: white;
	text-align: center;
/*	vertical-align: middle; */
}
.c_tile_article_textbox_div {
	position: absolute;
	top: 236px; /* 228 */ /* 246px */
	left: 10px;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 14px;
    word-break: normal;
}
.c_tile_article_textbox_div:after {
	clear: both;
}
.c_tile_article_textbox_arrow_div {
	float: left;
	width: 18px;
	height: 18px;
	background-image: url('/images/base_arrow_right_white18x18.png');
	background-repeat: no-repeat;
}
.c_tile_article_textbox_texts_div {
	float: left;
}
.c_tile_article_textbox_text1_div {
	width: 260px;
	font-size: 13px;
	color: white;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 14px;
	text-decoration: none;
}
.c_tile_article_textbox_text2_div {
	font-size: 10px;
	color: white;
	margin-top: 5px;
	text-decoration: none;
	cursor: pointer;
}
.c_tile_article_textbox_text2_div:hover {
/*	color: #E86117; */
	color: #b1b1b1;
}

/* */
.c_tile_article_sq297_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 297px;
	height: 297px;
	background-color: #505050;
	font-size:12px;
	vertical-align:top;
	background-size: cover;
}
.c_tile_article_sq297_div:hover .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.c_tile_article_sq297_div:hover > .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq297_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 297px;
	height: 297px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	filter: alpha(opacity=25); /* old 0.2 */
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.c_tile_article_sq297_opacity_div:hover {
/*	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0; */
}
.c_tile_article_delete_div {
	position: relative;
	top: 0px;
	left: 267px;
	width: 30px;
	height: 24px;
	background-image: url('/images/tile_delete2.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
.c_tile_article_sq297_year_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 297px;
	height: 297px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

.c_tile_article_sq297_withVoice_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 297px;
	height: 447px; /* 297 + 150 */
	background-color: #505050;
	font-size:12px;
	vertical-align:top;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 297px 297px;
	color: white;
}
.c_tile_article_sq297_withVoice_div:hover .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq297_withVoice_div:hover > .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq297_withVoice_div:hover > .c_tile_article_sq297_withVoice_div_voice_texts_user_voice_div2 {
	color: #e86117;
}
.c_tile_article_sq297_withVoice_withDelete_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 297px;
	height: 471px; /* 297 + 150 + 24 */
}
.c_tile_article_sq297_withVoice_div2 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 297px;
	height: 447px; /* 297 + 150 */
	background-color: #505050;
	font-size:12px;
	vertical-align:top;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 297px 297px;
	color: white;
}
.c_tile_article_sq297_withVoice_div2:hover .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq297_withVoice_div2:hover > .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.c_tile_article_sq297_withVoice_div_voice_border_div {
	width: 100%;
	height: 20px;
	margin-top: -14px;
}

.c_tile_article_sq297_withVoice_div_voice_texts_div {
	position: absolute;
	display: block;
	top: 300px;
	left: 20px;
	width: 257px;
	height: 140px;
	color: black;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
/*	background-color: yellow; */
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_div {
	width: 100%;
	display: block;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_div div {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_div p {
	display: inline-block;
	line-height: 33px;
	color: #505050;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_div:hover p {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_div:hover div {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_voice_div {
	display: block;
	width: 100%;
	height: 68px;
	overflow: hidden;
	font-size:14px;
	font-weight: normal;
	color: black;
/*	background-color: green;  */
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_voice_div2 {
	display: block;
	width: 100%;
	height: 60px;
	overflow: hidden;
	font-size:14px;
	font-weight: normal;
	color: black;
}
.c_tile_article_sq297_withVoice_div_voice_texts_user_voice_date_div {
	position: relative;
	top: 0px;
	display: block;
	width: 100%;
	height: 14px;
	overflow: hidden;
	font-size:11px;
	font-weight: normal;
	color: #bababa;
}



/* */
.c_tile_article_sq300_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
	background-color: #505050;
	font-size:12px;
	vertical-align:top;
	background-size: cover;
}
.c_tile_article_sq300_div:hover .c_tile_article_sq300_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq300_div:hover > .c_tile_article_sq300_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_tile_article_sq300_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	filter: alpha(opacity=25); /* old 0.2 */
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.c_tile_article_sq300_year_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
/* search */

.c_tile_article_heart_div {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 0;
	width: 90px;
	height: 40px;
	background-color: rgba(255,255,255,0.7);
/*	border: solid 2px #7c7c7c; */
	-moz-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-o-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-ms-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	text-align: center;
}
.c_tile_article_heart_mark_div {
	position: absolute;
	top: 19px;
	right: 58px;
	width: 26px;
	height: 26px;
	background-image: url('/images/heart26x26.png');
	background-repeat: no-repeat;
}
.c_tile_article_heart_voice_mark_div {
	position: absolute;
	top: 19px;
	right: 58px;
	width: 26px;
	height: 26px;
	background-image: url('/images/heart_voice26x26.png');
	background-repeat: no-repeat;
}
.c_tile_article_count_div {
	position: absolute;
	top: 23px;
	right: 0px;
	width: 56px;
	height: 20px;
	font-size:14px;
	text-align: center;
	color: #ee3db6;
	font-family: 'Montserrat', sans-serif;
}
/* */

.c_tile_user_unit297_div {
	position: relative;
	width: 297px;
	height: 297px;
	margin: 0;
	padding: 0;
	background-color: white;
	display:inline-block;
}
.c_tile_user_unit297_title1_div {
	position: absolute;
	top: 34px;
	left: 0;
	right: 0;
	width: 297px;
	height: 24px;
	margin: auto;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: center;
}
.c_tile_user_unit297_image1_div {
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	width: 82px;
	height: 97px;
	margin: auto;
	background-repeat: no-repeat;
}
.c_tile_user_unit297_birth1_div {
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
	width: 180px;
	height: 18px;
	margin: auto;
	padding: 0;
	font-size: 14px;
/*	font-weight: bold; */
	color: black;
	text-align: center;
}
.c_tile_user_unit297_name1_div {
	position: absolute;
	top: 190px;
	left: 0;
	right: 0;
	width: 180px;
	height: 26px;
	margin: auto;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: center;
}
/* */
.c_tile_user_unit297_2_div {
	position: relative;
}
.c_tile_user_unit297_2_div:hover > .c_tile_user_unit297_image2_div {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_tile_user_unit297_2_div:hover > .c_tile_user_unit297_birth2_div {
	color: #b1b1b1;
}
.c_tile_user_unit297_2_div:hover > .c_tile_user_unit297_name2_div {
	color: #b1b1b1;
}
.c_tile_user_unit297_image2_div {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 82px;
	height: 97px;
	margin: auto;
	background-repeat: no-repeat;
}

.c_tile_user_unit297_birth2_div {
	position: absolute;
	top: 126px;
	left: 0;
	right: 0;
	width: 180px;
	height: 18px;
	margin: auto;
	padding: 0;
	font-size: 14px;
/*	font-weight: bold; */
	color: black;
	text-align: center;
}
.c_tile_user_unit297_name2_div {
	position: absolute;
	top: 146px;
	left: 0;
	right: 0;
	width: 280px; /* 180px */
	height: 26px;
	margin: auto;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: center;
}
.c_tile_user_unit297_followed2_div {
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	width: 120px;
	height: 27px;
	margin: auto;
	padding: 0;
	text-align: center;
	background-image: url('/images/followed120x27.png');
	background-repeat: no-repeat;
}
.c_tile_user_unit297_user_followed2_div {
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	width: 120px;
	height: 27px;
	margin: auto;
	padding: 0;
	text-align: center;
	background-image: url('/images/user_follow.gif');
	background-repeat: no-repeat;
}

.c_tile_user_unit297_follow_count2_div {
	position: absolute;
	top: 222px;
	left: 0;
	right: 0;
	width: 100%;
	height: 26px;
	margin: auto;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: center;
}





/* end of file */