@charset "UTF-8";.js-hidden {
    display: none!important
}

._root_139p8_2 {
    --profile-face-account-max-width: 700px;
    --profile-face-account-margin: 0 auto;
    --profile-face-account-padding: var(--ref-spacing-400);
    --profile-face-working-label-green-color: #18a352;
    --profile-face-account-head-title-text-color: #111
}

._root_139p8_2 ._coverImage_139p8_9 {
    position: relative;
    width: auto
}

._root_139p8_2 ._coverImage_139p8_9 ._editImageButton_139p8_13 {
    position: absolute;
    bottom: var(--ref-spacing-300);
    right: var(--ref-spacing-300)
}

._root_139p8_2 ._account_139p8_18 {
    max-width: var(--profile-face-account-max-width);
    margin: var(--profile-face-account-margin);
    padding: var(--profile-face-account-padding)
}

._root_139p8_2 ._accountHead_139p8_23 {
    display: flex;
    gap: var(--ref-spacing-400);
    align-items: center;
    margin-bottom: var(--ref-spacing-400)
}

._root_139p8_2 ._accountHeadIcon_139p8_29 {
    position: relative;
    width: 72px
}

._root_139p8_2 ._accountHeadIcon_139p8_29 ._editImageButton_139p8_13 {
    position: absolute;
    bottom: var(--ref-spacing-100);
    right: 0
}

._root_139p8_2 ._accountHeadIconLink_139p8_38 {
    display: block
}

._root_139p8_2 ._accountHeadContents_139p8_41 {
    flex-grow: auto
}

._root_139p8_2 ._accountHeadTitle_139p8_44 {
    color: var(--sys-content-secondary);
    font: var(--sys-font-title-l-300);
    margin-bottom: var(--ref-spacing-50);
    overflow-wrap: anywhere
}

._root_139p8_2 ._accountHeadTitle_139p8_44 ._editTextButton_139p8_50 {
    position: relative;
    vertical-align: middle;
    top: -1px
}

._root_139p8_2 ._accountHeadTitleText_139p8_55 {
    display: inline-block;
    font: var(--sys-font-title-l-300);
    margin-right: var(--ref-spacing-200);
    color: var(--profile-face-account-head-title-text-color)
}

._root_139p8_2 ._accountHeadBadge_139p8_61 {
    display: inline-block;
    vertical-align: text-bottom
}

._root_139p8_2 ._accountHeadSubTexts_139p8_65 {
    display: flex;
    color: var(--sys-content-tertiary);
    font: var(--sys-font-text-s-100)
}

._root_139p8_2 ._accountHeadSubText_139p8_65:after {
    content: "・";
    color: var(--sys-content-disabled-primary)
}

._root_139p8_2 ._accountHeadSubText_139p8_65:last-child:after {
    display: none
}

._root_139p8_2 ._accountInfo_139p8_77 {
    color: var(--sys-content-secondary);
    font: var(--sys-font-text-s-100)
}

._root_139p8_2 ._accountInfo_139p8_77 button {
    font: var(--sys-font-text-s-100)
}

._root_139p8_2 ._accountInfoText_139p8_84 {
    margin-bottom: var(--ref-spacing-50);
    overflow-wrap: anywhere
}

._root_139p8_2 ._accountInfoText_139p8_84._placeholder_139p8_88 {
    color: var(--sys-content-disabled-primary)
}

._root_139p8_2 ._accountInfoWorking_139p8_91 {
    margin-bottom: var(--ref-spacing-50)
}

._root_139p8_2 ._accountInfoWorkingLabel_139p8_94 {
    font: var(--sys-font-text-s-200);
    color: var(--sys-content-tertiary);
    margin-right: var(--ref-spacing-100)
}

._root_139p8_2 ._accountInfoWorkingLabel_139p8_94._colorRed_139p8_99 {
    color: var(--sys-content-danger)
}

._root_139p8_2 ._accountInfoWorkingLabel_139p8_94._colorGreen_139p8_102 {
    color: var(--profile-face-working-label-green-color)
}

._root_139p8_2 ._accountInfoWorkingIcon_139p8_105 {
    position: relative;
    top: var(--ref-spacing-50);
    margin-left: var(--ref-spacing-100);
    transition: transform .3s ease-in-out
}

._root_139p8_2 ._accountInfoWorkingIcon_139p8_105._isOpen_139p8_111 {
    transform: rotate(180deg)
}

._root_139p8_2 ._accountInfoWorkingOptions_139p8_114 {
    display: block;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    max-height: 0
}

._root_139p8_2 ._accountInfoWorkingOptions_139p8_114._isOpen_139p8_111 {
    max-height: 100vh
}

._root_139p8_2 ._accountInfoWorkingOptionsInner_139p8_123 {
    display: block;
    padding: var(--ref-spacing-100) 0 var(--ref-spacing-200)
}

._root_139p8_2 ._accountInfoWorkingMemo_139p8_127 {
    font: var(--sys-font-text-s-100);
    overflow-wrap: anywhere;
    margin-bottom: var(--ref-spacing-50)
}

._root_139p8_2 ._accountInfoWebsiteLink_139p8_132 {
    color: var(--sys-content-focus);
    display: flex
}

._root_139p8_2 ._accountInfoWebsiteUrl_139p8_136 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: auto
}

._root_139p8_2 ._accountInfoWebsiteCount_139p8_142 {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: var(--ref-spacing-100)
}

._modeLiffApp_139p8_150._root_139p8_2 ._actionButtons_139p8_147,._root_139p8_2 ._actionButtons_139p8_147 {
    padding-bottom: var(--ref-spacing-50)
}

@media screen and (max-width: 712px) {
    ._modeLiffApp_139p8_150._root_139p8_2 ._actionButtons_139p8_147 {
        white-space:nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-color: var(--ref-opacity-black-10) var(--ref-opacity-white-50)
    }
}

._modePreview_139p8_163._root_139p8_2 ._actionButtons_139p8_147 {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--ref-opacity-black-10) var(--ref-opacity-white-50)
}

._root_139p8_2 ._actionButtonsEditArea_139p8_171 {
    display: block
}

._root_139p8_2 ._editTextButton_139p8_50 {
    width: 18px;
    height: 18px;
    margin-left: var(--ref-spacing-200)
}

._root_139p8_2 ._editImageButton_139p8_13,._root_139p8_2 ._editTextButton_139p8_50 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: text-bottom
}

._root_139p8_2 ._editImageButton_139p8_13 {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background: var(--sys-background-scrim);
    border-radius: var(--ref-radius-circle);
    padding: var(--ref-spacing-100);
    z-index: 10
}

._root_azcub_1 {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

._root_azcub_1._previewMode_azcub_7 ._coverImageSpacer_azcub_7 {
    height: auto
}

._root_azcub_1 ._coverPicture_azcub_10 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%,-50%);
    z-index: 1
}

._root_azcub_1 ._coverImage_azcub_7 {
    width: 100%;
    height: 100%
}

._root_azcub_1 ._coverImageSpacer_azcub_7 {
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 1048px) {
    ._root_azcub_1 ._coverImageSpacer_azcub_7 {
        height:464px
    }
}

._root_azcub_1:before {
    height: calc(var(--android-safe-area-inset-top, 0px) + constant(safe-area-inset-top));
    height: calc(var(--android-safe-area-inset-top, 0px) + env(safe-area-inset-top));
    top: 0;
    background: var(--ref-opacity-black-20)
}

._root_azcub_1:after,._root_azcub_1:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 3
}

._root_azcub_1:after {
    height: 100%;
    top: calc(var(--android-safe-area-inset-top, 0px) + constant(safe-area-inset-top));
    top: calc(var(--android-safe-area-inset-top, 0px) + env(safe-area-inset-top));
    background: linear-gradient(180deg,#0003,#0000)
}

@media screen and (min-width: 1048px) {
    ._root_azcub_1:after {
        height:181px
    }
}

._root_azcub_1._transparent_azcub_61:after,._root_azcub_1._transparent_azcub_61:before {
    display: none
}

._root_dfbrk_1 {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 var(--ref-spacing-400) var(--ref-spacing-400)
}

._root_dfbrk_1 ._scrollArea_dfbrk_6,._root_dfbrk_1._modeLiffApp_dfbrk_9 ._scrollArea_dfbrk_6 {
    padding-bottom: var(--ref-spacing-50)
}

@media screen and (max-width: 712px) {
    ._root_dfbrk_1._modeLiffApp_dfbrk_9 ._scrollArea_dfbrk_6 {
        white-space:nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-color: var(--ref-opacity-black-10) var(--ref-opacity-white-50)
    }
}

._root_dfbrk_1._modePreview_dfbrk_21 ._scrollArea_dfbrk_6 {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--ref-opacity-black-10) var(--ref-opacity-white-50)
}

._root_dfbrk_1 ._actionButtonsEditArea_dfbrk_28 {
    display: block
}

._root_1syzz_1 {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0 var(--ref-spacing-200) var(--ref-spacing-200) 0;
    scroll-snap-align: start;
    vertical-align: text-top
}

._root_1syzz_1._accentColor_1syzz_9 ._button_1syzz_9 {
    background-color: var(--profile-button-color);
    border-color: var(--profile-button-color);
    color: var(--sys-content-inverted)
}

._root_1syzz_1._accentColor_1syzz_9 ._label_1syzz_14 {
    color: var(--sys-content-inverted);
    font: var(--sys-font-text-s-200)
}

._root_1syzz_1._accentColor_1syzz_9 ._spinner_1syzz_18,._root_1syzz_1._accentColor_1syzz_9 ._spinner_1syzz_18>path {
    fill: var(--ref-color-light-gray-1)
}

._root_1syzz_1._fullWidth_1syzz_24 {
    display: block;
    width: 100%
}

._root_1syzz_1._fullWidth_1syzz_24 ._button_1syzz_9 {
    display: flex;
    width: 100%
}

._root_1syzz_1 ._button_1syzz_9 {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: var(--ref-spacing-100);
    padding: var(--ref-spacing-100) var(--ref-spacing-400) var(--ref-spacing-100);
    border: solid var(--ref-border-100) var(--sys-border-secondary);
    border-radius: var(--ref-radius-200);
    height: 40px
}

._root_1syzz_1 ._icon_1syzz_43 {
    display: flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._root_1syzz_1 ._label_1syzz_14 {
    display: block;
    color: var(--sys-content-secondary);
    font: var(--sys-font-text-s-100)
}

._root_1syzz_1 ._spinner_1syzz_18 {
    margin: 0 var(--ref-spacing-500);
    vertical-align: text-bottom;
    animation: _rotateSpinner_1syzz_1 1.4s linear infinite
}

._root_1syzz_1 ._spinner_1syzz_18,._root_1syzz_1 ._spinner_1syzz_18>path {
    fill: var(--ref-color-light-gray-4)
}

@keyframes _rotateSpinner_1syzz_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

._root_17tit_1 {
    padding: var(--ref-spacing-600) var(--ref-spacing-400)
}

._root_56q2w_1._level2_56q2w_1 ._wrapper_56q2w_1 {
    height: auto;
    margin-bottom: var(--ref-spacing-300)
}

._root_56q2w_1._level2_56q2w_1 ._titleArea_56q2w_5 {
    font: var(--sys-font-title-xs-300);
    color: var(--sys-content-secondary)
}

._root_56q2w_1._level2_56q2w_1 ._moreLabel_56q2w_9 {
    font: var(--sys-font-text-xs-100)
}

._root_56q2w_1 ._wrapper_56q2w_1 {
    display: flex;
    align-items: center;
    height: 44px
}

._root_56q2w_1 ._titleArea_56q2w_5 {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: var(--ref-spacing-100);
    min-width: 0;
    font: var(--sys-font-title-m-200);
    color: var(--sys-content-primary)
}

._root_56q2w_1 ._titleArea_56q2w_5 ._titleText_56q2w_26 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1
}

._root_56q2w_1 ._titleArea_56q2w_5 loa-chip {
    flex-shrink: 0
}

._root_56q2w_1 ._moreLabel_56q2w_9 {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: var(--ref-spacing-300);
    font: var(--sys-font-text-s-100);
    color: var(--sys-content-tertiary)
}

._root_1wmv5_1 ._link_1wmv5_1 {
    display: block
}

._root_1wmv5_1 ._skeleton_1wmv5_4 {
    height: 193px
}

._root_1nof1_1 ._accordionHeader_1nof1_1 {
    display: flex;
    align-items: baseline;
    gap: var(--ref-spacing-100);
    text-align: left
}

._root_1nof1_1 ._accordionHeaderIcon_1nof1_7 {
    position: relative;
    transition: transform .3s ease-in-out
}

._root_1nof1_1 ._accordionHeaderIcon_1nof1_7._isOpen_1nof1_11 {
    transform: rotate(180deg)
}

._root_1nof1_1 ._accordionBody_1nof1_14 {
    display: block;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    max-height: 0
}

._root_1nof1_1 ._accordionBody_1nof1_14._isOpen_1nof1_11 {
    max-height: 100vh
}

._root_e60g7_1 {
    --pluginbox-theme-gradient-start-color: #15c968;
    --pluginbox-theme-gradient-mid-color: #5dabf3;
    --pluginbox-theme-gradient-end-color: #3344d9;
    border: var(--ref-border-200) solid transparent;
    background: linear-gradient(var(--sys-background-primary)) padding-box,linear-gradient(90deg,var(--pluginbox-theme-gradient-start-color) 0,var(--pluginbox-theme-gradient-mid-color) 50%,var(--pluginbox-theme-gradient-end-color) 100%) border-box;
    border-radius: var(--ref-radius-300);
    padding: var(--ref-spacing-500);
    display: flex;
    flex-direction: column;
    gap: var(--ref-spacing-400)
}

._wrapper_e60g7_14 {
    display: flex;
    gap: var(--ref-spacing-200);
    align-items: flex-start;
    width: 100%
}

._textWrapper_e60g7_21 {
    display: flex;
    flex-direction: column;
    gap: var(--ref-spacing-400);
    flex: 1;
    min-width: 0
}

._title_e60g7_29 {
    font: var(--sys-font-text-l-200);
    color: var(--sys-content-primary)
}

._bulletList_e60g7_34 {
    display: flex;
    flex-direction: column;
    gap: var(--ref-spacing-200)
}

._checkItem_e60g7_40 {
    display: flex;
    gap: var(--ref-spacing-200);
    align-items: flex-start;
    width: 100%
}

._checkIcon_e60g7_47 {
    display: flex;
    height: 22px;
    align-items: center;
    flex-shrink: 0;
    color: var(--ref-color-external-brand-line-green)
}

._checkText_e60g7_55 {
    font: var(--sys-font-text-m-100);
    color: var(--sys-content-primary);
    flex: 1;
    min-width: 0
}

._iconArea_e60g7_62 {
    flex-shrink: 0;
    height: 50px
}

._iconArea_e60g7_62 ._icon_e60g7_62 {
    height: 50px;
    width: auto;
    object-fit: contain
}

._button_e60g7_72 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    border-radius: var(--ref-radius-200);
    border: var(--ref-border-100) solid var(--sys-border-secondary);
    font: var(--sys-font-text-m-200);
    color: var(--sys-content-primary);
    word-break: keep-all
}

._root_1k3s8_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--sys-background-scrim);
    z-index: 10
}

._root_1k3s8_1 ._spinner_1k3s8_10 {
    position: absolute;
    top: 50%;
    left: 50%;
    vertical-align: text-bottom;
    animation: _rotateSpinner_1k3s8_1 1.4s linear infinite
}

@keyframes _rotateSpinner_1k3s8_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

._root_be0aa_1 {
    position: relative;
    display: inline-block;
    border: solid var(--ref-border-100) var(--ref-opacity-black-5);
    border-radius: var(--ref-radius-circle);
    overflow: hidden
}

._root_be0aa_1 ._thumbnailImage_be0aa_8 {
    vertical-align: bottom
}

._root_1kcn9_1 {
    display: flex;
    align-items: baseline;
    gap: var(--ref-spacing-200);
    margin-bottom: var(--ref-spacing-50)
}

._root_1kcn9_1._themeProfileFace_1kcn9_7 {
    font: var(--sys-font-text-s-100)
}

._root_1kcn9_1._themeProfileFace_1kcn9_7._currentWeek_1kcn9_10 {
    font: var(--sys-font-text-s-200)
}

._root_1kcn9_1._themePlugin_1kcn9_13 {
    font: var(--sys-font-title-s-100);
    color: var(--sys-content-secondary);
    gap: var(--ref-spacing-500);
    margin-bottom: var(--ref-spacing-200)
}

._root_1kcn9_1 ._time_1kcn9_19._colorRed_1kcn9_19 {
    color: var(--sys-content-danger)
}

._root_rz1er_1 ._link_rz1er_1 {
    position: relative;
    z-index: 1
}

._root_rz1er_1 ._thumbnail_rz1er_5 {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    margin-bottom: var(--ref-spacing-300);
    border-radius: var(--ref-radius-400);
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--sys-background-neutral-primary)
}

._root_rz1er_1 ._thumbnailImg_rz1er_18 {
    width: 100%;
    height: 100%
}

._root_rz1er_1 ._saleIcon_rz1er_22 {
    position: absolute;
    top: var(--ref-spacing-200);
    left: var(--ref-spacing-300);
    padding: 0 var(--ref-spacing-100);
    font: var(--sys-font-text-s-100);
    color: var(--sys-content-inverted);
    background: var(--sys-content-danger);
    border-radius: var(--ref-radius-100)
}

._root_rz1er_1 ._contents_rz1er_32 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

._root_rz1er_1 ._title_rz1er_38 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    font: var(--sys-font-text-m-100);
    color: var(--sys-content-primary)
}

._root_rz1er_1 ._titleText_rz1er_45 {
    flex-shrink: 1;
    max-height: calc(var(--ref-typography-text-m-line-height) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

._root_rz1er_1 ._titleExternalLinkIcon_rz1er_55 {
    flex-shrink: 0;
    color: var(--sys-content-tertiary);
    margin-left: var(--ref-spacing-100);
    position: relative;
    top: var(--ref-spacing-100)
}

._root_rz1er_1 ._description_rz1er_62 {
    font: var(--sys-font-text-s-100);
    color: var(--sys-content-tertiary);
    max-height: calc(var(--ref-typography-text-s-line-height) * 2);
    margin-top: var(--ref-spacing-100);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

._root_rz1er_1 ._price_rz1er_74 {
    font: var(--sys-font-text-m-200);
    color: var(--sys-content-secondary)
}

._root_rz1er_1 ._priceBeforeDiscount_rz1er_78 {
    font: var(--sys-font-text-m-200);
    color: var(--sys-content-disabled-primary)
}

._root_wdpub_1 ._link_wdpub_1 {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1
}

._root_wdpub_1 ._thumbnail_wdpub_7 {
    position: relative;
    flex: 0 0 auto;
    width: 112px;
    height: 112px;
    margin-right: var(--ref-spacing-300);
    border-radius: var(--ref-radius-400);
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--sys-background-neutral-primary)
}

._root_wdpub_1 ._contents_wdpub_19 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

._root_wdpub_1 ._title_wdpub_25 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    font: var(--sys-font-text-m-100);
    color: var(--sys-content-primary)
}

._root_wdpub_1 ._titleText_wdpub_32 {
    flex-shrink: 1;
    max-height: calc(var(--ref-typography-text-m-line-height) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

._root_wdpub_1 ._titleExternalLinkIcon_wdpub_42 {
    flex-shrink: 0;
    color: var(--sys-content-tertiary);
    margin-left: var(--ref-spacing-100);
    position: relative;
    top: var(--ref-spacing-100)
}

._root_wdpub_1 ._description_wdpub_49 {
    font: var(--sys-font-text-s-100);
    color: var(--sys-content-tertiary);
    max-height: calc(var(--ref-typography-text-s-line-height) * 2);
    margin-top: var(--ref-spacing-100);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

._root_wdpub_1 ._price_wdpub_61 {
    font: var(--sys-font-text-m-200);
    color: var(--sys-content-secondary)
}

._root_boqte_1 {
    --pluginbox-padding: var(--ref-spacing-400);
    --pluginbox-theme-gradient-start-color: #15c968;
    --pluginbox-theme-gradient-mid-color: #5dabf3;
    --pluginbox-theme-gradient-end-color: #3344d9;
    border: var(--ref-border-100) solid var(--sys-border-secondary);
    background: var(--sys-background-primary);
    border-radius: var(--ref-radius-300);
    padding: var(--pluginbox-padding)
}

._root_boqte_1._themeGray_boqte_14,._root_boqte_1._themeLightGray_boqte_11 {
    background: var(--sys-background-secondary)
}

._root_boqte_1._themeGray_boqte_14 {
    border: none
}

._root_boqte_1._themeGradientBorder_boqte_18 {
    border: var(--ref-border-200) solid transparent;
    background: linear-gradient(var(--sys-background-primary)) padding-box,linear-gradient(90deg,var(--pluginbox-theme-gradient-start-color) 0,var(--pluginbox-theme-gradient-mid-color) 50%,var(--pluginbox-theme-gradient-end-color) 100%) border-box
}

._root_jq4gm_1 {
    margin: 0 calc(var(--pluginbox-padding) * -1);
    padding: var(--ref-spacing-100) var(--ref-spacing-500) var(--ref-spacing-600)
}

._root_14n4r_1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--ref-spacing-100);
    height: 50px;
    border-radius: var(--ref-radius-200);
    border: var(--ref-border-100) solid var(--sys-border-secondary);
    font: var(--sys-font-text-m-200);
    color: var(--sys-content-secondary);
    word-break: keep-all
}

._root_14n4r_1 ._icon_14n4r_14 {
    width: 20px;
    height: 20px;
    color: var(--ref-color-external-brand-line-green)
}

._root_1dpat_1 {
    display: flex;
    justify-content: space-evenly;
    height: 56px
}

._root_ik9ln_1 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 66px;
    margin: calc(var(--pluginbox-padding) * -1) calc(var(--pluginbox-padding) * -1) 0;
    padding: var(--ref-spacing-300) var(--ref-spacing-500)
}

._root_ik9ln_1 ._contentsArea_ik9ln_9 {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word
}

._root_ik9ln_1 ._title_ik9ln_14 {
    font: var(--sys-font-title-s-200);
    color: var(--sys-content-secondary);
    word-break: keep-all
}

._root_ik9ln_1 ._description_ik9ln_19 {
    margin-top: var(--ref-spacing-100);
    font: var(--sys-font-text-xs-100);
    color: var(--sys-content-tertiary)
}

._root_ik9ln_1 ._iconArea_ik9ln_24 {
    width: 87px
}

._root_1kaw6_1 {
    position: relative;
    overflow: hidden;
    border-radius: var(--ref-radius-300);
    padding: 0 var(--ref-spacing-400) var(--ref-spacing-600);
    width: auto;
    height: 300px
}

._root_1kaw6_1:before {
    background: var(--sys-background-tertiary);
    z-index: 1
}

._root_1kaw6_1:after,._root_1kaw6_1:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

._root_1kaw6_1:after {
    background: linear-gradient(90deg,var(--ref-color-common-white-1) 0,var(--ref-color-common-white-6) 50%,var(--ref-color-common-white-1) 100%);
    animation: _moveSkeletonLight_1kaw6_1 1s linear infinite;
    z-index: 2
}

@keyframes _moveSkeletonLight_1kaw6_1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

._root_1y2kf_1 {
    position: relative;
    padding-top: 7px;
    box-sizing: border-box
}

._root_1y2kf_1 ._arrow_1y2kf_6 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 7px;
    margin-left: -6px
}

._root_1y2kf_1 ._arrowPath_1y2kf_15 {
    fill: var(--sys-background-info-primary)
}

._root_1y2kf_1 ._contents_1y2kf_18 {
    background: var(--sys-background-info-primary);
    border-radius: var(--ref-radius-100);
    display: flex;
    align-items: baseline
}

._root_1y2kf_1 ._text_1y2kf_24 {
    flex-grow: 1;
    color: var(--sys-content-inverted);
    font: var(--sys-font-text-s-100);
    padding: var(--ref-spacing-300) 0 var(--ref-spacing-300) var(--ref-spacing-300);
    text-align: left
}

._root_1y2kf_1 ._closeButton_1y2kf_31 {
    width: 20px;
    position: relative;
    padding: var(--ref-spacing-300)
}

._root_1y2kf_1 ._closeButtonIcon_1y2kf_36 {
    vertical-align: middle
}

