* { font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; color: #5D5D5D; margin: 0; padding: 0; text-decoration: none; font-size: 16px;}
i { margin-right: 0.5em;}
.box { margin-bottom: 30px;}
.left { float: left; width: 60%;}
.left img { width: 100%;}
.right { float: right; width: 35%;}
.right .user { margin-bottom :15px; padding-bottom :15px; border: none;}
.right .poster { width: 45%; border-radius : 50%; float: left;}
.right dl {  float: right; width: 50%; margin-top: 20px;}
.right dt { font-weight: 900; border-bottom: 1px solid #EFEFEF; margin-bottom: 0.5em; padding-bottom: 0.5em; font-weight: 900;}
.right dd { float: left; width: 49%; text-align: center;}
.right p { line-height: 1.4em; margin-bottom: 0.5em;}
.fb { float: left; width: 49.5%;}
.fb a { color: #3B5998; border: 2px solid #3B5998; padding: 10px 20px; display: block; width: 150px; margin: 0 auto;	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}
.fb a i { color: #3B5998;}
.fb a:hover { color: #FFFFFF; background: #3B5998; border : 2px solid #3B5998;}
.fb a:hover i { color: #FFFFFF;}

.tw { float: right; width: 49.5%;}
.tw a { color: #55ACEE; border: 2px solid #55ACEE; padding: 10px 20px; display: block; width: 150px; margin: 0 auto;	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}
.tw a i { color: #55ACEE;}
.tw a:hover { color: #FFFFFF; background: #55ACEE; border : 2px solid #55ACEE;}
.tw a:hover i { color: #FFFFFF;}


.clearfix:after,.box:after,.right .user:after { content: ""; clear: both; display: block;}


@media screen and (max-width: 599px) and (orientation: portrait), screen and (min-width: 361px) and (max-width: 767px) and (orientation: landscape){
.left { float: none; width: 100%;}
.right { float: none; width: 100%; margin-top: 15px; font-size: 80%;}
.right .user { margin-bottom :15px; padding-bottom :15px; border: none;}
.right .poster { width: 30%; border-radius : 50%; float: left;}
.right dl {  float: right; width: 65%; margin-top: 20px;}

.fb,.tw { float: none; width: 100%; margin-top: 15px;}
.fb a,.tw a { width: 70%; margin: auto; padding: 15px 0; text-align: center;}

}