/* 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/sp/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;
}
.c_tile_article_textbox_div:after {
	clear: both;
}
.c_tile_article_textbox_arrow_div {
	float: left;
	width: 18px;
	height: 18px;
	background-image: url('/images/sp/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/sp/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/sp/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/sp/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: 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/sp/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/sp/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 */

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);


.c_tile_year_year1_a, .c_tile_year_year1_b, .c_tile_year_year2_a, .c_tile_year_year2_b, .c_tile_year_year3_a, .c_tile_year_year3_b {
	color: white;
	text-decoration: none;
}

/*
.c_tile_year_year1_a:hover, .c_tile_year_year1_b:hover, .c_tile_year_year2_a:hover, .c_tile_year_year2_b:hover, .c_tile_year_year3_a:hover, .c_tile_year_year3_b:hover {
	color: #b1b1b1;
/*	-moz-text-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.5);
	text-shadow:2px 2px 2px rgba(0,0,0,0.5); */

/* */
.c_tile_year_year1_a, .c_tile_year_year1_b {
	/* 一列 */
	position: relative;
/*	position: absolute; */
	margin: 0 auto;
	padding: 20px 0 0;
	width: 640px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-align: center;
/*	background: #808080; /* debug */
}
.c_tile_year_year1_a {
	height: auto;
}
.c_tile_year_year1_b {
/* after
   1977
   before
   1992
*/
	height: 91px;
}
/* */
.c_tile_year_year1_a_num_div {
	/* 一列数字 */
padding: 0;
    margin-top: 30px;
    font-size: 90px;
    letter-spacing: 10px;
    line-height: 1;
}
.c_tile_year_year1_a_before_div, .c_tile_year_year1_a_after_div {
	/* 一列 Before After */
	margin: 0;
	padding: 0;
	font-size: 38px;
	vertical-align: top;
}
.c_tile_year_year1_a_before_div {
	/* 一列 Before */
	letter-spacing: 1px;
}
.c_tile_year_year1_a_after_div {
	/* 一列 After */
	letter-spacing: 6px;
}
/* */
.c_tile_year_year1_b_before_div, .c_tile_year_year1_b_after_div {
	padding: 0;
	font-size: 24px;
	text-align: left;
	vertical-align: top;
}
.c_tile_year_year1_b_before_div {
	/* 一列 Before 1977 */
	letter-spacing: 5px;
	font-weight: 400;
}
.c_tile_year_year1_b_after_div {
	/* 一列 After 1992 */
	letter-spacing: 6px;
}
.c_tile_year_year1_b_before_after_num_div {
	/* 一列 Before 1977 or After 1992 */
	margin-top: -8px; /* -8 */
	padding: 0;
	font-size: 50px;
	letter-spacing: 12px;
	vertical-align: top;
}
/* */
.c_tile_year_year1_under_div {
padding: 0;
    width: 254px;
    height: 20px;
    left: 0;
    bottom: -20px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    right: 11px;

/*	background-color: green; /* debug */
}
/* */
.c_tile_year_year2_a, .c_tile_year_year2_b {
	/* 二列 */
	position: relative;
/*	position: absolute; */
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: 0;
	width: 142px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 100px;
	overflow: hidden;
	text-align: center;
/*	box-shadow: 0 -10px 0 #ff0000 inset; */
/*	background: #808080; /* debug */
}

.c_tile_year_year2_a_wide, .c_tile_year_year2_b_wide {
	/* 1列 */
	margin: 0;
	padding: 0;
	border-spacing: 0;
	width: 300px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 0;
	text-align: center;
	color:#fff;
}


.c_tile_year_year2_a {
	/* 二列 数値 */
	height: 215px;
}
.c_tile_year_year2_b {
	/* 二列 Before After */
	height: 143px;
}

.c_tile_year_year2_a_numbers_div, .c_tile_year_year2_b_numbers_div {
}
.c_tile_year_year2_a_numbers_div {
	margin-top: 4px;
    position: absolute;
    width: 139px;
    height: 108px;
    line-height: 0;
    top: 55px;
}
.c_tile_year_year2_b_numbers_div {
	margin-top: 10px; /* 6 */
}

.c_tile_year_year2_num1_div, .c_tile_year_year2_num2_div, .c_tile_year_year2_num3_div, .c_tile_year_year2_num4_div {
	position: absolute;
    font-size: 70px;
    letter-spacing: 0px;
    width: 90px;
}

.c_tile_year_year2_num1_div_wide{
	    letter-spacing: 15px;
    font-size: 70px;
    margin-top: 17px;
    /* display: inline-block; */
    position: absolute;
    left: 0;
    right: 0;
    height: 82px;
    line-height: 0;
        top: 55px;

}

.c_tile_year_year2_num1_div, .c_tile_year_year2_num2_div {
	margin-top: 22px;
}
.c_tile_year_year2_num3_div, .c_tile_year_year2_num4_div {
	margin-top: 80px;
}
.c_tile_year_year2_num1_div, .c_tile_year_year2_num3_div {
	margin-left: 0px;
}
.c_tile_year_year2_num2_div, .c_tile_year_year2_num4_div {
	right: 0px;
}

