nd0.cssコミュ

記事編集

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

を選択して下さい。

/* init */
/* DON'T EDIT !! */
html, body, div, span, applet, object, 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;
}

/************************************/
/* hyper link */
/************************************/
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; /* todo: inherit */
text-decoration: none; /* todo: inherit */
}

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: #ff8 800;
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.button-m-white:link, a.button-m-white:visited {
text-decoration: none;
}
a.button-m-white:hover {
color: #fff;
text-decoration: none;
}

/* link icon */
a img.link-icon {
display: inline-bl ock;
vert ical-align:middle;
}

/************************************/
/* layout tag */
/************************************/
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: #333 url('img/top line36.gif') repe at center bot tom;*/
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;
}

#banner-top {
width: 468px;
height: 60px;
border: 1px sol id #303030;
mar gin: 0 auto;
back ground-color: #d0d0d0;
float: right;
mar gin-top: 10px;
mar gin-right: 15px;
}

#banner-side {
width: 300px;
height: 224px;
border: 1px sol id #303030;
back ground-color: #d0d0d0;
mar gin-bot tom: 5px;
mar gin-left: -1px;
}

#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;
}

.no-border {
mar gin: 0;
padding: 0;
border: none;
}

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

/* art icles */

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

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

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

img.menu-border {
width: 300px;
height: 5px;
display: bl ock;
mar gin-bot tom: 5px;
}

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: 0.7em;
padding-left: 36px;
color: #666;
}

div.left-box {
font-size: 0.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.main-area { /* 改修後 */
font-size: 0.9em;
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 .premium-btn-m {
font-weight: bold;
color: #60 3000;
height: 38px;
border-style: none;
back ground-color: #fff;
back ground-image: url(/img/premium_btn_m.gif);
mar gin: 5px 0px;
padding: 0px 10px;
text-align: center;
font-size: 18px;
}

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: 0.9rem;
}

div.left-edit {
font-size: 0.9em;
back ground-color:#fff;
padding: 0;
line-height: 1.35;
}

div.community-bbs {
font-size: 0.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;
}

div.overflow-title {
width: 588px;
overflow: hid den;
white-space: nowrap;
}

span.overflow-comment {
color: #888;
}

td.overflow-date {
width: 104px;
vert ical-align: top;
}

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: 0.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 ccc dotted;
mar gin: 2px 0 0;
padding-top: 2px;
}

div.art icle ul.dev-blog {
padding: 0 0 0 20px;
border-top: #ccc ccc dotted 1px;
}

div.content ul.word-blog {
padding: 0 0 0 20px;
font-size: 0.85 em;
width: 950px;
overflow: hid den;
}

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

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

body#tin ym ce sub, div.art icle sub, div.content sub {
font-size: 0.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: 0.2em 1px 0.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: 0.1em 2px 0.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: 0.1em 3px 0.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: 0.1em 4px 0.2em 3px;
}

body#tin ym ce h6, div.art icle h6, div.content h6 {
font-size: 0.8em;
line-height: 1.2;
border-bot tom: 1px sol id #8cc 700;
font-weight: normal;
mar gin: 0.1em 5px 0.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 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;
}

table#nicopedia-art icle-text area_tbl td.mc eI frameCont ainer {
padding: 0px;
border: 0px 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: 0.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.menulist td.lm {
width: 125px;
text-align: right;
}

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: 0.7em 0 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: 0.2em 0 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: 0.2em 0 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: 0.7em 0 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: 0.2em 0 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: 0.2em 0 0.1em 12px;
list-style:lower-alpha outs ide;
line-height: 1.55;
}

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

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

/* bbs */
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: #008800;
font-weight: bold;
}
dt.reshead .trip {
color: #008800;
}
.resform input.textbox, .resform text area {
color: #333;
back ground-color: #ff fc fc;
border: 1px sol id #333;
}

/* wikipedia */
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;
}

table.oek aki-list {
mar gin: 0 auto 10px auto;
table-layout: fixed;
width: 720px;
}

table.oek aki-list td {
width:140px;
font-size: 0.8em;
overflow: hid den;
padding: 1px;
}

