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

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

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

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

.news-list .date { display: block; width: 120px; color: #222; line-height: 32px;	margin-left: 1em;	margin-right: 1em; }
.news-list .ico { display: block; width: 140px; margin-right: 1em;}
.news-list .infotit { width: 70%;}
.news-list .infotit a { color: #000; text-decoration: none; /*font-weight: bold; font-size: 120%;*/ }
.nbody { padding: 20px;}	/* お知らせの本文 */
.more {
	display: inline-block;
	text-decoration: none;
	color: #000000;
	border-radius: 4px;
	font-size: 90%;
	padding: 5px 10px 5px 10px;
	margin-bottom: 0.5em;
	background-color: var(--secondary-color);
	font-weight: normal;
	font-family: 'Meiryo UI';
}


.ico_frame { text-align: center; line-height: 32px; width: 100px; border-radius: 4px; display: block; 	font-size: 90%;}
.ico_k1 { background: #00a199; color: #fff;}	/* お知らせ	*/
.ico_k2 { background: #88c021; color: #fff;}	/* 休診案内	*/
.ico_k3 { background: #ff9999; color: #fff;}	/* 重要	*/

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

/*画面幅750px以下の追加指定*/
@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: 5px; margin-left: 10px;}
	.news-list .date { display: block; line-height: 20px;	margin-left: 10px;;	margin-right: 10px; margin-top: 10px; }
	.news-list .infotit a { font-size: 100%; }
	.news-list .ico { display: block; width: 100px; margin-right: 1em; margin-top: 10px;}
	.ico_frame { text-align: center; line-height: 25px; width: 60px; border-radius: 4px; display: block; 	font-size: 80%;}
}

/*
	【お知らせぺーーーじ】
*/
/* 下のページャー */
.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;
	color:#fff;
	background-color: var(--accent-color); 
	border-radius: 10px;
}
.Pager div a:hover {
	background-color: var(--accent-color); 
	color: #fff;
	opacity: 1;
}