spuit 0.0.11 → 0.0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (17) hide show
  1. checksums.yaml +5 -5
  2. data/.npmignore +2 -2
  3. data/dist/javascripts/scripts.js +1 -75
  4. data/dist/stylesheets/styles.css +2 -1863
  5. data/lib/spuit/engine.rb +1 -1
  6. data/lib/spuit/version.rb +2 -2
  7. data/lib/spuit.rb +7 -7
  8. data/package-lock.json +4754 -9499
  9. data/package.json +26 -14
  10. data/scss/includes/_grid.scss +344 -0
  11. data/webpack/css.webpack.config.js +42 -0
  12. data/webpack/js.webpack.config.js +29 -0
  13. data/webpack/webpack.config.js +10 -0
  14. data/yarn.lock +5072 -535
  15. metadata +7 -5
  16. data/gulpfile.js +0 -2
  17. data/webpack.config.js +0 -53
data/dist/stylesheets/styles.css CHANGED
@@ -1,1864 +1,3 @@
1
- @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);@charset "UTF-8";
2
- /*
3
- example:
4
- @include font-face('fontello', 'fontello/fontello');
5
- @mixin font-fontello($size: 1rem, $line-height: normal, $weight: normal) {
6
- font-family: 'fontello';
7
- font-size: $size;
8
- font-weight: $weight;
9
- line-height: $line-height;
10
- }
11
- */
12
- /*
13
- from: https://github.com/twbs/bootstrap/blob/v4-dev/scss/utilities/_spacing.scss
14
- */
15
- /*
16
- from: https://github.com/twbs/bootstrap/blob/v4-dev/
17
- */
18
- /*
19
- necessary:
20
- @include include-fa;
21
- @include include-animations;
22
- */
23
- @keyframes anim-spin {
24
- from {
25
- transform: rotate(0deg); }
26
- to {
27
- transform: rotate(359deg); } }
1
+ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);@keyframes anim-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes anim-float{0%{transform:translateY(0)}50%{transform:translateY(20%)}to{transform:translateY(0)}}@keyframes anim-arrow{0%{transform:translateX(0)}50%{transform:translateX(20%)}to{transform:translateX(0)}}@keyframes anim-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}
28
2
 
