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

#id_index_content0_div {
	width: 1280px;
	left: 0;
	right: 0;
	margin: auto;
/*	background-color: yellow; */
}
/* head line --- */
#id_index_headline_div:before,
#id_index_headline_div {
	width: 100%;
	background-color: #202020;
}
#id_index_headline_div:after {
	clear: both;
}
#id_index_headline_left_div {
	position: relative;
	float: left;
	overflow: auto;
	width: 640px;
	height: 640px;
}
#id_index_headline_left_div:hover #id_index_headline_left_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
/*#id_index_headline_left_div:hover #id_index_headline_left_text_div {
	color: #e86117;
} */
#id_index_headline_left_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 640px;
	background-color: black;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.c_index_headline_left_new_div {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 39px;
	height: 39px;
	background-image: url('/images/index_article_new.png');
	background-repeat: no-repeat;
    background-size: 100%;
}
#id_index_headline_left_year_div {
	position: absolute;
	bottom: 210px; /* 210 */
	left: 32px; /* 32 */
	width: 150px; /* 150 */
	height: 62px; /* 62 */
	margin: 0;
	background-repeat: no-repeat;
}
#id_index_headline_left_text_div {
	position: absolute;
	top: 450px;
	left: 32px;
	width: 598px;
	height: 56px;
	color: white;
	font-size: 22px;
	font-weight: 600;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: 2px;
	cursor: pointer;
	text-decoration: none;
}
#id_index_headline_left_writer_div {
	position: absolute;
	top: 552px; /* 640 - 32 - 56 */
	left: 29px;
	cursor: pointer;
/*	margin: 0; */
/*	width: 200px;
	height: 100px; */
/*	background-color: yellow; /* debug */
}
#id_index_headline_left_writer_div:after {
	clear: both;
}
#id_index_headline_left_writer_div:hover > #id_index_headline_left_writer_img {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#id_index_headline_left_writer_div:hover > #id_index_headline_left_writer_text_div {
	color: #b1b1b1;
}



#id_index_headline_left_writer_img {
	margin: 0px;
	padding: 0px;
	width: 47px;
	height: 56px;
}

#id_index_headline_left_writer_image_div {
	position: relative;
/*	position: absolute; */
/*	top: 0px; */
/*	left: 0px; */
	width: 47px;
	height: 56px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#id_index_headline_left_writer_text_div {
	position: relative;
	float: right;
	margin-left: 16px;
	margin-top: 3px;
/*	position: absolute; */
/*	top: 3px; */
/*	left: 63px; */
/*	width: 540px; */
/*	height: 112px; */
/*	background-color: green; /* debug */
}
#id_index_headline_left_writer_text0_div {
/*	position: relative; */
/*	position: absolute; */
/*	top: 555px; */
	top: 0px;
/*	left: 92px; */
	left: 0px;
/*	width: 540px; */
/*	height: 56px; */
/*	color: white; */
	font-size: 12px;
}
#id_index_headline_left_writer_text1_div {
	position: relative;
/*	position: absolute; */
/*	top: 575px; */
/*	top: 20px; */
/*	left: 92px; */
	left: 0px;
/*	width: 540px; */
/*	height: 56px; */
/*	color: white; */
	font-size: 18px;
	font-weight: bold;
/*	background-color: blue; /* debug */
}
.c_index_headline_left_writer_text_div {
	color: white;
}
/* .c_index_headline_left_writer_text_div:hover {
	color: #b1b1b1;
} */
/* */
#id_index_headline_right_div {
	margin: 0;
	padding: 0;
	float: right;
	width: 640px;
	height: 640px;
/*	background-color: #80ff80; */
}
#id_index_headline_right_div:after {
	clear: both;
}

#id_index_headline_right0_content_div {
	float: left;
	width: 320px;
	height: 640px;
}
/*#id_index_headline_right0_content_div:hover #id_index_headline_right0_1_0_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
} */
#id_index_headline_right0_content_div:hover .c_index_headline_right_text_div {
	color: #e86117;
}
#id_index_headline_right0_0_content_div {
	position: relative;
