@charset "UTF-8";
/* CSS Document */
/* =======================================================================================================

お知らせ詳細ページ　　過去のお知らせ一覧ページ

========================================================================================================== */
/* =======================================================================================================
　共通
========================================================================================================== */
.red {
  color: #F7060A;
}
/* =======================================================================================================
　ヘッダー全体枠  左　ロゴマーク　　右　なし
========================================================================================================== */
.header_flex_box {
  display: flex;
  align-items: center; /*上下中央*/
  justify-content: space-between; /*両端の余白なし*/
  width: 90%;
  max-width: 1250px;
  height: 68px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0;
  border: solid 0px;
}
/*左　ロゴマーク
-----------------------------------------------------------*/
.header_flex_box .left {}
.header_flex_box .left .logo { /*ロゴマーク*/
  width: 100%; /*IEのsvg対応100%指定必須*/
  max-width: 240px; /*IEのsvg対応*/
  text-align: left;
  vertical-align: bottom; /*下の隙間なくす*/
  border: solid 0px;
}
.header_flex_box .left .logo { /*ロゴマーク*/
  width: 100%; /*IEのsvg対応100%指定必須*/
  max-width: 240px; /*IEのsvg対応*/
  /*max-height: 55px;*/
  text-align: left;
  vertical-align: bottom; /*下の隙間なくす*/
  border: solid 0px;
}
/*右　メニュー　バーガアイコン　なし
-----------------------------------------------------------*/
/* =======================================================================================================
　戻る（ボタン）（スクロール固定）　
========================================================================================================== */
.modoru_button {
  position: fixed;
  width: 80px;
  right: 40px;
  top: 25px;
  z-index: 99999;
}
.modoru_button a.button {
  display: block;
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  color: #454142;
  font-weight: bold;
  letter-spacing: 0px;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #65CE80;
  border-radius: 3px;
  transition: .4s;
}
.modoru_button a.button:hover {
  background: #65CE80;
  color: #fff;
  transition-duration: .4s;
  cursor: pointer;
  cursor: hand;
}
/* ============================================================================
   ページタイトル
   ============================================================================ */
