/********************************************************************************************
	<<<　info.css　>>>
	※お知らせ用									2023-04 renewal
/********************************************************************************************/
@charset "utf-8";

.info-pos { position: relative; }
.information {
	padding: 24px;
	height: 300px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color: #fff;
	margin-bottom: 20px;
}

.news-list {
	border-bottom: 2px #ccc dotted;;
	display: flex;
	padding: 25px 0 20px;
/*	color: #666;*/
}

.news-list:first-child { padding-top: 0; }

.news-list .date { display: block; width: 110px; color: #222; line-height: 32px; }
.news-list .ico { display: block; width: 140px; }
.news-list .infotit { width: 70%;}
.news-list .infotit a { color: #000; text-decoration: underline; /*font-weight: bold; font-size: 120%;*/ }
.nbody { padding: 20px;}	/* お知らせの本文 */
.more {
	padding: 5px 30px;
	display: inline-block;
	text-decoration: none;
	background-color: #666;
	color: #fff;
	border-radius: 4px;
}


.ico_frame { text-align: center; line-height: 32px; width: 120px; border-radius: 4px; display: block;}
.ico_k1 { background: #36b50f; color: #fff;}	/* お知らせ	*/
.ico_k2 { background: #069; color: #fff;}	/* 休診案内	*/
.ico_k3 { background: #e71e1e; color: #fff;}	/* 重要	*/

.ichiran-pos { position: absolute; top: -60px; right: 0;  }
.ichiran { /*border-radius: 10px;*/ padding: 4px 10px; }
.ichiran:hover { cursor: pointer; }

@media screen and (max-width : 750px) {
	.ichiran-pos { position: static; text-align: center;  }
	.information {
		width: 100%;
		padding: 0;
		height: 200px;
	}
	.news-list { flex-wrap: wrap; }
	.news-list:first-child { padding-top: 4px; }
	.news-list .infotit { width: 100%; display: block; margin-top: 10px; }
	.news-list .infotit a { font-size: 100%; }
}

/*
	【お知らせぺーーーじ】
*/
/* 下のページャー */
.Pager {
	width: 90%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.Pager div a {
	display:inline-block;
	padding: 4px 8px;
	border:1px solid #ccc;
	text-decoration: none;
/*	border-radius: 8px;	*/
	color:#fff;
	background-color:#999;
}
.Pager div a:hover {
	background-color:#ccc;
	color:#fff;
}