@charset "utf-8";
/* sp */
body{font-size:14px;}
main,article,footer,div,p,span,a,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}
#backtop{
display:block;
background:#cfcfcf;
border-radius:20px 0 0 20px;
width:60px;
text-align:right;
padding:10px;
position:fixed;
bottom:60px;
right:0;
letter-spacing:1px;
font-weight:bold;
z-index:198;
}

/* header */
header{
width:100%;
height:70px;
padding-top:10px;
text-align:right;
padding-right:20px;
}
h1 img{
width:200px;
height:auto;
}

/* title */
#content_bar_2 .title1,
#content_bar_4 .title1{font-size:24px;margin-bottom:20px;}
#content_bar_4 .title4{margin:0 0 20px 0;}

/* top */
#content_bar_3{display:none;}
#content_bar_3sp{
	display:block;
	width:100%;
	background:#8a9e8a;
	box-sizing:border-box;
	padding:20px;
}
	.sp_menu{
		display:block;
		width:100%;
		height:80px;
		text-align:left;
		font-size:18px;
		margin:15px 0;
		line-height:1.3;
		border-bottom:dotted 3px #ffffff;
}
.sp_menu span:first-letter{font-size:150%;}
.sp_menu img{float:left;width:70px;height:70px;}
.sp_menu span{display:block;float:right;width:calc(100% - 90px);height:auto;}
a .sp_menu span{color:#ffffff;}
#content_bar_1{display:none;}
#content_bar_2{padding-top:20px;}
#content_bar_2 .concon,
#content_bar_3 .concon{
	width:100%;
	margin:0 auto;
	color:#ffffff;
	line-height:2.0!important;
	padding:0 20px;
	}
.top_page_title{
list-style:none;
}
.top_page_title li{
float:none;
width:100%;
padding:10px;
background:#ffffff;
border-left:5px solid #eab66a;
margin-bottom:10px;
}
#cb3_menu{
width:100%;
text-align:center;
}
#cb3_menu img{
width:calc(100% - 40px);
}
#content_bar_4{
padding:20px 0 0 10px;
}
.flower_bar4{
width:150px;
height:auto;
float:left;
text-align:center;
margin-bottom:10px;
}
.flo_pro1{
	width:145px;
	height:145px;
	position:relative;
	z-index:90;
	}
	.flo_pro1 img{width:145px;height:145px;}
.flo_pro1:before{
	content:"";
	display:block;
	background:url(http://oshare-heya.com/images/frame.png) no-repeat;
	width:145px;
	height:145px;
	position:absolute;
	z-index:100;
}

.cate_inner{
	width:100%;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}
.cateprobox{
	background:#ffffff;
	width:30%;
	float:left;
	margin:10px 5px;
}
article{
background:#ffffff!important;
flex-basis:45%!important;
border:1px solid #eab66a;
margin:15px 1%;
	box-sizing:border-box;
padding-bottom:10px;
}
.c_box_name{
	width:150px;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
	font-size:16px;
	}
.c_box_img{
	padding:10px;
	}
.c_box_img img{
	width:150px;
	height:auto;
	float:right;
	}
.c_box_cap{
	font-size:14px;
	color:#666666;
	width:100%;
	padding:10px;
	float:left;
	}

/* single */
.single_img img{width:100%!important;height:auto;}
th{width:100px;}
#s_i_table tr{
	border-bottom:1px dashed #cccccc;
	padding:5px 0;
}
.cate_btn{
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}
.single_afi{
	width:100%;
	box-sizing:border-box;
	padding:20px 10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:start;
}
.single_afi p{
	width:100%;
	font-size:18px;
}
.single_afi p:before{
	content:"●";
	color:#97694b;
}
.single_afi a{
	flex:1 0 45%;
	margin:1%;
	color:#ffffff;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
}
.s_afi_amazon{
	display:block;
	background:#ffa724;
}
.s_afi_rakuten{
	display:block;
	background:#ff0600;
}
.single_similar{
	display:flex;
	flex-flow:row wrap;
	justify-content:center!important;
}
.single_similar_box{
	flex-basis:150px;

}
.single_similar_box .fs_small{
	width:150px!important;
}

/* page */
#page{
	background:#8a9e8a;
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
.breadcrumb{
	display:block;
	background:#cccccc;
	width:90%;
	margin:0 auto;
	padding:5px 0 5px 15px;
	border-radius:10px;
	color:#ffffff;
}
.breadcrumb a{color:#ffffff;}
.page_con{
	padding:15px 10px 30px 10px;
	background:#ffffff;
	margin:20px 0;
}
.page_con:first-letter{
	font-size:1.5em;
}
.fs_bigger{font-size:140%!important;line-height:1.3;}
#page img{width:100%;height:auto;}
/* footer */
footer .fs_small{width:90%;margin:5px auto;
}

/* ブログカード ------------------------------------------*/
.card_container{
	width:100%;
	padding:10px;
	border:1px solid #97694b;
	box-sizing:border-box;
	}
.card_img{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin:0 0 10px 0;
	}
.card_img img{
	width:90%;
	height:auto;
	}
.card_text{
	width:100%;
	height:auto;
	float:none;
	}
.card_title{
	font-size:20px;
	width:100%;
	border-bottom:1px dashed #c7b299;
	}
.card_caption{
	color:#666666;
	font-size:16px;
	}
.card_btn{
	text-align:right;
	width:100%;
	}
.card_btn a{
	color:#ffffff;
	text-decoration:none;
	width:100px;
	text-align:center;
	background:#97694b;
	border-radius:5px;
	padding:10px 20px;
	}

.card_product_img{
	width:100%;
	height:auto;
	}
.card_product_img img{
	width:90%;
	height:auto;
	float:none;
	text-align:center;
	margin:0 0 10px 0;
	}
.card_product_text{
	width:100%;
	height:auto;
	float:none;
	}
.card_brand{
	width:100%;	
	}
.card_brand p:first-child{
	float:left;
	font-size:20px;
	}
.card_brand p:nth-child(2){
	float:right;
	font-size:14px;
	color:#666666;
	}
	
.card_proname{
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #97694b;
	}
.card_price{
	width:100%;
	font-size:18px;
	}
.card_price span{color:#C36;}
.card_proetc{width:100%;}
.card_pro_more{
	text-align:right;
	width:100%;
	}
.card_pro_more a{
	color:#ffffff;
	text-decoration:none;
	width:100px;
	text-align:center;
	background:#97694b;
	border-radius:5px;
	padding:10px 20px;
	}
.card_prosize{
	width:100%;
	}
.card_prosize,
.card_proetc,
.card_price{
	margin-bottom:10px;}