MediaWiki:Common.css
提供：ゆずの鉄旅のーと Yuznote
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
1 /* ここに記述したCSSはすべての外装に反映されます */
2 /* Common CSS for all skins */
3
4 /*<source lang="css">*/
5
6
7 /* さくらのレンタルサーバ Webフォント
8 * https://help.sakura.ad.jp/206134982/
9 * https://www.sakura.ne.jp/function/webfont/
10 */
11 body {
12 counter-reset: annotated annotate;
13 font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
14 scroll-behavior: unset;
15 color: #111;
16 }
17 b {
18 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Arial, "UD新ゴ コンデンス90 M", "UD Shin Go Conde90 M";
19 }
20 dt {
21 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Arial, "じゅん 201", "Jun 201";
22 margin-top: 0.25em;
23 }
24 h1 {
25 font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ W4 JIS2004", "Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Arial;
26 }
27 h2 {
28 clear: both;
29 }
30 h2, h3, h4, h5, h6 {
31 margin-top: 0.4em;
32 margin-bottom: 0.2em;
33 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Arial;
34 }
35 DIV.yjshopping P.yjshoppingname A {
36 font-family: Arial, "丸フォーク M", "Maru Folk Medium", "ヒラギノ丸ゴ Pro";
37 }
38
39 /* 均等割り付け */
40 p, dd {
41 text-align: justify;
42 }
43
44 /* リンク下線無し */
45 a {
46 text-decoration: none;
47 }
48 a:hover {
49 text-decoration: underline;
50 }
51
52 /* TOC (Tweeki) */
53 @media screen .toc, #toc, .toclevel-2 {
54 display: block;
55 }
56 /*
57 #tweekiTOC #toc ul > li > ul {
58 display: block;
59 }
60 */
61 @media screen #tweekiTOC #toc ul > li a {
62 color: #555;
63 }
64 #tweekiTOC #toctitle h2, #tweekiTOC .toctitle h2 {
65 margin-top: 0;
66 }
67
68 /* Google Searchbox */
69 .gsc-control-cse {
70 background-color: transparent;
71 }
72
73 /* ページ見出し */
74 h1.firstHeading {
75 line-height: 1.2;
76 }
77
78 /* Extension: SubTranslate */
79 H1 SPAN.targetlang {
80 font-size: smaller;
81 }
82
83 h2 {
84 border-bottom: 1px solid #888;
85 }
86
87 h3::before {
88 color: #666;
89 content: "▶ ";
90 }
91 /* h3::after {
92 color: #666;
93 content: " ◀";
94 } */
95
96 h4 {
97 margin-top: 0.8em;
98 font-weight: bold;
99 }
100 h4::before {
101 color: #777;
102 content: "◤ ";
103 }
104 h4::after {
105 color: #777;
106 content: " ◢";
107 }
108
109 /* ruby */
110 rt {
111 line-height: 8px;
112 margin-bottom: -0.5em;
113 // transform: translateY(0.5em);
114 }
115
116 /* annotation */
117 SPAN.annotated {
118 white-space: nowrap;
119 }
120 SPAN.annotated-repeat {
121 counter-increment: annotated -1;
122 }
123 SPAN.annotated::after {
124 counter-increment: annotated;
125 content: counter(annotated);
126 }
127 DIV.annotate {
128 font-size: smaller;
129 margin: 0.5em 0.5em 0.5em 2em;
130 text-indent: -2em;
131 }
132 DIV.annotate::last-of-type {
133 margin: 0.5em 0.5em 1em 2em;
134 }
135 DIV.annotate::before {
136 counter-increment: annotate;
137 content: "※" counter(annotate) " ";
138 }
139
140 /* reflinks */
141 DIV.reflinks, DIV.mw-references-wrap {
142 font-size: smaller;
143 }
144
145 /* 装飾 */
146 .underline-yellow {
147 background: linear-gradient(transparent 80%, #ff0 0);
148 background-size: auto 1.1em;
149 }
150
151 /* リストの最後に行間を空ける */
152 .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-ltr dl {
153 margin-bottom: 0.7em;
154 }
155
156 /* （Q&A用）DDの最初の行に ⇒ を付ける */
157 .mw-content-ltr dl dd {
158 margin-left: 0em;
159 padding-left: 2em;
160 }
161 .mw-content-ltr dl dt+dd {
162 text-indent: -1em;
163 }
164 .mw-content-ltr dl dt+dd:before {
165 color: #444;
166 content: "⇒";
167 }
168
169 /* wikitable/prettytable class for skinning normal tables */
170 table.wikitable,
171 table.prettytable {
172 margin: 1em 1em 1em 0;
173 background: #f9f9f9;
174 border: 1px #aaa solid;
175 border-collapse: collapse;
176 }
177
178 table.wikitable th, table.wikitable td,
179 table.prettytable th, table.prettytable td {
180 border: 1px #aaa solid;
181 padding: 0.2em;
182 }
183
184 table.wikitable th,
185 table.prettytable th {
186 background: #f2f2f2;
187 text-align: center;
188 }
189
190 table.wikitable caption,
191 table.prettytable caption {
192 margin-left: inherit;
193 margin-right: inherit;
194 }
195
196 /* Infobox */
197 .infobox {
198 border: 1px solid #a2a9b1;
199 background-color: #f8f9fa;
200 color: black;
201 margin: 0 0 0.5em 1em;
202 padding: 0.2em;
203 float: right;
204 clear: right;
205 text-align: left;
206 font-size: 88%;
207 line-height: 1.5em;
208 }
209 .infobox caption {
210 margin-top: 0;
211 padding: 0.5em;
212 font-size: 125%;
213 font-weight: bold;
214 text-align: center;
215 color: #000;
216 caption-side: top;
217 }
218 .infobox td,
219 .infobox th {
220 padding: 0.2em 0.5em 0.2em 0.5em;
221 vertical-align: top;
222 }
223 .infobox.bordered {
224 border-collapse: collapse;
225 }
226 .infobox.bordered td,
227 .infobox.bordered th {
228 border: 1px solid #a2a9b1;
229 }
230 .infobox.bordered .borderless td,
231 .infobox.bordered .borderless th {
232 border: 0;
233 }
234
235 .infobox.sisterproject {
236 width: 20em;
237 font-size: 90%;
238 }
239
240 /* styles for bordered infobox with merged rows */
241 .infobox.bordered .mergedtoprow td,
242 .infobox.bordered .mergedtoprow th {
243 border: 0;
244 border-top: 1px solid #a2a9b1;
245 /* @noflip */
246 border-right: 1px solid #a2a9b1;
247 }
248
249 .infobox.bordered .mergedrow td,
250 .infobox.bordered .mergedrow th {
251 border: 0;
252 /* @noflip */
253 border-right: 1px solid #a2a9b1;
254 }
255
256 /* Template:Tag */
257 .mw-highlight .nt {
258 color: #008000;
259 font-weight: bold;
260 }
261 code, .mw-code {
262 color: #000000;
263 }
264
265 /* Console */
266 PRE.console {
267 border: none;
268 padding: 0.5em;
269 margin-left: 1em;
270 background-color: #000;
271 line-height: 110%;
272 color: #fff;
273 overflow: scroll;
274 }
275
276 /* code */
277 PRE.code {
278 border: thin dashed #aa0;
279 padding: 0.5em;
280 margin-left: 1em;
281 background-color: #ffd;
282 line-height: 110%;
283 color: #000;
284 overflow: scroll;
285 }
286
287 /* Category for Tweeki skin */
288 #catlinks { display: block; }
289
290 /* Content body */
291 #mw-content-text {
292 font-size: 120%;
293 }
294
295 /* [[w:MediaWiki:Common.css]] 2018年8月25日 (土) 14:38 (UTC) より一部転記 */
296 /* for message boxes */
297 table.mbox {
298 margin: 3px 10%;
299 border-collapse: collapse;
300 border: 1px solid #aaa;
301 background: #DFE8FF; /* Default "notice" blue */
302 }
303 th.mbox-text, td.mbox-text { /* The message body cell(s) */
304 border: none;
305 padding: 0.25em 0.9em; /* 0.9em left/right */
306 width: 100%; /* Make all mboxes the same width regardless of text length */
307 font-size: 90%;
308 }
309 td.mbox-icon { /* The left image cell */
310 border: none;
311 padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
312 text-align: center;
313 font-size: 64px;
314 }
315 td.mbox-imageright { /* The right image cell */
316 border: none;
317 padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
318 text-align: center;
319 font-size: 64px;
320 }
321 td.mbox-empty-cell { /* An empty narrow cell */
322 border: none;
323 padding: 0px;
324 width: 1px;
325 }
326 /* rounded icon for Template:Sidebox */
327 .mbox-image IMG {
328 border-radius: 8px;
329 }
330
331 /* These mbox-small classes must be placed after all other
332 ambox/tmbox/ombox etc classes. "body.mediawiki" is so
333 they override "table.ambox + table.ambox" above. */
334 body.mediawiki table.mbox-small { /* For the "small=yes" option. */
335 clear: right;
336 float: right;
337 margin: 4px 0 4px 1em;
338 width: 238px;
339 font-size: 88%;
340 line-height: 1.25em;
341 }
342 body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
343 margin: 4px 1em 4px 0;
344 width: 238px;
345 border-collapse: collapse;
346 font-size: 88%;
347 line-height: 1.25em;
348 }
349 th.mbox-text, td.mbox-text { /* The message body cell(s) */
350 border: none;
351 padding: 0.5em 1em; /* 1em left/right */
352 width: 100%; /* Make all mboxes the same width regardless of text length */
353 font-size: 90%;
354 }
355 td.mbox-image { /* The left image cell */
356 border: none;
357 padding: 2px 0 2px 1em; /* 0.9em left, 0px right */
358 text-align: center;
359 }
360 td.mbox-imageright { /* The right image cell */
361 border: none;
362 padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
363 text-align: center;
364 }
365 td.mbox-empty-cell { /* An empty narrow cell */
366 border: none;
367 padding: 0px;
368 width: 1px;
369 }
370
371 /* 本文の字下げ（最初の行を除く） */
372 DIV.mw-content-ltr P {
373 text-indent: 1em;
374 }
375 DIV.mw-content-ltr P:first-of-type {
376 text-indent: 0;
377 }
378 /* Font Awesome への干渉を防ぐ */
379 I.fa, I.fab, I.fad, I.fal, I.far, I.fas {
380 text-indent: 0;
381 }
382
383 /* httpsの外部リンクアイコンを錠ではなく通常のものに変更する */
384 /* #content a.external[href^="https://"], .link-https {
385 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") center right no-repeat;
386 background: url("/resources/src/mediawiki.skinning/images/external-ltr.png") center right no-repeat!ie;
387 padding-right: 13px;
388 } */
389 /* 外部リンクアイコンを画像ではなく文字に変更する */
390 #content a.external::after, .link-http::after, .link-https::after {
391 color: #44f;
392 font-size: 80%;
393 content: "🔗";
394 }
395 #content a.external, #content a.external[href^="https://"], .link-http, .link-https {
396 background: none;
397 padding-right: 0;
398 }
399
400 /* Extension:CloudImage */
401 IMG.cimg {
402 max-width: 100%;
403 height: auto;
404 }
405 FIGURE.cimg {
406 clear: both;
407 margin: 2px;
408 border: 1px solid #c8ccd1;
409 background-color: #f8f9fa;
410 font-size: 94%;
411 text-indent: 0;
412 }
413 FIGCAPTION.cimgcaption {
414 padding: 2px;
415 text-align: left;
416 white-space: pre-wrap;
417 }
418 DIV.mw-content-ltr P IFRAME.cimg {
419 margin-left: -1em;
420 }
421
422 /* Extension:ClipBox */
423 .clipbox {
424 font-size: 16px;
425 color: #333;
426 margin-bottom: 0.5em;
427 // display: flex;
428 gap: 5px;
429 align-items: center;
430 }
431
432 .clipbox input {
433 padding: 7px 0;
434 text-align: center;
435 border-radius: 5px;
436 font-size:14px;
437 letter-spacing:1px;
438 }
439
440 .clipbox button {
441 font-size: 16px;
442 padding: 9px;
443 border-radius: 5px;
444 color:#444;
445 }
446
447 .clipbox button:hover {
448 opacity: 0.8;
449 }
450
451 /* for IPv6 Ready */
452 DIV#ipv6ready {
453 margin-bottom: 1em;
454 text-align: center;
455 width: 100%;
456 font-size: 75%;
457 white-space: nowrap;
458 line-height: 100%;
459 color: #444;
460 }
461
462 DIV#ipv6ready SPAN#ready {
463 background-color: #5af;
464 opacity: 0.8;
465 border-radius: 2px;
466 padding: 4px;
467 margin: 0;
468 color: #fff;
469 }
470
471 DIV#ipv6ready SPAN#ip {
472 background-color: #eee;
473 opacity: 0.8;
474 border: 1px solid #666;
475 border-radius: 2px;
476 padding: 3px;
477 margin: 0;
478 color: #333;
479 font-weight: bold;
480 }
481
482 DIV#ipv6ready A {
483 color: #000;
484 text-decoration: none;
485 }
486
487 /* Extension:YJShopping */
488 DIV.yjshopping {
489 clear: both;
490 width: 100%;
491 min-height: 200px;
492 margin: 0 0 0.5em 0;
493 padding: 0.5em;
494 border: 1px solid #444;
495 overflow: hidden;
496 }
497 DIV.yjshopping IMG.yjshoppingimg {
498 float: left;
499 margin: 0.1em 1em 0.1em 0.1em;
500 }
501 DIV.yjshopping P.yjshoppingname {
502 margin: 0;
503 font-size: 90%;
504 text-indent: 0;
505 }
506 DIV.yjshopping P.yjshoppingstore::before {
507 background-color: #bbb;
508 border-radius: 10%;
509 color: #fff;
510 padding: 0 0.5em 0 0.5em;
511 margin-right: 0.5em;
512 content: "広告";
513 }
514 DIV.yjshopping P.yjshoppingstore {
515 margin: 0;
516 font-size: 80%;
517 text-indent: 0;
518 }
519 DIV.yjshopping UL {
520 margin: 0;
521 }
522 DIV.yjshopping UL LI {
523 display: inline-block;
524 text-align: center;
525 list-style: none;
526 font-size: 85%;
527 width: 10em;
528 margin: 0.2em;
529 padding: 0.2em 0.5em 0.2em 0.5em;
530 border-radius: 0.5em;
531 white-space: nowrap;
532 }
533 DIV.yjshopping UL LI A {
534 color: #fff;
535 }
536 DIV.yjshopping UL LI.shoplinkyahoo {
537 background-color: #f55;
538 }
539 DIV.yjshopping UL LI.shoplinkpaypaymall {
540 background-color: #982;
541 }
542 DIV.yjshopping UL LI.shoplinkamazon {
543 background-color: #f90;
544 }
545 DIV.yjshopping UL LI.shoplinkrakuten {
546 background-color: #c00;
547 }
548 DIV.yjshopping UL LI.shoplinkbiccamera {
549 background-color: #e01;
550 }
551 DIV.yjshopping UL LI.shoplinksofmap {
552 background-color: #16f;
553 }
554 DIV.yjshopping UL LI.shoplinksofmapused {
555 background-color: #3ba;
556 }
557 DIV.yjshopping UL LI.shoplinknaturum {
558 background-color: #084;
559 }
560 DIV.yjshopping UL LI.shoplinkhonto {
561 background-color: #4af;
562 }
563 DIV.yjshopping UL LI.shoplinkebookjapan {
564 background-color: #f46;
565 }
566 DIV.yjshopping UL LI.shoplink7net {
567 background-color: #153;
568 }
569 DIV.yjshopping UL LI.shoplinkiyec {
570 background-color: #153;
571 }
572 DIV.yjshopping UL LI.shoplinkwowma {
573 background-color: #f71;
574 }
575 DIV.yjshopping UL LI.shoplinknttxstore {
576 background-color: #06a;
577 }
578 DIV.yjshopping UL LI.shoplinkhikaritv {
579 background-color: #e70;
580 }
581 DIV.yjshopping UL LI.shoplinkqoo10 {
582 background-color: #5af;
583 }
584 DIV.yjshopping UL LI.shoplinkanker {
585 background-color: #2ae;
586 }
587 DIV.yjshopping UL LI.shoplinkmercari {
588 background-color: #f00;
589 }
590 DIV.yjshopping UL LI.shoplinkkakakucom {
591 background-color: #02d;
592 }
593
594 /* Extension:AmazonSearch */
595 DIV.amazonsearch {
596 clear: both;
597 width: 100%;
598 min-height: 180px;
599 margin: 0 0 0.5em 0;
600 padding: 0.5em;
601 border: 1px solid #444;
602 overflow: hidden;
603 }
604 DIV.amazonsearch IMG.amazonsearchimg {
605 float: left;
606 margin: 0.1em 1em 0.1em 0.1em;
607 }
608 DIV.amazonsearch P.amazonsearchname {
609 margin: 0;
610 font-size: 90%;
611 text-indent: 0;
612 }
613 DIV.amazonsearch P.amazonsearchauthor::before {
614 background-color: #bbb;
615 border-radius: 10%;
616 color: #fff;
617 padding: 0 0.5em 0 0.5em;
618 margin-right: 0.5em;
619 content: "広告";
620 }
621 DIV.amazonsearch P.amazonsearchauthor {
622 margin: 0;
623 font-size: 80%;
624 text-indent: 0;
625 }
626 DIV.amazonsearch UL {
627 margin: 0;
628 }
629 DIV.amazonsearch UL LI {
630 display: inline-block;
631 text-align: center;
632 list-style: none;
633 font-size: 90%;
634 width: 12em;
635 margin: 0.2em;
636 padding: 0.2em 0.5em 0.2em 0.5em;
637 border-radius: 0.5em;
638 white-space: nowrap;
639 }
640 DIV.amazonsearch UL LI A {
641 color: #fff;
642 }
643 DIV.amazonsearch UL LI.shoplinkamazon {
644 background-color: #f90;
645 }
646
647 /* Extension:Yado */
648 DIV.yado {
649 clear: both;
650 width: 100%;
651 margin: 0 0 0.5em 0;
652 padding: 0.5em;
653 border: 1px solid #666;
654 }
655 DIV.yado P {
656 text-indent: 0;
657 }
658 DIV.yado IMG.yadoimg {
659 margin: 0.1em 0.5em 0.1em 0.1em;
660 width: 180px;
661 }
662 DIV.yado P.yadoname {
663 margin: 0;
664 font-size: 90%;
665 }
666 DIV.yado P.yadospecial {
667 margin: 0.2em 0 0 1em;
668 font-size: 72%;
669 }
670 DIV.yado-rate {
671 display: inline;
672 margin: 0;
673 text-align: center;
674 white-space: nowrap;
675 }
676 PRE.yado-rate-mark {
677 display: inline-block;
678 white-space: nowrap;
679 overflow: hidden;
680 margin: 0.5em auto;
681 line-height: 20px;
682 width: 80px;
683 font-size: 16px;
684 background: none;
685 border: none;
686 }
687 PRE.yado-rate-mark SPAN.yado-rate-mark-back {
688 display: inline-block;
689 position: absolute;
690 }
691 PRE.yado-rate-mark SPAN.yado-rate-mark-back::after {
692 content: '★★★★★';
693 color: #ddd;
694 }
695 PRE.yado-rate-mark SPAN.yado-rate-mark-front {
696 display: inline-block;
697 position: relative;
698 }
699 PRE.yado-rate-mark SPAN.yado-rate-mark-front::after {
700 content: '★★★★★';
701 overflow: hidden;
702 display: inline-block;
703 color: orange;
704 }
705 P.yado-rate-score {
706 display: inline;
707 line-height: 18px;
708 font-size: 16px;
709 white-space: nowrap;
710 }
711 DIV.yado P.yadostation {
712 display: inline;
713 margin: 0.5em 0 0 1.5em;
714 font-size: 16px;
715 }
716
717 /* Infobox 鉄道駅 */
718 .infobox_railstation {
719 width: 300px;
720 margin-top: 0;
721 font-size: small;
722 border: 0px none white;
723 }
724 .infobox_railstation TH, .infobox.bordered .infobox_railstation TH {
725 text-align: justify;
726 -moz-text-align-last: justify;
727 text-align-last: justify;
728 text-justify: inter-character;
729 }
730 .infobox_railstation_icon {
731 float: left;
732 margin: 1px;
733 border: none;
734 }
735 .infobox_railstation_floaticon {
736 float: right;
737 margin: 1px;
738 border: none;
739 }
740
741 /* 懐かしい風味の小さな駅名標 */
742 .stationsign_small {
743 width: 300px;
744 margin-top: 0;
745 font-size: normal;
746 border: 1px solid #888;
747 border-collapse: separate;
748 border-spacing: 0;
749 background-color: #fff;
750 }
751 .stationsign_small CAPTION {
752 caption-side: top;
753 margin-top: 0;
754 padding-top: 0.2em;
755 text-align: left;
756 border: none;
757 }
758 .stationsign_small TD, .infobox.bordered .stationsign_small TD {
759 border: none;
760 }
761 .stationsign_small TD.ss_kanji {
762 text-align: center;
763 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
764 font-weight: bolder;
765 font-size: larger;
766 letter-spacing: 0.5em;
767 }
768 .stationsign_small TD.ss_kana {
769 text-align: center;
770 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
771 font-weight: normal;
772 font-size: small;
773 }
774 .stationsign_small TD.ss_addr {
775 text-align: center;
776 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
777 font-weight: normal;
778 font-size: x-small;
779 }
780 .stationsign_small .ss_lb_left_tr {
781 width: 0;
782 height: 0;
783 border-top: 5px solid transparent;
784 border-left: 15px solid transparent;
785 border-right: 15px solid #000;
786 border-bottom: 5px solid transparent;
787 }
788 .stationsign_small .ss_lb_line {
789 border-top: 4px solid #fff;
790 border-bottom: 4px solid #fff;
791 background-color: #000;
792 }
793 .stationsign_small .ss_lb_right_tr {
794 width: 0;
795 height: 0;
796 border-top: 5px solid transparent;
797 border-left: 15px solid #000;
798 border-right: 15px solid transparent;
799 border-bottom: 5px solid transparent;
800 }
801 .stationsign_small .ss_lb_left {
802 width: 135px;
803 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
804 font-weight: normal;
805 font-size: small;
806 text-align: left;
807 border-right: 2px solid #000;
808 padding-bottom: 2px;
809 }
810 .stationsign_small .ss_lb_right {
811 width: 135px;
812 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
813 font-weight: normal;
814 font-size: small;
815 text-align: right;
816 padding-bottom: 2px;
817 }
818 .stationsign_small A {
819 color: #000;
820 }
821
822 /* 懐かしい風味の駅名標・幅広（隣駅リンク用） */
823 .stationsign_wide {
824 clear: both;
825 width: 100%;
826 margin-top: 0;
827 font-size: normal;
828 border: 1px solid #888;
829 border-collapse: separate;
830 border-spacing: 0;
831 background-color: #fff;
832 }
833 .stationsign_wide CAPTION {
834 caption-side: top;
835 margin-top: 0;
836 padding-top: 0.2em;
837 text-align: left;
838 border: none;
839 }
840 .stationsign_wide TD, .infobox.bordered .stationsign_wide TD {
841 border: none;
842 }
843 .stationsign_wide TD.ss_kanji {
844 text-align: center;
845 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
846 font-weight: bolder;
847 font-size: larger;
848 letter-spacing: 0.5em;
849 }
850 .stationsign_wide TD.ss_kana {
851 text-align: center;
852 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
853 font-weight: normal;
854 font-size: small;
855 }
856 .stationsign_wide TD.ss_addr {
857 text-align: center;
858 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
859 font-weight: normal;
860 font-size: x-small;
861 }
862 .stationsign_wide .ss_lb_left_tr {
863 width: 0;
864 height: 0;
865 border-top: 5px solid transparent;
866 border-left: 15px solid transparent;
867 border-right: 15px solid #000;
868 border-bottom: 5px solid transparent;
869 }
870 .stationsign_wide .ss_lb_line {
871 border-top: 4px solid #fff;
872 border-bottom: 4px solid #fff;
873 background-color: #000;
874 }
875 .stationsign_wide .ss_lb_right_tr {
876 width: 0;
877 height: 0;
878 border-top: 5px solid transparent;
879 border-left: 15px solid #000;
880 border-right: 15px solid transparent;
881 border-bottom: 5px solid transparent;
882 }
883 .stationsign_wide .ss_lb_left_tre, .stationsign_wide .ss_lb_right_tre {
884 width: 30px;
885 height: 0;
886 border-top: 4px solid #fff;
887 border-left: none;
888 border-bottom: 4px solid #fff;
889 border-right: none;
890 background-color: #000;
891 }
892 .stationsign_wide .ss_lb_left {
893 width: 135px;
894 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
895 font-weight: normal;
896 font-size: small;
897 text-align: left;
898 border-right: 2px solid #000;
899 padding-bottom: 2px;
900 }
901 .stationsign_wide .ss_lb_right {
902 width: 135px;
903 font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
904 font-weight: normal;
905 font-size: small;
906 text-align: right;
907 padding-bottom: 2px;
908 }
909 .stationsign_wide A {
910 color: #000;
911 }
912
913 /* 駅名標 */
914 DIV.stationsign {
915 clear: both;
916 position: relative;
917 }
918 /* 駅名標（JR東仕様） */
919 TABLE.stationsign_jre {
920 width: 100%;
921 border: 1px solid #000;
922 border-radius: 0.2em;
923 border-collapse: separate;
924 border-spacing: 0;
925 font-family: "Helvetica", "Shin Go Bold", "Shin Go Medium", "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
926 }
927 TABLE.stationsign_jre TD {
928 margin: 0;
929 padding: 0;
930 border: none;
931 }
932 TABLE.stationsign_jre TD.ss_kanji {
933 text-align: center;
934 font-weight: bolder;
935 font-size: 36px;
936 letter-spacing: 0.5em;
937 }
938 TABLE.stationsign_jre TD.ss_kana {
939 text-align: center;
940 font-weight: bold;
941 font-size: 20px;
942 letter-spacing: 0.1em;
943 }
944 TABLE.stationsign_jre TD.ss_lb_left_tr {
945 width: 0;
946 height: 0;
947 border-top: 20px solid transparent;
948 border-left: 40px solid transparent;
949 border-right: 40px solid green;
950 border-bottom: 20px solid transparent;
951 }
952 TABLE.stationsign_jre TD.ss_lb_left_tre {
953 width: 0;
954 height: 0;
955 border-top: 20px solid green;
956 border-left: 40px solid green;
957 border-right: 40px solid green;
958 border-bottom: 20px solid green;
959 }
960 TABLE.stationsign_jre TD.ss_lb_left_st {
961 width: 35%;
962 color: #fff;
963 background-color: green;
964 padding: 0 0 0 0.5em;
965 font-weight: bold;
966 font-size: 24px;
967 letter-spacing: 0.2em;
968 text-align: left;
969 }
970 TABLE.stationsign_jre TD.ss_lb_left_st A {
971 color: #fff;
972 }
973 TABLE.stationsign_jre TD.ss_lb_center {
974 color: #fff;
975 border: none;
976 width: 24px;
977 }
978 TABLE.stationsign_jre TD.ss_lb_right_st {
979 width: 35%;
980 color: #fff;
981 background-color: green;
982 border: none;
983 padding: 0 0.5em 0 0;
984 font-weight: bold;
985 font-size: 24px;
986 letter-spacing: 0.2em;
987 text-align: right;
988 }
989 TABLE.stationsign_jre TD.ss_lb_right_st A {
990 color: #fff;
991 }
992 TABLE.stationsign_jre TD.ss_lbb_left_st {
993 width: 20%;
994 padding-left: 12px;
995 font-family: "Helvetica";
996 font-weight: normal;
997 font-size: 18px;
998 text-align: left;
999 }
1000 TABLE.stationsign_jre TD.ss_lbb_left_st A {
1001 color: #000;
1002 }
1003 TABLE.stationsign_jre TD.ss_lbb_center_st {
1004 text-align: center;
1005 font-family: "Helvetica";
1006 font-weight: bold;
1007 font-size: 24px;
1008 }
1009 TABLE.stationsign_jre TD.ss_lbb_center_st A {
1010 color: #000;
1011 }
1012 TABLE.stationsign_jre TD.ss_lbb_right_st {
1013 width: 20%;
1014 padding-right: 24px;
1015 font-family: "Helvetica";
1016 font-weight: normal;
1017 font-size: 18px;
1018 text-align: right;
1019 }
1020 TABLE.stationsign_jre TD.ss_lbb_right_st A {
1021 color: #000;
1022 }
1023 TABLE.stationsign_jre TD.ss_lb_right_tr {
1024 width: 0;
1025 height: 0;
1026 border-top: 20px solid transparent;
1027 border-left: 40px solid green;
1028 border-right: 40px solid transparent;
1029 border-bottom: 20px solid transparent;
1030 }
1031 TABLE.stationsign_jre TD.ss_lb_right_tre {
1032 width: 0;
1033 height: 0;
1034 border-top: 20px solid green;
1035 border-left: 40px solid green;
1036 border-right: 40px solid green;
1037 border-bottom: 20px solid green;
1038 }
1039 DIV.ss_line {
1040 position: absolute;
1041 top: 0.5em;
1042 left: 0.5em;
1043 text-align: left;
1044 vertical-align: top;
1045 padding-left: 0.1em;
1046 font-size: 22px;
1047 letter-spacing: 0.1em;
1048 font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
1049 }
1050 DIV.ss_kukan {
1051 position: absolute;
1052 top: 0.5em;
1053 right: 0.5em;
1054 text-align: right;
1055 vertical-align: top;
1056 padding-left: 0.1em;
1057 font-size: 20px;
1058 letter-spacing: 0.2em;
1059 font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
1060 }
1061 SPAN.ss_kukan_yama {
1062 border: 1px solid #000;
1063 border-radius: 3px;
1064 padding: 1px 1px 1px 2px;
1065 margin: 0.1em;
1066 font-size: 22px;
1067 font-weight: bolder;
1068 font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
1069 }
1070 SPAN.ss_kukan_yama A {
1071 color: #000;
1072 }
1073 SPAN.ss_kukan_jre {
1074 background-color: #000;
1075 color: #fff;
1076 border: 1px solid #000;
1077 border-radius: 3px;
1078 padding: 1px 1px 1px 2px;
1079 margin: 0.1em;
1080 font-size: 22px;
1081 font-weight: bolder;
1082 font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
1083 }
1084 SPAN.ss_kukan_jre A {
1085 color: #fff;
1086 }
1087
1088 /* 路線案内 Template:Lineguide 等で使用 */
1089 DIV.lineguide {
1090 overflow-x: scroll;
1091 padding-bottom: 1em;
1092 }
1093 DIV.lineguide A {
1094 color: black;
1095 }
1096 TABLE.lineguide {
1097 display: table;
1098 border: none;
1099 }
1100 TABLE.lineguide td {
1101 empty-cells: show;
1102 text-align: center;
1103 }
1104 TABLE.lineguide TR.line TD {
1105 vertical-align: middle;
1106 font-size: larger;
1107 padding: 0;
1108 width: 1.5em;
1109 height: 1.5em;
1110 color: white;
1111 }
1112 TABLE.lineguide TD A {
1113 color: black;
1114 }
1115 TABLE.lineguide TR.line TD A {
1116 color: white;
1117 }
1118 TABLE.lineguide TR.numbering {
1119 background: white;
1120 }
1121 TR.numbering TD {
1122 font-size: 6pt;
1123 line-height: 10px;
1124 padding: 2pt;
1125 width: 2em;
1126 // height: 1.5em;
1127 border-radius: 20%;
1128 border-style: solid;
1129 border-weight: 3px;
1130 background: white;
1131 font-weight: bold;
1132 }
1133 TR.staname TD {
1134 padding: 2pt;
1135 writing-mode: vertical-rl;
1136 -webkit-writing-mode: vertical-rl;
1137 -ms-writing-mode: vertical-rl;
1138 // text-justify: inter-character;
1139 text-align: center;
1140 vertical-align: top;
1141 font-size: smaller;
1142 text-orientation: upright;
1143 }
1144
1145 /* Google Adsense 広告領域の確保（CLS対策） */
1146 DIV#adunit {
1147 min-height: 320px;
1148 }