@charset "utf-8";

/*基本情報投稿*/
div.post_page_caption_ul {
	background-image: url("img/underline.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin-bottom: 15px;
}

/* 投稿画面 */
#post_page_caption img{
	height:30px;
}
#post_page_caption h2, #post_page_caption h3{
	display:inline;
	line-height:30px;
	margin-left:0.5em;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
#post_form_wrapper{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #deb887 solid;
	background-color: #fff;
	padding:8px;
	width: 100%;
}

/*詳細情報投稿*/
.howto-flexbox {
	display: flex;
	flex-wrap: wrap;
}
.howto {
	width:245px;
	float:left;
	margin:6px;
}

.howto dt{
	margin-bottom:0px;
}

.howto .instruction{
	margin-left:0px;
}

.howto .instruction .description{
	width:100%;
	max-width:100%;
	height:150px;
	margin-top:2px;
	line-height:1em;
}

.howto .instruction .detail-photo{
	width:100%;
}

#post_view_wrapper{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #deb887 solid;
	background-color: #fff;
	padding:4px;
}
#post_view .main_photo{
	float:left;
}
#post_view .main_photo img{
	width:380px;
}
#post_view .main_description{
	margin-left:10px;
	width:calc(100% - 410px);
	float:left;
	font-size:15px;
	color:#666666;
}
#post_view .howto{
	font-size:15px;
	color:#666666;
}
#post_view.edit_post .caption {
	color:#666666;
}

/* Like ボタン */
label.like-btn:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
}

label.like-btn {
	display: block;
	height: 20px;
	cursor: pointer;
	float: left;
}

label.like-btn img {
	width: 17px;
	height: 20px;
	float: left;
}

label.like-btn span {
	color: #3f5f9c;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0em;
	float: left;
}

/* ▼ポイント表示 absolute right レイアウト▼ */
.like-wrapper-abs {
	width: 100%;
	position: relative;
}
.like-wrapper-abs > .pts {
	color: #444444;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 0.7em;
	right: 0px;
}
/* ▲ポイント表示 absolute right レイアウト▲ */

/* ▼ポイント表示 floatレイアウト▼ */
.like-wrapper-float {
	width: 100%;
}
.like-wrapper-float > .pts {
	color: #444444;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin-top: 0em;
	margin-left: 1em;
}
/* ▲ポイント表示 floatレイアウト▲ */

/* SNS */
#post_view .sns {
	margin: 12px 0 0 12px;
}
#post_view .sns > div{
	float: left;
	margin-right: 7px;
}