css/nicopedia_style.cssコミュ

掲示板へ

記事編集

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, obje ct, if rame, h1, h2, h3, h4, h5, h6, p, bl oc kq uote, pre, a, abbr, acronym, addr ess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, sm all, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fie ld set, form, label, legend, table, caption, tb ody, tfoot, thead, tr, th, td {
mar gin: 0;
padding: 0;
border: 0;
font-size: 100%;
vert ical-align: baseline;
back ground: trans par ent
}

body {
line-height: 1;
font-fa mily: Avenir, Lato, -apple-system, Blink Mac SystemFont, Helvetica Neue, Hira gino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

ol, ul {
list-style: none
}

bl oc kq uote, q {
quo tes: none
}

ins {
text-decoration: none
}

del {
text-decoration: line-through
}

table {
border-collapse: collapse
}

a:link, a:visited, a.nico video:link, a.dic:link, a.ext:link, a.auto:link, a.nico video: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.nico video:link:hover, a.dic:link:hover, a.ext:link:hover, a.auto:link:hover, a.auto-hdn:link:hover, a.nico video: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 {
back ground: trans par ent url(/img/ueb.png) left center no-repe at;
display: inline-bl ock;
padding-left: 20px;
mar gin-left: 4px
}

a.twitter:link, a.twitter:visited, a.twitter:link:hover, a.twitter:visited:hover {
back ground: trans par ent url(/img/twitter_s_b.png) left center no-repe at;
display: inline-bl ock;
padding-left: 19px;
mar gin-left: 1px
}

a.art icletab-off:link, a.art icletab-off:visited, a.art icletab-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-bl ock;
vert ical-align: middle
}

body#bas ebody {
color: #444;
back ground-color: #fff;
text-align: center;
back ground-color: #e6e7e8;
overflow-x: auto
}

@media screen and (min-width: 1045px) {
body#bas ebody {
overflow-x: hid den
}
}

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

#cont ainer {
width: 1045px;
mar gin: 0 auto;
text-align: left
}

#top line {
width: 100%;
height: 36px;
min-width: 1045px;
font-size: 12px;
font-fa mily: "ヒラギノ角ゴ Pro W3", "Hira gino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
mar gin: 0;
padding-bot tom: 0px;
back ground: #272 727;
top: 0;
left: 0;
position: absolute;
z-index: 9999;
text-align: center
}

.top linetable {
width: 1045px;
mar gin: 0px auto;
padding: 0px 10px;
height: 36px
}

.top linetable td {
text-align: left;
color: #666;
vert ical-align: middle
}

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

.top linetable .pedia {
font-weight: bold
}

.top linetableleft {
mar gin: 0px;
padding: 0px;
height: 36px
}

.top linetableleft td {
text-align: left;
color: #666;
vert ical-align: middle;
padding: 0px
}

.top linetableleft td:hover {
back ground-color: #474747
}

.top linetableleft a, .top linetableleft a:link:hover, .top linetableleft a:visited:hover {
vert ical-align: middle;
display: bl ock;
min-height: 36px;
line-height: 36px
}

.top linetableleft span {
border-right: #474747 sol id 1px;
padding: 0px 6px
}

.top linetableleft td a.iconNiconico {
text-indent: -9999px;
width: 30px;
position: relat ive
}

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

.top linetableleft td a.iconNiconico span::after {
content: "";
back ground: url(/img/icon_niconico.png);
back ground-repe at: no-repe at;
position: absolute;
width: 18px;
height: 18px;
top: 9px;
left: 7px
}

.top linetableright {
mar gin: 0px;
padding: 0px;
height: 36px
}

.top linetableright td {
text-align: left;
color: #666;
vert ical-align: middle;
padding: 0px
}

.top linetableright td:hover {
back ground-color: #474747
}

.top linetableright a, .top linetableright a:link:hover, .top linetableright a:visited:hover {
vert ical-align: middle;
display: bl ock;
width: 100%;
height: 100%;
min-height: 36px;
line-height: 36px
}

.top linetableright span {
border-left: #474747 sol id 1px;
padding: 0px 6px
}

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

.st-space_right {
mar gin-right: 8px
}

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

#art icle-tab-nico {
back ground-image: url(/img/bg_round_l_nico.gif);
back ground-repe at: no-repe at;
height: 32px;
width: 740px;
overflow: hid den;
color: #fff
}

#art icle-tab-wiki {
back ground-image: url(/img/bg_round_l_wiki.gif);
back ground-repe at: no-repe at;
height: 32px;
width: 740px;
overflow: hid den
}

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

.art icle-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;
vert ical-align: middle
}

.management-source {
font-size: 11px;
mar gin-bot tom: 8px
}

.system-req uirem ents {
font-size: 10px;
font-weight: 100
}

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

.button {
vert ical-align: bot tom;
height: 22px;
mar gin: 5px 0px
}

.button-m {
vert ical-align: bot tom;
font-weight: bold;
color: #60 3000;
font-size: 15px;
height: 22px;
border-style: none;
back ground-color: #fff;
back ground-image: url(/img/bg_btn.gif);
mar gin: 5px 0px
}

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

pre.mml {
width: 630px;
border: 1px sol id #444;
back ground-color: #e0 e0 ff;
padding: 1em;
height: 100px;
overflow: auto
}

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

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

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

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

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

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

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

div.art icle, div.content {
overflow: hid den;
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 #not ice {
color: #666;
back ground: #fa fa fa;
back ground: -moz-line ar-gradie nt(#e5 e5 e5, #ffffff);
back ground: -o-line ar-gradie nt(#e5 e5 e5, #ffffff);
back ground: -webkit-gradie nt(line ar, 0% 0%, 0% 100%, from(#e5 e5 e5), to(#ffffff));
back ground: -webkit-line ar-gradie nt(#e5 e5 e5, #ffffff);
font-size: .7em;
border-top-width: 2px;
border-bot tom-width: 2px;
border-top-style: sol id;
border-bot tom-style: sol id;
border-top-color: #8cc 700;
border-bot tom-color: #8cc 700;
mar gin: 0 0 5px;
padding: 3px 8px
}

div #not ice ul {
mar gin: 5px 10px;
list-style: disc inside;
border-top: 1px #ccc dotted;
mar gin: 2px 0 0;
padding-top: 2px
}

body#tin ym ce {
font-size: .9em;
color: #444;
back ground-color: #fff;
width: 720px;
line-height: 1.35
}

body#tin ym ce sup, div.art icle sup, div.content sup {
font-size: .7em;
vert ical-align: super
}

body#tin ym ce sub, div.art icle sub, div.content sub {
font-size: .7em;
vert ical-align: sub
}

body#tin ym ce ins, div.art icle ins, div.content ins {
text-decoration: underline
}

body#tin ym ce h2, div.art icle h2, div.content h2, div.community-bbs h2 {
font-size: 1.4em;
line-height: 1.4;
border-bot tom: 1px sol id #8cc 700;
back ground: url(/img/disc_l.gif) no-repe at 0px;
padding-left: 20px;
mar gin: .2em 1px .4em 0
}

body#tin ym ce h3, div.art icle h3, div.content h3 {
font-size: 1.25 em;
line-height: 1.3;
border-bot tom: 1px sol id #8cc 700;
back ground: url(/img/disc_m.gif) no-repe at 0px;
padding-left: 20px;
mar gin: .1em 2px .3em 1px
}

body#tin ym ce h4, div.art icle h4, div.content h4 {
font-size: 1.16em;
line-height: 1.2;
border-bot tom: 1px sol id #8cc 700;
back ground: url(/img/disc_s.gif) no-repe at 0px;
padding-left: 20px;
font-weight: normal;
mar gin: .1em 3px .3em 2px
}

body#tin ym ce h5, div.art icle h5, div.content h5 {
font-size: 1em;
line-height: 1.2;
border-bot tom: 1px sol id #8cc 700;
back ground: url(/img/disc_ss.gif) no-repe at 0px;
padding-left: 18px;
font-weight: normal;
mar gin: .1em 4px .2em 3px
}

body#tin ym ce h6, div.art icle h6, div.content h6 {
font-size: .8em;
line-height: 1.2;
border-bot tom: 1px sol id #8cc 700;
font-weight: normal;
mar gin: .1em 5px .2em 4px
}

body#tin ym ce p, div.art icle p, div.content p {
line-height: 1.35;
mar gin: 1em 1em
}

body#tin ym ce hr, div.art icle hr, div.content hr, div.community-bbs hr, div.box hr {
border-width: 1px 0px 0px 0px;
border-style: dotted;
border-color: #ccc;
height: 1px
}

div.box hr {
width: 90 %
}

body#tin ym ce th, div.art icle th, div.content th {
back ground-color: #f1 f1 f1;
padding: 2px;
border: 1px sol id #d1 d1 d1
}

body#tin ym ce td, div.art icle td {
padding: 5px;
border: 1px sol id #d1 d1 d1
}

div.content td {
vert ical-align: top
}

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

table.menulist tr {
border: sol id #d1 d1 d1;
border-width: 1px 0
}

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

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

table.revisions {
width: 720px
}

table.revisions td {
font-size: 9pt;
padding: 3px;
border: 1px sol id #d1 d1 d1
}

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 sol id #d1 d1 d1;
overflow: auto
}

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

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

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: hid den
}

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

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

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

