@charset "utf-8";

.a-title-box {
  width: 740px;
  padding: 0px 10px;
  line-height: 1.35;
  font-size: 0.9em;
  background-color: #fff;
}

.a-title {
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  padding: 20px 16px 2px 16px;
  line-height: 1.35;
  font-size: 0.9em;
  box-sizing: border-box;
  margin: 0 auto;
  width: 740px;
  margin-top: 5px;
}
.a-title-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
}
.article-title-text {
  flex: 1 1 auto;
}
div.article .article-title-counter {
  flex: 0 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 16px;
  list-style: none;
}
.article-title-counter-homeru {
  width: 40px;
  text-align: center;
  font-size: 10px;
  color: #999;
}
.article-title-counter-homeru:before {
  content: '';
  display: block;
  background: url(/img/icon_hometa_ranking.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 0 auto 2px;
  opacity: 0.5;
}
.article-title-counter-nicoad {
  width: 45px;
  text-align: center;
  font-size: 10px;
  color: #999;
}
.article-title-counter-nicoad:before {
  content: '';
  display: block;
  background: url(/img/icon_nicoad-gray.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 0 auto 2px;
}

.a-title h1 {
  font-size: 1.6em;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  word-wrap: break-word;
  display: block;
}

.a-title h1 span {
  margin-left: 4px;
}

.a-title-yomi {
  font-size: 0.8em;
  margin: 0px;
}

.a-area_buttons {
  padding: 8px 16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.a-area_buttons-left {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}

.a-box_contents {
  padding: 16px;
}

.a-contents {
  font-size: 0.9em;
  background-color: #fff;
  line-height: 1.35;
  padding-bottom: 24px;
  border-radius: 0 0 8px 8px;
  box-sizing: border-box;
  margin: 0 auto 8px;
  width: 740px;
}

a.a-button_edit {
  width: 100px;
  letter-spacing: 0.01em;
  height: 32px;
  background-color: #eaeaea;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4c4c4c;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
}

.a-button_edit::before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/img/icon_edit-pen.png) no-repeat;
  margin-right: 2px;
}

a.a-button_edit:hover
,a.a-button_referHistory:hover {
  color: #4c4c4c;
  text-decoration: none;
}

a.a-button_referHistory {
  width: 140px;
  letter-spacing: 0.01em;
  height: 32px;
  background-color: #eaeaea;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4c4c4c;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
}

.a-area_sns {
  display: inline-block;
  height: 32px;
}

.a-infoArea_buttons {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
}

.a-bottomMenu .a-infoArea_buttons {
  flex: 1 1 auto;
}

.a-infoArea_caution {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
  color: #ee4949;
}

a.a-button_move-article {
  height: 30px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  color: #999;
  font-size: 12px;
  font-weight: bold;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 12px;
}

a.a-button_move-article::before {
  content: '';
  background-image: url(/img/icon_arrow-down.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 4px;
}

a.a-button_move-article:hover {
  color: #999;
  text-decoration: none;
}

.a-button_watchlist {
  width: 172px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #fdae32;
  border-radius: 3px;
  color: #fdae32;
  font-size: 12px;
  font-weight: bold;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.a-list_articleInfo {
  font-size: 12px;
  margin: 16px 0 16px 8px;
}

div.a-list_articleInfo ul {
  padding: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.a-list_articleInfo ul li{
  list-style: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  width: 270px;
}

.a-list_articleInfo ul li a {
  margin-left: 4px;
}

.a-list_articleInfo ul li:first-child {
  margin-right: 24px;
}

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

.a-list_articleInfo-comment {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-direction: column;
}

.a-list_articleInfo-commentDetail {
  padding-left: 14px;
  word-wrap: break-word;
}

.a-list_relationSearch {
  margin: 16px 0 0 8px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
}

.a-list_relationSearch span {
  margin-left: 4px;
}

.a-graph {
  padding: 16px 4px;
}

/*----- オススメ記事 -----*/
.a-recommend_article {
  margin: 5px 0;
  border-radius: 8px;
  background-color: #fff
}

/*----- この記事の掲示板に最近描かれたお絵カキコ -----*/
.a-oekaki_list {
  table-layout: fixed;
}

.a-oekaki_list tr {
  display: table;
}

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

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

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

.a-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;
}

.a-oekaki_contents > .a-contents_readmore {
 padding-right: 16px;
}

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

.a-oekaki_list-title {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  line-height: 16px;
}

/*----- この記事の掲示板に最近投稿されたピコカキコ -----*/
.a-piko_list {
}

.a-piko_list a:hover ,
.a-piko_list:hover {
  color: #ffaf19;
}

.a-piko_list tr {
  display: table;
}

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

.a-piko_list-thumb {
  margin-bottom: 8px;
}

.a-piko_list-inner {
  height: 32px;
  margin: 8px 0 4px;
}

.a-piko_list-title {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  line-height: 16px;
}

.a-piko_contents > .a-contents_readmore {
  padding-right: 16px;
}

/*----- もっと見る -----*/
.a-space_readmore {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: flex-end;
}


.a-contents_readmore {
  border: none;
  color: #1e7dc0;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  margin-left: 2px;
  cursor: pointer;
  vertical-align: middle;
}

.a-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;
}

/*----- おすすめ動画 -----*/
.a-recommend_video-contenrs tbody {
  width: 100%;
}

.a-recommend_video-contenrs tbody tr {
  width: 160px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
}

.a-recommend_video-contenrs tbody tr:first-child {
  margin: 0;
}

.a-recommend_video-contenrs tbody tr td {
  padding: 0;
  border-style: none;
  display: inline-block;
}

.a-recommend_video-thumbInner {
  width: 160px;
  height: 100px;
  background-color: #000;
  display: block;
}

.a-recommend_video-thumbInner img {
  width: 130px;
  height: 100px;
  display: block;
  margin: 0 auto;
}

.a-recommend_video-info {
  width: 160px;
}

.a-recommend_video-title {
  font-size: 14px;
  font-weight: 600;
  display: block;
  line-height: 16px;
  margin: 8px 0 6px;
}

.a-recommend_video-postTime {
  color: #999;
  font-size: 10px;
}

/*----- おすすめ静画 -----*/
.a-recommend_seiga-contenrs tbody {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  width: 100%;
}

.a-recommend_seiga-contenrs tbody tr {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 152px;
  margin-left: 8px;
}

.a-recommend_seiga-contenrs tbody tr:first-child {
  margin: 0;
}

.a-recommend_seiga-contenrs tbody tr td {
  padding: 0;
  border-style: none;
}

.a-recommend_seiga-thumbnail {
  width: 152px;
  height: 152px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.a-recommend_seiga-thumbnail img {
  max-width: 152px;
  max-height: 152px;
}

.a-recommend_seiga-title {
  font-size: 14px;
  font-weight: 600;
  display: block;
  line-height: 16px;
  margin: 8px 0 6px;
}

.a-recommend_seiga-postTime {
  color: #999;
  font-size: 10px;
}

/*----- おすすめニュース -----*/
.a-recommend_news-table {
  margin-bottom: 16px;
}

.a-recommend_news-list {
  margin-top: 8px;
}

.a-recommend_news-list:first-child {
  margin-top: 0;
}

.a-recommend_news-thumbnail {
  width: 56px;
  margin-right: 8px;
  display: inline-block;
  float: left;
}

.a-recommend_news-info {
  display: inline-block;
   width: 640px;
   float: right;
}

.a-recommend_news-list::after{
  content: "";
  display: block;
  clear: both;
}

.a-recommend_news-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.a-recommend_news-postTime {
  color: #999;
  font-size: 10px;
  margin-top: 4px;
  display: block;
}

/*----- 掲示板0件 -----*/
.a-bbs_contents-empty {
  background-color: #fff;
  font-size: 12px;
  padding: 24px 16px 16px;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 740px;
}

/*----- バナー -----*/
div.a-banner_middle {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.a-banner_space-bottom {
  padding-bottom: 32px;
}

.a-banner_align-center  {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

/*----- 記事編集 -----*/
.a-edit {
  background-color: #d8d8d8;
  width:  740px;
  height: 32px;
  border-radius: 8px 8px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 0 16px;
  box-sizing: border-box;
  margin:8px auto 0;
}

.a-edit h1 {
  font-size: 16px;
  font-weight: 500;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.a-link_tab-wiki {
  cursor: pointer;
}

.a-link_tab-wiki a::before {
  display: inline-block;
  content: '';
  background: url(/img/icon_open_window.png);
  background-size: contain;
  width: 20px;
  height: 16px;
  padding-right: 4px;
  background-repeat: no-repeat;
}

.a-link_tab-wiki a {
  font-size: 12px;
  font-weight: 600;
  color: #1e7dc0;
  text-decoration: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.a-edit_contents-header {
  background-color: #fff;
  margin: 0 auto;
  width: 740px;;
  padding: 24px 16px 16px;
  line-height: 1.35;
  font-size: 0.9em;
  box-sizing: border-box;
}

.a-edit_title h1 {
  font-size: 1.6em;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.a-edit_title span {
  margin-left: 4px;
}

.a-edit_title-yomi {
  font-size: 0.8em;
  margin: 0px;
}

/*----- 記事の編集注意事項 -----*/
.a-editAttention_contents ul {
  margin-bottom: 8px;
}

.a-editAttention_contents ul li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 18px;
  padding-left: 16px;
  text-indent: -16px;
}

.a-editAttention_contents ul li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #ffaf19;
  display: inline-block;
  margin-right: 10px;
  text-indent: 0;
}

.a-editAttention_readMore {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  font-weight: 600;
}

.a-editAttention_readMore span {
  color: #1e7dc0;
  cursor: pointer;
}

.a-editAttention_readMore span::before {
  content: '';
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 9px 6px 0 6px;
  border-color: #1e7dc0 transparent transparent transparent;
  margin-right: 4px;
}
.a-editAttention_readMore > .active::before {
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #1e7dc0 transparent;
}

/*----- 記事の編集フォーム -----*/
.a-editForm {
  height: 32px;
  padding: 6px 16px 2px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 8px auto 0;
  width: 740px;
}

.a-editForm h1 {
    font-size: 16px;
    font-weight: 500;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    align-items: center;
}

.a-editForm h1:before {
    display: inline-block;
    content: '';
    background: url(/img/icon_edit-pen.png);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.a-editForm_contents {
  border-top: 3px solid #ffaf19;
  background-color: #fff;
  padding: 0 16px 7px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 740px;
  font-size: 14px;
  line-height: 18px;
}

.a-editForm_content-inner {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 16px;
}

.a-editForm_buttonArea-switchEditor {
  margin: 17px 0;
}

.a-editForm_content-item {
  margin: 16px 0 4px;
}

.a-editForm_attention {
  margin-top: 8px;
}

.a-editForm_content-item label
,.a-editForm_contents-bottom label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.a-editForm_contents-bottom {
  background-color: #fff;
  padding: 8px 16px 24px;
  box-sizing: border-box;
  margin: 0 auto 8px;
  width: 740px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0 0 8px 8px;
}

.a-editForm_editComment {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.a-editForm_editComment span {
  margin-left: 4px;
}

.a-editForm_buttonArea {
  margin: 24px 0 12px;
}

.a-editForm_spaceBottom .st-box_contents {
  padding-bottom: 32px;
}

/*----- 記事名変更 -----*/
.a-editTitle {
  height: 32px;
  padding: 6px 16px 2px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 8px auto 0;
  width: 740px;
}

.a-editTitle_contents {
  border-top: 3px solid #ffaf19;
  background-color: #fff;
  padding: 16px 16px 0;
  box-sizing: border-box;
  margin: 0 auto 40px;
  width: 740px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0 0 8px 8px;
}


.a-editTitle h1 {
   font-size: 16px;
   font-weight: 500;
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
   align-items: center;
}

.a-editTitle h1:before {
    display: inline-block;
    content: '';
    background: url(/img/icon_edit-pen.png);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 4px;
}


/*----- 関連記事検索・各サービスリンク(独立) -----*/
.a-relationSearch  {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
}

/*----- 投稿受付完了 -----*/
.a-edit_complete {
  height: 32px;
  padding: 6px 16px 2px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 8px auto 0;
  width: 740px;
}

.a-edit_complete h1 {
  font-size: 16px;
  font-weight: 500;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
}

.a-edit_complete h1:before {
    display: inline-block;
    content: '';
    background: url(/img/icon_edit-pen.png);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.a-edit_complete-contents {
  border-top: 3px solid #ffaf19;
  background-color: #fff;
  padding: 16px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 740px;
  border-radius: 0 0 8px 8px;
  font-size: 12px;
}

.a-edit_complete-thanks {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/*----- インフォメーションメッセージ -----*/
.a-edit_info {
  background-color: #fff;
  margin: 0 auto;
  width: 740px;
  padding: 24px 16px 16px;
  line-height: 1.35;
  font-size: 0.9em;
  box-sizing: border-box;
  border-radius: 8px;
}

.a-edit_link {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

/*----- ニコニ広告 -----*/
#nicoad_article_pc {
  border-radius: 8px;
  margin-bottom: 5px;
}

#nicoad_users_article_pc p {
      margin: 0;
}
.a-nicoad_supporter {
  padding: 0 8px;
  margin-bottom: 24px;
}
.a-nicoad_supporter_inner {
  border: 1px solid #eee;
  border-radius: 4px;
}
#nicoad_users_article_pc .a-nicoad_supporter_title {
  background-color: #eaeaea;
  border-bottom: 1px solid #eee;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 4px 6px;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 8px;
}
#nicoad_users_article_pc .a-nicoad_supporter_title:before {
  content: '';
  display: inline-block;
  background: url(/img/icon_nicoad-gray.png) no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
}
.a-nicoad_supporter_top {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.a-nicoad_supporter_others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersName {
  flex: 1 1 0;
  color: #999;
  font-size: 12px;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersLink {
  flex: 0 0 auto;
  padding-left: 8px;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersLink:hover {
  cursor: pointer;
}
.a-nicoad_supporter-othersLink a {
  color: #1e7dc0;
  font-size: 10px;
}
.a-nicoad_supporter_others {
  padding: 8px;
}
.a-bottomMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}