@charset "utf-8";

/*!
 * お知らせCSS
 */

/* お知らせ全体
------------------------------------------------------------ */
.main .topicUpdate { /* 記事アップ日 */
	text-align: right;
}
.topicContents { /* 記事枠 */
	margin-top: 1.5em;
}

/* お知らせ(画像無)
------------------------------------------------------------ */
.topicContents .text1 { /* テキスト */
	line-height: 1.8;
	max-width: 840px;
	margin: auto;
	word-wrap: break-word;
}

/* お知らせ(画像有)
------------------------------------------------------------ */
.topicContents .photo { /* 画像全体枠 */
	margin-left: 0;
}
.topicContents .photo .image { /* 個別画像枠 */
	margin-bottom: 1em;
}
.topicContents .photo img { /* 個別画像 */
	margin-bottom: 3px;
}
.topicContents .text2 { /* テキスト */
	line-height: 1.8;
	padding-left: 1em;
	word-wrap: break-word;
}
/* TB,SP */
@media screen and (max-width: 779px){
	.topicContents .text2 { /* テキスト */
		padding-left: 0;
	}
}

/* お知らせ一覧高さ設定
------------------------------------------------------------ */
.main.topics .content_wrap { /* 一覧枠 */
	height: 500px;
	overflow: auto;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.main.topics .content_wrap { /* 一覧枠 */
		height: 500px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

/* お知らせ一覧高さ設定(スクロール×用)
------------------------------------------------------------ */
.main.topics2 .content_wrap { /* 一覧枠 */
	height: 500px;
	overflow: auto;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.main.topics2 .content_wrap { /* 一覧枠 */
		height: auto;
		overflow: visible;
		-webkit-overflow-scrolling: auto;
	}
}

/* お知らせ終了
------------------------------------------------------------ */
.main.topics .topicsEnd {
	text-align: center;
	padding: 10px;
	margin: 10px 0;
	font-size: 123.1%;
	background-color: rgb(238,0,0);
	color: rgb(255,255,255);
	border-radius: 5px;
}

/* 新着情報テーブル（文字センター/折り畳まない）
------------------------------------------------------------ */
.topicsTable { /* 全体 */
	border-collapse: collapse;
	margin-bottom: 5px;
}
/* .topicsTable tr:nth-of-type(even) { tr 交互に色
	background-color: rgb(248,248,248);
} */
.topicsTable th,
.topicsTable td { /* th,td */
	padding: 1ex 1em 0.6ex 1em;
	border: rgb(214,214,214) solid 1px;
	text-align: center !important;
	white-space: nowrap;
}
.topicsTable th { /* th */
	background-color: rgb(153,200,244);
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}

/* 新着情報テーブル（文字レフト/折り畳まない）
------------------------------------------------------------ */
.topicsTable-l { /* 全体 */
	border-collapse: collapse;
	margin-bottom: 5px;
}
/* .topicsTable-l tr:nth-of-type(even) { tr 交互に色
	background-color: rgb(248,248,248);
} */
.topicsTable-l th,
.topicsTable-l td { /* th,td */
	padding: 1ex 1em 0.6ex 1em;
	border: rgb(214,214,214) solid 1px;
	text-align: left;
	white-space: nowrap;
}
.topicsTable-l th { /* th */
	background-color: rgb(153,200,244);
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}

/* 新着情報テーブル（文字レフト/ライン無し/見えない）
------------------------------------------------------------ */
.topicsTable-nb { /* 全体 */
	border-collapse: collapse;
	margin-bottom: 0;
}
/* .topicsTable-nb tr:nth-of-type(even) { tr 交互に色
	background-color: none;
} */
.topicsTable-nb th,
.topicsTable-nb td { /* th,td */
	padding: 1ex;
	border: none;
	text-align: left;
	white-space: nowrap;
}
.topicsTable-nb th { /* th */
	background-color: none;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}