@charset "utf-8";
/*
************************************************************************
 お知らせ
************************************************************************
*/
.information
{
	display: flex;
}
.information > .title
{
	flex:0 1 auto;
	padding-right:2em;
	border-right:1px dashed var(--body-border-color);
}
.information > .title > .main
{
	display: inline-flex;
	align-items: center;
	align-content: center;
	white-space:nowrap;
}
.information > .title > .main > i
{
	margin-right:0.25em;
	font-size:1.5em !important;
	color:var(--body-icon-color);
}
.information > .title > .main > .label
{
	font-size:1.5em;
	font-weight:bold;
}
.information > .list
{
	flex:1 1 auto;
}
.information > .title + .list
{
	padding-left:2em;
}
.information > .list > .list-item
{
	padding-bottom:1.0em;
	margin-bottom:1.0em;
	
	border-bottom:1px dashed var(--body-border-color);
}
.information > .list > .list-item:last-child
{
	margin-bottom:0.0em;
}
.information > .list > .list-item > .date
{
	line-height:1;
	color:var(--body-font-color-light);
	margin-bottom:0.5em;

	display: inline-flex;
	align-items: center;
	align-content: center;
}
.information > .list > .list-item > .date > i
{
	font-size: 1.3em !important;
	margin-right:0.25em;
}
.information > .list > .list-item > .title
{
	font-size:1.0em;
	font-weight:bold;
}
.information > .list > .list-item > .title > a:hover
{
	text-decoration:underline;
}
.information > .list > .list-item > .description
{
	margin-top:0.5em;
	line-height:1.4;
}
.information > .list > .read-more
{
	text-align:center;
}
.information > .list > .read-more > a
{
	display: inline-flex;
	align-items: center;
	align-content: center;
	color:var(--body-font-color-light);
}
.information > .list > .read-more > a:hover > .label
{
	text-decoration:underline;
}
.information > .list > .pagination
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.information > .list > .pagination > a
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	line-height: 1px;
	margin:0.5em;
	font-size: 1.2em;
}
.information > .list > .pagination > a.active
{
	font-weight:bold;
	color:var(--body-icon-color);
}

.information-view
{

}
.information-view > .post-title
{
	padding:calc(1.0em + var(--border-radius) / 4);
	border-radius: var(--border-radius);
	border:1px solid var(--body-border-color);
	box-shadow: 3px 3px 3px 0px #00000035;
	margin-bottom:2.0em;
}
.information-view > .post-title > .date
{
	line-height:1;
	color:var(--body-font-color-light);
	margin-bottom:0.5em;

	display: inline-flex;
	align-items: center;
	align-content: center;
}
.information-view > .post-title > .date > i
{
	font-size: 1.3em !important;
	margin-right:0.25em;
}
.information-view > .post-title > .title
{
	margin-bottom:0.5em;
}
.information-view > .post-title > .title > .main
{
	font-size:1.5em;
	font-weight:bold;
}

.information-line
{
	margin-top: -2.5em;
}
.information-line .infomarion-line-item
{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	
	padding:1.5em 1.5em 1.5em 1.5em;
	line-height: 1.2;

	background-color:var(--body-background-color);
	color:var(--body-font-color);
	border-radius:var(--border-radius);

	box-shadow: 0px -5px 5px 0px #0000000f;
}
.information-line .infomarion-line-item > .mark
{
	flex:0 1 auto;
	padding-right: 1em;
}
.information-line .infomarion-line-item > .mark > i
{
	font-size: 2.5em !important;
	color:var(--body-icon-color);
}

.information-line .infomarion-line-item > .title
{
	flex:1 1 100%;
	padding-left: 1em;

	border-left: 1px dashed var(--body-border-color);
}
.information-line .infomarion-line-item > .title > .date
{
	color:var(--body-font-color-light);
	font-size:0.8em;
	margin-bottom: 0.5em;
}
.information-line .infomarion-line-item > .title > a:hover
{
	text-decoration: underline;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.information
	{
		flex-wrap:wrap;
	}
	.information > .title
	{
		width:100%;
		padding-right:0em;
		margin-bottom:1em;
		border-right:0px solid transparent;
	}
	.information > .title > .main
	{
	}
	.information > .title > .main > i
	{
		font-size:1.8em !important;
	}
	.information > .title > .main > .label
	{
		font-size:1.5em;
	}
	.information > .list
	{
		padding-left:0em;
	}
	.information > .title + .list
	{
		padding-left:0em;
	}
		.information > .list > .list-item
	{
		margin-bottom:1.5em;
	}
	.information > .list > .list-item:last-child
	{
		margin-bottom:0.0em;
	}
	.information > .list > .list-item > .date
	{
		line-height:1;
		color:var(--color-gray);
		margin-bottom:0.5em;
	}
	.information > .list > .list-item > .title
	{
		font-size:1.0em;
		font-weight:bold;
	}
	.information > .list > .list-item > .title > a:hover
	{
		text-decoration:underline;
	}
	.information > .list > .list-item > .description
	{
		margin-top:0.5em;
	}

}