2 a:link { color: #E09990;}
\r
3 a:visited { color: #C09990;}
\r
4 a:active { color: #F0DDDD;}
\r
5 a:hover { color: #F0DDDD;}
\r
11 background-color: #300900;
\r
13 flex-direction: column;
\r
14 justify-content: space-between;
\r
15 align-content: center;
\r
16 align-items: center;
\r
21 font-family:"メイリオ","Meiryo",Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
\r
23 line-height: 1.2rem;
\r
27 background-color: #000000;
\r
32 padding: 0px 0px 0px 0px;
\r
37 /* ヘッダ/フッタ ////////////////////////////////////////////////// */
\r
41 background-color : #000000;
\r
43 flex-direction: column;
\r
49 background-color: #000000;
\r
53 flex-direction: row;
\r
54 justify-content: space-around;
\r
64 /* タイトル系統 ////////////////////////////////////////////////// */
\r
71 margin-right : auto;
\r
75 justify-content: space-between;
\r
76 align-content: center;
\r
77 align-items: flex-end;
\r
108 /* メインメニュー系統 ////////////////////////////////////////////////// */
\r
113 margin-right : auto;
\r
114 margin-left : auto;
\r
115 background-color: #000000;
\r
117 justify-content: center;
\r
118 align-content: center;
\r
122 section#mainMenu > a {
\r
123 position: relative;
\r
124 display: inline-block;
\r
125 padding: 0.25em 0.5em;
\r
126 text-decoration: none;
\r
127 background: #302010;
\r
129 border-radius: 0.3vw;
\r
130 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
132 border: solid 2px #d27d00;/*線色*/
\r
135 section#mainMenu > span {
\r
136 position: relative;
\r
137 display: inline-block;
\r
138 padding: 0.25em 0.5em;
\r
139 text-decoration: none;
\r
141 background: #442200;
\r
142 border-radius: 0.3vw;
\r
143 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
145 border: solid 2px #d27d00;/*線色*/
\r
148 section#mainMenu > a:hover
\r
150 background: #A06535;
\r
151 box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
\r
155 /* 本文系統 ////////////////////////////////////////////////// */
\r
159 font-size: 0.85rem;
\r
160 line-height: 1.25rem;
\r
165 flex-direction: column;
\r
171 margin: 1rem 1.5rem;
\r
172 padding: 0.2rem 0.2rem;
\r
178 padding: 0.2rem 0.2rem;
\r
183 margin: 0.1rem 0.1rem;
\r
184 padding: 0.1rem 0.1rem;
\r
192 flex-direction: row;
\r
193 justify-content: center;
\r
194 justify-items: center;
\r
195 align-content: space-around;
\r
196 align-items: center;
\r
200 text-align: center;
\r
207 margin: 0px 1.6rem;
\r
212 margin: 0px 1.0rem;
\r
217 text-align: center;
\r
223 margin: 1.5rem 0 0.7rem 0;
\r
224 border: 0.5rem #775540 solid;
\r
225 background-color: #000000;
\r
226 border-radius: 0.8rem;
\r
232 border: 0.3rem #554433 solid;
\r
233 border-radius: 0.9rem;
\r
234 background-color: #100800;
\r
239 margin: 0.5rem 1.0rem;
\r
240 border: 0.2rem #332010 solid;
\r
241 border-radius: 1.0rem;
\r
242 background-color: #201000;
\r
252 text-decoration: line-through;
\r
256 /* common footer */
\r
266 border: 3px #554433 solid;
\r
267 text-align: center;
\r
272 white-space: pre-wrap;
\r
273 word-wrap: break-word;
\r
274 background-color: #000000;
\r
277 font-family: MS 明朝, monospace;
\r