@charset "UTF-8";
/* CSS Document */
/*===============================================
ページタイトル（共通設計）（koedora_common.css）
=============================================== */
/*===============================================

main

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

/*===============================================
ヒーロー（共通）（ポストカード）（koedora_common.css）
=============================================== */

/*===============================================
開催後のコメント（共通）（koedora_common.css）
=============================================== */


/*===============================================
タイトル（共通）　iconとタイトル（共通設計）（koedora_common.css）
=============================================== */
/*===============================================
リード（共通）（koedora_common.css）
=============================================== */
/*===============================================
場所などの囲み=============================================== */
.basyo{
	margin-bottom: 30px;
}
.basyo .nowrap_flex { /*.space-between_flexと.txtを並列処理*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; /*左寄せ*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /*上揃え*/
  margin: 10px 0;
  border: solid 0px;
}
.basyo .space-between_flex { /*囲み内の文字調整*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40px;
	margin-right: 10px;
  font-size: 12px;
  padding: 1px 5px;
  background-color: #ABEBC2;
  border: solid 1px #62C084;
}
.basyo .flex_txt { /*右に並ぶ文字*/
  font-size: 14px;
  border: solid 0px;
}
@media (max-width: 749px) {
    .basyo .flex_txt{
        font-size: 12px;
    }
}
/*===============================================
iconとタイトル（festival）
=============================================== */
.festival_title_flex{
		display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	margin-bottom: 30px;
	border: solid 0px
}

/*タイトル後の注意書きなどの改行指定*/
.festival_title_flex span{
	display: inline-block;
}
/*カレンダーアイコンなど」*/
.festival_title_flex img{
	width: 100%;
	margin-right: 10px;
	max-width: 30px;
}
@media (max-width: 749px) {
    .festival_title_flex{
        align-items: flex-start;
      font-size: 14px;  
        	margin-bottom: 0px;
    
    }
    .festival_title_flex span{
	font-size: 12px;
}
}
/*===============================================
テーブルレーアウト（festival）　tableの外枠なし、タイトルthと最後のtrのborder-bottom太く
=============================================== */
section.festival_nittei{
      width: 100%;
        padding-left:50px;
    box-sizing: border-box;
}
@media (max-width: 749px) {
    section.festival_nittei{
        padding-left:20px;
    box-sizing: border-box; 
}}
/*テーブルタイトル（フェスティバル用）
---------------------------------------------- */
/*全体指定*/
#koedora .festival_table_title{
	font-size: 14px;
	text-align: left;
  width: 100%;

    margin-bottom:10px;
	border: solid 0px;
}
@media (max-width: 749px) {
    #koedora .festival_table_title{
       font-size: 12px; 
            margin-bottom:0px;
    }
}
/*円指定*/
#koedora .festival_table_title .maru{
	color: #D8D709;
}
/*テキスト*/
#koedora .festival_table_title .txt01{
	margin-right: 20px;
    display: inline-block;
}
#koedora .festival_table_title .s{
	font-size: 12px;
}

/*テーブル（フェスティバル用）
---------------------------------------------- */
table.tbl_festival_nittei{
  width: 100%;
  /*max-width: 800px;*/
  /*margin-left: auto;
  margin-right: auto;*/
    /*margin-left: 50px;*/
  font-size: 14px;
  color: #454343;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 20px;
  border-collapse: collapse; /* 囲み線を1本で重なりをなくす table,th,tdに指定 */
  /*border: 0px;*/
}
@media (max-width: 749px) {
    table.tbl_festival_nittei{
      font-size: 12px; 
    }
    
}
/*項目欄の指定*/
table.tbl_festival_nittei th {
  background: #EAE7B5;/*基準色*/
  padding: 3px 8px;
  box-sizing: border-box;
  letter-spacing: 0px;
  border-collapse: collapse;
}
@media (max-width: 749px) {
  table.tbl_festival_nittei th { /* テーブル項目を非表示 */
    display: none;
  }
    }
