/*固定ページ人気おすすめ商品*/
.recommended{
	padding:20px;
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
}
.recommended h4{
	display: flex;
	width: 100%;
	align-items: center;

}

/*.recommended h4:before,*/
.recommended h4:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さ */
  background: #000; /* 線の色 */
  margin:0 1em; /* 文字と線の余白 */
}

.recommended_p{
	width:28%;
	padding:10px;
	margin:10px;
	display: block;
	box-sizing:border-box;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-radius:0 0 10px 0;
}

.recommended_p img{
	width: 100%;
}

/*ブログバナー*/
.blog_banner{
padding:20px;
width:90%;
margin:0 auto;
display:flex;
justify-content:space-around;
flex-direction:row-reverse;
}

.blog_banner_r{
width:48%;
}

.blog_banner_l{
width:48%;
}
/**/
@media screen and (max-width: 767px){
.blog_banner{
/*flex-direction:column-reverse;*/
}
.blog_banner_r{
width:48%;
}

.blog_banner_l{
width:48%;
margin-bottom: 0.5em;
}

.recommended{
	padding:20px;
	width:85%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
}

.recommended_p{
	width:100%;
	margin:1em 0;
	padding: 5%;
	display: block;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-radius:0 0 10px 0;
}
}