@charset "utf-8";

/*----- ニコニコ大百科にようこそ。 -----*/
.index-page_menu-description {
  color: #999;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
}

.index-page_menu-line {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.index-page_menu-items dt {
  font-weight: 600;
  margin-right: 8px;
  display: inline-block;
  font-size: 13px;
}

.index-page_menu-items dd {
  display: inline-block;
  margin-right: 16px;
}

/*----- 今週の扉絵 -----*/
.index-weekly-illust-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.index-weekly-illust-info {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 8px;
}

.index-weekly-illust-title {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.index-weekly-illust-title a:first-child {
  overflow: hidden;
  display: inline-block;
  max-width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index-weekly-illust-title a {
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
}

.index-weekly-illust-info > .index-space_recommend-readmore {
  position: absolute;
  right: 0;
  margin: 0;
}

/*-----
今週のオススメピコ・記事
閲覧・編集に役立つ記事・ 関連サービスの記事
-----*/
.index-weekly-recommend,
.index-option-recommend {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  width: 740px;
  box-sizing: border-box;
}

.index-weekly-recommend-contents,
.index-option-recommend-contents {
  width: 362px;
}

.index-weekly-recommend-piko,
.index-weekly-recommend-article,
.index-option-recommend-tool,
.index-option-recommend-service {
  height: 32px;
  padding: 0 8px;
  background-color: #fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.index-weekly-recommend-piko-contents,
.index-weekly-recommend-article-contents,
.index-option-recommend-tool-contents,
.index-option-recommend-service-contents {
  border-top: 3px solid #ffaf19;
  background-color: #fff;
  margin-bottom: 16px;
  font-size: 12px;
  padding: 8px 16px 4px;
}

.index-weekly-recommend-piko h2,
.index-weekly-recommend-article h2,
.index-option-recommend-tool h2,
.index-option-recommend-service h2 {
  font-size: 16px;
  font-weight: 500;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

/*----- 今週のオススメピコ・記事 -----*/
.index-weekly-recommend-piko:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_piko.png);
  background-size: contain;
  width: 36px;
  height: 36px;
}

.index-weekly-recommend-piko-contents,
.index-weekly-recommend-article-contents {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-direction: column;
}
.index-weekly-recommend-piko-title,
.index-weekly-recommend-article-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 8px;
}
.index-weekly-recommend-piko-main,
.index-weekly-recommend-article-main {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}
.index-weekly-recommend-piko-thumbnail,
.index-weekly-recommend-article-thumbnail {
  width: 96px;
}
.index-weekly-recommend-piko-thumbnail img,
.index-weekly-recommend-article-thumbnail img {
  width: 100%;
  height: auto;
}
.index-weekly-recommend-piko-info {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}

.index-weekly-recommend-piko-info small {
  font-size: 0.95em;
  line-height: 1.2em;
  color: #999;
  padding-top: 4px;
}

.index-weekly-recommend-article-detail {
  padding-left: 4px;
  font-size: 12px;
  line-height: 14px;
  max-width: 230px;
  color: #999;
}

.index-weekly-recommend-article:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_recommend.png);
  background-size: contain;
  width: 36px;
  height: 36px;
}

/*----- 閲覧・編集に役立つ記事 -----*/
.index-option-recommend-tool:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_newarticle.png);
  background-size: contain;
  width: 36px;
  height: 36px;
}

.index-option-recommend-tool-contents {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 32px 0 16px;
}

div.index-option-recommend-tool-contents ul {
  padding: 0;
}

.index-option-recommend-tool-contents ul li {
  list-style: none;
  margin-bottom: 4px;
}

.index-option-recommend-tool-contents ul li::before
,.index-option-recommend-service-contents ul li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #ffaf19;
  display: inline-block;
  margin-right: 10px;
}

.index-option-recommend-tool-links a {
  margin-bottom: 8px;
}

.index-option-recommend-tool-contents ul li:last-child {
  margin: 0;
}

/*----- ニコニコ関連サービスの記事 -----*/
.index-option-recommend-service:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_niconico_sp.png);
  background-size: contain;
  width: 36px;
  height: 36px;
}

div.index-option-recommend-service-contents {
  padding: 8px 48px 0 16px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}

div.index-option-recommend-service-contents ul {
  padding: 0;
}

div.index-option-recommend-service-contents ul li {
  list-style: none;
  font-weight: 600;
  margin-bottom: 4px;
}

