@charset "UTF-8";

/*
# =================================================================
# イベント
# =================================================================
*/

/*（★）状態確認用*/
/*a {color:red;}*/


/****************************************/
/*出力データ基本設定
/****************************************/


/****************************************/
/*　イベント一覧
/****************************************/

.p-subpage__body {
  max-width: 1060px;
  margin-inline: auto;
}

/*外枠*/
#event-year {}

/*エラーメッセージ*/
#dbmessage-event {}

/*出力用外枠*/
#dataout-event {}


/*出力データ*/
#dbevent {
	margin: 0;
	padding: 0;
    list-style-type: none;
	width: 100%;
}
#dbevent li {
	width: 100%;
	display: table;
	padding: 5px 10px;
}

#dataout-event li {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 23% 17% 60%;
  grid-template-columns: 23% 17% 60%;
  grid-gap: 8px;
  gap: 8px;
  padding: 5px 10px;
  margin-bottom: 0.5em; }

#dataout-latest li {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 23% 1fr;
    grid-template-columns: 23% 1fr;
    grid-gap: 8px;
    gap: 8px;
    padding: 10px;
    margin-bottom: 0.5em; }

#dataout-event li:nth-child(even),#dataout-latest li:nth-child(even)  {
	background-color: var(--gray-300);
}



/*開催日*/
.event-date {
	/* width:23%; */
	display: table-cell;
	font-size: 1.5rem;
	/*float:left;*/
}

/*開催地*/
.even-venue {
	/* width:17%; */
	display: table-cell;
	/*float:left;*/
}

/*タイトル*/
.even-title {
	/* width:60%; */
	display: table-cell;
	line-height: 140%;
	/*float:left;*/
}


/*メモ書き*/
.memo {
	display: block;
	font-size: 1.2rem;
	line-height: 120%;
    color: #2c730c;
	margin: 5px 0;
}
.memo a {
     color: #2c730c;
	text-decoration: underline;
}

/*Newマーク*/
.newmk {
	 margin-left: 10px;
}

/*一覧の見出し*/
.table-head {
	width: 100%;
	display: table;
	background-color: #1b698d;
	margin-bottom: 30px;
  font-weight: bold;
  display: grid;
  grid-template-columns: 23% 17% 60%;
  gap: 8px;
}
.table-head div {
	display: table-cell;
    color: #fff;
	padding:5px 0;
}
.table-head div:first-child {
    padding-left: 10px;
}

.rss-btn-wrap{
	display: flex;
	margin-left: auto;
	margin-top: 0;
}

/****************************/
/*レスポンシブ
/****************************/
@media (min-width: 480px) {}

@media (min-width: 768px) {}

@media (min-width: 920px) {}

@media (min-width: 1400px) {}