css/nicopedia_style.cssコミュ

  • 1
  • 0pt
掲示板へ

元記事
ニコニコ大百科:HTML各要素のデフォルトCSS

2020年8月以降はhttps://dic.nicovideo.jp/css/nicopedia_style.css
それ以前はhttps://dic.nicovideo.jp/nd0.csshttps://dic.nicovideo.jp/css/namespace/article.css

この記事を利用する際はヘッダーの追従を固定にして下さい。
元の項に戻るには←を選択して下さい。

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;←
background: transparent
}

body {
line-height: 1;
font-family: Avenir, Lato, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif←
}

ol, ul {
list-style: none
}

blockquote, q {
quotes: none
}

ins {
text-decoration: none
}

del {
text-decoration: line-through
}

table {
border-collapse: collapse←
}

a:link, a:visited, a.nicovideo:link, a.dic:link, a.ext:link, a.auto:link, a.nicovideo:visited, a.dic:visited, a.ext:visited, a.auto:visited {
color: #1e7dc0;←
text-decoration: none
}

a.auto-hdn:link, a.auto-hdn:visited {
color: #444;←
text-decoration: none
}

a:link:hover, a:visited:hover, a.nicovideo:link:hover, a.dic:link:hover, a.ext:link:hover, a.auto:link:hover, a.auto-hdn:link:hover, a.nicovideo:visited:hover, a.dic:visited:hover, a.ext:visited:hover, a.auto:visited:hover, a.auto-hdn:visited:hover {
color: #f80;←
text-decoration: underline
}

a.edit:link, a.edit:visited, a.edit:link:hover, a.edit:visited:hover {
background: transparent url(/img/ueb.png) left center no-repeat;
display: inline-block;
padding-left: 20px;
margin-left: 4px
}

a.twitter:link, a.twitter:visited, a.twitter:link:hover, a.twitter:visited:hover {
background: transparent url(/img/twitter_s_b.png) left center no-repeat;
display: inline-block;
padding-left: 19px;
margin-left: 1px
}

a.articletab-off:link, a.articletab-off:visited, a.articletab-off:hover {
color: #666;
text-decoration: underline;
font-weight: bolder
}

a.white:link, a.white:visited {
color: #fff;
text-decoration: none
}

a.white:hover {
color: #fff;
text-decoration: underline
}

a.button-m:link, a.button-m:visited {
text-decoration: none
}

a.button-m:hover {
color: #fff;
text-decoration: none
}

a img.link-icon {
display: inline-block;
vertical-align: middle
}

body#basebody {
color: #444;
background-color: #fff;
text-align: center;
background-color: #e6e7e8;
overflow-x: auto
}

@media screen and (min-width: 1045px) {
body#basebody {
overflow-x: hidden
}
}

body#community-body {
color: #444;
width: 632px;
overflow-x: hidden
}

#container {
width: 1045px;
margin: 0 auto;
text-align: left←
}

#topline {
width: 100%;
height: 36px;
min-width: 1045px;
font-size: 12px;
font-family: "ヒラギノPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MSゴシック", "MS PGothic", sans-serif;
margin: 0;
padding-bottom: 0px;
background: #272727;
top: 0;
left: 0;
position: absolute;
z-index: 9999;
text-align: center
}

.toplinetable {
width: 1045px;
margin: 0px auto;
padding: 0px 10px;
height: 36px
}

.toplinetable td {
text-align: left;
color: #666;
vertical-align: middle
}

.toplinetable a, .toplinetable a:link:hover, .toplinetable a:visited:hover {
color: #fff
}

.toplinetable .pedia {
font-weight: bold
}

.toplinetableleft {
margin: 0px;
padding: 0px;
height: 36px
}

.toplinetableleft td {
text-align: left;
color: #666;
vertical-align: middle;
padding: 0px
}

.toplinetableleft td:hover {
background-color: #474747
}

.toplinetableleft a, .toplinetableleft a:link:hover, .toplinetableleft a:visited:hover {
vertical-align: middle;
display: block;
min-height: 36px;
line-height: 36px
}

.toplinetableleft span {
border-right: #474747 solid 1px;
padding: 0px 6px
}

.toplinetableleft td a.iconNiconico {
text-indent: -9999px;
width: 30px;
position: relative
}

.toplinetableleft td a.iconNiconico::after {
content: "";
border-right: #474747 solid 1px;
position: absolute;
top: 12px;
left: 29px;
height: 12px
}

.toplinetableleft td a.iconNiconico span::after {
content: "";
background: url(/img/icon_niconico.png);
background-repeat: no-repeat;
position: absolute;
width: 18px;
height: 18px;
top: 9px;
left: 7px
}

.toplinetableright {
margin: 0px;
padding: 0px;
height: 36px
}

.toplinetableright td {
text-align: left;
color: #666;
vertical-align: middle;
padding: 0px
}

.toplinetableright td:hover {
background-color: #474747
}

.toplinetableright a, .toplinetableright a:link:hover, .toplinetableright a:visited:hover {
vertical-align: middle;
display: block;
width: 100%;
height: 100%;
min-height: 36px;
line-height: 36px
}

.toplinetableright span {
border-left: #474747 solid 1px;
padding: 0px 6px
}

#contents {
float: left;
width: 1045px;
margin: 5px 4px 0 4px
}

.st-space_right {
margin-right: 8px
}

#main {
color: #4c4c4c;
width: 740px;
float: left;
padding: 130px 0 0 0
}

#article-tab-nico {
background-image: url(/img/bg_round_l_nico.gif);
background-repeat: no-repeat;
height: 32px;
width: 740px;
overflow: hidden;
color: #fff
}

#article-tab-wiki {
background-image: url(/img/bg_round_l_wiki.gif);
background-repeat: no-repeat;
height: 32px;
width: 740px;
overflow: hidden
}

.article-tab-nico {
float: left;
padding-left: 10px;
padding-top: 8px;
font-size: 14px;
width: 70%;
height: 20px;
font-weight: bold
}

.article-tab-wiki {
float: right;
font-size: 14px;
padding-top: 3px;
height: 20px;
line-height: 20px;
padding-right: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: middle
}

.management-source {
font-size: 11px;
margin-bottom: 8px
}

.system-requirements {
font-size: 10px;
font-weight: 100
}

#login-form {
background-image: url(/img/bg_img_login.gif);
background-repeat: no-repeat;
width: 348px;
height: 313px;
font-size: .8em;
line-height: 1.4
}

.button {
vertical-align: bottom;
height: 22px;
margin: 5px 0px
}

.button-m {
vertical-align: bottom;
font-weight: bold;
color: #603000;
font-size: 15px;
height: 22px;
border-style: none;
background-color: #fff;
background-image: url(/img/bg_btn.gif);
margin: 5px 0px
}

img.border {
width: 740px;
height: 5px;
display: block
}

pre.mml {
width: 630px;
border: 1px solid #444;
background-color: #e0e0ff;
padding: 1em;
height: 100px;
overflow: auto
}

div.kwic {
font-size: .7em;
padding-left: 36px;
color: #666
}

div.left-box {
font-size: .9em;
background-image: url(/img/l_box_bg.gif);
background-repeat: repeat-y;
background-color: #fff;
width: 740px;
padding: 0;
line-height: 1.35
}

div.left-box .register-premium {
text-align: center;
font-size: 18px;
padding: 18px
}

div.left-box .register-premium .register-button img {
height: 38px
}

div.left-box .register-premium .register-button {
padding-top: 10px
}

div.left-box .register-premium .origin-link {
padding-top: 7px;
font-size: .9rem
}

div.community-bbs {
font-size: .9em;
width: 632px;
background-color: #fff;
line-height: 1.35
}

div.article, div.content {
overflow: hidden;←
padding: 0 10px 0←
}

div.error {
width: 720px;
font-weight: bold;
font-size: 1.1em;
padding: 0 10px 0
}

span.overflow-comment {
color: #888
}