:root {
    --sys-font-title-xxl-100: normal 400 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --sys-font-title-xxl-200: normal 700 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --sys-font-title-xxl-300: normal 900 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --sys-font-title-xl-100: normal 400 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --sys-font-title-xl-200: normal 700 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --sys-font-title-xl-300: normal 900 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --sys-font-title-l-100: normal 400 1.25rem/1.3 var(--toly-font-family,system-ui);
    --sys-font-title-l-200: normal 700 1.25rem/1.3 var(--toly-font-family,system-ui);
    --sys-font-title-l-300: normal 900 1.25rem/1.3 var(--toly-font-family,system-ui);
    --sys-font-title-m-100: normal 400 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --sys-font-title-m-200: normal 700 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --sys-font-title-m-300: normal 900 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --sys-font-title-s-100: normal 400 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --sys-font-title-s-200: normal 700 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --sys-font-title-s-300: normal 900 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --sys-font-title-xs-100: normal 400 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --sys-font-title-xs-200: normal 700 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --sys-font-title-xs-300: normal 900 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --sys-font-text-l-100: normal 400 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --sys-font-text-l-200: normal 700 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --sys-font-text-l-300: normal 900 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --sys-font-text-m-100: normal 400 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --sys-font-text-m-200: normal 700 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --sys-font-text-m-300: normal 900 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --sys-font-text-s-100: normal 400 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --sys-font-text-s-200: normal 700 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --sys-font-text-s-300: normal 900 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --sys-font-text-xs-100: normal 400 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --sys-font-text-xs-200: normal 700 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --sys-font-text-xs-300: normal 900 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --ref-font-title-xxl-100: normal 400 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --ref-font-title-xxl-200: normal 700 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --ref-font-title-xxl-300: normal 900 2.375rem/1.210526 var(--toly-font-family,system-ui);
    --ref-font-title-xl-100: normal 400 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --ref-font-title-xl-200: normal 700 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --ref-font-title-xl-300: normal 900 1.625rem/1.192308 var(--toly-font-family,system-ui);
    --ref-font-title-l-100: normal 400 1.25rem/1.3 var(--toly-font-family,system-ui);
    --ref-font-title-l-200: normal 700 1.25rem/1.3 var(--toly-font-family,system-ui);
    --ref-font-title-l-300: normal 900 1.25rem/1.3 var(--toly-font-family,system-ui);
    --ref-font-title-m-100: normal 400 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --ref-font-title-m-200: normal 700 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --ref-font-title-m-300: normal 900 1.0625rem/1.294118 var(--toly-font-family,system-ui);
    --ref-font-title-s-100: normal 400 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --ref-font-title-s-200: normal 700 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --ref-font-title-s-300: normal 900 0.9375rem/1.333333 var(--toly-font-family,system-ui);
    --ref-font-title-xs-100: normal 400 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --ref-font-title-xs-200: normal 700 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --ref-font-title-xs-300: normal 900 0.8125rem/1.230769 var(--toly-font-family,system-ui);
    --ref-font-text-l-100: normal 400 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --ref-font-text-l-200: normal 700 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --ref-font-text-l-300: normal 900 1.0625rem/1.529412 var(--toly-font-family,system-ui);
    --ref-font-text-m-100: normal 400 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --ref-font-text-m-200: normal 700 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --ref-font-text-m-300: normal 900 0.9375rem/1.466667 var(--toly-font-family,system-ui);
    --ref-font-text-s-100: normal 400 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --ref-font-text-s-200: normal 700 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --ref-font-text-s-300: normal 900 0.8125rem/1.384615 var(--toly-font-family,system-ui);
    --ref-font-text-xs-100: normal 400 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --ref-font-text-xs-200: normal 700 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --ref-font-text-xs-300: normal 900 0.6875rem/1.454545 var(--toly-font-family,system-ui);
    --ref-shadow-100: 0 0.0625rem 0.125rem 0 #00000012,0 0 0.125rem 0 #00000012;
    --ref-shadow-200: 0 0.0625rem 0.375rem 0 #0000001f;
    --ref-shadow-300: 0 0.0625rem 1.25rem 0 #00000012;
    --ref-shadow-100-0: 0 0.0625rem 0.125rem 0 #00000012;
    --ref-shadow-100-1: 0 0 0.125rem 0 #00000012;
    --ref-color-external-brand-line-green: #06c755;
    --ref-color-external-brand-connected-blue-light: #0157d5;
    --ref-color-external-brand-connected-blue-dark-1: #0869f7;
    --ref-color-external-brand-connected-blue-dark-2: #488ff9;
    --ref-color-external-brand-connected-blue-dark-3: #1b71ee;
    --ref-color-external-brand-oa-skyblue-1: #6bb2dd;
    --ref-color-external-brand-oa-skyblue-2: #2f6f9f;
    --ref-color-common-black-1: rgba(0,0,0,.04);
    --ref-color-common-black-2: rgba(0,0,0,.08);
    --ref-color-common-black-3: rgba(0,0,0,.12);
    --ref-color-common-black-4: rgba(0,0,0,.24);
    --ref-color-common-black-5: rgba(0,0,0,.36);
    --ref-color-common-black-6: rgba(0,0,0,.48);
    --ref-color-common-black-7: rgba(0,0,0,.7);
    --ref-color-common-black-8: #000;
    --ref-color-common-white-1: hsla(0,0%,100%,.04);
    --ref-color-common-white-2: hsla(0,0%,100%,.08);
    --ref-color-common-white-3: hsla(0,0%,100%,.12);
    --ref-color-common-white-4: hsla(0,0%,100%,.24);
    --ref-color-common-white-5: hsla(0,0%,100%,.36);
    --ref-color-common-white-6: hsla(0,0%,100%,.48);
    --ref-color-common-white-7: hsla(0,0%,100%,.7);
    --ref-color-common-white-8: #fff;
    --ref-color-light-gray-1: #f4f4f4;
    --ref-color-light-gray-2: #ebebeb;
    --ref-color-light-gray-3: #d9d9d9;
    --ref-color-light-gray-4: #b7b7b7;
    --ref-color-light-gray-5: #868686;
    --ref-color-light-gray-6: #767676;
    --ref-color-light-gray-7: #6a6a6a;
    --ref-color-light-gray-8: #434343;
    --ref-color-light-red-1: #fff2ef;
    --ref-color-light-red-2: #ffe5df;
    --ref-color-light-red-3: #ffcec5;
    --ref-color-light-red-4: #ff9d8e;
    --ref-color-light-red-5: #f14b43;
    --ref-color-light-red-6: #d93c37;
    --ref-color-light-red-7: #c13832;
    --ref-color-light-red-8: #792822;
    --ref-color-light-orange-1: #fff2eb;
    --ref-color-light-orange-2: #ffe6d9;
    --ref-color-light-orange-3: #ffcfb6;
    --ref-color-light-orange-4: #f7a376;
    --ref-color-light-orange-5: #dd6214;
    --ref-color-light-orange-6: #c65204;
    --ref-color-light-orange-7: #b14b09;
    --ref-color-light-orange-8: #6f320e;
    --ref-color-light-yellow-1: #fef3e9;
    --ref-color-light-yellow-2: #fce8d3;
    --ref-color-light-yellow-3: #f3d4b2;
    --ref-color-light-yellow-4: #e1ad6b;
    --ref-color-light-yellow-5: #b97904;
    --ref-color-light-yellow-6: #a36b0a;
    --ref-color-light-yellow-7: #91600d;
    --ref-color-light-yellow-8: #5c3d10;
    --ref-color-light-lime-1: #f3f6e9;
    --ref-color-light-lime-2: #e9eed3;
    --ref-color-light-lime-3: #d4dfb0;
    --ref-color-light-lime-4: #a8c065;
    --ref-color-light-lime-5: #719219;
    --ref-color-light-lime-6: #648019;
    --ref-color-light-lime-7: #5a7219;
    --ref-color-light-lime-8: #3b4816;
    --ref-color-light-green-1: #edf8eb;
    --ref-color-light-green-2: #ddf0d9;
    --ref-color-light-green-3: #c0e3bb;
    --ref-color-light-green-4: #81c87b;
    --ref-color-light-green-5: #3b993d;
    --ref-color-light-green-6: #368637;
    --ref-color-light-green-7: #327833;
    --ref-color-light-green-8: #244c22;
    --ref-color-light-turquoise-1: #ecf7f5;
    --ref-color-light-turquoise-2: #dbefeb;
    --ref-color-light-turquoise-3: #bce1da;
    --ref-color-light-turquoise-4: #7ac4b9;
    --ref-color-light-turquoise-5: #129789;
    --ref-color-light-turquoise-6: #178478;
    --ref-color-light-turquoise-7: #1a766c;
    --ref-color-light-turquoise-8: #1a4b45;
    --ref-color-light-blue-1: #eef5ff;
    --ref-color-light-blue-2: #deecff;
    --ref-color-light-blue-3: #c3dbfd;
    --ref-color-light-blue-4: #8ab9fe;
    --ref-color-light-blue-5: #3083fd;
    --ref-color-light-blue-6: #0c6efd;
    --ref-color-light-blue-7: #0260ea;
    --ref-color-light-blue-8: #003e96;
    --ref-color-light-violet-1: #f7f3ff;
    --ref-color-light-violet-2: #eee8fd;
    --ref-color-light-violet-3: #ded4f9;
    --ref-color-light-violet-4: #beacf4;
    --ref-color-light-violet-5: #8974eb;
    --ref-color-light-violet-6: #7462e8;
    --ref-color-light-violet-7: #6656d6;
    --ref-color-light-violet-8: #443883;
    --ref-color-light-purple-1: #faf2f9;
    --ref-color-light-purple-2: #f5e6f4;
    --ref-color-light-purple-3: #ecd2e9;
    --ref-color-light-purple-4: #d8a7d4;
    --ref-color-light-purple-5: #ba6ab7;
    --ref-color-light-purple-6: #af53ad;
    --ref-color-light-purple-7: #a1449f;
    --ref-color-light-purple-8: #652f63;
    --ref-color-light-pink-1: #fff1f4;
    --ref-color-light-pink-2: #fee5eb;
    --ref-color-light-pink-3: #f9ced9;
    --ref-color-light-pink-4: #f1a0b8;
    --ref-color-light-pink-5: #dd5888;
    --ref-color-light-pink-6: #c34d78;
    --ref-color-light-pink-7: #ae466b;
    --ref-color-light-pink-8: #6b3044;
    --ref-color-light-alpha-gray-1: rgba(0,0,0,.04);
    --ref-color-light-alpha-gray-2: rgba(0,0,0,.08);
    --ref-color-light-alpha-gray-3: rgba(0,0,0,.15);
    --ref-color-light-alpha-gray-4: rgba(0,0,0,.28);
    --ref-color-light-alpha-gray-5: rgba(0,0,0,.47);
    --ref-color-light-alpha-gray-6: rgba(0,0,0,.54);
    --ref-color-light-alpha-gray-7: rgba(0,0,0,.58);
    --ref-color-light-alpha-gray-8: rgba(0,0,0,.74);
    --ref-color-light-alpha-red-1: rgba(255,49,2,.06);
    --ref-color-light-alpha-red-2: rgba(255,49,2,.13);
    --ref-color-light-alpha-red-3: rgba(255,41,1,.23);
    --ref-color-light-alpha-red-4: rgba(255,35,1,.44);
    --ref-color-light-alpha-red-5: rgba(237,12,1,.74);
    --ref-color-light-alpha-red-6: rgba(207,7,1,.79);
    --ref-color-light-alpha-red-7: rgba(178,8,1,.8);
    --ref-color-light-alpha-red-8: rgba(101,8,1,.87);
    --ref-color-light-alpha-orange-1: rgba(255,91,2,.08);
    --ref-color-light-alpha-orange-2: rgba(255,89,2,.15);
    --ref-color-light-alpha-orange-3: rgba(255,88,1,.29);
    --ref-color-light-alpha-orange-4: rgba(241,84,1,.54);
    --ref-color-light-alpha-orange-5: rgba(219,85,1,.92);
    --ref-color-light-alpha-orange-6: rgba(197,79,0,.98);
    --ref-color-light-alpha-orange-7: rgba(175,69,1,.96);
    --ref-color-light-alpha-orange-8: rgba(103,39,1,.95);
    --ref-color-light-alpha-yellow-1: rgba(244,118,3,.09);
    --ref-color-light-alpha-yellow-2: rgba(238,123,1,.17);
    --ref-color-light-alpha-yellow-3: rgba(216,113,1,.3);
    --ref-color-light-alpha-yellow-4: rgba(204,114,1,.58);
    --ref-color-light-alpha-yellow-5: rgba(184,119,0,.98);
    --ref-color-light-alpha-yellow-6: rgba(160,101,1,.96);
    --ref-color-light-alpha-yellow-7: rgba(140,88,1,.95);
    --ref-color-light-alpha-yellow-8: rgba(82,49,1,.94);
    --ref-color-light-alpha-lime-1: rgba(118,152,3,.09);
    --ref-color-light-alpha-lime-2: rgba(128,157,1,.17);
    --ref-color-light-alpha-lime-3: rgba(117,152,1,.31);
    --ref-color-light-alpha-lime-4: rgba(111,151,1,.6);
    --ref-color-light-alpha-lime-5: rgba(98,135,1,.9);
    --ref-color-light-alpha-lime-6: rgba(84,115,1,.9);
    --ref-color-light-alpha-lime-7: rgba(73,99,1,.9);
    --ref-color-light-alpha-lime-8: rgba(41,55,1,.91);
    --ref-color-light-alpha-green-1: rgba(28,167,2,.08);
    --ref-color-light-alpha-green-2: rgba(29,155,2,.15);
    --ref-color-light-alpha-green-3: rgba(20,151,1,.27);
    --ref-color-light-alpha-green-4: rgba(12,149,1,.52);
    --ref-color-light-alpha-green-5: rgba(1,123,3,.77);
    --ref-color-light-alpha-green-6: rgba(1,102,2,.79);
    --ref-color-light-alpha-green-7: rgba(1,88,2,.8);
    --ref-color-light-alpha-green-8: rgba(3,49,1,.87);
    --ref-color-light-alpha-turquoise-1: rgba(2,149,122,.08);
    --ref-color-light-alpha-turquoise-2: rgba(2,143,115,.14);
    --ref-color-light-alpha-turquoise-3: rgba(1,141,115,.26);
    --ref-color-light-alpha-turquoise-4: rgba(1,142,121,.52);
    --ref-color-light-alpha-turquoise-5: rgba(1,144,129,.93);
    --ref-color-light-alpha-turquoise-6: rgba(1,120,107,.91);
    --ref-color-light-alpha-turquoise-7: rgba(1,103,92,.9);
    --ref-color-light-alpha-turquoise-8: rgba(1,55,49,.9);
    --ref-color-light-alpha-blue-1: rgba(2,106,255,.07);
    --ref-color-light-alpha-blue-2: rgba(2,109,255,.13);
    --ref-color-light-alpha-blue-3: rgba(1,103,247,.24);
    --ref-color-light-alpha-blue-4: rgba(1,103,253,.46);
    --ref-color-light-alpha-blue-5: rgba(1,103,253,.81);
    --ref-color-light-alpha-blue-6: rgba(1,103,253,.95);
    --ref-color-light-alpha-blue-7: rgba(0,93,234,.98);
    --ref-color-light-alpha-blue-8: rgba(0,59,148,.98);
    --ref-color-light-alpha-violet-1: rgba(89,6,255,.05);
    --ref-color-light-alpha-violet-2: rgba(69,3,234,.09);
    --ref-color-light-alpha-violet-3: rgba(60,1,220,.17);
    --ref-color-light-alpha-violet-4: rgba(56,1,222,.33);
    --ref-color-light-alpha-violet-5: rgba(39,1,219,.55);
    --ref-color-light-alpha-violet-6: rgba(30,1,218,.62);
    --ref-color-light-alpha-violet-7: rgba(25,1,194,.66);
    --ref-color-light-alpha-violet-8: rgba(16,1,97,.78);
    --ref-color-light-alpha-purple-1: rgba(157,1,138,.05);
    --ref-color-light-alpha-purple-2: rgba(154,3,144,.1);
    --ref-color-light-alpha-purple-3: rgba(148,1,131,.18);
    --ref-color-light-alpha-purple-4: rgba(143,1,131,.35);
    --ref-color-light-alpha-purple-5: rgba(138,1,132,.58);
    --ref-color-light-alpha-purple-6: rgba(137,1,134,.68);
    --ref-color-light-alpha-purple-7: rgba(127,1,125,.73);
    --ref-color-light-alpha-purple-8: rgba(67,1,64,.82);
    --ref-color-light-alpha-pink-1: rgba(255,1,56,.05);
    --ref-color-light-alpha-pink-2: rgba(246,1,59,.1);
    --ref-color-light-alpha-pink-3: rgba(224,2,59,.19);
    --ref-color-light-alpha-pink-4: rgba(218,1,65,.37);
    --ref-color-light-alpha-pink-5: rgba(204,1,74,.65);
    --ref-color-light-alpha-pink-6: rgba(170,1,62,.7);
    --ref-color-light-alpha-pink-7: rgba(144,1,52,.73);
    --ref-color-light-alpha-pink-8: rgba(73,1,25,.81);
    --ref-color-light-base: #fff;
    --ref-color-dark-base: #222;
    --ref-color-dark-gray-1: #292929;
    --ref-color-dark-gray-2: #2f2f2f;
    --ref-color-dark-gray-3: #3b3b3b;
    --ref-color-dark-gray-4: #515151;
    --ref-color-dark-gray-5: #787878;
    --ref-color-dark-gray-6: #898989;
    --ref-color-dark-gray-7: #979797;
    --ref-color-dark-gray-8: #cbcbcb;
    --ref-color-dark-red-1: #471b17;
    --ref-color-dark-red-2: #531f1a;
    --ref-color-dark-red-3: #68241e;
    --ref-color-dark-red-4: #922e28;
    --ref-color-dark-red-5: #dc3d37;
    --ref-color-dark-red-6: #f14f45;
    --ref-color-dark-red-7: #f9695a;
    --ref-color-dark-red-8: #ffbbaf;
    --ref-color-dark-orange-1: #43200c;
    --ref-color-dark-orange-2: #4d240d;
    --ref-color-dark-orange-3: #5f2c0e;
    --ref-color-dark-orange-4: #863b0e;
    --ref-color-dark-orange-5: #c95405;
    --ref-color-dark-orange-6: #de6419;
    --ref-color-dark-orange-7: #e77839;
    --ref-color-dark-orange-8: #fdbd9c;
    --ref-color-dark-yellow-1: #37260e;
    --ref-color-dark-yellow-2: #3f2b0e;
    --ref-color-dark-yellow-3: #4f3610;
    --ref-color-dark-yellow-4: #704911;
    --ref-color-dark-yellow-5: #a66c0b;
    --ref-color-dark-yellow-6: #bb7b03;
    --ref-color-dark-yellow-7: #cb8921;
    --ref-color-dark-yellow-8: #eec595;
    --ref-color-dark-lime-1: #252c11;
    --ref-color-dark-lime-2: #2a3313;
    --ref-color-dark-lime-3: #333f14;
    --ref-color-dark-lime-4: #475818;
    --ref-color-dark-lime-5: #658219;
    --ref-color-dark-lime-6: #73941a;
    --ref-color-dark-lime-7: #7ea419;
    --ref-color-dark-lime-8: #c3d291;
    --ref-color-dark-green-1: #192e17;
    --ref-color-dark-green-2: #1c351a;
    --ref-color-dark-green-3: #21421f;
    --ref-color-dark-green-4: #2a5c29;
    --ref-color-dark-green-5: #388938;
    --ref-color-dark-green-6: #3c9b3e;
    --ref-color-dark-green-7: #41ac44;
    --ref-color-dark-green-8: #a6d89f;
    --ref-color-dark-turquoise-1: #142d29;
    --ref-color-dark-turquoise-2: #163430;
    --ref-color-dark-turquoise-3: #19413c;
    --ref-color-dark-turquoise-4: #1c5b54;
    --ref-color-dark-turquoise-5: #18877b;
    --ref-color-dark-turquoise-6: #11998b;
    --ref-color-dark-turquoise-7: #20a89a;
    --ref-color-dark-turquoise-8: #a2d5cd;
    --ref-color-dark-blue-1: #0b2851;
    --ref-color-dark-blue-2: #0d2e5d;
    --ref-color-dark-blue-3: #113973;
    --ref-color-dark-blue-4: #174f9f;
    --ref-color-dark-blue-5: #2274eb;
    --ref-color-dark-blue-6: #3486fe;
    --ref-color-dark-blue-7: #5196fd;
    --ref-color-dark-blue-8: #adceff;
    --ref-color-dark-pink-1: #401f29;
    --ref-color-dark-pink-2: #4b2330;
    --ref-color-dark-pink-3: #5d2a3a;
    --ref-color-dark-pink-4: #833852;
    --ref-color-dark-pink-5: #c64e79;
    --ref-color-dark-pink-6: #de5b89;
    --ref-color-dark-pink-7: #e57298;
    --ref-color-dark-pink-8: #f7bccc;
    --ref-color-dark-purple-1: #3c1f3b;
    --ref-color-dark-purple-2: #452243;
    --ref-color-dark-purple-3: #562a55;
    --ref-color-dark-purple-4: #7a3779;
    --ref-color-dark-purple-5: #b055ae;
    --ref-color-dark-purple-6: #bb6cb8;
    --ref-color-dark-purple-7: #c57ec1;
    --ref-color-dark-purple-8: #e5c1e2;
    --ref-color-dark-violet-1: #2b234d;
    --ref-color-dark-violet-2: #312859;
    --ref-color-dark-violet-3: #3b3170;
    --ref-color-dark-violet-4: #5043a1;
    --ref-color-dark-violet-5: #7664e8;
    --ref-color-dark-violet-6: #8d77ed;
    --ref-color-dark-violet-7: #9d88f0;
    --ref-color-dark-violet-8: #d3c4f9;
    --ref-color-dark-alpha-gray-1: hsla(0,0%,100%,.03);
    --ref-color-dark-alpha-gray-2: hsla(0,0%,100%,.06);
    --ref-color-dark-alpha-gray-3: hsla(0,0%,100%,.11);
    --ref-color-dark-alpha-gray-4: hsla(0,0%,100%,.21);
    --ref-color-dark-alpha-gray-5: hsla(0,0%,100%,.39);
    --ref-color-dark-alpha-gray-6: hsla(0,0%,100%,.47);
    --ref-color-dark-alpha-gray-7: hsla(0,0%,100%,.53);
    --ref-color-dark-alpha-gray-8: hsla(0,0%,100%,.76);
    --ref-color-dark-alpha-red-1: rgba(255,0,0,.17);
    --ref-color-dark-alpha-red-2: rgba(255,21,0,.22);
    --ref-color-dark-alpha-red-3: rgba(255,41,22,.32);
    --ref-color-dark-alpha-red-4: rgba(255,58,46,.51);
    --ref-color-dark-alpha-red-5: rgba(255,67,59,.84);
    --ref-color-dark-alpha-red-6: rgba(255,83,72,.94);
    --ref-color-dark-alpha-red-7: rgba(255,107,92,.97);
    --ref-color-dark-alpha-red-8: rgba(255,191,178,.98);
    --ref-color-dark-alpha-orange-1: rgba(255,21,0,.15);
    --ref-color-dark-alpha-orange-2: rgba(255,45,0,.19);
    --ref-color-dark-alpha-orange-3: rgba(255,71,0,.28);
    --ref-color-dark-alpha-orange-4: rgba(255,90,0,.45);
    --ref-color-dark-alpha-orange-5: rgba(255,101,0,.76);
    --ref-color-dark-alpha-orange-6: rgba(255,112,24,.85);
    --ref-color-dark-alpha-orange-7: rgba(255,131,60,.89);
    --ref-color-dark-alpha-orange-8: rgba(255,193,159,.98);
    --ref-color-dark-alpha-yellow-1: rgba(253,76,0,.1);
    --ref-color-dark-alpha-yellow-2: rgba(254,103,0,.13);
    --ref-color-dark-alpha-yellow-3: rgba(255,133,0,.2);
    --ref-color-dark-alpha-yellow-4: rgba(255,145,0,.35);
    --ref-color-dark-alpha-yellow-5: rgba(255,158,0,.6);
    --ref-color-dark-alpha-yellow-6: rgba(255,163,0,.69);
    --ref-color-dark-alpha-yellow-7: rgba(255,169,33,.76);
    --ref-color-dark-alpha-yellow-8: rgba(255,211,159,.92);
    --ref-color-dark-alpha-lime-1: rgba(40,54,0,.5);
    --ref-color-dark-alpha-lime-2: rgba(138,255,0,.08);
    --ref-color-dark-alpha-lime-3: rgba(163,254,0,.13);
    --ref-color-dark-alpha-lime-4: rgba(186,255,0,.25);
    --ref-color-dark-alpha-lime-5: rgba(189,255,14,.44);
    --ref-color-dark-alpha-lime-6: rgba(191,255,19,.52);
    --ref-color-dark-alpha-lime-7: rgba(191,255,19,.59);
    --ref-color-dark-alpha-lime-8: rgba(237,255,174,.8);
    --ref-color-dark-alpha-green-1: rgba(7,72,1,.32);
    --ref-color-dark-alpha-green-2: rgba(0,255,0,.09);
    --ref-color-dark-alpha-green-3: rgba(28,255,14,.14);
    --ref-color-dark-alpha-green-4: rgba(65,255,61,.26);
    --ref-color-dark-alpha-green-5: rgba(82,255,82,.47);
    --ref-color-dark-alpha-green-6: rgba(82,255,86,.55);
    --ref-color-dark-alpha-green-7: rgba(84,255,89,.63);
    --ref-color-dark-alpha-green-8: rgba(195,255,186,.82);
    --ref-color-dark-alpha-turquoise-1: rgba(0,255,175,.05);
    --ref-color-dark-alpha-turquoise-2: rgba(0,254,205,.08);
    --ref-color-dark-alpha-turquoise-3: rgba(0,254,219,.14);
    --ref-color-dark-alpha-turquoise-4: rgba(11,255,228,.26);
    --ref-color-dark-alpha-turquoise-5: rgba(13,255,229,.46);
    --ref-color-dark-alpha-turquoise-6: rgba(3,255,229,.54);
    --ref-color-dark-alpha-turquoise-7: rgba(31,255,232,.61);
    --ref-color-dark-alpha-turquoise-8: rgba(193,255,246,.81);
    --ref-color-dark-alpha-blue-1: rgba(0,63,255,.21);
    --ref-color-dark-alpha-blue-2: rgba(0,79,255,.27);
    --ref-color-dark-alpha-blue-3: rgba(0,97,255,.37);
    --ref-color-dark-alpha-blue-4: rgba(15,114,255,.57);
    --ref-color-dark-alpha-blue-5: rgba(34,125,255,.91);
    --ref-color-dark-alpha-blue-6: rgba(53,137,255,.98);
    --ref-color-dark-alpha-blue-7: rgba(82,153,255,.98);
    --ref-color-dark-alpha-blue-8: rgba(176,210,255,.98);
    --ref-color-dark-alpha-violet-1: rgba(81,40,255,.19);
    --ref-color-dark-alpha-violet-2: rgba(95,59,255,.25);
    --ref-color-dark-alpha-violet-3: rgba(105,77,255,.35);
    --ref-color-dark-alpha-violet-4: rgba(114,92,255,.57);
    --ref-color-dark-alpha-violet-5: rgba(128,108,255,.9);
    --ref-color-dark-alpha-violet-6: rgba(151,127,255,.92);
    --ref-color-dark-alpha-violet-7: rgba(166,144,255,.93);
    --ref-color-dark-alpha-violet-8: rgba(216,201,255,.97);
    --ref-color-dark-alpha-purple-1: rgba(255,9,246,.12);
    --ref-color-dark-alpha-purple-2: rgba(255,35,242,.16);
    --ref-color-dark-alpha-purple-3: rgba(255,68,251,.24);
    --ref-color-dark-alpha-purple-4: rgba(255,87,253,.4);
    --ref-color-dark-alpha-purple-5: rgba(255,114,252,.64);
    --ref-color-dark-alpha-purple-6: rgba(255,141,251,.69);
    --ref-color-dark-alpha-purple-7: rgba(255,159,250,.74);
    --ref-color-dark-alpha-purple-8: rgba(255,215,252,.88);
    --ref-color-dark-alpha-pink-1: rgba(255,12,86,.14);
    --ref-color-dark-alpha-pink-2: rgba(255,40,110,.19);
    --ref-color-dark-alpha-pink-3: rgba(255,64,124,.27);
    --ref-color-dark-alpha-pink-4: rgba(255,85,144,.44);
    --ref-color-dark-alpha-pink-5: rgba(255,94,152,.74);
    --ref-color-dark-alpha-pink-6: rgba(255,101,156,.85);
    --ref-color-dark-alpha-pink-7: rgba(255,125,168,.88);
    --ref-color-dark-alpha-pink-8: rgba(255,194,211,.96);
    --spectrum-color-seafoam-100: #cef7f3;
    --spectrum-color-seafoam-300: #8ce9e2;
    --spectrum-color-seafoam-500: #3fc9c1;
    --spectrum-color-seafoam-600: #0fb5ae;
    --spectrum-color-indigo-100: #edeeff;
    --spectrum-color-indigo-300: #d3d5ff;
    --spectrum-color-indigo-400: #c1c4ff;
    --spectrum-color-indigo-500: #acafff;
    --spectrum-color-indigo-600: #9599ff;
    --spectrum-color-indigo-700: #7e84fc;
    --spectrum-color-indigo-800: #686df4;
    --spectrum-color-indigo-1000: #4046ca;
    --spectrum-color-orange-100: #ffeccc;
    --spectrum-color-orange-200: #ffdfad;
    --spectrum-color-orange-300: #fdd291;
    --spectrum-color-orange-400: #ffbb63;
    --spectrum-color-orange-500: #ffa037;
    --spectrum-color-orange-600: #f68511;
    --spectrum-color-orange-800: #cb5d00;
    --spectrum-color-magenta-200: #ffdce8;
    --spectrum-color-magenta-400: #ffb2ce;
    --spectrum-color-magenta-600: #fa77aa;
    --spectrum-color-magenta-800: #de3d82;
    --spectrum-color-celery-100: #cdfcbf;
    --spectrum-color-celery-200: #aef69d;
    --spectrum-color-celery-300: #96ee85;
    --spectrum-color-celery-400: #72e06a;
    --spectrum-color-blue-200: #cae8ff;
    --spectrum-color-blue-400: #96cefd;
    --spectrum-color-blue-600: #59a7f6;
    --spectrum-color-blue-800: #147af3;
    --spectrum-color-purple-400: #dbbbfe;
    --spectrum-color-purple-600: #bd8bfc;
    --spectrum-color-purple-800: #9d57f4;
    --spectrum-color-purple-1000: #7326d3;
    --spectrum-color-yellow-100: #fbf198;
    --spectrum-color-yellow-200: #f8e750;
    --spectrum-color-yellow-300: #f8d904;
    --spectrum-color-yellow-400: #e8c600;
    --spectrum-color-green-200: #adf4ce;
    --spectrum-color-green-400: #67dea8;
    --spectrum-color-green-600: #2fb880;
    --spectrum-color-green-800: #008f5d;
    --spectrum-color-chartreuse-100: #dbfc6e;
    --spectrum-color-chartreuse-200: #cbf443;
    --spectrum-color-chartreuse-300: #bce92a;
    --spectrum-color-chartreuse-400: #aad816;
    --ref-typography-font-family-default: SF Pro Text;
    --ref-typography-font-family-emoji: SF Pro Text;
    --ref-typography-font-weight-100: regular;
    --ref-typography-font-weight-200: bold;
    --ref-typography-font-weight-300: heavy;
    --ref-typography-title-xxl-size: 2.375rem;
    --ref-typography-title-xxl-line-height: 2.875rem;
    --ref-typography-title-xl-size: 1.625rem;
    --ref-typography-title-xl-line-height: 1.9375rem;
    --ref-typography-title-l-size: 1.25rem;
    --ref-typography-title-l-line-height: 1.625rem;
    --ref-typography-title-m-size: 1.0625rem;
    --ref-typography-title-m-line-height: 1.375rem;
    --ref-typography-title-s-size: 0.9375rem;
    --ref-typography-title-s-line-height: 1.25rem;
    --ref-typography-title-xs-size: 0.8125rem;
    --ref-typography-title-xs-line-height: 1rem;
    --ref-typography-text-l-size: 1.0625rem;
    --ref-typography-text-l-line-height: 1.625rem;
    --ref-typography-text-m-size: 0.9375rem;
    --ref-typography-text-m-line-height: 1.375rem;
    --ref-typography-text-s-size: 0.8125rem;
    --ref-typography-text-s-line-height: 1.125rem;
    --ref-typography-text-xs-size: 0.6875rem;
    --ref-typography-text-xs-line-height: 1rem;
    --ref-breakpoint-100: 0;
    --ref-breakpoint-200: 712px;
    --ref-breakpoint-300: 1048px;
    --ref-breakpoint-400: 1440px;
    --ref-spacing-50: 0.125rem;
    --ref-spacing-100: 0.25rem;
    --ref-spacing-200: 0.5rem;
    --ref-spacing-300: 0.75rem;
    --ref-spacing-400: 1rem;
    --ref-spacing-500: 1.25rem;
    --ref-spacing-600: 1.5rem;
    --ref-spacing-700: 1.75rem;
    --ref-spacing-800: 2rem;
    --ref-spacing-900: 2.25rem;
    --ref-spacing-1000: 2.5rem;
    --ref-spacing-1100: 2.75rem;
    --ref-spacing-1200: 3rem;
    --ref-spacing-1300: 3.25rem;
    --ref-spacing-1400: 3.5rem;
    --ref-radius-100: 0.1875rem;
    --ref-radius-200: 0.3125rem;
    --ref-radius-300: 0.4375rem;
    --ref-radius-400: 0.75rem;
    --ref-radius-circle: 62.5rem;
    --ref-border-100: 1px;
    --ref-border-200: 2px;
    --ref-opacity-50: 4%;
    --ref-opacity-100: 8%;
    --ref-opacity-200: 16%;
    --ref-opacity-300: 24%;
    --ref-opacity-400: 32%;
    --ref-opacity-500: 40%;
    --ref-opacity-600: 48%;
    --ref-opacity-700: 56%;
    --ref-opacity-800: 64%;
    --ref-opacity-900: 72%;
    --ref-opacity-1000: 80%;
    --ref-opacity-1100: 88%;
    --ref-opacity-1200: 96%;
    --sys-state-hover-primary: var(--ref-opacity-900);
    --sys-state-pressed-primary: var(--ref-opacity-600);
    --sys-state-pressed-secondary: var(--ref-color-light-alpha-gray-3);
    --sys-state-hover-secondary: var(--ref-color-light-alpha-gray-1);
    --sys-state-disabled-primary: var(--ref-opacity-400);
    --sys-background-disabled-primary: var(--ref-color-light-gray-2);
    --sys-background-primary: var(--ref-color-light-base);
    --sys-background-secondary: var(--ref-color-light-gray-1);
    --sys-background-key: var(--ref-color-external-brand-connected-blue-light);
    --sys-background-alert: var(--ref-color-light-red-6);
    --sys-background-disabled-secondary: var(--ref-color-light-blue-3);
    --sys-background-tertiary: var(--ref-color-light-gray-3);
    --sys-background-scrim: var(--ref-color-light-alpha-gray-8);
    --sys-background-success-secondary: var(--ref-color-light-alpha-green-2);
    --sys-background-danger-secondary: var(--ref-color-light-alpha-red-2);
    --sys-background-info-secondary: var(--ref-color-light-alpha-blue-2);
    --sys-background-warning-secondary: var(--ref-color-light-alpha-orange-2);
    --sys-background-preset-01: var(--ref-color-light-green-6);
    --sys-background-preset-02: var(--ref-color-light-red-6);
    --sys-background-preset-03: var(--ref-color-light-blue-6);
    --sys-background-preset-04: var(--ref-color-light-orange-6);
    --sys-background-preset-05: var(--ref-color-light-gray-6);
    --sys-background-success-primary: var(--ref-color-light-green-6);
    --sys-background-danger-primary: var(--ref-color-light-red-6);
    --sys-background-info-primary: var(--ref-color-light-blue-6);
    --sys-background-warning-primary: var(--ref-color-light-orange-6);
    --sys-background-neutral-primary: var(--ref-color-light-gray-7);
    --sys-background-accent: var(--ref-color-common-black-8);
    --sys-background-selection: var(--ref-color-light-blue-3);
    --sys-background-media: var(--ref-color-common-black-8);
    --sys-background-preset-06: var(--ref-color-light-blue-1);
    --sys-border-primary: var(--ref-color-light-gray-5);
    --sys-border-secondary: var(--ref-color-light-gray-3);
    --sys-border-disabled: var(--ref-color-light-gray-3);
    --sys-border-key: var(--ref-color-external-brand-connected-blue-light);
    --sys-border-inverted: var(--ref-color-common-white-8);
    --sys-border-alert: var(--ref-color-light-red-6);
    --sys-border-focus: var(--ref-color-light-blue-6);
    --sys-border-warning: var(--ref-color-light-orange-6);
    --sys-border-danger: var(--ref-color-light-red-6);
    --sys-border-info: var(--ref-color-light-blue-6);
    --sys-border-success: var(--ref-color-light-green-6);
    --sys-border-preset-05: var(--ref-color-light-gray-6);
    --sys-border-preset-01: var(--ref-color-light-green-6);
    --sys-border-preset-02: var(--ref-color-light-red-6);
    --sys-border-preset-03: var(--ref-color-light-blue-6);
    --sys-border-preset-04: var(--ref-color-light-orange-6);
    --sys-border-accent: var(--ref-color-common-black-8);
    --sys-content-primary: var(--ref-color-common-black-8);
    --sys-content-secondary: var(--ref-color-light-gray-8);
    --sys-content-tertiary: var(--ref-color-light-gray-7);
    --sys-content-key: var(--ref-color-external-brand-connected-blue-light);
    --sys-content-disabled-primary: var(--ref-color-light-gray-4);
    --sys-content-inverted: var(--ref-color-common-white-8);
    --sys-content-alert: var(--ref-color-light-red-6);
    --sys-content-disabled-secondary: var(--ref-color-common-white-6);
    --sys-content-focus: var(--ref-color-light-blue-6);
    --sys-content-link: var(--ref-color-light-blue-7);
    --sys-content-danger: var(--ref-color-light-red-6);
    --sys-content-info: var(--ref-color-light-blue-6);
    --sys-content-warning: var(--ref-color-light-orange-6);
    --sys-content-success: var(--ref-color-light-green-6);
    --sys-content-preset-01: var(--ref-color-light-green-6);
    --sys-content-preset-03: var(--ref-color-light-blue-6);
    --sys-content-preset-02: var(--ref-color-light-red-6);
    --sys-content-preset-04: var(--ref-color-light-orange-6);
    --sys-content-preset-05: var(--ref-color-light-gray-6);
    --sys-content-accent: var(--ref-color-common-black-8);
    --sys-content-preset-06: var(--ref-color-external-brand-oa-skyblue-1);
    --sys-content-preset-07: var(--ref-color-external-brand-oa-skyblue-2);
    --sys-chart-category-10-dark: var(--spectrum-color-orange-800);
    --sys-chart-category-10-medium: var(--spectrum-color-orange-600);
    --sys-chart-category-10-light: var(--spectrum-color-orange-400);
    --sys-chart-category-10-lightest: var(--spectrum-color-orange-200);
    --sys-chart-category-11-dark: var(--spectrum-color-green-800);
    --sys-chart-category-11-medium: var(--spectrum-color-green-600);
    --sys-chart-category-11-light: var(--spectrum-color-green-400);
    --sys-chart-category-11-lightest: var(--spectrum-color-green-200);
    --sys-chart-category-12-dark: var(--spectrum-color-chartreuse-400);
    --sys-chart-category-12-medium: var(--spectrum-color-chartreuse-300);
    --sys-chart-category-12-light: var(--spectrum-color-chartreuse-200);
    --sys-chart-category-12-lightest: var(--spectrum-color-chartreuse-100);
    --sys-chart-category-01-dark: var(--spectrum-color-seafoam-600);
    --sys-chart-category-01-medium: var(--spectrum-color-seafoam-500);
    --sys-chart-category-01-light: var(--spectrum-color-seafoam-300);
    --sys-chart-category-01-lightest: var(--spectrum-color-seafoam-100);
    --sys-chart-category-02-dark: var(--spectrum-color-indigo-1000);
    --sys-chart-category-02-medium: var(--spectrum-color-indigo-800);
    --sys-chart-category-02-light: var(--spectrum-color-indigo-600);
    --sys-chart-category-02-lightest: var(--spectrum-color-indigo-400);
    --sys-chart-category-03-dark: var(--spectrum-color-orange-600);
    --sys-chart-category-03-medium: var(--spectrum-color-orange-500);
    --sys-chart-category-03-light: var(--spectrum-color-orange-300);
    --sys-chart-category-03-lightest: var(--spectrum-color-orange-100);
    --sys-chart-category-04-dark: var(--spectrum-color-magenta-800);
    --sys-chart-category-04-medium: var(--spectrum-color-magenta-600);
    --sys-chart-category-04-light: var(--spectrum-color-magenta-400);
    --sys-chart-category-04-lightest: var(--spectrum-color-magenta-200);
    --sys-chart-category-05-dark: var(--spectrum-color-indigo-700);
    --sys-chart-category-05-medium: var(--spectrum-color-indigo-500);
    --sys-chart-category-05-light: var(--spectrum-color-indigo-300);
    --sys-chart-category-05-lightest: var(--spectrum-color-indigo-100);
    --sys-chart-category-06-dark: var(--spectrum-color-celery-400);
    --sys-chart-category-06-medium: var(--spectrum-color-celery-300);
    --sys-chart-category-06-light: var(--spectrum-color-celery-200);
    --sys-chart-category-06-lightest: var(--spectrum-color-celery-100);
    --sys-chart-category-07-dark: var(--spectrum-color-blue-800);
    --sys-chart-category-07-medium: var(--spectrum-color-blue-600);
    --sys-chart-category-07-light: var(--spectrum-color-blue-400);
    --sys-chart-category-07-lightest: var(--spectrum-color-blue-200);
    --sys-chart-category-08-dark: var(--spectrum-color-purple-1000);
    --sys-chart-category-08-medium: var(--spectrum-color-purple-800);
    --sys-chart-category-08-light: var(--spectrum-color-purple-600);
    --sys-chart-category-08-lightest: var(--spectrum-color-purple-400);
    --sys-chart-category-09-dark: var(--spectrum-color-yellow-400);
    --sys-chart-category-09-medium: var(--spectrum-color-yellow-300);
    --sys-chart-category-09-light: var(--spectrum-color-yellow-200);
    --sys-chart-category-09-lightest: var(--spectrum-color-yellow-100);
    --ldsg-typography-font-family-emoji: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --ldsg-typography-font-family-default: -apple-system,BlinkMacSystemFont,sans-serif,var(--ldsg-typography-font-family-emoji);
    --ldsg-typography-font-weight-100: 400;
    --ldsg-typography-font-weight-200: 700;
    --ldsg-typography-font-weight-300: 800;
    --ldsg-typography-title-xxl-font-size: 38px;
    --ldsg-typography-title-xxl-line-height: 1.2;
    --ldsg-typography-title-xl-font-size: 26px;
    --ldsg-typography-title-xl-line-height: 1.2;
    --ldsg-typography-title-l-font-size: 20px;
    --ldsg-typography-title-l-line-height: 1.3;
    --ldsg-typography-title-m-font-size: 17px;
    --ldsg-typography-title-m-line-height: 1.3;
    --ldsg-typography-title-s-font-size: 15px;
    --ldsg-typography-title-s-line-height: 1.3;
    --ldsg-typography-title-xs-font-size: 13px;
    --ldsg-typography-title-xs-line-height: 1.2;
    --ldsg-typography-text-l-font-size: 17px;
    --ldsg-typography-text-l-line-height: 1.5;
    --ldsg-typography-text-m-font-size: 15px;
    --ldsg-typography-text-m-line-height: 1.5;
    --ldsg-typography-text-s-font-size: 13px;
    --ldsg-typography-text-s-line-height: 1.4;
    --ldsg-typography-text-xs-font-size: 11px;
    --ldsg-typography-text-xs-line-height: 1.5;
    --ldsg-color-blue-600: #4270ed
}

