/* マイページ共通 */
.l-container > .u-margin__top--60 {
    margin-top: 40px;
}
.p-favorite__header {
    margin-top: 35px;
}
.p-account__inner__menu {
    display: none;
}
.p-account__inner {
    max-width: 900px;
    display: block;
}
.p-account__inner__content__title {
    margin-top: 35px;
}
.p-account__inner__content {
    width: 100%;
    margin-top: 0;
}
.c-account_menu__content {
    padding: 0;
}
.c-account_menu__logout {
    margin: 0 auto;
    max-width: 400px;
    padding: 15px 30px 15px 16px;
    position: relative;
}
@media screen and (max-width: 719px) {
    .c-account_menu__logout {
        padding: 11px 30px 11px 16px;
        max-width: 500px;
    }
}
.c-account_menu__logout:after {
    content: "";
    border: solid #fff;
    border-width: 0 1px 1px 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    padding: 3.5px;
}

.c-mypage__link {
    margin: 50px 0 60px;
}
.c-mypage__link__block {
    margin-bottom: 30px;
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block {
        margin-bottom: 38px;
    }
}
.c-mypage__link__block:last-child {
    margin-bottom: 0;
}
.c-mypage__link__block .ttl {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 13px;
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block .ttl {
        font-size: 20px;
    }
}
.c-mypage__link__block .stl {
    font-size: 15px;
    font-family: "Arial";
    line-height: 1.3;
    letter-spacing: 0;
    margin: -6px 0 18px;
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block .stl {
        font-size: 14px;
    }
}
.c-mypage__link__block .stl a {
    font-weight: 700;
    text-decoration: underline;
}
.c-mypage__link__block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block ul {
        gap: 11px;
    }
}
.c-mypage__link__block ul li {
    width: calc(20% - (60px / 5));
    height: 142px;
    background: #f2efec;
    text-align: center;
}
@media screen and (max-width: 899px) and (min-width: 720px) {
    .c-mypage__link__block ul li {
        width: calc(33.333% - (30px / 3));
    }
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block ul li {
        width: calc(50% - (11px / 2));
        height: 139px;
    }
}
.c-mypage__link__block ul li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding-top: 20px;
    font-family: "Arial";
}
.c-mypage__link__block ul li a.center {
    justify-content: center;
    padding-top: 0;
}
.c-mypage__link__block ul li a:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #1a1311;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
    position: absolute;
    right: 0;
    bottom: 0;
}
.c-mypage__link__block ul li .ico {
    max-width: 45px;
    margin: 0 auto 5px;
}
.c-mypage__link__block ul li span {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 719px) {
    .c-mypage__link__block ul li span {
        font-size: 14px;
    }
}

.c-mypage__note {
    background: #fff;
}
@media screen and (min-width: 720px) {
    .c-mypage__note {
        margin: 20px 0 30px;
    }
}
.c-mypage__note__item {
    padding: 15px 18px;
    border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width: 720px) {
    .c-mypage__note__item {
        padding: 20px 25px;
    }
}
.c-mypage__note__item:last-child {
    border-bottom: none;
}
.c-mypage__note__item dl dt {
    font-size: 14px;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}
.c-mypage__note__item dl dd {
    font-size: 14px;
    font-family: "Arial";
    line-height: 1.5em;
    letter-spacing: 0.03em;
}
.c-mypage__note__item dl dd a {
    text-decoration: underline;
}
.c-mypage__note__item .link {
    text-align: right;
    margin-top: 5px;
    line-height: 1.5;
}
.c-mypage__note__item .link a {
    font-size: 14px;
    color: #0080c0;
}
.c-mypage__note__item .link img {
    width: 16px;
    display: inline-block;
    margin-right: 4px;
    transform: translateY(-2px);
}
.c-mypage__note__item .attention {
    font-size: 14px;
    color: #9a3236;
    font-family: "Arial";
    line-height: 1.5em;
    letter-spacing: 0.03em;
    margin-top: 10px;
}
.c-mypage__note__item .attention strong {
    font-weight: 700;
}

