/*************************
All right reserved Queensya
Developer Q'sF.
Team Queensya
MIT license
BoX-DEsign ver.beta 0.0.3
NOTE:
  black: rgb(100,100,100)
  white: rgb(245,245,245)
  blue: rgb(0,150,255)
  lightblue: rgb(0,200,255)
  green: rgb(0,150,80)
  lightgreen: rgb(46,206,58)
  orange: rgb(255,150,0)
**************************/
@font-face {
  font-family: GenWeb;
  font-weight: 100;
  src: url('http://queensya-server.appspot.com/queensya.themes.knowledge/fonts/GenWeb-Light.woff') format('woff'); }

/*@font-face {
  font-family: GenWeb;
  font-weight: 100;
  src: url('http://localhost:9080/queensya.themes.knowledge/fonts/GenWeb-Light.woff') format('woff'); }*/

@font-face {
  font-family: GenWeb;
  font-weight: 400;
  src: url('http://queensya-server.appspot.com/queensya.themes.knowledge/fonts/GenWeb-Regular.woff') format('woff'); }

/*@font-face {
  font-family: GenWeb;
  font-weight: 400;
  src: url('http://localhost:9080/queensya.themes.knowledge/fonts/GenWeb-Regular.woff') format('woff'); }*/

@font-face {
  font-family: GenWeb;
  font-weight: 900;
  src: url('http://queensya-server.appspot.com/queensya.themes.knowledge/fonts/GenWeb-Bold.woff') format('woff'); }

/*@font-face {
  font-family: GenWeb;
  font-weight: 900;
  src: url('http://localhost:9080/queensya.themes.knowledge/fonts/GenWeb-Bold.woff') format('woff'); }*/

* {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  box-sizing: border-box;
  font-kerning: normal;
  font-family: 'Roboto', 'Roboto-light', 'GenWeb', 'GenWeb-Light', 'GenShinGothic-Regular', 'NotoSansJP-Regular', '游ゴシック', 'YuGothic', 'koruri', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'メイリオ', sans-serif;
  border: none;
  word-break: break-all;
  line-height: 2em;
  color: inherit;
  outline: none;
  -webkit-font-smoothing: antialiased; }

ol, ul, li {
  list-style-type: none; }

img {
  vertical-align: bottom; }

header img {
  vertical-align: top; }

input {
  width: inherit;
  height: inherit; }

body {
  z-index: -1;
  color: #646464; }

::selection {
  background-color: #646464;
  color: white; }

::-moz-selection {
  background-color: rgba(100, 100, 100, 0.5); }

/*End of TuningCSS*/
html, body {
  background-color: whitesmoke; }

box-header {
  display: block;
  position: fixed;
  height: 80px;
  padding: 16px;
  width: 100vw;
  top: 0;
  left: 0; }
  box-header h1 {
    font-size: 24px;
    display: inline;
    letter-spacing: 4.2px;
    text-indent: -4.2px; }
  box-header * {
    margin-right: 16px;
    vertical-align: top;
    max-height: 48px; }

box-contentsview {
  padding: 16px;
  display: block;
  margin-top: 80px; }
  box-contentsview * {
    vertical-align: top; }

box-icon-button {
  display: inline-block;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 50%; }
  box-icon-button box-icon > #ic_menu_24px * {
    fill: inherit;
    display: block; }

box-text-button {
  display: inline-block;
  height: 48px;
  padding: 9.3px 24px 4px 24px;
  letter-spacing: 2.4px;
  border-radius: 24px; }
  box-text-button label {
    font-size: 16px;
    display: inline;
    font-weight: 300; }

box-form {
  display: block;
  overflow: hidden; }
  box-form box-form-input {
    float: left;
    height: 48px;
    width: 100%;
    background: #009650;
    margin-top: 10px; }
    box-form box-form-input input {
      background: inherit;
      width: 100%;
      height: 100%;
      font-size: 16px;
      padding: 9.3px 24px 4px 24px;
      color: whitesmoke; }

.shadow5 {
  margin-top: 120px; }