>body#tin ym ce bl oc kq uote, div.art icle bl oc kq uote, div.content bl oc kq uote {
border: 1px sol id #ffd248;
back ground-image: url(/img/quote.gif);
back ground-repe at: no-repe at;
padding-top: 10px;
padding-right: 0px;
padding-bot tom: 10px;
padding-left: 30px;
mar gin-left: 30px
}

body#tin ym ce dl, div.art icle dl, body#tin ym ce ul, div.art icle ul, div.content ul, div.community-bbs ul {
padding: .7em 0 .5em 24px;
list-style: url(/img/li1.gif) outs ide;
line-height: 1.55 dl ul
}

body#tin ym ce ul ul, div.art icle ul ul, div.content ul ul {
padding: .2em 0 .1em 12px;
list-style: url(/img/li2.gif) outs ide;
line-height: 1.55
}

body#tin ym ce ul ul ul, div.art icle ul ul ul, div.content ul ul ul {
padding: .2em 0 .1em 12px;
list-style: url(/img/li3.gif) outs ide;
line-height: 1.55
}

body#tin ym ce ol, div.art icle ol, div.content ol {
padding: .7em 0 .5em 32px;
list-style: decimal outs ide;
line-height: 1.55
}

body#tin ym ce ol ol, div.art icle ol ol, div.content ol ol {
padding: .2em 0 .1em 12px;
list-style: upper-roman outs ide;
line-height: 1.55
}

body#tin ym ce ol ol ol, div.art icle ol ol ol, div.content ol ol ol {
padding: .2em 0 .1em 12px;
list-style: lower-alpha outs ide;
line-height: 1.55
}

body#tin ym ce dt, div.art icle dt {
mar gin: .2em;
font-weight: bold
}

body#tin ym ce dd, div.art icle dd {
mar gin: .2em;
padding-left: 1em
}

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

dt.reshead {
mar gin-left: 1em
}

dd.resb ody {
mar gin: 0 1em 1em 3em;
font-size: 14px;
line-height: 16px;
font-fa mily: "MS PGothic AA", "MS PGothic", "ＭＳＰゴシック", "Mona", "IPA Mon aP Gothic", "IPA モナー Pゴシック", sans-serif
}

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

dt.reshead .trip {
color: #080
}

.resform input.textbox, .resform text area {
color: #333;
back ground-color: #ff fc fc;
border: 1px sol id #333
}

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

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

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

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

div.pager a {
back ground-color: #fff;
border: 1px sol id #06c;
text-decoration: none
}

div.pager a:hover {
back ground-color: #fff;
border: 1px sol id #f80;
text-decoration: none
}

div.pager span.cur rent {
back ground-color: #04a;
border: 1px sol id #ddd;
color: #fff;
font-weight: bold
}

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

ul#page-menu {
font-size: sm all;
mar gin: 0 10px 16px;
padding: 2px;
border: 1px sol id #888
}

ul#page-menu li {
display: inline;
back ground: trans par ent url(/img/li2.gif) left center no-repe at;
padding: 2px 2px 0 11px
}

div.res_p rev iew_error {
font-size: .8em;
color: red
}

div.res_p rev iew_warning {
font-size: .8em;
color: #c90
}

div.res_p rev iew_normal {
font-size: .8em;
color: #777
}

if rame.nico video {
border: sol id 1px #ccc
}

if rame.nico ichiba {
border: sol id 1px #ccc
}

if rame.nico ichiba2 {
border: 1px sol id #ccc
}

#art icle_chart {
width: 720px;
height: 120px
}

#top barMenuLink, #top bar RightMenuLink {
cursor: pointer;
color: #fff
}

#top barMenu {
position: absolute;
width: 240px;
z-index: 9;
border: sol id 1px #272 727;
back ground: #eae8eb;
padding: 0;
mar gin: 0;
display: none
}

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

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

#top bar RightMenu {
position: absolute;
width: 150px;
z-index: 9;
border: sol id 1px #272 727;
back ground: #eae8eb;
padding: 0;
mar gin: 0;
display: none
}

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

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

#menu_switch_hold span {
float: right;
padding-right: 50px;
back ground: url(/img/mode_1.png) no-repe at right 2px
}

#menu_switch_scroll span {
float: right;
padding-right: 50px;
back ground: url(/img/mode_2.png) no-repe at right 2px
}

#top bar RightMenu li {
width: 150px
}

#top barMenuLink a.hover {
text-decoration: none;
color: #fff;
back ground-color: #474747
}

#top barMenu li.hover a, #top bar RightMenu li.hover a {
text-decoration: none;
color: #fff;
back ground-color: #89 89 89
}

.popupMenu li.disabled a {
cursor: default
}

.popupMenu li.hover.disabled a {
text-decoration: none;
color: #fff;
back ground-color: trans par ent
}

.popupMenu li.zero {
width: 0px
}

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

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

.popupRightMenu li.disabled a {
cursor: default
}

.popupRightMenu li.hover.disabled a {
text-decoration: none;
color: #fff;
back ground-color: trans par ent
}

.mobile-qr-code-cont ainer {
text-align: center;
border: 1px sol id #eee;
float: right;
mar gin-right: 16px;
padding: 8px;
back ground-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: hid den;
mar gin: 0 0 0 -4px
}

div.twitter_nicopedia {
back ground: #fff;
border-bot tom: sol id 1px #333;
height: 22px;
mar gin-top: 5px;
padding: 2px 1px 1px 2px
}

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

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

#RIGHT_AD_ELEM ENT img {
padding: 165px 0 0 0
}

.nicodicr ank-space_readmore {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: flex-end
}

.nicodicr ank-readmore {
border: none;
color: #1e7dc0;
font-weight: bold;
font-size: 12px;
padding: 0;
mar gin-left: 2px;
cursor: pointer;
vert ical-align: middle
}

.nicodicr ank-readmore:before {
content: "";
display: inline-bl ock;
vert ical-align: middle;
width: 0;
height: 0;
border-style: sol id;
border-width: 6px 0 6px 10px;
border-color: trans par ent trans par ent trans par ent #1e7dc0;
padding-right: 4px;
mar gin-bot tom: 4px
}

.tweetb lock {
border-color: #1b 95 e0 !impo rta nt;
back ground-position: 5px;
back ground-size: 20px;
back ground-image: url(/img/twitter_logo.png) !impo rta nt;
mar gin-left: 0px !impo rta nt;
border-radius: 5px;
max-width: 468px;
word-wrap: break-word !impo rta nt
}

#portal-link .portal-link__head {
font-weight: 700;
mar gin-bot tom: 10px;
font-size: 12px
}

#portal-link .portal-link__contents ul {
mar gin: 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: "/"
}

.art icle-title-box {
back ground-image: url(/img/l_box_bg.gif);
back ground-repe at: repe at-y;
back ground-color: #fff;
width: 720px;
padding: 0px 10px;
line-height: 1.35;
font-size: .9em
}

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

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

.sw-Column_List>li:nth-of-type(1):before {
back ground-color: #f5 8200;
content: "1"
}

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

.sw-Column_List>li:nth-of-type(3):before {
back ground-color: #ff cb2c;
content: "3"
}

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

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

.sw-Column_List>li:nth-of-type(6):before {
back ground: trans par ent;
width: 0px
}

#nicodic-oshirase {
font-size: 12px;
mar gin: 4px 0;
border: 2px sol id #8ec5 25;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #f0f2 f5
}

.st-space_top-middle {
mar gin-top: 8px
}

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

#tag-edit-form-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
back ground: rgba(255, 255, 255, .7);
display: flex;
just ify-content: center;
align-it ems: center
}

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

#tag-edit-form-loading {
position: absolute;
top: 0;
right: 0;
bot tom: 0;
left: 0;
mar gin: 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)
}

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

.ad-bannar-main column-top {
mar gin: 0 auto 5px;
height: 90px;
width: 740px
}

.ad-bannar-main column-top div {
display: flex;
just ify-content: center
}

.st-bbs {
back ground-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-bot tom: 3px sol id #ffaf19;
position: relat ive
}

.st-bbs h2:before {
display: bl ock;
content: "";
back ground: url(/img/icon_res.png);
back ground-repe at: no-repe at;
back ground-size: cont ain;
width: 36px;
height: 36px;
position: absolute;
top: 2px;
left: 8px
}

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

.st-bbs-contents {
back ground-color: #fff
}

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

.st-bbs-contents dl {
mar gin: 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;
mar gin-right: 8px
}

.st-bbs_name {
font-size: 14px;
font-weight: bold;
color: #3c76 3d;
mar gin-right: 8px
}

.st-bbs_contents-oek aki {
mar gin: 16px 0 8px
}

p.st-bbs_contents Title, .st-bbs_referLabel {
font-size: 12px;
color: #4c4 c4c;
mar gin: 8px 0 0
}

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

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

.st-bbs_resb ody {
mar gin: 16px 8px;
font-size: 14px;
line-height: 16px;
font-fa mily: "MS PGothic AA", "MS PGothic", "ＭＳＰゴシック", "Mona", "IPA Mon aP Gothic", "IPA モナー Pゴシック", sans-serif;
border-bot tom: 1px sol id #e6 e6 e6;
padding-bot tom: 16px
}

