@charset "UTF-8";

.store-wrap{
  padding: 5rem 1.5rem 0;
  color: #3d2600;
  background: #f8f8f8;
}

/* ------------------------------
オススメ SP 
------------------------------- */
.store h3{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 3rem;
  padding: 1.5rem 0;
  text-align: center;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.store h3 span{
  display: block;
  padding: 0;
  line-height: 1.5;
}
.store h3 span:first-child{
  margin: 0;
  padding: 0;
  border-right: none;
  font-size: 1.8rem;
}
.store h3 span:last-child{
  font-size: 1.4rem;
}

/* メニューレイアウト  SP ------------ */
.order-menu{
  display: flex;
  flex-wrap: wrap; 
}
.order-menu.mgb{
  margin: 0 0 3rem; 
}
.order-menu ol{
  width: 48%;
  margin: 0 4% 2rem 0;
}
.order-menu ol:nth-child(2n){
  margin: 0 0 2rem;
}

/* メニュー共通 SP ---------- */
.store ol li:nth-child(2){
  padding: 1rem 0;
  line-height: 1.5;
  font-size: 1.4rem;
  border-bottom: 1px dashed #888;
}
.store ol li:nth-child(2) span{
  display: block;
  padding: 0.5rem 0;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;  
  font-size: 1.2rem;
  font-weight: 400;
}
.store ol li:last-child{
  text-align: right;
  font-size: 1.5rem;
}
.store ol li:last-child span{
  padding: 0 0.2rem;
  font-size: 1.3rem;
}




/*----------------------------------------------------
タブレット用 750
----------------------------------------------------*/
@media screen and (min-width:750px) {

  .store-wrap{
    padding: 5rem 1.5rem 3rem;
  }
  /* ------------------------------
  オススメ 750
  ------------------------------- */
  .store h3{
    flex-direction: row;
    margin: 0 0 3rem;
    text-align: left;
  }
  .store h3 span{
    display: block;
    line-height: 1.5;
  }
  .store h3 span:first-child{
    margin: 0 5rem 0 0;
    padding: 0.5rem 5rem;
    border-right: 1px solid #bbb;
  }

  /* 感動級  750　------------ */
  .order-menu ol{
    width: 30%;
    margin: 0 5% 2rem 0;
  }
  .order-menu ol:nth-child(2n){
    margin: 0 5% 2rem 0;
  }
  .order-menu ol:nth-child(3n){
    margin: 0 0 2rem;
  }

}

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

  /* メニュー共通 1000 ---------- */
  .store ol li:nth-child(2){
    margin: 0;
    padding: 1.5rem 0;
    font-size: 1.6rem;
  }
  .store ol li:nth-child(2) span{
    padding: 0.5rem 0;
    font-size: 1.4rem;
  }
  .store ol li:last-child{
    font-size: 1.8rem;
  }
  .store ol li:last-child span{
    font-size: 1.4rem;
  }

}


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

  .store-wrap{
    padding: 10rem 8rem 5rem 12%;
  }

  /* ------------------------------
  メニュー 1400
  ------------------------------- */
  /* メニューリスト 1400 ---------------- */
  .order-menu ol{ 
    width: 22%;
    margin: 0 4% 5rem 0;
  }
  .order-menu ol:nth-child(2n){
    margin: 0 4% 5rem 0;
  }
  .order-menu ol:nth-child(3n){
    margin: 0 4% 5rem 0;
  }
  .order-menu ol:nth-child(4n){
    margin: 0 0 5rem 0;
  }

  .store h3{
    margin: 0 0 5rem;
    padding: 1rem 0;
  }
  .store h3 span{
    padding: 1rem 0;
  }
  .store h3 span:first-child{
    font-size: 2.4rem;
  }
  .store h3 span:last-child{
    font-size: 2rem;
  }

}

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

  /* ------------------------------
  オススメ 1600
  ------------------------------- */
  .store-wrap{
    padding: 10rem 8rem 5rem 15.6%;
  }


}