.c-mypage__btn {
    font-size: 15px;
    font-family: "Arial";
    letter-spacing: 0.16em;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 50px;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
}
.c-mypage__btn:after {
    content: "";
    border: solid #1a1311;
    border-width: 0 1px 1px 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    padding: 3.5px;
}
.c-mypage__btn.black {
    color: #fff;
    background: #101010;
}
.c-mypage__btn.black:after {
    border-color: #fff;
}
.c-mypage__btn.skin {
    background: #efeae6;
}
.c-mypage__btn.white {
    background: #fff;
    border: 1px solid #101010;
}
.c-mypage__btn.arrow-left:after {
    right: auto;
    left: 18px;
    transform: translateY(-50%) rotate(-225deg);
}

.c-account_table__product__img {
    width: 40%;
}
/* @media screen and (min-width: 720px) {
    .c-account_table__product__img {
        width: 22%;
    }
} */
.c-account_table__product__img__inner {
    background-size: contain;
}
.c-account_table__product__info {
    width: 60%;
    padding-left: 15px;
}
/* @media screen and (min-width: 720px) {
    .c-account_table__product__info {
        width: 78%;
    }
} */
.c-account_table__product__info__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.c-account_table__product__info__price {
    font-size: 17px;
}
.c-account_table__product__info__quantity {
    font-size: 17px;
}
.c-account_table tr {
    border-bottom: 1px solid #fff;
    padding: 35px 0;
}
@media screen and (max-width: 719px) {
    .c-account_table > tbody > tr > td.no-border {
        border: none !important;
        padding: 0 !important;
    }
}
.c-account_table td {
    font-size: 17px !important;
}

.p-account__inner__content__form__bottom .c-mypage__btn {
    margin-bottom: 10px;
}
.p-account__inner__content__form__bottom .c-mypage__btn:last-child {
    margin-bottom: 0;
}

.c-cart_item__img__inner {
    /* background-size: cover; */
}

