@charset "UTF-8";
/* CSS Document */

.ico_cap04 {
    color: #c8a96e !important;
    font-size: 120%;
    margin: 0 2px 0 0 !important;
    vertical-align: middle;
}

.ccolor3 {
    background-color: #c8a96e !important;
}

.shipping-schedule-box {
  margin: 20px 0 40px;
  padding: 15px 12px;
  border: 1px solid #274a78;
  background-color: #f8f6f2;
  border-radius: 5px;
  position: relative;
  background-image: url(/img/shipping-schedule_img.png);
  background-position: 105% 130%;
  background-size: 58px;
  background-repeat: no-repeat;
}

.shipping-schedule-deadline {
  font-size: 12px;
  color: #333;
  margin-bottom: -3px;
  letter-spacing: 0.02em;
}

.shipping-schedule-date {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}

.shipping-schedule-date span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.shipping-schedule-box:after {
    content: '※目安であり、状況によってことなります';
    position: absolute;
    left: 13px;
    bottom: 9px;
    color: #333;
    font-size: 10.5px;
    letter-spacing: 0.02em;
}


/* =========================================================
　トップページ用
========================================================= */
.free-contents .shipping-schedule-box {
  margin: 0 auto;
  width: 90%;
  max-width: 900px;
  text-align: center;
  padding: 16px 20px 24px;
  box-sizing: border-box;
  background-position: 102% -30%;
  background-size: 110px;
}
.free-contents .shipping-schedule-box::after {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-align: center;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 18px;
}
.free-contents .shipping-schedule-deadline,
.free-contents .shipping-schedule-date {
  display: inline-block;
}
.free-contents .shipping-schedule-deadline {
  font-size: 20px;
}
.free-contents .shipping-schedule-date {
  font-size: 30px;
}
.free-contents .shipping-schedule-date span {
  font-size: 20px;
}

@media screen and (max-width: 960px) {
  /* トップページ用 */
  .free-contents .shipping-schedule-deadline {
    font-size: 18px;
  }
  .free-contents .shipping-schedule-date {
    font-size: 26px;
    margin-left: 5px;
  }
}

@media screen and (max-width: 768px) {
  .shipping-schedule-deadline {
      font-size: 14px;
      margin-bottom: 3px;
      display: inline-block;
  }
  .shipping-schedule-box:after {
      content: '※状況により異なります';
      position: absolute;
      font-size: 12px;
      letter-spacing: 0.02em;
      display: block;
      margin: 0;
      text-align: left;
      right: 13px;
      bottom: 10px;
  }
  .shipping-schedule-box {
      margin: 5px 0 20px;
      padding: 12px 15px;
      background-position: 99% -10%;
      background-size: 90px;
  }
  .shipping-schedule-date {
      font-size: 22px;
      margin-bottom: 16px;
      display: inline-block;
      margin-left: 4px;
  }
  .shipping-schedule-date span {
      font-size: 12px;
  }

  /* トップページ用 */
  .free-contents .shipping-schedule-box {
    width: 100%;
  }
  .free-contents .shipping-schedule-deadline {
    font-size: 17px;
  }
  .free-contents .shipping-schedule-date {
    margin-left: 0;
  }
  .free-contents .shipping-schedule-date span {
    font-size: 18px;
  }
}

@media screen and (max-width: 580px) {
  .shipping-schedule-deadline {
    font-size: 16px;
    margin-bottom: 0;
    display: block;
  }
  .shipping-schedule-box {
    padding: 12px 15px;
    background-position: 99% 10px;
    background-size: 110px;
  }
  .shipping-schedule-date {
    font-size: 24px;
    margin-bottom: 16px;
    display: block;
    margin-left: 0;
  }

  /* トップページ用 */
  .free-contents .shipping-schedule-box {
    background-position: 104% 37px;
  }
  .free-contents .shipping-schedule-date {
    font-size: 24px;
  }
  .free-contents .shipping-schedule-deadline {
    display: block;
  }
}



@media screen and (max-width: 375px) {
  .shipping-schedule-deadline,
  .free-contents .shipping-schedule-deadline {
    font-size: 14px;
  }

  .free-contents .shipping-schedule-date {
    font-size: 24px;
  }
  .free-contents .shipping-schedule-date span {
    font-size: 14px;
}
}