div#notice {
color: #666;
background: #fafafa;
background: -moz-linear-gradient(#e5e5e5, #ffffff);
background: -o-linear-gradient(#e5e5e5, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
background: -webkit-linear-gradient(#e5e5e5, #ffffff);
font-size: .7em;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #8cc700;
border-bottom-color: #8cc700;
margin: 0 0 5px;
padding: 3px 8px
}

div#notice ul {
margin: 5px 10px;
list-style: disc inside;
border-top: 1px #ccc dotted;
margin: 2px 0 0;
padding-top: 2px
}

body#tinymce {
font-size: .9em;
color: #444;
background-color: #fff;
width: 720px;
line-height: 1.35
}

body#tinymce sup, div.article sup, div.content sup {
font-size: .7em;
vertical-align: super←
}

body#tinymce sub, div.article sub, div.content sub {
font-size: .7em;
vertical-align: sub←
}

body#tinymce ins, div.article ins, div.content ins {
text-decoration: underline←
}

body#tinymce h2, div.article h2, div.content h2, div.community-bbs h2 {
font-size: 1.4em;
line-height: 1.4;
border-bottom: 1px solid #8cc700;
background: url(/img/disc_l.gif) no-repeat 0px;
padding-left: 20px;
margin: .2em 1px .4em 0←
}

body#tinymce h3, div.article h3, div.content h3 {
font-size: 1.25em;
line-height: 1.3;
border-bottom: 1px solid #8cc700;
background: url(/img/disc_m.gif) no-repeat 0px;
padding-left: 20px;
margin: .1em 2px .3em 1px←
}

body#tinymce h4, div.article h4, div.content h4 {
font-size: 1.16em;
line-height: 1.2;
border-bottom: 1px solid #8cc700;
background: url(/img/disc_s.gif) no-repeat 0px;
padding-left: 20px;
font-weight: normal;
margin: .1em 3px .3em 2px←
}

body#tinymce h5, div.article h5, div.content h5 {
font-size: 1em;
line-height: 1.2;
border-bottom: 1px solid #8cc700;
background: url(/img/disc_ss.gif) no-repeat 0px;
padding-left: 18px;
font-weight: normal;
margin: .1em 4px .2em 3px←
}

body#tinymce h6, div.article h6, div.content h6 {
font-size: .8em;
line-height: 1.2;
border-bottom: 1px solid #8cc700;
font-weight: normal;
margin: .1em 5px .2em 4px←
}

body#tinymce p, div.article p, div.content p {
line-height: 1.35;
margin: 1em 1em←
}

body#tinymce hr, div.article hr, div.content hr, div.community-bbs hr, div.box hr {
border-width: 1px 0px 0px 0px;
border-style: dotted;
border-color: #ccc;
height: 1px←
}

div.box hr {
width: 90%
}

body#tinymce th, div.article th, div.content th {
background-color: #f1f1f1;
padding: 2px;
border: 1px solid #d1d1d1←
}

body#tinymce td, div.article td {
padding: 5px;
border: 1px solid #d1d1d1←
}

div.content td {
vertical-align: top
}

table.menulist {
width: 720px;
font-size: .8em
}

table.menulist tr {
border: solid #d1d1d1;
border-width: 1px 0
}

table.menulist td {
border: none;
padding: 1px
}

table.menulist td.li {
width: 18px;
height: 12px;
background-image: url(/img/li1.gif);
background-repeat: no-repeat;
background-position: center 10%
}

table.revisions {
width: 720px
}

table.revisions td {
font-size: 9pt;
padding: 3px;
border: 1px solid #d1d1d1
}

table.diff {
word-break: break-all;
word-wrap: break-word;
table-layout: fixed;
width: 720px
}

table.diff td {
font-size: 9pt;
padding: 3px;
border: 1px solid #d1d1d1;
overflow: auto
}

table.diff td.position {
font-weight: bold
}

table.diff td.diff-line {
padding: 0;
overflow: hidden
}

table.diff-line {
table-layout: fixed;
width: 720px;
padding: 0
}

table.diff-line td {
border: none
}

table.diff-line td.action {
width: 6px;
padding: 0;
overflow: hidden
}

table.diff-line td.text {
background-color: #eee;
width: 340px
}

table.diff-line td.added {
background-color: #f88;
width: 340px
}

table.diff-line td.deleted {
background-color: #aaa;
width: 340px
}

>body#tinymce blockquote, div.article blockquote, div.content blockquote {
border: 1px solid #ffd248;
background-image: url(/img/quote.gif);
background-repeat: no-repeat;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 30px;
margin-left: 30px←
}

body#tinymce dl, div.article dl, body#tinymce ul, div.article ul, div.content ul, div.community-bbs ul {
padding: .7em 0 .5em 24px;
list-style: url(/img/li1.gif) outside;
line-height: 1.55←dl←ul
}

body#tinymce ul ul, div.article ul ul, div.content ul ul {
padding: .2em 0 .1em 12px;
list-style: url(/img/li2.gif) outside;
line-height: 1.55←
}

body#tinymce ul ul ul, div.article ul ul ul, div.content ul ul ul {
padding: .2em 0 .1em 12px;
list-style: url(/img/li3.gif) outside;
line-height: 1.55←
}

body#tinymce ol, div.article ol, div.content ol {
padding: .7em 0 .5em 32px;
list-style: decimal outside;
line-height: 1.55←
}

body#tinymce ol ol, div.article ol ol, div.content ol ol {
padding: .2em 0 .1em 12px;
list-style: upper-roman outside;
line-height: 1.55←
}

body#tinymce ol ol ol, div.article ol ol ol, div.content ol ol ol {
padding: .2em 0 .1em 12px;
list-style: lower-alpha outside;
line-height: 1.55←
}

body#tinymce dt, div.article dt {
margin: .2em;
font-weight: bold←
}

body#tinymce dd, div.article dd {
margin: .2em;
padding-left: 1em←
}

h2.bbs-title {
font-size: 1.2em;
color: #ee4949
}

dt.reshead {
margin-left: 1em
}

dd.resbody {
margin: 0 1em 1em 3em;
font-size: 14px;
line-height: 16px;
font-family: "MS PGothic AA", "MS PGothic", "MSゴシック", "Mona", "IPAMonaPGothic", "IPA モナー Pゴシック", sans-serif
}

dt.reshead .name {
color: #080;
font-weight: bold
}

dt.reshead .trip {
color: #080
}

.resform input.textbox, .resform textarea {
color: #333;
background-color: #fffcfc;
border: 1px solid #333
}

div.wikipedia iframe {
width: 720px;
height: 500px
}

div.wikipedia iframe html {
width: 720px;
height: 500px
}

div.pager {
text-align: center;
margin: 12px;
font-size: 12px
}

div.pager a, div.pager span {
margin-right: 1px;
padding: 2px 2px
}

div.pager a {
background-color: #fff;
border: 1px solid #06c;
text-decoration: none
}

div.pager a:hover {
background-color: #fff;
border: 1px solid #f80;
text-decoration: none
}

div.pager span.current {
background-color: #04a;
border: 1px solid #ddd;
color: #fff;
font-weight: bold
}

div.pager a.navi {
font-weight: bold
}

ul#page-menu {
font-size: small;
margin: 0 10px 16px;
padding: 2px;
border: 1px solid #888
}

ul#page-menu li {
display: inline;
background: transparent url(/img/li2.gif) left center no-repeat;
padding: 2px 2px 0 11px
}

div.res_preview_error {
font-size: .8em;
color: red
}

div.res_preview_warning {
font-size: .8em;
color: #c90
}

div.res_preview_normal {
font-size: .8em;
color: #777
}

iframe.nicovideo {
border: solid 1px #ccc←
}

iframe.nicoichiba {
border: solid 1px #ccc←
}

iframe.nicoichiba2 {
border: 1px solid #ccc←
}

#article_chart {
width: 720px;
height: 120px
}

#topbarMenuLink, #topbarRightMenuLink {
cursor: pointer;
color: #fff
}

#topbarMenu {
position: absolute;
width: 240px;
z-index: 9;
border: solid 1px #272727;
background: #eae8eb;
padding: 0;
margin: 0;
display: none
}

