@charset "utf-8";


#first-box01{
	margin: 0px auto 90px auto;
	text-align: center ;
}
#first-box01 h1{
	margin: 0px auto 90px auto;
}


#lecturer-box01{
	max-width: 750px;
	margin: 0px auto 0px auto;
	padding:10px 10px 35px 10px;
	text-align: center ;
	line-height: 200%;
	font-size: 120% ;
}




#alakai-box .lecturer-alakai01{
	max-width: 700px ;
	margin: 0px auto 30px auto ;
	padding:10px;
	font-size: 120%;
	border-bottom: 2px dotted #b6d9c9 ;
}

#alakai-box .lecturer-alakai01 h2{
	margin: 15px auto 30px auto ;
	text-align: center ;
	font-weight: 700 ;
	font-size: 110% ;
}


.alakai-pic{
	max-width: 600px ;
	margin: 0px auto ;
}

#alakai-box .lecturer-alakai01 .alakai-pic img{
	display: block ;
	max-width: 75% ;
	height: auto ;
	border-radius: 20px ;
	margin: 30px auto 30px auto ;
}
#alakai-box .lecturer-alakai01 .ukulele-pic img{
	display: block ;
	max-width: 100% ;
	height: auto ;
	border-radius: 20px ;
	margin: 30px auto 30px auto ;
}



#alakai-box .lecturer-alakai01 img.emoji{
	height: auto ;
	/*width: 2vh ;
	min-width: 10px ;*/
	max-width: 15px ;
}





.link-lecturer01{
	text-align: center ;
}
.link-lecturer01 img{
	max-width: 220px ;
}
.link-lecturer01 a{
	display: inline-block ;
	margin: 50px auto 50px auto ;
	padding: 10px 30px ;
	background: #a6c7c3 ;
	text-align: center ;
	color: #383838 ;
	border-radius: 20px ;
	font-weight: 700 ;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */	

}
.link-lecturer01 a:visited{
	color: #383838 ;
}
.link-lecturer01 a:hover{
	opacity: 1.00; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.00; /* Safari 1.x */
	-moz-opacity: 1.00; /* FF lt 1.5, Netscape */	
}




/*
	レスポンシブ：タブレット縦/スマホ横/スマホ縦
	@media screen and (max-width: 1024px) { }
	@media screen and (max-width: 896px) { }
	@media screen and (max-width: 480px) { }
*/