.st-bbs Area_buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: flex-start;
align-it ems: center;
mar gin: 8px 0
}

.st-bbs_adCont ents {
back ground-color: #fff;
font-size: 12px;
padding: 24px 8px;
border-radius: 0 0 8px 8px;
box-sizing: border-box;
mar gin: 0 auto 5px;
width: 740px
}

.st-bbs_space-footer {
mar gin-bot tom: 40px
}

.st-bbs_align-pg .st-pg {
just ify-content: center;
mar gin-bot tom: 0
}

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

.st-bbs _p rev iew-heading {
font-size: 14px;
font-weight: 500;
padding-left: 8px;
mar gin: 8px 0
}

.st-bbs _p rev iew-at tention {
font-size: 13px;
mar gin-bot tom: 16px;
padding-left: 8px
}

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

.st-box_side {
back ground-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-bot tom {
border-radius: 0 0 8px 8px
}

.st-box_space-top {
mar gin-top: 5px
}

.st-box_space-bot tom {
mar gin-bot tom: 5px
}

.st-box_space-footer {
mar gin-bot tom: 40px
}

.st-box_space Bot tom-middle {
padding-bot tom: 24px
}

.st-box_space Bot tom-long {
padding-bot tom: 32px
}

.st-box_inner-bet ween {
display: flex;
just ify-content: space-bet ween;
align-it ems: 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-it ems: center;
height: 40px;
padding: 6px 8px 2px;
box-sizing: border-box;
border-bot tom: 3px sol id #ffaf19
}

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

.st-box_heading-nicodic::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_rule.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.st-box_heading-oek aki::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_ill ust.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.st-box_heading-piko::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon _p iko.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.st-box_heading-res::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_res.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.st-box_heading-user::before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_user.png);
back ground-repe at: no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px
}

.st-box_heading-kaite::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_kaite.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.st-box_heading-spart icle:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 18px;
height: 18px;
mar gin-right: 4px
}

.st-box_heading-bl oma ga::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_bl oma ga.png);
back ground-repe at: no-repe at;
back ground-size: cont ain;
width: 36px;
height: 36px
}

.st-box_heading-at tention::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_at tention.png);
back ground-size: cont ain;
width: 28px;
height: 28px
}

.st-box_heading-edit::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.st-box_heading-video::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_niconico _pc.png);
back ground-size: cont ain;
width: 22px;
height: 22px;
mar gin-right: 5px
}

.st-box_heading-sei ga::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_sei ga.png);
back ground-size: cont ain;
width: 24px;
height: 24px
}

.st-box_heading-news::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_nico news top ics.png);
back ground-repe at: no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
padding-right: 4px;
mar gin-left: 4px
}

.st-box_heading-push word::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon _pushword.png);
back ground-repe at: no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
padding-right: 4px
}

.st-box_heading-home::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_hometa_ranking.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.st-box_heading-it ems::before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_it ems.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.st-box_heading-nicoad::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_nicoad-bk.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.st-button_sns-twitter {
width: 32px;
height: 32px;
back ground-color: #1da1f2;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center;
font-size: 0;
cursor: pointer
}

.st-button_sns-facebook {
width: 32px;
height: 32px;
back ground-color: #4267b2;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: flex-end;
just ify-content: center;
cursor: pointer
}

.st-button_sns-hatena {
width: 32px;
height: 32px;
back ground-color: #00a4de;
border-radius: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center;
cursor: pointer
}

.st-button_homeru {
height: 32px;
back ground-color: #fff;
border: 1px sol id #fda e32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fda e32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: bl ock;
min-width: 74px
}

.st-button_homeru::before {
content: "";
back ground-image: url(/img/icon_homeru.png);
back ground-repe at: no-repe at;
width: 24px;
height: 24px;
vert ical-align: middle;
display: inline-bl ock
}

.st-button_homeru-text {
display: inline-bl ock;
vert ical-align: middle;
padding-left: 3px
}

.st-button_homeru-count {
mar gin-left: 4px
}

.st-button_homeru-clicked {
color: #fff;
back ground-color: #fda e32;
border: 1px sol id #fda e32;
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: bl ock
}

.st-button_homeru-clicked::before {
content: "";
back ground-image: url(/img/icon_homeru-wh.png);
back ground-repe at: no-repe at;
width: 24px;
height: 24px;
display: inline-bl ock;
vert ical-align: middle
}

.st-button_editPiko, .st-button_editOr kaki {
height: 32px;
back ground-color: #fff;
border: 1px sol id #fda e32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fda e32;
font-size: 12px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center;
cursor: pointer;
padding: 0 16px
}

.st-button_bbsRes, .st-button_p remium {
width: 180px;
height: 40px;
back ground-color: #fda e32;
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: bl ock;
back ground-image: url(/img/button_switch-editor.png);
font-size: 0;
border: none;
outline: none;
cursor: pointer
}

.st-button_p rev iew, .st-button_cancel {
height: 32px;
back ground-color: #fff;
border: 1px sol id #fda e32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fda e32;
font-size: 13px;
font-weight: bold;
line-height: 30px;
text-align: center;
cursor: pointer;
padding: 0 8px
}

.st-button_editConf irm, .st-button_art icleTitle Edit, .st-button_p ost, .st-button_save, .st-button_create {
height: 32px;
back ground-color: #fda e32;
border: 1px sol id #fda e32;
-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;
back ground-color: #fff;
border: 1px sol id #fda e32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fda e32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: bl ock;
min-width: 74px;
cursor: pointer
}

.st-button_nicoad::before {
content: "";
back ground-image: url(/img/icon_nicoad-orenge.png);
back ground-repe at: no-repe at;
back ground: cover;
width: 24px;
height: 24px;
back ground-size: cover;
vert ical-align: middle;
display: inline-bl ock
}

.st-button_nicoad-text {
display: inline-bl ock;
vert ical-align: middle;
padding-left: 3px
}

.st-button_nicoad-count {
mar gin-left: 4px
}

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

.st-button_nicoad-campaign a {
position: relat ive;
display: bl ock;
back ground: #eae aea;
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 sol id trans par ent;
border-right: 10px sol id #eae aea;
border-bot tom: 8px sol id trans par ent
}

.st-button_tag Edit {
width: 72px;
height: 24px;
line-height: 24px;
back ground-color: #eae aea;
border: 1px sol id #eae aea;
font-weight: 500;
border-radius: 4px;
text-align: center;
color: #4c4 c4c;
font-size: 12px;
trans ition: all .2s ease;
outline: none;
cursor: pointer
}

.st-button_tag Edit:hover {
opacity: .8
}

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

.st-form {
border: 1px sol id #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
}

text area.st-text area {
border: 1px sol id #999;
border-radius: 4px;
padding-left: 6px
}

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

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

.icon-category {
width: 20px;
height: 20px;
display: inline-bl ock;
back ground: url(/img/art icle-mark-20-20px.png);
back ground-repe at: no-repe at;
over-flow: hid den;
text-indent: 100%;
white-space: nowrap;
font-size: 0;
vert ical-align: middle
}

.icon-category_type-a {
back ground-position: 0 0
}

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

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

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

.icon-category_type-u {
back ground-position: -20px -20px
}

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

.st-label_title-category {
display: inline-bl ock;
color: #fff;
font-size: 12px;
padding: 3px 4px;
back ground: #999;
vert ical-align: middle;
border-radius: 4px
}

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

.st-list {
mar gin-bot tom: 8px
}

.st-list li {
mar gin-bot tom: 8px;
font-size: 14px;
line-height: 18px
}

.st-list li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-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-dire ction: column
}

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

.st-pg_link-returnArt icle a:before {
content: "";
display: inline-bl ock;
width: 0;
height: 0;
border-style: sol id;
border-width: 6px 10px 6px 0;
border-color: trans par ent #1e7dc0 trans par ent trans par ent;
mar gin-right: 4px
}

.st-pg_navi {
font-weight: 500
}

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

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

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

.st-pg_contents-bet ween {
mar gin-left: 4px
}

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

.st-pg_contents span.cur rent {
border: 1px sol id #147 cc2;
border-radius: 4px;
padding: 0 4px;
back ground-color: #147 cc2;
color: #fff;
height: 18px;
display: inline-bl ock;
box-sizing: border-box;
line-height: 16px
}

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

.st-table tr {
border: sol id #d1 d1 d1;
border-width: 1px 0
}

.st-table th {
back ground-color: #f1 f1 f1;
padding: 8px 2px;
border: 1px sol id #d1 d1 d1
}

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

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

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

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

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

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

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

.st-tag_list li, .st-tag_list-editing li {
display: inline-bl ock;
font-size: 12px;
color: #444;
mar gin: 0 8px 4px 0;
position: relat ive
}

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

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

.st-tag_list-editing {
mar gin-bot tom: 8px
}

.st-tag_list-tag Icon {
display: inline-bl ock;
vert ical-align: middle;
mar gin-right: 4px;
width: 14px;
height: 14px
}

.st-tag_list-tag Icon svg {
fill: #ccc
}

.st-tag_list-tag Name {
vert ical-align: middle
}

