spuit 0.0.7 → 0.0.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +20 -12
  4. data/assets/javascripts/{index.js → scripts.js} +0 -0
  5. data/assets/stylesheets/styles.scss +3 -0
  6. data/design/icons.sketch +0 -0
  7. data/dist/index.html +19 -0
  8. data/dist/javascripts/scripts.js +75 -0
  9. data/dist/stylesheets/styles.css +1864 -1
  10. data/index.js +7 -0
  11. data/lib/spuit/version.rb +1 -1
  12. data/package-lock.json +9871 -0
  13. data/package.json +21 -25
  14. data/{assets/stylesheets/spuit → scss}/components/_body.sass +0 -0
  15. data/{assets/stylesheets/spuit → scss}/components/_button.sass +0 -0
  16. data/{assets/stylesheets/spuit → scss}/components/_form.sass +0 -0
  17. data/{assets/stylesheets/spuit → scss}/components/_gist.sass +0 -0
  18. data/{assets/stylesheets/spuit → scss}/components/_grids.sass +0 -0
  19. data/{assets/stylesheets/spuit → scss}/components/_icon.scss +0 -0
  20. data/{assets/stylesheets/spuit → scss}/components/_markdown.sass +0 -0
  21. data/{assets/stylesheets/spuit → scss}/components/_messages.sass +0 -0
  22. data/{assets/stylesheets/spuit → scss}/components/_shoulder.sass +0 -0
  23. data/{assets/stylesheets/spuit → scss}/components/_split.sass +0 -0
  24. data/scss/components/_switch.scss +40 -0
  25. data/{assets/stylesheets/spuit → scss}/components/_triangle.sass +0 -0
  26. data/{assets/stylesheets/spuit → scss}/components/_wordwrap-fadeout.sass +0 -0
  27. data/{assets/stylesheets/spuit → scss}/components/_wrap.sass +0 -0
  28. data/{assets/stylesheets/spuit → scss}/elements/_checkbox.sass +0 -0
  29. data/{assets/stylesheets/spuit → scss}/elements/_dl.sass +0 -0
  30. data/{assets/stylesheets/spuit → scss}/elements/_fieldset.sass +0 -0
  31. data/{assets/stylesheets/spuit → scss}/elements/_hr.sass +0 -0
  32. data/{assets/stylesheets/spuit → scss}/elements/_input.sass +0 -0
  33. data/{assets/stylesheets/spuit → scss}/elements/_radio.sass +0 -0
  34. data/scss/elements/_select.scss +31 -0
  35. data/{assets/stylesheets/spuit → scss}/elements/_table.sass +0 -0
  36. data/{assets/stylesheets/spuit → scss}/includes/_animations.scss +0 -0
  37. data/{assets/stylesheets/spuit → scss}/includes/_grid.scss +0 -0
  38. data/{assets/stylesheets/spuit → scss}/includes/_hiddens.scss +0 -0
  39. data/{assets/stylesheets/spuit → scss}/includes/_normalize.scss +0 -0
  40. data/{assets/stylesheets/spuit → scss}/includes/_spacers.scss +0 -0
  41. data/{assets/stylesheets/spuit → scss}/includes/_spuit-utils.scss +0 -0
  42. data/{assets/stylesheets/spuit → scss}/includes/_stickey-footer.scss +0 -0
  43. data/{assets/stylesheets/spuit → scss}/includes/_webfonts.scss +0 -0
  44. data/{assets/stylesheets/spuit → scss}/modules/_background-image.scss +13 -0
  45. data/{assets/stylesheets/spuit → scss}/modules/_breakpoints.scss +0 -0
  46. data/{assets/stylesheets/spuit → scss}/modules/_clearfix.scss +0 -0
  47. data/{assets/stylesheets/spuit → scss}/modules/_fa.scss +0 -0
  48. data/{assets/stylesheets/spuit → scss}/modules/_font-face.scss +0 -0
  49. data/{assets/stylesheets/spuit → scss}/modules/_hide-text.scss +0 -0
  50. data/{assets/stylesheets/spuit → scss}/modules/_inherit.scss +0 -0
  51. data/{assets/stylesheets/spuit → scss}/modules/_reset.scss +0 -0
  52. data/{assets/stylesheets/spuit → scss}/modules/_text-overflow.scss +0 -0
  53. data/{assets/stylesheets/spuit → scss}/modules/_word-break.scss +0 -0
  54. data/{assets/stylesheets/spuit → scss}/shortcuts/_absolute.scss +0 -0
  55. data/{assets/stylesheets/spuit → scss}/shortcuts/_centering.scss +0 -0
  56. data/{assets/stylesheets/spuit → scss}/shortcuts/_disc.scss +0 -0
  57. data/{assets/stylesheets/spuit → scss}/variables/_colors.scss +0 -0
  58. data/{assets/stylesheets/spuit → scss}/variables/_defaults.scss +0 -0
  59. data/{assets/stylesheets/spuit → scss}/variables/_fonts.scss +0 -0
  60. data/{assets/stylesheets/spuit → scss}/variables/_media-queries.scss +0 -0
  61. data/{assets/stylesheets/spuit → scss}/variables/_svgs.scss +0 -0
  62. data/{assets/stylesheets/spuit → scss}/variables/_timing-functions.sass +0 -0
  63. data/spuit.scss +37 -36
  64. data/webpack.config.js +53 -0
  65. data/yarn.lock +3971 -0
  66. metadata +59 -56
  67. data/assets/stylesheets/spuit/elements/_select.sass +0 -54
  68. data/dist/javascripts/scripts.min.js +0 -2
  69. data/dist/javascripts/scripts.min.js.map +0 -1
  70. data/gulp/README.md +0 -7
  71. data/gulp/tasks/watch.js +0 -79
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: bdf43feacea1db5cb057724538649c79fb7707e9
4
- data.tar.gz: c7627527e730140566c5633f83c012dd6a8a6a20
3
+ metadata.gz: 7eb17f63e541ad825753d1e20d86f7acbde2385d
4
+ data.tar.gz: 6d1dddd52987672e160f283d2b3e6629f0c614f1
5
5
  SHA512:
