@charset "UTF-8";

div.face {
	background-size:cover;
	background-position:center center;
}

div.face img {
	transition:1s;
}
div.face:hover img {
	opacity:0;
}

#fc_tanaka {
	background-image:url( images/face/tanaka.jpg );
}

#fc_imai {
	background-image:url( images/face/imai.jpg );
}

#fc_ohya {
	background-image:url( images/face/ohya.jpg );
}

#fc_igarashi {
	background-image:url( images/face/igarashi.jpg );
}

#fc_minagawa {
	background-image:url( images/face/minagawa.jpg );
}

#fc_kondo {
	background-image:url( images/face/kondo.jpg );
}

#fc_oguro {
	background-image:url( images/face/oguro.jpg );
}

#fc_eihara {
	background-image:url( images/face/eihara.jpg );
}

#fc_takahashi {
	background-image:url( images/face/takahashi.jpg );
}

#fc_kanazawa {
	background-image:url( images/face/kanazawa.jpg );
}

#fc_kaneko {
	background-image:url( images/face/kaneko.jpg );
}

#fc_hiraishi {
	background-image:url( images/face/hiraishi.jpg );
}

#fc_hasegawa {
	background-image:url( images/face/hasegawa.jpg );
}

#fc_aoki {
	background-image:url( images/face/aoki.jpg );
}

a.join_button {
	margin:50px auto 0 auto;
}

#kanji_area > ul {
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:980px;
	max-width:100%;
	margin:24px auto 40px auto;
}

#kanji_area li {
	list-style-type:none;
	width:calc( 100% - 16px );
	padding:16px 16px 32px 16px;
}

#kanji_area li h3 {
	font-size:22px;
	font-weight:700;
	line-height:28px;
}

#kanji_area li h3 span:nth-of-type(1) {
	font-size:18px;
	font-weight:500;
	padding-right:12px;
}

#kanji_area li h3 span:nth-of-type(2) {
	font-size:18px;
	font-weight:500;
	padding-left:12px;
}

#kanji_area li p {
	margin-top:18px;
}

#kanji_list {
	width:950px;
	max-width:100%;
	margin:24px auto 40px auto;
}

#kanji_list h3 {
	font-size:20px;
	font-weight:700;
	line-height:28px;
}

#kanji_list h3:nth-of-type( n+2 ) {
	margin-top:30px;
}

#kanji_list dl, #kanji_area #kanji_list ul {
	margin-top:16px;
}

#kanji_list dt {
	float:left;
}

#kanji_list dd {
	padding-left:21em;
	font-weight:500;
}

#kanji_list dd span, #kanji_area #kanji_list li span {
	font-weight:400;
}

#kanji_area #kanji_list li {
	list-style-type:none;
	width:calc( 100% / 3 );
	padding:0 8px 0 0;
	font-weight:500;
	float:left;
	display:inline-block;
}

#kanji_area #kanji_list ul:after {
	content:'';
	display:block;
	clear:both;
}

@media screen and (max-width:640px) {

	#kanji_area > ul {
		display: block;
	}
	
	#kanji_area li {
		width:100%;
		padding:16px 0;
	}
	
	#kanji_area li h3 span:nth-of-type(1) {
		font-size:12px;
	}
	
	#kanji_area li h3 span:nth-of-type(2) {
		font-size:12px;
	}
	
}