[data-theme=true] {
    --theme-color-profile: #fff;
    --theme-color-profile-link: #fff;
    --theme-color-profile-label: #fff;
    --theme-background-profile-label: hsla(0,0%,100%,.2);
    --theme-color-profile-meta: #fff;
    --theme-color-profile-button: #f5f5f5;
    --theme-color-profile-more: hsla(0,0%,100%,.6);
    --theme-color-profile-subtext: hsla(0,0%,100%,.85)
}

[style*="--theme-color:#262626"],[style*="--theme-color:#322a25"],[style*="--theme-color:#35435e"],[style*="--theme-color:#454545"],[style*="--theme-color:#4a5d69"],[style*="--theme-color:#4e6a79"],[style*="--theme-color:#979797"] {
    --theme-color-link: #4270ed;
    --theme-color-answer-icon: #06c755
}

[style*="--theme-color:#979797"] {
    --theme-color-title: #111;
    --theme-color-top-button-border: $ldsg-color-gray-500;
    --theme-color-top-button-text: #111
}

.collection_desc:empty,.collection_location .address:empty,.collection_location a.link_map:empty,.collection_price:empty,.collection_tag .tag_item:empty,.collection_title:empty,.faq_plugin_item .text:empty,.notice_plugin .desc_box:empty {
    opacity: .3
}

.collection_desc:empty:before,.collection_location .address:empty:before,.collection_location a.link_map:empty:before,.collection_price:empty:before,.collection_tag .tag_item:empty:before,.collection_title:empty:before,.faq_plugin_item .text:empty:before,.notice_plugin .desc_box:empty:before {
    content: attr(aria-label)
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:not(input):not(textarea) {
    -webkit-touch-callout: none
}

html {
    font-size: 16px;
    line-height: 16px
}

body,html {
    width: 100%;
    height: 100%;
    min-height: 100%
}

body {
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed
}

blockquote,body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    box-sizing: content-box
}

a,body,button,input,select,table,textarea {
    line-height: 1.33;
    font-size: 15px;
    font-family: var(--ldsg-typography-font-family-default);
    color: #000;
    outline: 0
}

button,input,select,textarea {
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0;
    vertical-align: top
}

dl,ol,ul {
    list-style: none
}

address,em {
    font-style: normal
}

a,abbr {
    text-decoration: none
}

a {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer
}

button[disabled] {
    cursor: default
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

.blind {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0,0,0,0)
}

.emoji {
    height: 1.5em;
    vertical-align: middle
}

.point {
    color: #4270ed
}

.line_break {
    white-space: pre-line
}

.ldsg-avatar {
    overflow: hidden;
    position: relative
}

.ldsg-avatar .avatar-content {
    overflow: hidden;
    border-radius: 50%
}

.ldsg-avatar .image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.ldsg-pulldown-menu {
    display: none;
    position: absolute;
    z-index: 20;
    width: 14rem;
    padding: .25rem 0;
    border: 1px solid #f5f5f5;
    border-radius: .4375rem;
    background-color: #fff;
    box-shadow: 0 1px 20px #00000012;
    box-sizing: border-box
}

.ldsg-pulldown-menu.is-active {
    display: block
}

.ldsg-pulldown-menu .pulldown-list-item {
    width: 100%;
    padding: .75rem 1rem;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111;
    letter-spacing: -.24px;
    text-align: left
}

.ldsg-pulldown-menu .pulldown-list-item.destructive {
    color: var(--ldsg-color-red-600)
}

.ldsg-pulldown-menu .pulldown-list-item:active {
    background-color: #f5f5f5
}

.ldsg-tab {
    position: relative;
    background-color: #fff
}

.ldsg-tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #efefef
}

.ldsg-tab .tab-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}

.ldsg-tab .tab-content::-webkit-scrollbar {
    display: none
}

.ldsg-tab .tab-list {
    position: relative;
    height: 3rem
}

.ldsg-tab .tab-list .tab-list-item {
    line-height: 3rem;
    margin: 0 .625rem;
    letter-spacing: -.24px;
    text-align: center
}

.ldsg-tab .tab-list .tab-list-item[tabindex="0"] {
    cursor: pointer
}

.ldsg-tab .tab-list .tab-list-item .text {
    position: relative;
    color: #b7b7b7;
    white-space: nowrap;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    letter-spacing: -.25px
}

