@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#hline .hline-body.line .fpict {
	text-align: center;
}

#hline .hline-body.line .fpict + .fname {
	margin-top: 10px;
}

#hline .hline-body.line .fname + .fbody,
#hline .hline-body.line .fpict + .fbody {
	margin-top: 15px;
}

#hline .hline-body.line .fname h2 {
	display: flex; justify-content: center; align-items: center;
}

#hline .hline-body.line .fname h2:before {
	content: "“"; margin-right: 10px;
}

#hline .hline-body.line .fname h2:after {
	content: "”"; margin-left: 10px;
}

#hline .hline-body.line .fname h2 .face {
	width: 30px; height: 30px; margin-right: 5px;
}

#hline .hline-body.line .fname h2 .face img {
	border-radius: 30px;
}

#hline .hline-body.line .fbody {
	margin-top: 20px;
}

#hline .hline-body.line .fbody h1 {
	margin-top: 20px; display: flex; justify-content: center;
}

#hline .hline-body.line .fbody h1 span.chara {
	font-size: 135%;
}

#hline .hline-body.line .fbody h1 span.body {
	padding: 5px 5px 0; text-align: center;
}

/*~~*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 769px) {
/****************************************************************************************************************************************************************/

#hline .hline-body.line .fname + .fbody,
#hline .hline-body.line .fpict + .fbody {
	margin-top: 25px;
}

#hline .hline-body.line .fname h2 {
	font-size: 48px;
}

#hline .hline-body.line .fname h2 .face {
	width: 60px; height: 60px; margin-right: 5px;
}

#hline .hline-body.line .fname h2 .face img {
	border-radius: 60px;
}

/*
名前の上に画像がある場合
*/
#hline .hline-body.line .fpict + .fname h2 {
	font-size: 32px
}

#hline .hline-body.line .fpict + .fname h2 .face {
	width: 50px; height: 50px; margin-right: 5px;
}

#hline .hline-body.line .fpict.fname h2 .face img {
	border-radius: 50px;
}
/**/

#hline .hline-body.line .fbody h1 span.body {
	padding: 15px 10px 0; text-align: center;
}

/*~~*/
/*以下はまだ*/
/*~~*/
/*
□・15・□・15・□・15・□
*/
#hline .hline-body.list ul {
	display: flex; flex-wrap: wrap;
}

#hline .hline-body.list li {
	width: calc((100% - 45px) / 4); margin-left: 15px; display: flex; flex-direction: column;
}
	#hline .hline-body.list li:nth-child(4n + 1) {
		margin-left: 0;
	}
	#hline .hline-body.list li:nth-child(-n + 4) {
		margin-top: 0;
	}

#hline .hline-body.list li .hukidashi {
	width: 100%; padding: 5px; border: 1px solid #000; position: relative; z-index: 0;
}

#hline .hline-body.list li .hukidashi:after {
	width: 0px; height: 0px; margin-left: -10px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000 transparent;
	content: ""; top: -10px; left: 50%; position: absolute; display: block;
}

#hline .hline-body.list li:hover {
	border-bottom: 2px solid #000;
}

/****************************************************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/