@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------------------------------------------------------------------
ヘッダー、header.cssフッターfooter.css記載
全体レイアウトcommon_layout.css記載
ページタイトル　common_item.css記載
先頭にcommonが付くタグcommon_item.css記載
------------------------------------------------------------------------------------------------------ */
/* ====================================

ページ共通文字サイズ色など

===================================== */
/*基本fontサイズと色*/
#right_contents{
font-size: 14px;
  line-height: 18px;
	color: #343232;
}
		  
/*注意書き*/
.font_tyuuigaki { /*<p>指定　注意書き用文字サイズ*/
  font-size: 10px;
}
.tyuui_mark, .txt_red { /*<span>指定　注意書きの先頭につける（*）   赤文字*/
  color: #FF0000;
}
.red {
  color: #F7060A;
}
#right_contents ul {
  padding-left: 2em;
  margin: 0;
  border: solid 0px;
}
/*リンク処理*/
#right_contents a {
  text-decoration: none;
	color: #343232;
}
#right_contents a:hover {
  color: #E44040;
}


/* ------------------------------------------------------------------------------------------------------
ページ内共通
------------------------------------------------------------------------------------------------------ */
#kaikan_schedule{

}

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

会館スケジュールテーブル

========================================================================================================== */
table.tbl_kaikan_schedule_list {
  width: 100%;
  max-width: 1000px;
	margin-left: auto;
	margin-right: auto;

	
}

table.tbl_kaikan_schedule_list {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 50px;
  border-collapse: collapse; /* 囲み線を1本で重なりをなくす table,th,tdに指定 */
  border: 0px solid #292626;
}
/*ヘッダー行の修飾*/
table.tbl_kaikan_schedule_list th {
  background: #80DCD3;
  padding: 6px 5px;
	font-weight: 200;
  letter-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid #CADC38;
  border-bottom: 1px solid #CADC38;
}
/*行の修飾*/
table.tbl_kaikan_schedule_list tr {
  border-collapse: collapse;
  border-top: 1px solid #5EBBB2;
  border-bottom: 1px solid #5EBBB28;
}
table.tbl_kaikan_schedule_list tr:last-child {
  border-bottom: 4px solid #5EBBB2; /* 最後のtrのborder-bottom太く*/
}
/*項目の修飾*/
table.tbl_kaikan_schedule_list td {
  padding: 6px 5px; /*間隔　必須 */
  border: solid 0px;
}

/*改行なし（催事名のみ改行される）*/
table.tbl_kaikan_schedule_list .td01, /*期日*/ table.tbl_kaikan_schedule_list .td02, /*時刻*/ table.tbl_kaikan_schedule_list .td04, /*会場*/ table.tbl_kaikan_schedule_list .td05 /*詳細*/ { /*改行なし*/
  white-space: nowrap;
}
/* 各項目幅
-------------------------------------------------------------------------------*/
table.tbl_kaikan_schedule_list .th01 { /* 期日 */
  width: 8%;
  border: solid 0px;
}
table.tbl_kaikan_schedule_list .th02 { /* 時刻 */
  width: 18%;
  border: solid 0px;
}
table.tbl_kaikan_schedule_list .th03 { /* 催事名 */
  /*width: 40%;*/
  border: solid 0px;
}
table.tbl_kaikan_schedule_list .th04 { /* 会場 */
  width: 20%;
  border: solid 0px;
}
table.tbl_kaikan_schedule_list .th05 { /* 詳細 */
  width: 8%;
  border: solid 0px;
}
/* =======================================================================================================

ディバイスサイズ設定

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

/* スマホ用 */
@media (max-width: 749px) {
	
  /* 自主事業テーブル
-------------------------------------------------------------------------*/
  table.tbl_kaikan_schedule_list th { /* テーブル項目を非表示 */
    display: none;
  }
  table.tbl_kaikan_schedule_list td {
    width: 100%;
    padding: 4px 10px; /*間隔　必須 */
    display: block;
  }
  table.tbl_kaikan_schedule_list td:first-child {
    margin-top: 10px; /* データ間に空白入れる */
  }
  table.tbl_kaikan_schedule_list td:last-child {
    margin-bottom: 10px; /* データ間に空白入れる */
  }
  /* tdに設定したaria-label 名称　住所などを表示する */
  table.tbl_kaikan_schedule_list td::before {
    content: attr(aria-label); /* tdに設定した */
    display: inline-block;
    font-weight: bold;
    width: 80px;
    text-align: justify; /* 両端揃え(均等割り付け) */
    text-justify: inter-ideograph; /* IE用 文章均等割り付け */
    padding-right: 0px;
    /* white-space: nowrap;*/
  }
	/*td05に設定したaria-label 詳細を非表示にする */
  table.tbl_kaikan_schedule_list .td05::before {
    content: attr(aria-label); 
    display: none;
  }
  table.tbl_kaikan_schedule_list .no, table.tbl_kaikan_schedule_list .td01, table.tbl_kaikan_schedule_list .td02, table.tbl_kaikan_schedule_list .td03, table.tbl_kaikan_schedule_list .td04 {
    text-align: left;
    border-bottom: 0px;
  }

}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}