.ldsg-tab .tab-list .tab-list-item[aria-selected=true] .text {
    color: #000
}

.ldsg-tab .tab-indicator {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: var(--tab-indicator-width);
    height: 2px;
    background-color: #000;
    transform: translate(var(--tab-indicator-position));
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1)
}

.ldsg-tab[data-flexible=flexible] .tab-list {
    display: inline-flex;
    padding: 0 .25rem
}

.ldsg-tab[data-flexible=flexible] .tab-list-item {
    padding: 0 .125rem
}

.ldsg-tab[data-flexible=fixed] .tab-list {
    display: flex;
    padding: 0 1rem;
    justify-content: space-around
}

.ldsg-tab[data-flexible=fixed] .tab-list-item {
    flex: 1 1 auto;
    margin: 0
}

.ldsg-tab .ldsg-badge {
    position: absolute;
    top: -.0625rem;
    left: 100%
}

.tooltip {
    position: absolute;
    width: 100%;
    max-width: 100%;
    z-index: 20
}

.tooltip:before {
    content: "";
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #638dff
}

.tooltip:before,.tooltip_inner {
    position: absolute;
    display: block
}

.tooltip_inner {
    box-sizing: border-box;
    padding: 10px;
    border-radius: 3px;
    background-color: #638dff;
    line-height: 17px;
    text-align: left
}

@media screen and (min-width: 1048px) {
    .tooltip_inner {
        padding:9px 10px 11px
    }
}

.tooltip_inner .tooltip_text {
    display: inline-block;
    color: #fff;
    letter-spacing: -.2px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    vertical-align: top
}

@media screen and (min-width: 1048px) {
    .tooltip_inner .tooltip_text {
        font-size:14px;
        line-height: 22px;
        font-weight: 400
    }
}

.basic_info_label {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    box-sizing: border-box;
    border: .8px solid #dcdcdc;
    padding: 3px 13px 3px 7px;
    letter-spacing: -.15px;
    text-align: center;
    color: #000;
    border-radius: 17px;
    font-size: 9px;
    line-height: 9px;
    font-weight: 700
}

.basic_info_item .basic_info_label {
    margin-left: 4px
}

.basic_info_label:after {
    content: "";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7' viewBox='0 0 5 7'%3E%3Cpath d='M3.656 3.656L1.341 1.341m2.315 2.315L1.341 5.971' fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='square' stroke-width='.971'/%3E%3C/svg%3E");
    background-size: 5px 7px
}

body {
    width: 100%
}

body #__next {
    height: 100%
}

body.popup_open {
    overflow: hidden;
    position: fixed
}

.wrap {
    width: 100%;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-wrap: break-word;
    -webkit-text-size-adjust: none;
    box-sizing: border-box
}

.container {
    position: relative;
    width: 100%;
    flex: 1 0 auto;
    --header-height-full: calc(env(safe-area-inset-top) + 44px);
    --container-spacing: 12px;
    padding-top: calc(var(--header-height-full) + var(--container-spacing))
}

.aos .container {
    --header-height-full: calc(var(--android-safe-area-inset-top, 0px) + 56px)
}

@media screen and (min-width: 1048px) {
    .header_web+.container {
        --container-spacing:15px;
        --header-height-full: 70px
    }
}

[data-background=true] .header_web+.container {
    --header-height-full: 0px
}

.main .container {
    --container-spacing: 0px
}

.container.empty .section_photo {
    padding-bottom: 0
}

.container.empty .section_photo+.go_top {
    margin: 28px auto 0
}

[data-theme=true] .content {
    padding-top: 14px
}

.section {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 16px 24px
}

.section:first-child .title_section {
    padding-top: 0
}

.section:last-of-type {
    padding-bottom: 46px
}

[data-theme=true] .section:first-child .title_section {
    padding-top: 8px
}

[data-theme=true] .section:first-child .notice_plugin {
    margin-top: 16px
}

@media screen and (min-width: 1048px) {
    .section:first-child .title_section {
        padding-top:30px
    }

    .section:first-child .notice_plugin {
        margin-top: 30px
    }

    .section:last-of-type {
        padding-bottom: 110px
    }
}

.section.is_full {
    min-height: calc(100vh - 350px);
    box-sizing: border-box
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    transition: background-color .1s ease-in-out;
    z-index: 300;
    padding-top: env(safe-area-inset-top)
}

.aos .header {
    padding-top: calc(var(--android-safe-area-inset-top, 0px))
}

.aos .header .header_wrap {
    height: 56px
}

.header .header_wrap {
    height: 44px
}

.header_liff .header_wrap {
    position: relative;
    display: flex;
    padding: 0 calc(env(safe-area-inset-right) + 53px) 0 calc(env(safe-area-inset-left) + 12px);
    align-items: center
}

.header_liff .header_title_area {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 calc(max(env(safe-area-inset-right),0px) + 120px) 0 calc(max(env(safe-area-inset-left),0px) + 120px);
    width: 100%;
    box-sizing: border-box;
    transform: translate(-50%,-50%);
    font-size: 0;
    text-align: center;
    z-index: -1
}

.header_liff .header_title_area .link {
    display: inline-block
}

.header_liff .header_title_area .title {
    margin: 0;
    font-size: var(--ldsg-typography-title-m-font-size,17px);
    line-height: var(--ldsg-typography-title-m-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    letter-spacing: -.44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header_liff .header_button_area {
    display: flex;
    align-items: center;
    font-size: 0
}

.header_liff .header_button_area.left_group {
    flex-shrink: 0;
    margin-right: auto
}

.header_liff .header_button_area.right_group {
    flex-shrink: 0;
    margin-left: auto
}

.header_liff .header_button_box {
    position: relative
}

.header_liff .button_profile {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -4px
}

.header_liff .button_profile .image {
    border-radius: 50%
}

.header_liff .button_back {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.header_liff .button_back:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -123px -96px;
    background-repeat: no-repeat;
    vertical-align: top
}

.header_liff .button_back+a[class^=button] {
    margin-left: 6px
}

.header_liff .button_favorite {
    margin-right: 16px
}

.header_liff .button_favorite.is_active:after {
    background-position: -187px 0
}

.header_liff .button_favorite:after {
    background-position: -187px -26px
}

.header_liff .button_favorite:after,.header_liff .button_more:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat;
    vertical-align: top
}

.header_liff .button_more:after {
    background-position: -187px -52px
}

.header_liff .tooltip {
    display: flex;
    justify-content: center;
    top: 100%;
    margin-top: 10px
}

.header_liff .tooltip:before {
    left: 50%;
    transform: translate(-50%)
}

.header_liff .tooltip .tooltip_inner {
    right: -37px;
    width: 222px;
    word-break: break-word;
    word-wrap: break-word
}

.header_liff.is_filled,.header_liff.is_fixed {
    background-color: #fff
}

.header_web .header_wrap {
    display: flex;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between
}

.header_web .header_wrap .header_logo {
    font-size: 0
}

.header_web .header_wrap .header_logo_image {
    width: 168px;
    height: auto
}

.header_web .header_wrap .button_login {
    display: inline-block;
    padding: 7px 16px;
    font-size: 13px;
    line-height: 16px;
    border: 1px solid #e8e8e8;
    border-radius: 83px
}

.header_web .header_wrap .ldsg-avatar {
    width: 32px
}

.header_web .header_wrap .ldsg-avatar:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 50%;
    box-sizing: border-box;
    content: ""
}

.header_web .header_wrap .avatar_name {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0,0,0,0);
    margin: 0 0 0 7px;
    font-size: 14px;
    font-weight: 600
}

.header_web .header_wrap .login_area {
    position: relative;
    display: flex;
    height: 100%
}

.header_web .header_wrap .ldsg-pulldown-menu {
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    max-width: 180px
}

.header_web .header_wrap .ldsg-pulldown-menu .pulldown-list-item {
    box-sizing: border-box
}

@media screen and (min-width: 1048px) {
    .header_web .header_wrap {
        height:70px;
        padding: 0 40px
    }

    .header_web .header_wrap .header_logo_image {
        width: 250px;
        height: auto
    }

    .header_web .header_wrap .button_login {
        padding: 11px 22px;
        border-radius: 500px
    }

    .header_web .header_wrap .avatar_name {
        position: static;
        width: auto;
        height: auto
    }

    .header_web .header_wrap .ldsg-pulldown-menu {
        right: -2px;
        bottom: 13px
    }

    .header_web .header_wrap .button_user {
        display: flex;
        height: 32px;
        align-items: center;
        align-self: center
    }
}

[data-background=true] .header_web {
    background-color: transparent
}

[data-background=true] .header_web .header_wrap {
    border: none
}

[data-background=true] .header_web .header_wrap .header_logo_image {
    filter: invert(100%)
}

[data-background=true] .header_web .header_wrap .button_login {
    color: #fff;
    background-color: #00000026;
    border-color: #efefef
}

[data-background=true] .header_web .header_wrap .avatar_name {
    color: #fff
}

.header_web.is_filled,.header_web.is_fixed {
    background-color: #fff
}

.header_web.is_filled .header_wrap .header_logo_image,.header_web.is_fixed .header_wrap .header_logo_image {
    filter: invert(0)
}

.header_web.is_filled .header_wrap .button_login,.header_web.is_fixed .header_wrap .button_login {
    color: #000;
    background-color: #fff;
    border-color: #e8e8e8
}

.header_web.is_filled .header_wrap .avatar_name,.header_web.is_fixed .header_wrap .avatar_name {
    color: #000
}

.footer {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #949494;
    text-align: center;
    content-visibility: auto;
    contain-intrinsic-size: 305px
}

.footer .account_info {
    padding: 30px 0 26px
}

.footer .oa_navigation {
    padding: 27px 27px 25px;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.footer .oa_navigation .title {
    color: #000;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    margin-bottom: 19px
}

.footer .oa_navigation .button_group {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: center;
    gap: 34px
}

.footer .oa_navigation .button_group .button {
    width: 72px;
    display: inline-block;
    text-align: center;
    color: #555;
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.footer .oa_navigation .button_group .image {
    margin-bottom: 6px
}

.footer .provider_info {
    padding: 26px 0 158px;
    background-color: #f5f5f5
}

.footer .provider_info .link {
    color: #000
}

.footer .certify:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
    width: 13px;
    height: 13px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -54px -164px;
    background-repeat: no-repeat
}

.footer .text {
    display: block
}

.footer .text+.text {
    margin-top: 2px
}

.footer .link_group {
    display: inline-flex;
    margin-top: 5px
}

.footer .link {
    position: relative;
    padding: 0 5px 0 6px;
    color: #949494
}

.footer .link+.link:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 8px;
    background-color: #0000001a
}

.breadcrumb {
    display: none;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 16px 35px
}

@media screen and (min-width: 1048px) {
    .breadcrumb {
        display:block
    }
}

.breadcrumb .breadcrumb_list {
    display: flex;
    flex-wrap: wrap
}

.breadcrumb .breadcrumb_item {
    flex-shrink: 0
}

.breadcrumb .breadcrumb_item+.breadcrumb_item {
    position: relative;
    margin-left: 27px
}

.breadcrumb .breadcrumb_item+.breadcrumb_item:before {
    position: absolute;
    top: 4px;
    left: -22px;
    width: 19px;
    height: 19px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTY2NTggMy4zMDI4TDYuNDM0NjEgNC4wMzA1M0wxMi40MzkxIDkuOTk5OTlMNi40MzQ2MSAxNS45Njk1TDcuMTY2NTggMTYuNjk3MkwxMy45MDI4IDkuOTk5OTlMNy4xNjY1OCAzLjMwMjhaIiBmaWxsPSIjNTU1NTU1Ii8+Cjwvc3ZnPgo=) 50%/contain;
    content: ""
}

.breadcrumb .breadcrumb_link {
    display: block;
    font-size: var(--ldsg-typography-text-l-font-size,17px);
    line-height: var(--ldsg-typography-text-l-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    max-width: 161px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111
}

.breadcrumb .breadcrumb_link[aria-current=page] {
    max-width: 174px;
    font-weight: 700
}

.profile {
    padding-top: 40px;
    padding-bottom: 51px;
    background-color: #fff;
    transition: background-color .2s
}

@media screen and (min-width: 1048px) {
    .profile {
        padding-top:50px;
        padding-bottom: 35px
    }
}

[data-theme=true] .profile {
    padding-top: 47px;
    padding-bottom: 45px
}

[data-background=true][data-theme=true] .profile {
    padding-bottom: 51px
}

[data-theme=true] .profile .point {
    color: var(--theme-color-profile,#111)
}

[data-background=true] .profile {
    padding-top: 0
}

.profile_info {
    max-width: 700px;
    margin: 11px auto 0
}

@media screen and (min-width: 1048px) {
    .profile_info {
        margin-top:18px
    }
}

.profile_info .profile_title {
    padding: 0 50px
}

@media screen and (min-width: 1048px) {
    .profile_info .profile_title {
        padding-right:0;
        padding-left: 0
    }
}

.profile_title {
    position: relative;
    word-break: break-all;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: var(--theme-color-profile,#111)
}

@media screen and (min-width: 1048px) {
    .profile_title {
        font-size:26px;
        line-height: 30px;
        font-weight: 700
    }
}

.profile_title .icon_badge {
    display: inline-block;
    margin: -3px 4px 0 0;
    vertical-align: middle;
    line-height: 0
}

@media screen and (min-width: 1048px) {
    .profile_title .icon_badge {
        margin-right:7px
    }
}

.profile_title .icon_badge.icon_certified:before,.profile_title .icon_badge.icon_premium:before,.profile_title .icon_badge.icon_uncertified:before {
    display: inline-block;
    content: ""
}

.icon_uncertified:before {
    width: 16px;
    height: 18px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -93px -199px;
    background-repeat: no-repeat
}

@media screen and (min-width: 1048px) {
    .icon_uncertified:before {
        width:19px;
        height: 21px;
        background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite_pc.e0f6fec2.png);
        background-size: 86px 67px;
        background-position: 0 -46px;
        background-repeat: no-repeat
    }
}

.icon_premium:before {
    width: 16px;
    height: 18px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -75px -199px;
    background-repeat: no-repeat
}

@media screen and (min-width: 1048px) {
    .icon_premium:before {
        width:19px;
        height: 21px;
        background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite_pc.e0f6fec2.png);
        background-size: 86px 67px;
        background-position: -67px 0;
        background-repeat: no-repeat
    }
}

[data-theme=true] .icon_premium:before {
    background-position: -57px -199px
}

@media screen and (min-width: 1048px) {
    [data-theme=true] .icon_premium:before {
        background-position:-67px -23px
    }
}

.icon_certified:before {
    width: 16px;
    height: 18px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -39px -199px;
    background-repeat: no-repeat
}

@media screen and (min-width: 1048px) {
    .icon_certified:before {
        width:19px;
        height: 21px;
        background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite_pc.e0f6fec2.png);
        background-size: 86px 67px;
        background-position: -46px 0;
        background-repeat: no-repeat
    }
}

[data-theme=true] .icon_certified:before {
    background-position: -21px -199px
}

@media screen and (min-width: 1048px) {
    [data-theme=true] .icon_certified:before {
        background-position:-46px -23px
    }
}

.profile_friends {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    padding: 0 50px;
    justify-content: center;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    color: var(--theme-color-profile-meta,#616161);
    opacity: .55
}

@media screen and (min-width: 1048px) {
    .profile_friends {
        margin-top:7px;
        padding-right: 0;
        padding-left: 0;
        font-size: 14px;
        line-height: 14px;
        font-weight: 400
    }
}

.profile_friends [class$=_number] {
    display: block
}

.profile_friends [class$=_number].follow_number {
    position: relative;
    padding-left: 10px
}

.profile_friends [class$=_number].follow_number:before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 2px;
    background-color: var(--theme-color-profile-meta,#616161);
    left: 4px;
    opacity: .3;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1px
}

.profile_thumb_area {
    position: relative
}

.thumb_background {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    max-height: 262px;
    background-color: #f5f5f5
}

.thumb_background .image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 1048px) {
    .thumb_background {
        max-height:464px
    }
}

.thumb_background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 64px;
    opacity: .3;
    background-image: linear-gradient(180deg,#000,#0000)
}

@media screen and (min-width: 1048px) {
    .thumb_background:before {
        height:152px
    }
}

.is-cms-dummy .thumb_background:before {
    display: none
}

.thumb_background:after {
    content: "";
    position: relative;
    display: block;
    height: 0;
    padding-top: 63.46%;
    background-color: #00000012
}

.is-cms-dummy .thumb_background:after {
    background-color: transparent
}

.thumb_profile {
    position: relative;
    margin: 0 auto;
    width: 75px;
    height: 75px;
    background: #f5f5f5;
    border-radius: 50%;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (min-width: 1048px) {
    .thumb_profile {
        width:120px;
        height: 120px
    }
}

[data-background=true] .thumb_profile {
    margin-top: -37.5px
}

@media screen and (min-width: 1048px) {
    [data-background=true] .thumb_profile {
        margin-top:-60px
    }
}

.thumb_profile .link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.thumb_profile .link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 50%
}

.thumb_profile .image_profile {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    vertical-align: top;
    object-fit: cover
}

.profile_info .profile_sub_text {
    margin: 3px 0 -2px
}

@media screen and (min-width: 1048px) {
    .profile_info .profile_sub_text {
        margin:14px 0 -2px
    }
}

.profile_info .profile_friends+.profile_sub_text {
    margin-top: 10px
}

@media screen and (min-width: 1048px) {
    .profile_info .profile_friends+.profile_sub_text {
        margin-top:21px
    }
}

