.cart_flow_ttl_wrp {
    display: flex;
    gap: 8px;
    margin-top: 32px;
    padding: 8px 0;
    color: var(--color-black60);
    align-items: baseline;
}
.cart_flow_ttl_wrp > .cf_ttl_suppl {
    color: var(--color-black60);
}
.cart_flow_ttl {
    margin-top: 32px;
    color: var(--color-black60);
}
.cart_flow_ttl_body {
    padding-top: 8px;
    color: var(--color-black60);
}
.wrp_innr {
    margin-top: 24px;
}
.cart_flow_chart_wrap {
    margin-top: 32px;
    padding: 8px 0;
    border-radius: 8px;
    background-color: var(--color-turquoise10);
}
.cart_flow_chart_wrap > .cart_flow_chart_row {
    display: flex;
    justify-content: center;
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat {
    height: 68px;
    border-radius: 8px;
    padding: 12px;
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat_wh {
    background-color: var(--color-white100);
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_ellipse_wrp {
    display: flex;
    justify-content: center;
    padding-bottom: 8px;
    height: 26px;
    align-items: center;
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_ellipse_wrp > .cart_flow_chart_ellipse_gray {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-black30);
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_ellipse_wrp > .cart_flow_chart_ellipse_turquoise_out {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--color-turquoise20);
    padding: 3px;
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_ellipse_wrp> .cart_flow_chart_ellipse_turquoise_out > .cart_flow_chart_ellipse_turquoise {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--color-turquoise50);
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_txt {
    color: var(--color-black50);
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_cat > .cart_flow_chart_txt_bk {
    color: var(--color-black70);
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_alw {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart_flow_chart_wrap > .cart_flow_chart_row > .cart_flow_chart_alw > .arrow_right_icon {
    font-size: 24px;
    color: var(--color-black40);
}
.cb_cf_wrp {
    display: flex;
    gap: 8px;
    align-items: center;
}
.btn_cf_base {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 32px;
}
.btn_cf_base.btn_outlined {
    padding: 0 24px;
}
.btn_cf_base > .arrow_left_icon,
.btn_cf_base > .arrow_right_icon {
    font-size: 20px;
}
.box_ttl_hissu {
    color: var(--color-error90);
}
.socialgift_okurikata_wrp {
    padding: 32px 24px;
    background-color: var(--color-turquoise20);
    border-radius: 16px;
    text-align: center;
}
.socialgift_okurikata_wrp > .sso_ttl_en {
    color: var(--color-turquoise40);
}
.socialgift_okurikata_wrp > .sso_ttl_jp {
    margin-top: 4px;
    color: var(--color-turquoise70);
}
.socialgift_okurikata_wrp > .sso_box_wrp {
    display: flex;
    margin-top: 24px;
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box {
    padding: 12px 16px 24px 16px;
    background-color: var(--color-white100);
    border-radius: 16px;
    flex: 1;
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box > .ttl_num {
    color: var(--color-turquoise20);
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box > .ttl {
    color: var(--color-turquoise50);
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box > .sso_box_img_wrp {
    width: 198px;
    margin-top: 16px;
    display:inline-block;
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box > .sso_box_img_wrp > .sso_box_img {
    width: 100%;
}
.socialgift_okurikata_wrp > .sso_box_wrp > .sso_box > .sso_box_txt {
    margin-top: 16px;
    color: var(--color-black60);
}
.socialgift_okurikata_wrp > .sso_box_wrp  > .sso_arrow_icon_wrp {
    display: flex;
    align-items: center;
}
.socialgift_okurikata_wrp > .sso_box_wrp  > .sso_arrow_icon_wrp > .keyboard_arrow_right_icon {
    font-size: 40px;
    color: var(--color-turquoise50);
    flex-shrink: 0;
}
.socialgift_okurikata_wrp > .sso_info_wrp {
    padding: 16px;
    background-color: var(--color-white70);
    border-radius: 12px;
    margin-top: 24px;
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt1_wrp {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt1_wrp > .error_icon_wrp > .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt1_wrp > .error_icon_wrp > .error_icon {
    font-size: 24px;
    color: var(--color-error90);
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt1_wrp> .info_txt1 {
    color: var(--color-black60);
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt2_wrp {
    color: var(--color-black60);
    margin-top: 4px;
}
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt1_wrp > .info_txt1 > .txt_alrt,
.socialgift_okurikata_wrp > .sso_info_wrp > .info_txt2_wrp > .txt_alrt {
    color: var(--color-error90);
}
.socialgift_okurikata_wrp > .sso_mem_msg {
    margin-top: 16px;
    color: var(--color-black60);
    text-align: left;
}
.fwcnt_wrp {
    border: solid 1px var(--color-black20);
    border-radius: 12px;
    overflow: hidden;
}
.fwcnt_wrp > .address_ttl_wrp {
    display: flex;
    gap: 12px;
    padding: 20px 24px;
    color: var(--color-black60);
    background-color: var(--color-black10);
    border-bottom: solid 1px var(--color-black20);
    align-items: center;
}
.fwcnt_wrp > .address_ttl_wrp > .ship_icon_wrp > .ship_icon {
    border-radius: 100px;
    padding: 3px 12px;
    background-color: var(--color-black60);
    color: var(--color-white100);
}
.fwcnt_wrp > .ship_wrp, .fwcnt_wrp > .cfm_ship_body {
    padding: 24px 22px;
}
.fwcnt_wrp.slipinfo > .ship_wrp, .fwcnt_wrp.slipinfo > .cfm_ship_body > .ship_wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fwcnt_wrp.slipinfo {
    margin-top: 32px;
}
.fwcnt_wrp > .ship_wrp > .shipaddr_wrp > .shipaddr_lft {
    color: var(--color-black80);
}
.smr_wrp {
    margin-top: 8px;
}
.smr_wrp > .smr_flex {
    display: flex;
    gap: 16px;
    margin-top: 8px;
    align-items: center;
}
.smr_wrp > .smr_p:nth-child(n+2) {
    margin-top: 8px;
}
.smr_p > .smr_label {
    color: var(--color-black50);
}
.smr_p > .smr_txt {
    color: var(--color-black80);
    margin-left: 4px;
}
.smr_p > .smr_amt {
    color: var(--color-turquoise);
    margin-left: 4px;
}
.smr_p.smr_wrn {
    color: var(--color-error90);
}
.ctitm_dtl_wrp {
    display: flex;
    gap: 16px;
    padding: 24px 0;
    border-top: solid 1px var(--color-black20);
}
.iteminfo_smr_lft {
    flex-shrink: 0;
}
.itm_img_wrp {
    width: 184px;
    height: 184px;
    border: 1px solid var(--color-black30);
    border-radius: 8px;
}
.cfm_itm_img_wrp {
    width: 144px;
    height: 144px;
    border: 1px solid var(--color-black30);
    border-radius: 8px;
}
.itm_img_wrp .itm_img, .cfm_itm_img_wrp > .itm_img,
.itm_img_wrp > .nbbp_photoerea > .nbbp_zoom_link > .nbbp_img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
}
.itm_img_wrp > .nbbp_photoerea {
    position: relative;
}
.itm_img_wrp > .nbbp_photoerea > .nbbp_zoom_link > .zoom_in_icon {
    font-size: 24px;
    /*color: var(--color-white100);*/
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.iteminfo_smr_cen {
    padding: 16px 0;
    flex: 1;
}
.cfm_iteminfo_smr_cen {
    flex: 1;
}
.itm_cd_wrp {
    display: flex;
    gap: 8px;
}
.itm_cd_wrp > .itm_cd {
    color: var(--color-black40);
}
/*.itm_cd_wrp > .itm_icon_wrp {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}*/
.itm_cd_wrp > .tags{
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.itm_nm {
    color: var(--color-black60);
    padding-top: 12px;
}
.cfm_itm_nm {
    color: var(--color-black60);
    padding-top: 8px;
}
.skuinfo {
    color: var(--color-black60);
    padding-top: 4px;
}
.itm_price_wrp {
    display: flex;
    gap: 4px;
    width: 100%;
    align-items: center;
    padding-top: 4px;
}
.itm_price_wrp > .itm_unit_prc {
    color: var(--color-turquoise50);
}
.itm_price_wrp > .itm_unit_prc_wt {
    color: var(--color-black60);
}
.itm_yen_mk::before {
    content: "￥";
}
.iteminfo_smr_rit {
    flex-shrink: 0;
    padding: 12px 16px;
    margin-left: auto;
}
.service_level_wrp {
    padding-top: 12px;
}
.service_level_wrp > .service_level_imgs {
    display: flex;
    gap: 4px;
    padding-top: 4px;
}
.service_level_wrp > .service_level_icons {
    display: flex;
    gap: 4px;
    padding-top: 4px;
}
.service_level_wrp > .service_level_icons > .service_level_icon{
    padding: 4px 8px;
    width:auto;
}
.itm_attns {
    color: var(--color-error100);
    padding-top: 12px;
}
.itm_cart_name_info {
    margin-top: 12px;
}
.btn_itm_del {
    border-radius: 100px;
    border: 1px solid var(--color-black30);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_itm_del:hover {
    background: linear-gradient(var(--color-black10), var(--color-black10)), #FFFFFF;
}
.btn_itm_del > .itm_del_icon {
    font-size: 20px;
    color: var(--color-black50);
}
.cf_cfm_dtl_wrp {
    border: solid 4px var(--color-black30);
    border-radius: 8px;
    margin-top: 20px;
    position: relative;
}
.cf_cfm_dtl_ttl {
    padding: 12px 16px;
    background-color: var(--color-black10);
    color: var(--color-black80);
}
.cf_cfm_dtl_body {
    padding: 24px;
    display: flex;
    gap: 16px;
    position: relative;
}
.cf_cfm_dtl_body:not(:last-child) {
    border-bottom: solid 1px var(--color-black20);
}
.cf_cfm_dtl_body.added {
    background-color: var(--color-error10);
}
.cf_cfm_dtl_ss_txt {
    color: var(--color-black60);
}
.cf_cfm_dtl_ss_txt:nth-child(n+2) {
    margin-top: 16px;
}
.cf_cfm_dtl_ss_err_box.cf_error_wrp {
    margin-top: 16px;
}
.cf_error_wrp.pos_left {
    justify-content: initial;
}
.cf_error_wrp {
    display: flex;
    gap: 12px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: var(--color-error10);
    justify-content: center;
}
.cf_error_wrp > .cf_error_icon_wrp {
    flex-shrink: 0;
}
.cf_error_wrp > .cf_error_icon_wrp > .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}
.cf_error_wrp > .cf_error_icon_wrp > .cf_error_icon {
    font-size: 24px;
    color: var(--color-error90);
    margin-top: 3px;
}
.cf_error_wrp > .cf_error_txt {
    color: var(--color-black60);
}

.deligrp_icon_wrp {
    background-color: var(--color-turquoise);
    position: absolute;
    top: -4px;
    right: 30px;
    width: 70px;
    height: 89px;
    text-align: center;
}
.deligrp_icon_wrp::after {
    content: "";
    position: absolute;
    bottom: 0px;
    transform: translateX(-50%);
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 10px solid white;
}
.deligrp_icon_wrp > .deligrp_icon_img_wrp {
    margin-top: 10px;
}
.deligrp_icon_wrp > .deligrp_icon_img_other_wrp {
    margin-top: 5px;
    line-height: 0.5;
}
.deligrp_icon_wrp > .deligrp_icon_img_wrp > .material-symbols-outlined,
.deligrp_icon_wrp > .deligrp_icon_img_other_wrp > .material-symbols-outlined {
    color: var(--color-white100);
    font-size: 34px;
}
.deligrp_icon_wrp > .deligrp_icon_txt {
    color: var(--color-white100);
}

#msgBox_OmoiGift {
    background-color: var(--color-white100);
    padding: 32px;
}


.cf_ent_tbl {
    border-radius: 4px;
    border: solid 1px var(--color-black20);
    margin: 16px 0;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
.cf_ent_tr .box_ttl_wrp {
    padding: 12px 15px;
    border-right: solid 1px var(--color-black20);
    background-color: var(--color-black10);
    width: 206px;
    vertical-align: middle;
}
.cf_ent_tr:not(:last-child) > .box_ttl_wrp {
    border-bottom: solid 1px var(--color-black20);
}
.cf_ent_tr > .box_ttl_wrp > .box_ttl_hissu {
    margin-left: 8px;
}
.cf_ent_tr > .box_ctrl_wrp {
    padding: 12px 16px;
    width: 772px;
}
.cf_ent_tr:not(:last-child) > .box_ctrl_wrp {
    border-bottom: solid 1px var(--color-black20);
}
.cf_ent_flex_row_gl {
    display: flex;
    gap: 8px;
    align-items: center;
}
.cf_ent_flex_row_gm {
    display: flex;
    gap: 16px;
    align-items: center;
}
.cf_ent_name_lbl {
    width: 36px;
    color: var(--color-black60);
}
.cf_ent_name_tb {
    width: 318px;
}
.cf_ent_ctrl_suppl {
    margin-top: 8px;
}
.cf_ent_clm3_tb {
    width: 160px;
}
.btn_addr_auto_wrp > .btn_addr_auto {
    height: 40px;
    padding: 0 24px;
}
.zip_info_link {
    text-decoration: underline;
}
.cf_ent_ad_lbl {
    width: 80px;
    color: var(--color-black60);
}
.cf_ent_ad_tb {
    width: 480px;
}
.txtbox_base.tb_wid_100 {
    width: 100%;
}
.addr_inp_wrp {
    margin-top: 8px;
}
.cf_ent_rb_row {
    display: flex;
    gap: 24px;
}
.cf_ent_rb_row > .rb_cf_wrp {
    display: flex;
    gap: 8px;
    align-items: center;
}
.box_ctrl_wrp > .mp_type_ctrl_wrp {
    margin-top: 16px;
}
.box_ctrl_wrp > .cf_ent_flex_row_gl > .ddl_base_wrp > .cf_ent_clm3_ddl {
    width: 112px;
}
.cf_ent_tr .box_ctrl_wrp .ddl_base_wrp .ddl_base {
    height: 40px;
}
.cf_ent_tr .box_ctrl_wrp .cf_ent_ctrl_one {
    width: 160px;
}
.twinview {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
.twinview > .btn_outlined {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 232px;
    height: 48px;
    padding: 0 24px;
}
.twinview > .btn_outlined > .add_icon {
    font-size: 20px;
}

.cf_cfm_tbl {
    border: solid 1px var(--color-black20);
    border-radius: 4px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin-top: 16px;
}
.cf_cfm_tr {
    height: 56px;
}
.cf_cfm_tr > .cf_cfm_th {
    padding: 12px 16px;
    background-color: var(--color-Caramel20);
    color: var(--color-Caramel60);
    width: 176px;
    vertical-align: middle;
}
.cf_cfm_tr:not(:last-child) > .cf_cfm_th {
    border-bottom: solid 1px var(--color-black20);
}
.cf_cfm_tr > .cf_cfm_td {
    padding: 8px 16px;
    color: var(--color-black60);
    vertical-align: middle;
}
.cf_cfm_tr:not(:last-child) > .cf_cfm_td {
    border-bottom: solid 1px var(--color-black20);
}