#floatPanelCont ents {
width: 300px;
color: #666 666;
font-size: 0.8em;
text-align: left;
mar gin-bot tom: 5px;
height: 714px;
}

div.res_p rev iew_error {
font-size: 0.8em;
color: #ff0000;
}

div.res_p rev iew_warning {
font-size: 0.8em;
color: #cc9900;
}

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

/* flog css */

#flog-div a:link, #flog-div a:visited
{
color: #0066cc;
text-decoration: none;
}

#flog-div a.entry_domain:link, #flog-div a.entry_domain:visited, #flog-div a.entry_domain:hover, #flog-div a.entry_domain:visited:hover
{
color: #666;
text-decoration: none;
}

#flog-div a:link:hover, #flog-div a:visited:hover
{
color: #ff8 800;
text-decoration: underline;
}

#flog-div #entry {
width: 255px;
font-size:12px;
mar gin-left: 10px;
}

#flog-div .entry_art icle {
line-height: 1.2em;
}

#flog-div .entry_comment {
line-height: 1.4em;
mar gin-bot tom: 15px;
border-bot tom-width: 1px;
border-bot tom-style: dotted;
border-bot tom-color: #CCC CCC;
padding-bot tom: 5px;
}

#flog-div .entry_hit {
font-size: 11px;
color: #333 333;
text-align: right;
}

/* nico video thumbnails */
if rame.nico video {
width: 312px;
height: 176px;
border:sol id 1px #ccc;
}

if rame.nico ichiba {
width: 155px;
height: 260px;
border:sol id 1px #ccc;
}

if rame.nico ichiba2 {
width: 312px;
height: 210px;
border:1px sol id #ccc;
/* mar gin-bot tom:5px; */
}

div .nicothumb {
width: 304px; /* 312 - 4 - 4 */
height: 168px; /* 176 - 4 - 4 */
border:sol id 1px #ccc;
font-fa mily:'ヒラギノ角ゴ Pro W3','Hira gino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
back ground:#F7F7F7;
color:#333;
mar gin:0;
padding:4px;
overflow: hid den;
line-height: 0;
display: inline-bl ock;
}

div .nicothumb p {
mar gin: 0;
}
div .nicothumb td {
padding: 4px;
border: none;
vert ical-align: top;
}
div .nicothumb a {
line-height: 0;
}
div.community_tpl div.logo p {
line-height: 0;
}
div .nicothumb h3 {
back ground: none;
border-bot tom: none;
mar gin: 0;
padding: 0;
}

div.ichibat humb {
width: 155px;
height: 260px;
border:sol id 1px #ccc;
font-fa mily:'ヒラギノ角ゴ Pro W3','Hira gino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
overflow: hid den;
line-height: 1;
display: inline-bl ock;
}

/* chart placeholder */
#art icle_chart {
width: 720px;
height: 120px;
}

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

#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: white;
back ground-color: #474747;
}

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

.popupMenu li.disabled a {
cursor: default;
}

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

.popupMenu li.zero {
width: 0px;
}
.popupMenu li.dbl {
float: right;
width: 240px;
text-align: right;
border-top: light gray 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;
}

.tp-PushWord .sw-Column_List>li:nth-of-type(6) {
padding: 6px 0 4px 0 !impo rta nt;
}
/* Google Ads */
div.adsense {
border-width: 1px 0px;
border-style: dotted;
border-color: #CCC CCC;
padding: 3px 0 0 0;
}

div.adsense-728 {
width: 740px;
overflow: hid den;
mar gin:0 0 0 -4px;
}

a.adsbygoogle {
color: white;
back ground-color: #06c;
padding: 3px;
}

a.adsense-link {
font-weight: bold;
}

a.adsense-url {
color: #008000;
}

/* snn */
.snnranking bar{
height: 28px;
back ground-image: url(/img/snnranking bar.png);
font-size: 15px;
color: #666;
padding-left: 13px;
line-height: 32px;
}
.snnranking{
border: 1px sol id #B3B 3B3;
width: 300px;
mar gin-bot tom: 5px;
}
ul.snnranking li a{
color: #333;
font-weight: normal;
}

ul.snnranking li a:hover{
color: #11827C;
font-weight: normal;
}

