/* ----------------------------- */
/* マイページ共通 */
/* ----------------------------- */
.page-default .p-account {
    padding-left: 20px;
    padding-right: 20px;
}

.c-account_table th,
.c-account_table td {
  line-height: 1.5;
}

.p-account .p-account__inner__menu {
  border-right: none;
}

.p-account__inner__content {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .p-account__inner__content {
    width: calc(100% - 240px);
  }
}

.list-mypage-sidemenu {
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu {
    border-top: 1px solid #D5D5D5;
  }
}

.list-mypage-sidemenu li {
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li {
  }
}

.list-mypage-sidemenu li > p {
  background: #F0EFEC;
  border: 1px solid #D5D5D5;
  margin-top: 15px;
  padding: 5px 20px;
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li p {
  }
}

.list-mypage-sidemenu li ul {
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li ul {
  }
}

.list-mypage-sidemenu li ul li a {
  text-indent: 1em;
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li ul li a {
  }
}

.list-mypage-sidemenu li a {
    border: 1px solid #D5D5D5;
    border-top: none;
  display: block;
  padding: 10px 20px;
}
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li a {
    border: 1px solid #D5D5D5;
    border-top: none;
  }
}

.list-mypage-sidemenu > li:last-child {
  border-top: 1px solid #D5D5D5;
  margin-top: 15px;
}

nav.c-account_menu {
  margin-bottom: 30px;
}

.sidemenu-faq {
}

.sidemenu-faq dt {
  border: 1px solid #D5D5D5;
  border-top: none;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 30px 10px 20px;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .sidemenu-faq dt {
  }
}

.sidemenu-faq dt:hover {
  color: #BAB497;
}
@media screen and (min-width: 1000px) {
  .sidemenu-faq dt:hover {
  }
}

.sidemenu-faq dt::before {
  border-right: 1px solid #BAB497;
  border-top: 1px solid #BAB497;
  content: "";
  display: block;
  font-size: 14px;
  height: 1px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.sidemenu-faq dt::after {
  border-right: 1px solid #BAB497;
  border-top: 1px solid #BAB497;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: 0.5s;
  width: 13px;
}

.sidemenu-faq dt.open::after {
  transform: rotate(0);
}

.sidemenu-faq dd {
  border: 1px solid #D5D5D5;
  border-top: none;
  display: none;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 20px 10px 20px;
}
@media screen and (min-width: 1000px) {
  .sidemenu-faq dd {
    padding: 10px 20px 15px 20px;
  }
}

.sidemenu-faq dd .step p {
  margin-top: 5px;
}
@media screen and (min-width: 1000px) {
  .sidemenu-faq dd .step p {
    margin-top: 0;
  }
}
.sidemenu-faq dd a {
  border: none;
  color: #938A5D;
  display: inline;
  font-weight: bold;
  padding: 0;
}
.sidemenu-faq dd .step img {
  display: block;
  margin: 15px auto 10px;
  width: 90%;
}
@media screen and (min-width: 1000px) {
  .sidemenu-faq dd .step img {
    display: none;
  }
}
.sidemenu-faq dd .step + .step {
  margin-top: 15px;
}

/* 定期・購入履歴 */
.list-order * {
  line-height: 1.5!important;
}
@media screen and (min-width: 1000px) {
  .list-order * {
  }
}

.list-order a {
  color: #938A5D;
}
@media screen and (min-width: 1000px) {
  .list-order a {
  }
}

.list-order > ul > li {
  margin-top: 20px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li {
  }
}

.list-order > ul > li .list-order-head {
  background: #F5F5F5;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head {
  }
}

.list-order > ul > li .list-order-head ul {
  align-items: strech;
  border: 1px solid #A8A7A4;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul {
    align-items: center;
    border: 1px solid #A8A7A4;
    flex-wrap: nowrap;
  }
}

.list-order > ul > li .list-order-head ul li {
  border-top: 1px solid #A8A7A4;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 10px;
  width: 50%;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li {
    border-right: 1px solid #A8A7A4;
    border-top: none;
    padding: 15px;
    width: auto;
  }
}

.list-order > ul > li .list-order-head ul li:nth-of-type(1) {
  order: -2;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li:nth-of-type(1) {
  }
}

.list-order > ul > li .list-order-head ul li:nth-of-type(2) {
  border-right: 1px solid #A8A7A4;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li:nth-of-type(2) {
  }
}

.list-order > ul > li .list-order-head ul li:last-child {
  font-size: 14px;
  order: -1;
  padding-top: 20px;
  text-align: right;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li:last-child {
    border-right: none;
    font-size: 15px;
    margin-left: auto;
    order: 1;
    padding-top: 10px;
  }
}

.list-order > ul > li .list-order-head ul li dl {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li dl {
  }
}

