@charset "UTF-8";
@import url("../222_COM/COM_CNT.css");
@import url("../222_COM/COM_INF.css");
/*=========================================================================================================
/ NEWS LIST
/=========================================================================================================*/

/*【 NEWS AREA SETTING 】■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 NEWS TITLE SETTING 】=================================== ■*/
#CNT_TTL > div:first-child::after{
	content: "『こころ』";
}
/* ============================【 NEWS TITLE SETTING / END 】.■ */

/*追加*/


.INF_up > a > div > h3{
	text-decoration: none;
	display: block;
	color: #1E82E6;
	transition: all 500ms;
}
.INF_up > a:hover > div > h3{
	color: #3cb4ff;
	display: inline-block;
/*	transform: scaleX(0.9);*/
	transition: all 500ms;
}
.INF_up > a:hover > div > h3 > .COA{
	background: #3cb4ff;
	transition: all 500ms;
}

.INF_up > a > div > h3 > .COA{
	padding: 0 10px;
	color: #FFFFFF;
	vertical-align: middle;
	border-radius: 20px;
	background: #1E82E6;
	transition: all 500ms;
}
.INF_up > a > div > h3 > .COA::after{
	content: "\A";
	white-space: pre-wrap;
}

.INF_up > a > div:nth-child(2){
	
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 10px;
	
}


.INF_up > a > div:nth-child(2) > span{
	padding: 0 10px;
	color: #FFFFFF;
	border-radius: 20px;
	display: inline-flex;
	align-items: center; 
	line-height: 1; 
	background: #1E286E;
}

/*_________________________追加*/

.INF_up > h3 > a{
	text-decoration: none;
	display: block;
	color: #1E82E6;
	transition: all 500ms;
}
.INF_up > h3 > a:hover{
	color: #3cb4ff;
	display: inline-block;
	transform: scaleX(0.9);
	transition: all 500ms;
}
.INF_up > h3 > a:hover > .COA{
	background: #3cb4ff;
	transition: all 500ms;
}


.INF_up > h3 > a > .COA{
	padding: 0 10px;
	color: #FFFFFF;
	vertical-align: middle;
	border-radius: 20px;
	background: #1E82E6;
	transition: all 500ms;
}
.INF_up > h3 > a > .COA::after{
	content: "\A";
	white-space: pre-wrap;
}

.INF_up > div{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 10px;
	
}
.INF_up > div > span{
	padding: 0 10px;
	color: #FFFFFF;
	border-radius: 20px;
	display: inline-flex;
	align-items: center; 
	line-height: 1; 
	background: #1E286E;
}




/*.【 YEAR BACK BOTTON 】===================================== ■*/

/* ==============================【 YEAR BACK BOTTON / END 】.■ */ 

/*.【 NOT FILE MESSAGE 】===================================== ■*/
#NOT_file{
	padding: 3%;
	font-size: clamp(1.25rem, 0.964rem + 1.43vw, 2.125rem);
	line-height: clamp(1.5rem, 1.214rem + 1.43vw, 2.375rem);
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 10px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.3);
	/*【 VALUES 】min: 20px & max:  34px ＜ font-size ＞*/
	/*【 VALUES 】min: 24px & max:  38px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}
/* ==============================【 NOT FILE MESSAGE / END 】.■ */ 
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【 NEWS AREA SETTING / END 】*/

/*=========================================================================================================
/ NEWS LIST / END
/+========================================================================================================*/