@charset "utf-8";
/* CSS Document */
@media screen and (min-width:750px) { 
/* スマホ用ヘッダ・フッタの非表示 */
#s-top{display:none;}
.sp-if_header{display:none;}
.sp-if_footer{display:none;}
ul#fix_right{display:none;}
ul li#fix_bn1{display:none;}
}

body{
	font-size:1.2rem;
}
a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
img{
    border: none;
}
p{
	margin:0;
	padding:0;
}

#inner{
    width:980px;
	margin:50px auto 0;
}
#stole{
	width:100%;
	color:#594239;
    font-size: 1.4rem;
}
#stole .inner{
        
}
#contents .firstarea{
    margin:0 auto 50px;
}
#contents .txtarea{
    position:relative;
    margin:0 auto 100px;
    height: 435px;
}
#contents .txtbkimg{
   position: absolute;
    z-index: -1;
}
#contents .txt{
    position: absolute;
    margin: 210px 0 0 100px;
    z-index: 1;
}
#contents .txtarea .txt span:nth-of-type(3){
    margin: 10px 0;
}
/*HOSOKAWA*/
#hosokawa{
	margin:0 auto 100px;
	padding:30px;
	border:1px #dfdfdf solid;
	box-sizing:content-box;
}
#hosokawa .contents{
    position: relative;
    width: 100%;
    height: 494px;
    margin: 0 0 30px;
    padding: 0;
}
#hosokawa .imgarea .brandimg,
#hosokawa .imgarea .logoimg,
#hosokawa .imgarea .txtimg,
#pristine .imgarea .brandimg,
#pristine .imgarea .logoimg,
#pristine .imgarea .txtimg,
.txtarea{
   position: absolute;
}
#hosokawa .imgarea .brandimg{
    top: 0;
    left: 0;
    z-index: -1;
}
#hosokawa .imgarea .logoimg{
    width: 148px;
    top: 25px;
    right: 30px;
    z-index: 1;
}
#hosokawa .imgarea .logoimg img{
    display: block;
    width:90%;
}
#hosokawa .imgarea .txtimg{
    top: 30px;
    left: 30px;
    z-index: 1;
}
#hosokawa .txtarea,
#pristine .txtarea{
    position: absolute;
    margin:70px 0 0 30px;
}
#hosokawa .imgtype,
#pristine .imgtype{
    position: absolute;
    margin:250px 0 0 30px;
}
#hosokawa .imgtype p,
#pristine .imgtype p{
    display: inline-block;
    margin: 0;
    padding: 0;
}
/*PRISTINE*/
#pristine{
	margin:0 auto 100px;
	padding:30px;
	border:1px #dfdfdf solid;
	box-sizing:content-box;
}
#pristine .contents{
    position: relative;
    width: 100%;
    height: 494px;
    margin: 0 0 30px;
    padding: 0;
}
#pristine .imgarea .brandimg{
    top: 0;
    left: 0;
    z-index: -1;
}
#pristine .imgarea .logoimg{
    width: 148px;
    top: 40px;
    right: 30px;
    z-index: 1;
}
#pristine .imgarea .logoimg img{
    display: block;
    width:100%;
}
#pristine .imgarea .txtimg{
    top: 30px;
    left: 30px;
    z-index: 1;
}
/*HIBOUDESIGN*/
#hibou{
	margin:0 auto 100px;
	padding:30px;
	border:1px #dfdfdf solid;
	box-sizing:content-box;
}
#hibou .contents{}
#hibou .imgarea{
    position: relative;
    width: 100%;
    height: 240px;
    margin: 0 0 30px;
    padding: 0;
}
#hibou .imgarea .brandimg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#hibou .imgarea .brandimg img{
    width: 100%;
}
#hibou .imgarea .logoimg{
    position: absolute;
    top: 62px;
    right: 32px;
    z-index: 1;
}
#hibou .imgarea .txtimg{
    position: absolute;
    top: 91px;
    left: 47px;
    z-index: 1;
}
#hibou .imgarea .colimg{
    position: absolute;
    bottom: 29px;
    right: 62px;
    z-index: 1;
}

#hibou .txtarea{
    position: inherit;
    margin:30px;
}
#hibou .txtarea .txt{
    
}
#hibou .txtarea .txt span{
    display: block;
}

/*common class*/
.txtarea .txt span{
    display: block;
}
.xitembox{
	width:100%;
	margin:30px auto 0;
	padding:0;
	overflow:hidden;
}
.xitem{
	display:inline-block;
	position:relative;
	width:20%;
    margin:0 auto;
	padding:0;
	vertical-align:top;
	background:#ffffff;
	text-align:center;
}
.xitem a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.name{
	width:95%;
	margin:0 auto;
	padding:0;
	color:#594239;
	font-size:12px;
	line-height:1.5;
	text-align:left;
}
p.name span{
    display: block;
}
p.price{
	width:90%;
	margin:8% auto 0;
	padding:0;
	color:#594239;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:left;
}
p.price:before{
	content:"税込 ";
}
/*
p.price:after{
	content:"】";	
}
*/
p.price span{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.deli{
	position:absolute;
	margin:8% 0 0 7%;
	color:#990000;
	font-size:12px;
	font-size:1.2rem;
}
.deli:after{
	content:"送料無料";
}
.delineko{
    position:absolute;
    margin:1% 0 0 9%;
    color:#594239;
    font-size:12px;
    font-size:1.2rem;    
    font-weight: bold;
}
.delineko:after{
    content:"ネコポス可";
    padding: 3px 5px;
    background: #e3d9c9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.xitembox .xitem img{
    display: block;
    width: 100%;
    z-index: 1;
	border-right:1px #f1f1f1 solid;
    box-sizing: border-box;
}
.xitembox .xitem:nth-child(5n) img{
    border: none;
}
/*hibou only*/
.ximg{
	display:inline-block;
    width: 215px;
    margin: 0 40px 0 0;
}
.ximg img{
    display: block;
    width: auto;
    margin: 0;
}
#hibou .xitembox {
    overflow: inherit;
}
#hibou .xitembox .xitem img{
	display:block;
	width:68%;
	margin:-15px auto 0;
    border: none;
}
/*sp area none*/
.sp{
    display: none;
}
.txtbkimg span{
    display: none;
}