.list-order > ul > li .list-order-head ul li dl dt {
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-head ul li dl dt {
  }
}

.list-order > ul > li .list-order-products {
  border: 1px solid #A8A7A4;
  border-top: none;
  padding: 15px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products {
  }
}

.list-order > ul > li .list-order-products .order-state {
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products .order-state {
  }
}

.list-order > ul > li .list-order-products ul li .box-product {
  display: flex;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product {
  }
}

.list-order > ul > li .list-order-products ul li .box-product +  .box-product {
  margin-top: 10px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product +  .box-product {
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-img {
  margin-right: 15px;
  width: 80px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-img {
    margin-right: 20px;
    width: 100px;
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-img a:hover {
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-img a:hover {
    opacity: .7;
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-img img {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-img img {
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-body {
  width: calc(100% - 100px - 20px);
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-body {
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-body .product-name {
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-body .product-name {
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-body .product-variant{
  margin-top: 5px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-body .product-variant{
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-body .product-quantity {
  margin-top: 5px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-body .product-quantity {
  }
}

.list-order > ul > li .list-order-products ul li .box-product .product-body .product-subtotal {
  margin-top: 5px;
}
@media screen and (min-width: 1000px) {
  .list-order > ul > li .list-order-products ul li .box-product .product-body .product-subtotal {
  }
}
/* /定期・購入履歴 */

.link-view-more a {
  align-items: center;
  background: #AAA9A9;
  color: #fff;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 320px;
  padding: 0 20px;
  width: 100%;
}
.link-view-more a:hover {
  background: #BAB497;
  text-decoration: none;
}

/* 次回配送スキップ */
.list-order > ul > li .list-order-products ul li .box-product,
.p-subscription_detail__block__list .c-cart_item,
.c-billing_list__detail__item__row {
  position: relative;
}
.list-order > ul > li .list-order-products ul li .box-product.skip::before,
.p-subscription_detail__block__list .c-cart_item.skip::before,
.c-billing_list__detail__item__row.skip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #ccc;
  opacity: .8;
  height: 100%;
  display: block;
  z-index: 2;
}
.list-order > ul > li .list-order-products ul li .box-product.skip::after,
.p-subscription_detail__block__list .c-cart_item.skip::after,
.c-billing_list__detail__item__row.skip::after {
  content: "次回配送スキップ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  width: 100%;
  height: 100%;
  font-weight: bold;
  letter-spacing: .2em;
  padding-left: .2em;
  text-align: center;
}
/* /次回配送スキップ */


.p-account .breadcrumbs-logout {
  display: flex;
  justify-content: space-between;
}
.p-account .breadcrumbs-logout .btn-logout {
  align-items: center;
  color: #938a5d;
  border: 1px solid #938a5d;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: center;
  height: 35px;
  line-height: 1;
  width: 85px;
}
.p-account .breadcrumbs-logout .btn-logout:hover {
  text-decoration: none;
}
@media screen and (min-width: 1000px) {
  .p-account .breadcrumbs-logout {
    display: block;
  }
  .p-account .breadcrumbs-logout .btn-logout {
    display: none;
  }
}
.p-account .c-breadcrumbs {
  margin-right: 15px;
  width: calc(100% - 85px - 15px);
}
@media screen and (min-width: 1000px) {
  .p-account .c-breadcrumbs {
    width: 100%;
  }
}
.p-account .c-breadcrumbs li {
  line-height: 1;
}

/* ページ下部固定ボタン */
.bottom-fixed {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
  @media screen and (min-width: 1000px) {
    .bottom-fixed {
      display: none!important;
    }
  }
.bottom-fixed ul {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.bottom-fixed ul li {
  width: calc(100% / 4);
}
.bottom-fixed ul li a {
  align-items: end;
  border: 1px solid #fff;
  color: #333;
  display: flex;
  height: 80px;
  font-size: 12px;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}
.bottom-fixed ul li.btn-suborders a {
  background: #BAB497 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_suborders.svg) no-repeat center 10px;
  background-size: auto 30px;
  padding-bottom: 5px;
}
.bottom-fixed ul li.btn-history a {
  background: #BAB497 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_history.svg) no-repeat center 10px;
  background-size: auto 30px;
  padding-bottom: 15px;
}
.bottom-fixed ul li.btn-faq a {
  background: #BAB497 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_faq.svg) no-repeat center 10px;
  background-size: auto 30px;
  padding-bottom: 15px;
}
.bottom-fixed ul li.btn-contact a {
  background: #BAB497 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_contact.svg) no-repeat center 10px;
  background-size: auto 30px;
  padding-bottom: 5px;
}
.main-footer {
  margin-bottom: 80px;
}
/* /ページ下部固定ボタン */

/* サイドバー */
@media screen and (min-width: 1000px) {
  .list-mypage-sidemenu li a {
    font-size: 14px;
  }
  .list-mypage-sidemenu li.btn-suborders a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_suborders.svg) no-repeat 9px center;
    background-size: auto 13px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-history a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_history.svg) no-repeat 12px center;
    background-size: auto 20px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-customer a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_customer.svg) no-repeat 12px center;
    background-size: auto 19px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-delivery_address a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_delivery_address.svg) no-repeat 10px center;
    background-size: auto 17px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-credit a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_credit.svg) no-repeat 10px center;
    background-size: auto 14px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-password a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_password.svg) no-repeat 13px center;
    background-size: auto 18px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-faq a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_faq.svg) no-repeat 11px center;
    background-size: auto 18px;
    padding-left: 30px;
  }
  .list-mypage-sidemenu li.btn-contact a {
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_contact.svg) no-repeat 13px center;
    background-size: auto 18px;
    padding-left: 30px;
  }
}
/* /サイドバー */



/* ----------------------------- */
/* マイページ 共通お問い合わせフッター */
/* ----------------------------- */
.mypage-contact-footer {
  background: #F5F5F5;
  margin: 60px auto -80px;
  max-width: 1200px;
  padding: 20px;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer {
  padding: 50px 40px;
  }
}

.mypage-contact-footer ul {
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
  }
}

.mypage-contact-footer ul li {
  background: #fff;
  padding: 30px 20px;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul li {
    align-items: strech;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 210px;
    width: 450px;
  }
}

.mypage-contact-footer ul li + li {
  margin-top: 20px;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul li + li {
    margin-top: 0;
  }
}

.mypage-contact-footer ul li h2 {
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul li h2 {
  }
}

.mypage-contact-footer ul .site-contact {
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .site-contact {
  }
}

.mypage-contact-footer ul .site-contact a {
  align-items: center;
  border: 1px solid #A8A7A4;
  display: flex;
  justify-content: center;
  height: 50px;
  margin: 20px auto 0;
  max-width: 330px;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .site-contact a {
  }
}

.mypage-contact-footer ul .site-contact a:hover {
  color: #000;
  opacity: 1;
  text-decoration: none;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .site-contact a:hover {
    color: #938A5D;
  }
}

.mypage-contact-footer ul .tel-contact {
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .tel-contact {
  }
}

.mypage-contact-footer ul .tel-contact a {
  align-items: center;
  color: #938A5D;
  border: 1px solid #A8A7A4;
  display: flex;
  justify-content: center;
  font-size: 18px;
  height: 50px;
  margin: 5px auto 0;
  max-width: 330px;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .tel-contact a {
    color: #000;
    pointer-events: none;
  }
}

.mypage-contact-footer ul .tel-contact a span {
  position: relative;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .tel-contact a span {
  }
}

.mypage-contact-footer ul .tel-contact a span::before {
  bottom: 2px;
  content: "通話料無料";
  font-size: 12px;
  margin-right: 5px;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .tel-contact a span::before {
  }
}

.mypage-contact-footer ul .tel-contact .remarks {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 10px;
}
@media screen and (min-width: 1000px) {
  .mypage-contact-footer ul .tel-contact .remarks {
    margin-top: 5px;
  }
}

@media screen and (min-width: 600px) {
  .max600-only {
    display: none!important;
  }
}



/* ----------------------------- */
/* マイページ トップ */
/* ----------------------------- */
.page-mypage-top .point-rank {
  margin-top: 20px;
}
@media screen and (min-width: 1000px) {
 .page-mypage-top .point-rank {
    display: flex;
    justify-content: space-between;
  }
}

.page-mypage-top .point-rank .txt-s02 {
  font-size: 14px;
  margin-top: 3px;
  text-align: center;
}
.page-mypage-top .point-rank .txt-s02 a {
  color: #938a5d;
}

.page-mypage-top .point-rank .point-area {
  background: #F0EFEC;
  padding: 20px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area {
    width: calc((100% - 20px) / 2);
  }
}

.page-mypage-top .point-rank .point-area .block01 {
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .block01 {
    display: flex;
    justify-content: space-between;
  }
}

.page-mypage-top .point-rank .point-area .block01 .ttl-current-point {
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .block01 .ttl-current-point {
  }
}

.page-mypage-top .point-rank .point-area .block01 .link-point-history a {
  color: #938A5D;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .block01 .link-point-history a {
  }
}

.page-mypage-top .point-rank .point-area .current-point {
  background: #fff;
  font-size: 24px;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .current-point {
  }
}

.page-mypage-top .point-rank .point-area .current-point span {
  font-size: 15px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .current-point span {
  }
}

.page-mypage-top .point-rank .point-area .txt-s01 {
  line-height: 1.5;
  margin-top: 0;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .point-area .txt-s01 {
  }
}

.page-mypage-top .point-rank .rank-area {
  background: #F0EFEC;
  margin-top: 20px;
  padding: 20px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .rank-area {
    margin-top: 0;
    width: calc((100% - 20px) / 2);
  }
}

.page-mypage-top .point-rank .rank-area .ttl-current-rank {
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .rank-area .ttl-current-rank {
  }
}

.page-mypage-top .point-rank .current-rank {
  align-items: center;
  background: #fff;
  display: flex;
  font-size: 18px;
  justify-content: center;
  line-height: 1.3;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  min-height: 47px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .point-rank .current-rank {
    height: 47px;
    line-height: 47px;
    padding: 0;
  }
}
.page-mypage-top .point-rank .current-rank br {
  display: none;
}
@media screen and (max-width: 420px) {
  .page-mypage-top .point-rank .current-rank br {
    display: block;
  }
}

.page-mypage-top .invite-coupon {
  margin-top: 40px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .invite-coupon {
  }
}

.page-mypage-top .invite-coupon .link-invite-coupon a {
  align-items: center;
  border: 1px solid #A8A7A4;
  display: flex;
  justify-content: center;
  height: 50px;
  margin: 0 auto;
  max-width: 330px;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .invite-coupon .link-invite-coupon a {
    width: 330px;
  }
}

.page-mypage-top .invite-coupon .link-invite-coupon a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .invite-coupon .link-invite-coupon a:hover {
    color: #938A5D;
  }
}

.link-invite-coupon02 {
  font-size: 10px;
  line-height: 1;
  margin: 10px auto 0;
  width: 330px;
}
@media screen and (min-width: 1000px) {
  .link-invite-coupon02 {
    font-size: 11px;
  }
}

.page-mypage-top .invite-coupon .note {
  margin-top: 10px;
  margin: 10px auto 0;
  max-width: 600px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-top .invite-coupon .note {
    text-align: center;
  }
}

/* キャンペーンバナー部分 */
.page-mypage-top .bnr-area {
  margin-top: 40px;
}
@media screen and (min-width: 800px) {
}

.page-mypage-top .bnr-area ul {
}
@media screen and (min-width: 800px) {
  .page-mypage-top .bnr-area ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
  }
}

.page-mypage-top .bnr-area li {
}
@media screen and (min-width: 800px) {
  .page-mypage-top .bnr-area li {
    width: calc((100% - 20px) / 2);
  }
}

.page-mypage-top .bnr-area li + li {
  margin-top: 20px;
}
@media screen and (min-width: 800px) {
  .page-mypage-top .bnr-area li + li {
    margin-top: 0;
  }
}

.page-mypage-top .bnr-area li img {
  width: 100%;
}
@media screen and (min-width: 800px) {
}
/* /キャンペーンバナー部分 */

.page-mypage-top .human-state {
  color: #938A5D;
  font-weight: bold;
}

/* よくあるご質問(SPのみ表示) */
.mypage-top-faq {
  margin-top: 50px;
}
  @media screen and (min-width: 1000px) {
    .mypage-top-faq {
    }  
  }

.mypage-top-faq li > p {
  background: #F0EFEC;
  border: 1px solid #D5D5D5;
  margin-top: 15px;
  padding: 5px 20px;
}
.mypage-top-faq dt {
  border: 1px solid #D5D5D5;
  border-top: none;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 30px 10px 20px;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .mypage-top-faq dt {
  padding: 15px 30px 15px 20px;
  }
}
.sidemenu-faq dt:hover {
  color: #BAB497;
}
.mypage-top-faq dt::before {
  border-right: 1px solid #BAB497;
  border-top: 1px solid #BAB497;
  content: "";
  display: block;
  font-size: 14px;
  height: 1px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}
.mypage-top-faq dt::after {
  border-right: 1px solid #BAB497;
  border-top: 1px solid #BAB497;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: 0.5s;
  width: 13px;
}
.mypage-top-faq dt.open::after {
  transform: rotate(0);
}
.mypage-top-faq dd {
  border: 1px solid #D5D5D5;
  border-top: none;
  display: none;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 20px 10px 20px;
}

.mypage-top-faq dd .step p {
  margin-top: 5px;
}
.mypage-top-faq dd a {
  color: #938A5D;
  font-weight: bold;
}
.mypage-top-faq dd .step img {
  display: block;
  margin: 15px auto 10px;
  width: 90%;
}
@media screen and (min-width: 1000px) {
  .mypage-top-faq dd .step img {
    max-width: 800px;
  }
}
.mypage-top-faq dd .step + .step {
  margin-top: 15px;
}
/* /よくあるご質問(SPのみ表示) */

  .page-mypage-top .c-account_menu__btn {
    display: none;
  }
    @media screen and (min-width: 1000px) {
      .page-mypage-top .c-account_menu__btn {
        display: block;
      }
    }
  .page-mypage-top .p-mypage__name {
    line-height: 1.5;
  }
  .page-mypage-top .loading-spinner {
    color: #333;
    font-size: 14px;
  }
  .page-mypage-top .loading-spinner::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 2px solid #999;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin-left: 0.5em;
    vertical-align: middle;
  }
  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  .page-mypage-top .area-customer-data {
    border: 1px solid #A8A7A4;
    background: #f5f5f5;
    margin-top: 30px;
    padding: 20px;
  }
  @media screen and (min-width: 1000px) {
    .page-mypage-top .area-customer-data {
    }
  }
  .page-mypage-top .alert-points.txt-s02 {
    color: #d0372d;
    line-height: 1.5;
    text-align: left;
  }
  .page-mypage-top .area-alert-points {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .page-mypage-top .area-alert-points .no-point-data {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
  }
  .page-mypage-top .point-rate {
    color: #333;
    font-size: 14px;
    text-align: center;
  }
  .page-mypage-top .jump-suborders a {
    align-items: center;
    background: #BAB497;
    color: #fff;
    display: flex;
    font-size: 15px;
    height: 60px;
    justify-content: center;
    padding: 0 20px;
    width: 100%;
  }
  .page-mypage-top .jump-suborders a::before {
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 10px;
    margin-right: 10px;
    margin-top: -3px;
    transform: rotate(135deg);
    width: 10px;
  }
  .page-mypage-top .jump-suborders a:hover {
    opacity: .8;
    text-decoration: none;
  }
  .page-mypage-top .next-schedule-note {
    color: #C64534;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 15px;
    padding-left: 1em;
    text-indent: -1em;
  }
  @media screen and (min-width: 1000px) {
    .page-mypage-top .next-schedule-note {
      bottom: 10px;
      left: 20px;
      position: absolute;
    }
  }
  .p-mypage__block__subscription {
    position: relative!important;
  }
  .p-mypage__block__subscription .p-mypage__block__subscription__item {}
  @media screen and (min-width: 1000px) {
    .p-mypage__block__subscription .p-mypage__block__subscription__item {
      padding: 30px 20px;
    }
  }
  .p-mypage__block__subscription .p-mypage__block__subscription__item__date {
    line-height: 1.3;
  }
  .p-mypage__block__subscription .p-mypage__block__subscription__item__btn {
    width: 180px;
  }

  /* ボタンリスト */
  .area-btn-link-list {
    margin-top: 40px;
  }
  .area-btn-link-list ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
  }
  .area-btn-link-list ul::before {
    content: "";
    order: 1;
    width: calc((100% - 20px) / 3);
  }
  .area-btn-link-list ul::after {
    content: "";
    order: 1;
    width: calc((100% - 20px) / 3);
  }
  .area-btn-link-list ul li {
    align-items: end;
    background: #eee;
    border-radius: 8px;
    color: #333;
    display: flex;
    justify-content: center;
    height: 90px;
    margin-top: 10px;
    text-align: center;
    width: calc((100% - 20px) / 3);
  }
  @media screen and (min-width: 1000px) {
    .area-btn-link-list ul li {
      width: calc((100% - 30px) / 4);
    }
  }
  .area-btn-link-list ul li a {
    align-items: end;
    border-radius: 8px;
    color: #333;
    display: flex;
    justify-content: center;
    font-size: 13px;
    height: 90px;
    line-height: 1.3;
    text-align: center;
    width: 100%;
  }
  .area-btn-link-list ul li.btn-suborders a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_suborders.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-history a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_history.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 20px;
  }
  .area-btn-link-list ul li.btn-customer a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_customer.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-delivery_address a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_delivery_address.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-credit a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_credit.svg) no-repeat center 17px;
    background-size: auto 25px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-password a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_password.svg) no-repeat center 12px;
    background-size: auto 29px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-faq {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_faq.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 20px;
  }
  .area-btn-link-list ul li.btn-friend a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_friend.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-contact a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_contact.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  .area-btn-link-list ul li.btn-line a {
    background: #f5f5f5 url(https://d2w53g1q050m78.cloudfront.net/wwwstellasensejp/uploads/stella2024/images/mypage/btn_icon/mypage_btn_icon_line.svg) no-repeat center 12px;
    background-size: auto 30px;
    padding-bottom: 10px;
  }
  /* /ボタンリスト */

