/*--------------------------------------------------------------
# Base Styles
--------------------------------------------------------------*/
body {
    font-family: "SUSE", "Noto Sans JP", sans-serif;
}


/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/
.l-header__inner,
.l-fixHeader__inner {
    padding: 10px 50px;
}

.l-fixHeader__inner,
.l-header__gnav {
    font-weight: 900;
}

/* Header Button */
.hedaer-btn span {
    color: #000;
    background: #fff;
    padding: 20px 35px;
    border-radius: 100px;
}

.l-fixHeader__inner .hedaer-btn span {
    color: #fff !important;
}


/*--------------------------------------------------------------
# Widget & List Menu Styles
--------------------------------------------------------------*/
.c-widget__title {
    margin-bottom: none;
}

.c-widget__title:before,
.c-widget__title:after {
    display: none;
}

.c-listMenu a {
    border: none;
    font-size: 0.85rem;
}


/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/
.l-footer__widgetArea {
    background: #191919;
    padding: 2em 0;
}

.footer_logo {
    width: 100px;
    margin-top: 1em;
}

.-footer {
    font-size: 1.2em;
    letter-spacing: 8px;
    margin-bottom: 0.3em;
}

#footer .menu-item a::before {
    display: none !important;
}

#footer .c-listMenu a {
    padding: 0.75em 1em 0.75em 0.8em !important;
}


/*--------------------------------------------------------------
# Sidebar Styles
--------------------------------------------------------------*/
/* Sidebar Widget Title */
#sidebar .c-widget__title {
    font-size: 1.7em;
    padding: 0 0 0 15px;
    margin-bottom: 1em;
    border-left: 4px solid #000;
}

/* Sidebar Common */
.l-articleBottom .c-secTitle,
.l-sidebar .c-widget__title,
.l-articleBottom__section .c-secTitle {
    font-size: 1.2rem !important;
    border-left: 4px solid #e94709 !important;
}


/*--------------------------------------------------------------
# Post Page Styles
--------------------------------------------------------------*/
.c-shareBtns__btn {
    padding: 25px;
    border-radius: 1000px;
}

.c-shareBtns__item:not(:last-child) {
    margin-right: 20px;
}

.post_content {
    padding: 0 !important;
}

h1.c-postTitle__ttl {
    font-size: 2.2rem;
    letter-spacing: 2px;
}

h2.wp-block-heading {
    font-size: 1.7rem;
    margin: 4.7rem 0 1.2rem;
    letter-spacing: 2px;
}

h3.wp-block-heading {
    font-size: 1.4rem;
    margin: 1rem 0 1.2rem;
    letter-spacing: 2px;
}

.p-articleThumb__img {
    border-radius: 20px !important;
}

/* TOC and Author Box */
.p-toc,
.p-authorBox {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px !important;
    background: #f6f6f6;
    padding: 3rem 1.5rem !important;
    border: none !important;
}

.post_content figure img {
    border-radius: 20px;
}

.post_content .c-tabList {
    margin-bottom: 1rem !important;
}

.post_content .c-tabList__button {
    padding: 25px;
    border-radius: 1000px;
    font-weight: bold;
}


/*--------------------------------------------------------------
# Top Page Styles
--------------------------------------------------------------*/
.top .l-header__logo h1 {
    height: 80px;
}

.top .l-header__inner {
    position: absolute;
    top: 0;
}

.top .p-mainVisual__slideTitle {
    font-size: 3.6rem;
    font-weight: bold;
}

.top .p-mainVisual__slideText {
    font-size: 1.1rem;
    text-shadow: none;
}

.top .has-text-align-left {
    margin-left: auto !important;
}

.is-style-section_ttl-subttl {
    font-size: 0.65rem;
    margin: 0 0 -10px 3px;
    letter-spacing: 6px;
}

.is-style-section_ttl-mainttl {
    font-size: 2.9rem;
    letter-spacing: 10px;
    margin-left: auto;
}

.top .top-white-background {
    color: #fff;
}

.top figure img,
.p-postList__thumb {
    border-radius: 20px;
}

.p-postSlider {
    background: #f6f6f6;
}

.swell-block-button__link {
    background: #e94709 !important;
}


/* Sidebar On State */
.-sidebar-on #sidebar {
    width: 400px;
}

@media (min-width: 960px) {
    .-sidebar-on .l-mainContent {
        width: calc(100% - 400px - var(--swl-sidebar_margin));
    }
}


/*--------------------------------------------------------------
# Mobile Styles
--------------------------------------------------------------*/
@media not all and (min-width: 960px) {
    /* Top Page Adjustments */
    .l-header__inner {
        padding: 10px;
    }

    [data-scrolled=true] [data-spfix="1"] .l-header__inner {
        background: #fff;
        opacity: 0.9;
    }

    .is-style-section_ttl-subttl {
        font-size: 0.5rem;
        margin: 0 0 -5px 3px;
        letter-spacing: 6px;
    }

    .is-style-section_ttl-mainttl {
        font-size: 2rem;
        letter-spacing: 8px;
        margin-left: auto;
    }

    .top .p-mainVisual__slideTitle {
        font-size: 2.6rem;
    }

    .top .p-mainVisual__slideText {
        font-size: 0.75rem;
    }

    /* Post Page Adjustments */
    .c-postTitle__ttl {
        font-size: 1.2rem;
        letter-spacing: 2px;
    }

h1.c-postTitle__ttl {
    font-size: 1.7rem;
    letter-spacing: 2px;
}

h2.wp-block-heading {
    font-size: 1.4rem;
    margin: 4.7rem 0 1.2rem;
    letter-spacing: 2px;
}

h3.wp-block-heading {
    font-size: 1.2rem;
    margin: 1rem 0 1.2rem;
    letter-spacing: 2px;
}
.-sidebar-on #sidebar {
    width: 100%;
}
}