body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 16px;
    color: #333333;
    line-height: 1.75;
    letter-spacing: 0.02;
    box-sizing: border-box;
}


/* 暫定初期値 */

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.01rem;
    font-weight: bold;
}

h1 {
    font-size: 36px;
    line-height: 56px;
}

h2 {
    font-size: 32px;
    line-height: 44px;
}

h3 {
    font-size: 28px;
    line-height: 40px;
}

h4 {
    font-size: 24px;
    line-height: 36px;
}

h5 {
    font-size: 22px;
    line-height: 34px;
}

h6 {
    font-size: 20px;
    line-height: 30px;
}

p {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.02rem;
}

.at-text-center {
    text-align: center;
}

/* リンク */

a {
    color: #00AA71;
    text-decoration: underline;
    cursor: pointer;
}

a:active {
    color: #00AA71;
}

a:hover {
    color: #008E5E;
}

a.underline {
    text-decoration: underline;
}

a.underlineNone {
    text-decoration: none;
}

/* リンク */


/* textareaのプレースホルダーは、入力フォーカスが入ったら文字を消す */

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus::-moz-placeholder {
    color: transparent;
}

textarea:focus::-ms-input-placeholder {
    color: transparent;
}

textarea:focus::placeholder {
    color: transparent;
}

.at_main_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 60px;
}

.at_section {
    margin-bottom: 2rem;
}

.at_section_line {
    display: none;
}

.at_section_inner_padding_both_ends {
    padding: 0 1rem;
}

.at_section_sp_padding_both_ends {
    padding: 0;
}

.at_section_inner {
    padding-top: 2rem;
}

.at_section_inner_padding {
    padding: 1rem;
}

.at_section_inner_no_padding {
    padding: 0;
}

.at_flex_direction_end {
    justify-content: flex-end;
}

.at_flex_direction_center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/* ユーティリティクラス */
/*
Primary Button
マルチクラスで使用。
例）アウトラインボタンにする場合
class="at_btn_default at_btn_default_outline"
*/

.at_btn_default {
    min-width: 340px;
    background: #00AA71;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
}

.at_btn_default a {
    display: block;
    width: 100%;
    height: auto;
}

.at_btn_default_disabled {
    background: rgba(0, 170, 113, 0.2);
    pointer-events: none;
}

.at_btn_default_outline {
    background: none;
    border: 1px solid #00AA71;
    color: #00AA71;
}

.at_btn_default_outline_deleted {
    background: none;
    border: 1px solid #E53E3E;
    color: #E53E3E;
}

.at_btn_default_outline_deleted_disabled {
    background: none;
    border: 1px solid rgba(229, 62, 62, 0.5);
    color: rgba(229, 62, 62, 0.5);
    pointer-events: none;
}

.at_btn_default_outline_disabled {
    background: none;
    border: 1px solid rgba(0, 170, 113, 0.5);
    color: rgba(0, 170, 113, 0.5);
    pointer-events: none;
}

.at_btn_default:hover {
    background: #008E5E;
    color: #FFFFFF;
    cursor: pointer;
}

.at_btn_default a:hover {
    color: #FFFFFF;
}

.at_btn_default_outline_deleted:hover {
    background: #d23939;
    color: #FFFFFF;
    cursor: pointer;
}

/* 配送状況を調べるボタン */
.at_button-solid_external_link::after {
    content: url("../../images/mypagenew/illust/external_link.svg");
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-left: 4px;
}


/*
Secondry Button
マルチクラスで使用。
例）アウトラインボタンにする場合
class="at_secondary_btn at_secondary_btn_outline"
*/

.at_secondary_btn.at_secondary_btn_outline a {
    text-decoration: none;
}

.at_secondary_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #00AA71;
    border-radius: 54px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    cursor: pointer;
    padding: 12px 24px;
}

.at_secondary_btn a {
    padding: 8px 20px;
    display: block;
    width: 100%;
    line-height: 1.25;
}

.at_secondary_btn label {
    padding: 8px 20px;
    display: block;
    width: 100%;
    line-height: 1.25;
}


.at_secondary_btn_outline {
    background: none;
    border: 1px solid #00AA71;
    color: #00AA71;
}

.at_secondary_btn_disabled {
    background: rgba(0, 170, 113, 0.2);
    pointer-events: none;
}

.at_secondary_btn:hover {
    background: #EFFFEF;
    color: #00AA71;
}

.at_secondary_btn a:hover {
    color: #00AA71;
}

.at_secondary_btn a.at_text-button:hover {
    text-decoration: none;
}

.at_secondary_btn_outline_icon span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.at_search_btn {
    padding: 12px 16px;
    min-width: 96px;
    border-radius: 10000px;
}

.at_btn_outline_disabled {
    border: 1px solid rgba(0, 170, 113, 0.50);
    color: rgba(0, 170, 113, 0.50);
    pointer-events: none;
}

/* 全幅btn */
.at_btn_fullwidth {
    width: 100%;
    max-width: 500px;
    height: auto;
}

/* 色付secondary btn */
.at_secondary_btn:has(.at_secondary_btn_outline_colord) {
    border-radius: 10000px;
    display: inline-flex;
    min-width: 380px;
}

/* グレーのアウトラインボタン */
.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text) {
    border: 1px solid #8E8E8E;
    padding: unset;
    border-radius: 10000px;
    width: unset;
}

.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text) a.at_secondary_btn_outline_colord_gray_text {
    color: #8E8E8E;
    display: block;
    padding: 12px 24px;
}

button.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text),
label.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text) {
    padding: 4px 24px;
}

button.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text) .at_text-button,
label.at_secondary_btn:has(.at_secondary_btn_outline_colord_gray_text) .at_text-button {
    color: #8E8E8E;
}

/* 赤のアウトラインボタン */
.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text) {
    border: 1px solid #E53E3E;
    padding: unset;
    width: unset;
}

.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text) a.at_secondary_btn_outline_colord_red_text {
    color: #E53E3E;
    display: block;
    padding: 12px 24px;
}

button.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text),
label.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text) {
    padding: 4px 24px;
}

button.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text) .at_text-button,
label.at_secondary_btn:has(.at_secondary_btn_outline_colord_red_text) .at_text-button {
    color: #E53E3E;
}

.at_secondary_btn_outline_colord_gray:hover {
    background: #EFFFEF;
    text-decoration: none;
}


.at_btn_default_cancel {
    background: #E53E3E;
}

.at_btn_default_cancel:hover {
    background: #d23939;
}

.at_btn_default_cancel_disabled {
    background: rgba(229, 62, 62, 0.5);
    pointer-events: none;
    margin-bottom: 16px;
}


/* 履歴画面 キャンセルボタン */
.at_secondary_btn:has(.at_secondary_btn_outline_history_cancel) {
    width: unset;
    min-width: unset;
}

/* 履歴画面 同日依頼ボタン */
.at_secondary_btn:has(.at_secondary_btn_outline_history_same_day),
label.at_secondary_btn:has(.at_secondary_btn_outline_history_same_day) {
    width: unset;
    min-width: unset;
    padding: 2px 24px;
}

button.at_secondary_btn:has(.at_secondary_btn_outline_history_same_day),
label.at_secondary_btn:has(.at_secondary_btn_outline_history_same_day) {
    padding: 8px 24px;
}


/* ボタン横並び */
.at_form_btn_wrap_horizontally {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

/* 横幅 */
.at_width_100 {
    width: 100%;
}

.at_index_btn_fixed {
    position: fixed;
    bottom: 0;
    left: 280px;
    display: flex;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.25);
    width: calc(100% - 280px);
    padding: 1rem;
}