.st-tag_dia log {
back ground: #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_dia log-message {
line-height: 1.4;
mar gin-bot tom: 12px;
padding-bot tom: 8px;
border-bot tom: 1px sol id #e5 e5 e5;
text-align: left
}

.st-tag_dia log-cl ose {
mar gin-right: 24px;
color: #069;
cursor: pointer
}

.st-tag_dia log-button {
display: inline-bl ock;
vert ical-align: top;
padding: 0
}

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

.st-tag_contents-editForm {
display: flex
}

.st-tag_edit Information {
font-size: 12px;
color: #4c4 c4c;
line-height: 30px;
padding-left: 12px
}

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

.st-tag_button-sub mit {
color: #fff;
back ground-color: #fda e32;
border: 1px sol id #fda e32;
font-size: 12px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: bl ock;
mar gin-left: 8px
}

.st-tag_list-delete Icon {
back ground-color: #747474;
padding: 4px
}

.st-tag_list-delete Icon svg {
fill: #fff
}

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

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

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

.a-title {
back ground-color: #fff;
border-radius: 8px 8px 0 0;
padding: 20px 16px 2px 16px;
line-height: 1.35;
font-size: .9em;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px;
mar gin-top: 5px
}

.a-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: row nowrap
}

.art icle-title-text {
flex: 1 1 auto
}

div.art icle .art icle-title-counter {
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: row nowrap;
align-it ems: center;
padding-left: 16px;
list-style: none
}

.art icle-title-counter-homeru {
width: 40px;
text-align: center;
font-size: 10px;
color: #999
}

.art icle-title-counter-homeru:before {
content: "";
display: bl ock;
back ground: url(/img/icon_hometa_ranking.png) no-repe at;
back ground-size: cont ain;
width: 22px;
height: 22px;
mar gin: 0 auto 2px;
opacity: .5
}

.art icle-title-counter-nicoad {
width: 45px;
text-align: center;
font-size: 10px;
color: #999
}

.art icle-title-counter-nicoad:before {
content: "";
display: bl ock;
back ground: url(/img/icon_nicoad-gray.png) no-repe at;
back ground-size: cont ain;
width: 22px;
height: 22px;
mar gin: 0 auto 2px
}

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

.a-title h1 span {
mar gin-left: 4px
}

.a-title-yomi {
font-size: .8em;
mar gin: 0px
}

.a-area_buttons {
padding: 8px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween
}

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

.a-box_contents {
padding: 16px
}

.a-contents {
font-size: .9em;
back ground-color: #fff;
line-height: 1.35;
padding-bot tom: 24px;
border-radius: 0 0 8px 8px;
box-sizing: border-box;
mar gin: 0 auto 8px;
width: 740px
}

a.a-button_edit {
width: 100px;
letter-spacing: .01em;
height: 32px;
back ground-color: #eae aea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
align-it ems: center;
color: #4c4 c4c;
cursor: pointer;
border-radius: 3px;
font-size: 12px;
font-weight: bold
}

.a-button_edit::before {
content: "";
width: 24px;
height: 24px;
back ground: url(/img/icon_edit-pen.png) no-repe at;
mar gin-right: 2px
}

a.a-button_edit:hover, a.a-button_refe rH is tory:hover {
color: #4c4 c4c;
text-decoration: none
}

a.a-button_refe rH is tory {
width: 140px;
letter-spacing: .01em;
height: 32px;
back ground-color: #eae aea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
align-it ems: center;
color: #4c4 c4c;
cursor: pointer;
border-radius: 3px;
font-size: 12px;
font-weight: bold
}

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

.a-inf oArea_buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: flex-start;
align-it ems: center;
mar gin-left: 8px
}

.a-bot tomMenu .a-inf oArea_buttons {
flex: 1 1 auto
}

.a-inf oArea_caution {
mar gin-top: 16px;
font-size: 14px;
font-weight: 400;
padding-left: 8px;
color: #ee49 49
}

a.a-button_move-art icle {
height: 30px;
back ground-color: #fff;
border: 1px sol id #999;
border-radius: 3px;
color: #999;
font-size: 12px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center;
padding-right: 12px
}

a.a-button_move-art icle::before {
content: "";
back ground-image: url(/img/icon_arrow-down.png);
back ground-repe at: no-repe at;
width: 24px;
height: 24px;
mar gin: 0 2px 0 4px
}

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

.a-button_watchlist {
width: 172px;
height: 32px;
back ground-color: #fff;
border: 1px sol id #fda e32;
border-radius: 3px;
color: #fda e32;
font-size: 12px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center;
cursor: pointer
}

.a-list_art icleI nfo {
font-size: 12px;
mar gin: 16px 0 16px 8px
}

div.a-list_art icleI nfo ul {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
mar gin-bot tom: 6px
}

.a-list_art icleI nfo ul li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
width: 270px
}

.a-list_art icleI nfo ul li a {
mar gin-left: 4px
}

.a-list_art icleI nfo ul li:first-child {
mar gin-right: 24px
}

.a-list_art icleI nfo ul li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px
}

.a-list_art icleI nfo-comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-dire ction: column
}

.a-list_art icleI nfo-commentDetail {
padding-left: 14px;
word-wrap: break-word
}

.a-list_relationSearch {
mar gin: 16px 0 0 8px;
padding-bot tom: 16px;
font-size: 14px;
font-weight: 600
}

.a-list_relationSearch span {
mar gin-left: 4px
}

.a-gr aph {
padding: 16px 4px
}

.a-recommend_art icle {
mar gin: 5px 0;
border-radius: 8px;
back ground-color: #fff
}

.a-oek aki_list {
table-layout: fixed
}

.a-oek aki_list tr {
display: table
}

.a-oek aki_list td {
width: 140px;
overflow: hid den;
padding: 3px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.a-oek aki_list-thumb {
width: 134px;
height: 134px;
position: relat ive;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center
}

.a-oek aki_list-thumb a {
display: bl ock;
height: 100%;
width: 100%;
position: relat ive
}

.a-oek aki_list-thumb a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bot tom: 0;
mar gin: auto
}

.a-oek aki_contents>.a-contents_readmore {
padding-right: 16px
}

.a-oek aki_list-inner {
height: 32px;
mar gin: 8px 0 4px;
font-size: 14px;
word-break: break-all
}

.a-oek aki_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: hid den;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.a-piko_list-thumb {
mar gin-bot tom: 8px
}

.a-piko_list-inner {
height: 32px;
mar gin: 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;
just ify-content: flex-end
}

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

.a-contents_readmore:before {
content: "";
display: inline-bl ock;
vert ical-align: middle;
width: 0;
height: 0;
border-style: sol id;
border-width: 6px 0 6px 10px;
border-color: trans par ent trans par ent trans par ent #1e7dc0;
padding-right: 4px;
mar gin-bot tom: 4px
}

.a-recommend_video-contenrs tb ody {
width: 100%
}

.a-recommend_video-contenrs tb ody tr {
width: 160px;
mar gin-left: 8px;
display: inline-bl ock;
vert ical-align: top
}

.a-recommend_video-contenrs tb ody tr:first-child {
mar gin: 0
}

.a-recommend_video-contenrs tb ody tr td {
padding: 0;
border-style: none;
display: inline-bl ock
}

.a-recommend_video-thumbInner {
width: 160px;
height: 100px;
back ground-color: #000;
display: bl ock
}

.a-recommend_video-thumbInner img {
width: 130px;
height: 100px;
display: bl ock;
mar gin: 0 auto
}

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

.a-recommend_video-title {
font-size: 14px;
font-weight: 600;
display: bl ock;
line-height: 16px;
mar gin: 8px 0 6px
}

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

.a-recommend_sei ga-contenrs tb ody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}

.a-recommend_sei ga-contenrs tb ody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-dire ction: column;
width: 152px;
mar gin-left: 8px
}

.a-recommend_sei ga-contenrs tb ody tr:first-child {
mar gin: 0
}

.a-recommend_sei ga-contenrs tb ody tr td {
padding: 0;
border-style: none
}

.a-recommend_sei ga-thum bnail {
width: 152px;
height: 152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
align-it ems: center
}

.a-recommend_sei ga-thum bnail img {
max-width: 152px;
max-height: 152px
}

.a-recommend_sei ga-title {
font-size: 14px;
font-weight: 600;
display: bl ock;
line-height: 16px;
mar gin: 8px 0 6px
}

.a-recommend_sei ga-post Time {
color: #999;
font-size: 10px
}

.a-recommend_news-table {
mar gin-bot tom: 16px
}

.a-recommend_news-list {
mar gin-top: 8px
}

.a-recommend_news-list:first-child {
mar gin-top: 0
}

.a-recommend_news-thum bnail {
width: 56px;
mar gin-right: 8px;
display: inline-bl ock;
float: left
}

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

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

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

.a-recommend_news-post Time {
color: #999;
font-size: 10px;
mar gin-top: 4px;
display: bl ock
}

.a-bbs_contents-empty {
back ground-color: #fff;
font-size: 12px;
padding: 24px 16px 16px;
border-radius: 8px 8px 0 0;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px
}

div.a-banner_middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
mar gin-bot tom: 5px
}

.a-banner_space-bot tom {
padding-bot tom: 32px
}

