/* materialize.cssを上書きする */
@charset "utf-8";

body {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
}

header {
	position: fixed;
	width: 100%;
	border: solid 1px #ddd;
}

.row {
	margin: 0px;
	padding: 0px;
}

/* フォントサイズがちょっと大きかったので調整 */
h1 { font-size: 2.50rem; line-height: 110%; margin: 0px; }
h2 { font-size: 2.15rem; line-height: 110%; margin: 0px; }
h3 { font-size: 2.00rem; line-height: 110%; margin: 0px; }
h4 { font-size: 1.45rem; line-height: 110%; margin: 0px; }
h5 { font-size: 1.30rem; line-height: 110%; margin: 0px; }
h6 { font-size: 1.15rem; line-height: 110%; margin: 0px; }

.sidenav li > a {
  color: rgba(0,0,0,0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: rgba(0,0,0,0.1);
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active a, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #333;
}

.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 0 0 0;
    width: 24px;
    color: rgba(0,0,0,0.54);
}

.sidenav .collapsible>.active .collapsible-header .chevron {
  transform: rotate(-90deg);
}

label {
  color: #333;
  font-size: .9rem;
}

.input-field > label {
  color: #333;
  font-size: 1.1rem;
}

.page-footer {
    padding-top: 20px;
    color: #333;
    background-color: #eee;
}

.page-footer .footer-copyright {
    color: #333;
}

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
    background-color: transparent;
}

select {
  background-color: transparent;
  border-bottom: solid 1px #9e9e9e;
}

td, th {
  padding: 10px 5px;
}

/* original css */
.display-none {
  display: none;
}

.header {
  background-color: #eee;
}

.bg_sat { background-color: #DDF1F9; }
.bg_sun { background-color: #FFDFE5; }

.text-al { text-align: left; }
.text-ac { text-align: center; }
.text-ar { text-align: right; }

.border-a { border: solid 1px #dddddd; }
.border-l { border-left: solid 1px #dddddd; }
.border-t { border-top: solid 1px #dddddd; }
.border-r { border-right: solid 1px #dddddd; }
.border-b { border-bottom: solid 1px #dddddd; }

.pa0  { padding:         0px; }
.pa5  { padding:         5px; }
.pa10 { padding:        10px; }
.pa15 { padding:        15px; }
.pa20 { padding:        20px; }

.pl0  { padding-left:    0px; }
.pl5  { padding-left:    5px; }
.pl10 { padding-left:   10px; }
.pl15 { padding-left:   15px; }
.pl20 { padding-left:   20px; }

.pt0  { padding-top:     0px; }
.pt5  { padding-top:     5px; }
.pt7  { padding-top:     7px; }
.pt10 { padding-top:    10px; }
.pt15 { padding-top:    15px; }
.pt20 { padding-top:    20px; }

.pr0  { padding-right:   0px; }
.pr5  { padding-right:   5px; }
.pr10 { padding-right:  10px; }
.pr15 { padding-right:  15px; }
.pr20 { padding-right:  20px; }

.pb0  { padding-bottom:  0px; }
.pb5  { padding-bottom:  5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }

.ma0  { margin:          0px; }
.ma5  { margin:          5px; }
.ma10 { margin:         10px; }
.ma15 { margin:         15px; }
.ma20 { margin:         20px; }

.ml0  { margin-left:     0px; }
.ml5  { margin-left:     5px; }
.ml10 { margin-left:    10px; }
.ml15 { margin-left:    15px; }
.ml20 { margin-left:    20px; }

.mt0  { margin-top:      0px; }
.mt3  { margin-top:      3px; }
.mt5  { margin-top:      5px; }
.mt7  { margin-top:      7px; }
.mt10 { margin-top:     10px; }
.mt15 { margin-top:     15px; }
.mt20 { margin-top:     20px; }
.mt25 { margin-top:     25px; }
.mt30 { margin-top:     30px; }

.mr0  { margin-right:    0px; }
.mr5  { margin-right:    5px; }
.mr10 { margin-right:   10px; }
.mr15 { margin-right:   15px; }
.mr20 { margin-right:   20px; }

.mb0  { margin-bottom:   0px; }
.mb5  { margin-bottom:   5px; }
.mb10 { margin-bottom:  10px; }
.mb15 { margin-bottom:  15px; }
.mb20 { margin-bottom:  20px; }

.pt5p  { padding-top:     5%; }
.pt10p { padding-top:    10%; }
.pt15p { padding-top:    15%; }
.pt20p { padding-top:    20%; }

.mt5p  { margin-top:      5%; }
.mt10p { margin-top:     10%; }
.mt15p { margin-top:     15%; }
.mt20p { margin-top:     20%; }
.mt25p { margin-top:     25%; }
.mt30p { margin-top:     30%; }

/* datepicker */
.datepicker-date-display { text-align:center; }
.year-text { font-size:1.5rem !important; }
.day-text, .month-text { font-size:2rem; }
.date-text { font-size:6rem !important; padding:1.4rem; }