.popupMenu li {
float: left;
width: 120px
}

.popupMenu li a {
text-decoration: none;
display: block;
line-height: 1.5em;
height: 1.5em;
padding: 6px 0px 6px 8px;
color: #272727
}

#topbarRightMenu {
position: absolute;
width: 150px;
z-index: 9;
border: solid 1px #272727;
background: #eae8eb;
padding: 0;
margin: 0;
display: none
}

.popupRightMenu li {
float: left;
width: 150px;
padding: 0px
}

.popupRightMenu li a {
text-decoration: none;
display: block;
line-height: 1.5em;
height: 1.5em;
padding: 6px 4px 6px 12px;
color: #272727
}

#menu_switch_hold span {
float: right;
padding-right: 50px;
background: url(/img/mode_1.png) no-repeat right 2px
}

#menu_switch_scroll span {
float: right;
padding-right: 50px;
background: url(/img/mode_2.png) no-repeat right 2px
}

#topbarRightMenu li {
width: 150px
}

#topbarMenuLink a.hover {
text-decoration: none;
color: #fff;
background-color: #474747
}

#topbarMenu li.hover a, #topbarRightMenu li.hover a {
text-decoration: none;
color: #fff;
background-color: #898989
}

.popupMenu li.disabled a {
cursor: default
}

.popupMenu li.hover.disabled a {
text-decoration: none;
color: #fff;
background-color: transparent
}

.popupMenu li.zero {
width: 0px
}

.popupMenu li.dbl {
float: right;
width: 240px;
text-align: right;
border-top: #d3d3d3 1px solid
}

.popupMenu li.dbl a {
padding-right: 16px
}

.popupRightMenu li.disabled a {
cursor: default
}

.popupRightMenu li.hover.disabled a {
text-decoration: none;
color: #fff;
background-color: transparent
}

.mobile-qr-code-container {
text-align: center;
border: 1px solid #eee;
float: right;
margin-right: 16px;
padding: 8px;
background-color: #fff;
border-radius: 4px
}

div.adsense {
border-width: 1px 0px;
border-style: dotted;
border-color: #ccc;
padding: 3px 0 0 0
}

div.adsense-728 {
width: 740px;
overflow: hidden;
margin: 0 0 0 -4px
}

div.twitter_nicopedia {
background: #fff;
border-bottom: solid 1px #333;
height: 22px;
margin-top: 5px;
padding: 2px 1px 1px 2px
}

.floatPanel {
position: -webkit-sticky;
position: sticky;
top: 36px
}

#LEFT_AD_ELEMENT img {
float: right;
padding: 165px 0 0 0
}

#RIGHT_AD_ELEMENT img {
padding: 165px 0 0 0
}

.nicodicrank-space_readmore {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end
}

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

.nicodicrank-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
}

.tweetblock {
border-color: #1b95e0 !important;
background-position: 5px;
background-size: 20px;
background-image: url(/img/twitter_logo.png) !important;
margin-left: 0px !important;
border-radius: 5px;
max-width: 468px;
word-wrap: break-word !important
}

#portal-link .portal-link__head {
font-weight: 700;
margin-bottom: 10px;
font-size: 12px
}

#portal-link .portal-link__contents ul {
margin: 0
}

#portal-link .portal-link__contents li {
display: inline;
word-wrap: break-word;
font-size: 12px
}

#portal-link .portal-link__contents li:not(:last-child)::after {
padding: 0 3px;
color: #303030;
content: "/"
}

.article-title-box {
background-image: url(/img/l_box_bg.gif);
background-repeat: repeat-y;
background-color: #fff;
width: 720px;
padding: 0px 10px;
line-height: 1.35;
font-size: .9em
}

.sw-Column_List>li {
counter-increment: rank-label 1
}

.sw-Column_List>li:before {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
color: #fff;
background: #d6d6d6
}

.sw-Column_List>li:nth-of-type(1):before {
background-color: #f58200;
content: "1"
}

.sw-Column_List>li:nth-of-type(2):before {
background-color: #ffaf19;
content: "2"
}

.sw-Column_List>li:nth-of-type(3):before {
background-color: #ffcb2c;
content: "3"
}

.sw-Column_List>li:nth-of-type(4):before {
background-color: #c5c5c5;
content: "4"
}

.sw-Column_List>li:nth-of-type(5):before {
background-color: #c5c5c5;
content: "5"
}

.sw-Column_List>li:nth-of-type(6):before {
background: transparent;
width: 0px
}

#nicodic-oshirase {
font-size: 12px;
margin: 4px 0;
border: 2px solid #8ec525;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #f0f2f5
}

.st-space_top-middle {
margin-top: 8px
}

#tag-list {
position: relative;
z-index: 1
}

#tag-edit-form-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, .7);
display: flex;
justify-content: center;
align-items: center
}

.tag-edit-form-error {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .2);
padding: 5px
}

#tag-edit-form-loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 10px;
height: 10px;
border-radius: 50%;
box-shadow: 0 -30px 0 0 #bbb, 15px -26px 0 0 #aaa, 26px -15px 0 0 #999, 30px 0 0 0 #888, 26px 15px 0 0 #777, 15px 26px 0 0 #666, 0 30px 0 0 #555, -15px 26px 0 0 #444, -26px 15px 0 0 #333, -30px 0 0 0 #222, -26px -15px 0 0 #111, -15px -26px 0 0 #000;
animation: tag-edit-form-loading 1s infinite steps(12, start)
}

@keyframes tag-edit-form-loading {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}

.ad-bannar-maincolumn-top {
margin: 0 auto 5px;
height: 90px;
width: 740px
}

.ad-bannar-maincolumn-top div {
display: flex;
justify-content: center
}

.st-bbs {
background-color: #fff;
font-size: 12px;
box-sizing: border-box;
border-radius: 8px 8px 0 0
}

.st-bbs h2 {
font-size: 16px;
font-weight: 500;
padding: 12px 8px 8px 46px;
line-height: 20px;
box-sizing: border-box;
border-bottom: 3px solid #ffaf19;
position: relative
}

.st-bbs h2:before {
display: block;
content: "";
background: url(/img/icon_res.png);
background-repeat: no-repeat;
background-size: contain;
width: 36px;
height: 36px;
position: absolute;
top: 2px;
left: 8px
}

.st-bbs h2::after {
content: "について語るスレ"
}

.st-bbs-contents {
background-color: #fff
}

.st-bbs-contents>div.st-pg {
padding: 16px;
font-size: 12px
}

.st-bbs-contents dl {
margin: 0 16px
}

.st-bbs_desc {
padding: 16px
}

.st-bbs_desc p {
font-size: 14px;
font-weight: 500
}

.st-bbs_resNo {
font-size: 14px;
font-weight: bold;
margin-right: 8px
}

.st-bbs_name {
font-size: 14px;
font-weight: bold;
color: #3c763d;
margin-right: 8px
}

.st-bbs_contents-oekaki {
margin: 16px 0 8px
}

p.st-bbs_contentsTitle, .st-bbs_referLabel {
font-size: 12px;
color: #4c4c4c;
margin: 8px 0 0
}

.st-bbs_reshead {
margin-left: 8px;
display: flex
}

.st-bbs_resInfo {
font-size: 13px;
font-weight: 500;
color: #9b9b9b
}

.st-bbs_resbody {
margin: 16px 8px;
font-size: 14px;
line-height: 16px;
font-family: "MS PGothic AA", "MS PGothic", "MSゴシック", "Mona", "IPAMonaPGothic", "IPA モナー Pゴシック", sans-serif;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 16px
}

.st-bbsArea_buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 8px 0
}

.st-bbs_adContents {
background-color: #fff;
font-size: 12px;
padding: 24px 8px;
border-radius: 0 0 8px 8px;
box-sizing: border-box;
margin: 0 auto 5px;
width: 740px
}

.st-bbs_space-footer {
margin-bottom: 40px
}

.st-bbs_align-pg .st-pg {
justify-content: center;
margin-bottom: 0
}

