/* Follow and Follower */
.f-wrapper {
	display: flex;
}


#timeline {width: 65%;padding:0;margin:0;}
#timeline.f-item.brand {width: 80%;padding:0;margin:0;}
#recommend_user{
	display: block;
	width: 35%;
	padding:0;
	margin-left: 15px;
}
#recommend_user.f-item.brand {display:none;width: 0;}
#recommend_user .r-wrapper {
	display: block;
	background-color: #F7F9F9;
	border-radius: 15px;
}

#timeline #tlhead {
	margin-bottom: 40px;
}
.outbox {	
	margin: 15px 5px 15px;
	padding: 5px;
	display: flex;
}

.outbox .unamebox, .outbox .prof {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /*IE対策 ※要確認*/
    line-height: 1.5em;
    max-height: 4.5em;	
}
.outbox .prof {
	margin-bottom: 5px;
}
.outbox .uname {
	font-size: 16px;
	font-weight: bold;
	color: black;
}
.outbox .unamebox a {
	text-decoration: none;
}
.outbox .fl-uname {
	color: #666;
	margin-bottom: 5px;
}
@media screen and (max-width: 1024px){
.outbox .unamebox a {
	text-decoration: underline;
}
.outbox .unamebox, .outbox .prof {
	font-size: 14px;
}
}
.outbox .unamebox a:link, .outbox .unamebox a:visited {
	color: black;
}
.outbox .unamebox a:hover {
	color: black;
	text-decoration: underline;
}

.innerbox {
	width: 100%;
}
.avatarbox {
	padding-right: 15px;
}

.avatarbox img {
	border-radius: 50%;
	width: 48px;
}

.outbox .release {
	margin-top: 15px;
	color: #3B9521;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.outbox .release:hover {
	text-decoration: underline;
	cursor: pointer;
}

#recommend_user .r-title {
	display: block;
	height: 42px;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#recommend_user .r-desc {
	padding: 0 10px;
	color: gray;
	font-size: 12px;
}

#recommend_user .r-list {
	padding: 15px;
}

#recommend_user .user {
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-rows: auto auto auto auto;
	margin-bottom: 20px;
}
#recommend_user .user div, #recommend_user .user button{
	margin-bottom: 10px;
}
#recommend_user .usericon {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
#recommend_user .r-type {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	border-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	color: gray;
}
#recommend_user .usericon img{
	border-radius: 50%;
}
#recommend_user .u-name {
	font-size: 1.4rem;
	line-height: 1.2;
	align-self: center;
	font-weight: bold;
	color: black;
	grid-column: 2 / 3;
}
#recommend_user .u-name a {
	text-decoration: none;
}
#recommend_user .u-name a:link, #recommend_user .u-name a:visited {
	color: black;
}
#recommend_user .u-name a:hover {
	color: black;
	text-decoration: underline;
}
#recommend_user .u-uname {
	margin: 0 !important;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #666;
}
#recommend_user .u-prof {
	grid-column: 1 / 3;
	font-size: 12px;
	margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /*IE対策 ※要確認*/
    line-height: 1.5em;
    max-height: 4.5em;		
}
#recommend_user .btn {
	grid-column: 1 / 3;
}

#rec-follow-btn {
	margin-top: 10px;
}
.ad-fix {
	position: fixed;
	top: 0;
}

/* Feed */
#follow_timeline #tlhead {width:770px;padding:0;margin:0;}
#follow_timeline #tltail {width:770px;padding:0;margin:0;}