29
- @keyframes anim-float {
30
- 0% {
31
- transform: translateY(0%); }
32
- 50% {
33
- transform: translateY(20%); }
34
- 100% {
35
- transform: translateY(0%); } }
36
-
37
- @keyframes anim-arrow {
38
- 0% {
39
- transform: translateX(0%); }
40
- 50% {
41
- transform: translateX(20%); }
42
- 100% {
43
- transform: translateX(0%); } }
44
-
45
- @keyframes anim-scale {
46
- 0% {
47
- transform: scale(1); }
48
- 50% {
49
- transform: scale(1.2); }
50
- 100% {
51
- transform: scale(1); } }
52
-
53
- /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
54
- /**
55
- * 1. Change the default font family in all browsers (opinionated).
56
- * 2. Correct the line height in all browsers.
57
- * 3. Prevent adjustments of font size after orientation changes in
58
- * IE on Windows Phone and in iOS.
59
- */
60
- /* Document
61
- ========================================================================== */
62
- html {
63
- font-family: sans-serif;
64
- /* 1 */
65
- line-height: 1.15;
66
- /* 2 */
67
- -ms-text-size-adjust: 100%;
68
- /* 3 */
69
- -webkit-text-size-adjust: 100%;
70
- /* 3 */ }
71
-
72
- /* Sections
73
- ========================================================================== */
74
- /**
75
- * Remove the margin in all browsers (opinionated).
76
- */
77
- body {
78
- margin: 0; }
79
-
80
- /**
81
- * Add the correct display in IE 9-.
82
- */
83
- article, aside, footer, header, nav, section {
84
- display: block; }
85
-
86
- /**
87
- * Correct the font size and margin on `h1` elements within `section` and
88
- * `article` contexts in Chrome, Firefox, and Safari.
89
- */
90
- h1 {
91
- font-size: 2em;
92
- margin: 0.67em 0; }
93
-
94
- /* Grouping content
95
- ========================================================================== */
96
- /**
97
- * Add the correct display in IE 9-.
98
- * 1. Add the correct display in IE.
99
- */
100
- figcaption, figure, main {
101
- /* 1 */
102
- display: block; }
103
-
104
- /**
105
- * Add the correct margin in IE 8.
106
- */
107
- figure {
108
- margin: 1em 40px; }
109
-
110
- /**
111
- * 1. Add the correct box sizing in Firefox.
112
- * 2. Show the overflow in Edge and IE.
113
- */
114
- hr {
115
- box-sizing: content-box;
116
- /* 1 */
117
- height: 0;
118
- /* 1 */
119
- overflow: visible;
120
- /* 2 */ }
121
-
122
- /**
123
- * 1. Correct the inheritance and scaling of font size in all browsers.
124
- * 2. Correct the odd `em` font sizing in all browsers.
125
- */
126
- pre {
127
- font-family: monospace, monospace;
128
- /* 1 */
129
- font-size: 1em;
130
- /* 2 */ }
131
-
132
- /* Text-level semantics
133
- ========================================================================== */
134
- /**
135
- * 1. Remove the gray background on active links in IE 10.
136
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
137
- */
138
- a {
139
- background-color: transparent;
140
- /* 1 */
141
- -webkit-text-decoration-skip: objects;
142
- /* 2 */ }
143
-
144
- /**
145
- * Remove the outline on focused links when they are also active or hovered
146
- * in all browsers (opinionated).
147
- */
148
- a:active, a:hover {
149
- outline-width: 0; }
150
-
151
- /**
152
- * 1. Remove the bottom border in Firefox 39-.
153
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
154
- */
155
- abbr[title] {
156
- border-bottom: none;
157
- /* 1 */
158
- text-decoration: underline;
159
- /* 2 */
160
- text-decoration: underline dotted;
161
- /* 2 */ }
162
-
163
- /**
164
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
165
- */
166
- b, strong {
167
- font-weight: inherit; }
168
-
169
- /**
170
- * Add the correct font weight in Chrome, Edge, and Safari.
171
- */
172
- b, strong {
173
- font-weight: bolder; }
174
-
175
- /**
176
- * 1. Correct the inheritance and scaling of font size in all browsers.
177
- * 2. Correct the odd `em` font sizing in all browsers.
178
- */
179
- code, kbd, samp {
180
- font-family: monospace, monospace;
181
- /* 1 */
182
- font-size: 1em;
183
- /* 2 */ }
184
-
185
- /**
186
- * Add the correct font style in Android 4.3-.
187
- */
188
- dfn {
189
- font-style: italic; }
190
-
191
- /**
192
- * Add the correct background and color in IE 9-.
193
- */
194
- mark {
195
- background-color: #ff0;
196
- color: #000; }
197
-
198
- /**
199
- * Add the correct font size in all browsers.
200
- */
201
- small {
202
- font-size: 80%; }
203
-
204
- /**
205
- * Prevent `sub` and `sup` elements from affecting the line height in
206
- * all browsers.
207
- */
208
- sub, sup {
209
- font-size: 75%;
210
- line-height: 0;
211
- position: relative;
212
- vertical-align: baseline; }
213
-
214
- sub {
215
- bottom: -0.25em; }
216
-
217
- sup {
218
- top: -0.5em; }
219
-
220
- /* Embedded content
221
- ========================================================================== */
222
- /**
223
- * Add the correct display in IE 9-.
224
- */
225
- audio, video {
226
- display: inline-block; }
227
-
228
- /**
229
- * Add the correct display in iOS 4-7.
230
- */
231
- audio:not([controls]) {
232
- display: none;
233
- height: 0; }
234
-
235
- /**
236
- * Remove the border on images inside links in IE 10-.
237
- */
238
- img {
239
- border-style: none; }
240
-
241
- /**
242
- * Hide the overflow in IE.
243
- */
244
- svg:not(:root) {
245
- overflow: hidden; }
246
-
247
- /* Forms
248
- ========================================================================== */
249
- /**
250
- * 1. Change the font styles in all browsers (opinionated).
251
- * 2. Remove the margin in Firefox and Safari.
252
- */
253
- button, input, optgroup, select, textarea {
254
- font-family: sans-serif;
255
- /* 1 */
256
- font-size: 100%;
257
- /* 1 */
258
- line-height: 1.15;
259
- /* 1 */
260
- margin: 0;
261
- /* 2 */ }
262
-
263
- /**
264
- * Show the overflow in IE.
265
- * 1. Show the overflow in Edge.
266
- */
267
- button, input {
268
- /* 1 */
269
- overflow: visible; }
270
-
271
- /**
272
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
273
- * 1. Remove the inheritance of text transform in Firefox.
274
- */
275
- button, select {
276
- /* 1 */
277
- text-transform: none; }
278
-
279
- /**
280
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
281
- * controls in Android 4.
282
- * 2. Correct the inability to style clickable types in iOS and Safari.
283
- */
284
- button, html [type="button"], [type="reset"], [type="submit"] {
285
- -webkit-appearance: button;
286
- /* 2 */ }
287
-
288
- /**
289
- * Remove the inner border and padding in Firefox.
290
- */
291
- button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
292
- border-style: none;
293
- padding: 0; }
294
-
295
- /**
296
- * Restore the focus styles unset by the previous rule.
297
- */
298
- button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
299
- outline: 1px dotted ButtonText; }
300
-
301
- /**
302
- * Change the border, margin, and padding in all browsers (opinionated).
303
- */
304
- fieldset {
305
- border: 1px solid #c0c0c0;
306
- margin: 0 2px;
307
- padding: 0.35em 0.625em 0.75em; }
308
-
309
- /**
310
- * 1. Correct the text wrapping in Edge and IE.
311
- * 2. Correct the color inheritance from `fieldset` elements in IE.
312
- * 3. Remove the padding so developers are not caught out when they zero out
313
- * `fieldset` elements in all browsers.
314
- */
315
- legend {
316
- box-sizing: border-box;
317
- /* 1 */
318
- color: inherit;
319
- /* 2 */
320
- display: table;
321
- /* 1 */
322
- max-width: 100%;
323
- /* 1 */
324
- padding: 0;
325
- /* 3 */
326
- white-space: normal;
327
- /* 1 */ }
328
-
329
- /**
330
- * 1. Add the correct display in IE 9-.
331
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
332
- */
333
- progress {
334
- display: inline-block;
335
- /* 1 */
336
- vertical-align: baseline;
337
- /* 2 */ }
338
-
339
- /**
340
- * Remove the default vertical scrollbar in IE.
341
- */
342
- textarea {
343
- overflow: auto; }
344
-
345
- /**
346
- * 1. Add the correct box sizing in IE 10-.
347
- * 2. Remove the padding in IE 10-.
348
- */
349
- [type="checkbox"], [type="radio"] {
350
- box-sizing: border-box;
351
- /* 1 */
352
- padding: 0;
353
- /* 2 */ }
354
-
355
- /**
356
- * Correct the cursor style of increment and decrement buttons in Chrome.
357
- */
358
- [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
359
- height: auto; }
360
-
361
- /**
362
- * 1. Correct the odd appearance in Chrome and Safari.
363
- * 2. Correct the outline style in Safari.
364
- */
365
- [type="search"] {
366
- -webkit-appearance: textfield;
367
- /* 1 */
368
- outline-offset: -2px;
369
- /* 2 */ }
370
-
371
- /**
372
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
373
- */
374
- [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
375
- -webkit-appearance: none; }
376
-
377
- /**
378
- * 1. Correct the inability to style clickable types in iOS and Safari.
379
- * 2. Change font properties to `inherit` in Safari.
380
- */
381
- ::-webkit-file-upload-button {
382
- -webkit-appearance: button;
383
- /* 1 */
384
- font: inherit;
385
- /* 2 */ }
386
-
387
- /* Interactive
388
- ========================================================================== */
389
- /*
390
- * Add the correct display in IE 9-.
391
- * 1. Add the correct display in Edge, IE, and Firefox.
392
- */
393
- details, menu {
394
- display: block; }
395
-
396
- /*
397
- * Add the correct display in all browsers.
398
- */
399
- summary {
400
- display: list-item; }
401
-
402
- /* Scripting
403
- ========================================================================== */
404
- /**
405
- * Add the correct display in IE 9-.
406
- */
407
- canvas {
408
- display: inline-block; }
409
-
410
- /**
411
- * Add the correct display in IE.
412
- */
413
- template {
414
- display: none; }
415
-
416
- /* Hidden
417
- ========================================================================== */
418
- /**
419
- * Add the correct display in IE 10-.
420
- */
421
- [hidden] {
422
- display: none; }
423
-
424
- .container {
425
- position: relative;
426
- margin-right: auto;
427
- margin-left: auto;
428
- box-sizing: border-box;
429
- padding-right: 15px;
430
- padding-left: 15px; }
431
- @media (min-width: 34em) {
432
- .container {
433
- padding-right: 15px;
434
- padding-left: 15px; } }
435
- @media (min-width: 48em) {
436
- .container {
437
- padding-right: 15px;
438
- padding-left: 15px; } }
439
- @media (min-width: 62em) {
440
- .container {
441
- padding-right: 15px;
442
- padding-left: 15px; } }
443
- @media (min-width: 75em) {
444
- .container {
445
- padding-right: 15px;
446
- padding-left: 15px; } }
447
- @media (min-width: 34em) {
448
- .container {
449
- width: 540px;
450
- max-width: 100%;
451
- box-sizing: border-box; } }
452
- @media (min-width: 48em) {
453
- .container {
454
- width: 720px;
455
- max-width: 100%;
456
- box-sizing: border-box; } }
457
- @media (min-width: 62em) {
458
- .container {
459
- width: 960px;
460
- max-width: 100%;
461
- box-sizing: border-box; } }
462
- @media (min-width: 75em) {
463
- .container {
464
- width: 1140px;
465
- max-width: 100%;
466
- box-sizing: border-box; } }
467
-
468
- .container-fluid {
469
- position: relative;
470
- margin-right: auto;
471
- margin-left: auto;
472
- box-sizing: border-box;
473
- padding-right: 15px;
474
- padding-left: 15px; }
475
- @media (min-width: 34em) {
476
- .container-fluid {
477
- padding-right: 15px;
478
- padding-left: 15px; } }
479
- @media (min-width: 48em) {
480
- .container-fluid {
481
- padding-right: 15px;
482
- padding-left: 15px; } }
483
- @media (min-width: 62em) {
484
- .container-fluid {
485
- padding-right: 15px;
486
- padding-left: 15px; } }
487
- @media (min-width: 75em) {
488
- .container-fluid {
489
- padding-right: 15px;
490
- padding-left: 15px; } }
491
-
492
- .row {
493
- display: flex;
494
- flex-wrap: wrap;
495
- box-sizing: border-box;
496
- margin-right: -15px;
497
- margin-left: -15px; }
498
- @media (min-width: 34em) {
499
- .row {
500
- margin-right: -15px;
501
- margin-left: -15px; } }
502
- @media (min-width: 48em) {
503
- .row {
504
- margin-right: -15px;
505
- margin-left: -15px; } }
506
- @media (min-width: 62em) {
507
- .row {
508
- margin-right: -15px;
509
- margin-left: -15px; } }
510
- @media (min-width: 75em) {
511
- .row {
512
- margin-right: -15px;
513
- margin-left: -15px; } }
514
-
515
- .no-gutters {
516
- margin-right: 0;
517
- margin-left: 0; }
518
- .no-gutters > .col, .no-gutters > [class*="col-"] {
519
- padding-right: 0;
520
- padding-left: 0; }
521
-
522
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
523
- position: relative;
524
- width: 100%;
525
- min-height: 1px;
526
- padding-right: 15px;
527
- padding-left: 15px;
528
- box-sizing: border-box; }
529
- @media (min-width: 34em) {
530
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
531
- padding-right: 15px;
532
- padding-left: 15px;
533
- box-sizing: border-box; } }
534
- @media (min-width: 48em) {
535
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
536
- padding-right: 15px;
537
- padding-left: 15px;
538
- box-sizing: border-box; } }
539
- @media (min-width: 62em) {
540
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
541
- padding-right: 15px;
542
- padding-left: 15px;
543
- box-sizing: border-box; } }
544
- @media (min-width: 75em) {
545
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
546
- padding-right: 15px;
547
- padding-left: 15px;
548
- box-sizing: border-box; } }
549
-
550
- .col {
551
- flex-basis: 0;
552
- flex-grow: 1;
553
- max-width: 100%; }
554
-
555
- .col-auto {
556
- flex: 0 0 auto;
557
- width: auto; }
558
-
559
- .col-1 {
560
- flex: 0 0 8.33333%;
561
- max-width: 8.33333%; }
562
-
563
- .col-2 {
564
- flex: 0 0 16.66667%;
565
- max-width: 16.66667%; }
566
-
567
- .col-3 {
568
- flex: 0 0 25%;
569
- max-width: 25%; }
570
-
571
- .col-4 {
572
- flex: 0 0 33.33333%;
573
- max-width: 33.33333%; }
574
-
575
- .col-5 {
576
- flex: 0 0 41.66667%;
577
- max-width: 41.66667%; }
578
-
579
- .col-6 {
580
- flex: 0 0 50%;
581
- max-width: 50%; }
582
-
583
- .col-7 {
584
- flex: 0 0 58.33333%;
585
- max-width: 58.33333%; }
586
-
587
- .col-8 {
588
- flex: 0 0 66.66667%;
589
- max-width: 66.66667%; }
590
-
591
- .col-9 {
592
- flex: 0 0 75%;
593
- max-width: 75%; }
594
-
595
- .col-10 {
596
- flex: 0 0 83.33333%;
597
- max-width: 83.33333%; }
598
-
599
- .col-11 {
600
- flex: 0 0 91.66667%;
601
- max-width: 91.66667%; }
602
-
603
- .col-12 {
604
- flex: 0 0 100%;
605
- max-width: 100%; }
606
-
607
- .pull-0 {
608
- right: auto; }
609
-
610
- .pull-1 {
611
- right: 8.33333%; }
612
-
613
- .pull-2 {
614
- right: 16.66667%; }
615
-
616
- .pull-3 {
617
- right: 25%; }
618
-
619
- .pull-4 {
620
- right: 33.33333%; }
621
-
622
- .pull-5 {
623
- right: 41.66667%; }
624
-
625
- .pull-6 {
626
- right: 50%; }
627
-
628
- .pull-7 {
629
- right: 58.33333%; }
630
-
631
- .pull-8 {
632
- right: 66.66667%; }
633
-
634
- .pull-9 {
635
- right: 75%; }
636
-
637
- .pull-10 {
638
- right: 83.33333%; }
639
-
640
- .pull-11 {
641
- right: 91.66667%; }
642
-
643
- .pull-12 {
644
- right: 100%; }
645
-
646
- .push-0 {
647
- left: auto; }
648
-
649
- .push-1 {
650
- left: 8.33333%; }
651
-
652
- .push-2 {
653
- left: 16.66667%; }
654
-
655
- .push-3 {
656
- left: 25%; }
657
-
658
- .push-4 {
659
- left: 33.33333%; }
660
-
661
- .push-5 {
662
- left: 41.66667%; }
663
-
664
- .push-6 {
665
- left: 50%; }
666
-
667
- .push-7 {
668
- left: 58.33333%; }
669
-
670
- .push-8 {
671
- left: 66.66667%; }
672
-
673
- .push-9 {
674
- left: 75%; }
675
-
676
- .push-10 {
677
- left: 83.33333%; }
678
-
679
- .push-11 {
680
- left: 91.66667%; }
681
-
682
- .push-12 {
683
- left: 100%; }
684
-
685
- .offset-1 {
686
- margin-left: 8.33333%; }
687
-
688
- .offset-2 {
689
- margin-left: 16.66667%; }
690
-
691
- .offset-3 {
692
- margin-left: 25%; }
693
-
694
- .offset-4 {
695
- margin-left: 33.33333%; }
696
-
697
- .offset-5 {
698
- margin-left: 41.66667%; }
699
-
700
- .offset-6 {
701
- margin-left: 50%; }
702
-
703
- .offset-7 {
704
- margin-left: 58.33333%; }
705
-
706
- .offset-8 {
707
- margin-left: 66.66667%; }
708
-
709
- .offset-9 {
710
- margin-left: 75%; }
711
-
712
- .offset-10 {
713
- margin-left: 83.33333%; }
714
-
715
- .offset-11 {
716
- margin-left: 91.66667%; }
717
-
718
- @media (min-width: 34em) {
719
- .col-sm {
720
- flex-basis: 0;
721
- flex-grow: 1;
722
- max-width: 100%; }
723
- .col-sm-auto {
724
- flex: 0 0 auto;
725
- width: auto; }
726
- .col-sm-1 {
727
- flex: 0 0 8.33333%;
728
- max-width: 8.33333%; }
729
- .col-sm-2 {
730
- flex: 0 0 16.66667%;
731
- max-width: 16.66667%; }
732
- .col-sm-3 {
733
- flex: 0 0 25%;
734
- max-width: 25%; }
735
- .col-sm-4 {
736
- flex: 0 0 33.33333%;
737
- max-width: 33.33333%; }
738
- .col-sm-5 {
739
- flex: 0 0 41.66667%;
740
- max-width: 41.66667%; }
741
- .col-sm-6 {
742
- flex: 0 0 50%;
743
- max-width: 50%; }
744
- .col-sm-7 {
745
- flex: 0 0 58.33333%;
746
- max-width: 58.33333%; }
747
- .col-sm-8 {
748
- flex: 0 0 66.66667%;
749
- max-width: 66.66667%; }
750
- .col-sm-9 {
751
- flex: 0 0 75%;
752
- max-width: 75%; }
753
- .col-sm-10 {
754
- flex: 0 0 83.33333%;
755
- max-width: 83.33333%; }
756
- .col-sm-11 {
757
- flex: 0 0 91.66667%;
758
- max-width: 91.66667%; }
759
- .col-sm-12 {
760
- flex: 0 0 100%;
761
- max-width: 100%; }
762
- .pull-sm-0 {
763
- right: auto; }
764
- .pull-sm-1 {
765
- right: 8.33333%; }
766
- .pull-sm-2 {
767
- right: 16.66667%; }
768
- .pull-sm-3 {
769
- right: 25%; }
770
- .pull-sm-4 {
771
- right: 33.33333%; }
772
- .pull-sm-5 {
773
- right: 41.66667%; }
774
- .pull-sm-6 {
775
- right: 50%; }
776
- .pull-sm-7 {
777
- right: 58.33333%; }
778
- .pull-sm-8 {
779
- right: 66.66667%; }
780
- .pull-sm-9 {
781
- right: 75%; }
782
- .pull-sm-10 {
783
- right: 83.33333%; }
784
- .pull-sm-11 {
785
- right: 91.66667%; }
786
- .pull-sm-12 {
787
- right: 100%; }
788
- .push-sm-0 {
789
- left: auto; }
790
- .push-sm-1 {
791
- left: 8.33333%; }
792
- .push-sm-2 {
793
- left: 16.66667%; }
794
- .push-sm-3 {
795
- left: 25%; }
796
- .push-sm-4 {
797
- left: 33.33333%; }
798
- .push-sm-5 {
799
- left: 41.66667%; }
800
- .push-sm-6 {
801
- left: 50%; }
802
- .push-sm-7 {
803
- left: 58.33333%; }
804
- .push-sm-8 {
805
- left: 66.66667%; }
806
- .push-sm-9 {
807
- left: 75%; }
808
- .push-sm-10 {
809
- left: 83.33333%; }
810
- .push-sm-11 {
811
- left: 91.66667%; }
812
- .push-sm-12 {
813
- left: 100%; }
814
- .offset-sm-0 {
815
- margin-left: 0%; }
816
- .offset-sm-1 {
817
- margin-left: 8.33333%; }
818
- .offset-sm-2 {
819
- margin-left: 16.66667%; }
820
- .offset-sm-3 {
821
- margin-left: 25%; }
822
- .offset-sm-4 {
823
- margin-left: 33.33333%; }
824
- .offset-sm-5 {
825
- margin-left: 41.66667%; }
826
- .offset-sm-6 {
827
- margin-left: 50%; }
828
- .offset-sm-7 {
829
- margin-left: 58.33333%; }
830
- .offset-sm-8 {
831
- margin-left: 66.66667%; }
832
- .offset-sm-9 {
833
- margin-left: 75%; }
834
- .offset-sm-10 {
835
- margin-left: 83.33333%; }
836
- .offset-sm-11 {
837
- margin-left: 91.66667%; } }
838
-
839
- @media (min-width: 48em) {
840
- .col-md {
841
- flex-basis: 0;
842
- flex-grow: 1;
843
- max-width: 100%; }
844
- .col-md-auto {
845
- flex: 0 0 auto;
846
- width: auto; }
847
- .col-md-1 {
848
- flex: 0 0 8.33333%;
849
- max-width: 8.33333%; }
850
- .col-md-2 {
851
- flex: 0 0 16.66667%;
852
- max-width: 16.66667%; }
853
- .col-md-3 {
854
- flex: 0 0 25%;
855
- max-width: 25%; }
856
- .col-md-4 {
857
- flex: 0 0 33.33333%;
858
- max-width: 33.33333%; }
859
- .col-md-5 {
860
- flex: 0 0 41.66667%;
861
- max-width: 41.66667%; }
862
- .col-md-6 {
863
- flex: 0 0 50%;
864
- max-width: 50%; }
865
- .col-md-7 {
866
- flex: 0 0 58.33333%;
867
- max-width: 58.33333%; }
868
- .col-md-8 {
869
- flex: 0 0 66.66667%;
870
- max-width: 66.66667%; }
871
- .col-md-9 {
872
- flex: 0 0 75%;
873
- max-width: 75%; }
874
- .col-md-10 {
875
- flex: 0 0 83.33333%;
876
- max-width: 83.33333%; }
877
- .col-md-11 {
878
- flex: 0 0 91.66667%;
879
- max-width: 91.66667%; }
880
- .col-md-12 {
881
- flex: 0 0 100%;
882
- max-width: 100%; }
883
- .pull-md-0 {
884
- right: auto; }
885
- .pull-md-1 {
886
- right: 8.33333%; }
887
- .pull-md-2 {
888
- right: 16.66667%; }
889
- .pull-md-3 {
890
- right: 25%; }
891
- .pull-md-4 {
892
- right: 33.33333%; }
893
- .pull-md-5 {
894
- right: 41.66667%; }
895
- .pull-md-6 {
896
- right: 50%; }
897
- .pull-md-7 {
898
- right: 58.33333%; }
899
- .pull-md-8 {
900
- right: 66.66667%; }
901
- .pull-md-9 {
902
- right: 75%; }
903
- .pull-md-10 {
904
- right: 83.33333%; }
905
- .pull-md-11 {
906
- right: 91.66667%; }
907
- .pull-md-12 {
908
- right: 100%; }
909
- .push-md-0 {
910
- left: auto; }
911
- .push-md-1 {
912
- left: 8.33333%; }
913
- .push-md-2 {
914
- left: 16.66667%; }
915
- .push-md-3 {
916
- left: 25%; }
917
- .push-md-4 {
918
- left: 33.33333%; }
919
- .push-md-5 {
920
- left: 41.66667%; }
921
- .push-md-6 {
922
- left: 50%; }
923
- .push-md-7 {
924
- left: 58.33333%; }
925
- .push-md-8 {
926
- left: 66.66667%; }
927
- .push-md-9 {
928
- left: 75%; }
929
- .push-md-10 {
930
- left: 83.33333%; }
931
- .push-md-11 {
932
- left: 91.66667%; }
933
- .push-md-12 {
934
- left: 100%; }
935
- .offset-md-0 {
936
- margin-left: 0%; }
937
- .offset-md-1 {
938
- margin-left: 8.33333%; }
939
- .offset-md-2 {
940
- margin-left: 16.66667%; }
941
- .offset-md-3 {
942
- margin-left: 25%; }
943
- .offset-md-4 {
944
- margin-left: 33.33333%; }
945
- .offset-md-5 {
946
- margin-left: 41.66667%; }
947
- .offset-md-6 {
948
- margin-left: 50%; }
949
- .offset-md-7 {
950
- margin-left: 58.33333%; }
951
- .offset-md-8 {
952
- margin-left: 66.66667%; }
953
- .offset-md-9 {
954
- margin-left: 75%; }
955
- .offset-md-10 {
956
- margin-left: 83.33333%; }
957
- .offset-md-11 {
958
- margin-left: 91.66667%; } }
959
-
960
- @media (min-width: 62em) {
961
- .col-lg {
962
- flex-basis: 0;
963
- flex-grow: 1;
964
- max-width: 100%; }
965
- .col-lg-auto {
966
- flex: 0 0 auto;
967
- width: auto; }
968
- .col-lg-1 {
969
- flex: 0 0 8.33333%;
970
- max-width: 8.33333%; }
971
- .col-lg-2 {
972
- flex: 0 0 16.66667%;
973
- max-width: 16.66667%; }
974
- .col-lg-3 {
975
- flex: 0 0 25%;
976
- max-width: 25%; }
977
- .col-lg-4 {
978
- flex: 0 0 33.33333%;
979
- max-width: 33.33333%; }
980
- .col-lg-5 {
981
- flex: 0 0 41.66667%;
982
- max-width: 41.66667%; }
983
- .col-lg-6 {
984
- flex: 0 0 50%;
985
- max-width: 50%; }
986
- .col-lg-7 {
987
- flex: 0 0 58.33333%;
988
- max-width: 58.33333%; }
989
- .col-lg-8 {
990
- flex: 0 0 66.66667%;
991
- max-width: 66.66667%; }
992
- .col-lg-9 {
993
- flex: 0 0 75%;
994
- max-width: 75%; }
995
- .col-lg-10 {
996
- flex: 0 0 83.33333%;
997
- max-width: 83.33333%; }
998
- .col-lg-11 {
999
- flex: 0 0 91.66667%;
1000
- max-width: 91.66667%; }
1001
- .col-lg-12 {
1002
- flex: 0 0 100%;
1003
- max-width: 100%; }
1004
- .pull-lg-0 {
1005
- right: auto; }
1006
- .pull-lg-1 {
1007
- right: 8.33333%; }
1008
- .pull-lg-2 {
1009
- right: 16.66667%; }
1010
- .pull-lg-3 {
1011
- right: 25%; }
1012
- .pull-lg-4 {
1013
- right: 33.33333%; }
1014
- .pull-lg-5 {
1015
- right: 41.66667%; }
1016
- .pull-lg-6 {
1017
- right: 50%; }
1018
- .pull-lg-7 {
1019
- right: 58.33333%; }
1020
- .pull-lg-8 {
1021
- right: 66.66667%; }
1022
- .pull-lg-9 {
1023
- right: 75%; }
1024
- .pull-lg-10 {
1025
- right: 83.33333%; }
1026
- .pull-lg-11 {
1027
- right: 91.66667%; }
1028
- .pull-lg-12 {
1029
- right: 100%; }
1030
- .push-lg-0 {
1031
- left: auto; }
1032
- .push-lg-1 {
1033
- left: 8.33333%; }
1034
- .push-lg-2 {
1035
- left: 16.66667%; }
1036
- .push-lg-3 {
1037
- left: 25%; }
1038
- .push-lg-4 {
1039
- left: 33.33333%; }
1040
- .push-lg-5 {
1041
- left: 41.66667%; }
1042
- .push-lg-6 {
1043
- left: 50%; }
1044
- .push-lg-7 {
1045
- left: 58.33333%; }
1046
- .push-lg-8 {
1047
- left: 66.66667%; }
1048
- .push-lg-9 {
1049
- left: 75%; }
1050
- .push-lg-10 {
1051
- left: 83.33333%; }
1052
- .push-lg-11 {
1053
- left: 91.66667%; }
1054
- .push-lg-12 {
1055
- left: 100%; }
1056
- .offset-lg-0 {
1057
- margin-left: 0%; }
1058
- .offset-lg-1 {
1059
- margin-left: 8.33333%; }
1060
- .offset-lg-2 {
1061
- margin-left: 16.66667%; }
1062
- .offset-lg-3 {
1063
- margin-left: 25%; }
1064
- .offset-lg-4 {
1065
- margin-left: 33.33333%; }
1066
- .offset-lg-5 {
1067
- margin-left: 41.66667%; }
1068
- .offset-lg-6 {
1069
- margin-left: 50%; }
1070
- .offset-lg-7 {
1071
- margin-left: 58.33333%; }
1072
- .offset-lg-8 {
1073
- margin-left: 66.66667%; }
1074
- .offset-lg-9 {
1075
- margin-left: 75%; }
1076
- .offset-lg-10 {
1077
- margin-left: 83.33333%; }
1078
- .offset-lg-11 {
1079
- margin-left: 91.66667%; } }
1080
-
1081
- @media (min-width: 75em) {
1082
- .col-xl {
1083
- flex-basis: 0;
1084
- flex-grow: 1;
1085
- max-width: 100%; }
1086
- .col-xl-auto {
1087
- flex: 0 0 auto;
1088
- width: auto; }
1089
- .col-xl-1 {
1090
- flex: 0 0 8.33333%;
1091
- max-width: 8.33333%; }
1092
- .col-xl-2 {
1093
- flex: 0 0 16.66667%;
1094
- max-width: 16.66667%; }
1095
- .col-xl-3 {
1096
- flex: 0 0 25%;
1097
- max-width: 25%; }
1098
- .col-xl-4 {
1099
- flex: 0 0 33.33333%;
1100
- max-width: 33.33333%; }
1101
- .col-xl-5 {
1102
- flex: 0 0 41.66667%;
1103
- max-width: 41.66667%; }
1104
- .col-xl-6 {
1105
- flex: 0 0 50%;
1106
- max-width: 50%; }
1107
- .col-xl-7 {
1108
- flex: 0 0 58.33333%;
1109
- max-width: 58.33333%; }
1110
- .col-xl-8 {
1111
- flex: 0 0 66.66667%;
1112
- max-width: 66.66667%; }
1113
- .col-xl-9 {
1114
- flex: 0 0 75%;
1115
- max-width: 75%; }
1116
- .col-xl-10 {
1117
- flex: 0 0 83.33333%;
1118
- max-width: 83.33333%; }
1119
- .col-xl-11 {
1120
- flex: 0 0 91.66667%;
1121
- max-width: 91.66667%; }
1122
- .col-xl-12 {
1123
- flex: 0 0 100%;
1124
- max-width: 100%; }
1125
- .pull-xl-0 {
1126
- right: auto; }
1127
- .pull-xl-1 {
1128
- right: 8.33333%; }
1129
- .pull-xl-2 {
1130
- right: 16.66667%; }
1131
- .pull-xl-3 {
1132
- right: 25%; }
1133
- .pull-xl-4 {
1134
- right: 33.33333%; }
1135
- .pull-xl-5 {
1136
- right: 41.66667%; }
1137
- .pull-xl-6 {
1138
- right: 50%; }
1139
- .pull-xl-7 {
1140
- right: 58.33333%; }
1141
- .pull-xl-8 {
1142
- right: 66.66667%; }
1143
- .pull-xl-9 {
1144
- right: 75%; }
1145
- .pull-xl-10 {
1146
- right: 83.33333%; }
1147
- .pull-xl-11 {
1148
- right: 91.66667%; }
1149
- .pull-xl-12 {
1150
- right: 100%; }
1151
- .push-xl-0 {
1152
- left: auto; }
1153
- .push-xl-1 {
1154
- left: 8.33333%; }
1155
- .push-xl-2 {
1156
- left: 16.66667%; }
1157
- .push-xl-3 {
1158
- left: 25%; }
1159
- .push-xl-4 {
1160
- left: 33.33333%; }
1161
- .push-xl-5 {
1162
- left: 41.66667%; }
1163
- .push-xl-6 {
1164
- left: 50%; }
1165
- .push-xl-7 {
1166
- left: 58.33333%; }
1167
- .push-xl-8 {
1168
- left: 66.66667%; }
1169
- .push-xl-9 {
1170
- left: 75%; }
1171
- .push-xl-10 {
1172
- left: 83.33333%; }
1173
- .push-xl-11 {
1174
- left: 91.66667%; }
1175
- .push-xl-12 {
1176
- left: 100%; }
1177
- .offset-xl-0 {
1178
- margin-left: 0%; }
1179
- .offset-xl-1 {
1180
- margin-left: 8.33333%; }
1181
- .offset-xl-2 {
1182
- margin-left: 16.66667%; }
1183
- .offset-xl-3 {
1184
- margin-left: 25%; }
1185
- .offset-xl-4 {
1186
- margin-left: 33.33333%; }
1187
- .offset-xl-5 {
1188
- margin-left: 41.66667%; }
1189
- .offset-xl-6 {
1190
- margin-left: 50%; }
1191
- .offset-xl-7 {
1192
- margin-left: 58.33333%; }
1193
- .offset-xl-8 {
1194
- margin-left: 66.66667%; }
1195
- .offset-xl-9 {
1196
- margin-left: 75%; }
1197
- .offset-xl-10 {
1198
- margin-left: 83.33333%; }
1199
- .offset-xl-11 {
1200
- margin-left: 91.66667%; } }
1201
-
1202
- html {
1203
- font-size: 100%; }
1204
- @media (max-width: 48em) {
1205
- html {
1206
- font-size: 80%; } }
1207
-
1208
- body {
1209
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1210
- font-size: 1rem;
1211
- font-weight: 400;
1212
- line-height: normal;
1213
- color: #444; }
1214
-
1215
- .demo-styles {
1216
- color: #444; }
1217
- .demo-styles h1 {
1218
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1219
- font-size: 2.8rem;
1220
- font-weight: 400;
1221
- line-height: normal;
1222
- font-weight: 300; }
1223
- .demo-styles h2 {
1224
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1225
- font-size: 2rem;
1226
- font-weight: 400;
1227
- line-height: normal;
1228
- font-weight: 300; }
1229
- .demo-styles h3 {
1230
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1231
- font-size: 1.6rem;
1232
- font-weight: 400;
1233
- line-height: normal; }
1234
- .demo-styles h4 {
1235
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1236
- font-size: 1.5rem;
1237
- font-weight: 400;
1238
- line-height: normal; }
1239
- .demo-styles h5 {
1240
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1241
- font-size: 1.3rem;
1242
- font-weight: 400;
1243
- line-height: normal; }
1244
- .demo-styles h6 {
1245
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1246
- font-size: 1.2rem;
1247
- font-weight: 400;
1248
- line-height: normal; }
1249
- .demo-styles p {
1250
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1251
- font-size: 1rem;
1252
- font-weight: 400;
1253
- line-height: normal; }
1254
- .demo-styles form {
1255
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1256
- font-size: 1rem;
1257
- font-weight: 400;
1258
- line-height: normal; }
1259
- .demo-styles input[type=text] {
1260
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1261
- font-size: 1rem;
1262
- font-weight: 400;
1263
- line-height: normal;
1264
- margin: 0;
1265
- padding: 0;
1266
- border-radius: 0;
1267
- background-image: linear-gradient(transparent, transparent);
1268
- background: transparent;
1269
- appearance: none;
1270
- border: none;
1271
- outline: none;
1272
- text-decoration: none;
1273
- margin: 0;
1274
- padding: 0;
1275
- border-radius: 0;
1276
- background-image: linear-gradient(transparent, transparent);
1277
- background: transparent;
1278
- appearance: none;
1279
- border: none;
1280
- outline: none;
1281
- text-decoration: none;
1282
- font-size: inherit;
1283
- display: inline-block;
1284
- width: 100%;
1285
- padding: 10px 10px;
1286
- box-sizing: border-box;
1287
- line-height: 1;
1288
- border: 1px solid #ddd; }
1289
- .demo-styles input[type=text]:focus {
1290
- border: none;
1291
- outline: none; }
1292
- .demo-styles input[type=text]:focus {
1293
- border: none;
1294
- outline: none; }
1295
- .demo-styles input[type=text]::placeholder {
1296
- font-size: inherit; }
1297
- .demo-styles input[type=text]:focus {
1298
- outline: 0; }
1299
- .demo-styles input[type=text]::placeholder {
1300
- color: #ddd; }
1301
- .demo-styles input[type=text]:focus {
1302
- border: 1px solid rgba(82, 158, 246, 0.5);
1303
- background: #fffff2; }
1304
- .demo-styles textarea {
1305
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1306
- font-size: 1rem;
1307
- font-weight: 400;
1308
- line-height: normal;
1309
- margin: 0;
1310
- padding: 0;
1311
- border-radius: 0;
1312
- background-image: linear-gradient(transparent, transparent);
1313
- background: transparent;
1314
- appearance: none;
1315
- border: none;
1316
- outline: none;
1317
- text-decoration: none;
1318
- margin: 0;
1319
- padding: 0;
1320
- border-radius: 0;
1321
- background-image: linear-gradient(transparent, transparent);
1322
- background: transparent;
1323
- appearance: none;
1324
- border: none;
1325
- outline: none;
1326
- text-decoration: none;
1327
- font-size: inherit;
1328
- display: inline-block;
1329
- width: 100%;
1330
- padding: 10px 10px;
1331
- box-sizing: border-box;
1332
- line-height: 1;
1333
- border: 1px solid #ddd;
1334
- line-height: 1.6rem;
1335
- height: 120px; }
1336
- .demo-styles textarea:focus {
1337
- border: none;
1338
- outline: none; }
1339
- .demo-styles textarea:focus {
1340
- border: none;
1341
- outline: none; }
1342
- .demo-styles textarea::placeholder {
1343
- font-size: inherit; }
1344
- .demo-styles textarea:focus {
1345
- outline: 0; }
1346
- .demo-styles textarea::placeholder {
1347
- color: #ddd; }
1348
- .demo-styles textarea:focus {
1349
- border: 1px solid rgba(82, 158, 246, 0.5);
1350
- background: #fffff2; }
1351
- .demo-styles legend {
1352
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1353
- font-size: inherit;
1354
- font-weight: 400;
1355
- line-height: normal; }
1356
- .demo-styles .radio {
1357
- margin: 0;
1358
- display: inline-block;
1359
- vertical-align: top; }
1360
- .demo-styles .radio input[type=radio] {
1361
- display: inline-block;
1362
- margin: 0 4px 0 0; }
1363
- .demo-styles .radio label {
1364
- cursor: pointer;
1365
- margin: 0; }
1366
- .demo-styles .radio label {
1367
- margin: 0;
1368
- padding: 0;
1369
- line-height: 1;
1370
- cursor: pointer;
1371
- display: inline-block; }
1372
- .demo-styles .radio label:before {
1373
- content: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==");
1374
- vertical-align: middle;
1375
- box-sizing: border-box;
1376
- text-align: center;
1377
- background: #fff;
1378
- width: 18px;
1379
- height: 18px;
1380
- line-height: 10px;
1381
- padding: 0;
1382
- border: 1px solid #ddd;
1383
- display: inline-block;
1384
- border-radius: 18px; }
1385
- .demo-styles .radio label:hover:before {
1386
- border-color: #529ef6; }
1387
- .demo-styles .radio input[type=radio] {
1388
- display: none; }
1389
- .demo-styles .radio input[type=radio]:checked + label:before {
1390
- background-color: #529ef6; }
1391
- .demo-styles .radio-inside {
1392
- margin: 0;
1393
- display: inline-block;
1394
- vertical-align: top; }
1395
- .demo-styles .radio-inside input[type=radio] {
1396
- display: inline-block;
1397
- margin: 0 4px 0 0; }
1398
- .demo-styles .radio-inside label {
1399
- cursor: pointer;
1400
- margin: 0; }
1401
- .demo-styles .radio-inside span {
1402
- margin: 0;
1403
- padding: 0;
1404
- line-height: 1;
1405
- cursor: pointer;
1406
- display: inline-block; }
1407
- .demo-styles .radio-inside span:before {
1408
- content: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==");
1409
- vertical-align: middle;
1410
- box-sizing: border-box;
1411
- text-align: center;
1412
- background: #fff;
1413
- width: 18px;
1414
- height: 18px;
1415
- line-height: 10px;
1416
- padding: 0;
1417
- border: 1px solid #ddd;
1418
- display: inline-block;
1419
- border-radius: 18px; }
1420
- .demo-styles .radio-inside span:hover:before {
1421
- border-color: #529ef6; }
1422
- .demo-styles .radio-inside input[type=radio] {
1423
- display: none; }
1424
- .demo-styles .radio-inside input[type=radio]:checked + span:before {
1425
- background-color: #529ef6; }
1426
- .demo-styles .checkbox {
1427
- margin: 0;
1428
- display: inline-block;
1429
- vertical-align: top; }
1430
- .demo-styles .checkbox input[type=checkbox] {
1431
- display: inline-block;
1432
- margin: 0 4px 0 0; }
1433
- .demo-styles .checkbox label {
1434
- cursor: pointer;
1435
- margin: 0; }
1436
- .demo-styles .checkbox label {
1437
- margin: 0;
1438
- padding: 0;
1439
- line-height: 1;
1440
- cursor: pointer; }
1441
- .demo-styles .checkbox label:before {
1442
- content: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+");
1443
- vertical-align: middle;
1444
- box-sizing: border-box;
1445
- text-align: center;
1446
- background: #fff;
1447
- width: 18px;
1448
- height: 18px;
1449
- line-height: 13px;
1450
- padding: 0 0 0 1px;
1451
- border: 1px solid #ddd;
1452
- display: inline-block;
1453
- border-radius: 3px; }
1454
- .demo-styles .checkbox label:hover:before {
1455
- border-color: #529ef6; }
1456
- .demo-styles .checkbox input[type=checkbox] {
1457
- display: none; }
1458
- .demo-styles .checkbox input[type=checkbox]:checked + label:before {
1459
- background: #529ef6; }
1460
- .demo-styles .checkbox-inside {
1461
- margin: 0;
1462
- display: inline-block;
1463
- vertical-align: top; }
1464
- .demo-styles .checkbox-inside input[type=checkbox] {
1465
- display: inline-block;
1466
- margin: 0 4px 0 0; }
1467
- .demo-styles .checkbox-inside label {
1468
- cursor: pointer;
1469
- margin: 0; }
1470
- .demo-styles .checkbox-inside span {
1471
- margin: 0;
1472
- padding: 0;
1473
- line-height: 1;
1474
- cursor: pointer; }
1475
- .demo-styles .checkbox-inside span:before {
1476
- content: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+");
1477
- vertical-align: middle;
1478
- box-sizing: border-box;
1479
- text-align: center;
1480
- background: #fff;
1481
- width: 18px;
1482
- height: 18px;
1483
- line-height: 13px;
1484
- padding: 0 0 0 1px;
1485
- border: 1px solid #ddd;
1486
- display: inline-block;
1487
- border-radius: 3px; }
1488
- .demo-styles .checkbox-inside span:hover:before {
1489
- border-color: #529ef6; }
1490
- .demo-styles .checkbox-inside input[type=checkbox] {
1491
- display: none; }
1492
- .demo-styles .checkbox-inside input[type=checkbox]:checked + span:before {
1493
- background: #529ef6; }
1494
- .demo-styles .select {
1495
- box-sizing: border-box;
1496
- border-radius: 2px;
1497
- position: relative;
1498
- overflow: hidden;
1499
- border: 1px solid #ddd;
1500
- width: auto;
1501
- display: inline-block;
1502
- padding-right: 20px; }
1503
- .demo-styles .select select {
1504
- margin: 0;
1505
- padding: 0;
1506
- border-radius: 0;
1507
- background-image: linear-gradient(transparent, transparent);
1508
- background: transparent;
1509
- appearance: none;
1510
- border: none;
1511
- outline: none;
1512
- text-decoration: none;
1513
- display: inline-block;
1514
- box-sizing: content-box;
1515
- width: 100%;
1516
- padding: 10px 10px;
1517
- line-height: 1 !important;
1518
- background: #fff;
1519
- color: #444;
1520
- background-image: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMTQ3IDIyNSA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPHBhdGggZD0iTTE1MCwyMjUgTDE1MywyMjkgTDE0NywyMjkgTDE1MCwyMjUgWiBNMTUwLDIzNSBMMTQ3LDIzMSBMMTUzLDIzMSBMMTUwLDIzNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+DQo8L3N2Zz4=");
1521
- background-repeat: no-repeat;
1522
- background-position: right 34px top 13px;
1523
- background-size: 6px 10px; }
1524
- .demo-styles .select select:focus {
1525
- border: none;
1526
- outline: none; }
1527
- .demo-styles .select select:focus {
1528
- outline: none;
1529
- border: none; }
1530
- .demo-styles .select select {
1531
- width: 110%; }
1532
- .demo-styles .select select::-ms-expand {
1533
- display: none; }
1534
-
1535
- @-moz-document url-prefix() {
1536
- .demo-styles .select select {
1537
- text-indent: 0.01px;
1538
- text-overflow: '';
1539
- color: #000;
1540
- padding: 5px 10px; }
1541
- .demo-styles .select select:-moz-focusring {
1542
- text-shadow: none; } }
1543
- .demo-styles .table {
1544
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1545
- font-size: 1rem;
1546
- font-weight: 400;
1547
- line-height: normal;
1548
- width: 100%;
1549
- border-collapse: collapse;
1550
- margin-bottom: 0;
1551
- border-top: 1px solid #eee;
1552
- margin-bottom: 10px; }
1553
- .demo-styles .table th {
1554
- font-weight: bold; }
1555
- .demo-styles .table th, .demo-styles .table td {
1556
- padding: 5px 10px; }
1557
- .demo-styles .table thead tr th, .demo-styles .table thead tr td {
1558
- font-size: 0.8rem;
1559
- border: 1px solid #eee;
1560
- border-bottom: 2px solid #eee; }
1561
- .demo-styles .table tbody tr:first-child th, .demo-styles .table tbody tr:first-child td {
1562
- border-top: none; }
1563
- .demo-styles .table tbody th {
1564
- border: 1px solid #eee;
1565
- border-bottom: 2px solid #eee; }
1566
- .demo-styles .table tbody td {
1567
- border: 1px solid #eee; }
1568
- .demo-styles .table-line {
1569
- width: 100%;
1570
- border-collapse: collapse;
1571
- margin-bottom: 0;
1572
- margin-bottom: 10px; }
1573
- .demo-styles .table-line th {
1574
- font-weight: bold; }
1575
- .demo-styles .table-line th, .demo-styles .table-line td {
1576
- padding: 5px 10px; }
1577
- .demo-styles .table-line thead tr th, .demo-styles .table-line thead tr td {
1578
- border-bottom: 2px solid #eee; }
1579
- .demo-styles .table-line tr:first-child th, .demo-styles .table-line tr:first-child td {
1580
- border-top: none; }
1581
- .demo-styles .table-line th, .demo-styles .table-line td {
1582
- border-top: 1px solid #eee; }
1583
- .demo-styles .table-stripe {
1584
- width: 100%;
1585
- border-collapse: collapse;
1586
- margin-bottom: 0;
1587
- margin-bottom: 10px; }
1588
- .demo-styles .table-stripe th {
1589
- font-weight: bold; }
1590
- .demo-styles .table-stripe th, .demo-styles .table-stripe td {
1591
- padding: 5px 10px; }
1592
- .demo-styles .table-stripe thead tr {
1593
- background-color: #fff; }
1594
- .demo-styles .table-stripe tbody tr:nth-child(even) {
1595
- background-color: #eee; }
1596
- .demo-styles .table-stripe tbody tr:nth-child(odd) {
1597
- background-color: #f8f8f8; }
1598
- .demo-styles .fieldset {
1599
- display: flex;
1600
- justify-content: space-between;
1601
- align-items: center;
1602
- min-width: 0;
1603
- padding: 0;
1604
- margin: 0 0 10px;
1605
- border: 0; }
1606
- .demo-styles .fieldset:last-child {
1607
- margin-bottom: 0; }
1608
- .demo-styles .fieldset label, .demo-styles .fieldset legend {
1609
- margin-bottom: 0; }
1610
- .demo-styles .fieldset > legend {
1611
- width: 30%;
1612
- padding-right: 20px; }
1613
- .demo-styles .fieldset > *:not(legend) {
1614
- flex: 1; }
1615
- .demo-styles .button {
1616
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1617
- font-size: 1rem;
1618
- font-weight: 400;
1619
- line-height: normal;
1620
- box-sizing: border-box;
1621
- box-shadow: none;
1622
- appearance: none;
1623
- display: inline-block;
1624
- border-radius: 0;
1625
- background-color: transparent;
1626
- background-image: linear-gradient(to top, transparent, transparent);
1627
- position: relative;
1628
- cursor: pointer;
1629
- text-align: center;
1630
- font-weight: normal;
1631
- margin: 0;
1632
- padding: 0;
1633
- border: none;
1634
- outline: none;
1635
- border-radius: 2px;
1636
- border: 1px solid #529ef6;
1637
- background-color: #529ef6;
1638
- color: #fff;
1639
- padding: 10px 10px;
1640
- line-height: 1; }
1641
- .demo-styles .button:link, .demo-styles .button:visited, .demo-styles .button:hover, .demo-styles .button:active, .demo-styles .button:active {
1642
- text-decoration: none; }
1643
- .demo-styles .button:focus {
1644
- outline: none; }
1645
- .demo-styles .button:disabled, .demo-styles .button.is-disabled {
1646
- cursor: default;
1647
- pointer-events: none;
1648
- opacity: 0.2; }
1649
- .demo-styles .button:focus {
1650
- background-color: #529ef6; }
1651
- .demo-styles .button:hover, .demo-styles .button:active, .demo-styles .button.is-current {
1652
- background-color: #2283f3;
1653
- color: #fff;
1654
- border-color: #529ef6; }
1655
- .demo-styles .button-semiflat {
1656
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1657
- font-size: 1rem;
1658
- font-weight: 400;
1659
- line-height: normal;
1660
- box-sizing: border-box;
1661
- box-shadow: none;
1662
- appearance: none;
1663
- display: inline-block;
1664
- border-radius: 0;
1665
- background-color: transparent;
1666
- background-image: linear-gradient(to top, transparent, transparent);
1667
- position: relative;
1668
- cursor: pointer;
1669
- text-align: center;
1670
- font-weight: normal;
1671
- margin: 0;
1672
- padding: 0;
1673
- border: none;
1674
- outline: none;
1675
- border-radius: 4px;
1676
- background-color: #529ef6;
1677
- background-image: linear-gradient(to top, #529ef6, #6aacf7);
1678
- border: 1px solid #6aacf7;
1679
- color: #fff;
1680
- padding: 10px 10px;
1681
- line-height: 1; }
1682
- .demo-styles .button-semiflat:link, .demo-styles .button-semiflat:visited, .demo-styles .button-semiflat:hover, .demo-styles .button-semiflat:active, .demo-styles .button-semiflat:active {
1683
- text-decoration: none; }
1684
- .demo-styles .button-semiflat:focus {
1685
- outline: none; }
1686
- .demo-styles .button-semiflat:disabled, .demo-styles .button-semiflat.is-disabled {
1687
- cursor: default;
1688
- pointer-events: none;
1689
- opacity: 0.2; }
1690
- .demo-styles .button-semiflat:focus {
1691
- background-color: #529ef6;
1692
- background-image: linear-gradient(to top, #529ef6, #6aacf7); }
1693
- .demo-styles .button-semiflat:hover, .demo-styles .button-semiflat:active, .demo-styles .button-semiflat.is-current {
1694
- background-color: #3a90f5;
1695
- background-image: linear-gradient(to top, #3a90f5, #529ef6); }
1696
- .demo-styles .button-border {
1697
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1698
- font-size: 1rem;
1699
- font-weight: 400;
1700
- line-height: normal;
1701
- box-sizing: border-box;
1702
- box-shadow: none;
1703
- appearance: none;
1704
- display: inline-block;
1705
- border-radius: 0;
1706
- background-color: transparent;
1707
- background-image: linear-gradient(to top, transparent, transparent);
1708
- position: relative;
1709
- cursor: pointer;
1710
- text-align: center;
1711
- font-weight: normal;
1712
- margin: 0;
1713
- padding: 0;
1714
- border: none;
1715
- outline: none;
1716
- border-radius: 2px;
1717
- background-color: transparent;
1718
- padding: 10px 10px;
1719
- border: 1px solid #529ef6;
1720
- color: #529ef6;
1721
- line-height: 1; }
1722
- .demo-styles .button-border:link, .demo-styles .button-border:visited, .demo-styles .button-border:hover, .demo-styles .button-border:active, .demo-styles .button-border:active {
1723
- text-decoration: none; }
1724
- .demo-styles .button-border:focus {
1725
- outline: none; }
1726
- .demo-styles .button-border:disabled, .demo-styles .button-border.is-disabled {
1727
- cursor: default;
1728
- pointer-events: none;
1729
- opacity: 0.2; }
1730
- .demo-styles .button-border:focus {
1731
- background-color: transparent;
1732
- border: 1px solid #529ef6; }
1733
- .demo-styles .button-border:hover, .demo-styles .button-border:active, .demo-styles .button-border.is-current {
1734
- background-color: #529ef6;
1735
- color: #fff;
1736
- border-color: transparet; }
1737
- .demo-styles .button-emboss {
1738
- font-family: "Open Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif;
1739
- font-size: 1rem;
1740
- font-weight: 400;
1741
- line-height: normal;
1742
- box-sizing: border-box;
1743
- box-shadow: none;
1744
- appearance: none;
1745
- display: inline-block;
1746
- border-radius: 0;
1747
- background-color: transparent;
1748
- background-image: linear-gradient(to top, transparent, transparent);
1749
- position: relative;
1750
- cursor: pointer;
1751
- text-align: center;
1752
- font-weight: normal;
1753
- margin: 0;
1754
- padding: 0;
1755
- border: none;
1756
- outline: none;
1757
- transition: all 0.05s ease-out;
1758
- transform: translateY(-6px);
1759
- box-shadow: 0 6px 0 #2283f3;
1760
- border-radius: 4px;
1761
- background-color: #529ef6;
1762
- color: #fff;
1763
- padding: 10px 10px;
1764
- line-height: 1; }
1765
- .demo-styles .button-emboss:link, .demo-styles .button-emboss:visited, .demo-styles .button-emboss:hover, .demo-styles .button-emboss:active, .demo-styles .button-emboss:active {
1766
- text-decoration: none; }
1767
- .demo-styles .button-emboss:focus {
1768
- outline: none; }
1769
- .demo-styles .button-emboss:disabled, .demo-styles .button-emboss.is-disabled {
1770
- cursor: default;
1771
- pointer-events: none;
1772
- opacity: 0.2; }
1773
- .demo-styles .button-emboss:focus {
1774
- background-color: #529ef6;
1775
- box-shadow: 0 6px 0 #2283f3; }
1776
- .demo-styles .button-emboss:hover, .demo-styles .button-emboss:active, .demo-styles .button-emboss.is-current {
1777
- transform: translateY(0);
1778
- box-shadow: 0 0 0 #529ef6;
1779
- background-color: #2283f3; }
1780
- .demo-styles .button-group {
1781
- display: -webkit-box;
1782
- display: -ms-flexbox;
1783
- display: flex;
1784
- -webkit-box-pack: justify;
1785
- -ms-flex-pack: justify;
1786
- justify-content: space-between; }
1787
- .demo-styles .button-group > * {
1788
- width: 100%;
1789
- border-radius: 0; }
1790
- .demo-styles .button-group > *:first-child {
1791
- border-radius: 3px 0 0 3px; }
1792
- .demo-styles .button-group > *:last-child {
1793
- border-radius: 0 3px 3px 0; }
1794
- .demo-styles .reset-ul {
1795
- margin: 0;
1796
- padding: 0;
1797
- list-style: none;
1798
- display: inline-block; }
1799
- .demo-styles .reset-ul > li {
1800
- display: inline-block; }
1801
- .demo-styles .word-break {
1802
- white-space: normal;
1803
- word-break: break-all;
1804
- word-wrap: break-word;
1805
- display: inline-block;
1806
- width: 100px;
1807
- background: #f8f8f8;
1808
- padding: 10px; }
1809
- .demo-styles .word-break-none {
1810
- white-space: nowrap;
1811
- word-break: keep-all;
1812
- word-wrap: normal;
1813
- display: inline-block;
1814
- width: 100px;
1815
- background: #f8f8f8;
1816
- padding: 10px; }
1817
- .demo-styles .text-overflow {
1818
- overflow: hidden;
1819
- white-space: nowrap;
1820
- text-overflow: ellipsis;
1821
- display: inline-block;
1822
- width: 100px;
1823
- background: #f8f8f8;
1824
- padding: 10px; }
1825
- .demo-styles .icon-hamburger::before {
1826
- content: '';
1827
- width: 40px;
1828
- height: 40px;
1829
- display: inline-block;
1830
- background-color: #000;
1831
- background-image: url("data:image/svg+xml, %0A%3Csvg%20width%3D%2228px%22%20height%3D%2224px%22%20viewBox%3D%226%208%2028%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%228%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle1%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%2218%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle2%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%2228%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%3C/svg%3E");
1832
- background-repeat: no-repeat;
1833
- background-position: center center;
1834
- background-size: 45% 45%; }
1835
- .demo-styles .icon-twitter::before {
1836
- content: '';
1837
- width: 40px;
1838
- height: 40px;
1839
- display: inline-block;
1840
- background-color: #1DA1F2;
1841
- background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2226px%22%20height%3D%2222px%22%20viewBox%3D%228%209%2026%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16.26924%2C30.6112994%20C25.89192%2C30.6112994%2031.15512%2C22.6389794%2031.15512%2C15.7254194%20C31.15512%2C15.4989794%2031.15512%2C15.2735594%2031.13982%2C15.0491594%20C32.163728%2C14.3085485%2033.0475826%2C13.3915364%2033.75%2C12.3410594%20C32.7951566%2C12.7641572%2031.7822459%2C13.0416247%2030.74508%2C13.1641994%20C31.8372389%2C12.5103611%2032.654646%2C11.4819869%2033.04518%2C10.2704594%20C32.0182006%2C10.8798639%2030.894659%2C11.3093417%2029.72304%2C11.5403594%20C28.1013244%2C9.8159416%2025.5244337%2C9.39388427%2023.4373403%2C10.510853%20C21.3502468%2C11.6278216%2020.2720005%2C14.0060317%2020.80722%2C16.3119194%20C16.6006337%2C16.101034%2012.6813653%2C14.1141492%2010.0248%2C10.8457394%20C8.63619521%2C13.2362571%209.34546764%2C16.2944361%2011.64456%2C17.8296794%20C10.811976%2C17.8050031%209.99754496%2C17.5804049%209.27%2C17.1748394%20L9.27%2C17.2411394%20C9.2706815%2C19.7315643%2011.0261865%2C21.8765653%2013.4673%2C22.3696994%20C12.697067%2C22.5797583%2011.8889322%2C22.6104646%2011.10498%2C22.4594594%20C11.7903669%2C24.5906707%2013.7545061%2C26.050659%2015.99282%2C26.0926994%20C14.1402297%2C27.54868%2011.8516807%2C28.3390737%209.49542%2C28.3366994%20C9.07916164%2C28.3359003%208.66330815%2C28.3106971%208.25%2C28.2612194%20C10.6425487%2C29.7966015%2013.4264117%2C30.6110107%2016.26924%2C30.6072194%22%20id%3D%22shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%3C/svg%3E");
1842
- background-repeat: no-repeat;
1843
- background-position: center center;
1844
- background-size: 60% 60%; }
1845
- .demo-styles .icon-facebook::before {
1846
- content: '';
1847
- width: 40px;
1848
- height: 40px;
1849
- display: inline-block;
1850
- background-color: #3C5999;
1851
- background-image: url("data:image/svg+xml, %0A%3Csvg%20width%3D%2218px%22%20height%3D%2234px%22%20viewBox%3D%2216%206%2018%2034%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M27.4852836%2C39.9843284%20L27.4852836%2C24.558209%20L32.6633433%2C24.558209%20L33.4385672%2C18.5462687%20L27.4852836%2C18.5462687%20L27.4852836%2C14.7079104%20C27.4852836%2C12.9673134%2027.9685672%2C11.781194%2030.4646866%2C11.781194%20L33.6482687%2C11.7797015%20L33.6482687%2C6.40268657%20C33.0975224%2C6.32955224%2031.2078209%2C6.1658209%2029.0093134%2C6.1658209%20C24.4193134%2C6.1658209%2021.2770746%2C8.96746269%2021.2770746%2C14.1126866%20L21.2770746%2C18.5462687%20L16.0858806%2C18.5462687%20L16.0858806%2C24.558209%20L21.2770746%2C24.558209%20L21.2770746%2C39.9843284%20L27.4852836%2C39.9843284%20Z%22%20id%3D%22Fill-4%22%20stroke%3D%22none%22%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%3C/svg%3E");
1852
- background-repeat: no-repeat;
1853
- background-position: center center;
1854
- background-size: 60% 60%; }
1855
- .demo-styles .icon-hatena::before {
1856
- content: '';
1857
- width: 40px;
1858
- height: 40px;
1859
- display: inline-block;
1860
- background-color: #2D92BA;
1861
- background-image: url("data:image/svg+xml, %0A%3Csvg%20width%3D%2222px%22%20height%3D%2220px%22%20viewBox%3D%229%2010%2022%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.91544%2C25.36632%20C17.43128%2C25.66368%2016.59696%2C25.80976%2015.42632%2C25.80976%20L13.69448%2C25.80976%20L13.69448%2C21.83744%20L15.50112%2C21.83744%20C16.70336%2C21.83744%2017.53432%2C21.98864%2017.97632%2C22.29072%20C18.42552%2C22.59296%2018.64648%2C23.12664%2018.64648%2C23.89272%20C18.64648%2C24.57832%2018.40432%2C25.07072%2017.91544%2C25.36632%20Z%20M13.69448%2C14.93992%20L14.75864%2C14.93992%20C15.98848%2C14.93992%2016.81472%2C15.0788%2017.24112%2C15.35504%20C17.66192%2C15.63296%2017.8764%2C16.11224%2017.8764%2C16.79536%20C17.8764%2C17.45248%2017.64808%2C17.91544%2017.1964%2C18.18688%20C16.73904%2C18.45328%2015.9048%2C18.58816%2014.68384%2C18.58816%20L13.69448%2C18.58816%20L13.69448%2C14.93992%20Z%20M22.25328%2C20.64824%20C21.52864%2C19.8384%2020.52144%2C19.38336%2019.22888%2C19.28504%20C20.37848%2C18.9716%2021.21344%2C18.51336%2021.74152%2C17.90088%20C22.26712%2C17.29656%2022.52784%2C16.47616%2022.52784%2C15.44368%20C22.52784%2C14.6264%2022.3492%2C13.90328%2022.00304%2C13.27872%20C21.64816%2C12.658%2021.13792%2C12.16088%2020.46776%2C11.78896%20C19.8812%2C11.4664%2019.18432%2C11.23896%2018.37192%2C11.1048%20C17.55552%2C10.9748%2016.12656%2C10.90912%2014.07624%2C10.90912%20L9.09088%2C10.90912%20L9.09088%2C29.09088%20L14.22736%2C29.09088%20C16.29064%2C29.09088%2017.77888%2C29.01864%2018.68872%2C28.8804%20C19.59768%2C28.73752%2020.36048%2C28.49704%2020.97792%2C28.16736%20C21.74152%2C27.76432%2022.32392%2C27.19088%2022.73096%2C26.45408%20C23.1404%2C25.71488%2023.34344%2C24.86256%2023.34344%2C23.88776%20C23.34344%2C22.53944%2022.98024%2C21.45576%2022.25328%2C20.64824%20L22.25328%2C20.64824%20Z%22%20id%3D%22Fill-4%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.60648%2C24.48488%20C27.33392%2C24.48488%2026.30304%2C25.51504%2026.30304%2C26.78752%20C26.30304%2C28.06%2027.33392%2C29.09088%2028.60648%2C29.09088%20C29.87736%2C29.09088%2030.90912%2C28.06%2030.90912%2C26.78752%20C30.90912%2C25.51504%2029.87736%2C24.48488%2028.60648%2C24.48488%22%20id%3D%22Fill-5%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Fill-6%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20points%3D%2226.60608%2023.0311998%2030.60608%2023.0311998%2030.60608%2010.9099998%2026.60608%2010.9099998%22%3E%3C/polygon%3E%0A%3C/svg%3E");
1862
- background-repeat: no-repeat;
1863
- background-position: center center;
1864
- background-size: 50% 50%; }
3
+ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.container{position:relative;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-right:15px;padding-left:15px}@media (min-width:34em){.container{padding-right:15px;padding-left:15px}}@media (min-width:48em){.container{padding-right:15px;padding-left:15px}}@media (min-width:62em){.container{padding-right:15px;padding-left:15px}}@media (min-width:75em){.container{padding-right:15px;padding-left:15px}}@media (min-width:34em){.container{width:540px;max-width:100%;box-sizing:border-box}}@media (min-width:48em){.container{width:720px;max-width:100%;box-sizing:border-box}}@media (min-width:62em){.container{width:960px;max-width:100%;box-sizing:border-box}}@media (min-width:75em){.container{width:1140px;max-width:100%;box-sizing:border-box}}.container-fluid{position:relative;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-right:15px;padding-left:15px}@media (min-width:34em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:48em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:62em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:75em){.container-fluid{padding-right:15px;padding-left:15px}}.row{display:flex;flex-wrap:wrap;box-sizing:border-box;margin-right:-15px;margin-left:-15px}@media (min-width:34em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:48em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:62em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:75em){.row{margin-right:-15px;margin-left:-15px}}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box}@media (min-width:34em){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:48em){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:62em){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:75em){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{padding-right:15px;padding-left:15px;box-sizing:border-box}}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.pull-0{right:auto}.pull-1{right:8.33333%}.pull-2{right:16.66667%}.pull-3{right:25%}.pull-4{right:33.33333%}.pull-5{right:41.66667%}.pull-6{right:50%}.pull-7{right:58.33333%}.pull-8{right:66.66667%}.pull-9{right:75%}.pull-10{right:83.33333%}.pull-11{right:91.66667%}.pull-12{right:100%}.push-0{left:auto}.push-1{left:8.33333%}.push-2{left:16.66667%}.push-3{left:25%}.push-4{left:33.33333%}.push-5{left:41.66667%}.push-6{left:50%}.push-7{left:58.33333%}.push-8{left:66.66667%}.push-9{left:75%}.push-10{left:83.33333%}.push-11{left:91.66667%}.push-12{left:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width:34em){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.33333%}.pull-sm-2{right:16.66667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.33333%}.pull-sm-5{right:41.66667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.33333%}.pull-sm-8{right:66.66667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.33333%}.pull-sm-11{right:91.66667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.33333%}.push-sm-2{left:16.66667%}.push-sm-3{left:25%}.push-sm-4{left:33.33333%}.push-sm-5{left:41.66667%}.push-sm-6{left:50%}.push-sm-7{left:58.33333%}.push-sm-8{left:66.66667%}.push-sm-9{left:75%}.push-sm-10{left:83.33333%}.push-sm-11{left:91.66667%}.push-sm-12{left:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width:48em){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.33333%}.pull-md-2{right:16.66667%}.pull-md-3{right:25%}.pull-md-4{right:33.33333%}.pull-md-5{right:41.66667%}.pull-md-6{right:50%}.pull-md-7{right:58.33333%}.pull-md-8{right:66.66667%}.pull-md-9{right:75%}.pull-md-10{right:83.33333%}.pull-md-11{right:91.66667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.33333%}.push-md-2{left:16.66667%}.push-md-3{left:25%}.push-md-4{left:33.33333%}.push-md-5{left:41.66667%}.push-md-6{left:50%}.push-md-7{left:58.33333%}.push-md-8{left:66.66667%}.push-md-9{left:75%}.push-md-10{left:83.33333%}.push-md-11{left:91.66667%}.push-md-12{left:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width:62em){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.33333%}.pull-lg-2{right:16.66667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.33333%}.pull-lg-5{right:41.66667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.33333%}.pull-lg-8{right:66.66667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.33333%}.pull-lg-11{right:91.66667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.33333%}.push-lg-2{left:16.66667%}.push-lg-3{left:25%}.push-lg-4{left:33.33333%}.push-lg-5{left:41.66667%}.push-lg-6{left:50%}.push-lg-7{left:58.33333%}.push-lg-8{left:66.66667%}.push-lg-9{left:75%}.push-lg-10{left:83.33333%}.push-lg-11{left:91.66667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width:75em){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.33333%}.pull-xl-2{right:16.66667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.33333%}.pull-xl-5{right:41.66667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.33333%}.pull-xl-8{right:66.66667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.33333%}.pull-xl-11{right:91.66667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.33333%}.push-xl-2{left:16.66667%}.push-xl-3{left:25%}.push-xl-4{left:33.33333%}.push-xl-5{left:41.66667%}.push-xl-6{left:50%}.push-xl-7{left:58.33333%}.push-xl-8{left:66.66667%}.push-xl-9{left:75%}.push-xl-10{left:83.33333%}.push-xl-11{left:91.66667%}.push-xl-12{left:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}html{font-size:100%}@media (max-width:48em){html{font-size:80%}}body{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles,body{color:#444}.demo-styles h1{font-size:2.8rem}.demo-styles h1,.demo-styles h2{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:400;line-height:normal;font-weight:300}.demo-styles h2{font-size:2rem}.demo-styles h3{font-size:1.6rem}.demo-styles h3,.demo-styles h4{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:400;line-height:normal}.demo-styles h4{font-size:1.5rem}.demo-styles h5{font-size:1.3rem}.demo-styles h5,.demo-styles h6{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:400;line-height:normal}.demo-styles h6{font-size:1.2rem}.demo-styles form,.demo-styles input[type=text],.demo-styles p{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles input[type=text]{margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:transparent;appearance:none;border:none;outline:none;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px;box-sizing:border-box;line-height:1;border:1px solid #ddd}.demo-styles input[type=text]:focus{border:none;outline:none}.demo-styles input[type=text]::placeholder{font-size:inherit}.demo-styles input[type=text]:focus{outline:0}.demo-styles input[type=text]::placeholder{color:#ddd}.demo-styles input[type=text]:focus{border:1px solid rgba(82,158,246,.5);background:#fffff2}.demo-styles textarea{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:transparent;appearance:none;border:none;outline:none;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px;box-sizing:border-box;line-height:1;border:1px solid #ddd;line-height:1.6rem;height:120px}.demo-styles textarea:focus{border:none;outline:none}.demo-styles textarea::placeholder{font-size:inherit}.demo-styles textarea:focus{outline:0}.demo-styles textarea::placeholder{color:#ddd}.demo-styles textarea:focus{border:1px solid rgba(82,158,246,.5);background:#fffff2}.demo-styles legend{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:inherit;font-weight:400;line-height:normal}.demo-styles .radio{margin:0;display:inline-block;vertical-align:top}.demo-styles .radio input[type=radio]{display:inline-block;margin:0 4px 0 0}.demo-styles .radio label{margin:0;padding:0;line-height:1;cursor:pointer;display:inline-block}.demo-styles .radio label:before{content:url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==");vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:10px;padding:0;border:1px solid #ddd;display:inline-block;border-radius:18px}.demo-styles .radio label:hover:before{border-color:#529ef6}.demo-styles .radio input[type=radio]{display:none}.demo-styles .radio input[type=radio]:checked+label:before{background-color:#529ef6}.demo-styles .radio-inside{margin:0;display:inline-block;vertical-align:top}.demo-styles .radio-inside input[type=radio]{display:inline-block;margin:0 4px 0 0}.demo-styles .radio-inside label{cursor:pointer;margin:0}.demo-styles .radio-inside span{margin:0;padding:0;line-height:1;cursor:pointer;display:inline-block}.demo-styles .radio-inside span:before{content:url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==");vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:10px;padding:0;border:1px solid #ddd;display:inline-block;border-radius:18px}.demo-styles .radio-inside span:hover:before{border-color:#529ef6}.demo-styles .radio-inside input[type=radio]{display:none}.demo-styles .radio-inside input[type=radio]:checked+span:before{background-color:#529ef6}.demo-styles .checkbox{margin:0;display:inline-block;vertical-align:top}.demo-styles .checkbox input[type=checkbox]{display:inline-block;margin:0 4px 0 0}.demo-styles .checkbox label{margin:0;padding:0;line-height:1;cursor:pointer}.demo-styles .checkbox label:before{content:url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+");vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:13px;padding:0 0 0 1px;border:1px solid #ddd;display:inline-block;border-radius:3px}.demo-styles .checkbox label:hover:before{border-color:#529ef6}.demo-styles .checkbox input[type=checkbox]{display:none}.demo-styles .checkbox input[type=checkbox]:checked+label:before{background:#529ef6}.demo-styles .checkbox-inside{margin:0;display:inline-block;vertical-align:top}.demo-styles .checkbox-inside input[type=checkbox]{display:inline-block;margin:0 4px 0 0}.demo-styles .checkbox-inside label{cursor:pointer;margin:0}.demo-styles .checkbox-inside span{margin:0;padding:0;line-height:1;cursor:pointer}.demo-styles .checkbox-inside span:before{content:url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+");vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:13px;padding:0 0 0 1px;border:1px solid #ddd;display:inline-block;border-radius:3px}.demo-styles .checkbox-inside span:hover:before{border-color:#529ef6}.demo-styles .checkbox-inside input[type=checkbox]{display:none}.demo-styles .checkbox-inside input[type=checkbox]:checked+span:before{background:#529ef6}.demo-styles .select{padding:0;margin:0;border:1px solid #ccc;width:200px;border-radius:3px;overflow:hidden;background-color:#fff;background-image:url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMTQ3IDIyNSA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPHBhdGggZD0iTTE1MCwyMjUgTDE1MywyMjkgTDE0NywyMjkgTDE1MCwyMjUgWiBNMTUwLDIzNSBMMTQ3LDIzMSBMMTUzLDIzMSBMMTUwLDIzNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+DQo8L3N2Zz4=");background-repeat:no-repeat;background-position:right 12px top 15px;background-size:6px 10px}.demo-styles .select select{padding:5px 12px;width:130%;height:40px;border:none;box-shadow:none;background-color:transparent;background-image:none;appearance:none;cursor:pointer}.demo-styles .select select:focus{outline:none}.demo-styles .table{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;font-weight:400;line-height:normal;width:100%;border-collapse:collapse;margin-bottom:0;border-top:1px solid #eee;margin-bottom:10px}.demo-styles .table th{font-weight:700}.demo-styles .table td,.demo-styles .table th{padding:5px 10px}.demo-styles .table thead tr td,.demo-styles .table thead tr th{font-size:.8rem;border:1px solid #eee;border-bottom:2px solid #eee}.demo-styles .table tbody tr:first-child td,.demo-styles .table tbody tr:first-child th{border-top:none}.demo-styles .table tbody th{border:1px solid #eee;border-bottom:2px solid #eee}.demo-styles .table tbody td{border:1px solid #eee}.demo-styles .table-line{width:100%;border-collapse:collapse;margin-bottom:0;margin-bottom:10px}.demo-styles .table-line th{font-weight:700}.demo-styles .table-line td,.demo-styles .table-line th{padding:5px 10px}.demo-styles .table-line thead tr td,.demo-styles .table-line thead tr th{border-bottom:2px solid #eee}.demo-styles .table-line tr:first-child td,.demo-styles .table-line tr:first-child th{border-top:none}.demo-styles .table-line td,.demo-styles .table-line th{border-top:1px solid #eee}.demo-styles .table-stripe{width:100%;border-collapse:collapse;margin-bottom:0;margin-bottom:10px}.demo-styles .table-stripe th{font-weight:700}.demo-styles .table-stripe td,.demo-styles .table-stripe th{padding:5px 10px}.demo-styles .table-stripe thead tr{background-color:#fff}.demo-styles .table-stripe tbody tr:nth-child(2n){background-color:#eee}.demo-styles .table-stripe tbody tr:nth-child(odd){background-color:#f8f8f8}.demo-styles .fieldset{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:0;margin:0 0 10px;border:0}.demo-styles .fieldset:last-child,.demo-styles .fieldset label,.demo-styles .fieldset legend{margin-bottom:0}.demo-styles .fieldset>legend{width:30%;padding-right:20px}.demo-styles .fieldset>:not(legend){flex:1}.demo-styles .button{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;line-height:normal;box-sizing:border-box;box-shadow:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(0deg,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:none;border-radius:2px;border:1px solid #529ef6;background-color:#529ef6;color:#fff;padding:10px;line-height:1}.demo-styles .button:active,.demo-styles .button:hover,.demo-styles .button:link,.demo-styles .button:visited{text-decoration:none}.demo-styles .button:focus{outline:none}.demo-styles .button.is-disabled,.demo-styles .button:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button:focus{background-color:#529ef6}.demo-styles .button.is-current,.demo-styles .button:active,.demo-styles .button:hover{background-color:#2283f3;color:#fff;border-color:#529ef6}.demo-styles .button-semiflat{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;line-height:normal;box-sizing:border-box;box-shadow:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(0deg,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:none;border-radius:4px;background-color:#529ef6;background-image:linear-gradient(0deg,#529ef6,#6aacf7);border:1px solid #6aacf7;color:#fff;padding:10px;line-height:1}.demo-styles .button-semiflat:active,.demo-styles .button-semiflat:hover,.demo-styles .button-semiflat:link,.demo-styles .button-semiflat:visited{text-decoration:none}.demo-styles .button-semiflat:focus{outline:none}.demo-styles .button-semiflat.is-disabled,.demo-styles .button-semiflat:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-semiflat:focus{background-color:#529ef6;background-image:linear-gradient(0deg,#529ef6,#6aacf7)}.demo-styles .button-semiflat.is-current,.demo-styles .button-semiflat:active,.demo-styles .button-semiflat:hover{background-color:#3a90f5;background-image:linear-gradient(0deg,#3a90f5,#529ef6)}.demo-styles .button-border{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;line-height:normal;box-sizing:border-box;box-shadow:none;appearance:none;display:inline-block;border-radius:0;background-image:linear-gradient(0deg,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:none;border-radius:2px;background-color:transparent;padding:10px;border:1px solid #529ef6;color:#529ef6;line-height:1}.demo-styles .button-border:active,.demo-styles .button-border:hover,.demo-styles .button-border:link,.demo-styles .button-border:visited{text-decoration:none}.demo-styles .button-border:focus{outline:none}.demo-styles .button-border.is-disabled,.demo-styles .button-border:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-border:focus{background-color:transparent;border:1px solid #529ef6}.demo-styles .button-border.is-current,.demo-styles .button-border:active,.demo-styles .button-border:hover{background-color:#529ef6;color:#fff;border-color:transparet}.demo-styles .button-emboss{font-family:Open Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;font-size:1rem;line-height:normal;box-sizing:border-box;box-shadow:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(0deg,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:none;transition:all .05s ease-out;transform:translateY(-6px);box-shadow:0 6px 0 #2283f3;border-radius:4px;background-color:#529ef6;color:#fff;padding:10px;line-height:1}.demo-styles .button-emboss:active,.demo-styles .button-emboss:hover,.demo-styles .button-emboss:link,.demo-styles .button-emboss:visited{text-decoration:none}.demo-styles .button-emboss:focus{outline:none}.demo-styles .button-emboss.is-disabled,.demo-styles .button-emboss:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-emboss:focus{background-color:#529ef6;box-shadow:0 6px 0 #2283f3}.demo-styles .button-emboss.is-current,.demo-styles .button-emboss:active,.demo-styles .button-emboss:hover{transform:translateY(0);box-shadow:0 0 0 #529ef6;background-color:#2283f3}.demo-styles .button-group{display:flex;justify-content:space-between}.demo-styles .button-group>*{width:100%;border-radius:0}.demo-styles .button-group>:first-child{border-radius:3px 0 0 3px}.demo-styles .button-group>:last-child{border-radius:0 3px 3px 0}.demo-styles .switch input[type=checkbox]{display:none}.demo-styles .switch label{cursor:pointer;text-indent:-9999px;width:38px;height:20px;background:grey;display:block;border-radius:20px;position:relative}.demo-styles .switch label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}.demo-styles .switch input:checked+label{background:#529ef6}.demo-styles .switch input:checked+label:after{left:calc(100% - 2px);transform:translateX(-100%)}.demo-styles .switch label:active:after{width:20px}.demo-styles .reset-ul{margin:0;padding:0;list-style:none;display:inline-block}.demo-styles .reset-ul>li{display:inline-block}.demo-styles .word-break{white-space:normal;word-break:break-all;word-wrap:break-word}.demo-styles .word-break,.demo-styles .word-break-none{display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .word-break-none{white-space:nowrap;word-break:keep-all;word-wrap:normal}.demo-styles .text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .icon-hamburger:before{background-color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='24' viewBox='6 8 28 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M6 8h28v4H6zM6 18h28v4H6zM6 28h28v4H6z'/%3E%3C/svg%3E");background-size:45% 45%}.demo-styles .icon-hamburger:before,.demo-styles .icon-twitter:before{content:"";width:40px;height:40px;display:inline-block;background-repeat:no-repeat;background-position:50%}.demo-styles .icon-twitter:before{background-color:#1da1f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='22' viewBox='8 9 26 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.27 30.611c9.622 0 14.885-7.972 14.885-14.886 0-.226 0-.451-.015-.676a10.645 10.645 0 0 0 2.61-2.708c-.955.423-1.968.7-3.005.823a5.25 5.25 0 0 0 2.3-2.894 10.485 10.485 0 0 1-3.322 1.27 5.237 5.237 0 0 0-8.916 4.772 14.853 14.853 0 0 1-10.782-5.466 5.236 5.236 0 0 0 1.62 6.984 5.193 5.193 0 0 1-2.375-.655v.066a5.234 5.234 0 0 0 4.197 5.129c-.77.21-1.578.24-2.362.09a5.238 5.238 0 0 0 4.888 3.633A10.498 10.498 0 0 1 8.25 28.26a14.811 14.811 0 0 0 8.02 2.346' fill='%23FFF'/%3E%3C/svg%3E");background-size:60% 60%}.demo-styles .icon-facebook:before{background-color:#3c5999;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='34' viewBox='16 6 18 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.485 39.984V24.558h5.178l.776-6.012h-5.954v-3.838c0-1.74.484-2.927 2.98-2.927l3.183-.001V6.403c-.55-.073-2.44-.237-4.639-.237-4.59 0-7.732 2.801-7.732 7.947v4.433h-5.191v6.012h5.191v15.426h6.208z' fill='%23FEFEFE' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:60% 60%}.demo-styles .icon-facebook:before,.demo-styles .icon-hatena:before{content:"";width:40px;height:40px;display:inline-block;background-repeat:no-repeat;background-position:50%}.demo-styles .icon-hatena:before{background-color:#2d92ba;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='20' viewBox='9 10 22 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.915 25.366c-.484.298-1.318.444-2.489.444h-1.732v-3.973h1.807c1.202 0 2.033.152 2.475.454.45.302.67.836.67 1.602 0 .685-.242 1.178-.73 1.473zm-4.22-10.426h1.064c1.23 0 2.056.139 2.482.415.42.278.635.757.635 1.44 0 .657-.228 1.12-.68 1.392-.457.266-1.291.401-2.512.401h-.99V14.94zm8.558 5.708c-.724-.81-1.732-1.265-3.024-1.363 1.15-.313 1.984-.772 2.513-1.384.525-.604.786-1.425.786-2.457 0-.818-.179-1.54-.525-2.165a3.905 3.905 0 0 0-1.535-1.49c-.587-.323-1.284-.55-2.096-.684-.816-.13-2.245-.196-4.296-.196H9.091v18.182h5.136c2.064 0 3.552-.072 4.462-.21.909-.143 1.671-.384 2.289-.714a4.196 4.196 0 0 0 1.753-1.713c.41-.74.612-1.591.612-2.566 0-1.349-.363-2.432-1.09-3.24zM28.606 24.485a2.302 2.302 0 1 0-.002 4.604 2.302 2.302 0 0 0 .002-4.604M26.606 23.031h4V10.91h-4z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:50% 50%}