.area-exclusive-offer {
  border: 2px solid #BAB497;
  margin-top: 40px;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer {}
}
.area-exclusive-offer .ttl-exclusive-offer {
  background: #BAB497;
  color: #fff;
  padding: 3px 10px;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .ttl-exclusive-offer {}
}
.area-exclusive-offer .area-link {}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link {}
}
.area-exclusive-offer .area-link a {
  align-items: center;
  display: flex;
  padding: 10px;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a {
    padding: 0;
  }
}
.area-exclusive-offer .area-link a:hover {
  opacity: .7;
  text-decoration: none;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a:hover {}
}
.area-exclusive-offer .area-link a > img {
  width: 150px;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a > img {
    width: 300px;
  }
}
.area-exclusive-offer .area-link a > img:hover {
  opacity: 1;
}
.area-exclusive-offer .area-link a .area-txt {
  color: #333;
  font-size: 14px;
  padding-left: 10px;
  width: calc(100% - 150px);
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a .area-txt {
    font-size: 15px;
    padding: 20px;
    width: calc(100% - 300px - 20px);
  }
}
.area-exclusive-offer .area-link a .area-txt .shipping-free {
  border: 1px solid #D5D5D5;
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  width: 95px;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a .area-txt .shipping-free {
    font-size: 13px;
    width: 110px;
  }
}
.area-exclusive-offer .area-link a .area-txt .product-name {
  line-height: 1.5;
  margin-top: 10px;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a .area-txt .product-name {}
}
.area-exclusive-offer .area-link a .area-txt .product-price {
    margin-top: 10px;
    text-align: right;
}
@media screen and (min-width: 1000px) {
  .area-exclusive-offer .area-link a .area-txt .product-price {}
}