6
- metadata.gz: dab329550a62c134f5e963028cba70bd7c5e0aab29bb07fa79b1bbe0d1ed9850e466562884a3901fdbb06688263d915f1e35b4d1c724800099683a3a80b84e00
7
- data.tar.gz: 58de1135f1d01e5b2c61e010fcbb68b45204796adf6c1e5a9b0e41e693c552a4113e748f41881d1c5f474eaca8fbe4983d39b69364b16d06143b711d58521226
6
+ metadata.gz: 2c056da21477409e3d3593c77d84263f2dcea6349d3024bd2bb0475ed6d2bd0eb6f53f5c54241ae9338c36a6314925d9e0b5b109e3960d3bb84fced9b517e180
7
+ data.tar.gz: 0ddf75a69038f3359aa3fc4a7109f9c6590e5363ac23c364a67527eb94ac13ba43d4875bdc7ef3d09f262bf7b36eca760914abb6aef660e0cca03cdb0e408b04
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- spuit (0.0.6)
4
+ spuit (0.0.7)
5
5
  rake
6
6
  thor (~> 0.19)
7
7
 
data/README.md CHANGED
@@ -22,31 +22,39 @@ import:
22
22
 
23
23
  install:
24
24
 
25
- ```/Gemfile
25
+ ```
26
+ $ rails new app_name --webpack
27
+ ```
28
+
29
+ Gemfile
30
+
31
+ ```
26
32
  gem 'spuit'
27
33
  gem 'foreman'
28
34
  ```
29
35
 
30
- ```/app/assets/javascripts/packs/application.scss
36
+ app/javascripts/packs/application.scss
37
+
38
+ ```
31
39
  @import "~spuit";
32
40
  ```
33
41
 
34
- ```Procfile
42
+ Procfile
43
+
44
+ ```
35
45
  web: bundle exec rails s
36
46
  webpacker: ./bin/webpack-dev-server
