@charset "utf-8";
/*------基本CSS（PC用記述記載）------*/
/* 共通CSS */
#housework a{
    text-decoration: none;
}

#housework .navi5 li:hover, #housework .itemImg1:hover, #housework .itemImg7:hover,  		 
#housework .itemList .itemImg4 img:hover {
    opacity: 0.75;
}

/* naviパターン5（PC:1列 SP:2列　背景あり）*/
#housework .navi5 li {
    background-color: #f06c0a;
    margin-right: 5%;
}

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

#housework .navi5 li a {
	color: #fff!important;
}

#housework .navi5 li::after{
    content: '';
    width: 5px;
    height: 5px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
    position: absolute;
    left: 50%;
    bottom: 13%;
}

/* 見出しパターン1（背景あり+テキスト）*/
#housework .subTtle1 {
    padding: 0 80px;
}

#housework .subTtle1:before, #housework .subTtle1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 53px;
    height: 1px;
    background-color: black;
	
}

#housework .subTtle1:before {
    left: 0;
}

#housework .subTtle1:after {
    right: 0;
}

#housework iframe{
    width: 456px;
    height: 315px;
}

 /* 商品陳列　共通CSS */	
#housework .itemList .saleprice {
    margin-top: 3px;
	color: #fb0000;
}

#housework .itemList .price_down {
    color: #fb0000;
    display: block;
    font-size: 12px;
}

/*SOLDOUT セール*/
#housework .itemList > .boxlink_sold{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	border: solid 4px #eaeaea;
    margin-bottom: 30px;
    padding: 5px 0 10px 0;
    position: relative;
}
#housework .boxlink_sold iframe,
#housework .itemList .boxlink_sold .copy,
#housework .itemList .soldOut {
    display: none;
}

#housework .itemList .boxlink_sold .soldOut {
    width: 400px;
    margin: 0 auto;
}

/*　商品陳列 パターン7（Ajax商品情報+画像）*/
#housework .itemList7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	border: solid 4px #eaeaea;
    margin-bottom: 30px;
    padding: 5px 0 10px 0;
    position: relative;
}

#housework .itemSpec7 {
    position: absolute;
    right: 0;
    left: 54%;
    bottom: 80px;
}

/*　商品陳列　パターン2 */		

#housework .itemList .itemList4 li {
    width: 24.25%;
    margin: 0 1% 3% 0;
    display: flex;
    flex-flow: column;
}

#housework .itemList .itemList4 li:nth-child(4n) {
    margin-right: 0;
}

#housework .itemList .boxlink_sold .itemImg4 img:hover, #housework .itemList .boxlink_sold .itemImg7{
    opacity: 1!important;
}

#housework .itemList .itemList4 .copy {
    background-color: #fafafa;
}


/*　カテゴリから探す*/
#housework .category h2 {
    background-color: #f2f2f2;
    line-height: 3;
}

#housework .category .category_flex .midashi:hover,#housework .category .category_flex .small_cate li:hover{
    text-decoration: underline;
}

#housework .category .cate_img {
    height: 70px;
}

#housework .category .cate-name {
	border-bottom: 1px dashed #ddd;
}

#housework .category .cate-name:after {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: calc(40%);
	right: 6px;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	transform: rotate(45deg);
}

#housework .category .small_cate li:before {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: calc(33%);
	left: 0px;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	transform: rotate(45deg);
}


/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {

/* naviパターン5（PC:1列 SP:2列　背景あり）*/
	
#housework .contentsWrap .navi5 li{
    width: 48%;
    margin-right: 4%;
}

#housework .contentsWrap .navi5 li:nth-child(2n) {
    margin-right: 0;
}

#housework .itemContainer {
    margin-bottom: 17%;
}

/* 見出しパターン1*/
#housework .subTtle1 {
    padding: 0 15%;
}

#housework .subTtle1:before, #housework .subTtle1:after  {
    width: 45px;
}

 /* 商品陳列　共通CSS */
#housework .itemList .salepricebox {
    margin-top: 3px;
    display: block;
	color: #fb0000;
}

#housework .price_down {
    color: #fb0000;
    font-size: 10px;
}

/* ↓商品陳列　商品陳列 パターン7（商品+画像）*/
#housework .itemList .itemList7 {
    margin-bottom: 30px;
    border: 3px solid #eaeaea;
    display: block;
    flex-wrap: initial;
    justify-content: initial;
    padding: initial;
    position: initial;
}

#housework .itemList iframe{		 
    height: 290px;		 
    width: 100%;		 
}

#housework .itemSpec7 {
    position: initial;
    right: 0;
    left: 0;
    bottom: 0;
}

/* ↓商品陳列　パターン2（商品2つ）*/

#housework .itemList .itemList4 li {
    width: 49%;
    margin: 0 2% 7% 0;
    display: initial;
    flex-flow: initial;
}
#housework .itemList .itemList4 li:nth-child(2n) {
    margin-right: initial;
}


/*カテゴリ関連*/
#housework .category {
	overflow: hidden;
}

#housework .category h2 {
    line-height: initial;
}

#housework .category .category_flex {
    display: initial!important;
    border: initial!important;
    margin-bottom: initial;
}

#housework .category .category_flex .midashi:hover,#housework .category .category_flex .small_cate li:hover{
    text-decoration: none;
}

#housework .category .cate_img{
    height: 50px;
    width: 50px;
}

#housework .category .middle_cate {
    clear: both;
    border-bottom: solid 1px #eaeaea;
}

#housework .category .middle_cate:first-of-type {
    border-top: solid 1px #eaeaea;
}

#housework .category .cate-name:after{
    content: "";
    height: initial;
    width: initial;
    position: initial;
    top: initial;
    right: initial;
    border-top: initial;
    border-right: initial;
    transform: initial;
}
#housework .category ul .middle_cate img {
    max-width: 49px;
}

#housework .category .small_cate li {
    height: 50px;
    border-bottom: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
}

#housework .category .small_cate li:before {
    content: "";
    height: initial;
    width: initial;
    position: initial;
    top: initial;
    left: initial;
    border-top: initial;
    border-right: initial;
    transform: initial;
}
#housework .category .small_cate li:nth-of-type(even) {
    border-right: 0;
}
#housework .category .small_cate li:after, #housework .category .midashi:after{
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: calc(50% - 3px);
	right: 11px;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	transform: rotate(45deg);
}

#housework .category .small_cate li:last-of-type, #housework .category .small_cate li:nth-last-of-type(odd):nth-last-of-type(2){
    border-bottom: 0;
}

#housework .category ul.small_cate.odd li:last-of-type {
    border-bottom: solid 0;
}

#housework .category ul.small_cate.even li:last-of-type, #housework .category ul.small_cate.even li:nth-last-of-type(2) {
    border-bottom: solid 0;
}

#housework .category ul .small_cate li a {
    vertical-align: middle;
}

#housework .category ul .midashi {
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 50px;
    border-bottom: 1px solid #eaeaea;
}

#housework .category ul .midashi .cate-name {
    border-bottom: initial;
}

#housework .category ul .midashi .cate_img {
    flex-shrink: 0;
}

#housework .category .small_cate li:last-of-type, #housework .category .small_cate li:nth-of-type(odd):nth-last-of-type(2) {
    border-bottom: 0;
}

}