/*	display: inline-block; */
	top: -320px;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 320px;
	color: #F60000;
	line-height: 0;
	text-align: center;
	background: white;
	z-index: 0;
}
#id_index_headline_right0_0_content_div:after {
	content: "";
	position: absolute;
	bottom: -20px; left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: white transparent transparent transparent;
}
.c_index_headline_right_pickup_div {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 79px;
	height: 26px;
	background-image: url('/images/pickup.gif');
	background-repeat: no-repeat;
}
.c_index_headline_right_text_div {
	position: absolute;
	overflow: hidden;
	top: 66px;
	left: 0;
	right: 0;
	margin: auto;
	width: 246px;
	height: 100px;
	color: black;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 2px;
}
.c_index_headline_right_text_div:hover {
	color: #e86117;
}

.c_index_headline_right_writer_div {
	position: absolute;
	top: 186px;
	width: 320px;
	height: 120px;
}

.c_index_headline_right_writer_img {
	width: 47px;
	height: 56px;
}

.c_index_headline_right_writer_image_div {
	position: relative;
	/*position: absolute; */
	top: 0px;
	left: 0;
	right: 0;
	width: 47px;
	height: 56px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_index_headline_right_writer_text0_span {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #595959;
	line-height: 1;
}
.c_index_headline_right_writer_text1_span {
	display: inline-block;
	color: black;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	text-align: center;
}

.c_index_headline_right_writer_text0_div______ {
	position: relative;
/*	position: absolute; */
/*	top: 0; /* 250 */
/*	left: 0;
	right: 0;
	margin: 0 auto; */
	color: black;
	font-size: 12px;
/*	text-align: center; */
	color: #595959;
	line-height: 1;
background-color: red;
}
.c_index_headline_right_writer_text1_div____ {
	position: absolute;
	top: 18px; /* 82 268 */
	left: 0;
	right: 0;
	margin: 0 auto;
/*	width: 300px;
	height: 20px; */
	color: black;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
background-color: green;
}
#id_index_headline_right0_1_content_div {
	position: relative;
	top: 320px;
	width: 320px;
	height: 320px;
	background-repeat: no-repeat;
}
#id_index_headline_right0_1_content_div:hover #id_index_headline_right0_1_0_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
#id_index_headline_right0_1_0_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 320px;
	background-color: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.class_index_headline_right_year_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 320px;
	background-repeat: no-repeat;
	background-position: center center;
}
/* */
#id_index_headline_right1_content_div {
	float: right;
	width: 320px;
	height: 640px;
	background-color: #808080;
}
/*#id_index_headline_right1_content_div:hover #id_index_headline_right1_0_0_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
} */
#id_index_headline_right1_content_div:hover .c_index_headline_right_text_div {
	color: #e86117;
}
#id_index_headline_right1_0_content_div {
	position: relative;
	width: 320px;
	height: 320px;
	background-repeat: no-repeat;
}
#id_index_headline_right1_0_content_div:after {
	clear: both;
}
#id_index_headline_right1_0_content_div:hover #id_index_headline_right1_0_0_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
#id_index_headline_right1_0_0_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 320px;
	background-color: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
#id_index_headline_right1_1_content_div {
	position: relative;
/*	display: inline-block; */
	margin: 0;
	padding: 0;
	width: 320px;
	height: 320px;
/*	color: #F6F6F6; */
	line-height: 0;
	text-align: center;
	background: white;
	z-index: 0;
}
#id_index_headline_right1_1_content_div:after {
	content: "";
	position: absolute;
	top: -20px; left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent white transparent;
}

