@charset "SHIFT-JIS";

body {
font-size: 12px;
line-height: 1.5;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
color: #333;
}

html,
body,
div,
p,
section,
form,
ul,
li {
margin:0;
padding:0;
}

img {
border:0;
}

a {
color:#333;
text-decoration:none;
}

a:hover img {
filter: alpha( opacity=80 );/* IE */
opacity:0.8; /* Firefox,Opera,Safari */
-moz-opacity:0.8; /* Firefox 0.9､隍ﾁｰ */
text-decoration: none;
}

.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
}

/*==========================*/

header {
text-align:left;
}

header > h2 {
font-size:10px;
font-weight:normal;
width: 1200px;
margin: auto;
/*border-bottom: 1px solid #ddd;*/
padding: 20px 0 6px 0;
letter-spacing: 0.2em;
}

header > .header_in {
position:relative;
width:1200px;
margin:auto;
}

header > .header_in > .logo > a > p {
position:absolute;
font-size: 10px;
top: 35px;
left: 87px;
}

header > .header_in > .tel {
position:absolute;
right:0;
top:-3px;
}

header > .header_in > .r_bnr {
/*width:350px;*/
width:400px;
position: absolute;
right:0;
top: 0;
height:45px;
}

header > .header_in > .r_bnr > .r_bnr2 {
width:350px;
margin:auto;
}

header .r_bnr2 img {
width:100%;
}

header > .h_cate {
width:100%;
/*background-color: #fdf4ea;
background-color: #f4f4f4;*/
height:50px;
margin: 10px 0 15px 0;
border-top: 1px solid #755b2f;
border-bottom: 1px solid #755b2f;
}

header > .h_cate > ul {
width:1200px;
margin:auto;
height: 25px;
line-height: 25px;
list-style-type:none;
padding:12px 0;
}

header > .h_cate > ul > li {
width:150px;
float:left;
/*border-right: 1px solid #fff;*/
border-right: 1px solid #755b2f;
box-sizing: border-box;
text-align: center;
}

header > .h_cate > ul > li:first-child {
border-left:1px solid #755b2f;
}

header > .h_cate > ul > li > a:hover {
text-decoration:underline;
color:#333;
}

header > .header_in > .search {
}

header > .header_in > .search > form {
width:230px;
border: 2px solid #ccc;
}

header > .header_in > .search > form > .search_i {
height: 38px;
padding: 5px;
margin: 0;
border:0;
box-sizing: border-box;
color: #666;
width: 190px;
}