.a-banner_align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
mar gin-bot tom: 16px
}

.a-edit {
back ground-color: #d8d8d8;
width: 740px;
height: 32px;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: space-bet ween;
padding: 0 8px 0 16px;
box-sizing: border-box;
mar gin: 8px auto 0
}

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

.a-link_tab-wiki {
cursor: pointer
}

.a-link_tab-wiki a::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_open_window.png);
back ground-size: cont ain;
width: 20px;
height: 16px;
padding-right: 4px;
back ground-repe at: no-repe at
}

.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-it ems: center
}

.a-edit_contents-header {
back ground-color: #fff;
mar gin: 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-it ems: center
}

.a-edit_title span {
mar gin-left: 4px
}

.a-edit_title-yomi {
font-size: .8em;
mar gin: 0px
}

.a-edit At tention_contents ul {
mar gin-bot tom: 8px
}

.a-edit At tention_contents ul li {
mar gin-bot tom: 8px;
font-size: 14px;
line-height: 18px;
padding-left: 16px;
text-indent: -16px
}

.a-edit At tention_contents ul li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px;
text-indent: 0
}

.a-edit At tention_readMore {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: flex-end;
font-size: 12px;
font-weight: 600
}

.a-edit At tention_readMore span {
color: #1e7dc0;
cursor: pointer
}

.a-edit At tention_readMore span::before {
content: "";
width: 0;
height: 0;
display: inline-bl ock;
border-style: sol id;
border-width: 9px 6px 0 6px;
border-color: #1e7dc0 trans par ent trans par ent trans par ent;
mar gin-right: 4px
}

.a-edit At tention_readMore>.active::before {
border-width: 0 6px 9px 6px;
border-color: trans par ent trans par ent #1e7dc0 trans par ent
}

.a-editForm {
height: 32px;
padding: 6px 16px 2px;
back ground-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
mar gin: 8px auto 0;
width: 740px
}

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

.a-editForm h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.a-editForm_contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
padding: 0 16px 7px;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px;
font-size: 14px;
line-height: 18px
}

.a-editForm_content-inner {
border-bot tom: 1px sol id #e6 e6 e6;
padding-bot tom: 16px
}

.a-editForm_buttonArea-switch Editor {
mar gin: 17px 0
}

.a-editForm_content-it em {
mar gin: 16px 0 4px
}

.a-editForm_at tention {
mar gin-top: 8px
}

.a-editForm_content-it em label, .a-editForm_contents-bot tom label {
font-size: 14px;
font-weight: 600;
mar gin-bot tom: 8px
}

.a-editForm_contents-bot tom {
back ground-color: #fff;
padding: 8px 16px 24px;
box-sizing: border-box;
mar gin: 0 auto 8px;
width: 740px;
font-size: 14px;
line-height: 18px;
border-radius: 0 0 8px 8px
}

.a-editForm_edit Comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.a-editForm_edit Comment span {
mar gin-left: 4px
}

.a-editForm_buttonArea {
mar gin: 24px 0 12px
}

.a-editForm_space Bot tom .st-box_contents {
padding-bot tom: 32px
}

.a-edit Title {
height: 32px;
padding: 6px 16px 2px;
back ground-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
mar gin: 8px auto 0;
width: 740px
}

.a-edit Title_contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
padding: 16px 16px 0;
box-sizing: border-box;
mar gin: 0 auto 40px;
width: 740px;
font-size: 14px;
line-height: 18px;
border-radius: 0 0 8px 8px
}

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

.a-edit Title h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.a-relationSearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-dire ction: column;
font-size: 14px;
font-weight: 600
}

.a-edit_complete {
height: 32px;
padding: 6px 16px 2px;
back ground-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
mar gin: 8px auto 0;
width: 740px
}

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

.a-edit_complete h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.a-edit_complete-contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
padding: 16px;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px;
border-radius: 0 0 8px 8px;
font-size: 12px
}

.a-edit_complete-thanks {
font-size: 14px;
font-weight: 600;
mar gin-bot tom: 8px
}

.a-edit_complete-kaite-banner-it ems {
mar gin-top: 16px
}

.a-edit_complete-kaite-banner-it ems p {
mar gin-bot tom: 8px
}

.a-edit_complete-kaite-banner {
mar gin-bot tom: 8px
}

.a-edit_info {
back ground-color: #fff;
mar gin: 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: bl ock
}

#nicoad_art icle_pc {
border-radius: 8px;
mar gin-bot tom: 5px
}

#nicoad_users_art icle_pc p {
mar gin: 0
}

.a-nicoad_supporter {
padding: 0 8px;
mar gin-bot tom: 24px
}

.a-nicoad_supporter_inner {
border: 1px sol id #eee;
border-radius: 4px
}

#nicoad_users_art icle_pc .a-nicoad_supporter_title {
back ground-color: #eae aea;
border-bot tom: 1px sol id #eee;
border-radius: 4px 4px 0px 0px;
padding: 8px 4px 6px;
text-align: center;
font-size: 12px;
line-height: 1;
mar gin-bot tom: 8px
}

#nicoad_users_art icle_pc .a-nicoad_supporter_title:before {
content: "";
display: inline-bl ock;
back ground: url(/img/icon_nicoad-gray.png) no-repe at;
back ground-size: cont ain;
width: 18px;
height: 18px;
mar gin-right: 4px;
vert ical-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_art icle_pc .a-nicoad_supporter-others Name {
flex: 1 1 0;
color: #999;
font-size: 12px
}

#nicoad_users_art icle_pc .a-nicoad_supporter-others Link {
flex: 0 0 auto;
padding-left: 8px
}

#nicoad_users_art icle_pc .a-nicoad_supporter-others Link:hover {
cursor: pointer
}

.a-nicoad_supporter-others Link a {
color: #1e7dc0;
font-size: 10px
}

.a-nicoad_supporter_others {
padding: 8px
}

.a-bot tomMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.bpo st {
height: 32px;
padding: 6px 16px 2px;
back ground-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
mar gin: 8px auto 0;
width: 740px
}

.bpo st_contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
padding: 8px 16px 24px;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px;
font-size: 14px;
line-height: 18px
}

.bpo st h1 {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.bpo st h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_edit-pen.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.bpo st-postForm {
mar gin-top: 16px;
padding-left: 16px
}

.bpo st-postForm li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
mar gin-bot tom: 16px
}

.bpo st-postForm_it em {
width: 90px;
font-size: 14px
}

.bpo st-postForm_it em span {
mar gin-left: 4px
}

.bpo st-area_checkbox {
mar gin-top: 16px;
font-size: 13px
}

.bpo st-area_buttons {
mar gin: 8px 0 24px
}

.bpo st-list {
mar gin: 8px 0 24px;
padding-left: 16px
}

.bpo st-list ul {
mar gin-bot tom: 8px;
list-style: none;
font-size: 12px;
line-height: 14px
}

.bpo st-list ul li {
mar gin-bot tom: 8px;
font-size: 12px;
line-height: 14px
}

.bpo st-list ul li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px
}

.bpo st-list span {
mar gin: 4px 0 8px 16px;
display: bl ock
}

.bpo st-oek aki {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
width: 740px;
border-bot tom: 3px sol id #ffaf19;
back ground-color: #fff
}

.bpo st-oek aki h1 {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.bpo st-oek aki h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_ill ust.png);
back ground-size: cont ain;
width: 36px;
height: 36px;
mar gin-left: 8px
}

.bpo st-oek aki_contents {
padding: 16px 0 32px;
back ground-color: #fff;
font-size: 12px
}

.bpo st-oek aki_contents p {
padding-left: 16px
}

.bpo st-oek aki_input {
mar gin: 16px 0 0 24px
}

.bpo st-oek aki_size {
mar gin-bot tom: 8px
}

.bpo st-oek aki_size label {
mar gin-right: 8px
}

.bpo st-oek aki_size input {
mar gin-left: 4px
}

.bpo st-pico {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
width: 740px;
border-bot tom: 3px sol id #ffaf19;
back ground-color: #fff
}

.bpo st-pico h1 {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.bpo st-pico h1:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon _p iko.png);
back ground-size: cont ain;
width: 36px;
height: 36px;
mar gin-left: 8px
}

.bpo st-pico_contents {
padding: 16px 0 16px;
back ground-color: #fff;
font-size: 12px;
border-radius: 0 0 8px 8px
}

.bpo st-pico_contents p {
padding-left: 16px
}

.bpo st-pico _p ost {
mar gin: 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;
back ground-color: #4c4 c4c;
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-it ems: center;
flex-dire ction: column
}

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

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

.footer-counter-menu {
mar gin-bot tom: 16px
}

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

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

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

.footer-art icles-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
mar gin-bot tom: 8px
}

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

.footer-art icles-menu dt {
mar gin-right: 8px
}

.footer-art icles-menu dd {
mar gin-right: 6px
}

.footer-art icles-menu dd:last-child {
mar gin-right: 0
}

.footer-art icles-menu dl:first-child {
mar gin-right: 16px
}

.footer-info-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
mar gin-bot tom: 24px
}

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

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

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

#footer-sp-switch {
height: 11rem;
width: 100%;
back ground: #b2b 2b2;
display: none;
min-width: 1045px
}