/*ヘッダーと区切り線*/
table.tbl_festival_nittei tr {
  border-collapse: collapse;
  border-top: 1px solid #D4CF80;/*項目欄背景色より濃いめ*/
  /*border-bottom: 0px solid #EAE7B5;*//*項目欄背景色より濃いめ*/
}
/*ヘッダーと最後の下線を太く濃いめ*/
table.tbl_festival_nittei tr:last-child {
  border-bottom: 1px solid #D4CF80; /*項目欄背景色より濃いめ*/
}
@media (max-width: 749px) {
  /*ヘッダーと最後の下線を太く濃いめ*/
table.ttbl_festival_nittei tr:last-child {
  border-bottom: 1px solid #D4CF80; /*項目欄背景色より濃いめ*/
}  
}

table.tbl_festival_nittei td {
  height: 40px; /*1行でも同じ高さにする*/
  padding: 5px 8px; /*間隔　必須 */
  box-sizing: border-box;
  text-align: justify;
  /*border: solid 0px;*/
}
@media (max-width: 749px) {
  table.tbl_festival_nittei td {
    width: 100%;
    height: auto; /*高さ指定解除*/
    padding: 4px 10px; /*間隔　必須 */
    display: block;
  } }
@media (max-width: 749px) {
  /* tdに設定したaria-label 項目名を表示する */
  table.tbl_festival_nittei .td01::before {/*時間*/
    content: attr(aria-label);
    display: inline-block;
    margin-right: 10px;
  }	

  table.tbl_festival_nittei .td02::before {/*出演者*/
    content: attr(aria-label);
    display: inline-block;
    margin-right: 10px;
  }
  table.tbl_festival_nittei .td03::before {/*内容*/
    content: attr(aria-label);
    display: inline-block;
    margin-right: 10px;
  }
  }
/*各項目（共通）
-------------------------------------------------------------*/
table.tbl_festival_nittei .th01 { /*時間 */
  width: 20%;
  border: solid 0px;
}

table.tbl_festival_nittei .th02 { /* 出演者 */
  width: 20%;
  border: solid 0px;
}
table.tbl_festival_nittei .th03 { /* 作品 */
  width: 40%;
  border: solid 0px;
}

table.tbl_festival_nittei .td01 {/* 時間 */
		white-space: nowrap;
}
@media (max-width: 749px) {
  table.tbl_festival_nittei .td01 {/*時間*/
    margin-top: 6px;
  }}
table.tbl_festival_nittei .td02 { /*出演者 */

}
table.tbl_festival_nittei .td03 { /*内容 */

}
@media (max-width: 749px) {
  table.tbl_festival_nittei td:first-child {
    margin-top: 10px; /* データ間に空白入れる */
  }
  table.tbl_festival_nittei td:last-child {
    margin-bottom: 10px; /* データ間に空白入れる */
  } }
/*===============================================
朗読フェスティバル詳細ページへのリンク」
=============================================== */

#koedora .reed .syousai_link a{
	color: #0A82D1;	
}
/*===============================================
過去の情報（共通設計）一覧
=============================================== */
#koedora .fes_kako_list div{
		padding-left: 10%;
	box-sizing: border-box;
	border: solid 0px;
}

#koedora .fes_kako_list a{
	color: #0A82D1;	
}


/*===============================================
新型コロナウイルス感染拡大防止対策について
=============================================== */
.corona_txt {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  /*color: red;*/
  margin-bottom: 50px;
}
.reed_s { /*2020_04.htmlで使用*/
  margin-top: 10px;
  font-size: 11px;
  line-height: 16px;
}
.reed_center {
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 22px;
  color: black;
}




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

ディバイスサイズ設定

=========================================================== */
@media (max-width: 749px) {
/*===============================================
テーブルレーアウト　tableの外枠なし、タイトルthと最後のtrのborder-bottom太く
=============================================== */



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