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

/*【 RESEARCH SETTING 】■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 RESEARCH PAGE TITLE SETTING 】========================== ■*/
#CNT_TTL > div:first-child::after{
	content: "サイトマップ";
}
/* ===================【 RESEARCH PAGE TITLE SETTING / END 】.■ */

 


/*.【 PAPERS TITLE SETTING 】================================= ■*/

/* ____________________《《 CO-AUTHOR TAG SETTING / END 》》.. ●*/
/* ==========================【 PAPERS TITLE SETTING / END 】.■ */


/*.【 AUTHOR AREA SETTING 】================================== ■*/




/*.【 LIST SETTING 】========================================= ■*/
#LIST {
	display: block;
	flex-wrap: wrap;
	gap: 10px 2%;
}
/* ==================================【 LIST SETTING / END 】. ■*/




#LIST > div{
	
	
/*
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0%;
*/
/*
	display: flex;
	flex-wrap: wrap;
	gap: 10px 2%;
*/
	
/*	background: yellow;*/
	
}


#LIST .MAP_list:nth-child(2){
	margin-top: 15px; 
	padding-top: 15px;
	border-top: dotted 2px #FFF;
	
	display: flex;
	flex-wrap: wrap;
	gap: 10px 5%;
}


#LIST .MAP_list:nth-child(2) > .INF_up > a{
/*	width: 100%;*/
	max-width: 500px;
	min-width: 280px;
	min-height: 120px;
	
/*	margin: 0 auto;*/
	
	padding: 0 10%;
	
	
	
/*	border: none;*/
/*	background: blue;*/
}




#LIST .MAP_list:nth-child(2) > .INF_up > a h3{
	width: 100%;
	padding: 0.5em 0;
	font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
	color: #6B2723;
	border: none;
	border-bottom: solid 1px #000;
	/*【 VALUES 】min: 16px & max:  22px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}




#LIST > .MAP_list:first-child > .INF_up{
	
/*	width: 100%;*/
	margin: 0 0 2% 0;
	padding: 15px;
	
	
	display: flex;
	flex-wrap: wrap;
/*	gap: 10px 2%;*/
	
	border-radius: 3px;
	border: solid 1px #000;

	
	box-sizing: border-box;
	
	
	background: rgba(255,255,255,0.8);
}
.INF_up > div:first-child{
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	
	border-bottom: solid 1px #6B2723;
}



.INF_up h3{
	width: 30%;
	padding: 0.3em 0;
	font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem);
	color: #E9545D;
	
	border-right: solid 2px #6B2723;
	
	
	
	/* Flexboxを使って縦横中央揃えにする */
	display: flex;
	flex-direction: column;   /* 子要素（aとspan）を縦に並べる */
	/*justify-content: center;*/  /* 【上下中央】配置 */
	align-items: center;      /* 【左右中央】配置 */
	text-align: center;
	box-sizing: border-box;
	
	
	
/*	background: green;*/
	
	
	
	/*【 VALUES 】min: 20px & max:  26px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}

.INF_up div:nth-child(2) h3{
	padding: 0.6em 0;
	font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
	color: #1E82E6;
	
	border-right: solid 2px #1E82E6;
	/*【 VALUES 】min: 16px & max:  22px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}


.INF_up ul{
	width: 70%;
/*	min-width: 435px;*/
	padding: 1em 0 1em 3%;
	
	display: flex;
	flex-wrap: wrap;
	gap: 5px 2%;
	
	
	list-style: none;
	
	
	
	
	box-sizing: border-box;
	
	
	
	
/*	background: pink;*/
	
}


.INF_up li{
	
/*
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 2%;
*/
	
/*	white-space: nowrap;*/
	
	
}

.INF_up ul > li > a{
	
	
	
	padding: 0 20px;
	
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	color: #E9545D;
	
	
	
	border-radius: 50px;
	
	border: solid 1px #E9545D;
	
/*	box-shadow: inset 0 0 0 1px #6B2723;*/
	
	line-height: 1;
	text-decoration: none;
	
	box-sizing: border-box;
	
	background: #FFF;
	transition: all 500ms;
	/*【 VALUES 】min: 16px & max:  20px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}



.INF_up > div{
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
/*	gap: 10px 2%;*/
	
	
	
	
	
/*	background: orange;*/
}



.INF_up div:nth-child(2) ul > li > a{
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
/*	color: #FFF;*/
	color: #1E82E6;
	border: solid 1px #1E82E6;
	
/*	background: #1E82E6;*/
	/*【 VALUES 】min: 14px & max:  16px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}






@media screen and (min-width: 1101px) {
.MAP_list:first-child .INF_up ul > li > a:hover{
	color: #FFF;
	background: rgba(233,84,93,0.8);
	transition: all 500ms;
	/*【 VALUES 】min: 18px & max:  22px ＜ font-size ＞*/
	/*【VIEWPORT】min:320px & max:1300px */
}
.MAP_list:first-child .INF_up div:nth-child(2) ul > li > a:hover{
	background: rgba(30,130,230,0.8);
}
}

/*
.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;
}
*/
/* ===========================【 AUTHOR AREA SETTING / END 】.■ */



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【 RESEARCH SETTING / END 】*/

/*=========================================================================================================
/ RESEARCH / END
/+========================================================================================================*/