1 *, *:after, *:before { box-sizing: border-box; }
\r
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
40 background-color : #000000;
\r
42 flex-direction: column;
\r
48 background-color: #000000;
\r
52 flex-direction: row;
\r
53 justify-content: space-around;
\r
64 /* タイトル系統 ////////////////////////////////////////////////// */
\r
72 margin-right : auto;
\r
76 justify-content: space-around;
\r
77 align-content: center;
\r
78 align-items: flex-end;
\r
113 min-height: 0.5rem;
\r
119 /* メインメニュー系統 ////////////////////////////////////////////////// */
\r
123 margin-right : auto;
\r
124 margin-left : auto;
\r
125 background-color: #000000;
\r
127 justify-content: center;
\r
128 align-content: center;
\r
132 section#mainMenu > a {
\r
133 position: relative;
\r
134 display: inline-block;
\r
135 padding: 0.25em 0.5em;
\r
136 text-decoration: none;
\r
137 background: #302010;
\r
139 border-radius: 0.3vw;
\r
140 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
142 border: solid 2px #d27d00;/*線色*/
\r
145 section#mainMenu > span {
\r
146 position: relative;
\r
147 display: inline-block;
\r
148 padding: 0.25em 0.5em;
\r
149 text-decoration: none;
\r
151 background: #442200;
\r
152 border-radius: 0.3vw;
\r
153 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
155 border: solid 2px #d27d00;/*線色*/
\r
158 section#mainMenu > a:hover
\r
160 background: #A06535;
\r
161 box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
\r
165 /* 本文系統 ////////////////////////////////////////////////// */
\r
169 font-size: 0.85rem;
\r
170 line-height: 1.25rem;
\r
175 flex-direction: column;
\r
181 margin: 1rem 1.5rem;
\r
182 padding: 0.2rem 0.2rem;
\r
188 padding: 0.2rem 0.2rem;
\r
193 margin: 0.1rem 0.1rem;
\r
194 padding: 0.1rem 0.1rem;
\r
202 flex-direction: row;
\r
203 justify-content: center;
\r
204 justify-items: center;
\r
205 align-content: space-around;
\r
206 align-items: center;
\r
210 text-align: center;
\r
217 margin: 0px 1.6rem;
\r
222 margin: 0px 1.0rem;
\r
227 text-align: center;
\r
233 margin: 1.5rem 0 0.7rem 0;
\r
234 border: 0.5rem #775540 solid;
\r
235 background-color: #000000;
\r
236 border-radius: 0.8rem;
\r
242 border: 0.3rem #554433 solid;
\r
243 border-radius: 0.9rem;
\r
244 background-color: #100800;
\r
249 margin: 0.5rem 1.0rem;
\r
250 border: 0.2rem #332010 solid;
\r
251 border-radius: 1.0rem;
\r
252 background-color: #201000;
\r
262 text-decoration: line-through;
\r
266 /* common footer */
\r
276 border: 3px #554433 solid;
\r
277 text-align: center;
\r
282 white-space: pre-wrap;
\r
283 word-wrap: break-word;
\r
284 background-color: #000000;
\r
287 font-family: MS 明朝, monospace;
\r
291 text-decoration: none;
\r
292 border-radius: 0.2rem;
\r
293 margin: 0.2rem 0.2rem 0.4rem 0.2rem;
\r
295 min-height: 4.6rem;
\r
296 max-height: 6.5rem;
\r
297 padding: 0.0rem 0.15rem;
\r
300 flex-direction: row;
\r
301 text-shadow: 0.1rem 0.1rem 0.1rem #FFFFFF, -0.1rem 0.1rem 0.1rem #FFFFFF, 0.1rem -0.1rem 0.1rem #FFFFFF, -0.1rem -0.1rem 0.1rem #FFFFFF;
\r
302 justify-content: space-around;
\r
303 align-items: center;
\r
305 border-top: solid 0.40rem #AF874D;
\r
306 border-left: solid 0.40rem #AF874D;
\r
307 border-right: solid 0.40rem #905020;
\r
308 border-bottom: solid 0.40rem #905020;
\r
309 background: -moz-linear-gradient(80% 28% 275deg, #FFF2E0, #FFFFFF 55%);
\r
310 background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 244, 223, 0.8)));
\r
311 box-shadow: 0.4rem 0.4rem 0.15rem rgba(0, 0, 0, 0.9), 0.02rem 0.1rem 2.2rem rgba(255, 255, 255, 0.4);
\r
317 max-height: 4.0rem;
\r
326 /* スコア系統 ////////////////////////////////////////////////// */
\r