header > .header_in > .search > form > .search_b {
height: 30px;
border: 0;
color: #fff;
text-indent: -999px;
width: 40px;
background: url(https://www.rakuten.ne.jp/gold/hondakagu/img/search_icon.png) no-repeat 3px center;
background-size: 35px;
}

.search > form > input[type="button"],
.search > form > input[type="text"],
.search > form > input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

.search > form > input[type="text"]:focus {
outline: 0;
border-color:#ffffff;
}

.search > form > input[type="submit"] {
cursor: pointer;
}

.search > form > input[type="submit"]:focus {
outline: 0;
cursor: pointer;
}

header > .header_in > .hot {
position:absolute;
top:0;
left:250px;
}

header > .header_in > .hot > ul > li:first-child {
background:none;
padding: 12px 0;
font-weight: bold;
letter-spacing: 0.1em;
width: inherit;
line-height: inherit;
height: inherit;
}

header > .header_in > .hot > ul > li {
float:left;
list-style: none;
background: #F4EDE6;
/*padding: 12px 10px;*/
margin-right: 8px;
width: 100px;
height: 42px;
line-height: 42px;
text-align: center;
}
header > .header_in > .hot > ul > li:last-child {
margin-right:0;
}

header > .header_in > .hot > ul > li > a {
display:block;
}

header > .header_in > .hot > ul > li > a:hover {
background:#755b2f;
color:#fff;
}

header > .header_in > .h_info > ul {
position:absolute;
right:200px;
top:0;
width:500px;
}

header > .header_in > .h_info > ul > li {
float:left;
list-style: none;
position: relative;
padding:0 20px 0 15px;
line-height:1.8;
}

header .h_info li:before {
content:"";
left: 3px;
width: 6px;
height: 6px;
border-top: 1px solid #755b2f;
border-right: 1px solid #755b2f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

header .h_info li:before,
header .h_info li:after {
position: absolute;
top: -2px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

header > .header_in > .h_info > ul > li > a:hover{
text-decoration:underline;
}

/*==========================*/

.Mbnr {
width:100%;
margin: 20px 0 0 0;
overflow: hidden;/*これを削ると横スクロールが出るので*/
}

.Mbnr > ul {
width:1200px;
margin:auto;
}

.Mbnr > ul > .slick-list {
overflow: visible;
}

.Mbnr2 .slick-active img {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
}

.Mbnr2 .slick-slide img {
opacity: 0.4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
}

.Mbnr2 .slick-slide a:active,
.Mbnr2 .slick-slide a:focus {
outline:none;
}

/*==========================*/

#feature > h2,
#wrapper h2,
#newitem > h2 {
width:970px;
position: relative;
text-align: center;
font-size: 30px;
line-height: 1.2;
letter-spacing: 0.1em;
text-indent: 0.1em;
margin: 100px auto 10px auto;
font-family: "Hiragino Kaku Gothic ProN", "ﾞ筵ｴ･ｷ･ﾃ･ｯ", YuGothic, Meiryo, sans-serif;
font-weight: normal;
color:#755b2f;
}

#newitem > h2 {
margin-top:0;
}

#feature > h2::before,
#wrapper > h2::before,
#newitem > h2::before,
.rank > h2::before {
content: '';
display: block;
border-bottom: 1px solid #755b2f;
width: 100%;
position: absolute;
top: 60%;
left: 0;
z-index: -1;
}

h2 > span {
background-color: #FFF;
display: inline-block;
z-index: 2;
padding: 0 5%;
}

.title_ {
width:970px;
margin:auto;
text-align: center;
margin-bottom:35px;
}

h2.side_cate_title {
width:200px !important;
font-size:16px !important;
margin: 30px auto 10px auto !important;
}

.side_cate > p.title_ {
width:200px;
text-align:center !important;
}

.more {
text-align:center;
margin-top: 50px;

}

.more > a {
color: #755b2f;
text-align: center;
background-color: #E9DBCC;
font-size: 16px;
letter-spacing: 0.2em;
padding: 10px 70px;
}

.more > a:hover {
background-color: #755b2f;
color:#ffffff;
text-decoration:none;
}

/*==========================*/

#feature {
margin:0 auto;
}

#feature > ul {
width:970px;
margin:auto;
list-style-type:none;
}

#feature > ul > li {
width:49%;
float:left;
margin:0 2% 30px 0;
}

#feature > ul > li:nth-child(2),
#feature > ul > li:nth-child(5) {
margin-right:0 !important;
}

#feature > ul > li:nth-child(3),
#feature > ul > li:nth-child(4),
#feature > ul > li:nth-child(5) {
width:32%;
margin:0 2% 0 0;
}

#feature > ul > li > a > img {
width:100%;
}

#feature > ul > li > p {
text-align: center;
margin: 8px 0 0 0;
}

/*==========================*/

#wrapper {
width:1200px;
margin:90px auto;
}

#wrapper > .side_cate {
width:200px;
float:left;
margin:0 30px 0 0;
}

/*
#wrapper > .side_cate > h2 {
border-bottom:6px solid #F4EDE6;
padding-bottom: 8px;
margin: 30px 0 8px 0;
text-align: center;
}
*/

#wrapper > .side_cate > ul {
list-style-type: none;
}

#wrapper > .side_cate > ul > li {
border-bottom: 1px solid #d0d0d0;
padding: 0 10px;
}

#wrapper > .side_cate > ul > li > div {
height:45px;
line-height:45px;
}

#wrapper > .side_cate > ul > li > div > a {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_arrow.gif) no-repeat;
background-position:right center;
padding: 0 0 0 45px;
display: block;
}

#wrapper > .side_cate > ul > li > div > a:hover {
color:#333;
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_arrow_hover.gif) no-repeat;
background-position:right center;
}

#wrapper > .side_cate > ul > li > div.cate01 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_rug.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate02 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_psmat.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate03 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_sofa.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate04 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_table.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate05 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_storage.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate06 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_tvboard.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate07 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_bed.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate08 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_zaisu.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate09 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_kotatu.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate10 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_kids.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate11 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_office.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate12 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_lamp.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate13 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_bousai.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate14 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_zakka.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate15 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_biyou.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate16 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_garden.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > ul > li > div.cate17 {
background:url(https://www.rakuten.ne.jp/gold/hondakagu/img/cate/side_cate_outlet.jpg) no-repeat;
background-position:left center;
}

#wrapper > .side_cate > p {
text-align: right;
margin: 10px 0;
}

#wrapper > .side_cate > p > a:hover {
color:#333;
}