.page_title_area {
  position: relative; /* タイトルを配置用*/
  width: 100%;
  padding-top: 20px;
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  border: solid 0px;
}
.page_title_area .circle { /* 円*/
  width: 60px;
  height: 60px;
  border-radius: 50%;
  /*枠のラインを入れる場合はぼかす*/
  /*border: 2px solid #5066AE;*/
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.page_title_area .title { /*ページタイトル*/
  position: absolute;
  font-size: 26px;
  line-height: 30px;
  color: #2F2D2D;
  text-shadow: 1px 2px 1px #B7AFB0;
  top: 33px;
  left: 40px;
}
.page_title_area span { /* 改行する場合はspan単位 */
  display: inline-block;
}
/* ============================================================================

   お知らせ詳細

   ============================================================================ */
.detail_area {
  width: 100%;
  max-width: 900px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px #F4B0B1;
  padding-bottom: 50px;
  margin-bottom: 50px; /* border-bottomの下線下 */
  border: solid 0px;
}
.detail_waku { /* 詳細内容全体 */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* 全体 */
}
.yyyymmdd_type { /* 日付とタイプ */
  margin-bottom: 10px;
}
.yyyymmdd { /* yyyy/mm/dd表示 */
  font-size: 12px;
  color: #201E1E;
  margin-right: 30px;
}
.type { /* 重要 */
  width: 80px;
  /*padding: 2px 2px;*/
  text-align: left;
  display: inline-block; /* 幅width有効。blockは改行されるためinline-block指定 */
  color: #FF0000; /* 文字 */
  font-size: 14px;
  /*font-weight: bold;*/
  /*letter-spacing: 5px;*/
  border: 0px solid #776F6F;
  /*border-radius: .2em;*/ /*角丸 */
  background-color: hsla(0, 0%, 100%, 0.00); /*透明*/
}
.detail_area .title { /* お知らせタイトル */
  margin-top: 20px;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 28px;
  border-bottom: solid 1px;
}
.naiyou { /* 本文 （内容）*/
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: justify; /* 両端揃え(均等割り付け) */
  text-justify: inter-ideograph; /* IE用 文章均等割り付け */
}
/*添付（参考資料） */ /* 参考サイト（リンク）
-----------------------------------------------------------*/
.tbl_temp_link { /* テーブル名 */
  width: 100%;
  margin-top: 20px;
  text-align: center; /* td01用 */
}
.tbl_temp_link tr {
  vertical-align: top;
  height: 50px;
}
.tbl_temp_link .td01 { /* 参考資料　参考サイトの枠 */
  width: 70px;
  margin-right: 20px;
  font-size: 12px;
  display: inline-block;
  color: #1D1C1C;
  padding: 1px 5px 1px 5px;
  border: 1px solid #776F6F;
  border-radius: .2em;
}
.tbl_temp_link .td02 { /* 参考資料　参考サイトのaタグ */
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  border: solid 0px;
}
.tbl_temp_link a {
  display: block;
  padding-bottom: 8px;
}
/*項目前の●*/
.tbl_temp_link a::before {
  content: "・";
  font-size: 12px;
  color: #262424;
}
/* ============================================================================

   過去のお知らせ一覧

   ============================================================================ */
.kako_list_area {
  width: 100%;
  max-width: 900px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px #F4B0B1;
  padding-bottom: 50px;
  margin-bottom: 50px; /* border-bottomの下線下 */
  border: solid 0px;
}
/* 過去のお知らせ 　テーブル 　 
------------------------------------------------------ */
.kako_list_tbl { /* テーブル名 */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left; /* 全体 */
  color: #161515;
  margin-bottom: 20px;
  border-spacing: 0px 6px; /* お知らせ間隔 */
}
.kako_list_tbl td {
  vertical-align: top;
  border: solid 0px;
}
.kako_list_tbl .td01 { /*日付　重要マーク*/
  width: 150px;
}
.kako_list_tbl .td02 { /*お知らせタイトル*/
  text-align: justify; /* 両端揃え(均等割り付け) */
  text-justify: inter-ideograph; /* IE用 文章均等割り付け */
}
.kako_list_tbl .yyyy_mm_dd { /* 日付 */
  margin-right: 10px;
  font-size: 13px;
  border: solid 0px;
}
.kako_list_tbl .type { /* 重要　枠を外してある*/
  width: 50px;
  /*padding: 2px 2px;*/
  margin-right: 0px;
  text-align: center;
  display: inline-block;
  color: #FF0000;
  font-size: 13px;
  /*font-weight: bold;*/
  /*letter-spacing: 5px;*/
  border: 0px solid #776F6F;
  /*border-radius: .2em;*/
  background-color: hsla(0, 0%, 100%, 0.00); /*透明*/
}
/*一覧のリンク処理*/
.kako_list_tbl a {
  text-decoration: none;
  color: #1D1C1C;
}
.kako_list_tbl a:hover {
  color: #E44040;
}
/* ============================================================================
   copyright
   ============================================================================ */
.copyright {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 26px;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  line-height: 26px; /*親要素のheight:pxで上下センタリング*/
}
/* ディバイスサイズ設定
======================================================================================================= */
/* スマホ用 */
@media (max-width: 749px) {
  /*ヘッダー
  ---------------------------------*/
  .header_flex_box {
    height: 30px;
  }
  .header_flex_box .left .logo { /*ロゴマーク*/
    max-width: 160px; /*IEのsvg対応*/
  }
  /*ボタン　戻る （スマホなし）（詳細データページ）
  ---------------------------------*/
  .modoru_button {
    /*display: none;*/
	  top: 5px;
  }
  /*ページタイトル
  ---------------------------------*/
  .page_title_area {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-bottom: 0px;
    border: solid 0px;
  }
  .page_title_area .circle { /* 円*/
    width: 40px;
    height: 40px;
  }
  .page_title_area .title { /*ページタイトル*/
    font-size: 20px;
    top: 24px;
    left: 20px;
  }
  .page_title_area span { /* 改行する場合はspan単位 */
    display: inline-block;
  }
  /*お知らせ詳細
  ---------------------------------*/
  .detail_area .title { /* お知らせタイトル */
    font-size: 18px;
    line-height: 20px;
  }
  /*添付（参考資料） */ /* 参考サイト（リンク）
  ---------------------------------*/
  .tbl_temp_link .td01, .tbl_temp_link .td02 {
    display: block;
    margin-bottom: 5px;
  }
  /***********************************
	過去のお知らせ一覧
  *************************************/
  /* お知らせの間隔指定　区切りライン挿入　タイトルは改行表示　 */
  .kako_list_tbl { /* テーブル名 */
    border-spacing: 0px 10px; /* お知らせ間隔 */
  }
  .kako_list_tbl .td02 { /*間隔にライン挿入*/
    padding-bottom: 10px;
    border-bottom: 1px solid #CADC38;
  }
  .kako_list_tbl td { /*改行*/
    display: block;
  }
  /*フッター
  ---------------------------------*/
  #footer {
    margin-top: 0px;
    background-color: #A1F4C4;
  }
}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}