/* --- head line */
/* latest column --- */
#id_index_latest_column_div {
	width: 100%;
	top: 0;
	font-size:0;
}
.c_index_latest_column_div {
	width: 100%;
	top: 0;
	font-size:0;
}
.c_index_latest_column_wide_div {
	position: relative;
	display: inline-block;
	top: 0;
	width: 626px;
	height: 297px;
	background-color: #707070;
	font-size: 12px;
	vertical-align: top
}
.c_index_latest_column_wide_div:hover .c_index_latest_column_wide_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_index_latest_column_wide_div:hover .c_tile_article_textbox_text1_div {
/*	color: #e86117; */
}
.c_index_latest_column_wide_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 626px;
	height: 297px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.c_index_latest_column_wide_year_div {
	position: absolute;
	bottom: 90px;
	left: 17px;
	width: 150px; /* 150 */
	height: 62px; /* 62 */
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
.c_index_latest_column_spacer_div {
	display: inline-block;
	top: 0;
	left: 0;
	width: 30px;
	height: 327px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.c_index_tile_article_sq297_div:hover .c_tile_article_sq297_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.c_index_tile_article_sq297_div:hover .c_tile_article_textbox_text1_div {
/*	color: #e86117; */
}
/* --- latest column */
/* popular column --- */
#id_index_popular_column_div {
	width: 100%;
	height: 308px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#id_index_popular_column_div:after {
	clear: both;
}
#id_index_popular_column_left_div {
	position: relative;
	float: left;
/*	display: inline-block; */
	width: 104px;	/* old 36px */
	height: 308px;
}
#id_index_popular_column_left_button_div {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
/*	right: 0; */
	margin: auto;
	width: 79px; /* old 31px */
	height: 308px; /* old 32px */
	cursor: pointer;
	background-image: url('/images/index_popular_column_left_button_off.png'); /* popular_column_left_button_off.gif */
	background-repeat: no-repeat;
}
#id_index_popular_column_left_button_div:hover {
	background-image: url('/images/index_popular_column_left_button_on.png'); /* popular_column_left_button_off.gif */
}
#id_index_popular_column_slide_area_div {
	position: relative;
/*	display: inline-block; */
	float: left;
	width: 1072px; /* old 1208px (208 * 6) + (16 * 5)    new 188 * 5 + 33 * 4*/
	height: 308px;
	overflow-x: hidden;
/*	overflow-x: scroll; */
/*	overflow-y: hidden; */
/*	overflow-y: scroll; */
}
#id_index_popular_column_right_div {
	position: relative;
	float: left;
/*	display: inline-block; */
	width: 104px; /* old 36px */
	height: 308px;
}
#id_index_popular_column_right_button_div {
	position: absolute;
	top: 0;
/*	left: 0; */
	bottom: 0;
	right: 0px;
	margin: auto;
	width: 79px; /* old 31px */
	height: 308px; /* old 32px */
	cursor: pointer;
	background-image: url('/images/index_popular_column_right_button_off.png');
	background-repeat: no-repeat;
}
#id_index_popular_column_right_button_div:hover {
	background-image: url('/images/index_popular_column_right_button_on.png');
}
#id_index_popular_column_all_div {
	overflow: visible;
	width: 8000px;
	height: 308px;
	left: 100px;
	margin: 0;
	padding: 0;
}
.id_index_popular_column_all_div:after {
	clear: both;
}
.c_index_popular_column_block_posLeft_div {
	position: relative;
	float: left;
/*	display: inline-block; */
	top: 0;
	width: 188px;
	height: 308px;
	background-color: white;
	font-size: 12px;
	vertical-align: top;
}
.c_index_popular_column_block_posLeft_div:hover > .c_index_popular_column_block_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.c_index_popular_column_block_posLeft_div:hover > .c_index_popular_column_block_text_div {
	color: #e86117;
}

.c_index_popular_column_block_div {
	position: relative;
	float: left;
/*	display: inline-block; */
	top: 0;
	width: 188px;
	height: 308px;
	background-color: white;
	font-size: 12px;
	vertical-align: top;
	margin-left: 33px; /* old 16px */
}
.c_index_popular_column_block_div:hover > .c_index_popular_column_block_opacity_div {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.c_index_popular_column_block_div:hover > .c_index_popular_column_block_text_div {
	color: #e86117;
}
.c_index_popular_column_block_image_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 188px;
	height: 188px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.c_index_popular_column_block_opacity_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 188px;
	height: 188px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.c_index_popular_column_block_year_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 188px;
	height: 188px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.c_index_popular_column_block_text_div {
	position: absolute;
	top: 198px;
	left: 10px;
	width: 178px; /* 188 */
	height: 60px; /* 120 */
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: black;
}
.c_index_popular_column_block_text_div:hover {
	color: #e86117;
}
.c_index_popular_column_block_heart_div {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	background-image: url('/images/heart38x38.gif');
}
.c_index_popular_column_block_count_div {
	position: absolute;
	bottom: 14px;
	left: 52px;
	width: 120px;
	height: 28px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: black;
}

.c_index_popular_column_block_spacer_div {
	display: inline-block;
	top: 0;
	left: 0px;
	width: 30px;
	height: 30px;
	vertical-align: top;
}

/* --- popular column */
/* voice_ranking --- */
#id_index_voice_ranking_div {
	width: 100%;
	font-size: 0px;
}

