@charset "UTF-8";

/*
Template: arkhe
Theme Name: disaster
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

body {
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
}

.roboto {
    font-family: "Roboto", serif;
}

.fw100 {
    font-weight: 100 !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.fw800 {
    font-weight: 800 !important;
}

.fw900 {
    font-weight: 900 !important;
}

/*header*/
.header-inner-link {
    height: 100%;
}

.header-inner-link a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5em;
    background: #FF1616;
    color: #fff;
    text-decoration: none;
    padding: .5em .5em .5em .75em;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 2px;
    height: inherit;
}

.header-inner-link a svg {
    width: 1em;
}

.header-inner-tel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
    padding-right: 1em;
}

.header-inner-tel a {
    font-size: 1.8em;
    text-decoration: none;
    color: unset;
    font-weight: 600;
    letter-spacing: 0;
}

.header-inner-tel a svg {
    width: 1em;
    position: relative;
    top: 2px;
    left: 2px;
}

.header-inner-tel span {
    font-size: .8em;
}

.c-gnav {
    margin-right: 1em;
}

.c-gnav__li.-current, .c-gnav__li.focus, .c-gnav__li:hover {
    color: unset;
    opacity: .8;
}

.c-gnav__li.-current, .c-gnav__li.focus, .c-gnav__li:hover {
    color: unset;
    opacity: .8;
}

.c-gnav__li>.c-gnav__a {
    font-weight: 700;
    font-size: 1.2em;
}

/*section-mv*/
.mv-catch {
    display: flex;
    justify-content: center;
    margin-top: 0;
}

.mv-catch h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 4em;
    position: relative;
    left: .25em;
}

.mv-catch h2 span {
    background: var(--ark-color--text);
    color: #fff;
    clip-path: inset(.15em .55em .05em 0);
    padding: 0 .25em;
}

.mv-sub-catch {
    display: flex;
    justify-content: center;
    font-size: 1.5em;
    margin-top: 1em !important;
}

.mv-sub-catch p {
    border-top: 5px solid;
    border-bottom: 5px solid;
    text-align: center;
    line-height: 1.3;
    padding: .25em 0;
}

.target-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    background: #fff;
    color: var(--ark-color--text);
    border: 6px solid;
    padding: 1em;
}

.target-btn:hover {
    transition: all .2s ease;
    box-shadow: inset 0 0 0 3px #111;
}

.target-btn .btn-left {
    display: flex;
    flex-direction: column;
    font-size: 2.5em;
}

.target-btn .btn-left .target01 {
    font-size: .6em;
    margin-bottom: -.5em;
}

.target-btn .btn-right svg {
    width: 2em;
}

/*section-info*/
.section-info .ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button {
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
}

.section-info .ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button[aria-selected=true] {
    background: var(--ark-color--main);
    color: var(--ark-color--text);
    border: 3px solid;
    padding: 0;
}

.section-info .c-postMetas__icon {
    display: none;
}

.section-info .p-postList__meta .p-postList__category {
    background: var(--ark-color--main);
    font-weight: 700;
    opacity: 1;
    padding: 0 .5em;
    letter-spacing: 1px;
}

/*page-template*/
.p-topArea.-noimg {
    background: var(--ark-color--main);
    min-height: 25vh;
}

.p-topArea__title.c-pageTitle {
    color: var(--ark-color--text);
    text-shadow: none;
}

.p-topArea__title.c-pageTitle h1 {
    font-size: 1.8em;
}

.section-page h2 {
    font-size: 1.3em;
    font-weight: 800;
    border-bottom: 4px solid;
    width: fit-content;
}

.area-columns .wp-block-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
}

.area-columns .wp-block-list a {
    display: inline-block;
    text-decoration: none;
    background: #eee;
    border: 2px solid;
    font-weight: 600;
    color: unset;
    padding: .75em 4em;
}

/*page-cram-list*/
.cram-list-columns .ark-block-column {
    border: 3px solid;
    padding: 1em;
}

@media not all and (min-width: 1000px) {

    /*header*/
    .l-header__body {
        padding-right: 0;
    }

    [data-btns=rr-rl] .l-header__body {
        grid-template-columns: 0 38% auto var(--ark-searchW) 60px;
    }

    .l-header__center {
        display: flex;
    }

    .l-header__right {
        display: flex;
    }

    nav#gnav {
        display: none;
    }

    .l-header__customBtn, .l-header__drawerBtn, .l-header__searchBtn {
        height: 100%;
        background: #111;
        width: 60px;
    }

    button.c-iconBtn.-menuBtn {
        color: #fff;
        flex-direction: column;
    }

    button.c-iconBtn.-menuBtn::after {
        content: 'メニュー';
        display: block;
        font-size: .5em;
    }

    /*section-mv*/
    .target-btn .btn-left {
        font-size: 1.6em;
    }

    /*page-template*/
    .area-columns .wp-block-list a {
        padding: .75em 2em;
    }
}

@media not all and (min-width: 600px) {

    /*header*/
    .header-inner-tel {
        padding-right: .4em;
    }

    .header-inner-tel a {
        font-size: 1.35em;
    }

    .header-inner-tel span {
        font-size: .7em;
    }

    /*section-mv*/
    .mv-catch h2 {
        font-size: 2.5em;
    }

    .mv-sub-catch {
        font-size: 1.2em;
    }

    .target-btn {
        padding: .5em 1em;
    }

    .target-btn .btn-left {
        font-size: 2em;
    }

    /*page-template*/
    .area-columns .wp-block-list a {
        display: block;
        text-align: center;
        padding: .75em;
    }

    .area-columns .wp-block-list {
        flex-direction: column;
        gap: 0;
    }
}