/* ---------------------------------------------------
materialize Overwrite
----------------------------------------------------*/
html {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-size: 12px;
  color: #555;
}


/* ---------------------------------------------------
color
----------------------------------------------------*/
/*
GINSYU #C73E3A
HANADA #006284
MOEGI #7BA23F
SHIRONERI #FCFAF2
YAMABUKI #FFB11B
*/

.ginsyu {
  background-color: #C73E3A !important;
}
.ginsyu-text {
  color: #C73E3A !important;
}
.hanada {
  background-color: #006284 !important;
}
.hanada-text {
  color: #006284 !important;
}
.moegi {
  background-color: #7BA23F !important;
}
.moegi-text {
  color: #7BA23F !important;
}
.shironuri {
  background-color: #FCFAF2 !important;
}
.shironuri-text {
  color: #FCFAF2 !important;
}
.yamabuki {
  background-color: #FFB11B !important;
}
.yamabuki-text {
  color: #FFB11B !important;
}


/* ---------------------------------------------------
waves-effect
----------------------------------------------------*/


/* ---------------------------------------------------
text
----------------------------------------------------*/
.notice {
  margin: 1rem 0 0 0;
}
.notice li {
  padding-left:0.8em;
  text-indent:-0.8em;
  font-size: 0.8em !important;
  text-align: left;
  color: #666;
}


/* ---------------------------------------------------
forms
----------------------------------------------------*/


/* ---------------------------------------------------
button
----------------------------------------------------*/


/* ---------------------------------------------------
tabs
----------------------------------------------------*/


/* ---------------------------------------------------
pageHeader
----------------------------------------------------*/


/* ---------------------------------------------------
pageFooter
----------------------------------------------------*/


/* ---------------------------------------------------
container
----------------------------------------------------*/


/* ---------------------------------------------------
home
----------------------------------------------------*/
.valign-content {
  height: 100vh;
}