.c_index_voice_ranking_unit_div {
	display: inline-block;
	top: 0;
	left: 0;
	width: 625px;
	height: 250px;
	vertical-align: top;
}
.c_index_voice_ranking_unit_spacer_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 30px;
	height: 280px;
	vertical-align: top;
}
.c_index_voice_ranking_user_unit_div {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 187px;
	height: 250px;
	margin: 0;
	padding: 0;
	background-color: white;
}
/* */
.c_index_voice_ranking_comment_unit_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #19283C;
	text-align: center;
	background: white;
	border: 3px solid #19283C;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #19283C transparent transparent;
	z-index: -1;
	clear: both;
	text-align: center;
}
/* */

.c_index_voice_ranking_comment_unit_1980_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #325cef;
	text-align: center;
	background: white;
	border: 3px solid #325cef;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_1980_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_1980_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #325cef transparent transparent;
	z-index: -1;
	clear: both;
	text-align: center;
}

/* */
.c_index_voice_ranking_comment_unit_1_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #edc202;
	text-align: center;
	background: white;
	border: 3px solid #edc202;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_1_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_1_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #edc202 transparent transparent;
	clear: both;
	text-align: center;
	z-index: -1;
}
/* */
.c_index_voice_ranking_comment_unit_2_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #c1c1c1;
	text-align: center;
	background: white;
	border: 3px solid #c1c1c1;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_2_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_2_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #c1c1c1 transparent transparent;
	clear: both;
	text-align: center;
	z-index: -1;
}
/* */
.c_index_voice_ranking_comment_unit_3_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #985413;
	text-align: center;
	background: white;
	border: 3px solid #985413;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_3_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_3_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #985413 transparent transparent;
	clear: both;
	text-align: center;
	z-index: -1;
}
/* */
.c_index_voice_ranking_comment_unit_4_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #7c7c7c;
	text-align: center;
	background: white;
	border: 3px solid #7c7c7c;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_4_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_4_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #7c7c7c transparent transparent;
	clear: both;
	text-align: center;
	z-index: -1;
}
/* */
.c_index_voice_ranking_comment_unit_other_div {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	top: 0;
	left: 19px;
	width: 383px;
	height: 244px;
	line-height: 34px;
	color: #7c7c7c;
	text-align: center;
	background: white;
	border: 3px solid #7c7c7c;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_other_div:before {
	float: left;
	content: "";
	position: absolute;
	top: 30%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.c_index_voice_ranking_comment_unit_other_div:after {
	content: "";
	position: absolute;
	top: 30%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #7c7c7c transparent transparent;
	clear: both;
	text-align: center;
	z-index: -1;
}

/* */
.c_index_voice_ranking_comment_total_unit_div {
	position: absolute;
	top: 23px;
	left: 0;
	right: 0;
	width: 390px;
	height: 39px;
	margin: auto;
	text-align: center;
}
.c_index_voice_ranking_comment_total_unit_waku_div {
	display: inline-block;
/*	position: relative; */
	top: 0;
	min-width: 190px;
	width: auto !important; /* hack */
	min-width: 190px;
	width: 190px;
	height: 35px;
/*	background-color: white; */
	border: solid 2px #7c7c7c;
	-moz-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-o-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-ms-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	text-align: center;
}
.c_index_voice_ranking_comment_total_unit_waku_div:after {
	clear: both;
}
.c_index_voice_ranking_comment_total_mark_div {
	display: inline-block;
	top: 4px;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 26px;
	margin: auto;
/*	background-image: url('/images/heart38x38.gif'); */
	background-image: url('/images/heart_voice38x38.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
.c_index_voice_ranking_comment_total_total_div {
	display: inline-block;
	top: 0;
	bottom: 0;
	height: 22px;
	margin: auto;
	color: #595959;
	font-size: 14px;
	vertical-align: 5px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}
.c_index_voice_ranking_comment_total_val_div {
	display: inline-block;
	top: 0;
	bottom: 0;
	height: 24px;
	margin: auto;
	color: black;
	font-size: 22px;
	vertical-align: 5px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}
.c_index_voice_ranking_comment_text_div {
	position: absolute;
	overflow-y: hidden;
	top: 80px;
	left: 0;
	right: 0;
	width: 340px;
	height: 65px;
	margin: auto;
	text-align: left;
	color: black;
	font-size: 12px;
	word-break: break-all;
	line-height:2;
}
.c_index_voice_ranking_comment_hr {
	position: absolute;
	top: 162px;
	left: 0;
	right: 0;
	width: 340px;
	height: 1px;
	margin: auto;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: black;
	clear: both;
}


.c_index_voice_ranking_comment_title_name_div {
}

.c_index_voice_ranking_comment_title_div {
	position: absolute;
	overflow: hidden;
	top: 175px;
	left: 0;
	right: 0;
	width: 340px;
	height: 65px;
	margin: auto;
	text-align: left;
	color: black;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	line-height: 1.3;
}
.c_index_voice_ranking_comment_title_div:hover {
	color: #e86117;
}

.c_index_voice_ranking_comment_name_div {
	position: absolute;
	overflow: hidden;
	top: 220px;
	left: 0;
	right: 0;
	width: 340px;
/*	height: 65px; */
	margin: auto;
	text-align: left;
	color: black;
	font-size: 14px;
	line-height: 100%;
}
.c_index_voice_ranking_comment_name_div:hover {
	color: #b1b1b1;
}
/* --- voice_ranking */
/* kataribe ranking --- */
#id_index_kataribe_ranking_div {
	width: 100%;
	height: 350px;
}
#id_index_kataribe_ranking_div:after {
	clear: both;
}
.c_index_kataribe_ranking_unit_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 297px;
	height: 350px;
	background-color: white;
	vertical-align: top;
}
.c_index_kataribe_ranking_unit_spacer_div {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	vertical-align: top;
}
.c_index_kataribe_ranking_unit_rank_div {
	position: absolute;
	top: 15px;
	left: 17px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
}
/* */
.c_index_kataribe_ranking_unit_comment_week_unit_div {
	position: absolute;
	top: 265px;
	left: 0;
	right: 0;
	width: 270px;
	height: 39px;
	margin: auto;
	text-align: center;
}
.c_index_kataribe_ranking_unit_comment_week_unit_waku_div {
	display: inline-block;
/*	position: relative; */
	top: 0;
	min-width: 190px;
	width: auto !important; /* hack */
	min-width: 190px;
	width: 190px;
	height: 35px;
/*	background-color: white; */
	border: solid 2px #7c7c7c; 
	-moz-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-o-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-ms-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	text-align: center;
}
.c_index_kataribe_ranking_unit_comment_week_unit_waku_div:after {
	clear: both;
}
.c_index_kataribe_ranking_unit_comment_week_mark_div {
	display: inline-block;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	margin-top: 4px;
	background-image: url('/images/heart38x38.gif');
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
.c_index_kataribe_ranking_unit_comment_week_week_div {
	display: inline-block;
	top: 0;
	bottom: 0;
	height: 22px;
	margin: auto;
	color: #7c7c7c;
	font-size: 14px;
	vertical-align: 6px;
}
.c_index_kataribe_ranking_unit_comment_week_val_div {
	display: inline-block;
	top: 0;
	bottom: 0;
	height: 22px;
	margin: auto;
	color: black;
	font-size: 20px;
	font-weight: 400;
	vertical-align: 4px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}
.c_index_more_div {
	width: 100%;
	text-align: center;
	color: black;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-top: 30px;
}
.c_index_more_div a{
    margin: 40px auto;
    border: 3px solid #595959;
    border-radius: 40px;
    padding: 2px 24px 4px;
    font-size: 19px;
    transition-duration: 0.2s;
    background-color: #fff;
}
.c_index_more_div a:hover{
    border: 3px solid #e86117;
    background-color: #f2d6c7;
}

/* --- kataribe ranking */
/* user --- */
.c_index_base_basic_user_unit0_div:hover .c_base_basic_user_unit0_image_div {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_index_base_basic_user_unit0_div:hover .c_base_basic_user_unit0_birth_div {
	color: #b1b1b1;
}
.c_index_base_basic_user_unit0_div:hover .c_base_basic_user_unit0_name_div {
	color: #b1b1b1;
}

.c_index_base_basic_user_unit1_div:hover .c_base_basic_user_unit1_image_div {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_index_base_basic_user_unit1_div:hover .c_base_basic_user_unit1_birth_div {
	color: #808080;
}
.c_index_base_basic_user_unit1_div:hover .c_base_basic_user_unit1_login_div {
	color: #e86117;
}


/* --- user */
/* side left -- */
#id_index_side_left_div {
	position: absolute;
	width: 297px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-color: white;
	line-height: 1.0;
/*	overflow-y: scroll; */
}
#id_index_side_left_follow_div {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#id_index_side_left_follow_div:after {
	clear: both;
}
#id_index_side_left_switch_div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 195px;
	height: 67px;
}
#id_index_side_left_switch_div:after {
	clear: both;
}
.c_index_side_left_switch_0_div {
	float: left;
	width: 80px;
	height: 67px;
}
.c_index_side_left_switch_0_0_div {
/*	display: inline-block; */
	display: table-cell;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 60px;
	vertical-align: middle;
	text-align: center;
}
.c_index_side_left_switch_0_0_div:hover {
	color: #e86117;
}