.profile_sub_text {
    padding: 0 28px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: var(--theme-color-profile-subtext,#111);
    text-align: center
}

.profile_sub_text .profile_button_basicinfo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin-top: 1px;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.profile_sub_text .profile_button_basicinfo .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile_sub_text .profile_button_basicinfo .icon {
    margin-top: 1px
}

.profile_sub_text .profile_button_basicinfo .icon svg {
    display: block;
    width: 14px;
    height: 14px
}

.profile_sub_text .profile_button_basicinfo .icon svg path {
    fill: var(--theme-color-profile-more,#616161)
}

.profile_info .profile_button_list {
    width: 100%;
    display: flex;
    margin: 22px auto 0;
    max-width: 580px;
    padding: 0 30px;
    text-align: center;
    box-sizing: border-box
}

@media screen and (min-width: 1048px) {
    .profile_info .profile_button_list {
        margin-top:35px
    }
}

.profile_info .profile_button_list .list_item {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    height: 60px
}

.profile_info .profile_button_list .list_item:first-child:nth-last-child(2) {
    margin-left: 42px
}

.profile_info .profile_button_list .list_item:first-child:nth-last-child(2)~li {
    margin-right: 42px
}

.profile_info .profile_button_list .list_item:first-child .tooltip_inner {
    margin-left: -14px
}

.profile_info .profile_button_list .list_item:first-child:nth-last-child(2) .tooltip_inner {
    margin-left: -56px
}

.profile_info .profile_button_list .list_item:last-child .tooltip_inner {
    right: -14px
}

.profile_info .profile_button_list .list_item:last-child:nth-child(2) .tooltip_inner {
    right: -56px
}

.profile_info .profile_button_list .list_item:nth-child(2):nth-last-child(2) .tooltip_inner,.profile_info .profile_button_list .list_item:nth-child(2):nth-last-child(3) .tooltip_inner,.profile_info .profile_button_list .list_item:nth-child(3):nth-last-child(2) .tooltip_inner,.profile_info .profile_button_list .list_item:only-child .tooltip_inner {
    left: 50%;
    transform: translate(-50%)
}

.profile_button_list .button_profile {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    text-align: center
}

.profile_button_list .button_profile:active {
    opacity: .45
}

.profile_button_list .button_profile .icon {
    display: block;
    margin-bottom: -6px
}

.profile_info .profile_button_list .button_profile .icon {
    height: 42px
}

[data-theme=true] .profile_info .profile_button_list .button_profile .icon svg {
    width: 35px;
    height: 34px
}

.profile_button_list .button_profile .icon svg path {
    fill: var(--theme-color-profile-button,#3f3f3f)
}

.profile_button_list .button_profile .text_area {
    position: relative;
    display: inline-block;
    letter-spacing: -.3px;
    height: 17px;
    white-space: nowrap
}

.profile_button_list .button_profile .text {
    font-size: 12px;
    color: var(--theme-color-profile-button,#3f3f3f);
    opacity: 1
}

.profile_button_list .button_mini .icon svg path {
    fill: var(--profile-button-color,#06c755)
}

[data-theme=true] .profile_button_list .button_mini .icon svg path {
    fill: var(--theme-color-profile-button,#3f3f3f)
}

.profile_button_list .tooltip {
    top: calc(100% + 6px)
}

.profile_button_list .tooltip:before {
    content: "";
    left: 50%;
    transform: translate(-50%)
}

.profile_button_list .tooltip .tooltip_inner {
    width: 222px
}

.ask_label,.freecall_label,.reservation_label,.service_online_label,.service_shop_label,.service_website_label {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 100%
}

.ask_label [class*=_icon],.freecall_label [class*=_icon],.reservation_label [class*=_icon],.service_online_label [class*=_icon],.service_shop_label [class*=_icon],.service_website_label [class*=_icon] {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 16px;
    margin-top: -8px;
    background: linear-gradient(90deg,#00dd59,#04caaa);
    border-radius: 16px
}

.ask_label [class*=_icon]:after,.freecall_label [class*=_icon]:after,.reservation_label [class*=_icon]:after,.service_online_label [class*=_icon]:after,.service_shop_label [class*=_icon]:after,.service_website_label [class*=_icon]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    z-index: 1;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #fff;
    border-radius: 4px
}

.ask_label [class*=_text],.freecall_label [class*=_text],.reservation_label [class*=_text],.service_online_label [class*=_text],.service_shop_label [class*=_text],.service_website_label [class*=_text] {
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: inline-block;
    max-width: 100%;
    height: 16px;
    padding: 0 9px 0 14px;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    white-space: nowrap;
    opacity: 1;
    vertical-align: top
}

[lang=th] .ask_label [class*=_text],[lang=th] .freecall_label [class*=_text],[lang=th] .reservation_label [class*=_text],[lang=th] .service_online_label [class*=_text],[lang=th] .service_shop_label [class*=_text],[lang=th] .service_website_label [class*=_text] {
    font-size: 11px;
    line-height: 16px
}

.ask_label.is_active [class*=_icon],.freecall_label.is_active [class*=_icon],.reservation_label.is_active [class*=_icon],.service_online_label.is_active [class*=_icon],.service_shop_label.is_active [class*=_icon],.service_website_label.is_active [class*=_icon] {
    animation: animation-label-bg 4s linear
}

.ask_label.is_active [class*=_icon]:after,.freecall_label.is_active [class*=_icon]:after,.reservation_label.is_active [class*=_icon]:after,.service_online_label.is_active [class*=_icon]:after,.service_shop_label.is_active [class*=_icon]:after,.service_website_label.is_active [class*=_icon]:after {
    animation: animation-label-dot 4s linear
}

.ask_label.is_active [class*=_text],.freecall_label.is_active [class*=_text],.reservation_label.is_active [class*=_text],.service_online_label.is_active [class*=_text],.service_shop_label.is_active [class*=_text],.service_website_label.is_active [class*=_text] {
    animation: animation-label-text 4s linear
}

.ask_label.is_active~.text,.freecall_label.is_active~.text,.reservation_label.is_active~.text,.service_online_label.is_active~.text,.service_shop_label.is_active~.text,.service_website_label.is_active~.text {
    animation: animation-label-text-base 4s linear
}

.ask_label~.text,.freecall_label~.text,.reservation_label~.text,.service_online_label~.text,.service_shop_label~.text,.service_website_label~.text {
    padding-left: 10px
}

[lang=ja] .ask_label~.text,[lang=ja] .freecall_label~.text,[lang=ja] .reservation_label~.text,[lang=ja] .service_online_label~.text,[lang=ja] .service_shop_label~.text,[lang=ja] .service_website_label~.text {
    padding-left: 12px
}

[lang=en] .ask_label~.text,[lang=en] .freecall_label~.text,[lang=en] .reservation_label~.text,[lang=en] .service_online_label~.text,[lang=en] .service_shop_label~.text,[lang=en] .service_website_label~.text {
    padding-left: 9px
}

.profile_button_list .ask_label,.profile_button_list .freecall_label,.profile_button_list .reservation_label,.profile_button_list .service_online_label,.profile_button_list .service_shop_label,.profile_button_list .service_website_label {
    left: 50%
}

.profile_button_list .ask_label [class*=_icon],.profile_button_list .freecall_label [class*=_icon],.profile_button_list .reservation_label [class*=_icon],.profile_button_list .service_online_label [class*=_icon],.profile_button_list .service_shop_label [class*=_icon],.profile_button_list .service_website_label [class*=_icon] {
    width: 16px;
    transform: scale(.625) translate(5px);
    transform-origin: 0 50%
}

.profile_button_list .ask_label [class*=_icon]:after,.profile_button_list .freecall_label [class*=_icon]:after,.profile_button_list .reservation_label [class*=_icon]:after,.profile_button_list .service_online_label [class*=_icon]:after,.profile_button_list .service_shop_label [class*=_icon]:after,.profile_button_list .service_website_label [class*=_icon]:after {
    transform-origin: 50% 50%;
    transform: scale(1.2)
}

.profile_button_list .ask_label [class*=_text],.profile_button_list .freecall_label [class*=_text],.profile_button_list .reservation_label [class*=_text],.profile_button_list .service_online_label [class*=_text],.profile_button_list .service_shop_label [class*=_text],.profile_button_list .service_website_label [class*=_text] {
    opacity: 0;
    max-width: 0;
    padding: 0 12px 0 16px
}

.profile_button_list .reservation_label {
    margin-left: -25px
}

[lang=ja] .profile_button_list .reservation_label {
    margin-left: -26px
}

[lang=ko] .profile_button_list .reservation_label {
    margin-left: -23px
}

[lang=th] .profile_button_list .reservation_label {
    margin-left: -22px
}

[lang=zh-TW] .profile_button_list .reservation_label {
    margin-left: -24px
}

[lang=id] .profile_button_list .reservation_label {
    margin-left: -32px
}

[lang=id] .profile_button_list .reservation_label~.text {
    padding-left: 10px
}

[lang=en] .profile_button_list .reservation_text {
    padding-right: 10px;
    padding-left: 14px
}

[lang=ja] .profile_button_list .reservation_text {
    padding-right: 13px;
    padding-left: 18px
}

[lang=id] .profile_button_list .reservation_text {
    padding-right: 7px;
    padding-left: 13px
}

[lang=zh-TW] .profile_button_list .reservation_text {
    padding-right: 11px
}

[lang=th] .profile_button_list .reservation_text {
    padding-right: 11px;
    padding-left: 15px
}

.profile_button_list .freecall_label {
    margin-left: -23px
}

[lang=ja] .profile_button_list .freecall_label {
    margin-left: -24px
}

[lang=ko] .profile_button_list .freecall_label {
    margin-left: -21px
}

[lang=th] .profile_button_list .freecall_label {
    margin-left: -19px
}

[lang=id] .profile_button_list .freecall_label {
    margin-left: -37px
}

[lang=en] .profile_button_list .freecall_label~.text {
    padding-left: 7px
}

[lang=id] .profile_button_list .freecall_label~.text {
    padding-left: 13px
}

[lang=ja] .profile_button_list .freecall_label~.text {
    padding-left: 9px
}

[lang=th] .profile_button_list .freecall_label~.text {
    padding-top: 1px;
    display: inline-block
}

[lang=th] .profile_button_list .is_active .freecall_icon {
    animation: animation-label-bg-mid 4s linear
}

[lang=id] .profile_button_list .is_active .freecall_icon {
    animation: animation-label-bg-long 4s linear
}

[lang=ja] .profile_button_list .freecall_text {
    padding-left: 17px;
    padding-right: 13px
}

[lang=en] .profile_button_list .freecall_text {
    padding-right: 10px;
    padding-left: 15px
}

[lang=id] .profile_button_list .freecall_text {
    padding-right: 5px;
    padding-left: 25px
}

[lang=th] .profile_button_list .freecall_text {
    top: 0;
    padding-right: 18px;
    padding-left: 7px
}

.profile_button_list .ask_label {
    margin-left: -25px
}

[lang=ko] .profile_button_list .ask_label {
    margin-left: -23px
}

[lang=th] .profile_button_list .ask_label {
    margin-left: -22px
}

[lang=zh-TW] .profile_button_list .ask_label {
    margin-left: -24px
}

[lang=id] .profile_button_list .ask_label {
    margin-left: -32px
}

[lang=en] .profile_button_list .is_active .ask_icon,[lang=ja] .profile_button_list .is_active .ask_icon,[lang=th] .profile_button_list .is_active .ask_icon,[lang=zh-TW] .profile_button_list .is_active .ask_icon {
    animation: animation-label-bg-mid 4s linear
}

[lang=id] .profile_button_list .is_active .ask_icon {
    animation: animation-label-bg-long 4s linear
}

[lang=ja] .profile_button_list .ask_text {
    padding-right: 15px;
    padding-left: 7px
}

[lang=en] .profile_button_list .ask_text {
    padding-right: 15px;
    padding-left: 5px
}

[lang=th] .profile_button_list .ask_text,[lang=zh-TW] .profile_button_list .ask_text {
    padding-right: 17px;
    padding-left: 6px
}

[lang=id] .profile_button_list .ask_text {
    padding-right: 2px;
    padding-left: 21px
}

[lang=ja] .profile_button_list .service_online_label {
    margin-left: -49px
}

[lang=en] .profile_button_list .service_online_label {
    margin-left: -47px
}

[lang=ko] .profile_button_list .service_online_label {
    margin-left: -44px
}

[lang=zh-TW] .profile_button_list .service_online_label {
    margin-left: -34px
}

[lang=th] .profile_button_list .service_online_label {
    margin-left: -52px
}

[lang=id] .profile_button_list .service_online_label {
    margin-left: -56px
}

[lang=ko] .profile_button_list .service_online_label~.text {
    padding-left: 8px
}

[lang=id] .profile_button_list .service_online_label~.text,[lang=th] .profile_button_list .service_online_label~.text {
    padding-left: 12px
}

[lang=ja] .profile_button_list .is_active .service_online_icon {
    animation: animation-label-bg-mid-long 4s linear
}

[lang=id] .profile_button_list .is_active .service_online_icon {
    animation: animation-label-bg-extra-long 4s linear
}

[lang=ko] .profile_button_list .is_active .service_online_icon,[lang=th] .profile_button_list .is_active .service_online_icon {
    animation: animation-label-bg-long 4s linear
}

[lang=ja] .profile_button_list .service_online_text {
    padding-right: 0;
    padding-left: 31px;
    margin-right: -5px
}

[lang=en] .profile_button_list .service_online_text {
    padding-right: 8px;
    padding-left: 15px
}

[lang=ko] .profile_button_list .service_online_text {
    padding-right: 1px;
    padding-left: 21px
}

[lang=zh-TW] .profile_button_list .service_online_text {
    padding-right: 10px
}

[lang=th] .profile_button_list .service_online_text {
    padding-right: 2px;
    padding-left: 24px
}

[lang=id] .profile_button_list .service_online_text {
    padding-right: 0;
    padding-left: 38px;
    margin-right: -12px
}

[lang=ja] .profile_button_list .service_shop_label {
    margin-left: -49px
}

[lang=en] .profile_button_list .service_shop_label {
    margin-left: -47px
}

[lang=ko] .profile_button_list .service_shop_label {
    margin-left: -43px
}

[lang=zh-TW] .profile_button_list .service_shop_label {
    margin-left: -34px
}

[lang=th] .profile_button_list .service_shop_label {
    margin-left: -52px
}

[lang=id] .profile_button_list .service_shop_label {
    margin-left: -56px
}

[lang=id] .profile_button_list .service_shop_label~.text,[lang=th] .profile_button_list .service_shop_label~.text {
    padding-left: 12px
}

[lang=ja] .profile_button_list .is_active .service_shop_icon {
    animation: animation-label-bg-mid-long 4s linear
}

[lang=en] .profile_button_list .is_active .service_shop_icon,[lang=ko] .profile_button_list .is_active .service_shop_icon,[lang=th] .profile_button_list .is_active .service_shop_icon {
    animation: animation-label-bg-long 4s linear
}

[lang=id] .profile_button_list .is_active .service_shop_icon {
    animation: animation-label-bg-extra-long 4s linear
}

[lang=ja] .profile_button_list .service_shop_text {
    padding-right: 0;
    padding-left: 32px;
    margin-right: -5px
}

[lang=en] .profile_button_list .service_shop_text {
    padding-right: 1px;
    padding-left: 22px
}

[lang=ko] .profile_button_list .service_shop_text,[lang=th] .profile_button_list .service_shop_text {
    padding-right: 3px;
    padding-left: 23px
}

[lang=id] .profile_button_list .service_shop_text {
    padding-right: 0;
    padding-left: 45px;
    margin-right: -2px
}

[lang=en] .profile_button_list .service_website_label,[lang=ja] .profile_button_list .service_website_label {
    margin-left: -49px
}

[lang=ko] .profile_button_list .service_website_label {
    margin-left: -44px
}

[lang=zh-TW] .profile_button_list .service_website_label {
    margin-left: -34px
}

[lang=th] .profile_button_list .service_website_label {
    margin-left: -52px
}

[lang=id] .profile_button_list .service_website_label {
    margin-left: -56px
}

[lang=id] .profile_button_list .service_website_label~.text,[lang=th] .profile_button_list .service_website_label~.text {
    padding-left: 12px
}

[lang=en] .profile_button_list .service_website_label~.text,[lang=ko] .profile_button_list .service_website_label~.text {
    padding-left: 8px
}

[lang=en] .profile_button_list .is_active .service_website_icon,[lang=ja] .profile_button_list .is_active .service_website_icon,[lang=ko] .profile_button_list .is_active .service_website_icon {
    animation: animation-label-bg-mid-long 4s linear
}

[lang=zh-TW] .profile_button_list .is_active .service_website_icon {
    animation: animation-label-bg-long 4s linear
}

[lang=id] .profile_button_list .is_active .service_website_icon,[lang=th] .profile_button_list .is_active .service_website_icon {
    animation: animation-label-bg-extra-long 4s linear
}

[lang=ja] .profile_button_list .service_website_text {
    padding-right: 0;
    padding-left: 28px;
    margin-right: -9px
}

[lang=en] .profile_button_list .service_website_text {
    padding-right: 0;
    padding-left: 32px;
    margin-right: -5px
}

[lang=ko] .profile_button_list .service_website_text {
    padding-right: 0;
    padding-left: 30px;
    margin-right: -5px
}

[lang=zh-TW] .profile_button_list .service_website_text {
    padding-right: 7px;
    padding-left: 25px
}

[lang=th] .profile_button_list .service_website_text {
    padding-right: 0;
    padding-left: 37px;
    margin-right: -13px
}

[lang=id] .profile_button_list .service_website_text {
    padding-right: 0;
    padding-left: 45px;
    margin-right: -4px
}

@keyframes animation-label-bg {
    24% {
        transform: scale(.625);
        transform-origin: 50% 50%
    }

    30%,34% {
        transform: scale(.375)
    }

    40% {
        transform: scale(1);
        width: 16px;
        transform-origin: 50% 50%
    }

    40.1% {
        transform-origin: 0 50%
    }

    43%,96% {
        transform: scale(1) translate(0);
        width: 100%;
        transform-origin: 0 50%
    }

    to {
        transform: scale(.625) translate(5px);
        transform-origin: 0 50%
    }
}

@keyframes animation-label-bg-mid {
    24% {
        transform: scale(.625);
        transform-origin: 50% 50%
    }

    30%,34% {
        transform: scale(.375);
        width: 16px
    }

    40% {
        transform: scale(1) translate(-8px);
        transform-origin: 50% 50%
    }

    40.1% {
        transform-origin: 0 50%
    }

    43%,96% {
        width: 100%;
        transform: scale(1) translate(-8px);
        transform-origin: 0 50%
    }

    to {
        width: 16px;
        transform: scale(.625) translate(5px);
        transform-origin: 0 50%
    }
}

@keyframes animation-label-bg-long {
    24% {
        transform: scale(.625);
        transform-origin: 50% 50%
    }

    30%,34% {
        transform: scale(.375);
        width: 16px
    }

    40% {
        transform: scale(1) translate(7px);
        transform-origin: 50% 50%
    }

    40.1% {
        transform-origin: 0 50%
    }

    43%,96% {
        width: 100%;
        transform: scale(1) translate(7px);
        transform-origin: 0 50%
    }

    to {
        width: 16px;
        transform: scale(.625) translate(5px);
        transform-origin: 0 50%
    }
}

@keyframes animation-label-bg-mid-long {
    24% {
        transform: scale(.625);
        transform-origin: 50% 50%
    }

    30%,34% {
        transform: scale(.375);
        width: 16px
    }

    40% {
        transform: scale(1) translate(15px);
        transform-origin: 50% 50%
    }

    40.1% {
        transform-origin: 0 50%
    }

    43%,96% {
        width: 100%;
        transform: scale(1) translate(15px);
        transform-origin: 0 50%
    }

    to {
        width: 16px;
        transform: scale(.625) translate(5px);
        transform-origin: 0 50%
    }
}

@keyframes animation-label-bg-extra-long {
    24% {
        transform: scale(.625);
        transform-origin: 50% 50%
    }

    30%,34% {
        transform: scale(.375);
        width: 16px
    }

    40% {
        transform: scale(1) translate(22px);
        transform-origin: 50% 50%
    }

    40.1% {
        transform-origin: 0 50%
    }

    43%,96% {
        width: 100%;
        transform: scale(1) translate(22px);
        transform-origin: 0 50%
    }

    to {
        width: 16px;
        transform: scale(.625) translate(5px);
        transform-origin: 0 50%
    }
}

@keyframes animation-label-dot {
    24% {
        transform: scale(1.2)
    }

    29%,40% {
        transform: scale(0)
    }

    41%,96% {
        transform: scale(1)
    }

    to {
        transform: scale(1.2)
    }
}

@keyframes animation-label-text {
    37% {
        max-width: 0
    }

    42% {
        opacity: 0
    }

    42.5% {
        opacity: 1
    }

    43%,95.5% {
        max-width: 100%
    }

    96% {
        opacity: 1
    }

    96.1% {
        opacity: 0
    }

    to {
        max-width: 0
    }
}

@keyframes animation-label-text-base {
    42.9% {
        opacity: 1
    }

    43%,96% {
        opacity: 0
    }

    96.1% {
        opacity: 1
    }
}

.common_label {
    display: flex;
    align-items: center
}

.common_label .label {
    display: inline-flex;
    align-items: center;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #f5f5f5
}

.common_label .label+.label {
    margin-left: 6px
}

.common_label .icon svg {
    display: block;
    width: 12px;
    height: 12px
}

.common_label .icon path {
    fill: #777
}

.common_label .text {
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    margin-left: 3px;
    letter-spacing: .06px;
    color: #777
}

@media screen and (min-width: 1048px) {
    .js-modal-open .wrap .container:after,.js-modal-open .wrap .container:before {
        content:normal
    }

    .js-modal-open .wrap_viewer .header {
        display: block
    }
}

.swiper-container .button_more {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font-size: 11px;
    line-height: 14px;
    color: #949494
}

.swiper-container .button_more .link {
    display: block;
    width: 100%;
    text-align: center
}

.swiper-container .button_more .icon_more {
    display: block;
    margin: 0 auto 5px;
    width: 36px;
    height: 36px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -96px -55px;
    background-repeat: no-repeat
}

.attributes_plugin,.book_plugin,.delivery_plugin,.membership_plugin,.takeout_plugin {
    border: 1px solid #efefef;
    border-radius: 7px
}

.attributes_plugin .banner_area,.book_plugin .banner_area,.delivery_plugin .banner_area,.membership_plugin .banner_area,.takeout_plugin .banner_area {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 66px;
    padding: 10px 91px 10px 20px
}

.attributes_plugin .banner_area .inner,.book_plugin .banner_area .inner,.delivery_plugin .banner_area .inner,.membership_plugin .banner_area .inner,.takeout_plugin .banner_area .inner {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word
}

.attributes_plugin .banner_area .title,.book_plugin .banner_area .title,.delivery_plugin .banner_area .title,.membership_plugin .banner_area .title,.takeout_plugin .banner_area .title {
    display: block;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    color: #111;
    letter-spacing: -.24px;
    word-break: keep-all
}

.attributes_plugin .banner_area .text,.book_plugin .banner_area .text,.delivery_plugin .banner_area .text,.membership_plugin .banner_area .text,.takeout_plugin .banner_area .text {
    display: block;
    margin-top: 3px;
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #949494;
    letter-spacing: -.09px
}

.attributes_plugin .banner_area .image,.book_plugin .banner_area .image,.delivery_plugin .banner_area .image,.membership_plugin .banner_area .image,.takeout_plugin .banner_area .image {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 87px;
    height: 66px;
    background-size: 100%;
    transform: translateY(-50%)
}

.attributes_plugin .link_area,.book_plugin .link_area,.delivery_plugin .link_area,.membership_plugin .link_area,.takeout_plugin .link_area {
    display: flex;
    justify-content: space-evenly;
    margin-top: 24px;
    height: 56px;
    border-top: 1px solid #f5f5f5
}

.attributes_plugin .link_area .link,.book_plugin .link_area .link,.delivery_plugin .link_area .link,.membership_plugin .link_area .link,.takeout_plugin .link_area .link {
    display: flex;
    align-items: center;
    padding: 0;
    white-space: nowrap
}

.attributes_plugin .link_area .link .icon,.book_plugin .link_area .link .icon,.delivery_plugin .link_area .link .icon,.membership_plugin .link_area .link .icon,.takeout_plugin .link_area .link .icon {
    width: 20px;
    height: 20px
}

.attributes_plugin .link_area .link .icon svg,.book_plugin .link_area .link .icon svg,.delivery_plugin .link_area .link .icon svg,.membership_plugin .link_area .link .icon svg,.takeout_plugin .link_area .link .icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.attributes_plugin .link_area .link .icon path,.book_plugin .link_area .link .icon path,.delivery_plugin .link_area .link .icon path,.membership_plugin .link_area .link .icon path,.takeout_plugin .link_area .link .icon path {
    fill: #06c755
}

.attributes_plugin .link_area .link .text,.book_plugin .link_area .link .text,.delivery_plugin .link_area .link .text,.membership_plugin .link_area .link .text,.takeout_plugin .link_area .link .text {
    margin-left: 4px;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    letter-spacing: -.25px;
    color: #111
}

.attributes_plugin .check_list,.membership_plugin .check_list {
    padding: 0 19px
}

.attributes_plugin .check_list .check_item,.membership_plugin .check_list .check_item {
    position: relative;
    margin-top: 9px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    letter-spacing: -.54px;
    word-wrap: break-word;
    word-break: break-word
}

.attributes_plugin .check_list .check_item:first-child,.membership_plugin .check_list .check_item:first-child {
    margin-top: 0
}

.attributes_plugin .check_list .check_item:before,.membership_plugin .check_list .check_item:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 9px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -108px -132px;
    background-repeat: no-repeat
}

.attributes_plugin .button_more,.membership_plugin .button_more {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 6px 0;
    margin-left: 33px;
    color: #949494;
    letter-spacing: -.4px
}

.plugin_floating_area {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    text-align: center;
    z-index: 1
}

.plugin_floating_area .plugin_floating_inner {
    margin: 0 auto;
    padding: 16px 16px max(16px,env(safe-area-inset-bottom));
    max-width: 700px
}

.plugin_floating_area .link {
    display: inline-flex;
    align-items: center;
    padding: 11px 16px 11px 13px;
    border: 1px solid #efefef;
    border-radius: 50px;
    letter-spacing: -.09px;
    color: #06c755;
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.plugin_floating_area .link svg {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.plugin_floating_area .link svg path {
    fill: #06c755
}

.plugin_floating_area .text_help {
    margin-top: 9px;
    text-align: left;
    letter-spacing: -.09px;
    color: #b7b7b7;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.photo_plugin {
    overflow: hidden;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(6,1fr);
    grid-auto-flow: dense;
    border-radius: 7px;
    border: 1px solid #fff
}

.photo_plugin .photo_item {
    position: relative;
    grid-column: span 2;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #f5f5f5;
    -webkit-user-select: none;
    user-select: none
}

.photo_plugin .photo_item>a,.photo_plugin .photo_item>span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo_plugin .image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.photo_plugin .ico_video:before {
    content: "";
    position: absolute;
    display: block;
    right: 6px;
    bottom: 6px;
    z-index: 1;
    width: 22px;
    height: 23px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -187px -130px;
    background-repeat: no-repeat
}

.photo_item:nth-child(12n+1),.photo_item:nth-child(12n+9) {
    grid-column: span 4;
    grid-row: span 2
}

.photo_item:nth-child(12n+1).ico_video:before,.photo_item:nth-child(12n+9).ico_video:before {
    width: 34px;
    height: 34px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -151px 0;
    background-repeat: no-repeat
}

.photo_item:nth-child(12n+1):nth-child(6n+13):nth-last-child(2),.photo_item:nth-child(12n+9):nth-child(6n+13):nth-last-child(2) {
    grid-column: span 2;
    grid-row: auto
}

.photo_item:nth-child(12n+1):nth-child(6n+13):nth-last-child(2).ico_video:before,.photo_item:nth-child(12n+9):nth-child(6n+13):nth-last-child(2).ico_video:before {
    width: 22px;
    height: 23px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -187px -130px;
    background-repeat: no-repeat
}

.photo_item:nth-child(12n+8) {
    grid-column: 1/span 2
}

.photo_item:nth-child(12n+8):last-child {
    grid-column: auto/span 2
}

.photo_item:first-child:nth-last-child(-n+5).ico_video:before {
    width: 22px;
    height: 23px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -187px -130px;
    background-repeat: no-repeat
}

.photo_item:first-child:last-child {
    grid-column: span 6;
    grid-row: auto
}

.photo_item:first-child:nth-last-child(2),.photo_item:first-child:nth-last-child(3),.photo_item:nth-child(2):last-child {
    grid-column: span 6;
    grid-row: auto;
    padding-bottom: 50%
}

.photo_item:nth-child(2):nth-last-child(2),.photo_item:nth-child(3):last-child {
    grid-column: span 3
}

.photo_item:first-child:nth-last-child(4) {
    grid-column: span 6;
    grid-row: auto;
    padding-bottom: 66.6666666667%
}

.photo_item:first-child:nth-last-child(5),.photo_item:nth-child(2):nth-last-child(4) {
    grid-column: span 3;
    grid-row: auto;
    padding-bottom: 133.3333333333%
}

.photo_item:nth-child(4):nth-last-child(3) {
    grid-column: 3/span 4;
    grid-row: span 2
}

.photo_item:nth-child(4):nth-last-child(3).ico_video:before {
    width: 34px;
    height: 34px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -151px 0;
    background-repeat: no-repeat
}

.photo_item:first-child:nth-last-child(7) {
    grid-column: span 6;
    grid-row: auto;
    padding-bottom: 66.6666666667%
}

.photo_item:first-child:nth-last-child(7).ico_video:before {
    width: 22px;
    height: 23px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -187px -130px;
    background-repeat: no-repeat
}

.photo_item:nth-child(7):last-child {
    grid-column: span 2;
    grid-row: auto
}

.photo_item:nth-child(7):nth-last-child(2),.photo_item:nth-child(8):last-child {
    grid-column: span 3;
    grid-row: auto;
    padding-bottom: 133.3333333333%
}

.basic_info_item {
    position: relative;
    padding: 8px 0 9px 34px;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111;
    word-wrap: break-word;
    word-break: break-word
}

.basic_info_item .icon {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 19px;
    height: 19px
}

.basic_info_item .icon svg {
    display: block
}

.basic_info_item .title:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 4px;
    width: 15px;
    height: 15px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -134px -72px;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out
}

.is-active.basic_info_item .title:after {
    transform: rotate(-180deg)
}

.is-solo.basic_info_item .title:after {
    content: normal
}

.basic_info_item .title_s {
    display: table-cell;
    padding-right: 10px
}

.basic_info_item .con_s {
    display: table-cell
}

.basic_info_item .payment_text {
    margin-bottom: 16px
}

.basic_info_item.info_category {
    font-size: 0
}

.basic_info_item.info_category span {
    font-size: 15px;
    vertical-align: top
}

.basic_info_item.info_category span+span:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #d7d7d9;
    vertical-align: top;
    margin: 9px 6px 0
}

.basic_info_item.info_budget .lst_budget li+li {
    margin-top: 6px
}

.basic_info_item.info_time .title {
    display: table
}

.basic_info_item.info_time .title .title_s {
    width: 38px;
    box-sizing: content-box
}

.basic_info_item.info_time .title+.memo {
    margin-top: 6px
}

.basic_info_item .lst_week {
    max-height: 0;
    opacity: 0;
    transition: max-height .25s ease-in-out,opacity .2s ease-in-out .1s
}

.is-active.basic_info_item .lst_week {
    max-height: 250px;
    opacity: 1
}

.basic_info_item .lst_week li {
    padding-top: 8px
}

.basic_info_item .lst_week li:first-child {
    padding-top: 14px
}

.basic_info_item .lst_week li .title_s {
    width: 38px;
    box-sizing: content-box
}

.basic_info_item.info_tel .link {
    display: inline-block;
    text-align: left;
    color: #4270ed
}

.basic_info_item.info_url .lst_url li+li {
    margin-top: 6px
}

.basic_info_item.info_url .lst_url a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #4270ed
}

.basic_info_item.info_book {
    color: #4270ed
}

.basic_info_item.info_book.url a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_info_item.info_book.url_label .book_wp {
    display: flex;
    align-items: center
}

.basic_info_item.info_book.url_label a:first-child {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_info_item.info_book.url_label a:first-child+a {
    white-space: nowrap
}

.basic_info_item.info_book .book_wp+.book_wp {
    margin-top: 6px
}

.basic_info_item .lst_card {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .25s ease-in-out,opacity .2s ease-in-out .1s
}

.is-active.basic_info_item .lst_card {
    max-height: 27px;
    opacity: 1
}

.basic_info_item .lst_card li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 4px
}

.basic_info_item .lst_card li:first-child {
    margin-left: 0
}

.basic_info_item .lst_card .card_master {
    width: 25px;
    height: 17px;
    background-position: 0 -180px
}

.basic_info_item .lst_card .card_master,.basic_info_item .lst_card .card_visa {
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.basic_info_item .lst_card .card_visa {
    width: 37px;
    height: 14px;
    background-position: 0 -164px
}

.basic_info_item .lst_card .card_jcb {
    width: 21px;
    background-position: -52px -180px
}

.basic_info_item .lst_card .card_diners,.basic_info_item .lst_card .card_jcb {
    height: 17px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.basic_info_item .lst_card .card_diners {
    width: 20px;
    background-position: -75px -180px
}

.basic_info_item .lst_card .card_amex {
    width: 23px;
    height: 17px;
    background-position: -27px -180px
}

.basic_info_item .lst_card .card_amex,.basic_info_item .lst_card .card_linepay {
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.basic_info_item .lst_card .card_linepay {
    width: 50px;
    height: 15px;
    background-position: 0 -147px
}

.basic_info_item .account_info_website_link {
    color: #4270ed;
    display: flex
}

.basic_info_item .account_info_website_url {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: auto
}

.basic_info_item .account_info_website_count {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 4px
}

.place_map {
    padding: 0
}

.place_map .map_area {
    position: relative;
    height: 180px;
    background-color: #f5f5f5;
    border-radius: 7px;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.basic_info_item+.place_map .map_area {
    margin: 7px 0 5px
}

.place_map .map_area a,.place_map .map_area img {
    display: block;
    width: 100%;
    height: 100%
}

.place_map .map_area img {
    object-fit: cover;
    border-radius: 7px
}

.place_map .map_area .js-map-container div {
    border-radius: 7px
}

.place_map .map_area+.map_text {
    margin-top: 9px
}

.place_map .map_text {
    position: relative;
    padding: 8px 0 9px 34px
}

.place_map .map_title_area {
    font-size: 0
}

.place_map .map_title_area .button_copy {
    display: inline-block;
    padding: 2px 4px;
    vertical-align: top
}

.place_map .map_title_area .button_copy .icon_copy {
    display: flex;
    width: 16px;
    height: 16px
}

.place_map .map_title {
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111
}

.place_map .map_address {
    margin-top: 7px;
    color: #a5a5a5;
    font-size: 13px;
    line-height: 15px
}

.coupon_plugin .swiper-container {
    margin: 0 -16px;
    padding: 0 11px
}

.coupon_plugin .swiper-slide {
    width: 50%
}

.coupon_plugin .swiper-slide .coupon_plugin_item {
    width: 100%
}

.coupon_plugin .coupon_thumb {
    background-color: #f5f5f5
}

.coupon_plugin .coupon_thumb:empty {
    background-color: #fff
}

.coupon_plugin_list {
    display: flex;
    flex-wrap: wrap;
    margin: -4px -5px;
    padding-bottom: 82px
}

.coupon_plugin .coupon_plugin_list {
    flex-wrap: nowrap;
    padding-bottom: 0
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child {
    width: 100%
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child .coupon_link {
    display: flex;
    align-items: center
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child .coupon_link .coupon_thumb {
    order: -1;
    flex-shrink: 0;
    width: 78px;
    height: 78px;
    margin: 0 11px 0 0;
    padding-top: 0
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child .coupon_link .coupon_info {
    min-height: auto
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child .coupon_link .coupon_title {
    -webkit-line-clamp: 1;
    margin-top: 4px
}

.coupon_plugin .coupon_plugin_list .coupon_plugin_item:only-child .coupon_link .coupon_date {
    -webkit-line-clamp: 1;
    margin-top: 3px
}

.coupon_plugin_item {
    position: relative;
    width: 50%;
    padding: 4px 5px;
    box-sizing: border-box
}

.coupon_plugin_item .coupon_link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #efefef;
    border-radius: 7px;
    box-sizing: border-box
}

.coupon_plugin_item.is-cms-dummy .coupon_link {
    border: 0;
    background-color: #f9f9f9
}

.coupon_plugin_item.is-cms-dummy .coupon_category {
    background-color: #e5e5e5;
    color: #949494
}

.coupon_plugin_item.is-cms-dummy .coupon_thumb {
    background-color: #e5e5e5
}

.coupon_plugin_item.is-cms-dummy .coupon_thumb:empty:before {
    display: none
}

.coupon_plugin_item.is-cms-dummy .coupon_thumb:empty:after {
    background-position: -151px -96px
}

.coupon_plugin_item .coupon_info {
    min-height: 116px
}

.coupon_plugin_item .coupon_category {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    vertical-align: top
}

.coupon_plugin_item .coupon_category.coupon_discount {
    background-color: #06c755;
    color: #fff
}

.coupon_plugin_item .coupon_category.coupon_reusable {
    background-color: #eaeefa;
    color: var(--ldsg-color-blue-600)
}

.coupon_plugin_item .coupon_category.coupon_limit {
    background-color: #ff5e1f1a;
    color: #ff5e1f
}

.coupon_plugin_item .coupon_title {
    margin-top: 8px;
    color: #111;
    letter-spacing: -.24px;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.coupon_plugin_item .coupon_date,.coupon_plugin_item .coupon_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

.coupon_plugin_item .coupon_date {
    margin-top: 4px;
    color: #949494;
    letter-spacing: -.9px;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.coupon_plugin_item .coupon_thumb {
    overflow: hidden;
    position: relative;
    padding-top: 49.74%;
    border-radius: 5px;
    -webkit-user-select: none;
    user-select: none
}

.coupon_plugin_item .coupon_thumb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 5px
}

.coupon_plugin_item .coupon_thumb:empty:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 23.5px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -151px -70.5px;
    background-repeat: no-repeat;
    margin: auto
}

.coupon_plugin_item .coupon_thumb .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.lst_ezstore {
    display: flex;
    flex-wrap: wrap;
    margin: -36px 0 0 -11px!important
}

.lst_ezstore li {
    width: 50%;
    margin-top: 36px
}

.lst_ezstore li a {
    display: block;
    margin-left: 11px
}

.ezstore_plugin {
    position: relative
}

.ezstore_plugin .ezstore_thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 7px;
    background-color: #f5f5f5;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.ezstore_plugin .ezstore_thumb img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px
}

.ezstore_plugin .ezstore_desc {
    margin-top: 10px;
    color: #000
}

.ezstore_plugin .ezstore_title {
    display: block;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 1048px) {
    .ezstore_plugin .ezstore_title {
        -webkit-line-clamp:inherit;
        max-width: inherit
    }
}

.ezstore_plugin .ezstore_price {
    margin-top: 2px;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ezstore_plugin .ezstore_price.is-sale {
    color: #e5172f
}

.ezstore_plugin .ezstore_price.is-sale .previous_price {
    margin-left: 5px;
    color: #949494
}

.ezstore_plugin .ico_sale {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 5;
    width: 32px;
    height: 32.5px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -151px -36px;
    background-repeat: no-repeat
}

@media screen and (min-width: 1048px) {
    .ezstore_plugin .ico_sale {
        top:10px;
        left: 10px;
        width: 44px;
        height: 44px;
        background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite_pc.e0f6fec2.png);
        background-size: 86px 67px;
        background-position: 0 0;
        background-repeat: no-repeat
    }
}

.shopcard_plugin {
    position: relative;
    height: 144px;
    border: .5px solid rgba(0,0,0,.06);
    box-sizing: border-box;
    background-color: #f2f4f6;
    border-radius: 7px
}

.shopcard_plugin>a {
    display: block;
    width: 100%;
    height: 100%
}

.shopcard_plugin+.shopcard_plugin {
    margin-top: 8px
}

.shopcard_plugin .shopcard_thumb {
    position: absolute;
    left: 20px;
    width: 53px;
    height: 53px;
    top: 50%;
    transform: translateY(-50%)
}

.shopcard_plugin .shopcard_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.shopcard_plugin .shopcard_desc {
    display: flex;
    height: 100%;
    padding: 0 121px 0 22px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box
}

.shopcard_plugin .shopcard_desc:after {
    content: "";
    position: absolute;
    right: 16px;
    width: 94px;
    height: 94px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%)
}

.shopcard_plugin .shopcard_title {
    display: block;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    color: #1f1f1f;
    letter-spacing: -.24px
}

.shopcard_plugin .shopcard_go,.shopcard_plugin .shopcard_title {
    font-weight: var(--ldsg-typography-font-weight-200,700);
    overflow: hidden
}

.shopcard_plugin .shopcard_go {
    display: inline-block;
    margin: 12px 0 0;
    padding: 8px 12px;
    max-width: 90%;
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #111;
    color: #fff;
    border-radius: 25px;
    align-self: flex-start
}

.text_plugin {
    position: relative
}

.text_plugin .link_text_detail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.text_plugin_image {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    width: 100%;
    margin: 0 auto;
    border-radius: 7px;
    background-color: #f5f5f5;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.text_plugin_image .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px
}

.text_plugin_image .video_box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    border-radius: 7px
}

.text_plugin_image .video_box .video {
    width: 100%;
    height: 100%
}

.text_plugin_image .icon_video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 34px;
    height: 34px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -151px 0;
    background-repeat: no-repeat
}

.text_plugin_desc {
    word-wrap: break-word;
    word-break: break-word
}

.text_plugin_desc.is_expanded .text_area {
    max-height: fit-content
}

.text_plugin_desc.is_expanded .button_text_more {
    display: none
}

.text_plugin_image+.text_plugin_desc {
    padding-top: 10px
}

.text_plugin .text_plugin_desc:first-child {
    padding: 13px;
    border: 1px solid #efefef;
    border-radius: 7px
}

.text_plugin_desc .text_area {
    overflow: hidden;
    max-height: calc(var(--ldsg-typography-text-m-line-height, 1.5) * var(--ldsg-typography-text-m-font-size, 15px) * 3)
}

.text_plugin_desc .text {
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #555;
    letter-spacing: -.25px
}

.text_plugin_desc .text .link {
    color: #4270ed
}

.text_plugin_desc .button_text_more {
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    display: block;
    padding: 6px 0;
    color: #949494
}

.collection_plugin {
    display: block
}

.collection_plugin_item {
    display: flex;
    align-items: center;
    position: relative
}

.collection_plugin_item+.collection_plugin_item {
    margin-top: 13px
}

.collection_image {
    position: relative;
    flex: 0 0 auto;
    width: 112px;
    height: 112px;
    margin-right: 13px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    background-color: #f5f5f5
}

@media screen and (min-width: 1048px) {
    .collection_image {
        width:231px;
        height: 231px
    }
}

.collection_image .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit
}

.icon_outlink {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    width: 24px;
    height: 24px;
    background-color: #0003;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.icon_outlink svg {
    width: 12px;
    height: 12px
}

.collection_info {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #555;
    letter-spacing: -.09px
}

.collection_title {
    order: -1;
    display: block;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    color: #111
}

.collection_price~.collection_title {
    font-weight: 400
}

.section_collection_sublist .collection_title {
    font-weight: 700
}

.collection_desc {
    max-height: calc(var(--ldsg-typography-text-s-line-height) * 2);
    margin-top: 4px;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word
}

.collection_tag {
    margin-top: 5px;
    color: #949494;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collection_tag .tag_item+.tag_item {
    margin-left: 7px
}

.collection_price {
    display: block;
    margin: 2px 0 -2px;
    color: #111;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collection_label {
    margin-top: 6px
}

.collection_location {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collection_location a.link_map {
    position: relative;
    z-index: 4;
    margin-right: 3px;
    color: #4270ed
}

.collection_location .address {
    color: #949494
}

.collection_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.type_grid.collection_plugin {
    display: flex;
    flex-wrap: wrap;
    margin: -36px 0 0 -11px
}

.type_grid .collection_plugin_item {
    width: calc(50% - 11px);
    margin-left: 11px;
    margin-top: 36px;
    flex-direction: column;
    height: auto
}

.type_grid .collection_image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin: 0 0 10px
}

.collection_plugin_detail .collection_image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    border-radius: 7px
}

.collection_plugin_detail .collection_image .image {
    border-radius: 0
}

.collection_plugin_detail .collection_info {
    display: block;
    padding: 16px 0 0;
    box-sizing: border-box
}

.collection_plugin_detail .collection_title {
    font-size: var(--ldsg-typography-title-xl-font-size,26px);
    line-height: var(--ldsg-typography-title-xl-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.collection_plugin_detail .collection_desc {
    display: block;
    max-height: calc(var(--ldsg-typography-text-l-line-height) * var(--ldsg-typography-text-l-font-size) * 6);
    margin-top: 10px;
    letter-spacing: -.44px;
    font-size: var(--ldsg-typography-text-l-font-size,17px);
    line-height: var(--ldsg-typography-text-l-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.collection_plugin_detail .collection_desc.is_active {
    max-height: none
}

.collection_plugin_detail .collection_location {
    margin: 4px 0 14px;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    white-space: normal
}

.collection_plugin_detail .collection_location .link_map {
    margin-right: 6px
}

.collection_plugin_detail .collection_tag {
    margin: 2px 0 14px;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    white-space: normal
}

.collection_plugin_detail .collection_price {
    margin-top: 2px;
    font-size: var(--ldsg-typography-title-xl-font-size,26px);
    line-height: var(--ldsg-typography-title-xl-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.collection_plugin_detail .collection_label {
    margin: 7px 0 15px
}

.collection_plugin_detail .button_more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin-top: 16px;
    border: 1px solid #efefef;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.collection_plugin_detail .button_more:before {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: calc(100% + 1px);
    height: 65px;
    background-image: linear-gradient(180deg,#fff0 -19.16%,#fff 65.9%);
    pointer-events: none
}

.collection_plugin_detail .button_more:after {
    content: "";
    display: inline-block;
    margin-left: 2px;
    width: 15px;
    height: 15px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -134px -72px;
    background-repeat: no-repeat
}

.section_collection_sublist {
    padding-bottom: calc(26px + env(safe-area-inset-bottom))
}

.section_collection_sublist .collection_plugin_item {
    height: 84px;
    padding: 0 16px
}

.section_collection_sublist .collection_image {
    width: 84px;
    height: 84px
}

.section_collection_sublist .swiper-container {
    margin: 0 -16px
}

.section_collection_sublist .collection_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #555
}

.section_collection_sublist .swiper-button-next,.section_collection_sublist .swiper-button-prev,.section_collection_sublist .swiper-pagination {
    position: static
}

.section_collection_sublist .swiper-pagination {
    width: auto;
    margin: 0 27px
}

.section_collection_sublist .swiper-button-next,.section_collection_sublist .swiper-button-prev {
    margin: 0;
    width: 7.5px;
    height: 13px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -177.5px -120px;
    background-repeat: no-repeat
}

.section_collection_sublist .swiper-button-next:after,.section_collection_sublist .swiper-button-prev:after {
    display: none
}

.section_collection_sublist .swiper-button-next {
    transform: rotate(180deg)
}

.delivery_plugin .list_info,.takeout_plugin .list_info {
    display: grid;
    grid-template-columns: 70px auto;
    gap: 12px 15px;
    overflow: hidden;
    padding: 5px 16px 25px 20px
}

.delivery_plugin .list_info .title,.takeout_plugin .list_info .title {
    color: #555;
    letter-spacing: -.24px
}

.delivery_plugin .list_info .desc,.delivery_plugin .list_info .title,.takeout_plugin .list_info .desc,.takeout_plugin .list_info .title {
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.delivery_plugin .list_info .desc,.takeout_plugin .list_info .desc {
    color: #111;
    word-wrap: break-word;
    word-break: break-word
}

.delivery_plugin .list_info .desc .time,.takeout_plugin .list_info .desc .time {
    display: block
}

.delivery_plugin .list_info .desc .memo,.takeout_plugin .list_info .desc .memo {
    display: block;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #949494;
    letter-spacing: -.09px
}

.delivery_plugin .list_info .payment_list,.takeout_plugin .list_info .payment_list {
    font-size: 0
}

.delivery_plugin .list_info .payment_list .payment_item,.takeout_plugin .list_info .payment_list .payment_item {
    font-size: 14px;
    line-height: 20px
}

.delivery_plugin .list_info .payment_list .payment_item+.payment_item:before,.takeout_plugin .list_info .payment_list .payment_item+.payment_item:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 5px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #b7b7b7
}

.delivery_plugin .list_info+.link_area,.takeout_plugin .list_info+.link_area {
    margin-top: 0
}

.delivery_plugin .image_banner_delivery {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-delivery.02b11815.png)
}

.delivery_plugin .image_banner_delivery_home {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-home-delivery.f465c4b6.png)
}

.takeout_plugin .image_banner_takeout {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-takeout.1e40ad58.png)
}

.hour_box .button_toggle {
    position: relative;
    padding-right: 17px;
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer
}

.hour_box .button_toggle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 3px;
    margin-left: 4px;
    transition: transform .2s ease-in-out;
    width: 15px;
    height: 15px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -134px -72px;
    background-repeat: no-repeat
}

.hour_box .button_toggle[aria-expanded=true]:after {
    transform: rotate(-180deg)
}

.hour_box .button_toggle[aria-expanded=true]~.hour_list {
    max-height: 200px;
    opacity: 1
}

.hour_box .hour_list {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .25s ease-in-out,opacity .2s ease-in-out .1s
}

.hour_box .hour_list .hour_item {
    display: block;
    overflow: hidden
}

.hour_box .hour_list .hour_item:first-child {
    padding-top: 10px
}

.hour_box .hour_list .hour_item.is_active {
    color: #4270ed
}

.hour_box .current {
    display: block
}

.hour_box .day {
    float: left;
    width: 34px;
    padding-right: 4px;
    box-sizing: content-box
}

.hour_box .day+.hour {
    float: none;
    display: block;
    padding-left: 38px;
    width: auto
}

.hour_box .hour {
    float: left;
    width: 102px
}

.hour_box .hour_by {
    padding-left: 4px
}

.book_plugin .image_banner_book {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-book.9e089e4f.png)
}

.book_plugin .banner_area .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.book_info {
    padding: 0 18px;
    margin-bottom: -2px
}

.book_info .button {
    padding: 5px 10px 11px 0;
    font-size: 15px;
    line-height: 20px
}

.book_info .text {
    display: inline-block;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    vertical-align: middle
}

.book_info .icon_calendar,.book_info .icon_people {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.book_info .icon_calendar {
    background-position: -213px -171px
}

.book_info .icon_calendar,.book_info .icon_people {
    width: 19px;
    height: 19px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.book_info .icon_people {
    background-position: 0 -199px
}

.membership_plugin .image_banner_membership {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-membership.d403ffa5.png)
}

.section_notice .notice_plugin {
    margin-top: 10px
}

.notice_plugin {
    border-radius: 7px;
    background-color: #f9f9f9
}

.notice_plugin>.link {
    display: block;
    padding: 15px 16px 14px
}

.notice_plugin .title_area {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice_plugin .title_area .icon {
    position: relative;
    display: inline-block;
    margin: 3px 6px 0 1px;
    vertical-align: top
}

.notice_plugin .title_area .icon_notice {
    display: inline-block;
    width: 12px;
    height: 14px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -131px -180px;
    background-repeat: no-repeat;
    vertical-align: top
}

.notice_plugin .title_area .icon_new {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    margin-left: 2px;
    margin-right: -2px;
    background-color: #07b53b;
    border-radius: 50%
}

.notice_plugin .title_area .title {
    font-weight: var(--ldsg-typography-font-weight-200,700);
    letter-spacing: .3px;
    color: #111
}

.notice_plugin .desc_box,.notice_plugin .title_area .title {
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3)
}

.notice_plugin .desc_box {
    margin-top: -1px;
    font-weight: var(--ldsg-typography-font-weight-100,400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    color: #555
}

.section_notice .notice_plugin .desc_box {
    max-height: 40px
}

.notice_plugin .more {
    display: inline-block;
    margin-top: 4px;
    color: #949494;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.4px
}

.notice_plugin_item {
    position: relative;
    padding-bottom: 14px
}

.notice_plugin_item .button_toggle {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 25px 5px 0;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer
}

.notice_plugin_item .button_toggle[aria-expanded=true]~.notice_area {
    opacity: 1;
    max-height: 100%
}

.notice_plugin_item .button_toggle[aria-expanded=true] .icon_arrow {
    transform: rotate(-180deg)
}

.notice_plugin_item .button_toggle .icon_arrow {
    position: absolute;
    top: 9px;
    right: -1px;
    width: 12px;
    height: 7px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -187px -155px;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out
}

.notice_plugin_item .title_area .title {
    font-size: 15px;
    line-height: 22px
}

.notice_plugin_item .title_area .date {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #a5a5a5
}

.notice_plugin_item .notice_area {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease-in-out,opacity .2s ease-in-out .1s
}

.notice_plugin_item .desc_box {
    padding: 5px 0;
    color: #616161;
    font-size: 14px;
    line-height: 20px
}

.notice_plugin_item .desc_box .link {
    color: #4270ed
}

.notice_plugin_item .image_box {
    position: relative;
    padding-top: 53.89%;
    height: 0;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin: 5px 0
}

.notice_plugin_item .image_box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000012
}

.notice_plugin_item .image_box .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px
}

.section_recommend .swiper-container {
    margin: 0 -16px;
    padding-right: 53px
}

.section_recommend .swiper-container .button_more {
    margin-left: -32px;
    width: 85px
}

.section_recommend .recommend_list {
    padding: 0 32px 0 16px
}

.section_recommend .recommend_item {
    width: 100%;
    margin-top: 2px
}

.section_recommend .recommend_item .link {
    display: flex;
    width: 100%;
    height: 62px;
    align-items: center;
    padding: 4px 0
}

.section_recommend .recommend_item .thumb {
    flex-shrink: 0;
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #f5f5f5
}

.section_recommend .recommend_item .thumb .image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.section_recommend .recommend_item .info {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    padding-left: 11px
}

.section_recommend .recommend_item .info_name {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111
}

.section_recommend .recommend_item .info_name [class^=icon_] {
    flex-shrink: 0;
    margin-right: 4px;
    width: 11px;
    height: 12.5px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat;
    vertical-align: -2px
}

.section_recommend .recommend_item .info_name .icon_certified {
    background-position: -84px -164px
}

.section_recommend .recommend_item .info_name .icon_uncertified {
    background-position: -110px -164px
}

.section_recommend .recommend_item .info_name .icon_premium {
    background-position: -97px -164px
}

.section_recommend .recommend_item .info_detail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #949494
}

.section_recommend .recommend_item .info_detail .friend {
    font-size: 12px;
    line-height: 15px
}

.section_recommend .recommend_item .common_label {
    margin-top: 4px
}

.traffic_plugin {
    position: relative;
    z-index: 0
}

.traffic_plugin .button_area {
    margin-left: -9px;
    font-size: 0
}

.traffic_plugin .button_area .button {
    display: inline-block;
    padding: 5px 9px 4px;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #b7b7b7;
    letter-spacing: -.24px;
    vertical-align: top
}

.traffic_plugin .button_area .button.is_active {
    color: #000
}

.traffic_plugin .button_area .button+.button {
    margin-left: 4px
}

.traffic_plugin .chart_area {
    position: relative;
    padding-top: 4px
}

.traffic_plugin .chart_area .title {
    position: absolute;
    top: -4px;
    right: 0;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #000;
    letter-spacing: -.24px;
    transform: translateY(-100%)
}

.traffic_plugin .chart_area .chart {
    position: relative;
    height: 130px
}

.traffic_plugin .chart_area .chart:empty {
    border-radius: 7px;
    background-color: #f5f5f5
}

.traffic_plugin .chart_area .chart:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.9%
}

.traffic_plugin .chart_area .chart canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.traffic_plugin .chart_area .chart_tooltip_area {
    position: absolute;
    top: 0;
    left: var(--chart-tooltip-position,0);
    bottom: 31px;
    z-index: -1
}

.traffic_plugin .chart_area .chart_tooltip_area:before {
    content: "";
    display: block;
    position: absolute;
    left: var(--chart-tooltip-line-position,50%);
    top: 0;
    bottom: 0;
    border-left: 1px dotted #dfdfdf
}

.traffic_plugin .chart_area .chart_tooltip {
    display: inline-block
}

.traffic_plugin .chart_area .chart_tooltip_body {
    position: relative;
    padding: 0 8px;
    border: .5px solid #f5f5f5;
    border-radius: 26px;
    box-shadow: 0 1px 2px #00000014;
    background-color: #fff;
    font-size: 0;
    white-space: nowrap
}

.traffic_plugin .chart_area .chart_tooltip_title {
    color: #06c755;
    font-weight: 500;
    font-size: 11px;
    line-height: 21.5px;
    letter-spacing: .06px
}

.traffic_plugin .chart_area .chart_tooltip_content {
    color: #949494;
    padding-left: 4px;
    font-size: 11px;
    line-height: 21.5px;
    letter-spacing: -.4px
}

.traffic_plugin .chart_area .swiper-pagination {
    position: static;
    height: 5px;
    margin-top: 15px
}

.traffic_plugin .chart_area .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 3px 0 2px!important;
    border-radius: 50%;
    background-color: #dfdfdf;
    opacity: 1;
    vertical-align: top
}

.traffic_plugin .chart_area .swiper-pagination-bullet-active {
    background-color: #303030
}

.attributes_plugin {
    padding-bottom: 18px;
    background: #fcfcfc
}

.attributes_plugin .image_banner_health {
    background-image: url(https://page.line-scdn.net/_next/static/media/img-banner-health.e3530357.png)
}

.sns_plugin {
    margin-top: 3px;
    padding: 18px 20px;
    border: 1px solid #efefef;
    border-radius: 7px;
    box-sizing: border-box
}

.sns_plugin .text {
    margin-bottom: 11px;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: var(--ldsg-typography-text-m-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #111;
    letter-spacing: -.25px
}

.sns_area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -9px -1px
}

.sns_area .link {
    flex: 0 0 auto;
    display: flex;
    width: 28px;
    height: 28px;
    margin: 0 9px 9px 0;
    border-radius: 12px;
    background-color: var(--profile-button-color,#06c755);
    align-items: center;
    justify-content: center
}

.sns_area .link.link_instagram {
    background: linear-gradient(315deg,#fbe18a -3.43%,#fcbb45 19.01%,#f75274 37.18%,#d53692 52.14%,#8f39ce 75.65%,#5b4fe9 103.43%)
}

.sns_area .link.link_x {
    background-color: #000
}

.sns_area .link.link_facebook {
    background-color: #337fff
}

.sns_area .link.link_youtube {
    background-color: #ff3000
}

.sns_area .link.link_tiktok {
    background-color: #000
}

.sns_area .link.link_spotify {
    background-color: #1ed760
}

.sns_area .link.link_tumblr {
    background-color: #303d4d
}

.sns_area .link.link_pinterest {
    background-color: #e60019
}

.is-cms-dummy .sns_area .link {
    background: #d9d9d9
}

.sns_area .icon {
    width: 20px;
    height: 20px
}

.sns_area .icon svg {
    display: block
}

.faq_plugin {
    padding: 0 17px 15px;
    border: 1px solid #efefef;
    border-radius: 7px
}

.faq_plugin_list {
    padding-bottom: 157px
}

.faq_plugin .faq_plugin_list {
    padding: 18px 0 0
}

.faq_plugin_item {
    position: relative;
    word-wrap: break-word;
    word-break: break-word
}

.faq_plugin_item+.faq_plugin_item {
    margin-top: 30px
}

.faq_plugin .faq_plugin_item+.faq_plugin_item {
    margin-top: 22px
}

.faq_plugin_item .button_toggle {
    display: block;
    width: 100%;
    padding-right: 22px;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box
}

.faq_plugin_item .button_toggle[aria-expanded=true]+.answer_area {
    max-height: 300px;
    opacity: 1
}

.faq_plugin_item .button_toggle[aria-expanded=true] .icon_arrow {
    transform: rotate(-180deg)
}

.faq_plugin_item .button_toggle .icon_arrow {
    position: absolute;
    top: 0;
    right: -1px;
    width: 15px;
    height: 15px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -134px -55px;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out
}

.faq_plugin_item .icon {
    flex: 0 0 auto;
    width: 20px;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.faq_plugin .faq_plugin_item .icon {
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.faq_plugin_item .question_area {
    position: relative;
    display: flex;
    align-items: flex-start;
    letter-spacing: -.09px;
    color: #111;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.faq_plugin .faq_plugin_item .question_area {
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.faq_plugin_item .answer_area {
    position: relative;
    padding-right: 22px;
    letter-spacing: -.09px;
    color: #777;
    max-height: 0;
    opacity: 0;
    transition: max-height .25s ease-in-out,opacity .2s ease-in-out .1s;
    overflow: hidden;
    font-size: var(--ldsg-typography-title-s-font-size,15px);
    line-height: var(--ldsg-typography-title-s-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.faq_plugin .faq_plugin_item .answer_area {
    font-size: var(--ldsg-typography-title-xs-font-size,13px);
    line-height: var(--ldsg-typography-title-xs-line-height,1.2);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.faq_plugin .faq_plugin_item .answer_area .answer_inner {
    padding-top: 8px
}

.faq_plugin_item .answer_area .icon {
    color: #06c755
}

.faq_plugin_item .answer_area .text {
    flex: 1 1 auto
}

.faq_plugin_item .answer_area .link {
    color: #4270ed
}

.faq_plugin_item .answer_inner {
    display: flex;
    padding-top: 4px
}

.notice_rop {
    margin: 15px 0;
    border-radius: 5px;
    background-color: #f9f9f9
}

.notice_rop .link {
    display: flex;
    padding: 13px 12px 13px 14px;
    align-items: start
}

.notice_rop .link:before {
    content: "";
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA1FJREFUSA3FVzFMk0EUvnd/IdEwoImE/oXlByTaiEFoGuPqYkyMJqzGRAdNnBhcHBwcHBzEwcFBSdgxURNcdNe2gBEDCUK6CMVNBhITbP/nfXf/tQe0tNSKf3K9d+9/7/vu7r9775XEAZ/FZLJja/OXTyUZhyt74UZH55FCcnFx6yBQ1IjxbE9wJgzFGIfiqqIaqu5DCyTFaynF9Oha/mt1m4p2X+LPPcHAdkk8EsxjFZcGJKLpdk/cH17Lr9SyrkmciwfjIYvHaoWxsjPRmpJniHmFJBWg55B9JhpQ4mU1wR7ozENFSeJeaiP/1Grcfg/x7MhIW2n953MFedMaEtEHlvJBen31o9VV6zOJ/vMUhg+Z+WLlPU16iWN3Rufmfld0QuwhznQHLy0pkdgk8m6kCqtvXad6cs7vv8JcmmIWncaWJtM/8rdcvx3EZnv5CQzUizx7dCm9nv/mOjQq5/zBQQ6337EQAXwk0bi77WVifZCKYgnfFCtlSelmSe3kNDlvfzIrp2J7TJy2B05aI316o4OE7d2PNOv39Wa7g2doOb/vgsXY3acKy8vAMnqOGQ4z0sS4p/bK4CDV+6Yeiy4WfBdNsEjuJnTHwAKm1qlrqbnUQBMjOFhjnF4rt6p3MS2XJjYRSdGoe1rvyjQzGY1pYoC694h+asWIvepA2TA40wxwgz4RNg+BUyLgW0dEJCu3unexwSltlgGRDYOtJt2NDc7ydfoXZPthSuRTa4CAb+VW9y42OCWSuCWJsowd1uzPFVbnvcTxdrTR29df1DR0XrjY4NQhUyWGL/pk4zpt5Hsd+5aJmXjw3aRNWlAJ46z+xqgcNIPKp0ht9dhm/ZGjKlym0Oa7+0/Us9eYUa62XJoY5Yp1Rj61cq2eePOUCpdZtBLxtVp2Vu9iWi5NrGskVa7AEEkc+dQ6/W1vcnNUGCgOW49pYoCjRlI3uQgZSTyTCE5CrvZ0eV1L5MWG0ULZ9qqaDXQmLZamzHuVFjVHNDKd+T3MQqC8YlCrCmFCrXoSMioHCjnTzLab7VUFQFR9ANOtPoC/gxgKFGZlclUzhWHpTTYevG/ktMMGtvBx6y2DCfTKUy59KiojHXp5607gvxT07gQO/S+MS27lVv1p+wPs5aZXeCprtgAAAABJRU5ErkJggg==);
    background-size: 100%
}

.notice_rop .link:after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 13px;
    margin-left: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAYAAAC+aNwHAAAAAXNSR0IArs4c6QAAAPhJREFUOBGt1EEKgkAUBuA3Gt2gXRAeIciNtC5K7AJdq5OUBJ6gTeDKrRa07Qg6zT+SYI46M/QWOsL837yBh0T/qizLpnGcBJxzZmJOsBnhPH8cK6LF5ZrMBHJmjHEdyMGmonitEMaaV+VSIAfdTiQQhpsbc9wUAMoEae6LE+XJooOaIQIa7beD12kAebIF0gJskA5giigBE6QX0EUGgV6EsXcU7k4YtlFgDJGDhE22NdqBcsB0r6AM/0xnbwc6YVxbCeiGlYBJuAOYhluATbgBbMMAXDx8PwgqXq6xRun8SOqdRHISPW9+F4unafiLyLftb72F2Hx8AIgyAPZS9nL1AAAAAElFTkSuQmCC);
    background-size: 100%
}

.notice_rop .text {
    flex: 1 1 auto;
    font-size: 12px;
    line-height: 15px;
    color: #777;
    font-weight: 400;
    letter-spacing: -.1px
}

.snackbar_wrap {
    position: fixed;
    right: 13px;
    bottom: 13px;
    bottom: calc(max(constant(safe-area-inset-bottom),11px) + 2px);
    bottom: calc(max(env(safe-area-inset-bottom),11px) + 2px);
    left: 13px;
    z-index: 300;
    transform: translateZ(0);
    display: none
}

.snackbar {
    display: flex;
    overflow: hidden;
    align-items: center;
    max-width: 700px;
    height: 64px;
    margin: 0 auto;
    padding: 0 13px;
    border-radius: 8px;
    background-color: #46464680;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    box-sizing: border-box
}

.snackbar [class*=icon_] {
    flex-shrink: 0;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.snackbar .icon_link {
    background-position: -187px -104px
}

.snackbar .title {
    flex: 1 1 auto;
    padding: 0 15px 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.snackbar .link {
    flex-shrink: 0;
    padding: 17px 3px 17px 9px;
    color: #ffffffd9
}

.floating_bar {
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 16px max(10px,env(safe-area-inset-bottom) - 9px);
    transform: translateY(100%);
    transition: transform .2s;
    background-color: #fff
}

.floating_bar.is_active {
    transform: translateY(0)
}

.region_area {
    max-width: 700px;
    margin: 0 auto;
    text-align: right;
    padding-top: 4px;
    color: #555;
    font-size: var(--ldsg-typography-text-xs-font-size,11px);
    line-height: var(--ldsg-typography-text-xs-line-height,1.5);
    font-weight: var(--ldsg-typography-font-weight-100,400)
}

.region_area .icon_unspecified {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    width: 13px;
    height: 13px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -69px -164px;
    background-repeat: no-repeat
}

.warning_area {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 16px;
    line-height: 16px;
    word-break: break-all;
    word-wrap: break-word
}

.warning_area .icon {
    margin-right: 4px
}

.warning_area .icon svg {
    display: block
}

.warning_area .text {
    font-size: 12px;
    line-height: 16px
}

.floating_button {
    max-width: 700px;
    margin: 0 auto;
    overflow: hidden
}

.floating_button .button {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 5px;
    background-color: var(--profile-button-color,#06c755);
    transition: background-color .2s;
    color: #fff;
    font-size: var(--ldsg-typography-text-m-font-size,15px);
    line-height: 19px;
    font-weight: var(--ldsg-typography-font-weight-200,700)
}

.floating_button .button .icon {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.floating_button .button .icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.floating_button .button .icon svg path {
    fill: #fff
}

.floating_button .button_inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.floating_button .button_content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.floating_button .button_add,.floating_button .button_add_custom {
    position: relative
}

.floating_button .button_add .icon,.floating_button .button_add_custom .icon {
    width: 19px;
    height: 19px
}

.floating_button .button_add .button_content,.floating_button .button_add_custom .button_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.floating_button .button_add .button_content:last-child .icon,.floating_button .button_add_custom .button_content:last-child .icon {
    height: 48px
}

.floating_button .button_chat .icon svg:first-child {
    animation-name: add-to-chat,chat-loop;
    animation-duration: .6s,4s;
    animation-delay: 0s,.6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.4,0,1,1);
    animation-iteration-count: 1,infinite
}

.floating_button .button_chat .icon svg:last-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 19px;
    height: 19px;
    opacity: 0;
    animation: chat-hi-loop 4s cubic-bezier(.4,0,1,1) .6s infinite forwards
}

.floating_button .button_chat .text {
    animation: chat-text-loop 4s cubic-bezier(.4,0,1,1) .6s infinite forwards
}

.floating_button.is_active .button_add .button_content:first-child {
    animation: add-friend 8.2s cubic-bezier(.4,0,1,1) infinite
}

.floating_button.is_active .button_add .button_content:first-child .icon {
    animation: add-friend-icon 8.2s cubic-bezier(.4,0,1,1) infinite
}

.floating_button.is_active .button_add .button_content:last-child .icon {
    width: 19px;
    height: 19px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -213px -87px;
    background-repeat: no-repeat;
    opacity: 0;
    animation-name: benefit-icon-move,benefit-icon;
    animation-duration: 8.2s,8.2s;
    animation-timing-function: cubic-bezier(.4,0,1,1),linear;
    animation-iteration-count: infinite,infinite
}

.floating_button.is_active .button_add .button_content:last-child .text {
    opacity: 0;
    animation: benefit-text 8.2s cubic-bezier(.4,0,1,1) infinite
}

.floating_button.is_active .button_add_custom .button_content:first-child {
    animation: rolling-button-add 4s .5s 1
}

.floating_button.is_active .button_add_custom .button_content:last-child {
    animation: rolling-button-icon 4s .5s 1;
    transform: translateY(-100%)
}

.floating_button.is_active .button_add_custom .button_content:last-child .icon,.floating_button.is_active .button_add_custom .button_content:last-child .text {
    opacity: 1
}

@keyframes rolling-button-icon {
    0% {
        transform: translateY(-100%)
    }

    6.6666% {
        transform: translateY(-100%);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    16.6666% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(.4,0,1,1)
    }

    60%,to {
        transform: translateY(100%)
    }
}

@keyframes rolling-button-add {
    0% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(.4,0,1,1)
    }

    10% {
        transform: translateY(100%)
    }

    10.0001% {
        transform: translateY(-100%)
    }

    56.6666% {
        transform: translateY(-100%);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    66.6666%,to {
        transform: translateY(0)
    }
}

@keyframes add-to-chat {
    0% {
        transform: scale(1)
    }

    16.66% {
        transform: scale(118%)
    }

    33.32% {
        transform: scale(94%)
    }

    49.98% {
        transform: scale(106%)
    }

    to {
        transform: scale(1)
    }
}

@keyframes chat-loop {
    0% {
        opacity: 1;
        transform: scale(1) rotate(0)
    }

    17.5%,2.5% {
        opacity: 0;
        transform: scale(1.3)
    }

    22.5%,to {
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

@keyframes chat-hi-loop {
    0% {
        opacity: 0;
        transform: scale(1) rotate(0) translate(0)
    }

    2.5% {
        opacity: 1;
        transform: scale(1.3) rotate(-4deg) translate(-2px)
    }

    5% {
        transform: scale(1.3) rotate(4deg) translate(2px)
    }

    7.5% {
        transform: scale(1.3) rotate(-4deg) translate(-1px)
    }

    10% {
        transform: scale(1.3) rotate(4deg) translate(1px)
    }

    12.5% {
        transform: scale(1.3) rotate(-4deg) translate(-1px)
    }

    15% {
        transform: scale(1.3) rotate(4deg) translate(1px)
    }

    17.5% {
        opacity: 1;
        transform: scale(1.3) rotate(-4deg) translate(-1px)
    }

    22.5%,to {
        opacity: 0;
        transform: scale(1) rotate(0) translate(0)
    }
}

@keyframes chat-text-loop {
    0% {
        transform: translate(0)
    }

    17.5%,2.5% {
        transform: translate(2px)
    }

    22.5%,to {
        transform: translate(0)
    }
}

@keyframes add-friend {
    0%,12.195% {
        opacity: 1
    }

    14.634%,60.975% {
        opacity: 0
    }

    63.414%,to {
        opacity: 1
    }
}

@keyframes add-friend-icon {
    0%,12.195% {
        transform: translate(0)
    }

    14.634%,60.975% {
        transform: translate(-14px)
    }

    63.414%,to {
        transform: translate(0)
    }
}

@keyframes benefit-icon-move {
    0% {
        transform: translate(14px)
    }

    14.634%,60.975% {
        transform: translate(0)
    }

    63.414%,to {
        transform: translate(14px)
    }
}

@keyframes benefit-icon {
    0%,12.195%,20.730% {
        background-position: -213px -87px;
        opacity: 0
    }

    14.634%,19.512% {
        opacity: 1
    }

    20.731%,28.047% {
        background-position: -213px -45px;
        opacity: 0
    }

    21.951%,26.829% {
        opacity: 1
    }

    28.048%,35.364% {
        background-position: -213px -66px;
        opacity: 0
    }

    29.268%,34.146% {
        opacity: 1
    }

    35.365%,42.681% {
        background-position: -213px -150px;
        opacity: 0
    }

    36.585%,41.463% {
        opacity: 1
    }

    42.682%,49.999% {
        background-position: -213px -129px;
        opacity: 0
    }

    43.902%,48.780% {
        opacity: 1
    }

    50% {
        background-position: -213px -108px;
        opacity: 0
    }

    51.219%,56.097% {
        opacity: 1
    }

    57.317%,58.536% {
        background-position: -213px -108px;
        opacity: 1
    }

    60.975% {
        opacity: 1
    }

    63.414%,to {
        background-position: -213px -108px;
        opacity: 0
    }
}

@keyframes benefit-text {
    0%,12.195% {
        opacity: 0
    }

    14.634%,60.975% {
        opacity: 1
    }

    63.414%,to {
        opacity: 0
    }
}

.floating_link {
    position: fixed;
    left: 50%;
    bottom: 16px;
    z-index: 100;
    height: 53px;
    border-radius: 26px;
    background-color: #fff;
    box-shadow: 0 3px 7px #00000021;
    transform: translate(-50%)
}

.floating_link .link_book {
    display: block;
    height: 100%;
    padding: 0 30px;
    font-size: 15px;
    line-height: 53px;
    font-weight: 700;
    color: #000;
    letter-spacing: -.19px
}

.floating_link .link_book:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -39px -164px;
    background-repeat: no-repeat
}

.floating_link .link_book .text {
    vertical-align: middle
}

.wrap_viewer {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    padding-top: calc(env(safe-area-inset-top) + 44px);
    height: calc(100% - (constant(safe-area-inset-top) + 44px));
    height: calc(100% - (env(safe-area-inset-top) + 44px))
}

.aos .wrap_viewer {
    padding-top: calc(56px + var(--android-safe-area-inset-top, 0px));
    height: calc(100% - (56px + var(--android-safe-area-inset-top, 0px)))
}

@media screen and (min-width: 1048px) {
    .wrap_viewer {
        padding-top:0;
        height: 100%
    }

    .wrap_viewer .header {
        display: none
    }

    .js-modal-open .wrap_viewer .header {
        display: block
    }

    .js-modal-open .wrap_viewer .header:before {
        display: none
    }
}

.viewer {
    height: 100%
}

@media screen and (min-width: 1048px) {
    .viewer {
        position:relative;
        overflow: hidden;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 150px;
        box-sizing: border-box
    }
}

.viewer.upload_cms .is-solo .viewer_inner_text,.viewer.upload_cms .viewer_inner_text {
    bottom: 28px;
    bottom: calc(constant(safe-area-inset-bottom) + 28px);
    bottom: calc(env(safe-area-inset-bottom) + 28px)
}

.viewer.upload_cms .viewer_button {
    display: none
}

@media screen and (min-width: 1048px) {
    .viewer.zoom {
        padding-top:0
    }
}

.viewer.zoom .lst_viewer {
    padding-bottom: 0
}

.viewer.zoom .viewer_button,.viewer.zoom .viewer_contents {
    display: none
}

.viewer_contents_wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s
}

.viewer_contents_on .viewer_contents_wrapper {
    opacity: 1;
    pointer-events: auto
}

.viewer_contents:before {
    content: "";
    position: absolute;
    height: 180px;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .4;
    background-image: linear-gradient(180deg,transparent,#000 37%,#000)
}

.viewer_contents:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: #000;
    z-index: -1;
    animation-name: fadeOut-is-on
}

.viewer_contents .viewer_inner_text {
    position: absolute;
    bottom: 60px;
    bottom: calc(constant(safe-area-inset-bottom) + 60px);
    bottom: calc(env(safe-area-inset-bottom) + 60px);
    width: 100%;
    height: 82px;
    padding: 0 15px;
    box-sizing: border-box;
    animation-name: fadeOut-text;
    overflow: hidden
}

@media screen and (orientation: landscape) {
    .viewer_contents .viewer_inner_text {
        padding-left:calc(env(safe-area-inset-left) + 8px);
        padding-right: calc(env(safe-area-inset-right) + 8px)
    }
}

.viewer_contents .user {
    position: relative;
    display: flex;
    height: 39px;
    font-size: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap
}

.viewer_contents .thumb_user {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 39px;
    height: 39px;
    vertical-align: middle
}

.viewer_contents .thumb_user img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box
}

.viewer_contents .user_title {
    flex: 1 1 auto;
    display: block;
    margin-left: 47px;
    color: #fff;
    font-size: .9375rem;
    line-height: 1.0625rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.viewer_contents .button_profile {
    flex: 0 0 auto;
    padding: 10px 0 10px 10px;
    color: #ffffff80;
    font-size: .8125rem;
    line-height: 1rem;
    letter-spacing: -.3px
}

.viewer_contents .button_profile:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    width: 8px;
    height: 11px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -102px -147px;
    background-repeat: no-repeat
}

.viewer_contents .desc {
    margin: 8px 0 0;
    color: #fff;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 400
}

.viewer_contents.is-solo .viewer_inner_text {
    height: 39px;
    bottom: 53px;
    bottom: calc(constant(safe-area-inset-bottom) + 53px);
    bottom: calc(env(safe-area-inset-bottom) + 53px)
}

.viewer_contents.is-on {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

@media screen and (min-width: 1048px) {
    .viewer_contents.is-on {
        top:150px
    }
}

.viewer_contents.is-on:before {
    content: normal
}

.viewer_contents.is-on:after {
    opacity: .7;
    animation-name: fadeIn-is-on
}

.viewer_contents.is-on .viewer_inner_text {
    height: auto;
    max-height: 90vh;
    overflow-x: auto;
    animation-name: fadeIn-text
}

.viewer_contents.is-on .viewer_inner_text:after {
    content: normal
}

.viewer_contents.is-on .viewer_inner_text,.viewer_contents.is-on:after {
    transition: opacity .35s;
    animation-duration: .35s;
    animation-fill-mode: both;
    transition-timing-function: cubic-bezier(.35,0,.1,1)
}

.viewer_contents .viewer_inner_text,.viewer_contents:after {
    transition: opacity .35s;
    animation-duration: .35s;
    animation-fill-mode: both;
    transition-timing-function: cubic-bezier(1,.1,0,.35)
}

@keyframes fadeIn-is-on {
    0% {
        opacity: .4
    }

    to {
        opacity: .7
    }
}

@keyframes fadeOut-is-on {
    0% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

@keyframes fadeIn-text {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

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

@keyframes fadeOut-text {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.viewer_button {
    position: absolute;
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    left: 0;
    right: 0;
    height: 60px;
    padding: 14px 15px 15px;
    box-sizing: border-box;
    z-index: 1
}

.viewer_button:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (orientation: landscape) {
    .viewer_button {
        padding-left:calc(env(safe-area-inset-left) + 8px);
        padding-right: calc(env(safe-area-inset-right) + 8px)
    }
}

.viewer_button .btn_comment,.viewer_button .btn_like {
    float: left;
    height: 31px;
    line-height: 31px;
    color: #fff9;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px
}

.viewer_button .count {
    padding-left: 3px
}

.viewer_button .btn_home {
    float: right;
    padding: 0 12px;
    height: 31px;
    line-height: 29px;
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box
}

.viewer_button .btn_home:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    width: 5px;
    height: 8px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -177.5px -135px;
    background-repeat: no-repeat
}

.lst_viewer {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

@media screen and (min-width: 1048px) {
    .lst_viewer {
        padding-bottom:150px
    }
}

.viewer_item {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center
}

.viewer_item,.viewer_item .image,.viewer_item .picture {
    width: 100%;
    height: 100%
}

.viewer_item .image {
    object-fit: contain
}

.viewer_item .video_box {
    height: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box
}

.viewer_item video {
    width: 100%;
    height: 100%;
    max-height: 100%
}

.__video.__video_playing .__video_toolbar {
    opacity: 1!important;
    visibility: visible!important
}

.viewer_contents_on .__video .__video_toolbar {
    opacity: 0!important;
    visibility: hidden!important
}

.section.section_report {
    padding-top: 18px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px)
}

.section.section_report .description_area {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    color: #949494
}

.section.section_report .text_area {
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    color: #b7b7b7
}

.section.section_report .category_list {
    margin-top: 18px
}

.section.section_report .category_item+.category_item {
    margin-top: 20px
}

.section.section_report .category_item .radio_input {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0,0,0,0)
}

.section.section_report .category_item .radio_input:checked+.radio_label:after {
    opacity: 1;
    transform: scale(1)
}

.section.section_report .category_item .radio_label {
    display: block;
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600
}

.section.section_report .category_item .radio_label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    box-sizing: border-box
}

.section.section_report .category_item .radio_label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #06c755;
    opacity: 0;
    transform: scale(0);
    transition: transform .2s,opacity .2s
}

.section.section_report .comment_area {
    height: 180px;
    margin: 9px 0 10px;
    background-color: #f5f5f5;
    border-radius: 5px
}

.section.section_report .comment_area .textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 14px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: -.4px;
    resize: none;
    box-sizing: border-box
}

.section.section_report .comment_area .textarea::placeholder {
    color: #c8c8c8;
    opacity: 1
}

.section.section_report .button_area {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 700px;
    margin: 0 auto;
    padding: 16px 16px calc(env(safe-area-inset-bottom) + 16px);
    background-color: #fff
}

.section.section_report .button_area .button {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    background-color: #06c755;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #fff
}

.section.section_report .button_area .button[disabled] {
    background-color: #e0e0e0
}

.error_network {
    position: relative;
    padding-top: 0!important
}

.error_network .error_msg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 700px;
    margin: 0 auto;
    padding: 0 44px;
    text-align: center;
    color: #949494;
    word-break: break-all;
    letter-spacing: -.13px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400
}

.error_network .error_msg:before {
    content: "";
    display: block;
    width: 68px;
    height: 69px;
    margin: 0 auto 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACKCAAAAABUGV2FAAAAAnRSTlMAAHaTzTgAAAY7SURBVHja7ZzZVupAEEXr//+pwiSiOKAgIgpODKJAM0M0pHMfBG9IOunqpAM+eN5cy2GTVE6daigBfoucX6I/EB0gnP8SEGuZAAooXw3Op4wd9opw7jgmm68YY6uDgtiztTNijDHGJvxQIHzN+YKxMdtofSiQLzZZMZeW/DAgfMJ2NToUyNIDwr7If2LWrnT03RrbCzKjXBJ7/HyVQcQrjcXqvTdMBmINmxcpRDy6aR1lND6+n14QM+yb3++LBiIWam8rx3FucKYPhHtBgqxk2a0VENEo3n9s66iNLY0gMy+JLajLViWHiOnL5tBtNDOsaHRWywuyayXbusxev4x91ypzpBGEjwKtxBps67I9F/7sNS41gvisxPquy3rRQMST77oU6xm7Gpuez0rmVvf2GBFTZ//rUqwx1jSC+K1kncP05aOoar2vIVXQGQNML8iKHAcu8UsjiM9KpuTO18QPjSBripWINcR7TSCLzu1xdRVuJWGvwSjGB+HT13IOEdNXttdKxuR7UzTWsUDs0VMpjYjZ8suEB1kJRfc4jAxiDRrnKUTMVztbv1z7rIR6ST6wGQnE7N2dGojGyV3PjJVKfoIBXiiDLDrVY0RMnT/0fVfeV66f1HtTSHMFED59LWcRMV16Ej+a0a2khmMiiM2+6zJXfg3+7TyylXTxmQBi9R/OUoh4XO0sZPON1+aJIEu8loLwUwPROK33zAiphGwlR1n5FSlifUB0BL7wtWAiSCU8QQPJbdxmHfW5aWFbCiJ1G/clGbuTvD0l35oZ3khBpG4jtJIpY7ajMAKHJ2gguY0oMa4ce640iV/hSgoic5td02Ns7CxG3HHUTgSe8U0KInMb74BjOdxRPpcIT9BAchvPUZoZ6XAkPEFvLD6XVTpajHYWcxGWoIHkNnoUmqCB5DZ6FJqggeQ2emQZZ/IYkMknD+IUU2spSLjbaFI9pKcByW006R0fpSCEeT2+PvFSCkKY1zUopKcByW106Ta4pwF9XtegLr5IQeTzugaF9DQguY02Bfc0cLmNnTxIBedSkLpCgo6s4J4GJLfRpuCeBiS30afAngb0eV2LAnsakNxGnwJ7GpDcRqp+n/iNI7yTgiglaMfh7lmzQjUhO3UiP6hRS9CtU9cX5VTcBA0ktxHpwf0b75B6KNDAvhRELUE/oetM51H+hsxGA3yQgqgl6Jb7IWuTn7igngYktxGphwN3CCSHiFNxTwP6vO6bUlyOMKFH3joyKYhSgp6h6412niObYUBPA5LbCHXk/tv0CBHQ04DkNjpHcedY2NN2T54vjL0k6IkUJMht9pCggeQ2WrUQ9jSgz+vJJmgguc0eEjSQ3Cb0cZwNe53ux9gk/0QLO1IQxQS9bFfzuFX2ukN75qZYlYKYCgna7pwhGsX6S3cwGvTa9xdpNKqUJsxFPQ1IbiPCeM5iprbzeRXOGoUUJUmUBD0NSG7jF8tjoSMo7HmL8H7LE/akILQEzZtGth19+BD1NCC5jZejgpU4vUDU04A+r7sSarYXz0nODUsKQkjQk5IZ09IEPQ1IbqNbgp4GJLfRLUFPA5LbaJe/pwHJbbTL39OA5Dba1fP1NKDP6zplYkkKopago8rX04DkNkkk6KkUZC8JuoOvUpA9JeiyFOQwCRro87pelXEhBYmQoNX16ulpQHKbBOTtaUBymwTE03kpCD1Bx1EJTSmIz22SkKenAcltkhDb7WlAcpskZKdOpSBOLrcHS9vtaUByG/1aD5v5nZ4GJLfRq+2uycmHFCS5BL182+6avH/JfcTnNno0a9/kEDF9sbtrEgbidZv4j8h21+TqOeCjfECf1yMPMT87UO2QDzIByW1i12Wh9iY5wgGS20SrS/8OlDpI3AQdsAMVASR6gg7dgVIH6WMjSl1udqDyQTtQ6iCWca5cl4QdKHUQtQS9pO5ARQC5wxExfG7r8pHFCf8QPK8/yety9LSty9gr0UCf17112fiuy6pyXaqBOPlM4Is03+ubXZM3bYc6wSBVcYJedDZ1Kdg1SQbEn6B/dqBK8epSEWQ3Qe/uQCWgkNWnbO5/XXp3oPYKUsZF4A7UXkFesLrZgWr0kz/MCgGZhO1A7ROEV16n3NmX/v41zB+IFOS36B8KxBgSSJJLNwAAAABJRU5ErkJggg==);
    background-size: cover
}

.error_network .btn_retry {
    display: block;
    margin: 20px auto 0;
    padding: 11px 18px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    letter-spacing: -.18px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    color: #000
}

.error_network .btn_retry:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 3px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAg5JREFUSA3NlrtLXFEQh32hIATFQFAJQQVjghA0WthIIgREEEFMESSVmCK9jY1FioBaaJO/wVpsLK1EVBCj8VmJSogBMUhIkaD5fusODJd7d+/u3QUHvj1z58z5zX2cx5aU3FN7yn19gvJi398zCtzCCjRC0cwKqdhPGChWJV9IxW5gGiqSFixDoBdmYQmOQQWCrBJ7Ajmb7vAjnEFQNOr6hNwHENuek/kNogTD4lvkt8auQGI//AIvts31BHRCd6BPeV+gCmLbSzJ/gxX5gT8KpWDmJ8MVwbfWEbetJdF/jz2um0IGW6F1+ppD+rOGNEX9k0TNoDby5qAyq2JIwiNif8AKjYTkFCT0wRXZLIhiiIgW5JCLLzi/4O4hivbaugqu7gSvXaF6F0/q6igRemupHz2NmV8zFsunHWbQvzTLElC1czlpe2xOwtbrpPRV6MiJvnZ+EtfraMdP2Ri/Nhm0OSa1OgT8VtZugg9x/IJ9Zx15tvOMsxvfCWp8dp0X+HntY4zT7q9JYIX8GiV8d2CduoQD/BZ15GB95PojJjXbwsZ3EPRr6pLr96AJk8mq6ZyCv2BPok1A3yrS3tCjc8YGqN2FSdB5pe+pRVgPr2AGvoPP1yyO9TZ0JH8NDPZCmfxFxtVAbNOfk3E4gUzC1rdBniZCpGXbcvR9emAQXkAD6I7151GvbA2WYB/uh/0HSi2t4IMJLb4AAAAASUVORK5CYII=);
    background-size: cover;
    vertical-align: -3px
}

.error_not_yet {
    min-height: 126px;
    text-align: center
}

@media screen and (min-width: 1048px) {
    .error_not_yet {
        min-height:100px
    }
}

.error_not_yet .error_msg {
    padding: 52px 37px 55px;
    color: #949494;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    word-break: break-all
}

@media screen and (min-width: 1048px) {
    .error_not_yet .error_msg {
        padding:21px 37px 56px
    }
}

.wrap_popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 28px
}

@media screen and (min-width: 1048px) {
    .wrap_popup {
        z-index:400
    }
}

.wrap_popup:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0006;
    content: ""
}

.wrap_popup.popup_landscape_guide {
    display: none;
    background-color: #fff
}

@media screen and (min-aspect-ratio: 13/9) {
    .wrap_popup.popup_landscape_guide {
        display:flex
    }
}

.wrap_popup.popup_landscape_guide:before {
    display: none
}

.wrap_popup.popup_landscape_guide .area_popup .contents {
    padding: 0
}

.wrap_popup.popup_landscape_guide .text_area {
    margin-top: 14px;
    font-weight: 300
}

.wrap_popup.popup_landscape_guide .button_close {
    margin-top: 16px;
    padding: 9px 12px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 5px
}

.wrap_popup .btn_popup {
    position: absolute;
    left: calc(10px + constant(safe-area-inset-left));
    left: calc(10px + env(safe-area-inset-left));
    right: calc(10px + constant(safe-area-inset-right));
    right: calc(10px + env(safe-area-inset-right));
    bottom: calc(10px + constant(safe-area-inset-bottom));
    bottom: calc(10px + env(safe-area-inset-bottom));
    margin: 0 auto;
    box-sizing: border-box
}

.wrap_popup .lst_button a,.wrap_popup .lst_button button {
    display: block;
    width: 100%;
    height: 57px;
    text-align: center;
    color: #007aff;
    background-color: #e7e7e7f5;
    font-size: 19px;
    line-height: 57px;
    font-weight: 400;
    box-sizing: border-box
}

.wrap_popup .lst_button .btn_call {
    border-top: 1px solid #bdbdc1;
    border-radius: 13px
}

.wrap_popup .lst_button .btn_cancel {
    margin-top: 10px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 13px
}

.wrap_popup .area_popup {
    width: 100%;
    position: relative;
    margin: auto;
    text-align: center
}

.wrap_popup .area_popup .contents {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 319px;
    padding: 36px 27px 11px;
    border-radius: 13px;
    background-color: #fff;
    color: #949494;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.wrap_popup .area_popup .contents .title {
    display: block;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    padding-bottom: 6px;
    letter-spacing: -.31px;
    color: #111
}

.wrap_popup .area_popup .contents .icon_phone,.wrap_popup .area_popup .contents .icon_phone_warning {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 29px
}

.wrap_popup .area_popup .contents .icon_phone {
    width: 49px;
    height: 49px;
    background-position: 0 -96px
}

.wrap_popup .area_popup .contents .icon_phone,.wrap_popup .area_popup .contents .icon_phone_warning {
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat
}

.wrap_popup .area_popup .contents .icon_phone_warning {
    width: 53px;
    height: 53px;
    background-position: -96px 0
}

.wrap_popup .area_popup .contents .link {
    display: inline-block;
    padding: 5px 10px 0;
    color: #4270ed;
    letter-spacing: -.3px
}

.wrap_popup .area_popup .content_qr {
    position: relative;
    box-sizing: border-box;
    max-width: 700px;
    margin: 0 auto;
    padding: 93px 74px;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word
}

.wrap_popup .area_popup .content_qr .image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.wrap_popup .area_popup .content_qr .title {
    display: block;
    padding-top: 21px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -.6px
}

.wrap_popup .area_popup .content_qr .desc {
    padding-top: 5px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -.5px;
    font-weight: 300
}

.wrap_popup .area_popup .pop_btn_area {
    margin-top: 27px
}

.wrap_popup .area_popup .pop_btn_area [class*=btn] {
    display: block;
    margin-top: 7px;
    width: 100%;
    height: 51px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 7px;
    letter-spacing: -.3px
}

.wrap_popup .area_popup .pop_btn_area .btn_cancel,.wrap_popup .area_popup .pop_btn_area .btn_ok {
    color: #111
}

.wrap_popup .area_popup .pop_btn_area .btn_option {
    border: 1px solid #e8e8e8;
    font-weight: 500
}

.wrap_popup .area_popup .pop_btn_area .btn_select {
    color: #fff;
    background-color: #1fc857
}

.wrap_popup .area_popup .popup_close {
    position: absolute;
    top: 12px;
    right: 12px
}

.wrap_popup .area_popup .popup_close .button_close {
    padding: 10px
}

.wrap_popup .area_popup .popup_close .button_close:before {
    content: "";
    display: block;
    width: 20px;
    height: 21px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -213px 0;
    background-repeat: no-repeat
}

.bottom_sheet_wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
    background-color: #0000;
    transition: background-color .1s
}

.bottom_sheet_wrap.is_active {
    background-color: #0006
}

@media screen and (min-width: 1048px) {
    .bottom_sheet_wrap {
        z-index:400
    }
}

.bottom_sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 700px;
    max-height: calc(100% - 98px);
    padding-bottom: env(safe-area-inset-bottom);
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: transform .35s
}

.is_active .bottom_sheet {
    transform: translateY(0)
}

@media screen and (orientation: landscape) {
    .bottom_sheet {
        max-height:calc(100% - 10px)
    }
}

.bottom_sheet .title_area {
    flex-shrink: 0;
    padding: 0 52px;
    height: 52px;
    line-height: 52px;
    text-align: center
}

.bottom_sheet .title_area .title {
    font-size: 17px;
    font-weight: 600
}

.bottom_sheet .contents_area {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column
}

.bottom_sheet .button_area {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    padding: 13px 16px;
    background-color: #fff
}

.bottom_sheet .button_area [class^=btn] {
    flex: 1 1 0;
    height: 51px;
    border: 1px solid #efefef;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #111;
    letter-spacing: -.3px
}

.bottom_sheet .button_area [class^=btn]+[class^=btn] {
    margin-left: 7px
}

.bottom_sheet .button_area .btn_primary {
    border-color: #06c755;
    background-color: #06c755;
    color: #fff
}

.bottom_sheet .button_area .btn_primary[disabled] {
    border-color: #dfdfdf;
    background-color: #dfdfdf;
    color: #ffffff80
}

.bottom_sheet .button_close {
    position: absolute;
    top: 0;
    right: 0
}

.bottom_sheet .button_close:before {
    content: "";
    display: block;
    margin: 18px;
    width: 17px;
    height: 16px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -97px -180px;
    background-repeat: no-repeat
}

.calendar_wrap {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 377px
}

.calendar_wrap::-webkit-scrollbar {
    display: none
}

.calendar {
    padding: 31px 6px 0
}

.calendar+.calendar {
    padding-top: 36px
}

.calendar .calendar_title {
    display: block;
    padding: 0 10px 17px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    color: #111;
    letter-spacing: -.2px;
    text-align: left
}

.calendar .calendar_table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.calendar .calendar_head th {
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #111
}

.calendar .calendar_body td {
    color: #000
}

.calendar .calendar_date {
    display: block;
    width: 100%;
    padding: 8px 0;
    font-size: 15px;
    line-height: 35px;
    color: inherit
}

.calendar .calendar_date.sunday {
    color: #ff334b
}

.calendar .calendar_date.saturday {
    color: #4270ed
}

.calendar .calendar_date[disabled] {
    color: #c8c8c8
}

.calendar .calendar_date[aria-current=date] .number {
    position: relative
}

.calendar .calendar_date[aria-current=date] .number:after {
    content: "";
    display: block;
    position: relative;
    top: -4px;
    width: 5px;
    height: 5px;
    margin: 0 auto;
    border-radius: 50%;
    background: #06c755
}

.calendar .calendar_date[aria-pressed=true] .number {
    border-radius: 50%;
    background-color: #06c755;
    color: #fff
}

.calendar .calendar_date[aria-pressed=true] .number:after {
    top: 3px
}

.calendar .calendar_date .number {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    text-align: center
}

.option_wrap {
    flex: 0 0 auto;
    height: 95px;
    padding-bottom: 7px;
    box-sizing: border-box;
    transition: all .3s
}

.option_wrap.is_expanded {
    height: 179px
}

.option_wrap .option_area {
    flex: 0 0 auto
}

.option_wrap .option_title {
    display: block;
    padding: 20px 16px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #111
}

.option_wrap .text_info {
    padding: 31px 16px 0;
    font-size: 13px;
    line-height: 19px;
    color: #949494;
    letter-spacing: .3px
}

.option_wrap .option_scroll_box {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.option_wrap .option_scroll_box::-webkit-scrollbar {
    display: none
}

.option_wrap .option_list {
    display: inline-flex;
    padding: 0 16px
}

.option_wrap .option_item {
    width: 82px;
    margin-left: 7px;
    border: 1px solid #efefef;
    border-radius: 5px;
    box-sizing: border-box
}

.option_wrap .option_item:first-child {
    margin-left: 0
}

.option_wrap .option_item .option {
    display: block;
    width: 100%;
    padding: 11px 0 10px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: #000;
    text-align: center;
    letter-spacing: -.43px
}

.option_wrap .option_item .option.is_active {
    color: #06c755
}

.action_button_list {
    position: relative;
    padding: 6px 20px 20px
}

.action_button_list+.action_button_list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #efefef
}

.action_button_list .button {
    width: 100%;
    line-height: 24px;
    margin-top: 20px;
    text-align: left;
    font-size: 0
}

.action_button_list .button:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-repeat: no-repeat;
    vertical-align: top
}

.action_button_list .button .text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-left: 14px
}

.action_button_list .button_refresh:before {
    background-position: -187px -78px
}

.action_button_list.type_grid {
    display: flex;
    justify-content: space-between;
    padding: 12px 10px 27px
}

.action_button_list.type_grid .button {
    margin: 0;
    text-align: center
}

.action_button_list.type_grid .button:before {
    width: 34px;
    height: 34px
}

.action_button_list.type_grid .button_share:before {
    background-position: -87px -96px
}

.action_button_list.type_grid .button_link:before {
    background-position: -51px -96px
}

.action_button_list.type_grid .text {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: -.11px
}

.title_section {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding-top: 22px;
    font-size: var(--ldsg-typography-title-m-font-size,17px);
    line-height: var(--ldsg-typography-title-m-line-height,1.3);
    font-weight: var(--ldsg-typography-font-weight-200,700);
    color: #000;
    letter-spacing: -.44px
}

@media screen and (min-width: 1048px) {
    .title_section {
        height:44px
    }
}

.title_section .info .button_info {
    position: absolute;
    top: 50%;
    right: -10px;
    padding: 10px;
    transform: translateY(-50%);
    margin-top: 11px
}

.title_section .info .button_info:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://page.line-scdn.net/_next/static/media/sp_sprite.94457328.png);
    background-size: 233px 218px;
    background-position: -213px -23px;
    background-repeat: no-repeat;
    display: block
}

