/*レコメンド Egg*/
#recommender_pc213{
  background-image: url("https://img07.shop-pro.jp/PA01116/534/etc/%A5%EC%A5%B3%A5%E1%A5%F3%A5%C9_%A4%B3%A4%CE%A5%AB%A5%C6%A5%B4%A5%EA%A1%BC%A4%F2%B8%AB%A4%BF%BF%CD%A4%CF.png?cmsp_timestamp=20201224181124");
  background-repeat: no-repeat;
  background-position: top;
  padding-top:20px;
}
#recommender_sp213{
  background-image: url("https://img07.shop-pro.jp/PA01116/534/etc/%A5%EC%A5%B3%A5%E1%A5%F3%A5%C9_%A4%B3%A4%CE%A5%AB%A5%C6%A5%B4%A5%EA%A1%BC%A4%F2%B8%AB%A4%BF%BF%CD%A4%CF_%A5%B9%A5%DE%A5%DB.jpg?cmsp_timestamp=20201224192045");
  background-repeat: no-repeat;
  background-position: top;
  padding-top:20px;
  background-size: 100% auto;
}


.p-sub-category {
  margin: 30px 10px;
  padding: 0;
  list-style-type: none;
  
}

.p-sub-category::after {
  display: block;
  clear: both;
  content: '';
}

.p-sub-category__item {
  float: left;
  box-sizing: border-box;
  width: 50%;  /* スマホ カラム設定 */
  padding: 10px 5px;
}

.p-sub-category__link {
    display: flex;
    transition: opacity .2s;
    text-decoration: none;
    border-radius: 5px;
    background: white;
    border: 1px solid #f4f3f2 ;
}

.p-sub-category__image{
 	height: 100px;
}

.p-sub-category__link:hover {
  opacity: .66;
}

.p-sub-category__link:active {
  opacity: 1;
}

.p-sub-category__name {
    font-size: 1.2em;
    color: black;
    margin-top: auto;
    margin-bottom: auto;
}

.p-sub-category__name::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

@media screen and (min-width: 900px) {
  .p-sub-category {
    margin-right: 0;
    margin-left: 0;
  }

  .p-sub-category__item {
    width: 25%; /* PC カラム設定 */
    padding: 15px 10px;
  }

  .p-sub-category__item:nth-child(4n + 1) {
    clear: both;
  }
}

@media screen and (max-width: 899px) {
  .p-sub-category__item:nth-child(2n + 1) {
    clear: both;
  }
}

h1.listH1 {
border-left: 7px solid #333;
    text-align: left;
    font-size: 28px;
    padding-left: 10px;
    margin: 40px 10px 20px;
}
h1.listH1 font {
color: #333;
}

@media screen and (max-width: 599px){
  h1.listH1 {
    font-size: 22px;
        margin: 30px 15px 0;
}
}