#footer-sp-switch a {
border: #97 97 97 .25rem sol id;
border-radius: 1rem;
line-height: 11rem;
vert ical-align: middle;
padding: 2rem 8.5rem;
font-size: 3r em;
color: #747474;
back ground: url(/img/icon_sp.png) no-repe at left 5.5rem center, url(/img/icon_arrow-right.png) no-repe at right, #fff;
text-decoration: none
}

#header {
width: 1045px;
height: 94px;
position: absolute;
top: 36px;
back ground-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
align-it ems: center;
box-sizing: border-box;
padding: 24px 10px;
border-radius: 0 0 8px 8px
}

.header-logo {
width: 256px;
height: 50px;
back ground: url(/img/logo_nicopedia.png) no-repe at;
overflow: hid den;
text-indent: 100%;
white-space: nowrap
}

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

.search-dropdown-wrap per {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 242px;
just ify-content: space-bet ween;
mar gin-bot tom: 6px
}

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

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

input.search-box {
border: 1px sol id #fda e32;
width: 210px;
height: 30px;
box-sizing: border-box;
padding-left: 8px
}

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

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

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

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

.header-search {
width: 124px
}

.index-page_menu-description {
color: #999;
mar gin-bot tom: 12px;
font-weight: 500;
font-size: 13px
}

.index-page_menu-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
mar gin-bot tom: 8px
}

.index-page_menu-it ems dt {
font-weight: 600;
mar gin-right: 8px;
display: inline-bl ock;
font-size: 13px
}

.index-page_menu-it ems dd {
display: inline-bl ock;
mar gin-right: 16px
}

.index-weekly-ill ust-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
mar gin-bot tom: 16px
}

.index-weekly-ill ust-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: center;
position: relat ive;
mar gin-top: 8px
}

.index-weekly-ill ust-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.index-weekly-ill ust-title a:first-child {
overflow: hid den;
display: inline-bl ock;
max-width: 380px;
white-space: nowrap;
text-overflow: elli ps is
}

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

.index-weekly-ill ust-info>.index-space_recommend-readmore {
position: absolute;
right: 0;
mar gin: 0
}

.index-weekly-recommend, .index-option-recommend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
back ground-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-art icle, .index-option-recommend-tool, .index-option-recommend-service {
height: 32px;
padding: 0 8px;
back ground-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.index-weekly-recommend-piko-contents, .index-weekly-recommend-art icle-contents, .index-option-recommend-tool-contents, .index-option-recommend-service-contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
mar gin-bot tom: 16px;
font-size: 12px;
padding: 8px 16px 4px
}

.index-weekly-recommend-piko h2, .index-weekly-recommend-art icle 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-it ems: center
}

.index-weekly-recommend-piko:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon _p iko.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.index-weekly-recommend-piko-contents, .index-weekly-recommend-art icle-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-dire ction: column
}

.index-weekly-recommend-piko-title, .index-weekly-recommend-art icle-title {
font-weight: 600;
font-size: 14px;
line-height: 18px;
mar gin: 0 0 8px
}

.index-weekly-recommend-piko-main, .index-weekly-recommend-art icle-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.index-weekly-recommend-piko-thum bnail, .index-weekly-recommend-art icle-thum bnail {
width: 96px
}

.index-weekly-recommend-piko-thum bnail img, .index-weekly-recommend-art icle-thum bnail img {
width: 100%;
height: auto
}

.index-weekly-recommend-piko-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-dire ction: column;
padding-left: 8px
}

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

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

.index-weekly-recommend-art icle:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_recommend.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.index-option-recommend-tool:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_newart icle.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.index-option-recommend-tool-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
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;
mar gin-bot tom: 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;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px
}

.index-option-recommend-tool-links a {
mar gin-bot tom: 8px
}

.index-option-recommend-tool-contents ul li:last-child {
mar gin: 0
}

.index-option-recommend-service:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_niconico_sp.png);
back ground-size: cont ain;
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;
mar gin-bot tom: 4px
}

div.index-option-recommend-service-contents ul li:last-child {
mar gin-bot tom: 0
}

.index-option-recommend-service-contents a {
mar gin-bot tom: 8px
}

.index-option-recommend {
border-radius: 0 0 8px 8px;
mar gin-bot tom: 5px;
padding-bot tom: 16px
}

.index-space_readmore-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: flex-end;
mar gin-top: 16px
}

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

.index-recommend-contents-readmore::before, .index-new-contents-readmore::before {
content: "";
display: inline-bl ock;
vert ical-align: middle;
width: 0;
height: 0;
border-style: sol id;
border-width: 6px 0 6px 10px;
border-color: trans par ent trans par ent trans par ent #1e7dc0;
padding-right: 4px;
mar gin-bot tom: 4px
}

table.index-oek aki-list {
mar gin: 0 auto;
table-layout: fixed
}

table.index-oek aki-list tr {
display: table
}

table.index-oek aki-list td {
width: 140px;
overflow: hid den;
padding: 3px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.index-oek aki-list-thumb {
width: 134px;
height: 134px;
position: relat ive;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center
}

.index-oek aki-list-thumb a {
display: bl ock;
height: 100%;
width: 100%;
position: relat ive
}

.index-oek aki-list-thumb a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bot tom: 0;
mar gin: auto
}

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

.index-oek aki-list-inner {
height: 32px;
mar gin: 8px 0 4px;
font-size: 14px;
word-break: break-all
}

.index-oek aki-list a:hover, .index-oek aki-list-title:hover {
color: #ffaf19
}

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

.index-oek aki-list-source a {
color: #999;
font-size: 11px;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-align: middle
}

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

.index-new-oek aki-cont ents>.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: hid den;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.index-piko-list td:last-child {
mar gin-right: 0
}

.index-piko_thumb {
mar gin-bot tom: 8px
}

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

.index-piko-list-inner {
height: 32px;
mar gin: 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: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-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-it ems {
border-bot tom: 1px sol id #d6d6d6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
color: #999;
padding: 8px
}

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

.index-new-res-info-inner {
font-size: 1.1em;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: space-bet ween;
max-width: 640px
}

.index-new-res-info-title a:first-child {
align-it ems: center;
overflow: hid den;
text-overflow: elli ps is;
white-space: nowrap;
max-width: 613px;
padding-right: 2px
}

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

.index-new-res-info-count:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_comment-gray.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px
}

.index-new-res-detail {
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
mar gin-top: 4px;
padding-left: 8px;
font-weight: 400;
font-size: 12px
}

.index-bl oma ga-info-contents ul {
padding-left: 0
}

.index-bl oma ga-info-inner li {
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
color: #999;
mar gin-bot tom: 6px
}

.index-bl oma ga-info-inner li a {
padding-left: 8px
}

.index-bl oma ga-info-inner li:last-child {
mar gin: 0
}

.index-newly-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
back ground-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 sol id #ffaf19;
mar gin-bot tom: 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;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px
}

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

.index-newly-list-contents-inner li {
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
mar gin-bot tom: 4px
}

.index-newly-list-contents-inner li:last-child {
mar gin: 0
}

.index-newly-list-word, .index-newly-list-video, .index-newly-list-it ems, .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-it ems: center;
box-sizing: border-box
}

.index-newly-list-word h2, .index-newly-list-video h2, .index-newly-list-it ems 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-it ems: center
}

.index-newly-list-word {
padding: 6px 8px 2px
}

.index-newly-list-word h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_word.png) no-repe at;
back ground-size: cont ain;
width: 21px;
height: 21px;
mar gin-right: 4px
}

.index-newly-list-video {
padding: 6px 8px 2px 8px
}

.index-newly-list-video h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_niconico_sp.png);
back ground-size: cont ain;
width: 36px;
height: 36px
}

.index-newly-list-it ems h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_it ems.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.index-newly-list-live {
padding: 0
}

.index-newly-list-live h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/nico live_app.svg);
back ground-size: cont ain;
width: 16px;
height: 24px;
mar gin-right: 8px;
mar gin-left: 16px
}

.index-newly-list-user h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_user.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 4px
}

.index-newly-list-community h2:before {
display: inline-bl ock;
content: "";
back ground: url(/img/ic_community.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin-right: 8px
}

.index-button-art icle-create {
display: bl ock;
width: 250px;
height: 40px;
mar gin: 0 auto;
back ground: url(/img/button_cleate-art icle.png);
back ground-repe at: no-repe at;
border: none;
font-size: 0;
cursor: pointer
}

.index-bbs_space-footer {
mar gin-bot tom: 24px
}

.index-main-nicoad-it ems {
border-bot tom: 1px sol id #d6d6d6;
color: #999;
padding: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.index-main-nicoad-it ems:last-child {
border-bot tom: 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: hid den;
white-space: nowrap;
text-overflow: elli ps is;
max-width: 365px
}

.index-main-nicoad-title-link:before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_nicoad-silver.png);
back ground-size: cont ain;
width: 24px;
height: 24px;
vert ical-align: middle;
mar gin: -4px 8px 0 0
}

.gold-pc .index-main-nicoad-title-link:before {
back ground: url(/img/icon_nicoad-gold.png);
back ground-size: cont ain;
width: 24px;
height: 24px
}

