@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* PRESUME: main visual language switcher */
#main_visual,
.post_content > .wp-block-group.alignfull.has-background {
    position: relative;
}

.presume-hero-language {
    position: absolute;
    top: 28px;
    right: clamp(20px, 4vw, 64px);
    z-index: 30;
    width: max-content;
    max-width: calc(100% - 32px);
    text-align: center;
    text-shadow: none;
}

.presume-hero-language__label {
    display: block;
    margin-bottom: 8px;
    color: #7a1c74;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.14em;
}

.presume-hero-language.is-en .presume-hero-language__label {
    color: rgba(255, 255, 255, 0.9);
}

.presume-hero-language__buttons {
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(122, 28, 116, 0.42);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 28px rgba(33, 24, 41, 0.16);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.presume-hero-language__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 116px;
    height: 44px;
    padding: 0 18px;
    color: #233147;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.presume-hero-language__link + .presume-hero-language__link {
    border-left: 1px solid rgba(122, 28, 116, 0.28);
}

.presume-hero-language__link:hover,
.presume-hero-language__link:focus-visible {
    color: #7a1c74;
    background: rgba(198, 162, 84, 0.18);
}

.presume-hero-language__link.is-current {
    color: #fff;
    background: #7a1c74;
}

@media (max-width: 959px) {
    .presume-hero-language {
        top: 18px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .presume-hero-language__label {
        margin-bottom: 6px;
        font-size: 9px;
    }

    .presume-hero-language__link {
        min-width: 104px;
        height: 40px;
        padding: 0 12px;
        font-size: 11px;
    }
}