.c_tile_year_year2_b_before_div, .c_tile_year_year2_b_after_div {
	padding: 0;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-top: -4px;
}
.c_tile_year_year2_b_before_div {
	letter-spacing: 1px;
}
.c_tile_year_year2_b_after_div {
	letter-spacing: 2px;
}

.c_tile_year_year2_a_numbers_div_wide{
}

.c_tile_year_year2_under_div {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 92px;
	height: 22px;
	bottom: 20px;
	left:25px;
/*	background-color: green; /* debug */

}

.c_tile_year_year2_under_div_wide {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 225px;
    height: 22px;
    bottom: 120px;
    left: 30px;
/*	background-color: green; /* debug */

}


.c_tile_year_year3_a, .c_tile_year_year3_b {
	/* 二列 */
	position: relative;
/*	position: absolute; */
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: 0;
	width: 142px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 70px;
	overflow: hidden;
	text-align: center;
/*	box-shadow: 0 -10px 0 #ff0000 inset; */
/*	background: #808080; /* debug */
}


.c_tile_year_year3_a {
	/* 二列 数値 */
	height: 170px;
}
.c_tile_year_year3_b {
	/* 二列 Before After */
	height: 143px;
}

.c_tile_year_year3_a_numbers_div, .c_tile_year_year3_b_numbers_div {
}
.c_tile_year_year3_a_numbers_div {
	    margin-top: 4px;
    position: absolute;
    width: 140px;
    line-height: 0;
    top: 38px;
}
.c_tile_year_year3_b_numbers_div {
	margin-top: 10px; /* 6 */
}

.c_tile_year_year3_num1_div, .c_tile_year_year3_num2_div, .c_tile_year_year3_num3_div, .c_tile_year_year3_num4_div {
	    position: absolute;
    font-size: 60px;
    letter-spacing: 0px;
    width: 100px;
}
.c_tile_year_year3_num1_div, .c_tile_year_year3_num2_div {
	margin-top: 10px;
}
.c_tile_year_year3_num3_div, .c_tile_year_year3_num4_div {
	margin-top: 60px;
}
.c_tile_year_year3_num1_div, .c_tile_year_year3_num3_div {
	margin-left: 0px;
}
.c_tile_year_year3_num2_div, .c_tile_year_year3_num4_div {
	right: 0px;
}

.c_tile_year_year3_b_before_div, .c_tile_year_year3_b_after_div {
	padding: 0;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-top: -4px;
}
.c_tile_year_year3_b_before_div {
	letter-spacing: 1px;
}
.c_tile_year_year3_b_after_div {
	letter-spacing: 2px;
}
.c_tile_year_year3_under_div {
position: absolute;
    margin: 0;
    padding: 0;
    width: 81px;
    height: 20px;
    bottom: 17px;
    left: 29px;
}



.c_year_color_1978_background {
	background-color: #b1ef28;
}
.c_year_color_1979_background {
	background-color: #f5c0fe;
}
.c_year_color_1980_background {
	background-color: #325cef;
}
.c_year_color_1981_background {
	background-color: #f49664;
}
.c_year_color_1982_background {
	background-color: #9ee2fb;
}
.c_year_color_1983_background {
	background-color: #a0c078;
}
.c_year_color_1984_background {
	background-color: #ffe5a8;
}
.c_year_color_1985_background {
	background-color: #007e33;
}
.c_year_color_1986_background {
	background-color: #eeea12;
}
.c_year_color_1987_background {
	background-color: #851eff;
}
.c_year_color_1988_background {
	background-color: #ea0e00;
}
.c_year_color_1989_background {
	background-color: #39a6a1;
}
.c_year_color_1990_background {
	background-color: #f7bd00;
}
.c_year_color_1991_background {
	background-color: #fb8887;
}
.c_year_color_after_background {
	background-color: #a28372;
}
.c_year_color_before_background {
	background-color: #5cdcb1;
}

.column_new_year{
padding: 0;
    width: 262px;
    height: 14px;
    bottom: 0px;
    left: -5px;
    margin: 0 auto;
    position: relative;
    margin: 0 auto;
   }
   
.year_day p{
	font-size:35px;
	letter-spacing:8px;
}

.year_day span.month_day{
	font-size:20px;
}

.column_new_year_1978{
	background-color: #b1ef28;
}
.column_new_year_1979{
	background-color: #f5c0fe;
}
.column_new_year_1980{
	background-color: #325cef;
}
.column_new_year_1981{
	background-color: #f49664;
}
.column_new_year_1982{
	background-color: #9ee2fb;
}
.column_new_year_1983{
	background-color: #a0c078;
}
.column_new_year_1984{
	background-color: #ffe5a8;
}
.column_new_year_1985{
	background-color: #007e33;
}
.column_new_year_1986{
	background-color: #eeea12;
}
.column_new_year_1987{
	background-color: #851eff;
}
.column_new_year_1988{
	background-color: #ea0e00;
}
.column_new_year_1989{
	background-color: #39a6a1;
}
.column_new_year_1990{
	background-color: #f7bd00;
}
.column_new_year_1991{
	background-color: #fb8887;
}
.column_new_year_after{
	background-color: #a28372;
}
.column_new_year_before{
	background-color: #5cdcb1;
}