#wrapper > .side_cate > p > a > img {
margin-bottom:10px;
}

#wrapper > .side_cate > dl > dt {
margin-bottom:20px;
}

#wrapper > .side_cate > dl > dt > a > img {
width:200px;
}

#wrapper > .side_cate > dl > dt.cp {
border: 2px solid #f4f4f4;
box-sizing: border-box;
padding: 10px;
}

#wrapper > .side_cate > dl > dt.cp > a > img {
width:180px;
}


/*==========================*/


#wrapper > .wrapper_in {
width:970px;
float:left;
}

#wrapper > .wrapper_in > .rank > p.sub {
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
margin: 35px 0 10px 0;
}

.tab_wrap {
width:1200px;
}

.tab_wrap > input[type="radio"]{
display:none;
}

.tab_area {
width:970px;
}

.tab_area label {
width:19.2%;
margin:0 1% 0 0;
display:inline-block;
padding:12px 0;
color:#333;
background:#ddd;
text-align:center;
font-size:13px;
cursor:pointer;
transition:ease 0.2s opacity;
}

.tab_area label:last-child {
margin-right:0;
}

.panel_area {
background:#fff;
width:970px;
}

.tab_panel {
width:100%;
display:none;
margin-top: 20px;
}

#tab1:checked ~ .tab_area .tab1_label{background:#755b2f; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#755b2f; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#755b2f; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#755b2f; color:#fff;}
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background:#755b2f; color:#fff;}
#tab5:checked ~ .panel_area #panel5{display:block;}


.tab_panel > ul > li {
width:19.2%;
margin:0 1% 0 0;
float:left;
list-style-type:none;
text-align:center;
}

.tab_panel > ul > li:last-child {
margin-right:0;
}

.tab_panel > ul > li > .rank {
margin-bottom: 8px;
}

.tab_panel > ul > li > a > img {
width:100%;
}

.tab_panel > ul > li > a > .name {
margin: 8px 0;
}

.tab_panel > ul > li > a > .price {
color: red;
text-align:right;
display:none;
}

/*==========================*/

#newitem {
margin:0 auto;
}

/*#newitem > h2{
border-bottom: 6px solid #F4EDE6;
padding-bottom: 8px;
text-align:center;
}*/

#newitem > ul {
width:970px;
margin:35px auto 0 auto;
list-style-type:none;
}

#newitem > ul > li {
/*float:left;*/
width:226px;
display: inline-block;
vertical-align: top;
margin:0 22px 30px 0;
}

#newitem > ul > li:nth-child(4n) {
margin-right:0;
}

#newitem > ul > li:nth-last-child(-n+4) {
margin-bottom:0;
}

#newitem > ul > li > a > img {
width:226px;
height:226px;
}

#newitem > ul > li > .name {
/*text-align: center;*/
	margin: 8px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
/*text-overflow: ellipsis;
white-space: nowrap;*/
}

#newitem > ul > li > .price {
text-align: right;
display:none;
}



/*==========================*/
/*NEWカテゴリ*/
.ctmenu {
	width:200px;
	font-size: 14px;
	margin: 0;
    padding: 0;
}
.ctmenu dt {
	border-bottom:1px solid #755b2f;
	font-weight: bold;
	margin-bottom: 0 !important;
	font-size:12px;
	background-color: #F4EDE6;
}
.ctmenu dt a {
	display: block;
	padding: 8px 0 8px 6px;
}
.ctmenu dt img {
	vertical-align: middle;
	padding-right: 10px;
	width: 40px !important;
}
.ctmenu dd {
	margin:0;
	padding:0;
	border-bottom:1px solid #ddd;
	font-size: 12px;
}
.ctmenu dd a {
	display: block;
	padding: 12px 0 12px 36px;
}
h2.side_cate_title {
	border-bottom:2px solid #755b2f;
	text-align:left !important;
	margin-bottom: 0 !important;
}
h2.side_cate_title > span {
	font-weight: bold;
	padding: 0 0 8px 7px;
}
.ctmenu dt a:hover{
	text-decoration:none;
}
.ctmenu dd a:hover {
	background-color:#efefef;
	text-decoration:none;
}
.ctmenu dd a > p,
.ctmenu dt a > p {
	display: inline;
    font-size: 10px;
    color: #ffffff;
    padding: 4px 6px;
    width: 30px;
    margin-left: 8px;
}
.ctmenu dd a > p.hot,
.ctmenu dt a > p.hot {
    background-color: #ED7179;
}
.ctmenu dd a > p.new,
.ctmenu dt a > p.new {
    background-color: #FF8357;
}