@charset "UTF-8";

/* 印刷用レイアウト */
@page {
    margin: 10mm;
    size: 210mm 297mm;
    /* A4縦サイズの場合 */
}

@media print {

    /* 全体設定 */
    html {
        background: unset;
        background-repeat: unset;
    }

    body {
        -webkit-print-color-adjust: exact;
        /* 印刷時でも背景色や背景画像を表示 */
        width: 100%;
        /* 印刷時の全ページ幅を統一（px数値はお好みで） */
        zoom: 0.8;
        /* なるべく多くのブラウザで切れないようにするため */
    }

    img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    header,
    footer,
    .top_bt,
    .sidebar,
    .pager,
    .addtoany_shortcode {
        display: none;
    }

    section{
        margin-bottom: 100px;
    }

    .inner {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    main.front_page {
        margin-top: 1em;
    }

    .main_page{
        margin-top: 0px;
        background-color: unset;
    }

    .page_content {
        margin-top: 0px;
        margin-bottom: 0rem;
        border-radius: unset;
        background-color: unset;
        box-sizing: border-box;
    }

    .page_main__area {
        margin-bottom: 3em;
        padding: 0rem;
        background-color: unset;
    }

    h1.page_tit{
        font-size: 1.75em;
    }

    .editor h1,
    .editor h2,
    .editor h3,
    .editor h4,
    .editor h5,
    .editor h6 {
        font-size: 1.5em;
    }

    .page_layout,
    .archive_layout {
        display: block;
    }

    .wp-block-columns {
        display: flex;
        flex-wrap: nowrap;
    }

    .page_child__item a {
        padding: 1.5em;
    }

    .page_tit{
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 1.75em 0.5em 1.75em 0em;
        width: 100%;
        border-radius: 20px;
        border-bottom: unset;
        background-image: url(../img/back/tit_back.png);
        background-repeat: no-repeat;
        background-position: 60% 32%;
        background-size: cover;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 500;
        font-size: 2.25em;
        letter-spacing: 2px;
        box-shadow: var(--shadow);
    }

/*====================================
 トップページ 
====================================*/
    /* メインビジュアル */
    .mainv_area{
        display: none;
    }

    /* 共通 */
    .front_page .editor h2 {
        font-size: 2.25em;
    }

    h2.top_tit {
        margin-bottom: 1.25em;
        font-size: 2.25em;
        font-weight: 600;
        letter-spacing: 2px;
        position: relative;
    }

    .circle_arrow {
        min-width: 60px;
        width: 60px;
        height: 60px;
        border: solid 2px var(--blue);
        position: relative;
        right: initial;
    }

    .circle_arrow::before {
        content: '';
        width: 20px;
        height: 2px;
        background-color: var(--blue);
        position: absolute;
    }

    .circle_arrow::after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 2px solid var(--blue);
        border-right: 2px solid var(--blue);
        transform: rotate(45deg);
        position: absolute;
        right: 20px;
    }

    .back_gradation{
        display: none;
    }

    .page_header{
        padding-bottom: 3em;
    }

    .important_news__area {
        margin-top: 4em;
        padding: 1.25em;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 1.5em;
        border-radius: 20px;
        border: solid 2px var(--red);
        background-color: var(--white);
    }

    .about, 
    .frontpage_menu {
        padding: 6em 4em;
        border-radius: 100px;
        background-color: var(--gray);
    }

    .about_area {
        margin-top: 2em;
        display: flex;
        justify-content: space-between;
        gap: 2em;
    }

    .about_left, .about_right {
        padding: 4em 3.5em;
        width: calc(50% - 1em);
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        border-radius: 3em;
        background-color: var(--white);
        box-shadow: var(--shadow);
        background-image: unset;
    }

    /* イベントエリア */
    .frontpage_event h2.sp_inline {
        display: none;
    }

    .event_left__area {
        width: calc(33.33% - 1.5em);
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
    }

    .event_right__area {
        width: calc(66.66% - 1.5em);
    }

    .menu_gairai, 
    .menu_nyuin {
        padding: 2em;
        width: calc(50% - 1em);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2em;
        border-radius: 50px;
        background-color: var(--white);
        background-image: unset;
    }

    .menu_bumon, 
    .menu_kyuykyuzyushin, 
    .menu_monowasure {
        width: calc(33.33% - 1em);
        background-image: unset;
    }

    .menu_bumon a, 
    .menu_kyuykyuzyushin a,
    .menu_monowasure a {
        padding: 1.5em;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        gap: 1em;
    }

    .menu_sodanshitsu, 
    .menu_koho {
        width: calc(50% - 1em);
        background-image: unset;
    }

    .menu_sodanshitsu a, 
    .menu_koho a {
        padding: 1.5em;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: 1.25em;
    }

    .frontpage_menu__area{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-around;
        gap: 1.5em;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 500;
    }

    /* ニュースエリア */
    .news_post {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        border-bottom: solid 1px var(--border);
    }

    .access_area .access_left, 
    .access_area .access_right {
        width: calc(50% - 1em);
    }

    .access_area .access_right .g_map {
        aspect-ratio: 4 / 3;
        width: 100%;
        height: auto;
    }

    .gallery .splide__slide{
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        border-radius: 20px;
        overflow: hidden;
    }

    .gallery .splide__slide img {
        object-fit: cover;
    }

    /* アーカイブページ */
    .archive_list .event_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 3em 2em;
    }

    .archive_list .event_item{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .archive_list .event_item .event_img{
        box-shadow: unset;
    }

    .archive_list .event_item .event_img{
        margin-bottom: 0;
        width: calc(33.33% - 1em);
    }

    .archive_list .event_item .event_tx{
        width: calc(66.66% - 1em);
    }

}