.st-bbs_space-bottom .st-bbs-contents {
padding-bottom: 24px;
border-radius: 0 0 8px 8px
}

.st-bbs_preview-heading {
font-size: 14px;
font-weight: 500;
padding-left: 8px;
margin: 8px 0
}

.st-bbs_preview-attention {
font-size: 13px;
margin-bottom: 16px;
padding-left: 8px
}

.st-box {
background-color: #fff;
font-size: 12px;
box-sizing: border-box;
border-radius: 8px
}

.st-box_side {
background-color: #fff;
font-size: 12px;
width: 300px;
box-sizing: border-box;
border-radius: 8px
}

.st-box_radius-top {
border-radius: 8px 8px 0 0
}

.st-box_radius-none {
border-radius: 0
}

.st-box_radius-bottom {
border-radius: 0 0 8px 8px
}

.st-box_space-top {
margin-top: 5px
}

.st-box_space-bottom {
margin-bottom: 5px
}

.st-box_space-footer {
margin-bottom: 40px
}

.st-box_spaceBottom-middle {
padding-bottom: 24px
}

.st-box_spaceBottom-long {
padding-bottom: 32px
}

.st-box_inner-between {
display: flex;
justify-content: space-between;
align-items: center
}

.st-box_contents {
padding: 16px;
font-size: 13px;
line-height: 16px
}

.st-box_side-contents {
padding: 8px 16px 12px 16px
}

.st-box_heading {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
height: 40px;
padding: 6px 8px 2px;
box-sizing: border-box;
border-bottom: 3px solid #ffaf19
}

.st-box_heading-indent {
padding-left: 16px
}

.st-box_heading-nicodic::before {
display: inline-block;
content: "";
background: url(/img/icon_rule.png);
background-size: contain;
width: 36px;
height: 36px
}

.st-box_heading-oekaki::before {
display: inline-block;
content: "";
background: url(/img/icon_illust.png);
background-size: contain;
width: 36px;
height: 36px
}

.st-box_heading-piko::before {
display: inline-block;
content: "";
background: url(/img/icon_piko.png);
background-size: contain;
width: 36px;
height: 36px
}

.st-box_heading-res::before {
display: inline-block;
content: "";
background: url(/img/icon_res.png);
background-size: contain;
width: 36px;
height: 36px
}

.st-box_heading-user::before {
display: inline-block;
content: "";
background: url(/img/ic_user.png);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px
}

