@charset "utf-8";
/* tab */
html{margin:0!important;}
main,article,footer,div,p,span,a,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}

.wrap{
	width:calc(100% - 30px);
	margin:0 auto;
	}
.concon{padding:30px;}
header{
	text-align:center;
	width:100%;
	height:90px;
	padding-top:15px;
margin:0!important;
	}



/* sp none */
#content_bar_3sp{display:none;}




	
/* bar1 */

.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;
}
.slider{
padding:0 50px;
}

/* bar2 */	
#content_bar_2 .concon{
	width:90%;
	margin:0 auto;
	color:#ffffff;
	line-height:2.0!important;
	}


/* bar3 */	
#content_bar_3 .concon{
	width:90%;
	margin:0 auto;
	}
	
#content_bar_3 .title2{
	float:left;
	}
#content_bar_3 .title2:nth-child(odd){
	margin-right:20px;
	}
#content_bar_3 .fl_l{
	width:20%;
	margin:2%;
}
#content_bar_3 .fl_l img{width:100%;height:auto;}
#cb3_menu{
	width:90%;
	margin:0 auto;
}

.top_page_title{
width:100%;list-style:none;}
.top_page_title li{
	display:block;
	background:#ffffff;
	border-left:10px solid #eab66a;
	padding:10px 15px;
	margin:15px;
	width:330px;
	height:56px!important;
	float:left;
	line-height:1.2;
}
/* bar4 */
#content_bar_4{
width:90%;
margin:0 auto;
background:#ffffff;
}
.flower_bar4{
width:163px;
height:180px!important;
float:left;
text-align:center;
}
	
/* single */
#single_head{
width:100%;
padding:10px 50px;
background:#c7b299;
font-size:24px;
line-height:1.5;
}
.s_h_product{
display:block;
width:80px;
height:80px;
margin:5px;
float:left;
}
.s_h_product img{
width:80px;
height:80px;
}
#single{
width:100%;
background:#ffffff;
padding:20px 50px;
}
.single_img{
width:400px;
min-width:400px;
height:auto;
float:left;
text-align:center;
}
.single_info{
width: calc(100% - 420px);
float:right;
}

#s_i_table{
font-size:14px;
border-collapse:collapse;
border:2px #cccccc dashed;
}
#s_i_table tr,
#s_i_table th,
#s_i_table td{
border:solid 1px #cccccc;
padding:5px;
}
#s_i_table th{width:100px;}

.single_afi{
background:#e1dcd0;
width:100%;
margin:15px 0;
display:flex;
flex-flow:row wrap;
justify-content: space-around;
align-items: center;
padding:10px 50px;
}
.single_afi p{
flex-grow:1;
margin:0 5px;
padding:5px 0;
text-align:center;
font-size:24px;
}
.s_afi_amazon{
flex-grow:1;
background:#ffa724;
border-radius:5px;
margin:0 5px;
padding:5px 0;
text-align:center;
color:#ffffff;
}
.s_afi_rakuten{
flex-grow:1;
background:#bf0000;
border-radius:5px;
margin:0 5px;
padding:5px 0;
text-align:center;
color:#ffffff;
}
.single_similar{
display:flex;
flex-flow:row wrap;
justify-content: space-between;
}
.single_similar_box{
width:150px;
}

/* page */
#page{
background:#8a9e8a;
padding:20px 50px;}

.breadcrumb{
color:#ffffff;
margin:10px 0;
}
.breadcrumb a{
color:#ffffff!important;
border-bottom:dotted 1px #ffffff;
}
.page_inner{margin-left:30px;}
.page_con{
padding:30px;
background:#ffffff;
}

/* cate */
#categoie{
background:#eab66a;
}
#categoie_column{
background:#8a9e8a;
}
.cate_inner{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-content: stretch;
}
.cateprobox{
	background:#ffffff;
	width:30%;
	float:left;
	margin:10px 5px;
}
article{
background:#ffffff!important;
flex-basis:25%;
border:1px solid #eab66a;
margin:1%;
padding-bottom:10px;
}
.c_box_name{
	width:100%;
	margin:10px auto;
	text-align:center;
	font-size:20px;
	}
.c_box_img{
	padding:10px;
	}
.c_box_img img{
	width:100%;
	height:auto;
	}
.c_box_cap{
	font-size:14px;
	color:#666666;
	width:100%;
	padding:10px;
	}

/* tag */
#tag{
background:#ffffff;
}
.tag_inner{
padding:20px 50px;
}
.tag_inner article{
background:#ffffff;
width:290px;
height:auto;
padding:20px;
float:left;
margin:10px;
border-top:5px solid #eab66a;
border-right:1px solid #eab66a;
border-left:1px solid #eab66a;
border-bottom:1px solid #eab66a;
}
/* ブログカード ------------------------------------------*/
.card_container{
	width:100%;
	padding:30px;
	border:1px solid #97694b;
	box-sizing:border-box;
	}
.card_img{
	width:220px;
	height:auto;
	float:left;
	}
.card_img img{
	width:200px;
	height:auto;
	}
.card_text{
	width:calc(100% - 220px);
	height:auto;
	float:left;
	}
.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:320px!important;
	height:auto;
	}
.card_product_img img{
	width:300px;
	height:auto;
	float:left;
	}
.card_product_text{
	width:calc(100% - 320px);
	height:auto;
	float:right;
	}
.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;}
@media screen and (max-width:750px) and (min-width:401px){
	.card_product_img{
	width:100%;
	height:auto;
	text-align:center;
	}
.card_product_img img{
	width:90%;
	height:auto;
	float:none;

	}
.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;}
}