/* ----------------------------- */
/* マイページ 定期便注文情報画面 */
/* ----------------------------- */
.p-subscription_list .p-subscription_list__item .c-account_table tr th {
  background: #F0EFEC;
  border: 1px solid #ccc;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.p-subscription_list .p-subscription_list__item .c-account_table tr td {
  vertical-align: middle;
}
.p-subscription_list .p-subscription_list__item .c-account_table tr td a {
  color: #938A5D;
}
.p-subscription_list .p-subscription_list__item .c-account_table tr td a:hover {
  text-decoration: underline;
}
.list-suborder-menu {
  margin-bottom: 50px;
  margin-top: 20px;
}
@media screen and (min-width: 1000px) {
  .list-suborder-menu {
  }
}

.list-suborder-menu ul {
  align-items: center;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1000px) {
  .list-suborder-menu ul {
  border: 1px solid #A8A7A4;
  border-top: none;
  }
}

.list-suborder-menu ul li {
  border-top: 1px solid #A8A7A4;
  width: 50%;
}
@media screen and (min-width: 1000px) {
  .list-suborder-menu ul li {
    border-left: 1px solid #A8A7A4;
    width: calc(100% / 3);
  }
}

.list-suborder-menu ul li:nth-of-type(even) {
  border-left: 1px solid #A8A7A4;
}
@media screen and (min-width: 1000px) {
  .list-suborder-menu ul li:nth-of-type(even) {
  }
}

