@charset "utf-8";
/*
 * 全てのページのスタイルシート
 * ======= ====== ||    \\    ====
 * ||        ||   ||  \\    ||    ||
 * ||=====   ||   ||\\     ||      ||
 * ||        ||   ||  \\    ||    ||
 * ======= ====== ||    \\    ====
 *
 * モバイルファースト
 * => 基本の CSS は、モバイル用のデザインとする
 * => PC対応 (768px以上) は、スマートフォン、タブレット用と異なる部分だけを下部に記述する
 *
 * できるだけシンプルに分かりやすくする
 * => 複雑にしない
 */
/*--------------------------------------------------
>>> 基本設定
--------------------------------------------------*/
body, html {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1.5em;
  /* 基本となる文字色 - 真っ黒より少し明るめがいい */
  /*color: #333;*/
  /*color: #000;*/
  color: #1f1f1f;
  /* 基本となるフォント - 欧文フォントを日本語フォントより先に記載する */
  font-family: "Roboto", "Arial", sans-serif;
  overflow-x: hidden;
}
/*--------------------------------------------------
>>> ページ全体を囲むdiv
--------------------------------------------------*/
.page {
  background-color: #ffffff;
}
/*--------------------------------------------------
>>> リンク
--------------------------------------------------*/
a {
  color: #0000ff;
}
a:visited {
  color: #0000ff;
}
/*--------------------------------------------------
>>> ヘッダー
--------------------------------------------------*/
.header {
  padding: 20px 6px 8px 6px;
  border-bottom: 4px solid #469;
}
/*--------------------------------------------------
>>> サイトタイトル
--------------------------------------------------*/
/* ホームのh1のスタイルを無効化 */
.header h1 {
  font-size: 18pt;
  font-weight:normal;
  margin: 0;
  padding: 0;
  display: inline;
}
#site-name {
  margin: 0;
  padding: 0;
}
#logo {
  width: 250px;
  margin: 0;
  padding: 0;
}
/*--------------------------------------------------
>>> コンテンツ
--------------------------------------------------*/
.content {
  padding: 0 6px;
}
 /*--------------------------------------------------
>>> パンくずリスト
--------------------------------------------------*/
.breadcrumbs {
  font-size: 85%;
  margin: 0;
  padding: 0;
  list-style: none;  /* リストのマークを消す */
}
.breadcrumbs li {
  display: inline;  /* 横並びに表示 */
  list-style: none;
}
.breadcrumbs li:after {
  /* > を表示 */
  content: '>';
  padding: 0 0.2em;
  /*color: #333;*/
  color: #000;
}
.breadcrumbs li:last-child:after {
  content: '';
}
.breadcrumbs li a {
  text-decoration: none;
  /*color: #333;*/
  color: #000;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}
/*--------------------------------------------------
>>> はじめに
--------------------------------------------------*/
.preface {
  margin-top: 1rem !important;
}
/*--------------------------------------------------
>>> お知らせのリスト
--------------------------------------------------*/
.notice_list {
  margin: 0.4rem 0;
  padding: 0.4rem 0;
  position: relative;  /* div全体にリンクをつけるため */
}
.notice_list a {  /* div全体にリンクをつけるため */
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}
.notice_list_date {
  margin: 0;
  padding: 0;
  /*color: #333;*/
  color: #000;
  font-size: 80%;
}
.notice_list_title {
  margin: 0;
  padding: 0;
  font-size: 90%;
  /*color: #333;*/
  color: #000;
}
.notice_list_read_more {
  margin: 0 0 2rem 0;
  /*color: #333;*/
  color: #000;
  font-size: 90%;
  text-align: center;
}
.notice_list_read_more a {
  padding: 0.1rem 0.5rem;
  /*color: #333;*/
  color: #000;
  border: #333 solid 1px;
}
/*--------------------------------------------------
>>> フッター
--------------------------------------------------*/
.footer {
  padding: 0px 8px 5px 8px;
  border-top: 4px solid #469;
  background: #f5f5f5;
}
.footer a {
  color: #000;
  /*color: #333;*/
  text-decoration: none;
}
.footer a:visited {
  /*color: #000000;*/
  color: #000;
  /*color: #333;*/
}
/* 更新日 */
.last-updated {
  font-size: 85%;
}
/* フッターメニュー */
.footer-nav {
  font-size: 85%;
}
ul.footer-menu {
  padding: 0;
  list-style: none;  /* リストのマークを消す */
}
.footer-menu li {
  display: inline-block;  /* 横並びに表示 */
  padding-right: 10px;  /* 項目間のスペース */

}
/* コピーライト */
.copyright {
  font-size: 85%;
}
/*==========           ===========           ===========           ===========           ===========
>>> PC対応 (768px以上) => スマートフォン、タブレット用と異なる部分だけ記述する
=========           ===========           ===========           ===========           ===========*/
@media screen and (min-device-width: 768px) {
/*--------------------------------------------------
>>> ヘッダー
--------------------------------------------------*/
.header {
  padding: 20px 50px 8px 50px;
}
/*--------------------------------------------------
>>> コンテンツ
--------------------------------------------------*/
.content {
  padding: 0 50px;
}
/*--------------------------------------------------
>>> フッター
--------------------------------------------------*/
.footer {
  padding: 0px 50px 5px 50px;
}
}  /* @media screen and (max-device-width: 768px) */