@charset "utf-8";
/*
 * 全てのページのスタイルシート
 * ======= ====== ||    \\    ====
 * ||        ||   ||  \\    ||    ||
 * ||=====   ||   ||\\     ||      ||
 * ||        ||   ||  \\    ||    ||
 * ======= ====== ||    \\    ====
 *
 * モバイルファースト
 * => 基本の CSS は、モバイル用のデザインとする
 * => PC対応 (768px以上) は、スマートフォン、タブレット用と異なる部分だけを下部に記述する
 *
 * できるだけシンプルに分かりやすくする
 * => 複雑にしない
 */
/*--------------------------------------------------
>>> 基本設定
--------------------------------------------------*/
body {
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  /*padding-bottom: 30px;*/  /* 下に固定するメニューが一番下の文字などに被らないようにするため */
  color: #333;
}
/*--------------------------------------------------
>>> ページ全体を囲むdiv
--------------------------------------------------*/
.page {
  background-color: #ffffff;
}
/*--------------------------------------------------
>>> リンク
--------------------------------------------------*/
a {
  color: #0000ff;
}
a:visited {
  color: #0000ff;
}
/*--------------------------------------------------
>>> ヘッダー
--------------------------------------------------*/
.header {
  padding: 12px 6px 8px 6px;
  border-bottom: 4px solid #469;
}
/*--------------------------------------------------
>>> サイトタイトル
--------------------------------------------------*/
/* ホームのh1のスタイルを無効化 */
.site-title h1 {
  font-size: 18pt;
  font-weight:normal;
  margin: 0;
  padding: 0;
  display: inline;
}
.site-title {
  font-size: 18pt;
}
.site-title a {
  /*color: #000000;*/
  color: #333;
  text-decoration: none;
}
.site-title a:visited {
  /*color: #000000;*/
  color: #333;
}
/* サイトタイトルの前にロゴマークを入れる */
.site-title::before {
  content: url("image/logo.gif") " ";
}
/*--------------------------------------------------
>>> コンテンツ
--------------------------------------------------*/
.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;
}
.breadcrumbs li:last-child:after {
  content: '';
}
.breadcrumbs li a {
  text-decoration: none;
  color: #333;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}
/*--------------------------------------------------
>>> お知らせのリスト
--------------------------------------------------*/
.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;
  font-size: 80%;
}
.notice_list_title {
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #333;
}
.notice_list_read_more {
  margin: 0 0 2rem 0;
  color: #333;
  font-size: 90%;
  text-align: center;
}
.notice_list_read_more a {
  padding: 0.1rem 0.5rem;
  color: #333;
  border: #333 solid 1px;
}
/*--------------------------------------------------
>>> フッター
--------------------------------------------------*/
.footer {
  padding: 0px 8px 5px 8px;
  border-top: 4px solid #469;
  background: #f5f5f5;
}
.footer a {
  /*color: #000000;*/
  color: #333;
  text-decoration: none;
}
.footer a:visited {
  /*color: #000000;*/
  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) {

}  /* @media screen and (max-device-width: 768px) */