@media screen and (min-width: 1000px) {
  .list-suborder-menu ul li:nth-of-type(1),
  .list-suborder-menu ul li:nth-of-type(4),
  .list-suborder-menu ul li:nth-of-type(7) {
    border-left: none;
  }
}
@media screen and (max-width: 999px) {
  .list-suborder-menu ul li:nth-of-type(1),
  .list-suborder-menu ul li:nth-of-type(3),
  .list-suborder-menu ul li:nth-of-type(5),
  .list-suborder-menu ul li:nth-of-type(7),
  .list-suborder-menu ul li:nth-of-type(9) {
    border: 1px solid #A8A7A4;
    border-bottom: none;
  }
  .list-suborder-menu ul li:nth-of-type(2),
  .list-suborder-menu ul li:nth-of-type(4),
  .list-suborder-menu ul li:nth-of-type(6),
  .list-suborder-menu ul li:nth-of-type(8) {
    border-left: none;
    border-right: 1px solid #A8A7A4;
  }
  .list-suborder-menu ul li:nth-of-type(8),
  .list-suborder-menu ul li:nth-of-type(9) {
    border-bottom: 1px solid #A8A7A4;
  }
}

.list-suborder-menu ul li a {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 15px 5px;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .list-suborder-menu ul li a {
    font-size: 15px;
  padding: 10px;
  }
}
.page-subs-orders .box-status {
  background: #F0EFEC;
  margin-top: 20px;
  padding: 15px 20px 0px;
}
.page-subs-orders .box-status h2 {
  cursor: pointer;
  font-family: "Noto Sans JP","Lato",sans-serif,serif;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 35px;
  position: relative;
  text-align: center;
}
.page-subs-orders .box-status h2::before {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  bottom: 15px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
}
.page-subs-orders .box-status h2.close::before {
  bottom: 0px;
  transform: rotate(225deg);
  transform-origin:0 0;
}
.page-subs-orders .box-status .accordion-content {
  padding-bottom: 1px;
}
.page-subs-orders .box-status .list-order > ul > li {
  margin-bottom: 20px;
  margin-top: 0;
}

