@charset "UTF-8";
/* CSS Document */
/* ================================================
各ページ内のコンテンツ一覧（社協について、業務・財務について、広報、様式集など）

基本色 #2F7CDC;
================================================== */
.red {
  color: #F7060A;
}
.red_s {
  color: #F7060A;
  font-size: 10px;
}
.color01{
	color: #0EB2E6;
}
.txt_bold{
	font-weight: bold;
}
/*ナビゲーション　検索*/
section .koe_navi {}
/*注意事項*/
.tyuui {
  color: red;
  margin-left: 20px;
}
.font_s {
  font-size: 12px;
}
ul {
  margin-top: 0;
  padding-top: 0;
}
/*スペース*/
.space_l_3px {
  margin-left: 3px;
}
/*スペース*/
.space_l_15px {
  margin-left: 15px;
}
/*スペース*/
.space_l_50px {
  margin-left: 50px;
}
.space_r_10px {
  margin-right: 10px;
}
.space_r_50px {
  margin-right: 50px;
}
a {
  text-decoration: none;
}
/*========================================

共通

======================================== */
.data {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  width: 100%;
  border: solid 0px;
}

/* ============================================================================

   お知らせ詳細

   ============================================================================ */
.detail_area {
  width: 100%;
  max-width: 900px;
  margin-top: 10px;
  border-bottom: solid 1px #F4B0B1;
  padding-bottom: 50px;
  margin-bottom: 50px; /* border-bottomの下線下 */
	text-align: left;
  border: solid 0px;
}


/*==================================== */
/*掲載期間*/
.detail_area .item01{
	margin-bottom: 5px;
	font-size: 12px;
}



/* お知らせタイトル 
-----------------------------------------------------*/
.detail_area .title { 
  margin-top: 10px;
  padding: 5px 10px;
box-sizing: border-box;
  font-size: 24px;
  line-height: 28px;
  border:solid 1px #90CB76;
}
/* 本文 （内容）
----------------------------------*/
.detail_area .naiyou { 
  width: 100%;
	max-width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  /*font-size: 14px;*/
  line-height: 20px;
  text-align: justify; /* 両端揃え(均等割り付け) */
  text-justify: inter-ideograph; /* IE用 文章均等割り付け */
}
/* 添付　リンク
----------------------------------*/
.temp_link_flex{
	margin-bottom: 20px;
}
.temp_link_flex .waku{
		margin-bottom: 10px;
}
.temp_link_flex a{
	text-decoration: none;
	color: #44A01B;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.temp_link_flex .btn{
	border-radius: 10px;
	padding: 2px 8px;
	border: solid 1px;
	
}
.temp_link_flex .btn:hover{
	 color: #ffffff;
	background-color:#90CB76;
}
/*添付（参考資料） */ /* 参考サイト（リンク）
-----------------------------------------------------------*/
.tbl_temp_link { /* テーブル名 */
  width: 100%;
  margin-top: 20px;
 
}
.tbl_temp_link tr {
  vertical-align: top;
  height: 50px;
}
.tbl_temp_link .td01 { /* 参考資料　参考サイトの枠 */
  width: 70px;
  margin-right: 20px;
  font-size: 12px;
	 text-align: center; /* td01用 */
  display: inline-block;
  color: #1D1C1C;
  padding: 1px 5px 1px 5px;
  border: 1px solid #776F6F;
  border-radius: .2em;
}
.tbl_temp_link .td02 { /* 参考資料　参考サイトのaタグ */
  width: 100%;
	max-width: 600px;
  text-align: left;
  /*font-size: 12px;*/
  border: solid 0px;
}
.tbl_temp_link a {
  display: block;
  padding-bottom: 8px;
}
/*項目前の●*/
.tbl_temp_link a::before {
  content: "・";
  font-size: 12px;
  color: #262424;
}

/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {


/* お知らせタイトル 
-----------------------------------------------------*/
.detail_area .title { 

  font-size: 18px;
  line-height: 20px;

}
	.hero_illa{
		display: none;
	}
	.tbl_temp_link td{
		display: inline-block;
	}
}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}