@charset "utf-8";
/* CSS Document */

#pf-wrap{
	margin: 16px 0 0  0;
    line-height:1.2;
}

.pf-content{
	overflow: hidden;
}

.author-profile{
	width: 299px;
	overflow: hidden;
	float: left;
	margin: 0 0 32px 0;
}

.left{
	margin: 0 32px 32px 0;
}

.author-profile .title {
    border-bottom: 1px solid #707070;
    padding: 0 0 5px 0px;
    margin: 0 0 10px 0;
}

.author-profile span.name {
    font-size: 120%;
	font-weight: bold;
    letter-spacing: 0px;
}

.author-profile span.occupation {
    padding: 0 0 0 13px;
}

.author-profile .photo{
	width: 90px;
	height: 90px;
	float: left;
	position: relative;
}

.author-profile .photo img{
	max-width: 100%;
}

.author-profile .prof{
	float: left;
	width: 199px;
    padding: 0 0 0 10px;
}

.zenbun {
    margin: 0 0 30px 0;
    background: #e7eef7;
    padding: 16px 32px;
    border-radius: 3px;
}

@media  (max-width: 768px) {
	
#pf-wrap{
	 margin: 10px 0 0 0;
}

.pf-content{
	overflow: visible;
	padding: 0 10px;
    width: 100%;
	box-sizing: border-box;
}

.author-profile{
	width: 100%;
	float: none;
	margin: 0 0 1em 0;
}
	
.author-profile:last-child {
    margin-bottom: 0;
}
	
.left{
	margin-right: 0;
}

.author-profile span.name {
    font-size: 120%;
}
	
.author-profile span.occupation {
	font-size: 80%;
    padding: 0 0 0 14px;
}
	
.author-profile .photo{
	width: 90px;
	height: 90px;
}

.author-profile .photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	}
	
.author-profile .prof{
	font-size: 80%;
    float: none;
    width: auto;
    padding: 0 0 0 100px;
}

.zenbun {
   margin: 1.5em 10px;
    font-size: 80%;
    padding: 10px 1rem;
}
	
}