.st-box_heading-kaite::before {
display: inline-block;
content: "";
background: url(/img/icon_kaite.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px
}

.st-box_heading-sparticle:before {
display: inline-block;
content: "";
background: url(/img/icon_edit-pen.png);
background-size: contain;
width: 18px;
height: 18px;
margin-right: 4px
}

.st-box_heading-blomaga::before {
display: inline-block;
content: "";
background: url(/img/icon_blomaga.png);
background-repeat: no-repeat;
background-size: contain;
width: 36px;
height: 36px
}

.st-box_heading-attention::before {
display: inline-block;
content: "";
background: url(/img/icon_attention.png);
background-size: contain;
width: 28px;
height: 28px
}

.st-box_heading-edit::before {
display: inline-block;
content: "";
background: url(/img/icon_edit-pen.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px
}

.st-box_heading-video::before {
display: inline-block;
content: "";
background: url(/img/icon_niconico_pc.png);
background-size: contain;
width: 22px;
height: 22px;
margin-right: 5px
}

.st-box_heading-seiga::before {
display: inline-block;
content: "";
background: url(/img/icon_seiga.png);
background-size: contain;
width: 24px;
height: 24px
}

.st-box_heading-news::before {
display: inline-block;
content: "";
background: url(/img/icon_niconewstopics.png);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
padding-right: 4px;
margin-left: 4px
}

.st-box_heading-pushword::before {
display: inline-block;
content: "";
background: url(/img/icon_pushword.png);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
padding-right: 4px
}

.st-box_heading-home::before {
display: inline-block;
content: "";
background: url(/img/icon_hometa_ranking.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px
}

.st-box_heading-items::before {
display: inline-block;
content: "";
background: url(/img/ic_items.png) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px
}

.st-box_heading-nicoad::before {
display: inline-block;
content: "";
background: url(/img/icon_nicoad-bk.png) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px
}

.st-button_sns-twitter {
width: 32px;
height: 32px;
background-color: #1da1f2;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
cursor: pointer
}

.st-button_sns-facebook {
width: 32px;
height: 32px;
background-color: #4267b2;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-end;
justify-content: center;
cursor: pointer
}

.st-button_sns-hatena {
width: 32px;
height: 32px;
background-color: #00a4de;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}

.st-button_homeru {
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fdae32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: block;
min-width: 74px
}

.st-button_homeru::before {
content: "";
background-image: url(/img/icon_homeru.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
vertical-align: middle;
display: inline-block
}

.st-button_homeru-text {
display: inline-block;
vertical-align: middle;
padding-left: 3px
}

.st-button_homeru-count {
margin-left: 4px
}

.st-button_homeru-clicked {
color: #fff;
background-color: #fdae32;
border: 1px solid #fdae32;
height: 32px;
font-size: 12px;
font-weight: bold;
padding-right: 8px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: block
}

.st-button_homeru-clicked::before {
content: "";
background-image: url(/img/icon_homeru-wh.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle
}

.st-button_editPiko, .st-button_editOrkaki {
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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;
padding: 0 16px
}

.st-button_bbsRes, .st-button_premium {
width: 180px;
height: 40px;
background-color: #fdae32;
outline: 0;
border: 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 13px;
text-align: center;
font-weight: bold;
line-height: 40px
}

input.st-button_switch-editor {
width: 284px;
height: 32px;
display: block;
background-image: url(/img/button_switch-editor.png);
font-size: 0;
border: none;
outline: none;
cursor: pointer
}

.st-button_preview, .st-button_cancel {
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fdae32;
font-size: 13px;
font-weight: bold;
line-height: 30px;
text-align: center;
cursor: pointer;
padding: 0 8px
}

.st-button_editConfirm, .st-button_articleTitleEdit, .st-button_post, .st-button_save, .st-button_create {
height: 32px;
background-color: #fdae32;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 13px;
text-align: center;
cursor: pointer;
line-height: 30px;
padding: 0 16px
}

.st-button_nicoad {
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fdae32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: block;
min-width: 74px;
cursor: pointer
}

.st-button_nicoad::before {
content: "";
background-image: url(/img/icon_nicoad-orenge.png);
background-repeat: no-repeat;
background: cover;
width: 24px;
height: 24px;
background-size: cover;
vertical-align: middle;
display: inline-block
}

.st-button_nicoad-text {
display: inline-block;
vertical-align: middle;
padding-left: 3px
}

.st-button_nicoad-count {
margin-left: 4px
}

.st-button_nicoad-campaign {
padding-right: 12px;
white-space: pre-wrap
}

.st-button_nicoad-campaign a {
position: relative;
display: block;
background: #eaeaea;
font-size: 11px;
line-height: 1.15;
padding: 5px 4px;
height: 32px;
text-align: center;
border-radius: 4px;
box-sizing: border-box
}

.st-button_nicoad-campaign a:after {
content: "";
position: absolute;
left: -8px;
top: 8px;
border-top: 8px solid transparent;
border-right: 10px solid #eaeaea;
border-bottom: 8px solid transparent
}

.st-button_tagEdit {
width: 72px;
height: 24px;
line-height: 24px;
background-color: #eaeaea;
border: 1px solid #eaeaea;
font-weight: 500;
border-radius: 4px;
text-align: center;
color: #4c4c4c;
font-size: 12px;
transition: all .2s ease;
outline: none;
cursor: pointer
}

.st-button_tagEdit:hover {
opacity: .8
}

.st-font_caution {
color: #ee4949;
font-weight: 600
}

.st-form {
border: 1px solid #999;
border-radius: 4px;
padding-left: 6px
}

.st-form_long {
height: 24px;
width: 640px
}

.st-form_middle {
height: 24px;
width: 340px
}

.st-form_short {
height: 24px;
width: 72px
}

textarea.st-textarea {
border: 1px solid #999;
border-radius: 4px;
padding-left: 6px
}

.st-form_large {
height: 64px;
width: 400px
}

.st-form_article_create {
height: 24px;
width: 270px
}

.icon-category {
width: 20px;
height: 20px;
display: inline-block;
background: url(/img/article-mark-20-20px.png);
background-repeat: no-repeat;
over-flow: hidden;
text-indent: 100%;
white-space: nowrap;
font-size: 0;
vertical-align: middle
}

.icon-category_type-a {
background-position: 0 0
}

.icon-category_type-v {
background-position: -20px 0
}

.icon-category_type-i {
background-position: -40px 0
}

.icon-category_type-l {
background-position: 0 -20px
}

.icon-category_type-u {
background-position: -20px -20px
}

.icon-category_type-c {
background-position: -40px -20px
}

.st-label_title-category {
display: inline-block;
color: #fff;
font-size: 12px;
padding: 3px 4px;
background: #999;
vertical-align: middle;
border-radius: 4px
}

.st-label_must {
width: 34px;
height: 16px;
text-align: center;
line-height: 16px;
background-color: #c8c8c8;
border-radius: 8px;
color: #7e7e7e;
font-size: 10px;
display: inline-block
}

.st-list {
margin-bottom: 8px
}

.st-list li {
margin-bottom: 8px;
font-size: 14px;
line-height: 18px
}

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

.st-list_desc {
text-indent: 0;
padding-left: 16px
}

.st-pg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column
}

.st-pg_link-returnArticle a {
font-size: 12px;
font-weight: bold;
line-height: 16px
}

.st-pg_link-returnArticle a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 10px 6px 0;
border-color: transparent #1e7dc0 transparent transparent;
margin-right: 4px
}

.st-pg_navi {
font-weight: 500
}

.st-pg_contents {
align-self: center;
margin: 12px 0
}

.st-pg_contents a {
border: 1px solid #1e7dc0;
border-radius: 4px;
padding: 1px 4px 0;
font-weight: 600;
height: 18px;
line-height: 16px;
display: inline-block;
box-sizing: border-box
}

.st-pg_contents a:hover {
color: #1e7dc0;
text-decoration: none
}

.st-pg_contents-between {
margin-left: 4px
}

.st-pg_contents span {
border: 1px solid #fff;
border-radius: 4px;
padding: 0 4px;
color: #1e7dc0;
font-weight: 900;
height: 18px;
display: inline-block;
box-sizing: border-box;
line-height: 16px
}

.st-pg_contents span.current {
border: 1px solid #147cc2;
border-radius: 4px;
padding: 0 4px;
background-color: #147cc2;
color: #fff;
height: 18px;
display: inline-block;
box-sizing: border-box;
line-height: 16px
}

.st-table {
font-size: 12px;
width: 100%;
margin: 16px 0
}

.st-table tr {
border: solid #d1d1d1;
border-width: 1px 0
}

.st-table th {
background-color: #f1f1f1;
padding: 8px 2px;
border: 1px solid #d1d1d1
}

.st-table td {
border: none;
padding: 4px 0
}

.st-table td.li {
width: 18px;
height: 12px;
background-image: url(/img/li1.gif);
background-repeat: no-repeat;
background-position: center 10%
}

.st-table_title {
width: 538px;
overflow: hidden;
white-space: nowrap
}

.st-table_date {
width: 104px;
vertical-align: top
}

.st-tag_contents {
display: table;
margin: 0 16px 16px
}

.st-tag_contents-left {
display: table-cell;
vertical-align: top;
width: 84px
}

.st-tag_contents-right {
display: table;
vertical-align: top;
width: 100%
}

.st-tag_list li, .st-tag_list-editing li {
display: inline-block;
font-size: 12px;
color: #444;
margin: 0 8px 4px 0;
position: relative
}

.st-tag_list li a {
color: #444
}

.st-tag_list li a:hover {
color: #444;
text-decoration: underline
}

.st-tag_list-editing {
margin-bottom: 8px
}

.st-tag_list-tagIcon {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
width: 14px;
height: 14px
}

.st-tag_list-tagIcon svg {
fill: #ccc
}

.st-tag_list-tagName {
vertical-align: middle
}

.st-tag_dialog {
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
padding: 8px 12px;
height: auto;
width: 200px;
text-align: center
}

.st-tag_dialog-message {
line-height: 1.4;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #e5e5e5;
text-align: left
}

.st-tag_dialog-close {
margin-right: 24px;
color: #069;
cursor: pointer
}

.st-tag_dialog-button {
display: inline-block;
vertical-align: top;
padding: 0
}

.st-tag_contents-editing {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
padding: 12px;
margin: -12px -12px -44px;
width: calc(100% + 24px);
display: table
}

.st-tag_contents-editForm {
display: flex
}

.st-tag_editInformation {
font-size: 12px;
color: #4c4c4c;
line-height: 30px;
padding-left: 12px
}

.st-tag_editInformation-gray {
font-size: 12px;
color: #ccc;
line-height: 30px;
padding-left: 12px
}

.st-tag_button-submit {
color: #fff;
background-color: #fdae32;
border: 1px solid #fdae32;
font-size: 12px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: block;
margin-left: 8px
}

.st-tag_list-deleteIcon {
background-color: #747474;
padding: 4px
}

.st-tag_list-deleteIcon svg {
fill: #fff
}

.st-tag_button-icon {
vertical-align: middle;
padding: 0px 3px 2px;
width: 16px;
height: 16px;
border-radius: 50%;
margin-right: 2px;
outline: none
}

.st-tag_inputForm {
height: 26px;
width: 280px
}

.a-title-box {
width: 740px;
padding: 0px 10px;
line-height: 1.35;
font-size: .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: .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: .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: .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: .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: .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: .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: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
}

.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: .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: .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_complete-kaite-banner-items {
margin-top: 16px
}

.a-edit_complete-kaite-banner-items p {
margin-bottom: 8px
}

.a-edit_complete-kaite-banner {
margin-bottom: 8px
}

.a-edit_info {
background-color: #fff;
margin: 0 auto;
width: 740px;
padding: 24px 16px 16px;
line-height: 1.35;
font-size: .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
}

.bpost {
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
}

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

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

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

.bpost-postForm {
margin-top: 16px;
padding-left: 16px
}

.bpost-postForm li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px
}

.bpost-postForm_item {
width: 90px;
font-size: 14px
}

.bpost-postForm_item span {
margin-left: 4px
}

.bpost-area_checkbox {
margin-top: 16px;
font-size: 13px
}

.bpost-area_buttons {
margin: 8px 0 24px
}

.bpost-list {
margin: 8px 0 24px;
padding-left: 16px
}

.bpost-list ul {
margin-bottom: 8px;
list-style: none;
font-size: 12px;
line-height: 14px
}

.bpost-list ul li {
margin-bottom: 8px;
font-size: 12px;
line-height: 14px
}

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

.bpost-list span {
margin: 4px 0 8px 16px;
display: block
}

.bpost-oekaki {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
width: 740px;
border-bottom: 3px solid #ffaf19;
background-color: #fff
}

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

.bpost-oekaki h1:before {
display: inline-block;
content: "";
background: url(/img/icon_illust.png);
background-size: contain;
width: 36px;
height: 36px;
margin-left: 8px
}

.bpost-oekaki_contents {
padding: 16px 0 32px;
background-color: #fff;
font-size: 12px
}

.bpost-oekaki_contents p {
padding-left: 16px
}

.bpost-oekaki_input {
margin: 16px 0 0 24px
}

.bpost-oekaki_size {
margin-bottom: 8px
}

.bpost-oekaki_size label {
margin-right: 8px
}

.bpost-oekaki_size input {
margin-left: 4px
}

.bpost-pico {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
width: 740px;
border-bottom: 3px solid #ffaf19;
background-color: #fff
}

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

.bpost-pico h1:before {
display: inline-block;
content: "";
background: url(/img/icon_piko.png);
background-size: contain;
width: 36px;
height: 36px;
margin-left: 8px
}

.bpost-pico_contents {
padding: 16px 0 16px;
background-color: #fff;
font-size: 12px;
border-radius: 0 0 8px 8px
}

.bpost-pico_contents p {
padding-left: 16px
}

.bpost-pico_post {
margin: 16px 0 0 24px
}

a.footermenu:link, a.footermenu:visited {
color: #444;
text-decoration: none
}

a.footermenu:hover {
color: #444;
text-decoration: underline
}

footer {
width: 100%;
clear: both;
background-color: #4c4c4c;
padding: 24px 0;
min-width: 1045px
}

footer .footer-menu {
font-size: 12px;
font-weight: 200;
color: #fff;
line-height: 1.2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
flex-direction: column
}

footer .footer-menu a {
color: #ffaf18
}

footer .footer-menu a:hover {
text-decoration: none
}

.footer-counter-menu {
margin-bottom: 16px
}

.footer-counter-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.footer-counter-menu ul li {
margin-right: 16px
}

.footer-counter-menu ul li:last-child {
margin-right: 0
}

.footer-articles-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px
}

.footer-articles-menu dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.footer-articles-menu dt {
margin-right: 8px
}

.footer-articles-menu dd {
margin-right: 6px
}

.footer-articles-menu dd:last-child {
margin-right: 0
}

.footer-articles-menu dl:first-child {
margin-right: 16px
}

.footer-info-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px
}

.footer-info-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.footer-info-menu ul li {
margin-right: 8px
}

.footer-info-menu ul li:last-child {
margin-right: 0
}

#footer-sp-switch {
height: 11rem;
width: 100%;
background: #b2b2b2;
display: none;
min-width: 1045px
}

