/*************************************************
CSS
/common/css/individual.css
*************************************************/
/* ==================================================
top
================================================== */
.top_index .topics_list { width: 490px; }
.top_index .topics_list .title { font-weight: normal; }
.top_index .topics_list .text { overflow: hidden; }
.top_index .topics_list .date, .top_index .topics_list .icon_comment { display: inline; }
.top_index .topics_list .icon_comment { color: #718597; font-size: 12px; font-size: 1.2rem; }
.top_index .pickup_topics { width: 270px; margin-top: -52px; }
.top_index .pickup_topics .topics_content { background: url(/common/img/bg_pickup_topics.png) 0 0 no-repeat; padding-top: 10px; }
.top_index .pickup_topics .topics_content + .topics_content { margin-top: 24px; }
.top_index .pickup_topics .topics_content .heading h3 { text-align: center; font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.top_index .pickup_topics .topics_content dt { text-align: center; }
.top_index .pickup_topics .topics_content dd { line-height: 1.2; margin-top: 12px; }
.top_index .pickup_topics .topics_content .more { font-size: 12px; font-size: 1.2rem; margin-top: 5px; }
.top_index .box_today_release { margin-top: 24px; }
.top_index .box_today_release .thumbnail_list li { width: 422px; display: inline-block; vertical-align: top; }
.top_index .box_today_release .thumbnail_list li + li { margin-top: 0; margin-left: 6px; }
.top_index .box_today_release .thumbnail_list li a { background-color: #fff; padding: 16px; box-sizing: border-box; }
.top_index .box_today_release .thumbnail_list .title { font-size: 20px; font-size: 2rem; font-weight: normal; }
.top_index .box_today_release .thumbnail_list .date { margin-bottom: 0; }
.top_index .box_new_entry .subconstruction_company h3 span { font-size: 10px; font-size: 1rem; color: #9e9e9e; font-weight: normal; }
.top_index .box_new_entry .subconstruction_company .subconstruction_company_list { }
.top_index .box_new_entry .subconstruction_company .subconstruction_company_list + .subconstruction_company_list { margin-top: 8px; }
.top_index .box_new_entry .subconstruction_company .subconstruction_company_list li.subconstruction_company_delimiter { margin-right: 100px; }
.top_index .box_serialize_banner { margin-top: 24px; }
.top_index .box_serialize_banner .banner_serialize_list li { display: inline-block; margin-left: 20px; }
.top_index .box_serialize_banner .banner_serialize_list li:first-child { margin-left: 0; }
.top_index .main_contents .box_access_ranking { width: 410px; box-sizing: border-box; }
.top_index .box_review_ranking { width: 410px; box-sizing: border-box; }
.top_index .box_review_ranking .counting_date { color: #718597; font-size: 12px; font-size: 1.2rem; margin-top: 11px; }
.top_index .box_review_ranking .review_feedback_list a { padding-left: 0; }
.top_index .box_review_ranking .review_feedback_list a:before { content: normal; }
.top_index .box_review_ranking .review_feedback_list li a .review_cnt { position: static; left: 0; top: 0; width: auto; height: auto; padding-top: 0; background-image: none; color: #94a5b5; text-align: left; font-weight: normal; }
.top_index .box_review_ranking .review_feedback_list .thumbnail { float: left; margin-right: 10px; }
.top_index .box_review_ranking .review_feedback_list dl { overflow: hidden; }
.top_index .box_review_ranking .review_feedback_list dl .title { overflow: hidden; }
.top_index .box_review_ranking .review_feedback_list dl .author { font-size: 12px; font-size: 1.2rem; font-weight: normal; }
.top_index .author_list { width: 375px; }
.top_index .author_list.rc { padding-left: 28px; border-left: 2px solid #eceff2; }
.top_index .box_commissioner .footnote { color:#999; font-size: 12px; font-size: 1.2rem; margin-top: 5px; }
.top_index .news_list { margin-top: -10px; }
@media screen and (max-width: 640px) { .top_index .new_topics .lc, .top_index .new_topics .rc { float: none; }
  .top_index .topics_list { width: auto; }
  .top_index .pickup_topics { width: auto; margin-top: 24px; }
  .top_index .pickup_topics .topics_content { background: url(/common/img/bg_pickup_topics.png) 0 0 no-repeat; padding-top: 10px; }
  .top_index .box_today_release .thumbnail_list li { display: block; width: auto; }
  .top_index .box_today_release .thumbnail_list li + li { margin-top: 5px; margin-left: 0; }
  .top_index .box_today_release .thumbnail_list li a { padding: 10px; }
  .top_index .box_today_release .thumbnail_list .date { font-size: 11px; }
  .top_index .box_today_release .thumbnail_list .title { font-size: 15px; }
  .top_index .box_serialize_banner { margin-top: 20px; }
  .top_index .box_serialize_banner .banner_serialize_list li { margin-left: 0; text-align: center; display: block; }
  .top_index .box_serialize_banner .banner_serialize_list li + li { margin-top: 10px; }
  .top_index .main_contents .box_access_ranking { width: auto; box-sizing: content-box; float: none; }
  .top_index .box_review_ranking { width: auto; box-sizing: content-box; float: none; }
  .top_index .author_list { width: 48%; }
  .top_index .author_list.rc { padding-left: 0; border-left: none; }
  .top_index #contents .main_contents .sub_contents .box_content { padding: 0; background-color: transparent; } }

/* ==================================================
serialize
================================================== */
@media screen and (max-width: 640px) { .l_categories_serialize .box_serialize .thumbnail_list .thumbnail { float: none; width: 160px; margin-left: auto; margin-right: auto; } }