.at_index_btn_fixed_no_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
    padding: 1rem;
}


/*
アイコン
ボタンなどに付随するアイコン。背景画像で設定
*/

.at_plus:before {
    content: url("../../images/mypagenew/illust/plus.svg");
    width: 25px;
    height: 25px;
    display: block;
}

.at_btn_outline_disabled .at_plus:before {
    opacity: 0.5;
}

.at_minus:before {
    content: url("../../images/mypagenew/illust/minus.svg");
    width: 25px;
    height: 25px;
    display: block;
}

.at_copy:before {
    content: url("../../images/mypagenew/illust/paper.svg");
    width: 25px;
    height: 25px;
    display: block;
}

/*
マージン

コンポーネント間のマージンは8の倍数で設計
*paddingは4の倍数も可

at_m{direction}{size}
direction {
    t: top,
    r: right,
    b: bottom,
    l: left,
}
size {
    16～112(4px刻み)
}
*/

.at_mb05 {
    margin-bottom: 0.5rem;
}

.at_mb10 {
    margin-bottom: 1rem;
}

.at_mb15 {
    margin-bottom: 1.5rem;
}

.at_mb20 {
    margin-bottom: 2rem;
}

.at_mb25 {
    margin-bottom: 2.5rem;
}

.at_p10 {
    padding: 1rem;
}

.at_pt10 {
    padding-top: 1rem;
}

.at_pt15 {
    padding-top: 1.5rem;
}

.at_pt05 {
    padding-top: 0.5rem;
}

.at_prl10 {
    padding: 0 1rem;
}


/*
見出し(headline,title)
at_hl{size}
・0 → 7 の順に小さくなる
*/

.ht_hl0 {
    font-size: 36px;
    line-height: 56px;
    font-weight: bold;
}

.ht_hl1 {
    font-size: 32px;
    line-height: 44px;
    font-weight: bold;
}

.ht_hl2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: bold;
}

.ht_hl3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}

.ht_hl4 {
    font-size: 22px;
    line-height: 34px;
    font-weight: bold;
}

.ht_hl5 {
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
}

.ht_hl6 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.ht_hl7 {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

.ht_selected_time {
     font-size: 20px;
     font-weight: bold;
     line-height: 30px;
     letter-spacing: 0.8px;
 }


/*
p(paragraph)
at_p{size}
14～16
*/

.at_p16 {
    font-size: 16px;
    line-height: 1.75;
}

.at_p15 {
    font-size: 15px;
    line-height: 1.75;
}

.at_p14 {
    font-size: 14px;
    line-height: 1.75;
}

input {
    color: #333333;
}

:placeholder-shown {
    /*未入力*/
    color: #C7C8C8;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder {
    color: transparent;
}

input:focus::placeholder {
    color: transparent;
}

/*
caption
at_caption{weight}{size}{color}
weight:太字になる場合は大文字Bを付ける。それ以外は付けない。
size:10～16px
color:赤になる場合は末尾にredを付ける。それ以外は付けない
*/

.at_captionB10 {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.01rem;
    font-weight: bold;
}

.at_captionB12 {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.01rem;
    font-weight: bold;
}

.at_caption12 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01rem;
}

.at_caption14 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02rem;
}

.at_caption12_red {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01rem;
    color: #E53E3E;
}

.at_caption14_red {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02rem;
}


/*
layout
*/

.at_main_container {
    display: flex;
    padding-top: 71px;
    flex: 1;
}


/*
header
*/

.at_header {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    padding: 16px 30px;
    position: fixed;
    top: 0;
    z-index: 2;
}

.at_header_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.at_header_logo {
    width: 280px;
    height: auto;
}

.at_header_logo a {
    display: block;
    width: 100%;
    height: auto;
}

.at_header_logo img {
    width: auto;
    height: 39px;
    display: block;
}

.at_header_user {
    background: no-repeat url("../../images/mypagenew/nav/man.svg");
    padding-left: 36px;
    background-size: 26px;
}


/*
ナビゲーション
*/


/*
メインエリア
*/

.at_main {
    margin: 0 auto;
    padding: 0 24px 12px 24px;
}

.at_main_inner {
    width: 760px;
}

/* 白色のタイトルバー */
.at_main_section_title_bg_white {
    background: #FFFFFF;
    display: flex;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    align-self: stretch;
}

.at_main_section_title_bg_white_center_text {
    color: #333333;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: 0.06rem;
}

/* 灰色のタイトルバー */
.at_main_section_title_bg_gray {
    background: #F2F2F2;
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
}

.at_main_section_title_bg_gray_left_text {
    color: #333333;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: 0.06rem;
}

/* グレーのリンク付きタイトルバー */
.at_main_section_title_bg_gray_with_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.at_main_section_title_bg_gray_with_link .at_main_section_title_bg_gray_left_text {
    font-size: 1.375rem;
}

.at_main_section_title_bg_gray_with_link .at_text-button {
    font-size: 1.25rem;
}

/* ステータス付きタイトルバー */
.at_form_status_title {
    padding: 16px;
    text-align: center;
}

/*下層用 下線付き見出し*/
.at_main_title_center {
    padding: 16px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #C7C8C8;
    margin-bottom: 1rem;
}


/* 未完了 */
.at_form_status_title_incomplete {
    background: #FFE5C2;
    padding: 0.5rem 1rem;
    width: 100%;
}

/* ユーザーキャンセル */
.at_form_status_title_usercancel {
    background: #8E8E8E;
    width: 100%;
}

.at_form_status_title_usercancel .at_form_status_title_text {
    color: #fff;
}

/* 不在キャンセル */
.at_form_status_title_atcancel {
    background: #E53E3E;
    width: 100%;
}

.at_form_status_title_atcancel .at_form_status_title_text {
    color: #fff;
}

/* 完了 */
.at_form_status_title_complete {
    background: #00AA71;
    width: 100%;
}

.at_form_status_title_complete .at_form_status_title_text {
    color: #fff;
}

.at_form_status_title_text {
    font-size: 16px;
    font-weight: 700;
    line-height: 175%;
}

/* 配達中 */
.at_form_status_title_delivery {
    border-radius: 8px;
    border: 1px solid #00AA71;
}

/* 配達中 */
.at_form_status_title_delivery .at_form_status_title_text {
    color: #00AA71;
}

.at_history_list {
    width: 100%;
}

