@charset "utf-8";

/* Layout
-------------------------------------------------- */
/* コンテンツ */
main aside h2{
  font-size:2rem;
  text-align:center;
  margin-top:10px;
}
main #contents{
  margin-top:20px;
  border-top:1px solid #fe5c5c;
}

/* タイトル */
main #contents h3{
  margin-top:20px;
  margin-bottom:10px;
}

main #contents p.lead{
  line-height:130%;
}

/* ご注文方法 */
main #contents .order{
  margin-top:20px;
}
main #contents .order ol{
  margin-top:10px;
  line-height:130%;
}
main #contents .order ol li{
  padding-left:1.5em;
  text-indent:-1.5em;
}
main #contents .order ul.figure{
  display:flex;
  margin-top:10px;
  align-items:center;
}
main #contents .order .reference_wrap{
  margin-top:10px;
  text-align:right;
}
main #contents .order p.reference{
  display:inline-block;
  font-size:1.2rem;
  line-height:130%;
  text-align:center;
}
.blue {
  color:blue;
}

/* 出荷方法 */
main #contents .delivery{
  margin-top:20px;
}
main #contents .delivery h4{
  margin-top:10px;
}
main #contents .delivery dl{
  line-height:130%;
}
main #contents .delivery dl dt{
  font-weight:bold;
  margin-top:10px;
}
main #contents .delivery dl span{
  color:blue;
  font-weight:normal;
}

/* note */
main #contents .order ul.note,
main #contents .delivery ul.note{
  margin-top:20px;
}
main #contents .order ul.note li,
main #contents .delivery ul.note li{
  line-height:130%;
  font-size:1.4rem;
  padding-left:1.5em;
  text-indent:-1.5em;
  list-style:disc inside;
}
/*
main #contents .order ul.note li::before{
  content:'※';
}

main #contents .delivery ul.note li::before{
  content:'●';
}
*/



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

}



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

  /* コンテンツ */
  main aside h2{
    font-weight:normal;
  }
  main aside h2 span{
    display:block;
    margin-bottom:5px;
  }
  main aside h2 span:first-child::after{
    display:none;
  }
  main{
    display:flex;
  }
  main aside{
    width:100px;
  }
  main aside h2{
    text-align:left;
    letter-spacing:-1px;
  }
  main #contents{
    width:calc(100% - 100px);
    border-left:1px solid #fe5c5c;
    border-top:0;
    margin-top:0;
    padding-left:25px;
  }

  /* タイトル */
  main #contents h3{
    margin-top:10px;
    border-bottom:1px solid #fe5c5c;
    margin-bottom:5px;
    padding-bottom:5px;
    font-size:1.8rem;
  }
}