.title_section .info .tooltip {
    max-width: 275px;
    top: 60px;
    right: 0
}

.title_section .info .tooltip:before {
    right: 4px
}

.title_section .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.title_section .text_more {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 10px;
    font-size: var(--ldsg-typography-text-s-font-size,13px);
    line-height: var(--ldsg-typography-text-s-line-height,1.4);
    font-weight: var(--ldsg-typography-font-weight-100,400);
    color: #949494;
    letter-spacing: -.09px
}

.title_section .icon_new {
    margin-left: 5px;
    padding: 0 7px;
    border-radius: 9px;
    background-color: #06c755;
    font-size: 10px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .06px
}

.go_top {
    margin-top: 30px;
    text-align: center;
    content-visibility: auto;
    contain-intrinsic-size: 43px
}

.go_top .btn_top {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    min-width: 78px;
    max-width: 100%;
    height: 39px;
    padding: 13px 20px 11px 16px;
    font-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.go_top .btn_top:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .2;
    border: 1px solid #949494;
    border-radius: 20px
}

.go_top .btn_top .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px
}

.go_top .btn_top .icon svg {
    display: block
}

.go_top .btn_top .icon svg path {
    fill: #111
}

.go_top .btn_top .text {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #111
}

.ldsg-tab.plugin_tab {
    position: sticky;
    z-index: 10;
    top: calc(44px + env(safe-area-inset-top));
    margin-top: -7px
}

.aos .ldsg-tab.plugin_tab {
    top: calc(56px + var(--android-safe-area-inset-top, 0px))
}

[data-theme=true] .ldsg-tab.plugin_tab {
    margin-top: 0
}

@media screen and (min-width: 1048px) {
    .ldsg-tab.plugin_tab {
        display:none
    }
}

.ldsg-tab.plugin_tab:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff
}

.ldsg-tab.plugin_tab .tab-list {
    min-width: 100%;
    justify-content: space-around;
    box-sizing: border-box
}

.ldsg-tab.plugin_tab .tab-list .tab-list-item[aria-selected=true] .text {
    color: #000
}

.ldsg-tab.plugin_tab .tab-list-item {
    padding: 0;
    margin: 0 .75rem
}

.ldsg-tab.plugin_tab .tab-indicator {
    background-color: #000
}

.ldsg-tab.plugin_tab+.section_notice .notice_plugin {
    margin-top: 30px
}