#footer-sp-switch a {
border: #979797 .25rem solid;
border-radius: 1rem;
line-height: 11rem;
vertical-align: middle;
padding: 2rem 8.5rem;
font-size: 3rem;
color: #747474;
background: url(/img/icon_sp.png) no-repeat left 5.5rem center, url(/img/icon_arrow-right.png) no-repeat right, #fff;
text-decoration: none
}

#header {
width: 1045px;
height: 94px;
position: absolute;
top: 36px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 24px 10px;
border-radius: 0 0 8px 8px
}

.header-logo {
width: 256px;
height: 50px;
background: url(/img/logo_nicopedia.png) no-repeat;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}

.header-logo a {
display: block;
width: 100%;
height: 100%
}

.search-dropdown-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 242px;
justify-content: space-between;
margin-bottom: 6px
}

.search-dropdown-wrapper select {
font-size: 11px
}

.search-box-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 242px
}

input.search-box {
border: 1px solid #fdae32;
width: 210px;
height: 30px;
box-sizing: border-box;
padding-left: 8px
}

select[name=search_category], #search-cat {
border: 1px solid #a6a6a6;
border-radius: 4px;
height: 24px
}

select[name=query_type], #search-dropdown {
border: 1px solid #a6a6a6;
border-radius: 4px;
width: 111px;
height: 24px
}

select[name=new_category] {
border: 1px solid #a6a6a6;
border-radius: 4px;
width: 111px;
height: 24px
}

.search-btn {
background: url(/img/btn_search.png) no-repeat;
width: 32px;
height: 30px;
border: 0;
font-size: 0;
cursor: pointer
}

.header-search {
width: 124px
}

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

.menu-oekaki_list tr {
display: table;
margin-bottom: 24px
}

.menu-oekaki_list td {
width: 140px;
display: table-cell;
vertical-align: top
}

.menu-oekaki_list-thumb {
width: 134px;
height: 134px;
border: 1px solid #d1d1d1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}

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

.menu-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
}

.menu-oekaki_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.menu-oekaki_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.menu-oekaki_list-source {
margin: 0 0 4px;
max-width: 123px;
display: table
}

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

.menu-oekaki_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
display: table-cell;
vertical-align: middle
}

.menu-oekaki_list-status {
color: #999;
font-size: .9em;
margin-bottom: 8px
}

.menu-oekaki_aria-home button {
margin: 0 auto
}

.menu-piko_list {
table-layout: fixed;
width: 720px
}

.menu-piko_list tr {
display: table;
margin-bottom: 16px
}

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

.menu-piko_player {
border: 1px solid #d1d1d1;
text-align: center;
padding-top: 16px;
box-sizing: border-box;
height: 54px
}

.menu-piko_list-source {
margin: 0 0 8px;
max-width: 123px;
display: table
}

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

.menu-piko_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
display: table-cell;
vertical-align: middle
}

.menu-piko_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.menu-piko_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.menu-piko_aria-home button {
margin: 0 auto
}

.menu-create_desc {
padding-bottom: 16px;
border-bottom: 1px solid #d6d6d6
}

.menu-create_list {
display: table;
margin-top: 16px
}

.menu-create_list .menu-create_column {
display: table-cell;
vertical-align: top;
width: 354px;
box-sizing: border-box;
padding-right: 8px
}

.menu-create_column h2 {
font-size: 14px;
height: 32px;
padding: 10px 0px 2px;
box-sizing: border-box;
border-bottom: 3px solid #ffaf19;
margin-bottom: 8px
}

.menu-create_column label {
display: block;
margin-bottom: 4px
}

.menu-create_column input {
margin-bottom: 8px
}

.menu-create_info {
margin: 8px 0
}

.menu-create_list .menu-create_column:nth-child(2) {
padding: 0 0 0 8px
}

.menu-create_column form .is-disable {
opacity: .55
}

.menu-yomi table td {
padding: 5px;
border: 1px solid #d1d1d1
}

table.my-list_statistic {
margin: 4px 0 0 18px
}

table.my-list_statistic li {
margin: 0 16px 4px 0
}

table.my-list_statistic li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #ccc;
display: inline-block;
margin-right: 10px;
text-indent: 0
}

.mypage-contents li {
margin-bottom: 20px
}

.mypage-contents li a {
font-weight: 600;
margin-bottom: 6px;
display: inline-block
}

.my-selfPageInfo {
height: 32px;
background-color: #fff;
padding: 6px 0 2px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 5px auto 0;
border-radius: 8px 8px 0 0;
width: 740px
}

.my-selfPageInfo h1, .my-updateArtice h1 {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}

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

.my-selfPageInfo_contents h1 {
font-size: 14px;
font-weight: 500;
margin: 24px 0 8px 8px
}

.my-updateArtice_contents {
margin-left: 8px
}

.my-updateArtice_title {
margin: 0 8px 8px 0;
display: inline-block
}

.my-updateArtice_title a {
font-weight: 600;
vertical-align: middle
}

.my-selfPageInfo_detail {
width: 100%
}

.my-selfPageInfo_detail tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding: 0 92px 0 8px
}

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

.my-selfPageInfo_detail ul li:first-child {
margin-bottom: 8px
}

.my-table_headLine-title {
width: 290px;
padding-left: 50px;
box-sizing: border-box
}

.my-table_contents-del {
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}

.my-table_contents-title {
width: 240px;
padding-right: 8px;
box-sizing: border-box
}

.my-table_headLine-lastUpdate, .my-table_contents-lastUpdate {
width: 130px;
word-wrap: break-word
}

.my-table_headLine-updateUser, .my-table_contents-updateUser {
width: 130px;
padding-right: 8px;
box-sizing: border-box
}

.my-table_headLine-lastComment, .my-table_contents-lastComment {
width: 158px;
box-sizing: border-box;
padding-right: 8px
}

.my-table_headLine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e6e6e6;
color: #4c4c4c;
font-size: 11px;
font-weight: bold;
height: 36px;
align-items: center;
width: 718px
}

.my-table_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 60px;
padding: 8px 0;
border-bottom: 1px solid #e6e6e6;
align-items: center;
font-size: 12px;
box-sizing: border-box
}

.my-listSubmit_del {
border: none;
color: #1e7dc0;
font-weight: bold;
font-size: 12px;
padding: 0;
margin-left: 2px;
background-image: url(/img/icon_check-blue.png);
background-repeat: no-repeat;
background-position-y: 2px;
padding-left: 18px;
cursor: pointer
}

