/*
Copyright (c) Rakuten Card Co., Ltd. All Rights Reserved.

This program is the information assets which are handled
as "Very Confidential".
Permission of use is only admitted in Rakuten Card Co., Ltd.
If you don't have permission, MUST not be published,
broadcast, rewritten for broadcast or publication
or redistributed directly or indirectly in any medium.
*/
main {
    flex: unset;
    background-color: unset;
    overflow-x: unset;
    overflow-y: unset;
}
.yamecha-close-image {
    width: 24px;
    height: 24px;
    position: fixed;
    z-index: 100200;
    bottom: calc(1em + 196px - 12px);
    right: calc(44px - 12px);
    cursor: pointer;
}
.yamecha-open-image {
    width: 44px;
    height: 196px;
    position: fixed;
    z-index: 100100;
    bottom: 1em;
    right: 0;
    cursor: pointer;
}
#yamecha {
    position: fixed;
    bottom: 0;
    right: 0;
    border: solid 1px #d3d3d3;
    border-radius: 0.5em 0.5em 0 0;
    background: rgb(241, 245, 250);
    font-family: sans-serif;
    font-size: medium;
    width: 420px;
    max-height: 680px;
    /* box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.5); */
    flex-direction: column;
    z-index: 100300;
}
.yamecha-topbar {
    max-height: 64px;
    flex-shrink: 0;
}
.yamecha-topbar-container {
    justify-content: center;
    height: auto;
    max-height: 100%;
    background-color: #FBF6F3;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #EC0606;
    border-radius: 1em 1em 0 0;
    padding: 0 12px 0 12px;
}
.yamecha-minimize {
    width: 60px;
    height: 24px;
    border-style: none;
    background-image: url("https://image.card.jp.rakuten-static.com/card_corp/multiple/support/contact/modal/aichat-modal_icon-minus.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.yamecha-menu-container {
    padding: 0;
    min-height: 64px;
}
.yamecha-authbar {
    max-height: 64px;
    flex-shrink: 0;
}
.yamecha-auth-container {
    padding: 0;
    flex-shrink: 0;
}
.yamecha-card-selection-container {
    padding: 3px 0 3px 0px;
    text-align: left;
}
.yamecha-card-selection {
    font-size: small;
}
.yamecha-notification {
    top: unset;
    left: unset;
    right: unset;
    bottom: 0;
    margin: 0.5em;
    width: calc(100% - 2em);
    padding-left: 0;
    line-height: 1.2em;
    text-align: left;
}
.yamecha-notification-item {
    font-size: small;
    margin: 9px 0 9px 0;
    padding: 16px 9px 9px 3em;
}
.yamecha-notification-item h2 {
    font-size: small;
}
.yamecha-notification-button {
    padding: 5px 40px 5px 40px;
}
.yamecha-reset-button, .yamecha-logout-button {
    width: 48px;
    min-width: 48px;
    height: 24px;
    white-space:nowrap;
    overflow:hidden;
    font-size: 0px;
    color: transparent;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #D1D1D1;
    background-position: center;
}
.yamecha-icon {
    border-radius: 32px;
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.yamecha-title {
    font-size: small;
    text-align: left;
}
.yamecha-reset-button {
    font-size: small;
}
.yamecha-body {
    overflow-y: scroll;
    flex-grow: 1;
}
.yamecha-log {
    border-radius: 0.67em 0.67em 0 0;
    flex-grow: 98;
    font-size: small
}
.yamecha-balloon-link, .balloon-link, .yamecha-balloon-link-rakuten-mobile, .balloon-link-rakuten-mobile {
    width: 100%;
    margin: 4px;
    padding: 12px;
}
#yamecha .yamecha-balloon-bot {
    margin: 12px;
}
.yamecha-balloon-bot .yamecha-balloon-image {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 4px;
}
.yamecha-balloon-bot .yamecha-balloon-message {
    width: 280px;
    text-align: left;
}
.yamecha-balloon-customer .yamecha-balloon-message {
    width: 266px;
    max-width: 80%;
    text-align: left;
}
.yamecha-balloon-message a {
  text-decoration: underline;
}
.yamecha-balloon-message-button, .yamecha-balloon-link, .balloon-link, .yamecha-balloon-link-rakuten-mobile, .balloon-link-rakuten-mobile, .yamecha-balloon-message-button-rakuten-mobile, .balloon-message-button-rakuten-mobile{
    font-size: small;
    width: 248px;
    padding: 9px;
    margin: 3px;
    text-align: left;
}
.yamecha-image-carousel-list {
    padding: 0 14px;
}
.yamecha-footer {
    flex-shrink: 0;
}
.yamecha-suggestion-list {
    flex-grow: 1;
    min-width: auto;
    margin-bottom: 0;
}
.yamecha-suggestion {
    width: 100%;
    z-index: 110;
    bottom: 3.7em;
}
.yamecha-suggestion-container {
    flex-flow: row nowrap;
    align-items: center;
    background-color: transparent;
}
.yamecha-input-area {
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    bottom: 0;
    border-radius: 0 0 1em 1em;
}
.yamecha-input {
    font-size: small;
    border-radius: 0.5em;
    margin-left: 0.5em;
    height: 100%;
}
@media screen and (max-width: 480px) {
    #yamecha-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
        z-index: 100000;
    }    
    #yamecha {
        width: 100%;
        max-height: 800px;
        height: 95%;
        bottom: 0;
        right: 0;
    }
}