@charset "shift_jis";
/* CSS Document */

.inner_content{width:900px}

#kagu_interior  * {
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

#kagu_interior{width:100%;margin:0 0 30px 0;}
#kagu_interior a{
	color:#000;
	text-decoration:none;
}
#kagu_interior a:hover *{opacity:0.9;}
#kagu_interior .pc_none{display:none;}


/*看板*/
#kagu_interior h2{
  margin:0;
}


/*見出し*/
#kagu_interior h3{
	width:100%;
	background-color:#f8f6f5;
	color:#222;
	padding:15px 0;
	font-size:28px;
	margin:60px 0 13px 0;
	text-align: center;
	letter-spacing:2px;
	border-top: 2px solid #9a864c;

}

#kagu_interior .cd{
   background-color:#ece5d8;
   margin-bottom: 0;
}

#kagu_interior h3 span{
	font-size:16px;
	display: block;
	font-family: "游明朝", YuMincho !important;
	color:#9a864c;
}

/*ナビ上タイトル*/
#kagu_interior .sub{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin:35px auto 5px auto;
    color:#9a864c;
   
    font-family: "游明朝", YuMincho !important;
    border-left: 1px solid;
    width: 39%;
    border-right: 1px solid;

}

#kagu_interior .sub span{
    font-size: 14px;
    margin: 0 0 0 15px;
}

/*ナビ背景*/
#kagu_interior .navi_bg{
   background: #f4f2f1;
   margin:0;
   padding:20px 0 0 0;
}

/*ナビ*/
#kagu_interior .navi {
  margin:0 auto;
  text-align: center;
}

#kagu_interior .navi li{
    width:275px;
    display: inline-block;
    text-align: center;
    margin:0 13px 20px 0;
    position: relative;
   
}

#kagu_interior .navi li p{
    font-size:14px;
    margin: 0;
    /*font-weight: bold;*/

}

#kagu_interior .navi li a{display:block;}
#kagu_interior .navi li:nth-child(3n){margin-right:0;}

#kagu_interior .navi li a:hover{
color:#a8560c;

}

#kagu_interior .navi li img{
    margin:0 0 4px 0;
        border: 1px solid #daceab;
        padding: 1px;
}

#kagu_interior .navi li img:hover{
        border: 1px solid #927d3d;
}



#kagu_interior .navi li a:after {
    content: '';
    position: absolute;
    bottom:9px;
    right:54px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid;
    border-color: transparent transparent #666 #666;
    transform: rotate(-45deg);
}

#kagu_interior .navi li a:hover::after{
   bottom:7px;
   border-color: transparent transparent #a8560c #a8560c;
}




/* 見出し画像 */
#kagu_interior .ti {
    width: 100%;
    margin:0 0 15px 0;
    padding:0;
}


/* 見出しテキスト */
#kagu_interior .txt {
    text-align: center;
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0;
    color: #9a864c;
    border-bottom: 2px solid;
    padding: 0 0 5px 0;
    position: relative;
    }

#kagu_interior .txt::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 10px solid ;
}


/* 商品3カラム */
#kagu_interior .cl_3 {
    width: 100%;
    margin:0 auto;
    background: #fff;
    padding:0;
}

#kagu_interior .cl_3 li {
	margin:0 10px 25px 0;
	background: #fff;
	display: inline-block;
	position: relative;
	text-align: center;
	width: 290px;
	color: #222;
}

/*コーディネート用<li>背景色*/
#kagu_interior .cd li {
   background-color:#f0e8da;
   }

/*
#kagu_interior .cl_3 li:hover{
   background: #faf6f2
}*/

/*商品名*/
#kagu_interior .cl_3 li p{
    font-size: 14px;
    text-align: left;
    vertical-align:middle;
    padding:0;
    margin:6px 0 0 6px;
}

#kagu_interior .cl_3 li:nth-child(3n) {
	margin-right: 0;
}

#kagu_interior .cl_3 li a{
	display: block!important;
	text-align: left!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 7px 0;
	

}

#kagu_interior .cl_3 li a img  {
	width: 100%;
	margin:0;

}

#kagu_interior li a:hover {
	
	opacity:0.8;
}

/*アイコン*/
#kagu_interior .cl_3 .icon{
  margin:5px 0 0 5px;
  height:28px;

}
#kagu_interior .cl_3 .icon li{
    display: inline-block;
    background: #847f79;
    color:#fff;
    font-size: 12px;
    padding: 1px 5px;
    width: auto;
    margin:0;
    height:20px;
    font-family: 'Noto Sans JP', sans-serif;

}

/*価格プログラム*/

#kagu_interior .cl_3 .buy_price {
	float: none;
    margin: 2% 0 0 0;
    padding: 0;
    border: none;
    background: none;
    text-align: right;


}
#kagu_interior .cl_3 .buy_price li{
	display: inline;
 }
#kagu_interior .cl_3 li.motoprice,
#kagu_interior span.spesicalprice {
	display: none;
}

#kagu_interior .cl_3 li.price {
	color: #222;
	font-size: 23px;
	border: none;
	font-weight: bold;
	margin:0;
	background: none;

}
#kagu_interior .cl_3 li.intax  {
	font-size: 11px;
	color:#222;
	background: none;
}


/*カテゴリはこちらボタン*/

#kagu_interior .cate-link{
	width:530px;
	margin:0 auto;
	text-align:center;

}
#kagu_interior .cate-link a{
    font-size: 17px;
    display: block;
    padding: 9px 0;
    text-decoration: none;
    background:#cabca2;
    color: #fff;
    position: relative;
    letter-spacing: 1px;
    border-radius: 5px;

}
#kagu_interior .cate-link a:after{
	content: '';
	position:absolute;
	top:12px;
	right:5px;
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color:#fff;
}


#kagu_interior .cate-link a:hover{
   background:#d8ae98;
   transform: translateY(-2px);
}


/*TOPへ戻る */

#kagu_interior .pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 9999;
	
}
#kagu_interior .pagetop a {
  	display: table;
	width: 70px;
	height: 70px;
	
	
}
#kagu_interior .pagetop a span {
	display: table-cell;
    text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	background-color: #a8c6b5;
	border-radius: 80px;
	
}
#kagu_interior .pagetop a:hover span {
	background-color: #c8c6bf;
	transform: translateY(-2px);
}


#kagu_interior .navi li a,
#kagu_interior .navi li a:after,
#kagu_interior .cl_3 li,
#kagu_interior .cl_3 li p,
#kagu_interior .cl_3 li a,
#kagu_interior .cate-link a,
#kagu_interior .navi li img,
#kagu_interior .pagetop a span
{transition: 0.3s;}