@charset "UTF-8";

/* 共通告知用CSS */
.notice_outer{
	border: 2px solid #80B080;
	padding: 10px 15px 10px;
	margin: 15px 25px 15px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #A0C0A0;
}

.notice_header{
}

.notice_header_notice{
	font-weight: bold;
	font-size: 90%;
}

.notice_titile{
	font-size: 110%;
	text-decoration: underline;
	text-decoration-color: #9C9C9C;
	text-underline-offset: 4px;
	margin: 0px 10px 0px;
}

.notice_titile a{
	text-underline-offset: 1px;
}

.notice_date{
	font-size: 90%;
}

.notice_table_inline_block{
	padding: 15px;
	background-color: #e0f8d0;
	display: inline-block;
	border: solid 1px #c0e8c0;
	margin: 0px 0px 5px;
}

.notice_table_inline_block.rounded{
	border-radius: 8px;
}

.notice_table_inline_block.arrow_up{
	border: solid 2px #c0e8c0;
	position: relative;	/* 三角形の配置基準にするために必要 */
}

/* 1. 三角形の「塗り」部分 */
.notice_table_inline_block.arrow_up::after{
	content: "";
	position: absolute;
	top: -9px;	/* 三角形の高さ分だけ上に移動 */
	left: 60px;	/* 左端からの位置（お好みで調整） */
	border-left: 10px solid transparent;	/* 左を透明に */
	border-right: 10px solid transparent;	/* 右を透明に */
	border-bottom: 10px solid #e0f8d0;	/* 下を背景色と同じ色に */
}

/* 2. 三角形の「枠線」部分（枠線も付けたい場合のみ） */
.notice_table_inline_block.arrow_up::before{
	content: "";
	position: absolute;
	top: -12px;	/* 塗りより1px高く配置して重なりを作る */
	left: 60px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #c0e8c0;	/* 下を枠線色と同じ色に */
}

.notice_caution{
	font-weight: bold;
	color: #f06000
}

.notice_white_block{
	border: solid 1px #c0e8c0;
	padding: 15px;
	margin: 0px 0px 10px;
	background-color: #ffffff;
}

.toggle_read_more{
	margin: 15px 10px 10px;
}

.toggle_read_more .toggle_button{
	padding: 5px 20px 5px;
	border: solid 1px #C0C0C0;
	font-weight: bold;
}

.article_text{
	font-size: 95%;
}

div.article_read_more{
	margin: 15px 10px 10px;
	font-size: 95%;
}

button.link_style_btn{
	cursor: pointer;
	border: none;
	background: none;
	color: #0066CC;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}