.silver-pc .index-main-nicoad-title-link:before {
back ground: url(/img/icon_nicoad-silver.png);
back ground-size: cont ain;
width: 24px;
height: 24px
}

.index-main-nicoad-supporter {
font-size: 12px;
color: #999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.index-main-nicoad-supporter-label {
font-weight: bold;
color: #52 52 52;
mar gin: 0 4px;
flex: 0 0 auto
}

.index-main-nicoad-supporter-name {
display: inline-bl ock;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
max-width: 90px
}

.index-main-nicoad-supporter-msg {
display: inline-bl ock;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
max-width: 135px
}

.index-main-nicoad-point {
flex: 0 0 auto;
width: 70px;
font-size: 11px;
height: 20px;
line-height: 20px;
border-radius: 20px;
back ground: #ccd7d9;
text-align: center;
color: #5f6467;
mar gin-left: 16px
}

.index-main-nicoad-point a {
display: bl ock;
color: #5f6467;
cursor: pointer
}

.gold-pc .index-main-nicoad-point {
color: #987600;
back ground: #f6d538
}

.silver-pc .index-main-nicoad-point {
color: #5f6467;
back ground: #ccd7d9
}

.gold-pc .index-main-nicoad-point a {
display: bl ock;
color: #987600
}

.silver-pc .index-main-nicoad-point a {
display: bl ock;
color: #5f6467
}

.menu-oek aki_list tr {
display: table;
mar gin-bot tom: 24px
}

.menu-oek aki_list td {
width: 140px;
display: table-cell;
vert ical-align: top
}

.menu-oek aki_list-thumb {
width: 134px;
height: 134px;
border: 1px sol id #d1 d1 d1;
position: relat ive;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center
}

.menu-oek aki_list-thumb a {
display: bl ock;
height: 100%;
width: 100%;
position: relat ive
}

.menu-oek aki_list-thumb a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bot tom: 0;
mar gin: auto
}

.menu-oek aki_list-inner {
height: 32px;
mar gin: 8px 0 4px;
word-break: break-all
}

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

.menu-oek aki_list-source {
mar gin: 0 0 4px;
max-width: 123px;
display: table
}

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

.menu-oek aki_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
cursor: pointer;
display: table-cell;
vert ical-align: middle
}

.menu-oek aki_list-status {
color: #999;
font-size: .9em;
mar gin-bot tom: 8px
}

.menu-oek aki_aria-home button {
mar gin: 0 auto
}

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

.menu-piko_list tr {
display: table;
mar gin-bot tom: 16px
}

.menu-piko_list td {
width: 140px;
overflow: hid den;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.menu-piko _player {
border: 1px sol id #d1 d1 d1;
text-align: center;
padding-top: 16px;
box-sizing: border-box;
height: 54px
}

.menu-piko_list-source {
mar gin: 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: hid den;
text-overflow: elli ps is;
cursor: pointer;
display: table-cell;
vert ical-align: middle
}

.menu-piko_list-inner {
height: 32px;
mar gin: 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 {
mar gin: 0 auto
}

.menu-create_desc {
padding-bot tom: 16px;
border-bot tom: 1px sol id #d6d6d6
}

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

.menu-create_list .menu-create_column {
display: table-cell;
vert ical-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-bot tom: 3px sol id #ffaf19;
mar gin-bot tom: 8px
}

.menu-create_column label {
display: bl ock;
mar gin-bot tom: 4px
}

.menu-create_column input {
mar gin-bot tom: 8px
}

.menu-create_info {
mar gin: 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 sol id #d1 d1 d1
}

table.my-list_sta tistic {
mar gin: 4px 0 0 18px
}

table.my-list_sta tistic li {
mar gin: 0 16px 4px 0
}

table.my-list_sta tistic li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ccc;
display: inline-bl ock;
mar gin-right: 10px;
text-indent: 0
}

.mypage-contents li {
mar gin-bot tom: 20px
}

.mypage-contents li a {
font-weight: 600;
mar gin-bot tom: 6px;
display: inline-bl ock
}

.my-self Page Info {
height: 32px;
back ground-color: #fff;
padding: 6px 0 2px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
box-sizing: border-box;
mar gin: 5px auto 0;
border-radius: 8px 8px 0 0;
width: 740px
}

.my-self Page Info h1, .my-upda teArtice h1 {
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center
}

.my-self Page Info_contents {
border-top: 3px sol id #ffaf19;
back ground-color: #fff;
font-size: 12px;
padding: 16px 8px 24px;
box-sizing: border-box;
mar gin: 0 auto;
width: 740px;
border-radius: 0 0 8px 8px
}

.my-self Page Info_contents h1 {
font-size: 14px;
font-weight: 500;
mar gin: 24px 0 8px 8px
}

.my-upda teArtice_contents {
mar gin-left: 8px
}

.my-upda teArtice_title {
mar gin: 0 8px 8px 0;
display: inline-bl ock
}

.my-upda teArtice_title a {
font-weight: 600;
vert ical-align: middle
}

.my-self Page Info_detail {
width: 100%
}

.my-self Page Info_detail tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween;
padding: 0 92px 0 8px
}

.my-self Page Info_detail ul li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
back ground-color: #ffaf19;
display: inline-bl ock;
mar gin-right: 10px
}

.my-self Page Info_detail ul li:first-child {
mar gin-bot tom: 8px
}

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

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

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

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

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

.my-table_head Line-last Comment, .my-table_contents-last Comment {
width: 158px;
box-sizing: border-box;
padding-right: 8px
}

.my-table_head Line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #e6 e6 e6;
color: #4c4 c4c;
font-size: 11px;
font-weight: bold;
height: 36px;
align-it ems: center;
width: 718px
}

.my-table_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 60px;
padding: 8px 0;
border-bot tom: 1px sol id #e6 e6 e6;
align-it ems: center;
font-size: 12px;
box-sizing: border-box
}

.my-lis tS ub mit_del {
border: none;
color: #1e7dc0;
font-weight: bold;
font-size: 12px;
padding: 0;
mar gin-left: 2px;
back ground-image: url(/img/icon_check-blue.png);
back ground-repe at: no-repe at;
back ground-position-y: 2px;
padding-left: 18px;
cursor: pointer
}

.my-lis tS ub mit-sort {
border: none;
font-weight: bold;
font-size: 12px;
padding: 0;
back ground-image: url(/img/icon_sort-blue.png);
back ground-repe at: no-repe at;
back ground-position-y: -2px;
padding-left: 24px;
cursor: pointer
}

.my-position_lis tS ide-bet ween {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
just ify-content: space-bet ween
}

.my-lis tInfo_watchlis ts {
font-size: 12px;
font-weight: bold;
text-align: right;
mar gin-bot tom: 16px
}

.my-lis tS ub mit, .my-edit_art icleTitle {
mar gin-top: 8px
}

.my-table {
mar gin: 8px 0
}

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

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

.my-table_contents-createdInfo, .my-table_contents-lastRes, .my-table_contents-user Info {
mar gin-top: 4px
}

.my-edit_art icleTitle-contents {
mar gin: 0 8px 8px 0;
display: inline-bl ock
}

div .my-edit_art icleTitle-contents a {
font-weight: 600;
vert ical-align: middle;
mar gin: 0 2px 0 0
}

.my-edit_art icleTitle-contents span {
vert ical-align: middle
}

.my-homePiko_form {
mar gin-bot tom: 16px
}

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

.my-homePiko_list tr {
display: table
}

.my-homePiko_list td {
width: 140px;
overflow: hid den;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.my-homePiko _player {
border: 1px sol id #d1 d1 d1;
padding-bot tom: 12px
}

.my-homePiko _player div {
text-align: center
}

.my-homePiko_list-source {
mar gin: 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: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-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;
mar gin: 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_at tention {
mar gin-top: 16px
}

.my-homeOek aki_form {
mar gin-bot tom: 16px
}

.my-homeOek aki_list {
table-layout: fixed;
width: 720px;
mar gin: 16px 0
}

.my-homeOek aki_list tr {
display: table
}

.my-homeOek aki_list td {
width: 140px;
padding-bot tom: 16px;
display: table-cell;
vert ical-align: top
}

.my-homeOek aki_list-source {
mar gin: 0 0 4px;
max-width: 123px;
display: table;
cursor: pointer
}

.my-homeOek aki_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-align: middle
}

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

.my-homeOek aki_list-inner {
height: 32px;
mar gin: 8px 0 4px;
word-break: break-all
}

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

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

.my-homeOek aki_list-thumb {
width: 134px;
height: 134px;
border: 1px sol id #d1 d1 d1;
position: relat ive;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center
}

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

.my-homeOek aki_list-thumb div {
display: bl ock;
height: 100%;
width: 100%;
position: relat ive
}

.my-homeOek aki_list-thumb div img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bot tom: 0;
mar gin: auto
}

.my-home Art icle_form {
mar gin-bot tom: 16px
}

.my-set ting_list {
mar gin: 16px 0
}

.my-revision {
mar gin: 8px 0
}

.my-revision_head Line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #e6 e6 e6;
color: #4c4 c4c;
font-size: 11px;
font-weight: bold;
height: 36px;
align-it ems: center
}