.at_history_list_item {
    padding: 1rem 0;
    background-image: url("../../images/mypagenew/top/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.at_history_list_item:hover {
    background-color: #EFFFEF;
}

.at_history_link {
    padding-left: 78px;
    padding-right: 1rem;
}

.at_history_list_take_out {
    background-image: url("../../images/mypagenew/illust/take_with_text.svg");
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_deposit {
    background-image: url("../../images/mypagenew/illust/deposit_with_text.svg");
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_deposit_and_delivery {
    background-image: url("../../images/mypagenew/illust/deposit_and_take_with_text.svg");
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_nationwide_delivery {
    background-image: url("../../images/mypagenew/illust/post_with_text.svg");
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_location_delivery {
    background-image: url("../../images/mypagenew/illust/location_takeout_with_text.svg");
    background-size: 43px auto;
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_location_deposit_delivery {
    background-image: url("../../images/mypagenew/illust/location_deposit_with_text.svg");
    background-size: 43px auto;
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.at_history_list_wine_delivery {
    background-image: url("../../images/mypagenew/illust/wine_with_text.svg");
    background-size: 52px auto;
    background-repeat: no-repeat;
    background-position: 1rem center;
}


.at_text_emphasis {
    color: #00AA71;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.at_text_emphasis_20 {
    color: #00AA71;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.8px;
}

a.at_text_disabled,
a:hover.at_text_disabled,
div.at_text_disabled {
    /* state/disabled */
    color: #CACACA;
}

label.at_text_disabled {
    /* state/disabled */
    color: #CACACA;
}

.at_error_text {
    margin: 6px 0 0 0;
    color: #E53E3E;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

div.at_detail_item_name .at_error_text,
div.at_item_detail_tags .at_error_text {
    color: #E53E3E;
    font-size: 1rem;
}

.at_error_line {
    border-bottom: 1px solid #E53E3E;
}

div.at_detail_item_name .at_textarea.at_error_line,
div.at_item_detail_tags .at_textarea.at_error_line {
    border-bottom: 1px solid #E53E3E;
}

/* Hubspotのボタンレイアウト修正 */
#hs-eu-confirmation-button {
    text-align: center;
}

#hs-eu-decline-button {
    text-align: center;
}


/* ラジオボタンリスト 住所表記がある場合 */
.at_radio-list_single_label_inner_on_address {
    flex-direction: column;
}

.at_radio-list_single_label_inner:has(.at_radio-list_single_label_address) {
    padding: 16px 0;
}

.at_radio-list_single_label_address {
    color: #8E8E8E;
    font-size: 14px;
    font-weight: normal;
}

/* ラジオボタンリスト 価格表記がある場合 */
.at_radio-list_single_label_inner_on_price {
    justify-content: space-between;
    align-items: center;
}

.at_radio-list_single_label_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.at_radio-list_single_label_inner:has(.at_radio-list_single_label_price) {
    padding: 1rem 0;
}

.at_radio-list_single_label_discount_price {
    font-weight: 700;
}

.at_radio-list_single_label_regular_price {
    font-weight: normal;
    text-decoration: line-through;
}

/* モーダルボタン */
.at_modal__close-button {
    width: 100%
}

.at_modal__close-button .at_btn_default {
    min-width: unset;
    width: 100%;
}

.at_modal__confirm-button {
    width: 100%;
}

/* CVCモーダル */
.at_modal_CVC .at_modal__content-wrap {
    max-width: 370px;
}

.at_modal_CVC .at_modal__content {
    overflow: auto;
    padding: 24px;
}

.at_half-modal__open-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8em 2em;
    font-size: 1rem;
}

.at_modal_CVC .at_modal__open-label.at_sc_label {
    background-image: url("../../images/mypagenew/illust/help.svg");
    background-repeat: no-repeat;
    background-position: 9.25em center;
    padding-right: 2.75em;
    display: block;
}

/* 日付選択モーダル */
.at_modal_date .at_modal__content-wrap {
    max-width: 500px;
}

.at_modal_date .at_modal__content {
    overflow: auto;
    padding: 1.5rem;
}

.at_modal_date .at_radio-list_single_label_inner {
    padding: 1rem 0;
}

.at_modal_date .at_main_section_title_bg_gray {
    font-size: 1.5rem;
    font-weight: bold;
}

.at_modal_date .at_radio-list_single:first-of-type {
    border-top: unset;
}

.at_modal_date .at_radio-list {
    margin-bottom: 1rem;
}

.at_modal_date .at_radio-list_single_label_text {
    font-size: 1rem;
}


.at_modal_date .at_modal__confirm-button {
    margin-bottom: 1rem;
}

/* プレミアムエリアモーダル */
.at_modal_premium_area .at_modal__content-wrap {
    max-width: 500px;
    border-radius: 16px;
}

.at_modal_premium_area .at_modal__content {
    overflow: auto;
    padding: 0;
}

.at_modal_premium_area .at_modal_premium_area_content {
    width: 100%;
    padding: 24px;
}

.at_modal_premium_area .at_modal_premium_area_content p {
    text-align: left;
    margin-bottom: 1rem;
}

.at_modal_premium_area .at_modal_premium_area_content .at_modal__premium_area_list {
    list-style: disc inside;
}

.at_modal_premium_area .at_modal_premium_area_title {
    width: 100%;
    border-bottom: 1px solid #C2C2C2;
    padding: 24px 16px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 150%;
}

.at_modal_premium_area .at_modal__close-button {
    margin-top: 1rem;
    width: 100%;
}

/* クーポンコード */
.at_form_input_coupon .at_form_input_coupon_inner {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.at_form_input_coupon .at_form_input_text {
    max-width: 360px;
    width: 100%;
}

.at_form_input_coupon .at_form_input_text_for_readonly {
    display: flex;
    flex-direction: column;
    max-width: 360px;
    width: 100%;
}

.at_form_input_coupon .at_form_input_text_for_readonly .at_form_input_text_readonly {
    max-width: 360px;
    width: 100%;
    pointer-events: none;
    font-size: 1rem;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: 0.16px;
}

.at_form_input_coupon .at_form_input_coupon_name {
    font-weight: 700;
    line-height: 175%;
    letter-spacing: 0.64px;
}

.at_form_input_coupon .at_coupon_error_area {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 360px;
}

/* キャンセルモーダル */
.at_modal_usercancel .at_modal__content {
    padding: 24px;
    overflow: auto;
}

.at_modal_usercancel .at_modal__content-wrap {
    max-width: 500px;
}

.at_modal_usercancel .at_modal__content p {
    margin-bottom: 1rem;
}

.at_modal_usercancel .at_modal_usercancel_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    margin-bottom: 1rem;
}

.at_modal_usercancel .at_modal_usercancel_content {
    width: 100%;
}

.at_modal_usercancel .at_cancel_modal_chackbox label {
    width: 100%;
}

.at_modal_usercancel .at_cancel_modal_chackbox {
    padding: 0 1rem;
    margin-bottom: 16px;
}

.at_modal_usercancel .at_cancel_modal_chackbox_label {
    display: flex;
    align-items: center;
    margin-left: 8px;
    width: 100%;
}

.at_modal_usercancel .at_cancel_modal_chackbox_label_img {
    padding: 4px 14px 7px 14px;
}

.at_modal_usercancel .at_cancel_modal_chackbox_label_text {
    font-weight: bold;
}

.at_modal_usercancel .at_btn_default_cancel {
    margin-bottom: 16px;
}

/* 注意枠 */
.at_note {
    padding: 16px;
    border-radius: 4px;
}

/* 黄色の場合 */
.at_note_attention_bg {
    background: #FFF9BB;
}

.at_note_content li {
    /* リストになる箇所がここのみであればstyleへ移設 */
    list-style: disc outside;
}

.at_note_attention {
    background-image: url("../../images/mypagenew/illust/ex_mark.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 48px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.at_memo_attention {
    background-image: url("../../images/mypagenew/illust/discription_greenbg48px.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 68px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    margin: 40px 0;
}

.at_assembly_attention {
    background-image: url("../../images/mypagenew/illust/deposit_illust80px.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    padding-left: 50px;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.at_delivery_attention {
    background-image: url("../../images/mypagenew/illust/take_out_80px.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    padding-left: 50px;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.at_delivery_postal {
    background-image: url("../../images/mypagenew/illust/post_80px.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    padding-left: 50px;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.at_note_postal {
    background-image: url("../../images/mypagenew/illust/postal.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 48px;
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* グレー背景のブロック */
.at_gray_block {
    border-radius: 4px;
    background: #F2F2F2;
}

.at_gray_block_inner {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.at_gray_block_text {
    text-align: center;
}

/* 口振　注意書き */
.at_note_confirm_line {
    border: 2px solid #FFE5C2;
}

.at_note_confirm_line:has(.at_note_content) {
    padding: unset;
}

.at_note_confirm_line .at_note_content {
    padding: 1rem;
}

.at_note_confirm_line_title {
    padding: 1rem;
    text-align: center;
    background: #FFE5C2;
}

.at_note_confirm_line .at_note_attention {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    background-position: 16px center;
}


.at_note_confirm_line .at_btn_fullwidth {
    margin: 1.5rem auto;
    display: block;
}

/* 口座振替 送付先 */
.at_direct_debit_address {
    padding: 1rem 0;
}

.at_gray_block_inner_white {
    border-radius: 4px;
    background: #FFF;
    padding: 8px 0 16px 0;
    margin: 0 1rem;
}

.at_gray_block_inner_white_title {
    font-weight: bold;
    padding: 0 16px;
    margin-bottom: 8px;
}

.at_gray_block_inner_white_title_text {
    padding: 8px 0;
    border-bottom: 1px solid #C7C8C8;
    color: #333;
}

.at_gray_block_inner_white_content {
    padding: 0 16px;
}

.at_direct_debit_address .at_gray_block_inner_white_content span {
    display: block;
}

.at_gray_block_due_date {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 8px 16px;
}

.at_gray_block_due_date_date_month,
.at_gray_block_due_date_date_day {
    font-size: 24px;
    font-weight: bold;
}

.at_gray_block_due_date_date_text {
    margin-left: -2px;
}

/* 料金合計 */
.at_usage_fee_block .at_main_section_title_bg_gray_left_text {
    font-size: 22px;
    font-weight: bold;
}

.at_usage_fee_block_prorate {
    background-image: url("../../images/mypagenew/illust/yen.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}

.at_usage_fee_block_date_price {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.at_usage_fee_block_total {
    display: flex;
    padding: 8px 0;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
    border-top: 1px solid #8E8E8E;
}

.at_usage_fee_block_detail {
    padding: 1rem 0;
    line-height: 175%;
}

.at_usage_fee_block_total_price {
    font-size: 24px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: 0.96px;
}

.at_usage_fee_block_total_text {
    margin-left: -4px;
}

.at_usage_fee_block_admissionfee {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
}

.at_usage_fee_block_admissionfee_title {
    font-size: 18px;
    font-weight: bold;
}

.at_usage_fee_block_admissionfee_price_numbar {
    font-size: 24px;
    font-weight: bold;
}

/* 配送 4つ並びボタン */
.at_premium_delivery_index_btn_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.at_premium_delivery_index_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #C7C8C8;
    background: #EFFFEF;
    width: calc(50% - 20px);
    max-height: 240px;
}

.at_premium_delivery_index_btn a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.at_premium_delivery_index_btn:hover {
    background: #C7F1DA;
}

.at_premium_delivery_note_icon {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.at_premium_delivery_note_icon::before {
    content: url("../../images/mypagenew/illust/note.svg");
    padding: 0;
    line-height: 0;
}

.at_premium_deposit_icon {
    padding: 42px 37px 49px 37px;
}

.at_premium_deposit_icon::before {
    content: url("../../images/mypagenew/illust/deposit_illust80_2px.svg");
    width: 90px;
    height: auto;
    align-self: center;
    justify-self: center;
    padding: 0;
    line-height: 0;
    margin-bottom: 1rem;
}

.at_premium_delivery_index_btn_Registration_address {
    padding: 42px 37px 49px 37px;
}

.at_premium_delivery_index_btn_Registration_address::before {
    content: url("../../images/mypagenew/illust/take_out_80px.svg");
    width: 90px;
    height: auto;
    align-self: center;
    justify-self: center;
    padding: 0;
    line-height: 0;
    margin-bottom: 2rem;
}

.at_premium_delivery_index_btn_other_location {
    padding: 44px 33.5px;
}

.at_premium_delivery_index_btn_other_location::before {
    content: url("../../images/mypagenew/illust/location_80px.svg");
    width: 80px;
    height: auto;
    align-self: center;
    padding: 0;
    line-height: 0;
    margin-bottom: 1rem;
}

.at_premium_delivery_index_btn_wine {
    padding: 43.5px 18.5px 44.5px 18.5px;
}

.at_premium_delivery_index_btn_wine::before {
    content: url("../../images/mypagenew/illust/bottle_80px.svg");
    width: 80px;
    height: auto;
    align-self: center;
    padding: 0;
    line-height: 0;
    margin-bottom: 1rem;
}

.at_premium_delivery_index_btn_post {
    padding: 43.5px 49.5px 44.5px 49.5px;
}

.at_premium_delivery_index_btn_post::before {
    content: url("../../images/mypagenew/illust/post_80px.svg");
    align-self: center;
    padding: 0;
    margin-bottom: 2rem;
    line-height: 0;
}

.at_premium_delivery_index_btn_nextday {
    padding: 24px;
}

.at_premium_delivery_index_btn_nextday::before {
    content: url("../../images/mypagenew/illust/postman.svg");
    width: 70px;
    height: auto;
    align-self: center;
    padding: 0;
    line-height: 0;
    margin-bottom: 1rem;
}

.at_premium_delivery_index_btn_title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.at_premium_delivery_index_btn_copy {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
}

.at_premium_delivery_index_btn_discription {
    color: #8E8E8E;
    font-size: 0.75rem;
}


/* モーダル 下線付きタイトル */
.at_modal_fullwidth_title {
    width: 100%;
    border-bottom: 1px solid #C2C2C2;
    padding: 1.5rem 1rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 150%;
}

/* モーダル 下線付きタイトルが来る場合 */
.at_modal__content:has(.at_modal_fullwidth_title) {
    padding: 0;
    /* paddingリセット */
}

/* テーブル */
.at_content_table {
    display: table;
    width: 100%;
}

.at_content_table_row {
    border-top: 1px solid #C7C8C8;
}

.at_content_table_row:last-of-type {
    border-bottom: 1px solid #C7C8C8;
}

.at_content_table_th {
    display: table-cell;
    background: #F2F2F2;
    width: 192px;
    padding: 1rem;
    font-weight: bold;
    vertical-align: middle;
}

.at_content_table_td {
    display: table-cell;
    padding: 1rem;
    vertical-align: middle;
}

.at_item_detail_size span {
    display: block;
}

/* モーダル用select */
.at_modal__content .at_select select {
    appearance: auto;
}

.at_modal__content .at_select option {
    color: rgb(51, 51, 51);
    /* 選択肢の色を黒くする */
}

.at_modal__content .at_select {
    width: calc(100% - 2rem);
}

/* モーダル 配送料金表 */
.at_modal_delivery_charge .at_modal__content-wrap {
    max-width: 800px;
}

.at_modal_delivery_charge .at_modal__content {
    display: block;
}

.at_modal_delivery_charge_content {
    padding: 0;
}

.at_modal_delivery_charge_content_address {
    padding: 24px 24px 0 24px;
    margin-bottom: 32px;
}

.at_modal_delivery_charge .at_modal__content p {
    text-align: left;
    margin-bottom: 32px;
}

.at_modal_delivery_charge_content_table {
    padding: 0 24px;
}

.at_modal_delivery_charge_content_table_size {
    width: 192px;
}

.at_modal_delivery_charge ul {
    margin: 32px 0;
    padding: 0 24px;
}

.at_modal_delivery_charge .at_form_btn_wrap {
    max-width: 500px;
    margin: auto auto 24px auto;
}

.at_form_btn_center {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

/* ？付きリンク */
.at_help_link {
    display: flex;
    align-items: self-end;
    gap: 4px;
}

.at_help_link a {
    font-size: 12px;
    color: #00AA71;
}

.at_help_link::before {
    content: url("../../images/mypagenew/illust/help.svg");
    width: 24px;
    height: 24px;
}

/* 明細等両端揃え */
.at_flex_space_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.at_flex_space_between_sp_column {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

/* 明細項目が複数の場合 */
.at_confirm_detail_single_line_price_group {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.at_flex_space_between:has(.at_confirm_detail_single_line_price_group) {
    align-items: flex-start;
}


/* 明細合計行 */
.at_confirm_detail_total {
    padding-top: 4px;
    margin-top: 16px;
}

.at_confirm_detail_total_price {
    font-weight: bold;
    font-size: 24px;
}

.at_confirm_detail_total_price_unit {
    font-weight: normal;
    font-size: 12px;
    margin-left: 4px;
}

/* 配送履歴 保証 */
.at_delivery_attntion .at_gray_block_title {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.at_delivery_attntion .at_gray_block_text {
    text-align: left;
}

/* 全国配送 注意書き */
.at_note_delivery {
    display: flex;
    align-items: center;
    gap: 10px;
}

.at_note_delivery .at_note_content {
    font-size: 1rem;
}

.at_note_delivery .at_text-button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.at_note_delivery .at_note_content {
    font-size: 1rem;
}

.at_note_delivery .at_text-button::after {
    content: url("../../images/mypagenew/illust/arrow_green.svg");
    width: 24px;
    height: 24px;
}


.at_delivery_notification {
    display: flex;
    padding: 16px;
    gap: 16px;
    justify-content: space-between;
}

.at_delivery_notification_content {
    background-image: url('../../images/mypagenew/illust/discription_greenbg48px.svg');
    background-size: 48px 48px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 64px;
}

.at_delivery_notification .at_text-button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.at_delivery_notification .at_text-button::after {
    content: url("../../images/mypagenew/illust/arrow_green.svg");
    width: 24px;
    height: 24px;
}

.at_center_aligned_within_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.at_under_border_area {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
}

.at_link_area {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #C7C8C8;
    cursor: pointer;
}

.at_link_area:hover {
    background-color: #EFFFEF;
}

/*荷物詳細 一覧*/
.at_item_list_notifcation_container {
    width: 100%;
    margin: 0 auto;
    background-color: #F2F2F2;
    border-radius: 8px;
    padding: 1rem;
}

.at_item_list_notifcation_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.at_item_list_notifcation_plan {
    font-size: 18px;
    font-weight: bold;
}

.at_item_list_notifcation_occupancy-rate {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.at_item_list_notifcation_caution {
    background: #FFF9BB;
    border-radius: 8px;
    padding: 15px;
    margin-top: 0.5rem;
    position: relative;
}

.at_item_list_notifcation_caution p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.at_item_list_notifcation_caution p strong {
    font-weight: bold;
    font-size: 18px;
}

.at_item_list_notifcation_caution .at_secondary_btn:has(.at_secondary_btn_outline_colord) {
    min-width: unset;
}

.at_item_list_notifcation_caution .at_secondary_btn {
    margin: auto;
    display: block;
    padding: 8px 20px;
    min-width: unset;
}

.at_item_list_notifcation_caution .at_secondary_btn label {
    padding: unset;
}

.at_item_list_notifcation_caution .at_secondary_btn_outline {
    background: #fff;
}

.at_item_list_notifcation_caution .at_secondary_btn_outline:hover {
    background: #EFFFEF;
}

.at_item_list_notifcation_caution_close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #333;
    background: url("../../images/mypagenew/illust/close.svg") no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}

/* 荷物詳細 */
.at_item_detail {
    max-width: 800px;
}

.at_item_detail_content {
    padding: 1rem 1rem 120px 1rem;
}

.at_item_detail_carousel {
    position: relative;
    margin-bottom: 32px;
}

.at_item_detail_carousel .at_item_detail_carousel_main_image_wrapper {
    position: relative;
    overflow: hidden;
    height: 760px;
    width: 100%;
    margin-bottom: 1rem;
}

.at_item_detail_carousel .at_item_detail_carousel_main_image_group {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
}

.at_item_detail_carousel .at_item_detail_carousel_main_image_single {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    flex-shrink: 0;
    width: 100%;
    height: auto;
}

.at_item_detail_carousel .at_item_detail_carousel_main_image_single img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.at_item_detail_carousel .at_item_detail_carousel_main_image_single.active {
    display: block;
}

.at_item_detail_carousel .at_item_detail_carousel_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 48px;
    height: 48px;
}

.at_item_detail_carousel .at_item_detail_carousel_arrow_left {
    background: url("../../images/mypagenew/illust/carousel_arrow-left.svg") no-repeat;
    left: 0.5rem;
}

.at_item_detail_carousel .at_item_detail_carousel_arrow_right {
    background: url("../../images/mypagenew/illust/carousel_arrow-right.svg") no-repeat;
    right: 0.5rem;
}

.at_item_detail_carousel .at_item_detail_carousel_thumbnails {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem 2.5rem;
}

.at_item_detail_carousel .at_item_detail_carousel_thumbnails.at_item_detail_carousel_thumbnails_rows {
    grid-template-rows: repeat(2, 1fr);
}


.at_item_detail_carousel .at_item_detail_carousel_thumbnails img.at_slick_thumbnail_img {
    cursor: pointer;
    border: 2px solid transparent;
}

.at_item_detail_carousel .at_item_detail_carousel_thumbnails img.at_slick_thumbnail_img:hover {
    border: 2px solid #00b386;
}

.at_item_detail_tag_content {
    margin-bottom: 32px;
    padding: 1rem;
}

.at_item_detail_tag_single {
    display: inline;
    margin-right: 1rem;
}

.at_item_detail_table {
    margin-top: 1rem;
}

.at_item_detail_table .at_item_detail_table_title {
    font-size: 20px;
    font-weight: bold;
    padding: 1rem;
}

.at_item_detail_table .at_item_detail_table_category {
    font-size: 14px;
    color: #333333;
    display: block;
}

.at_item_detail_carousel_thumbnail_single {
    position: relative;
}


.at_item_detail_carousel_cebab_btn {
    background-image: url("../../images/mypagenew/illust/cebab.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    z-index: 1;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.at_cover_item_ribbon {
    position: absolute;
    background: url("../../images/mypagenew/illust/ribbon.svg") no-repeat center;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
}

.at_modal_item_detail_carousel_thumbnail_single:has(.at_cover_item_ribbon) img {
    border: 2px solid #00AA71;
}

.at_modal_item_detail_carousel .at_modal_item_detail_carousel_thumbnails {
    gap: 0 40px;
}

.at_modal_item_detail_carousel .at_modal_item_detail_carousel_main_image_wrapper {
    overflow: hidden;
    height: 760px;
}

.at_detail_item_name {
    margin-bottom: 16px;
}

.at_detail_item_name_text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.at_detail_item_name_words {
    font-size: 24px;
    font-weight: bold;
}

.at_detail_item_name_edit {
    flex-shrink: 0;
}

.at_detail_item_name_input {
    display: flex;
    gap: 24px;
    padding: 1rem;
    justify-content: space-between;
}

.at_detail_item_input .at_textarea {
    border-bottom: 1px solid #C7C8C8;
    padding: 1rem;
    width: 100%;
}

.at_detail_item_input .at_form_input {
    width: 100%;
    flex: 1;
}

.at_btn_detail_edit {
    flex-shrink: 0;
}

.at_btn_detail_edit .at_btn_default {
    width: 96px;
    height: 52px;
    padding: 12px 16px;
    min-width: unset;
    border-radius: 10000px;
}

button.at_btn_detail_edit:disabled .at_btn_default {
    pointer-events: none;
    background: rgba(0, 170, 113, 0.50);
}

.at_text_counter {
    text-align: right;
    display: block;
    margin: 0.5rem 0 0 0;
}

.at_detail_item_input {
    display: flex;
    gap: 24px;
    padding: 0 1rem;
    justify-content: space-between;
    align-items: center;
}

.at_item_detail_tag_content {
    margin-bottom: 16px;
    padding: 1rem;
}

.at_item_detail_tags .at_main_section_title_bg_gray_left_text,
span.at_help_link_icon {
    display: flex;
    align-items: center;
    gap: 16px;
}

.at_detail_item_tag_items {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 0px;
}

.at_detail_item_tag_item_single {
    width: fit-content;
    display: flex;
    padding: 8px 13px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #C2C2C2;
    background-color: #C2C2C2;
}

.at_detail_item_tag_item_single_text {
    color: #fff;
    display: flex;
    gap: 4px;
    align-items: center;
}

.at_detail_item_tag_item_single_text::after {
    content: url("../../images/mypagenew/illust/close_white.svg");
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.at_radio-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.at_radio-card_single {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #C7C8C8;
    min-width: 120px;
    width: fit-content;
    padding-left: 8px;
}

.at_radio-card_single_label {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 8px 16px 8px 8px;
}

.at_item_detail_wine .at_main_section_title_bg_gray_with_link {
    padding: 1rem;
}

.at_detail_item_wine_edit_section .at_main_section_title_bg_gray_with_link {
    border-bottom: 1px solid #C7C8C8;
    margin-bottom: 24px;
}

.at_item_detail_wine .at_content_table {
    margin-bottom: 24px;
}

.at_detail_item_wine_edit {
    padding: 1rem;
}

.at_detail_item_wine_edit .at_detail_item_input {
    padding: 0;
}

.at_detail_item_wine_edit_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.at_detail_item_wine_area {
    width: 340px;
}

.at_schedule_search_area {
    width: fit-content;
}

.at_detail_item_wine_area .at_select {
    width: 100%;
}

.at_item_detail_carousel_main_image_group_wrap {
    position: relative;
}

.at_item_detail_carousel_status {
    border-radius: 0 10000px 10000px 0;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    padding: 4px 8px;
    position: absolute;
    bottom: 0;
    width: fit-content;
}

/* 取り出し検索結果 */
.at_result-count {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.at_result-count span.count_text {
    font-size: 20px;
}

.at_search-terms {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.at_search-terms_clear {
    text-align: right;
    margin-bottom: 8px;
}

.at_search_no-result_image-container {
    text-align: center;
}

.at_search_no-result_image-container img {
    margin-bottom: 16px;
}

.at_search_no-results-text {
    font-size: 16px;
    margin-bottom: 16px;
}

/*預け入れダンボール*/
.at_gray_block:has(.at_assembly_cardboard_title) {
    border-radius: 8px;
}

.at_assembly_cardboard_title {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-weight: bold;
}

.at_assembly_cardboard_title::before {
    content: '';
    width: 62px;
    height: 42px;
    background-image: url("../../images/mypagenew/illust/cardboard_illust.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.at_assembly_cardboard .at_gray_block_text {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: #FFF;
    text-align: left;
}

.at_assembly_cardboard .at_btn_default {
    min-width: unset;
    padding: 6px 12px;
    border-radius: 10000px;
}

/*預け入れ クリーニングのおすすめ*/
.at_assembly_cleaning_recommend {
    border-top: 1px solid #C7C8C8;
    border-bottom: 1px solid #C7C8C8;
    padding: 16px 0 24px 0;
}

.at_assembly_cleaning_recommend_title {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    gap: 8px;
    background-image: url("../../images/mypagenew/illust/hanger_illust.svg");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 40px;
    padding: 6px 0 0 60px;
}

.at_assembly_cleaning_recommend_title::after {
    content: url("../../images/mypagenew/illust/help.svg");
    width: 24px;
    height: 24px;
}

.at_assembly_cleaning_recommend_content {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
}

/*預け入れ品目リスト*/
.at_assembly_request_lists {
    margin-bottom: 32px;
}

.at_assembly_request_list_category .at_title span::before {
    content: "";
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.at_assembly_request_list_category .at_title span {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
}

.at_assembly_request_list_category .at_title {
    padding: 0;
    margin-bottom: 24px;
    cursor: pointer;
}

.at_assembly_request_list_category .at_toggle:checked+.at_title+.at_content {
    border-bottom: 1px solid #F2F2F2;
}

.at_assembly_request_list_cardboard .at_title span::before {
    background-image: url("../../images/mypagenew/illust/cardboard_simple.svg");
}

.at_assembly_request_list_clothes .at_title span::before {
    background-image: url("../../images/mypagenew/illust/hanger.svg");
}

.at_assembly_request_list_appliances .at_title span::before {
    background-image: url("../../images/mypagenew/illust/appliances.svg");
}

.at_assembly_request_list_event .at_title span::before {
    background-image: url("../../images/mypagenew/illust/tent.svg");
}

.at_assembly_request_list_sports .at_title span::before {
    background-image: url("../../images/mypagenew/illust/golfbag.svg");
}

.at_assembly_request_list_living .at_title span::before {
    background-image: url("../../images/mypagenew/illust/chest.svg");
}

.at_assembly_request_list_baby .at_title span::before {
    background-image: url("../../images/mypagenew/illust/babycar.svg");
}

.at_assembly_request_list_office .at_title span::before {
    background-image: url("../../images/mypagenew/illust/appliances.svg");
}

.at_assembly_request_list_wine .at_title span::before {
    background-image: url("../../images/mypagenew/illust/wine_bottle.svg");
}

.at_assembly_request_list_picture .at_title span::before {
    background-image: url("../../images/mypagenew/illust/picture.svg");
}

.at_assembly_request_list_large .at_title span::before {
    background-image: url("../../images/mypagenew/illust/sofa.svg");
}

.at_assembly_request_list_not_listed .at_title span::before {
    background-image: url("../../images/mypagenew/illust/paper_with_plus.svg");
}

.at_assembly_request_lists .at_assembly_counter_single {
    margin-bottom: 24px;
}

.at_assembly_request_lists .at_assembly_counter_single:first-of-type {
    margin-top: 24px;
}

.at_assembly_request_list_not_listed {
    padding-top: 0;
}

.at_assembly_request_list_not_listed .at_add_item_form_container {
    margin-top: unset;
    margin-left: auto;
    margin-bottom: unset;
    margin-right: auto;
}

.at_assembly_request_list_not_listed:has(.at_add_item_form_container) .at_title {
    margin-bottom: 0;
}

/*クリーニングリスト*/
.at_cleaning_request_list .at_cleaning_request_list_title::before {
    content: "";
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.at_cleaning_request_list_shirt .at_cleaning_request_list_title::before {
    background-image: url("../../images/mypagenew/illust/shirt.svg");
    background-repeat: no-repeat;
}

.at_cleaning_request_list_kimono .at_cleaning_request_list_title::before {
    background-image: url("../../images/mypagenew/illust/kimono.svg");
    background-repeat: no-repeat;
}

.at_cleaning_request_list_futon .at_cleaning_request_list_title::before {
    background-image: url("../../images/mypagenew/illust/futon.svg");
    background-repeat: no-repeat;
}

.at_cleaning_request_list .at_title {
    height: unset;
    min-height: 3.5rem;
    padding-left: 0;
    cursor: pointer;
}

.at_cleaning_request_list_title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.at_cleaning_request_list_title_inner {
    display: flex;
    flex-direction: column;
}

.at_cleaning_request_list_title_copy {
    font-size: 14px;
    font-weight: normal;
}

.at_cleaning_request_list_copy {
    font-size: 12px;
    font-weight: normal;
}

.at_cleaning_request_list .at_title:has(.at_cleaning_request_list_title_copy)::after,
.at_cleaning_request_list .at_title:has(.at_cleaning_request_list_title_copy)::before {
    right: 1.25em;
    top: 40%;
}

.at_cleaning_request_list .at_toggle:checked+.at_title+.at_content {
    padding-bottom: 24px;
}

.at_cleaning_request_list .at_assembly_counter_single:first-of-type {
    margin-top: 24px;
}

.at_cleaning_request_list .at_assembly_counter_single:last-of-type {
    margin-bottom: unset;
}

.at_assembly_total {
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: 0;
}

.at_assembly_total .at_assembly_total_inner {
    max-width: 760px;
    margin: auto;
    padding: 1rem;
}

.at_assembly_total .at_form_btn_wrap {
    text-align: center;
    padding: 0;
}

/*品目追加欄*/
.at_add_item_form_container {
    margin: 50px auto;
    padding: 20px;
    background: #F2F2F2;
    text-align: center;
}

.at_add_item_form_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.at_add_item_form_container p {
    font-size: 12px;
    margin-bottom: 30px;
}

.at_add_item_form {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    gap: 24px;
}

.at_add_item_input_single {
    text-align: left;
    width: 100%;
}

.at_add_item_input_single label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.at_add_item_input_single input[type="text"] {
    width: calc(100% - 40px);
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
    background: #FFF;
}

.at_add_item_input_single span {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

.submit-button:hover {
    background-color: #8ccaa1;
}

/*追加登録リスト*/
.at_add_item_list {
    background: #00AA71;
    padding: 24px 0;
}

.at_add_item_list_title {
    font-size: 16px;
    margin-bottom: 24px;
    color: #fff;
    text-align: center;
}

.at_add_item_list_single {
    background-color: #fff;
    border-radius: 8px;
    max-width: 475px;
    width: 100%;
    margin: auto auto 20px auto;
    padding: unset;
}

.at_add_item_list_single:last-of-type {
    margin-bottom: unset;
}

.at_add_item_list_single_title {
    width: 100%;
    display: flex;
    padding: 16px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.at_add_item_list_single_title span {
    font-size: 18px;
    font-weight: bold;
    color: #00b386;
    text-align: center;
}

.at_add_item_list_single_details {
    border-top: 1px solid #ddd;
    padding: 24px 16px;
}

.at_add_item_counter_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.at_add_item_list_single_details_size_outer {
    display: flex;
    justify-content: space-around;
    align-content: center;
    gap: 24px;
    margin-bottom: 16px;
}

.at_add_item_list_single_size {
    text-align: center;
}

.at_add_item_list_single_size_value {
    font-weight: bold;
}

.at_add_item_list_single_size_cm {
    font-weight: normal;
    font-size: 14px;
}

.at_add_item_list .at_secondary_btn:has(.at_secondary_btn_outline_colord) {
    min-width: unset;
    padding: 8px 20px;
}

.at_add_item_list .at_secondary_btn label {
    padding: unset;
}


/*ハンガー掛け衣類のご確認*/
.at_modal_cleaning .at_modal__content-wrap {
    max-width: 390px;
}

.at_modal_cleaning .at_modal_fullwidth_title {
    font-size: 20px;
}

.at_modal_cleaning .at_modal_cleaning_catch {
    margin-bottom: 24px;
}

.at_modal_cleaning .at_modal_cleaning_content {
    padding: 0 16px 54px 16px;
}

.at_modal_cleaning .at_modal_cleaning_content p:first-of-type {
    margin-bottom: 24px;
}

.at_modal_cleaning .at_modal_cleaning_content p span {
    font-weight: bold;
    display: block;
}

/*プラン超過アラート*/
.at_modal_plan_over .at_modal__content {
    padding: 24px;
}

.at_modal_plan_over .at_modal_plan_over_title::before {
    content: url("../../images/mypagenew/illust/attention_orange.svg");
    width: 125px;
    height: 125px;
    display: block;
    margin: 0 auto 16px auto;
}

.at_modal_plan_over .at_modal_plan_over_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
}

.at_modal_plan_over .at_modal__content p {
    text-align: justify;
    margin-bottom: 32px;
}

.at_modal_plan_over .at_modal_plan_over_currently {
    display: flex;
    border-top: 1px solid #C7C8C8;
    border-bottom: 1px solid #C7C8C8;
    padding: 16px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 8px;
}

.at_modal_plan_over .at_modal_plan_over_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.at_modal_plan_over .at_modal_plan_over_currently_discount_price {
    font-weight: bold;
    font-size: 16px;
}

.at_modal_plan_over .at_modal_plan_over_currently_price {
    font-size: 12px;
    text-decoration: line-through;
}

.at_modal_plan_over .at_modal_plan_over_currently_note {
    margin-bottom: 32px;
}

.at_modal_plan_over .at_modal_plan_over_currently_note span {
    display: inline-block;
    font-size: 14px;
}

.at_modal_plan_over .at_modal_plan_over_change_percent_block {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 8px;
    background: #F2F2F2;
    margin-bottom: 8px;
}

.at_modal_plan_over .at_modal_plan_over_change_percent {
    color: #00AA71;
    font-size: 20px;
    font-weight: bold;
}

/*預け入れ おすすめプラン*/
.at_recommend_strage .at_strage_formula {
    margin: 0 auto;
    padding-bottom: 0;
}

.at_recommend_strage_size {
    text-align: center;
    margin: 0 auto;
}

.at_recommend_strage_size_plan_name {
    font-weight: bold;
    font-size: 16px;
}

.at_recommend_strage_size_plan_name span {
    font-size: 24px;
}

.at_recommend_strage_size_plan_occupancy {
    font-weight: bold;
}

.at_recommend_strage .at_form_btn_wrap {
    text-align: center;
}

/*ダンボールステータステーブル*/
.at_border_table {
    width: 100%;
    margin: 0 auto;
}

.at_border_table_header,
.at_border_table_row {
    display: flex;
    border-bottom: 1px solid #C7C8C8;
}

.at_border_table_header {
    color: #8E8E8E;
}

.at_border_table_cell {
    display: flex;
    align-items: center;
    padding: 8px;
    font-size: 14px;
    border-left: 1px solid #C7C8C8;
}

.at_border_table_cell:first-of-type {
    border-left: unset;
}

.at_cardboard_table_barcode {
    width: 144px;
    flex-shrink: 0;
}

.at_cardboard_table_status {
    flex-grow: 1;
    text-align: left;
}

/*モーダル 縦並びボタン*/
.at_modal_btn_wrap_vertical {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.at_cancel_link {
    color: #E53E3E;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

/* Absolute Center Spinner */
.at_loading {
    position: fixed;
    z-index: 999;
    height: 4rem;
    width: 4rem;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
/* Transparent Overlay */
.at_loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* 画面サイズ 768px 未満 */
@media screen and (max-width: 767px) {

    .at_header {
        padding: 12px 24px;
    }

    .at_header_logo img {
        height: 30px;
    }

    .at_main_container {
        padding-top: 54px;
        padding-bottom: 15%;
    }

    .at_main_section {
        padding-top: 26px;
        padding-bottom: 20px;
    }

    .at_section_line {
        display: block;
        background-color: #F2F2F2;
        width: 100%;
        height: 1rem;
    }

    .at_section_inner,
    .at_section_inner_no_padding {
        padding: 1rem;
    }

    .at_main {
        padding: 1rem 0 12px 0;
    }

    div.at_main_inner div.at_main_section {
        margin: 0 24px;
    }

    .at_main_section_progress_ratio {
        padding: 0 1rem;
    }

    .at_section_sp_padding_both_ends {
        padding: 0 1rem;
    }

    .at_btn_default {
        min-width: unset;
    }

    .at_memo_attention {
        padding-left: 5rem;
        padding-right: 1rem;
        background-position: 1rem top;
        flex-direction: column;
        align-items: flex-end;
    }

    /*　上に上がる動き　*/
    #at_header.UpMove {
        animation: UpAnime 0.5s forwards;
    }

    @keyframes UpAnime {
        from {
            opacity: 1;
            transform: translateY(0);
        }

        to {
            opacity: 0;
            transform: translateY(-100px);
        }
    }

    /* 下に下がる動き */
    #at_header.DownMove {
        animation: DownAnime 0.5s forwards;
    }

    @keyframes DownAnime {
        from {
            opacity: 0;
            transform: translateY(-100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .at_form_input_coupon {
        padding: 0 1rem;
    }

    .at_modal__close-button .at_btn_default {
        padding: 10px;
    }

    .at_modal_CVC .at_modal__content {
        padding: 2.5rem 1rem 1rem 1rem;
    }

    .at_modal_CVC_img {
        margin-bottom: 40px;
    }

    .at_modal_date .at_main_section_title_bg_gray {
        white-space: nowrap;
        padding: 1rem;
    }

    .at_modal_date .at_radio-list {
        padding: unset;
    }

    .at_modal_date .at_radio-list_single {
        padding: unset;
    }

    .at_modal_date .at_radio-list_single_label {
        padding-left: unset;
    }

    .at_modal__confirm-button .at_btn_default {
        min-width: unset;
    }

    /* 検索ボタン */
    .at_search_btn {
        padding: 8px 20px;
        min-width: 96px;
    }

    .at_form_input_coupon .at_form_input_text {
        width: 100%;
        padding: 10px 12px;
    }

    .at_secondary_btn_outline_icon {
        padding: 0.375rem 1.25rem 0.375rem 1rem;
    }

    .at_note {
        margin: auto 1rem;
        font-size: 0.75rem;
    }

    .at_form_btn_wrap {
        padding: 0 1rem;
    }

    .at_form_btn_wrap.at_no_padding {
        padding: 0;
    }

    .at_secondary_btn:has(.at_secondary_btn_outline_colord) {
        min-width: unset;
    }

    .at_gray_block {
        margin: 0 1rem;
    }

    .at_gray_block_inner {
        padding: 1rem;
    }

    .at_gray_block_text {
        font-size: 0.875rem;
    }

    .at_gray_block .at_btn_default {
        padding: 0.625rem;
    }

    .at_note_confirm_line_title {
        font-size: 1rem;
    }

    .at_gray_block_inner_white_content {
        font-size: 0.875rem;
    }

    .at_gray_block_due_date {
        justify-content: space-between;
    }

    .at_usage_fee_block_detail,
    .at_usage_fee_block_total {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .at_usage_fee_block_date_price {
        flex-direction: column;
        align-items: unset;
        gap: 4px;
    }

    .at_usage_fee_block_total_price_outer {
        align-self: flex-end;
    }

    .at_modal_usercancel .at_modal_usercancel_title {
        font-size: 22px;
    }

    .at_premium_delivery_index_btn_area {
        flex-direction: column;
        justify-content: center;
        align-content: center;
        gap: 1rem;
    }

    .at_premium_delivery_index_btn_Registration_address .at_premium_delivery_index_btn_title {
        margin-bottom: unset;
    }

    .at_premium_delivery_index_btn {
        width: 90%;
        padding: 24px;
    }

    .at_premium_delivery_index_btn a {
        padding: unset;
    }

    .at_modal_delivery_charge_content_table {
        padding: 0;
    }

    /* 共通マージン・パッディング　SPでの上書き */
    .at_mb10 {
        margin-bottom: 1rem;
    }

    .at_pt15 {
        padding-top: 1.5rem;
    }

    .at_prl10_sp_only {
        padding: 0 1rem;
    }

    .at_note_delivery {
        flex-direction: column;
    }

    .at_note_delivery .at_text-button {
        align-self: flex-end;
        flex-shrink: 1;
        padding: unset;
    }

    .at_delivery_notification {
        flex-direction: column;
    }

    .at_delivery_notification .at_text-button {
        align-self: flex-end;
        flex-shrink: 1;
        padding: unset;
    }

    .at_link_area {
        padding: 1rem;
    }

    .at_flex_space_between_sp_column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem
    }
    .at_item_list_notifcation_caution p {
        text-align: left;
        padding-right: 24px;
    }

    .at_item_detail_carousel {
        padding: unset;
    }

    .at_item_detail_carousel .at_item_detail_carousel_thumbnails {
        gap: 0;
    }

    .at_cover_item_ribbon {
        width: 15px;
        height: 15px;
        background-size: cover;
    }

    .at_detail_item_wine_area .at_select select {
        width: 100%;
    }

    .at_detail_item_tag_items {
        padding: 16px;
    }

    .at_item_detail_size span {
        display: block;
    }

    .at_item_detail_table .at_content_table_th {
        width: 163px;
    }

    .at_content_table_th {
        width: 160px;
    }

    .at_add_item_list {
        padding-right: 16px;
        padding-left: 16px;
    }

    .at_add_item_list_single_details {
        gap: 16px;
    }

    .at_assembly_cleaning_recommend {
        padding-left: 16px;
        padding-right: 16px;
    }

    .at_modal_plan_over .at_modal_plan_over_strage_formula_completed_inner {
        padding: 16px;
    }

    .at_modal_plan_over .at_modal_plan_over_strage_formula {
        padding: 24px 12px;
    }

    .at_modal_plan_over .at_modal_plan_over_strage_formula_title {
        font-size: 12px;
        margin-bottom: 0;
        padding: 0;
        white-space: nowrap;
    }

    .at_modal_plan_over .at_modal_plan_over_strage_formula_value {
        line-height: 1.25;
    }

    .at_modal_plan_over .at_modal__content-wrap {
        width: calc(100% - 32px);
    }

    .at_index_btn_fixed {
        left: 0;
        width: 100%;
    }

    div.at_index_btn_fixed_no_menu div.at_btn_two_rows {
        width: 100%;
    }

    .at_assembly_request_list_category .at_title span {
        padding: 1rem 0 1rem 1rem;
    }

    .at_cleaning_request_list_title {
        padding-left: 1rem;
    }

    .at_item_detail_carousel .at_item_detail_carousel_main_image_wrapper {
        height: 100%;
    }

    .at_modal_item_detail_carousel .at_modal_item_detail_carousel_main_image_wrapper {
        height: 100%;
    }

}