.my-listSubmit-sort {
border: none;
font-weight: bold;
font-size: 12px;
padding: 0;
background-image: url(/img/icon_sort-blue.png);
background-repeat: no-repeat;
background-position-y: -2px;
padding-left: 24px;
cursor: pointer
}

.my-position_listSide-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

.my-listInfo_watchlists {
font-size: 12px;
font-weight: bold;
text-align: right;
margin-bottom: 16px
}

.my-listSubmit, .my-edit_articleTitle {
margin-top: 8px
}

.my-table {
margin: 8px 0
}

.my-table_contents-titleInner {
word-wrap: break-word
}

.my-table_contents-titleInner a, .my-table_contents-titleInner .icon-category, .my-table_contents-count {
vertical-align: middle
}

.my-table_contents-createdInfo, .my-table_contents-lastRes, .my-table_contents-userInfo {
margin-top: 4px
}

.my-edit_articleTitle-contents {
margin: 0 8px 8px 0;
display: inline-block
}

div .my-edit_articleTitle-contents a {
font-weight: 600;
vertical-align: middle;
margin: 0 2px 0 0
}

.my-edit_articleTitle-contents span {
vertical-align: middle
}

.my-homePiko_form {
margin-bottom: 16px
}

.my-homePiko_list {
table-layout: fixed;
width: 720px;
margin: 16px 0
}

.my-homePiko_list tr {
display: table
}

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

.my-homePiko_player {
border: 1px solid #d1d1d1;
padding-bottom: 12px
}

.my-homePiko_player div {
text-align: center
}

.my-homePiko_list-source {
margin: 6px 0 4px;
max-width: 123px;
display: table
}

.my-homePiko_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: table-cell;
vertical-align: middle;
cursor: pointer
}

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

.my-homePiko_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.my-homePiko_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.my-homePiko_list-created {
color: #999;
font-size: .9em
}

.my-message_attention {
margin-top: 16px
}

.my-homeOekaki_form {
margin-bottom: 16px
}

.my-homeOekaki_list {
table-layout: fixed;
width: 720px;
margin: 16px 0
}

.my-homeOekaki_list tr {
display: table
}

.my-homeOekaki_list td {
width: 140px;
padding-bottom: 16px;
display: table-cell;
vertical-align: top
}

.my-homeOekaki_list-source {
margin: 0 0 4px;
max-width: 123px;
display: table;
cursor: pointer
}

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

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

.my-homeOekaki_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.my-homeOekaki_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.my-homeOekaki_list-created {
color: #999;
font-size: .9em
}

.my-homeOekaki_list-thumb {
width: 134px;
height: 134px;
border: 1px solid #d1d1d1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}

.my-homeOekaki_list-thumb input {
position: absolute;
top: 2px;
left: 2px
}

.my-homeOekaki_list-thumb div {
display: block;
height: 100%;
width: 100%;
position: relative
}

.my-homeOekaki_list-thumb div img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}

.my-homeArticle_form {
margin-bottom: 16px
}

.my-setting_list {
margin: 16px 0
}

.my-revision {
margin: 8px 0
}

.my-revision_headLine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e6e6e6;
color: #4c4c4c;
font-size: 11px;
font-weight: bold;
height: 36px;
align-items: center
}

.my-revision_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 42px;
padding: 8px 0;
border-bottom: 1px solid #e6e6e6;
align-items: center;
font-size: 12px;
box-sizing: border-box
}

.my-revision_title {
width: 180px;
padding-left: 16px;
word-break: break-all
}

.my-revision_update {
width: 120px;
padding-left: 8px
}

.my-revision_comment {
width: 500px;
word-break: break-all;
padding-right: 16px
}

.my-message_list {
width: 100%;
margin-bottom: 16px
}

.my-message_headLine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e6e6e6;
color: #4c4c4c;
font-size: 11px;
font-weight: bold;
height: 30px;
align-items: center
}

.my-message_from {
width: 160px;
padding: 0 8px 0 16px;
word-wrap: break-word
}

.my-message_name {
padding-right: 16px;
word-wrap: break-word
}

.my-message_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 40px;
padding: 8px 0;
border-bottom: 1px solid #e6e6e6;
align-items: center;
font-size: 12px;
box-sizing: border-box
}

.my-oekaki_list {
table-layout: fixed;
width: 720px;
margin: 16px 0
}

.my-oekaki_list tr {
display: table
}

.my-oekaki_list td {
width: 140px;
padding-bottom: 16px;
display: table-cell;
vertical-align: top
}

.my-oekaki_list-source {
margin: 0 0 4px;
max-width: 123px;
display: table;
cursor: pointer
}

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

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

.my-oekaki_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.my-oekaki_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.my-oekaki_list-created {
color: #999;
font-size: .9em
}

.my-oekaki_list-thumb {
width: 134px;
height: 134px;
border: 1px solid #d1d1d1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}

.my-oekaki_list-thumb input {
position: absolute;
top: 2px;
left: 2px
}

.my-oekaki_list-oekaki {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}

.my-oekaki_list-counter, .my-piko_list-counter {
position: absolute;
top: 0;
right: 0;
z-index: 1;
background-color: #4c4c4c;
opacity: .6;
height: 26px;
color: #fff;
font-size: 14px;
font-weight: 500;
box-sizing: border-box;
padding: 1px 8px 0 4px
}

.my-oekaki_list-counter img, .my-piko_list-counter img {
display: inline-block;
vertical-align: middle
}

.my-oekaki_list-counter span, .my-piko_list-counter span {
vertical-align: middle
}

a.my-oekaki_button-seiga {
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fdae32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: block;
text-align: center;
line-height: 32px;
width: 94px
}

.my-oekaki_list-buttonArea {
display: flex;
justify-content: center;
margin-top: 8px
}

.my-oekaki_seiga-text::before {
content: "";
background-image: url(/img/icon_arrow-post.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
vertical-align: middle;
display: inline-block;
padding-right: 4px
}

.my-oekaki_seiga-text {
display: inline-block;
vertical-align: middle;
padding-left: 8px
}

.my-piko_list {
table-layout: fixed;
width: 720px;
margin: 16px 0
}

.my-piko_list tr {
display: table
}

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

.my-piko_player {
border: 1px solid #d1d1d1;
padding: 32px 0 16px;
position: relative
}

.my-piko_player div {
text-align: center
}

.my-piko_list-source {
margin: 6px 0 4px;
max-width: 123px;
display: table
}

.my-piko_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: table-cell;
vertical-align: middle;
cursor: pointer
}

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

.my-piko_list-inner {
height: 32px;
margin: 8px 0 4px;
word-break: break-all
}

.my-piko_list-title {
font-weight: 600;
color: #1e7dc0;
width: 120px;
font-size: 13px;
line-height: 16px
}

.my-piko_list-created {
color: #999;
font-size: .9em
}

.oshirase {
font-size: 12px;
margin: 0 0 5px;
border: 2px solid #fffcd8;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fffcd8;
color: #ffaf19
}

.oshirase-label {
display: inline-flex;
vertical-align: top;
padding: 5px 0 0 8px;
width: 2%
}

.oshirase-label::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url(/img/icon_info.png) no-repeat left 2px top -2px;
background-size: contain
}

.oshirase-date {
margin-right: 12px
}

.oshirase-list {
padding: 3px 10px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
width: 98%
}

.oshirase-list li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.oshirase-list li a {
color: #f58200
}

.rank-list {
display: table;
width: 100%
}

.rank-list_no {
width: 20px;
font-size: 10px;
display: table-cell;
vertical-align: middle
}

.rank-list_no::before, .rank-list_no-lower::before {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
color: #fff;
background: #d6d6d6
}

.rank-list td {
padding: 8px 0;
vertical-align: middle;
font-size: 20px
}

.rank-list tr {
border-bottom: 1px solid #d6d6d6
}

.rank-list tr:nth-of-type(2) .rank-list_no:before {
background-color: #f58200;
content: "1"
}

