2020年8月以降はhttps://dic.nicovideo.jp/css/nicopedia_style.css
それ以前はhttps://dic.nicovideo.jp/nd0.cssとhttps://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
}
blockquote, q {
quotes: 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 Pゴシック", "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
}
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.55dl
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 Pゴシック", "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 Pゴシック", "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_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