37
47
  ```
38
48
 
49
+ app/views/layouts/application.html.erb
50
+
39
51
  ```
40
- $ yarn add spuit
41
- $ foreman start
52
+ <%= stylesheet_pack_tag 'application' %>
42
53
  ```
43
54
 
44
- ---
45
-
46
- ## development
47
-
48
- publish:
49
-
50
55
  ```
51
- $ rake release & npm publish
56
+ $ bundle install
57
+ $ yarn add spuit
58
+ $ foreman start
59
+ $ open http://localhost:5000/
52
60
  ```
data/assets/stylesheets/styles.scss CHANGED
@@ -123,6 +123,9 @@ body {
123
123
  }
124
124
  }
125
125
  }
126
+ .switch {
127
+ @include switch-base(38px, 20px, #529ef6, 2px);
128
+ }
126
129
  .reset-ul {
127
130
  @include reset-ul;
128
131
  }
data/design/icons.sketch ADDED
Binary file
data/dist/index.html CHANGED
@@ -186,6 +186,17 @@
186
186
  </li>
187
187
  </ul>
188
188
  </div>
189
+ <div class="fieldset">
190
+ <legend>スイッチ（チェックボックス）</legend>
191
+ <ul class="reset-ul">
192
+ <li>
193
+ <div class="switch">
194
+ <input id="field-checkbox-switch-0" type="checkbox" value="0">
195
+ <label for="field-checkbox-switch-0"></label>
196
+ </div>
197
+ </li>
198
+ </ul>
199
+ </div>
189
200
  <div class="fieldset">
190
201
  <legend>セレクトボックス</legend>
191
202
  <div class="select">
@@ -196,6 +207,14 @@
196
207
  </select>
197
208
  </div>
198
209
  </div>
210
+ <div class="fieldset">
211
+ <legend>ファイルアップロード</legend>
212
+ <div class="file-upload">
213
+ <input type="file" name="file-upload" id="file-upload">
214
+ <label for="file-upload">ファイルを選択する</label>
215
+ <span class="selected"></span>
216
+ </div>
217
+ </div>
199
218
  <div class="fieldset">
200
219
  <div class="button-group">
201
220
  <input class="button" type="submit" value="送信">
data/dist/javascripts/scripts.js ADDED
@@ -0,0 +1,75 @@
1
+ /******/ (function(modules) { // webpackBootstrap
2
+ /******/ // The module cache
3
+ /******/ var installedModules = {};
4
+ /******/
5
+ /******/ // The require function
6
+ /******/ function __webpack_require__(moduleId) {
7
+ /******/
8
+ /******/ // Check if module is in cache
9
+ /******/ if(installedModules[moduleId]) {
10
+ /******/ return installedModules[moduleId].exports;
11
+ /******/ }
12
+ /******/ // Create a new module (and put it into the cache)
13
+ /******/ var module = installedModules[moduleId] = {
14
+ /******/ i: moduleId,
15
+ /******/ l: false,
16
+ /******/ exports: {}
17
+ /******/ };
18
+ /******/
19
+ /******/ // Execute the module function
20
+ /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21
+ /******/
22
+ /******/ // Flag the module as loaded
23
+ /******/ module.l = true;
24
+ /******/
25
+ /******/ // Return the exports of the module
26
+ /******/ return module.exports;
27
+ /******/ }
28
+ /******/
29
+ /******/
30
+ /******/ // expose the modules object (__webpack_modules__)
31
+ /******/ __webpack_require__.m = modules;
32
+ /******/
33
+ /******/ // expose the module cache
34
+ /******/ __webpack_require__.c = installedModules;
35
+ /******/
36
+ /******/ // define getter function for harmony exports
37
+ /******/ __webpack_require__.d = function(exports, name, getter) {
38
+ /******/ if(!__webpack_require__.o(exports, name)) {
39
+ /******/ Object.defineProperty(exports, name, {
40
+ /******/ configurable: false,
41
+ /******/ enumerable: true,
42
+ /******/ get: getter
43
+ /******/ });
44
+ /******/ }
45
+ /******/ };
46
+ /******/
47
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
48
+ /******/ __webpack_require__.n = function(module) {
49
+ /******/ var getter = module && module.__esModule ?
50
+ /******/ function getDefault() { return module['default']; } :
51
+ /******/ function getModuleExports() { return module; };
52
+ /******/ __webpack_require__.d(getter, 'a', getter);
53
+ /******/ return getter;
54
+ /******/ };
55
+ /******/
56
+ /******/ // Object.prototype.hasOwnProperty.call
57
+ /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
58
+ /******/
59
+ /******/ // __webpack_public_path__
60
+ /******/ __webpack_require__.p = "";
61
+ /******/
62
+ /******/ // Load entry module and return exports
63
+ /******/ return __webpack_require__(__webpack_require__.s = 0);
64
+ /******/ })
65
+ /************************************************************************/
66
+ /******/ ([
67
+ /* 0 */
68
+ /***/ (function(module, exports) {
69
+
70
+ $(function() {
71
+ });
72
+
73
+
74
+ /***/ })
75
+ /******/ ]);
data/dist/stylesheets/styles.css CHANGED
@@ -1 +1,1864 @@
1
- @charset "UTF-8";@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);@keyframes anim-spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes anim-float{0%{transform:translateY(0)}50%{transform:translateY(20%)}100%{transform:translateY(0)}}@keyframes anim-arrow{0%{transform:translateX(0)}50%{transform:translateX(20%)}100%{transform:translateX(0)}}@keyframes anim-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}/*! 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}b,strong{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}template{display:none}[hidden]{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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{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-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:48em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:62em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:75em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-ms-flex:0 0 100%;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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-ms-flex:0 0 100%;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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-ms-flex:0 0 100%;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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-ms-flex:0 0 100%;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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-ms-flex:0 0 100%;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","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;color:#444}.demo-styles{color:#444}.demo-styles h1{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:2.8rem;font-weight:400;line-height:normal;font-weight:300}.demo-styles h2{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:2rem;font-weight:400;line-height:normal;font-weight:300}.demo-styles h3{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.6rem;font-weight:400;line-height:normal}.demo-styles h4{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.5rem;font-weight:400;line-height:normal}.demo-styles h5{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.3rem;font-weight:400;line-height:normal}.demo-styles h6{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.2rem;font-weight:400;line-height:normal}.demo-styles p{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles form{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles input[type=text]{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",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:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;appearance:none;border:none;outline:0;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;line-height:1;border:1px solid #ddd}.demo-styles input[type=text]:focus{border:none;outline:0}.demo-styles input[type=text]:focus{border:none;outline:0}.demo-styles input[type=text]::-webkit-input-placeholder{font-size:inherit}.demo-styles input[type=text]::-moz-placeholder{font-size:inherit}.demo-styles input[type=text]:-ms-input-placeholder{font-size:inherit}.demo-styles input[type=text]::placeholder{font-size:inherit}.demo-styles input[type=text]:focus{outline:0}.demo-styles input[type=text]::-webkit-input-placeholder{color:#ddd}.demo-styles input[type=text]::-moz-placeholder{color:#ddd}.demo-styles input[type=text]:-ms-input-placeholder{color:#ddd}.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","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",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:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;appearance:none;border:none;outline:0;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px 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:0}.demo-styles textarea:focus{border:none;outline:0}.demo-styles textarea::-webkit-input-placeholder{font-size:inherit}.demo-styles textarea::-moz-placeholder{font-size:inherit}.demo-styles textarea:-ms-input-placeholder{font-size:inherit}.demo-styles textarea::placeholder{font-size:inherit}.demo-styles textarea:focus{outline:0}.demo-styles textarea::-webkit-input-placeholder{color:#ddd}.demo-styles textarea::-moz-placeholder{color:#ddd}.demo-styles textarea:-ms-input-placeholder{color:#ddd}.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","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",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{cursor:pointer;margin: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{cursor:pointer;margin: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{box-sizing:border-box;border-radius:2px;position:relative;overflow:hidden;border:1px solid #ddd;width:auto;display:inline-block;padding-right:20px}.demo-styles .select select{margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;display:inline-block;box-sizing:content-box;width:100%;padding:10px 10px;line-height:1!important;background:#fff;color:#444;background-image:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMTQ3IDIyNSA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPHBhdGggZD0iTTE1MCwyMjUgTDE1MywyMjkgTDE0NywyMjkgTDE1MCwyMjUgWiBNMTUwLDIzNSBMMTQ3LDIzMSBMMTUzLDIzMSBMMTUwLDIzNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+DQo8L3N2Zz4=);background-repeat:no-repeat;background-position:right 34px top 13px;background-size:6px 10px}.demo-styles .select select:focus{border:none;outline:0}.demo-styles .select select:focus{outline:0;border:none}.demo-styles .select select{width:110%}.demo-styles .select select::-ms-expand{display:none}@-moz-document url-prefix(){.demo-styles .select select{text-indent:.01px;text-overflow:'';color:#000;padding:5px 10px}.demo-styles .select select:-moz-focusring{text-shadow:none}}.demo-styles .table{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",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(even){background-color:#eee}.demo-styles .table-stripe tbody tr:nth-child(odd){background-color:#f8f8f8}.demo-styles .fieldset{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;min-width:0;padding:0;margin:0 0 10px;border:0}.demo-styles .fieldset:last-child{margin-bottom:0}.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){-ms-flex:1;flex:1}.demo-styles .button{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:2px;border:1px solid #529ef6;background-color:#529ef6;color:#fff;padding:10px 10px;line-height:1}.demo-styles .button:active,.demo-styles .button:hover,.demo-styles .button:link,.demo-styles .button:visited{text-decoration:none!important}.demo-styles .button:focus{outline:0}.demo-styles .button.is-disabled,.demo-styles .button:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.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","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:4px;background-color:#529ef6;background-image:linear-gradient(to top,#529ef6,#6aacf7);border:1px solid #6aacf7;color:#fff;padding:10px 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!important}.demo-styles .button-semiflat:focus{outline:0}.demo-styles .button-semiflat.is-disabled,.demo-styles .button-semiflat:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-semiflat.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-semiflat.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.demo-styles .button-semiflat:focus{background-color:#529ef6;background-image:linear-gradient(to top,#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(to top,#3a90f5,#529ef6)}.demo-styles .button-border{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:2px;background-color:transparent;padding:10px 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!important}.demo-styles .button-border:focus{outline:0}.demo-styles .button-border.is-disabled,.demo-styles .button-border:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-border.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-border.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.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","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;transition:all 50ms ease-out;-ms-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 6px 0 #2283f3;border-radius:4px;background-color:#529ef6;color:#fff;padding:10px 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!important}.demo-styles .button-emboss:focus{outline:0}.demo-styles .button-emboss.is-disabled,.demo-styles .button-emboss:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-emboss.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-emboss.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.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{-ms-transform:translateY(0);transform:translateY(0);box-shadow:0 0 0 #529ef6;background-color:#2283f3}.demo-styles .button-group{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;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 .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;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .word-break-none{white-space:nowrap;word-break:keep-all;word-wrap:normal;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.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{content:'';width:40px;height:40px;display:inline-block;background-color:#000;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");background-repeat:no-repeat;background-position:center center;background-size:45% 45%}.demo-styles .icon-twitter::before{content:'';width:40px;height:40px;display:inline-block;background-color:#1da1f2;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");background-repeat:no-repeat;background-position:center center;background-size:60% 60%}.demo-styles .icon-facebook::before{content:'';width:40px;height:40px;display:inline-block;background-color:#3c5999;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");background-repeat:no-repeat;background-position:center center;background-size:60% 60%}.demo-styles .icon-hatena::before{content:'';width:40px;height:40px;display:inline-block;background-color:#2d92ba;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");background-repeat:no-repeat;background-position:center center;background-size:50% 50%}
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); } }
28
+
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%; }