/* ===================================================================
CSS information
 file name  :  profile.css
 style info :  プロフィールページ用（profile.css）
=================================================================== */
body {
	background-color:#FFFFFF;
}
.red {
	color: #ff0000;
}


/* PC用のスタイル記述 */
@media screen and (min-width: 760px) {
	
	.profile .message {
		margin-bottom: 40px;
	}
	.profile .message h3 {
		margin: 0 20px 20px 20px;
		font-size: 26px;
	}
	.profile .message .pic {
		font-size: 18px;
		float: right;
		margin: 0 0 40px 40px;
	}
	.profile .message .txt {
		font-size: 18px;
		margin-left: 20px;
		margin-bottom: 1em;
		line-height: 150%;
		text-indent: 1em;
	}
	.profile .message .name {
		float: right;
		font-size: 18px;
	}
	
	.profiles {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.profiles h3 {
		margin-bottom: 20px;
		font-size: 26px;
	}
	.profiles table {
		font-size: 16px;

	}
	.profiles table tr {
		
	}
	.profiles table tr th {
		width: 100px;
		vertical-align: top;
	}
	.profiles table tr td {
		padding-bottom: 20px;
		line-height: 150%;
	}
	
	.ziseki {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.ziseki h3 {
		margin-bottom: 20px;
		font-size: 26px;
	}
	.ziseki ul {
		font-size: 16px;
		margin: 0 20px 20px 20px;
	}
	.ziseki li {
		margin-bottom: 10px;
		line-height: 150%;
		list-style: circle;
	}
	.ziseki .t_right {
		text-align: right;
	}
	
	.books {
		padding: 20px;
		border: #001e43 1px solid;
	}
	.books h3 {
		font-size: 26px;
	}
	.books dl {
		margin-top: 40px;
	}
	.books dl dt.pic {
		float: left;
		width: 300px;
		text-align: center;
	}
	.books dl dt.title {
		font-size: 20px;
		font-weight: bold;
	}
	.books dl dd {
		font-size: 16px;
		line-height: 150%;
	}
}



/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 760px) {
	
	.profile .message {
		margin-bottom: 40px;
	}
	.profile .message h3 {
		margin: 0 20px 20px 20px;
		font-size: 18px;
	}
	.profile .message .pic {
		margin-bottom: 20px;
		width: 100%;
	}
	.profile .message .pic img {
		width: 100%;
	}
	.profile .message .txt {
		margin-bottom: 1em;
		line-height: 150%;
		text-indent: 1em;
	}
	.profile .message .name {
		text-align: right;
	}
	
	.profiles {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.profiles h3 {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.profiles table {
		
	}
	.profiles table tr {
		
	}
	.profiles table tr th {
		width: 100px;
		vertical-align: top;
	}
	.profiles table tr td {
		padding-bottom: 20px;
		line-height: 150%;
	}
	
	.ziseki {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.ziseki h3 {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.ziseki ul {
		margin: 0 20px 20px 20px;
	}
	.ziseki li {
		margin-bottom: 10px;
		line-height: 150%;
		list-style: circle;
	}
	.ziseki .t_right {
		text-align: right;
	}
	
	.books {
		padding: 20px;
		border: #001e43 1px solid;
	}
	.books h3 {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.books dl {
		margin-top: 40px;
	}
	.books dl dt.pic {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.books dl dt.title {
		margin-bottom: 10px;
		font-weight: bold;
	}
	.books dl dd {
		line-height: 150%;
	}
}