.page-subs-orders .box-status .list-order-products {
  background: #fff;
}
.page-subs-orders .box-status + .box-status {
  margin-top: 30px;
}
.page-subs-orders .box-status + .box-status .accordion-content {
  display: none;
}



/* ----------------------------- */
/* マイページ クレジットカード情報 */
/* ----------------------------- */
.page-mypage-card .card-new {
  background: #EBEAEA;
  font-size: 15px;
  line-height: 33px;
  margin-top: 30px;
  padding: 15px;
}
.page-mypage-card .card-edit {  
  background: #EBEAEA;
  font-size: 15px;
  line-height: 33px;
  margin-top: 20px;
  padding: 15px;
}
.page-mypage-card .card-new dl dt,
.page-mypage-card .card-edit dl dt {
  padding-left: 1em;
  text-indent: -1em;
}
.page-mypage-card .card-new dl dd a:hover,
.page-mypage-card .card-edit dl dd a:hover {
}
@media screen and (min-width: 1000px) {
  .page-mypage-card .card-new dl dd a:hover,
  .page-mypage-card .card-edit dl dd a:hover {
    color: #938A5D;
  }
}



/* ----------------------------- */
/* マイページ 定期便注文情報 > 定期便注文詳細画面 */
/* ----------------------------- */
.page-mypage-subs-orders .c-product_item:hover {
  opacity: 1!important;
}