.snnrank1{
back ground: url(/img/snn1.png) no-repe at ;
back ground-position: 0px 6px;
line-height: 17px;
font-size: 12px;
min-height: 30px;
border-bot tom: 1px sol id #BBB;
padding: 5px 3px 3px 30px;
}
.snnran k2{
back ground: url(/img/snn2.png) no-repe at ;
back ground-position: 0px 6px;
line-height: 17px;
font-size: 12px;
min-height: 30px;
border-bot tom: 1px sol id #BBB;
padding: 5px 3px 3px 30px;
}
.snnran k3{
back ground: url(/img/snn3.png) no-repe at ;
back ground-position: 0px 6px;
line-height: 17px;
font-size: 12px;
min-height: 30px;
border-bot tom: 1px sol id #BBB;
padding: 5px 3px 3px 30px;
}
.snnran k4{
back ground: url(/img/snn4.png) no-repe at ;
}
.snnran k5{
back ground: url(/img/snn5.png) no-repe at ;
}
.snnrank6{
back ground: url(/img/snn6.png) no-repe at ;
}
.snnrank7{
back ground: url(/img/snn7.png) no-repe at ;
}
.snnrank8{
back ground: url(/img/snn8.png) no-repe at ;
}
.snnrank9{
back ground: url(/img/snn9.png) no-repe at ;
}
.snnrank10{
back ground: url(/img/snn10.png) no-repe at ;
}
.snnran k4,
.snnran k5,
.snnrank6,
.snnrank7,
.snnrank8,
.snnrank9,
.snnrank10{
back ground-position: 0px 6px;
line-height: 17px;
font-size: 12px;
min-height: 25px;
border-bot tom: 1px sol id #BBB;
padding: 5px 3px 3px 30px;
}
.snnranking li:last-child{
border: none;
}
#snnranking a{
color: #5f5 f5f;
text-decoration: none;
}

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; /* 36は共通ヘッダの高さ */
}
#flogbox {
/*height: 612px;*/
}
#LEFT_AD_ELEM ENT img {
float: right;
padding: 165px 0 0 0;
}
#RIGHT_AD_ELEM ENT img{
padding: 165px 0 0 0;
}

div.dfn gwiki {
height: 38px;
}
#dfn gwiki_box {
width: 296px;
mar gin-left: 2px;
height: 220px;
overflow-y: scroll;
overflow-x: hid den;
}
div.dfn gwiki_i {
border-bot tom: dashed 1px #ccc;
height: 32px;
line-height: 16px;
font-weight:bold;
padding: 5px 0 5px 6px;
position: relat ive;
}

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

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

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

#mypage-menu > ul > li{
padding-top: 1.2em;
}

#mypage-menu > ul > li:first-child{
padding-top: 0;
}

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

.share-sns-buttons {
display: inline-bl ock;
}
.share-sns-buttons-twitter {
width: 75px;
}
.share-sns-buttons-facebook {
width: 72px;
}
.share-sns-buttons-hatena {
width: 84px;
}
.share-sns-buttons-gplus {
width: 32px;
}
.share-sns-buttons-mast don {
width: 5em;
height: 1.6em;
white-space: nowrap;
overflow: hid den;
text-align: center;
back ground-color: #2588d0;
border-radius: 2px;
padding: 0px 8px 0px 10px;
border: none;
position: relat ive;
font-size: 0.8em;
}

.sw-Column_List > li {
counter-increm ent: rank-label 1;
}
.sw-Column_List > li:before {
content: ' ';/*counter(rank-label);*/
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;
}

.nicodic-oshirase-label {
back ground: #8EC5 25;
display: inline-flex;
vert ical-align: top;
color: #fff;
padding: 5px 0 0 8px;
width: 12%;
}

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

.nicodic-oshirase-list {
padding: 3px 10px;
line-height: 18px;
white-space: nowrap;
overflow: hid den;
width: 88 %;
back ground-color: #fff;
}

.nicodic-oshirase-list > li {
overflow: hid den;
text-overflow: elli ps is;
}

/*----- 間隔(共通) -----*/
.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,0.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,0.2);
padding: 5px;
}

.tag-edit-form-login {
back ground: #FFF;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}

#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);
}