/* side left -- */
#id_writer_title_text_div {
	text-align: center;
	font-size: 20px;
	color: black;
	letter-spacing: 1px;
	font-weight: bold;
}
/* */
.c_index_user_icon0 {
}
.c_index_user_icon0:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.c_index_user_icon0_hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
/* */
#id_index_about_div {
	width: 100%;
}
#id_index_about_text_div {
	font-size: 20px;
	color: black;
	letter-spacing: 1px;
	line-height: 38px;
	text-align: center;
}
#id_index_about_imgs_ul {
	display:table;
	width: 100%;
}
#id_index_about_img1_li {
	display: table-cell;
	width: 386px;
	height: 296px;
	text-align: left;
}
#id_index_about_img1_li div {
}
#id_index_about_img2_li {
	display: table-cell;
	width: 386px;
	height: 296px;
	text-align: center;
}
#id_index_about_img3_li {
	display: table-cell;
	width: 386px;
	height: 296px;
	text-align: right;
}
.c_index_about_st {
	margin-bottom: 60px;
	font-size: 16pt;
	letter-spacing: 1px;
	line-height: 2em;
	font-weight: bold;
}
#id_index_about_wrapper1 {
	margin-top: -30px;
	width: 852px;
	float: left;
}
#id_index_about_wrapper1:after {
	clear: both;
}
#id_index_about_wrapper1 img {
	margin-top: 46px;
}
#id_index_about_boxB {
	width: 426px;
	float: right;
}

#id_index_about_boxC {
	width: 426px;
	float: right;
}

#id_index_about_boxD img {
	margin-top: 46px;
}

#id_index_about_boxD {
	margin-top: -30px;
	width: 426px;
	float: left;
}
.c_index_about_m-box1 {
	width: 386px;
	height: 296px;
	margin: 0 auto 60px;
	background-color: #f08e8e;
}

.c_index_about_m-box2 {
	width: 386px;
	height: 296px;
	margin: 0 auto 60px;
	background-color: #3fc1e8;
}

.c_index_about_m-box3 {
	width: 386px;
	height: 296px;
	margin: 0 auto 60px;
	background-color: #8dc863;
}
.c_index_about_whats{
	color: #fff;
	font-size: 20px;
	width: 318px;
	margin: 30px auto;
	font-weight: bold;
}

/* end of file */