/* ----------------------------- */
/* マイページ 定期便注文情報 > 定期便注文詳細 > 商品追加画面 */
/* ----------------------------- */
.page-mypage-subs-order-add-item .p-product_content__inner__info {
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .p-product_content__inner__info {
      width: 50%;
    }
  }

.page-mypage-subs-order-add-item .product-name {
  font-family: "Noto Sans JP","Lato",sans-serif,serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .02em;
  line-height: 30px;
  margin-bottom: 20px;
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .product-name {
      font-size: 24px;
      font-weight: 400;
      line-height: 28px;
    }
  }

.page-mypage-subs-order-add-item .product-desc {
  font-size: 14px;
  line-height: 26px;
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .product-desc {
      line-height: 22px;
    }
  }

.page-mypage-subs-order-add-item .c-product_info__price {
  margin-top: 20px;
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .c-product_info__price {
    }
  }

.page-mypage-subs-order-add-item .c-product_info__price #sales-price {
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .c-product_info__price #sales-price {
    }
  }

.page-mypage-subs-order-add-item .c-product_info__price .tax {
  font-size: 9px;
  font-weight: 400;
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item .c-product_info__price .tax {
    }
  }

.page-mypage-subs-order-add-item .c-product_info__form__variant > div > div:after {
  display: none;
}

.page-mypage-subs-order-add-item #option_types .form-control {
}
  @media screen and (min-width: 1000px) {
    .page-mypage-subs-order-add-item #option_types .form-control {
      width: auto;
    }
  }

.page-mypage-subs-order-add-item .c-product_info__form__subsdetail__input {
  gap: 20px;
  justify-content: flex-start;
}

.page-mypage-subs-order-add-item .c-product_img--subsdetail > #sub-images-view > .img-wrap > .img-box {
  cursor: pointer;
}



/* ----------------------------- */
/* マイページ ポイント管理画面 */
/* ----------------------------- */
.page-mypage-point #copybtn {
  background: #aaa9a9 ;
  margin-top: 5px;
  padding: 3px 10px 5px;
}
.page-mypage-point #copybtn:hover {
  background: #bab497;
}
.page-mypage-point .point-info {
background: #F0EFEC;
margin-top: 20px;
padding: 20px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info {
}
}

.page-mypage-point .point-info .ttl-current-point {
font-weight: 500;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info .ttl-current-point {}
}

.page-mypage-point .point-info .current-point {
background: #fff;
font-size: 24px;
margin-top: 10px;
padding: 5px 0;
text-align: center;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info .current-point {}
}

.page-mypage-point .point-info .current-point span {
font-size: 15px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info .current-point span {}
}

.page-mypage-point .point-info .txt-s01 {
font-size: 14px;
margin-top: 10px;
}

.page-mypage-point .point-info .txt-s02 {
color: #d0372d;
font-size: 15px;
line-height: 1.5;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info .txt-s02 {}
}

.page-mypage-point .point-info .txt-s03 {
line-height: 1.5;
margin-top: 3px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-info .txt-s03 {}
}

.page-mypage-point .expiry,
.page-mypage-point .history {
margin-top: 30px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .expiry,
.page-mypage-point .history {}
}

