/* セール色設定 */
.recommended_nav .item_sale_price{
    color:rgb(129,216,208);
}
.recommended_nav .item_sale_price .sale_discount_rate{
    color:red !important;
}

/* セール色設定 */

/* セールなしのプライス */

.recommended_nav .list_price span{
    color:black;
}
/* セールなしのプライス */

.recommended_navlist .item_icon {
    z-index: 1;
}



.recommended_navlist .item_icon .item_soldout{
    right: 0;
    font-size: 1em;
    position: absolute;
    width: 6em;
    color: white;
    background:#B5B5B5;
    text-align:center !important;
    color:white !important;
}





@media screen and (min-width:768px) {
/* PC */

  /*　おすすめ雛人形タイトル */
  .recommended_title {
      background-color: rgb(202,239,235);
      text-align: center;
  }

  .recommended_title h2 {
      font-size: 2em;
      padding: 1.5% 0%;
  }

  /*　おすすめ雛人形タイトル */

  /*　商品リスト */
  .recommended_nav_wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    list-style: none;
    /* align-items: flex-start;
    -webkit-align-items: flex-start; */
  }

  .recommended_navlist{
    position: relative;
    overflow: hidden;
    width: 30.5%;
    margin-left: 42px;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .recommended_navlist:nth-child(3n+1) {
    margin-left: 0;
  }

  .recommended_navlist p{
    padding-top: 1%;
    color: #000;
    font-size: 1.2em;
  }

  .recommended_navlist .item_name{
    font-size: 1.2rem;
  }

  .recommended_navlist .list_price{
    color:black;
    font-size:1.3em;
  }

  .recommended_navlist .item_icon .item_sale{
    position: absolute;
    padding-top: 1% 0 0 0.3em;
    font-size: 1.5em;
    background: red;
    text-align: center !important;
    color: white !important;
    right: 0;
    top: 0;
    padding: 0 0.5vw;
    z-index: 1
  }


  .recommended_navlist figure {
    overflow: hidden;
  }

  .recommended_navlist figure img {
    width: 317px;
    height: 317px;
    transition: 0.3s;
    border-top-left-radius: 80px 80px;
    border-bottom-right-radius: 80px 80px;
  }

  .recommended_navlist figure img:hover {
      transform: scale(1.2);
  }


  /*　商品リスト */



  /*　もっとほかの雛人形 */

  .recommended_button {
      margin-top: 5%;
      text-align: center;
      position: relative;
      margin-bottom: 5%;
  }

  .recommended_button :hover {
      cursor: pointer;
  }

  .recommended_button img {
      width: 24%;
      height: 6vw;
  }

  .recommended_button p {
    font-size: 1.5em;
    color: white;
    width: 415px;
    padding: 28px 0;
    background-image: url(https://gigaplus.makeshop.jp/harenohiroba/site_gogatu/img/nav_bt_gogatu02_02.jpg);
    margin: 0 auto;
    background-repeat: no-repeat;
      /* position: absolute;
      font-size: 1.6em;
      color: white;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); */
  }

  /*　もっとほかの雛人形 */



}

@media screen and (max-width:767px) {
/* SP */



  /*　おすすめ雛人形 */
  .recommended_title {
        margin-top: 4%;
        margin-bottom: 4%;
        background-color: rgb(202,239,235);
        text-align: center;
  }

  .recommended_title h2 {
      font-size: 5em;
      padding: 5% 0%;
  }

  /*　おすすめ雛人形 */

  .recommended_nav_wrap{
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    list-style: none;
    justify-content: space-between;
  }


  .recommended_navlist{
    width: 48%;
    position: relative;
    overflow: hidden;
    margin: 2vw 0;
  }

  .recommended_navlist p {
    padding-top: 1%;
    color: #000;
    font-size: 1.0rem;
    text-align: left;
  }

  .recommended_navlist p a{
    display: block;
  }

  .recommended_navlist .list_price{
    color:black;
    font-size: 5.5em;
  }
  .recommended_navlist .item_sale_price{
    font-size: 5.5em;
  }
  .recommended_navlist .item_sale_price .sale_discount_rate{
    font-size: 0.7em;
  }




  .recommended_navlist .item_icon .item_sale{
      font-size: 4em;
      color: white !important;
      background:red;
      position: absolute;
      right: 0;
      padding: 1% 0.3em 0 0.3em;
      text-align:center !important;
      background: red;
      z-index: 1
  }

  .recommended_navlist figure{
      text-align: center;
  }

  .recommended_navlist figure a{
    display: block;
  }

  .recommended_navlist figure img {
    width: 100%;
    transition: 0.3s;
    border-top-left-radius: 80px 80px;
    border-bottom-right-radius: 80px 80px;
    height: calc(46vw * (300 / 300));
  }


  /* お買い物はこちら */
  .recommended_button {
      text-align: center;
      position: relative;
      margin: 10% 0;
  }
  .recommended_button :hover {
      cursor: pointer;
  }
  .recommended_button img {
      width: 79%;
      height: 18vw;
  }
  .recommended_button p {
    font-size: 5em;
    color: #3D352B;
    width: 80%;
    padding: 18px 0;
    margin: 0 auto;
    background-color: #81D8D0;
  }
  /* お買い物はこちら */


}