@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700&display=swap&subset=japanese');
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inner a, .inner a img { border: none; color: #333; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.clearfix:after, .inr:after, dl:after, ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

.inner {
  margin: 0 auto;
  position: relative;
  width: 950px;
}

.smp { display: none; }
.caution{ color:#FF0004;}

/* breadcrumb */

#breadcrumbs {
  margin: 1.5em 0;
  overflow: hidden;
}
#breadcrumbs li {
  float: left;
  font-weight: bold;
  margin-right: 1em;
}
#breadcrumbs li a { font-weight: normal; }
#breadcrumbs li a:after {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 1em;
}

.contents {
  font: 18px/1.6 YuGothic, 'Yu Gothic medium', Meiryo, 'メイリオ', sans-serif;
  margin: 0 auto 5em;
  padding: 0 0 3em;
}
.headerimg { margin: 0 auto; width: 950px; }
.headerimg img { max-width: 100%; }

.title { margin: 2em auto; }
.title p {
  background: #0C3B27;
  color:#fff;
  font-size: 28px;
  padding: .25em 1.5em;
  text-align: center;
}
.schedule dl + dl { margin-top: 2em; }
.schedule dl dt {
  background: #00734B;
  color: #fff;
  font-size: 20px;
  padding: .75em 1em;
}
.schedule dl dd {
  border:1px solid #ccc;
  border-top: 0;
}
.schedule dl dd a { display: block; padding: 1em; }
.schedule dl dd a:hover { background: #F9BD14; }
  .smp2 { display: none; }

/* ============================================================
media queries
============================================================ */

@media only screen and (max-width: 949px) {
  img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
  body .inner {
    margin: 0 1%;
    width: 98%;
  }
  .headerimg { width: 100%; }
  .schedule dl dt { font-size: 16px; }
  .pc { display: none; }
  .smp { display: block; }
  .contents { padding-top: 0; }
}

@media screen and (max-width: 759px) {
  .contents { font-size: 14px; line-height: 1.4; }
  .title p { font-size: 18px; }
}

@media screen and (max-width: 479px) {
  .title p { font-size: 16px; }
  .smp2 { display: block; }
}