@charset "utf-8";

/* ----------------------------------------------------
 
  biography css ( media Pc )
  
---------------------------------------------------- */

#sigBiography {}

#sigBiography header #gNav li#bioNav a { background-color:#000; color:#fff; }

#sigBiography #BoxAbout { display:block; width:100%; padding-top:20px; margin-bottom:60px; text-align:center; }
#sigBiography #BoxAbout h3 { font-size:150%; }
#sigBiography #BoxAbout .since { font-size:70%; margin-bottom:5px; line-height:1.2em; color:#555; }
#sigBiography #BoxAbout .subTxt { font-size:85%; margin-bottom:20px; }

#sigBiography #sns ul { display:inline-block; overflow:hidden; margin:20px auto 0;  }
#sigBiography #sns ul li { float:left; }
#sigBiography #sns ul li + li { margin-left:10px; }

#sigBiography .history { width:620px; margin:60px auto 0; text-align:left; }
#sigBiography .history .historyTtl { padding-bottom:10px; border-bottom:solid 1px #000; margin-bottom:20px; font-size:115%; font-weight:bold; }
#sigBiography .history ul > li + li { padding-top:15px; border-top:solid #eee 1px; margin-top:15px; }
#sigBiography .history ul > li dl { overflow:hidden; }
#sigBiography .history ul > li dl dt { float:left; width:5em; }
#sigBiography .history ul > li dl dd { margin-left:5em; }

#sigBiography .box-profile-image { overflow:hidden; width:200px; border-radius:50%; margin:0 auto 30px; }
#sigBiography .box-profile-image img { width:100%; }

/* ----------------------------------------------------
 
  biography css ( media Sp )
  
---------------------------------------------------- */

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

#sigBiography #BoxAbout h3 { font-size:135%; }
#sigBiography #BoxAbout .since { font-size:65%; }
#sigBiography #BoxAbout .subTxt { font-size:75%; }

#sigBiography .history { width:auto; }
#sigBiography .history ul > li + li { padding-top:15px; border-top:solid #eee 1px; margin-top:15px; }
#sigBiography .history ul > li dl { overflow:hidden; }
#sigBiography .history ul > li dl dt { float:left; width:5em; }
#sigBiography .history ul > li dl dd { margin-left:5em; }
	
}