/*注文履歴（オンラインショップ）　https://soulcounter.com/my/orders*/
.fs-c-button--moveToStoreOrders.fs-c-button--plain,
.fs-c-orderHistory .fs-c-button--viewOrderHistoryDetail.fs-c-button--plain {
   text-decoration: underline;
}
.fs-c-orderHistory .fs-c-orderHistoryItem__orderInfo dt {
  margin-bottom: 10px;
}
.fs-c-orderHistory .fs-c-orderHistoryItem__header__button {
    padding: 0 0 10px 0;
}
@media screen and (min-width: 768px) {
  .fs-c-orderHistory .fs-c-orderHistoryItem__productName {
    line-height: 1.5em;
  }
  .fs-c-button--moveToStoreOrders.fs-c-button--plain:hover ,
  .fs-c-orderHistory .fs-c-button--viewOrderHistoryDetail.fs-c-button--plain:hover {
     text-decoration: none;
  }
  .fs-c-orderHistory .fs-c-orderHistoryItem__header__button {
    padding: 0 8px;
  }
}

/*注文履歴詳細*/
h3.fs-c-orderPerAddressee__heading.fs-c-heading.fs-c-heading--subsection {
  color: #FFFFFF !important;
  background: #D88181;
}
.fs-body-my-orders-details .fs-c-cartTable__productInfo {
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .fs-c-orderPerAddressee__addressee.fs-c-addresseeList {
    line-height: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .fs-c-orderPerAddressee__cartTable.fs-c-cartTable .fs-c-cartTable__headerCell.fs-c-cartTable__headerCell--product,
  .fs-c-orderPerAddressee__cartTable.fs-c-cartTable .fs-c-cartTable__dataCell.fs-c-cartTable__headerCell--product {
    width: 70%;
  }
  .fs-c-orderPerAddressee__cartTable.fs-c-cartTable .fs-c-cartTable__headerCell.fs-c-cartTable__headerCell--quantity,
  .fs-c-orderPerAddressee__cartTable.fs-c-cartTable .fs-c-cartTable__dataCell.fs-c-cartTable__headerCell--quantity {
    width: 10%;
  }
}

@media screen and (min-width: 960px) {
  .fs-c-orderPerAddressee__addressee {
    margin: 0 auto 0 15px;
  }
}

/*注文履歴(店舗)　https://soulcounter.com/my/store-orders*/
.fs-c-button--moveToOrderHistory.fs-c-button--plain {
   text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .fs-c-button--moveToOrderHistory.fs-c-button--plain:hover {
     text-decoration: none;
  }
}

/*ショッピングカート　*/
.fs-c-cartTable__message {
  background: rgba(228, 38, 38, 0.1);
  color: black;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 4px;
  padding: 6px;
}
.fs-c-cartBundleInfo__title {
  background: rgba(228, 38, 38, 0.1);
  color: red;
  margin: -8px -16px 0;
  padding: 4px 16px;
}

/*25周年テスト用*/
.anniversary h1 {
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 3.5rem;
  line-height: 6.0rem;
  margin: 35vh auto;
}

.anniversary h2 {
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 3.0rem;
  line-height: 5.4rem;
  margin: 15vh 0 10vh;
  text-align: center;
  background-image: url(../images/products.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.anniversary h3 {
  font-family: "Cormorant Infant", serif;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2.7rem;
  margin: 10vh 0 7vh;
  text-align: left;
}

.anniversary p {
  font-size: 0.9rem;
  font-style: normal;
  line-height: 2.0rem;
  text-align: left;
}

#top-text {
  text-align: center;
  font-family: "Cormorant Infant", serif;
  font-size: 1.2rem;
  line-height: 3.0rem;
}

.left-padding {
  padding-left: 7vw;
}

.anniversary img {
  max-width: 100%;
  margin: 8vh 0;
}

/*======================================== for Desktop =======================================*/
@media (min-width : 641px) {
  .flex-container1 {
    background-image: url(../images/making.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 58vw auto;
    padding: 3rem 0;
    margin: 5rem 0;
  }

  .flex-container2 {
    background-image: url(../images/soal.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 58vw auto;
    padding: 3rem 0;
    margin: 5rem 0;
  }

  .flex-box1,
  .flex-box2 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 47vw;
    padding: 0 0 1rem 0;
  }

  .flex-container1 h3,
  .flex-container1 p,
  .flex-container2 h3,
  .flex-container2 p {
    margin: 0 0 1rem 0;
    width: 38vw;
  }
}

/*======================================== for mobile phone ===========================================*/
@media only screen and (max-width: 640px) {
  .flex-container1 {
    background-image: none;
    padding: 0;
    margin: 0;
  }

  .flex-box1 {
    background-color: none;
    width: 100%;
  }

  .flex-container1 h3 {
    font-size: 1.5rem;
    line-height: 2.7rem;
    margin: 0 0 7vh 0;
  }
}

/*--------------------------------------------------------------------------------------------------*/

/*======================================== for Desktop =======================================*/
@media (min-width : 641px) {
  .cp_timeline04 {
    position: relative;
    margin: 3.0rem auto;
    padding-bottom: 2.0rem;
  }

  .cp_timeline04:before {
    position: absolute;
    top: -22px;
    left: 43px;
    width: 5px;
    height: 100%;
    content: '';
    background: rgb(206, 157, 89);
  }

  .cp_timeline04 .timeline_item {
    margin: 0px 0px 0px 80px;
  }

  .cp_timeline04 .timeline_item .time_date .time {
    font-family: serif;
    font-size: 5rem;
    font-weight: bold;
    position: relative;
    margin: 60px 0 40px 0;
    letter-spacing: 3px;
    color: rgba(206, 157, 89, 0.489);
  }

  .cp_timeline04 .timeline_item .time_date .time:before {
    position: absolute;
    top: 50%;
    left: -42px;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 3px solid rgb(206, 157, 89);
    background: #fff;
  }

  .cp_timeline04 .timeline_item .time_date .flag {
    font-size: 1rem;
    font-weight: bold;
    margin: 10px 0;
    margin-top: -60px;
    color: rgb(206, 157, 89);
  }

  .cp_timeline04 .timeline_item .desc {
    font-size: 0.8rem;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 20px;
    border-left: 1px solid #f3de02;
  }
}
  /*======================================== for mobile phone======================================================*/
  @media only screen and (max-width: 640px) {
    .cp_timeline04:before {
      left: 15px;
    }

    .cp_timeline04 .timeline_item .time_date .time:before {
      left: -30px;
    }

    .cp_timeline04 .timeline_item {
      margin: 0px 0px 0px 40px;
    }

    .cp_timeline04 .timeline_item .desc {
      padding-left: 0px;
      border-top: 1px solid #f3de02;
      border-left: none;
    }
  }
  /*--------------------------------------------------------------------------------------------------*/