.mypage.c-pagination {
    margin: 30px 0 40px;
}
@media screen and (min-width: 720px) {
    .mypage.c-pagination {
        margin: 50px 0;
    }
}
.mypage.c-pagination .c-pagination__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    gap: 4px;
}
.mypage.c-pagination .c-pagination__list__item {
    border: none;
    position: relative;
}
.mypage.c-pagination .c-pagination__list__item > * {
    border: none;
}
.mypage.c-pagination .c-pagination__list__item__page {
    font-size: 15px;
    font-weight: 400;
    width: 43px;
    height: 43px;
    font-family: "Arial";
}
.mypage.c-pagination .c-pagination__list__item.is-active {
    background: #efeae6;
    border-radius: 50%;
}
.mypage.c-pagination .c-pagination__list__item.is-active:after {
    display: none;
}
.mypage.c-pagination .c-pagination__list__item__prev,
.mypage.c-pagination .c-pagination__list__item__next {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.mypage.c-pagination .c-pagination__list__item__prev:before,
.mypage.c-pagination .c-pagination__list__item__next:before {
    content: "";
    border: solid #000;
    border-width: 0 1px 1px 0;
    padding: 4px;
    transform: translate(50%, -50%) rotate(-45deg);
    position: absolute;
    left: 50%;
    top: 50%;
}
.mypage.c-pagination .c-pagination__list__item__prev i,
.mypage.c-pagination .c-pagination__list__item__next i {
    display: none;
}
.mypage.c-pagination .c-pagination__list__item__prev {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/* マイページTOP */
.p-mypage .js-custom-container {
    margin-top: 50px;
}
.p-mypage .p-mypage__block {
    margin-top: 0;
}
.p-mypage .c-custom_option {
    padding: 0;
}
.p-mypage .c-custom_option:first-child {
    border: none;
}
.c-custom_option__content {
    width: 100%;
}
.p-mypage .alert {
    margin: 30px 0 20px;
    padding: 0;
}
.p-mypage__line__desc {
    padding: 20px;
    background: #def0d8;
    text-align: center;
}
@media screen and (max-width: 719px) {
    .p-mypage__line__desc {
        padding: 15px 18px;
        text-align: left;
        margin-top: 20px;
    }
}
.p-mypage__line__desc .ttl {
    font-size: 20px;
    color: #468847;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    margin-bottom: 6px;
}
@media screen and (max-width: 719px) {
    .p-mypage__line__desc .ttl {
        font-size: 16px;
        line-height: 1.5;
    }
}
.p-mypage__line__desc .stl {
    font-size: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}
.p-mypage__line__desc .txt {
    font-size: 13px;
    color: #777777;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.4;
}
[data-section-type="customer_top_subs_order"] {
    margin: 30px 0;
}
.p-mypage .p-mypage__block__title {
    font-size: 24px !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 13px !important;
}
@media screen and (max-width: 719px) {
    .p-mypage .p-mypage__block__title {
        font-size: 20px !important;
    }
}
.p-mypage__block__subscription__item__btn {
    font-size: 15px !important;
    font-family: "Arial";
    letter-spacing: 0.16em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 50px;
}
.p-mypage__block__subscription__item__btn:after {
    content: "";
    border: solid #fff;
    border-width: 0 1px 1px 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    padding: 3.5px;
}

/* 定期便情報ページ */
.p-subscription_list {
    margin-top: 10px;
}
.p-subscription_list .c-account_table {
    border: none;
}
.p-subscription_list .c-account_table tbody {
    border-color: transparent;
}
.p-subscription_list__item .c-account_table > tbody > tr:first-child {
    display: block;
}
.p-subscription_list .c-account_table tr:last-child {
    padding-bottom: 0;
}
.p-subscription_list .c-account_table td {
    padding: 18px 0 !important;
    border-bottom: 1px solid #d9d9d9;
}
.p-subscription_list .c-account_table td:first-child {
    padding: 0 !important;
}
.p-subscription_list .c-account_table td .note {
    line-height: 1.3;
    margin-top: 5px;
}
.p-subscription_list .c-account_table td .note .attention {
    font-size: 14px;
    color: #9a3236;
    font-family: "Arial";
    letter-spacing: 0.03em;
    font-weight: 700;
}
.p-subscription_list .c-account_table td .link {
    text-align: right;
    margin-top: 5px;
    line-height: 1.3;
}
.p-subscription_list .c-account_table td .link a {
    font-size: 14px;
    color: #0080c0;
    font-weight: 700;
}
.p-subscription_list .c-account_table td .link img {
    width: 16px;
    display: inline-block;
    margin-right: 4px;
    transform: translateY(-2px);
}
.p-subscription_list .c-account_table td .label {
    font-size: 16px;
    background: #d9d9d9;
    padding: 2px 6px 1px;
}
.p-subscription_list .c-account_table td .label.bg {
    color: #fff;
    background: #9a3236;
}

@media screen and (min-width: 720px) {
    .p-subscription_list .c-account_table {
        display: block;
    }
    .p-subscription_list .c-account_table tbody {
        display: block;
    }
    .p-subscription_list .c-account_table tr {
        display: block;
    }
    .p-subscription_list__item .c-account_table > tbody > tr {
        display: flex !important;
        flex-wrap: wrap;
    }
    .p-subscription_list .c-account_table td {
        width: 25%;
    }
    .p-subscription_list .c-account_table td small {
        font-size: 14px;
    }
    .p-subscription_list .c-account_table td:first-child {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .p-subscription_list .c-account_table td .note {
        line-height: 1;
        margin-top: 2px;
    }
    .p-subscription_list .c-account_table td .note .attention {
        font-size: 12px;
    }
    .p-subscription_list .c-account_table__product {
        width: 50%;
    }
}
.p-subscription_list .c-account_table .c-mypage__btn {
    margin-top: 25px;
}
@media screen and (min-width: 720px) {
    .p-subscription_list .c-account_table .c-mypage__btn {
        margin-top: 0;
    }
}

/* 定期便詳細ページ */
.p-subscription_detail__block__wrapper .p-subscription_detail__block__list {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 18px;
}
@media screen and (min-width: 720px) {
    .p-subscription_detail__block__wrapper .p-subscription_detail__block__list {
        display: flex;
        flex-wrap: wrap;
    }
}
.p-subscription_detail .p-subscription_detail__block:first-of-type {
    margin-bottom: 0;
}
.p-subscription_detail .c-cart_item {
    border: none;
    /* border-bottom: 1px solid #d9d9d9;
    padding-bottom: 18px; */
    padding: 0 !important;
}
@media screen and (min-width: 720px) {
    .p-subscription_detail .c-cart_item {
        width: 50%;
    }
}
.p-subscription_detail .c-cart_item__img {
    width: 40%;
}
/* @media screen and (min-width: 720px) {
    .p-subscription_detail .c-cart_item__img {
        width: 22%;
    }
} */
.p-subscription_detail .c-cart_item__info {
    width: 60%;
    padding-left: 15px;
}
/* @media screen and (min-width: 720px) {
    .p-subscription_detail .c-cart_item__info {
        width: 78%;
    }
} */
.p-subscription_detail .c-cart_item__info__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.p-subscription_detail .c-cart_item__info__total {
    display: block;
}
.p-subscription_detail .c-cart_item__info__total__price {
    font-size: 17px;
    font-family: "Arial";
}
.p-subscription_detail .c-cart_item__info__total__quantity {
    font-size: 17px;
    font-family: "Arial";
}
.p-subscription_detail .c-cart_item__info__total__link {
    font-size: 14px;
    font-family: "Arial";
    color: #1558d6;
}
.p-subscription_detail .c-cart_item tr {
    border-bottom: 1px solid #fff;
    padding: 35px 0;
}
.p-subscription_detail .c-cart_item > tbody > tr > td.no-border {
    border: none !important;
    padding: 0 !important;
}
.p-subscription_detail .c-cart_item td {
    font-size: 17px !important;
}
.p-subscription_detail .c-account_table {
    border: none;
}
.p-subscription_detail .c-account_table tbody {
    border-color: transparent;
}
.p-subscription_detail .c-account_table tr {
    padding: 0;
    border-bottom: 1px solid #d9d9d9;
}
.p-subscription_detail .c-account_table > tbody > tr > th {
    padding-left: 0;
    padding-right: 0;
}
.p-subscription_detail .c-account_table td {
    padding: 18px 0 !important;
    border-bottom: 1px solid #d9d9d9;
}
.p-subscription_detail .p-subscription_detail__block__head {
    margin-bottom: 0;
}
.p-subscription_detail__block__head__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 719px) {
    .p-subscription_detail__block__head__title {
        font-size: 20px;
    }
}
.p-subscription_detail .p-subscription_detail__block__additional-items {
    margin-top: 0;
}

/* 購入履歴一覧 */
.p-history_list {
    margin-top: 10px !important;
}
.p-history_list__item {
    padding: 35px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 0 !important;
}
.p-history_list__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.p-history_list__item__detail {
    border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width: 720px) {
    .p-history_list__item__detail {
        padding-bottom: 18px;
    }
}
@media screen and (min-width: 720px) {
    .p-history_list__item .p-history_detail__list {
        display: flex;
        flex-wrap: wrap;
    }
}
.p-history_list__item .p-history_detail__item {
    border-bottom: none;
}
@media screen and (min-width: 720px) {
    .p-history_list__item .p-history_detail__item {
        width: 50%;
    }
}
.p-history_list .c-cart_item {
    border: none;
    padding: 0;
}
@media screen and (min-width: 720px) {
    .p-history_list .c-cart_item {
        width: 100%;
    }
}
.p-history_list .c-cart_item__img {
    width: 40%;
}
/* @media screen and (min-width: 720px) {
    .p-history_list .c-cart_item__img {
        width: 22%;
    }
} */
.p-history_list .c-cart_item__info {
    width: 60%;
    padding-left: 15px;
}
/* @media screen and (min-width: 720px) {
    .p-history_list .c-cart_item__info {
        width: 78%;
    }
} */
.p-history_list .c-cart_item__info__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.p-history_list .c-cart_item__info__total {
    display: block;
}
.p-history_list .c-cart_item__info__total__price {
    font-size: 17px;
    font-family: "Arial";
}
.p-history_list .c-cart_item__info__total__quantity {
    font-size: 17px;
    font-family: "Arial";
}
.p-history_list .c-cart_item tr {
    border-bottom: 1px solid #fff;
    padding: 35px 0;
}
.p-history_list .c-cart_item > tbody > tr > td.no-border {
    border: none !important;
    padding: 0 !important;
}
.p-history_list .c-cart_item td {
    font-size: 17px !important;
}
.p-history_list .c-account_table {
    border: none;
}
.p-history_list .c-account_table tbody {
    border-color: transparent;
}
.p-history_list .c-account_table tr {
    padding: 0;
    border-bottom: 1px solid #d9d9d9;
}
.p-history_list .c-account_table > tbody > tr > th {
    padding-left: 0;
    padding-right: 0;
}
.p-history_list .c-account_table td {
    padding: 18px 0 !important;
    border-bottom: 1px solid #d9d9d9;
}
.p-order_history_btn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.p-order_history_btn .c-mypage__btn.skin {
    width: calc(50% - (10px / 2));
}
@media screen and (min-width: 720px) {
    .p-order_history_btn .c-mypage__btn {
        width: calc(25% - (30px / 4)) !important;
        margin: 0;
    }
}