@charset "UTF-8";
/* CSS Document */

.cate-header-box {
  margin-top: 85px;
}

section.cate-header {
/*  padding: 15rem 0 8rem;*/
	bacground-size: cover !important;
	background-position: center !important;

  padding: 18rem 0;
}

.cate-header-txt {
    width: 100%;
    max-width: 960px;
    margin: 40px auto 0;
/*
    background: #0000005c;
    padding: 4rem 7rem;
background: #e3e3e3;
*/
padding: 2rem 6rem;

    box-sizing: border-box;
    text-align: center;
}

.cate-header-txt h3 {
    text-align: center;
/*    color: #fff;*/
color: #333;
/*    font-size: 3rem;*/
font-size: 2.3rem;
line-height: 1;
    font-weight: 400;
    padding: 0 0 2rem 0;
    position: relative;
    margin: 0 0 2rem 0;
}

.cate-header-txt h3:after {
/*    content: "";*/
    display: block;
    width: 10%;
    height: 2px;
/*    background: #fff;*/
background: #333;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.cate-header-box h3 span {
  display: block;
  font-size: 1.2rem;
  margin-top: 1.2rem;
}

.cate-header-txt h4 {
    font-weight: 400;
/*
    color: #fff;
    font-size: 1.2rem;
*/
color: #333;
font-size: 1.1rem;
    padding: 0 0 1.5rem;
    line-height: 1;
}

.cate-header-txt p {
/*    font-size: 1rem;*/
/*    color: #fff;*/
font-size: .95rem;
color: #333;
    line-height: 1.6;
    text-align: left;
}


/*下層への動線*/

.category-header-list{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 5rem;
}

.category-header-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-header-list ul li a {
    display: flex;
    background: #E3E3E3;
    box-sizing: border-box;
    padding: 1rem 0;
    text-align: center;
    min-height: 11.8rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.category-header-list ul li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #333333 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.category-header-list ul li a img {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10%;
}

.category-header-list ul li a p {
    width: 100%;
    font-size: 0.8rem;
    position: absolute;
    bottom: 10%;
}

.category-header-list ul li a.no-link {
  cursor: default;
  opacity: .3;
}

.category-header-list ul li a.no-link:hover img,
.category-header-list ul li a.no-link:hover p {
  cursor: default;
  color: #333;
  opacity: 1;
}

.category-header-list.Sofa ul li {
    width: calc(100% / 8 - 10px);
}

.category-header-list.Bed{
	margin-bottom: 0;
}

.category-header-list.Bed ul li {
    width: calc(100% / 5 - 10px);
}

.category-header-list.Bed ul li a img {
    width: 100%;
    box-sizing: border-box;
    padding: 0 26%;
}



@media(max-width:1280px){
}

@media(max-width:960px){
	section.cate-header {
		padding: 10rem 0 8rem;
	}
	.cate-header-txt {
		width: 90%;
		padding: 4rem 5rem;
	}
}

@media(max-width:768px){
	section.cate-header {
/*		padding: 8rem 0 5rem;*/
background-size: 160% !important;
margin-top: 1.5rem !important;
padding: 12rem 0;
	}
	.cate-header-txt {
/*
		width: 80%;
		padding: 3rem;
*/
padding: 2rem;
width: 90%;
  }

  .cate-header-box {
    margin-top: 55px;
  }

  .cate-header-box h3 {
    font-size: 1.8rem;
  }

  .cate-header-box h3 span {
    font-size: 1rem;
  }

	.cate-header-txt h4 {
		font-size: 1rem;
		line-height: 1.4;
	}
	.cate-header-txt p {
		font-size: 0.9rem;
		line-height: 1.6;
	}
	.category-header-list ul li a {
		min-height: 7rem;
	}
	.category-header-list ul li a p {
		font-size: 0.8rem;
	}

}

@media(max-width:580px){
}

@media(max-width:480px){
	section.cate-header {
/*
		padding: 6rem 0 4rem;
		background-size: cover !important;
*/
/*
background-size: 200% !important;
padding: 8rem 0;
*/
background-size: 120% !important;
padding: 5rem 0;

	}
	.cate-header-txt h3 {
/*		font-size: 2.5rem;*/
/*		margin: 0 0 1.5rem 0;*/
    font-size: 2rem;
		margin: 0;
		padding: 0 0 1.5rem 0;
	}

  .cate-header-box {
    margin-top: 41px;
  }

  .cate-header-box h3 span {
    margin-top: .8rem;
  }

  .cate-header-txt {
    margin-top: 30px;
    padding: 0 2rem 1rem;
  }

  .cate-header-txt h4 {
		line-height: 1.6;
	}
	.cate-header-txt p {
		font-size: 0.9rem;
		line-height: 2;
	}
	
	.category-header-list.Sofa ul li {
		width: calc(100% / 2 - 5px);
		margin: 4px 0;
	}
	.category-header-list ul li a {
		min-height: 9rem;
	}
	.category-header-list.Bed ul li a img {
		padding: 0 15%;
	}
	.category-header-list.Bed ul li {
		width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}

  .category-header-list.Bed ul li:nth-child(n+4) {
    /* margin-top: 10px; */
  }
}