.page-mypage-point .expiry h2,
.page-mypage-point .history h2 {
background: #ececec;
cursor: pointer;
font-family: "Noto Sans JP","Lato",sans-serif,serif;
font-size: 15px;
font-weight: 400;
padding: 15px 20px 35px;
position: relative;
text-align: center;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .expiry h2,
.page-mypage-point .history h2 {}
}
.page-mypage-point .expiry h2::before,
.page-mypage-point .history h2::before {
border-bottom: 1px solid #333;
border-right: 1px solid #333;
bottom: 15px;
content: "";
display: block;
height: 10px;
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 10px;
}
.page-mypage-point .expiry h2.close::before,
.page-mypage-point .history h2.close::before {
bottom: 0px;
transform: rotate(225deg);
transform-origin:0 0;
}

.page-mypage-point .expiry .accordion-content,
.page-mypage-point .history .accordion-content {
display: none;
}

.page-mypage-point .expiry table th,
.page-mypage-point .expiry table td,
.page-mypage-point .expiry table tr {
border-color: #ececec!important;
}

.page-mypage-point .history .p-point_list {
margin-top: 0;
}

/* よくあるご質問 */
.page-mypage-point .point-faq {
margin-top: 40px;
}
@media screen and (min-width: 1000px) {
  .page-mypage-point .point-faq {}
}

.page-mypage-point .point-faq li > p {
background: #F0EFEC;
border: 1px solid #D5D5D5;
margin-top: 15px;
padding: 5px 20px;
}
.page-mypage-point .point-faq dt {
border: 1px solid #D5D5D5;
border-top: none;
cursor: pointer;
display: block;
font-size: 14px;
line-height: 1.5;
padding: 10px 30px 10px 20px;
position: relative;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-faq dt {
  padding: 15px 30px 15px 20px;
}
}
.sidemenu-faq dt:hover {
color: #BAB497;
}
.page-mypage-point .point-faq dt::before {
border-right: 1px solid #BAB497;
border-top: 1px solid #BAB497;
content: "";
display: block;
font-size: 14px;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 13px;
}
.page-mypage-point .point-faq dt::after {
border-right: 1px solid #BAB497;
border-top: 1px solid #BAB497;
content: "";
display: block;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: rotate(90deg);
transform-origin: center center;
transition: 0.5s;
width: 13px;
}
.page-mypage-point .point-faq dt.open::after {
transform: rotate(0);
}
.page-mypage-point .point-faq dd {
border: 1px solid #D5D5D5;
border-top: none;
display: none;
font-size: 14px;
line-height: 1.5;
padding: 10px 20px 10px 20px;
}

.page-mypage-point .point-faq dd .step p {
margin-top: 5px;
}
.page-mypage-point .point-faq dd a {
color: #938A5D;
font-weight: bold;
}
.page-mypage-point .point-faq dd .step img {
display: block;
margin: 15px auto 10px;
width: 90%;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .point-faq dd .step img {
  max-width: 800px;
}
}
.page-mypage-point .point-faq dd .step + .step {
margin-top: 15px;
}
.page-mypage-point .link-more {
margin-top: 5px;
text-align: right;
}
.page-mypage-point .link-more a {
color: #938a5d;
}
.page-mypage-point .link-more a:hover {
text-decoration: underline;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .link-more a:hover {
}
}
/* /よくあるご質問 */

/* 招待コード */
.page-mypage-point .code-info {
background: #F0EFEC;
margin-top: 20px;
padding: 20px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .code-info {}
}

.page-mypage-point .code-info .area-code {
align-items: center;
background: #fff;
display: flex;
justify-content: space-between;
margin: 10px 0 15px;
padding: 5px 10px 10px;
text-align: center;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .code-info .area-code {
  padding: 5px 20px 10px;
}
}

.page-mypage-point .code-info .area-code .code {
font-size: 15px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .code-info .area-code .code {
  font-size: 24px;
}
}

.page-mypage-point .code-info .area-code #invite_code_redirect_url {
font-size: 0;
height: 0;
}

.page-mypage-point .code-info .area-code #copybtn {
background: #ccc6a6;
border-radius: 15px;
line-height: 1.5;
padding: 8px 15px;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .code-info .area-code #copybtn {
  padding: 10px 20px;
}
}

.page-mypage-point .code-info .area-code #copybtn:hover {
opacity: .7;
}
@media screen and (min-width: 1000px) {
.page-mypage-point .code-info .area-code #copybtn:hover {}
}

.page-mypage-point .code-info .txt-s01 {
font-size: 14px;
line-height: 1.75;
margin: 0;
}


/* ----------------------------- */
/* マイページ 購入履歴 > 購入履歴詳細画面 */
/* ----------------------------- */
#orders-detail-view .receipt-note {
  margin: 10px 0 30px;
}
  @media screen and (min-width: 1000px) {
    #orders-detail-view .receipt-note {
      margin: 15px 0 30px;
    }
  }
#orders-detail-view .receipt-note li {
  font-size: 13px;
  line-height: 1.75;
}
  @media screen and (min-width: 1000px) {
    #orders-detail-view .receipt-note li {
      line-height: 2;
    }
  }