@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;

	}



}