div.index-option-recommend-service-contents ul li:last-child {
  margin-bottom: 0;
}

.index-option-recommend-service-contents  a {
  margin-bottom: 8px;
}

.index-option-recommend {
  border-radius: 0 0 8px 8px;
  margin-bottom: 5px;
  padding-bottom: 16px;
}

/*----- もっと見る -----*/
.index-space_readmore-right {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.index-recommend-contents-readmore,
.index-new-contents-readmore {
  border: none;
  color: #1e7dc0;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  margin-left: 2px;
  cursor: pointer;
  vertical-align: middle;
}

.index-recommend-contents-readmore::before,
.index-new-contents-readmore::before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 6px 0 6px 10px;
 border-color: transparent transparent transparent #1e7dc0;
 padding-right: 4px;
 margin-bottom: 4px;
}

/*----- 最近描かれたお絵カキコ -----*/
table.index-oekaki-list {
  margin: 0 auto;
  table-layout: fixed;
}

table.index-oekaki-list tr {
  display: table;
}

table.index-oekaki-list td {
  width: 140px;
  overflow: hidden;
  padding: 3px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}

.index-oekaki-list-thumb {
  width: 134px;
  height: 134px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-oekaki-list-thumb a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.index-oekaki-list-thumb a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.index-oekaki-list-title {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  line-height: 16px;
}

.index-oekaki-list-inner {
  height: 32px;
  margin: 8px 0 4px;
  font-size: 14px;
  word-break: break-all;
}

.index-oekaki-list a:hover,
.index-oekaki-list-title:hover {
  color: #ffaf19;
}

.index-oekaki-list-source {
  max-width: 123px;
  display: table;
  cursor: pointer;
}

.index-oekaki-list-source a {
  color: #999;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table-cell;
  vertical-align: middle;
}

.index-oekaki-list-source a:first-child {
  max-width: 94px;
  padding-right: 2px;
  font-weight: bold;
}

.index-new-oekaki-contents > .index-new-contents-readmore {
  padding-right: 16px;
}

/*----- 最近投稿されたピコカキコ -----*/
.index-piko-list a:hover ,
.index-piko-list-title:hover {
  color: #ffaf19;
}

.index-piko-list tr {
  display: table;
}

.index-piko-list td {
  width: 140px;
  overflow: hidden;
  padding: 6px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}

.index-piko-list td:last-child {
  margin-right: 0;
}

.index-piko_thumb {
  margin-bottom: 8px;
}

.index-piko-list-title {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  line-height: 16px;
}

.index-piko-list-inner {
  height: 32px;
  margin: 8px 0 4px;
  font-size: 14px;
}

.index-piko-list-source {
  max-width: 123px;
  display: table;
  cursor: pointer;
}

.index-piko-list-source a {
  color: #999;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table-cell;
  vertical-align: middle;
}

.index-piko-list-source a:first-child {
  max-width: 94px;
  padding-right: 2px;
  font-weight: bold;
}

.index-new-piko-contents > .index-new-contents-readmore {
  padding-right: 16px;
}

/*----- 最近レスが書かれた掲示板 -----*/
.index-new-res-items {
  border-bottom: 1px solid #d6d6d6;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  color: #999;
  padding: 8px;
}

.index-new-res-info-title {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.index-new-res-info-inner {
  font-size: 1.1em;
  font-weight: 600;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 640px;
}

.index-new-res-info-title a:first-child {
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 613px;
  padding-right: 2px;
}

.index-new-res-info-count {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.index-new-res-info-count:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_comment-gray.png) no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.index-new-res-detail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
  padding-left: 8px;
  font-weight: 400;
  font-size: 12px;
}

/*----- 更新情報 -----*/
.index-blomaga-info-contents ul {
  padding-left: 0;
}

.index-blomaga-info-inner li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  margin-bottom: 6px;
}

.index-blomaga-info-inner li a {
  padding-left: 8px;
}

.index-blomaga-info-inner li:last-child {
  margin: 0;
}

/*----- 新着記事 -----*/
.index-newly-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  width: 740px;
  box-sizing: border-box;
}

.index-newly-list-first {
  border-radius: 8px 8px 0 0;
}

.index-newly-list-contents {
  width: 362px;
}

.index-newly-list-contents-inner {
  border-top: 3px solid #ffaf19;
  margin-bottom: 8px;
  font-size: 12px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.index-newly-list-contents-inner ul li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #ffaf19;
  display: inline-block;
  margin-right: 10px;
}