.rank-list tr:nth-of-type(3) .rank-list_no:before {
background-color: #ffaf19;
content: "2"
}

.rank-list tr:nth-of-type(4) .rank-list_no:before {
background-color: #ffcb2c;
content: "3"
}

.rank-list tr:nth-of-type(5) .rank-list_no:before {
background-color: #c5c5c5;
content: "4"
}

.rank-list tr:nth-of-type(6) .rank-list_no:before {
background-color: #c5c5c5;
content: "5"
}

.rank-list tr:nth-of-type(7) .rank-list_no:before {
background-color: #c5c5c5;
content: "6"
}

.rank-list tr:nth-of-type(8) .rank-list_no:before {
background-color: #c5c5c5;
content: "7"
}

.rank-list tr:nth-of-type(9) .rank-list_no:before {
background-color: #c5c5c5;
content: "8"
}

.rank-list tr:nth-of-type(10) .rank-list_no:before {
background-color: #c5c5c5;
content: "9"
}

.rank-list tr:nth-of-type(11) .rank-list_no:before {
background-color: #c5c5c5;
content: "10"
}

.rank-list tr:nth-of-type(12) .rank-list_no-lower:before {
content: "11"
}

.rank-list tr:nth-of-type(13) .rank-list_no-lower:before {
content: "12"
}

.rank-list tr:nth-of-type(14) .rank-list_no-lower:before {
content: "13"
}

.rank-list tr:nth-of-type(15) .rank-list_no-lower:before {
content: "14"
}

.rank-list tr:nth-of-type(16) .rank-list_no-lower:before {
content: "15"
}

.rank-list tr:nth-of-type(17) .rank-list_no-lower:before {
content: "16"
}

.rank-list tr:nth-of-type(18) .rank-list_no-lower:before {
content: "17"
}

.rank-list tr:nth-of-type(19) .rank-list_no-lower:before {
content: "18"
}

.rank-list tr:nth-of-type(20) .rank-list_no-lower:before {
content: "19"
}

.rank-list tr:nth-of-type(21) .rank-list_no-lower:before {
content: "20"
}

.search-list a {
font-weight: 600
}

.search-list {
border-bottom: 1px solid #e6e6e6
}

.search-count_results {
font-size: 13px;
font-weight: 500;
margin-top: 8px;
padding-left: 4px
}

.serch-area_pg {
margin: 16px 0
}

.search-dropdown {
cursor: pointer
}

.search-table_headLine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e6e6e6;
color: #4c4c4c;
font-size: 11px;
font-weight: bold;
height: 30px;
align-items: center
}

.search-table_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 40px;
padding: 8px 0;
border-bottom: 1px solid #e6e6e6;
align-items: center;
font-size: 12px;
box-sizing: border-box
}

.search-table_title {
width: 390px;
padding: 0 8px 0 26px;
word-wrap: break-word
}

.gold-pc .search-table_title {
background: url(/img/icon_nicoad-gold.png) left center/24px 24px no-repeat
}

.silver-pc .search-table_title {
background: url(/img/icon_nicoad-silver.png) left center/24px 24px no-repeat
}

.search-table_title a {
vertical-align: middle
}

.search-table_res {
width: 50px;
padding-right: 16px
}

.search-table_date {
width: 100px;
padding-right: 16px
}

#right-column {
margin: 0px;
padding: 0px;
float: right;
border: none;
font-size: .75em;
width: 300px;
padding: 130px 0 0 0
}

.side-kaite_item {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px
}

.side-kaite_title {
line-height: 16px;
max-width: 260px
}

.side-kaite_title_info, .side-kaite_trend_word_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
margin-bottom: 8px
}

.side-kaite_icon {
width: 18px;
height: 18px;
background-image: url(/img/hyaku-mark-40-40px.png);
margin-left: 1px;
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}

.side-kaite_icon.is-available-no-hover {
background-position: bottom -1px left
}

.side-kaite_iconis-unavailable-no-hover {
background-position: top -1px right -1px
}

.side-kaite_icon.is-available {
background-position: bottom -1px left
}

.side-kaite_icon.is-available:hover {
background-position: top -1px left
}

.side-kaite_icon.is-unavailable {
background-position: top -1px right -1px
}

.side-kaite_icon.is-unavailable:hover {
background-position: bottom -1px right -1px
}

.side-kaite_detail {
font-weight: bold;
font-size: 14px;
margin-left: 122px
}

.side-area_banner {
width: 298px;
margin: 0 0 4px 0;
background-color: #fff;
text-align: center;
border: 1px solid #aaa;
border-radius: 3px;
overflow: hidden
}

div.side-newstopics_info {
border-bottom: solid 2px #eee;
padding: 8px 0 8px 4px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

div.side-newstopics_info:last-child {
border: none
}

a.side-newstopics_contents {
font-weight: 600;
font-size: 14px;
line-height: 14px
}

span.side-newstopics_comment {
font-size: 10px
}

span.side-newstopics_comments-new {
font-size: 10px;
color: #ee4949;
font-weight: bold
}

div.twitter_nicopedia {
height: 40px;
box-sizing: border-box;
background-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
border-bottom: 3px solid #1da1f2;
padding: 8px 16px
}

.twitter_nicopedia p {
font-size: 15px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}

.twitter_nicopedia p a {
color: #1da1f2;
font-size: 14px
}

.twitter_nicopedia p:before {
display: inline-block;
content: "";
background: url(/img/twitter_logo.png) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin: 5px 8px 0 0
}

.twitter_nicopedia p>span {
font-size: 12px
}

.twitter-forrow {
background-color: #fff;
width: 300px;
border-radius: 0 0 8px 8px;
margin-bottom: 8px;
padding: 12px 0 16px
}

.twitter-forrow-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 224px;
height: 32px;
background-color: #1da1f2;
border-radius: 4px;
margin: 0 auto;
justify-content: center
}

.twitter-forrow-button div {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}

.twitter-forrow a:hover {
text-decoration: none
}

.twitter-forrow-button div::before {
display: inline-block;
content: "";
background: url(/img/icon_twitter.png) no-repeat;
background-size: contain;
width: 18px;
height: 18px
}

.side-pushword_list li, .side-praised_list li {
position: relative;
border-bottom: 1px solid #d6d6d6;
padding: 8px 0 9px;
display: table;
width: 268px
}

.side-pushword_list li:last-child, .side-praised_list li:last-child {
border: none
}

.side-pushword_update, .side-praised_update {
color: #999;
text-align: right;
margin-bottom: 4px;
font-size: 11px;
letter-spacing: .06rem
}

.side-pushword_title, .side-praised_title {
font-weight: 600;
font-size: 14px;
line-height: 1.2em;
padding-left: 8px;
max-width: 200px;
display: table-cell;
vertical-align: middle
}

.side-pushword_counter, .side-praised_counter {
text-align: right;
font-size: 10px;
color: #999;
line-height: 1.2em;
display: table-cell;
vertical-align: middle;
width: 54px
}

.side-pushword_counter_clap::before, .side-praised_counter_clap::before {
display: inline-block;
content: "";
background: url(/img/icon_hometa-gray-small.png) no-repeat;
background-size: contain;
width: 20px;
height: 14px
}

.side-pushword_counter_comment::before, .side-praised_counter_comment::before {
display: inline-block;
content: "";
background: url(/img/icon_comment-gray-small.png) no-repeat;
background-size: contain;
width: 20px;
height: 14px
}

.side-pushword_rank, .side-praised_rank {
width: 20px;
font-size: 10px;
display: table-cell;
vertical-align: middle
}

.side-pushword_rank::before, .side-praised_rank::before {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
color: #fff;
background: #d6d6d6
}

.side-pushword_list li:nth-of-type(1) .side-pushword_rank:before, .side-praised_list li:nth-of-type(1) .side-praised_rank:before {
background-color: #f58200;
content: "1"
}

.side-pushword_list li:nth-of-type(2) .side-pushword_rank:before, .side-praised_list li:nth-of-type(2) .side-praised_rank:before {
back