.my-revision_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 42px;
padding: 8px 0;
border-bot tom: 1px sol id #e6 e6 e6;
align-it ems: 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%;
mar gin-bot tom: 16px
}

.my-message_head Line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #e6 e6 e6;
color: #4c4 c4c;
font-size: 11px;
font-weight: bold;
height: 30px;
align-it ems: 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-bot tom: 1px sol id #e6 e6 e6;
align-it ems: center;
font-size: 12px;
box-sizing: border-box
}

.my-oek aki_list {
table-layout: fixed;
width: 720px;
mar gin: 16px 0
}

.my-oek aki_list tr {
display: table
}

.my-oek aki_list td {
width: 140px;
padding-bot tom: 16px;
display: table-cell;
vert ical-align: top
}

.my-oek aki_list-source {
mar gin: 0 0 4px;
max-width: 123px;
display: table;
cursor: pointer
}

.my-oek aki_list-source a {
color: #999;
font-size: .9em;
font-weight: 500;
line-height: 16px;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-align: middle
}

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

.my-oek aki_list-inner {
height: 32px;
mar gin: 8px 0 4px;
word-break: break-all
}

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

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

.my-oek aki_list-thumb {
width: 134px;
height: 134px;
border: 1px sol id #d1 d1 d1;
position: relat ive;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
just ify-content: center
}

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

.my-oek aki_list-oek aki {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bot tom: 0;
mar gin: auto
}

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

.my-oek aki_list-counter img, .my-piko_list-counter img {
display: inline-bl ock;
vert ical-align: middle
}

.my-oek aki_list-counter span, .my-piko_list-counter span {
vert ical-align: middle
}

a.my-oek aki_button-sei ga {
height: 32px;
back ground-color: #fff;
border: 1px sol id #fda e32;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fda e32;
font-size: 12px;
font-weight: bold;
padding-right: 12px;
cursor: pointer;
display: bl ock;
text-align: center;
line-height: 32px;
width: 94px
}

.my-oek aki_list-buttonArea {
display: flex;
just ify-content: center;
mar gin-top: 8px
}

.my-oek aki_sei ga-text::before {
content: "";
back ground-image: url(/img/icon_arrow-post.png);
back ground-repe at: no-repe at;
width: 20px;
height: 20px;
vert ical-align: middle;
display: inline-bl ock;
padding-right: 4px
}

.my-oek aki_sei ga-text {
display: inline-bl ock;
vert ical-align: middle;
padding-left: 8px
}

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

.my-piko_list tr {
display: table
}

.my-piko_list td {
width: 140px;
overflow: hid den;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vert ical-align: top
}

.my-piko _player {
border: 1px sol id #d1 d1 d1;
padding: 32px 0 16px;
position: relat ive
}

.my-piko _player div {
text-align: center
}

.my-piko_list-source {
mar gin: 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: hid den;
text-overflow: elli ps is;
display: table-cell;
vert ical-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;
mar gin: 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;
mar gin: 0 0 5px;
border: 2px sol id #ff fcd8;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #ff fcd8;
color: #ffaf19
}

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

.oshirase-label::before {
content: "";
display: inline-bl ock;
width: 18px;
height: 18px;
back ground: url(/img/icon_info.png) no-repe at left 2px top -2px;
back ground-size: cont ain
}

.oshirase-date {
mar gin-right: 12px
}

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

.oshirase-list li {
overflow: hid den;
white-space: nowrap;
text-overflow: elli ps is
}

.oshirase-list li a {
color: #f5 8200
}

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

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

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

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

.rank-list tr {
border-bot tom: 1px sol id #d6d6d6
}

.rank-list tr:nth-of-type(2) .rank-list_no:before {
back ground-color: #f5 8200;
content: "1"
}

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

.rank-list tr:nth-of-type(4) .rank-list_no:before {
back ground-color: #ff cb2c;
content: "3"
}

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

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

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

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

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

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

.rank-list tr:nth-of-type(11) .rank-list_no:before {
back ground-color: #c5 c5 c5;
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-bot tom: 1px sol id #e6 e6 e6
}

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

.serch-area _pg {
mar gin: 16px 0
}

.search-dropdown {
cursor: pointer
}

.search-table_head Line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
back ground-color: #e6 e6 e6;
color: #4c4 c4c;
font-size: 11px;
font-weight: bold;
height: 30px;
align-it ems: center
}

.search-table_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 40px;
padding: 8px 0;
border-bot tom: 1px sol id #e6 e6 e6;
align-it ems: 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 {
back ground: url(/img/icon_nicoad-gold.png) left center/24px 24px no-repe at
}

.silver-pc .search-table_title {
back ground: url(/img/icon_nicoad-silver.png) left center/24px 24px no-repe at
}

.search-table_title a {
vert ical-align: middle
}

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

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

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

.side-kaite_it em {
display: inline-flex;
align-it ems: center;
font-size: 14px;
font-weight: bold;
mar gin-bot tom: 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-it ems: center;
mar gin-bot tom: 8px
}

.side-kaite_icon {
width: 18px;
height: 18px;
back ground-image: url(/img/hyaku-mark-40-40px.png);
mar gin-left: 1px;
display: inline-bl ock;
overflow: hid den;
text-indent: 100%;
white-space: nowrap
}

.side-kaite_icon.is-available-no-hover {
back ground-position: bot tom -1px left
}

.side-kaite_icon is-unavai lable-no-hover {
back ground-position: top -1px right -1px
}

.side-kaite_icon.is-available {
back ground-position: bot tom -1px left
}

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

.side-kaite_icon.is-unavai lable {
back ground-position: top -1px right -1px
}

.side-kaite_icon.is-unavai lable:hover {
back ground-position: bot tom -1px right -1px
}

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

.side-area_banner {
width: 298px;
mar gin: 0 0 4px 0;
back ground-color: #fff;
text-align: center;
border: 1px sol id #aaa;
border-radius: 3px;
overflow: hid den
}

div.side-news top ics_info {
border-bot tom: sol id 2px #eee;
padding: 8px 0 8px 4px;
position: relat ive;
white-space: nowrap;
overflow: hid den;
text-overflow: elli ps is
}

div.side-news top ics_info:last-child {
border: none
}

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

span.side-news top ics_comment {
font-size: 10px
}

span.side-news top ics_comments-new {
font-size: 10px;
color: #ee49 49;
font-weight: bold
}

div.twitter_nicopedia {
height: 40px;
box-sizing: border-box;
back ground-color: #fff;
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-it ems: center;
border-bot tom: 3px sol id #1da1f2;
padding: 8px 16px
}

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

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

.twitter_nicopedia p:before {
display: inline-bl ock;
content: "";
back ground: url(/img/twitter_logo.png) no-repe at;
back ground-size: cont ain;
width: 24px;
height: 24px;
mar gin: 5px 8px 0 0
}

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

.twitter-forrow {
back ground-color: #fff;
width: 300px;
border-radius: 0 0 8px 8px;
mar gin-bot tom: 8px;
padding: 12px 0 16px
}

.twitter-forrow-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 224px;
height: 32px;
back ground-color: #1da1f2;
border-radius: 4px;
mar gin: 0 auto;
just ify-content: center
}

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

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

.twitter-forrow-button div::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_twitter.png) no-repe at;
back ground-size: cont ain;
width: 18px;
height: 18px
}

.side-push word_list li, .side-prai sed_list li {
position: relat ive;
border-bot tom: 1px sol id #d6d6d6;
padding: 8px 0 9px;
display: table;
width: 268px
}

.side-push word_list li:last-child, .side-prai sed_list li:last-child {
border: none
}

.side-push word_update, .side-prai sed_update {
color: #999;
text-align: right;
mar gin-bot tom: 4px;
font-size: 11px;
letter-spacing: .06rem
}

.side-push word_title, .side-prai sed_title {
font-weight: 600;
font-size: 14px;
line-height: 1.2em;
padding-left: 8px;
max-width: 200px;
display: table-cell;
vert ical-align: middle
}

.side-push word_counter, .side-prai sed_counter {
text-align: right;
font-size: 10px;
color: #999;
line-height: 1.2em;
display: table-cell;
vert ical-align: middle;
width: 54px
}

.side-push word_counter_cl ap::before, .side-prai sed_counter_cl ap::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_hometa-gray-sm all.png) no-repe at;
back ground-size: cont ain;
width: 20px;
height: 14px
}

.side-push word_counter_comment::before, .side-prai sed_counter_comment::before {
display: inline-bl ock;
content: "";
back ground: url(/img/icon_comment-gray-sm all.png) no-repe at;
back ground-size: cont ain;
width: 20px;
height: 14px
}

.side-push word_rank, .side-prai sed_rank {
width: 20px;
font-size: 10px;
display: table-cell;
vert ical-align: middle
}

.side-push word_rank::before, .side-prai sed_rank::before {
content: " ";
display: inline-bl ock;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
color: #fff;
back ground: #d6d6d6
}

.side-push word_list li:nth-of-type(1) .side-push word_rank:before, .side-prai sed_list li:nth-of-type(1) .side-prai sed_rank:before {
back ground-color: #f5 8200;
content: "1"
}

.side-push word_list li:nth-of-type(2) .side-push word_rank:before, .side-prai sed_list li:nth-of-type(2) .side-prai sed_rank:before {
back