.index-newly-list-contents-inner ul {
  padding: 0;
}

.index-newly-list-contents-inner li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.index-newly-list-contents-inner li:last-child {
  margin: 0;
}

.index-newly-list-word,
.index-newly-list-video,
.index-newly-list-items,
.index-newly-list-live,
.index-newly-list-user,
.index-newly-list-community{
  height: 40px;
  padding: 0 8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.index-newly-list-word h2,
.index-newly-list-video h2,
.index-newly-list-items h2,
.index-newly-list-live h2,
.index-newly-list-user h2,
.index-newly-list-community h2 {
  font-size: 16px;
  font-weight: 500;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

/*----- 新着単語記事 -----*/
.index-newly-list-word {
  padding: 6px 8px 2px;
}

.index-newly-list-word h2:before {
  display: inline-block;
  content:'';
  background:url(/img/ic_word.png) no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  margin-right: 4px;
}

/*----- 新着動画記事 -----*/
.index-newly-list-video {
  padding: 6px 8px 2px 8px;
}

.index-newly-list-video h2:before {
  display: inline-block;
  content:'';
  background:url(/img/icon_niconico_sp.png);
  background-size: contain;
  width: 36px;
  height: 36px;
}

/*----- 新着商品記事 -----*/
.index-newly-list-items h2:before {
  display: inline-block;
  content:'';
  background:url(/img/ic_items.png) no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

/*----- 新着生放送記事 -----*/
.index-newly-list-live {
  padding: 0;
}

.index-newly-list-live h2:before {
  display: inline-block;
  content:'';
  background:url(/img/nicolive_app.svg);
  background-size: contain;
  width: 16px;
  height: 24px;
  margin-right: 8px;
  margin-left: 16px;
}

/*----- 新着ユーザー記事 -----*/
.index-newly-list-user h2:before {
  display: inline-block;
  content:'';
  background:url(/img/ic_user.png);
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

/*----- 新着コミュ記事 -----*/
.index-newly-list-community h2:before {
  display: inline-block;
  content:'';
  background:url(/img/ic_community.png) no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

/*----- 新しく記事を作るボタン -----*/
.index-button-article-create {
  display: block;
  width: 250px;
  height: 40px;
  margin: 0 auto;
  background:url(/img/button_cleate-article.png);
  background-repeat: no-repeat;
  border: none;
  font-size: 0;
  cursor: pointer;
}

.index-bbs_space-footer {
  margin-bottom: 24px;
}

/*----- ニコニ広告された記事 -----*/
.index-main-nicoad-items {
  border-bottom: 1px solid #d6d6d6;
  color: #999;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.index-main-nicoad-items:last-child {
  border-bottom: none;
}

.index-main-nicoad-title {
  flex: 1 1 auto;
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.index-main-nicoad-title-link {
  color: #1e7dc0;
  text-decoration: none;
  padding-right: 2px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 365px;
}
.index-main-nicoad-title-link:before {
  display: inline-block;
  content: '';
  background: url(/img/icon_nicoad-silver.png);
  background-size: contain;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: -4px 8px 0 0;
}

.gold-pc .index-main-nicoad-title-link:before {
  background: url(/img/icon_nicoad-gold.png);
  background-size: contain;
  width: 24px;
  height: 24px;
}
.silver-pc .index-main-nicoad-title-link:before {
  background: url(/img/icon_nicoad-silver.png);
  background-size: contain;
  width: 24px;
  height: 24px;
}

.index-main-nicoad-supporter {
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.index-main-nicoad-supporter-label {
  font-weight: bold;
  color: #525252;
  margin: 0 4px;
  flex: 0 0 auto;
}
.index-main-nicoad-supporter-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}
.index-main-nicoad-supporter-msg {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 135px;
}
.index-main-nicoad-point {
  flex: 0 0 auto;
  width: 70px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background: #ccd7d9;
  text-align: center;
  color: #5f6467;
  margin-left: 16px;
}
.index-main-nicoad-point a {
  display: block;
  color: #5f6467;
  cursor: pointer;
}

.gold-pc .index-main-nicoad-point {
  color: #987600;
  background: #f6d538
}
.silver-pc .index-main-nicoad-point {
  color: #5f6467;
  background: #ccd7d9;
}

.gold-pc .index-main-nicoad-point a {
  display: block;
  color: #987600;
}
.silver-pc .index-main-nicoad-point a {
  display: block;
  color: #5f6467;
}