@charset "UTF-8";
/* 
 Theme Name:   ver1.9.9_Base_tight-rope
 Theme URI:    
 Description:  Update 2020_0730
 Author:       MaSa
 Author URI:   
 Version:      1.9.9
*/

/* ****************************************************************************
MEMO -記載方法確認用メモ
Webフォント　-フォント設定
基本設定 -全表示基本設定
表示非表示 -レスポンシブでの表示切り替え
レイアウト -レイアウト設定
ヘッダー -ヘッダー内
メインコンテンツ -メインコンテンツ内
サイドメニュー　-サイドメニュー内
フッター　ーフッター内

Tablet版表示 -560px以上

PC版表示　-960px以上
**************************************************************************** */



/*___MEMO___*/
/*gap設定はブラウザ対応で新旧記述
    grid-row-gap: 50px; 旧記述
    row-gap: 50px;新記述
*/

/*グーテンベルク基本フォントサイズ 修正用
    「Major Third」比率
    h1 2.44em 39.04px
    h2 1.95em 31.2px
    h3 1.25em 20px
    h5 1em 16px
    h6 0.8em 12.8px
*/

/*gap(隙間)設定はブラウザ対応で新旧記述
    grid-row-gap: 50px; 旧記述
    row-gap: 50px;新記述
*/



/*___Webフォント___*/
/* functions_phpに記載済み
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700");
*/

:root {
    /*フォントサイズ変数*/

    /*
    --f1: 2.44em;
    --f2: 1.95em;
    --f3: 1.56em;
    --f4: 1.2em;
    --f5: 1em;
    --f6: 0.8em;
*/


    --f1: 1.5em;
    --f2: 1.3em;
    --f3: 1.2em;
    --f4: 1.0em;
    --f5: 0.9em;
    --f6: 0.8em;

    /* 基本色変数 */
    /*
	--basecolor: #63a211; 
	--gradient: linear-gradient( 79.7deg,  rgba(34,126,34,1) 8.2%, rgba(99,162,17,1) 84.9% ); 
	--myfont: 'Josefin Sans', sans-serif;
    */
    --common_brown: #330000;
    --common_black: #000000;
    --common_red: #ff0000;
    --common_grey: #b3b3b3;
    --common_white: #ffffff;
    --common_shadow: #555555;
    --common_yellow: #fefff8;
    --common_transparent: none;
    --sp_menu_white: #ffffff;
    --sp_menu_black: #000000;
    --common_day_black: #000000;
    --common_day_red: #ff0000;
    --common_day_grey: #b3b3b3;
    --common_day_blue: #566c91;
    --common_day_yellow: #f8ffe8;
    --common_day_white: #ffffff;
    /* 標準幅 */
    /*	--myw: 720px; */
}

/*__初期設定__*/
/*フォント初期設定*/
body {
    font-family: 'Roboto', 'Noto Sans JP', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

h1 {
    font-size: var(--f1);
}

h2 {
    font-size: var(--f2);
}

h3 {
    font-size: var(--f3);
}

h4 {
    font-size: var(--f4);
}

h5 {
    font-size: var(--f5);
}

h6 {
    font-size: var(--f6);
}

p {
    font-size: var(--f5);
    line-height: 1.5;
}

/*画像初期設定*/
img {
    max-width: 100%;
    width: auto;
}

/*リンク初期設定*/
a {
    color: #444444;
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
}

p a {
    position: relative;
}

p a:hover {
    top: 2px;
}


/*clearFix*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    display: block;
}


/*__表示非表示__*/
/* ナビゲーションメニュー PC*/
.nav-pc {
    display: none;
}


/* PageTopボタン*/
#page-top {
    z-index: 99999;
    bottom: 30px;
    right: 20px;
}

#page-top {
    position: fixed;
    z-index: 1000;
    bottom: 50px;
    right: 35px;
    font-size: 77%;
}

#page-top a.btn--circle {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    background: #000000;
    border-radius: 50%;
    border: 1px solid var(--common_white);
}

#page-top .btn--circle {
    position: relative;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
}

#page-top .btn--circle:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 0;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20%;
    margin-top: -10%;
    transform: rotate(-45deg);
}


@media (min-width: 960px) {
    #page-top {
        display: none !important;
    }
}


/*__共通class__*/
.font-normal {
    font-size: var(--f5);
}

.font-small {
    font-size: var(--f6);
}


/*__レイアウト__*/
/*サイト全体*/
body {
    background: var(--common_brown);
}

#wrapper_body {
    background: #ffffff;
    position: relative;
}


/*__ヘッダー__*/
.box-header {
    height: 60px;
    /*    background: var(--common_red);*/
}

.box-header .h1_logo {
    display: none;
}

.box-header .h1_logo_sp {
    display: block;
}

.box-header .h1_logo_sp a {
    /*
    color: var(--common_white);
    line-height: 60px;
    padding-left: 0.5em;
*/
    display: block;
    height: 60px;
}

.box-header .h1_logo_sp a img {
    max-height: 60px;
}


.box-header .ttl_home {
    height: 1em;
    font-size: var(--f3);
    font-weight: bold;
}

.box-header .ttl_home a {
    text-shadow:
        /*「影のぼかしの大きさ[半径]」を「３px」*/
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff,
        0 0 3px #fff;
}


/*__メインコンテンツ__*/
.box-main {
    padding: 0.5%;
}

.box-main h1,
.box-main h2,
.box-main h3,
.box-main h4,
.box-main h5,
.box-main h6 {
    margin-bottom: 0.5em;
}

.box-main p,
.box-main table {
    margin-bottom: 1em;
}

.box-main p:last-child,
.box-main tablep:last-child {
    margin-bottom: 0em;
}

.box-main h1,
.box-main h2,
.box-main h3,
.box-main h4 {
    font-size: var(--f3);
}

.box-main ul {
    list-style: disc;
}

.box-main ul,
.box-main ol {
    margin-left: 2em;
    padding-left: -1em;
}

.box-main li {
    /*    margin-bottom: 0.5em;*/
}

.box-main ol li,
.box-main ul li {
    margin-bottom: 0.5em;
}


/*__記事__*/
/*記事：カテゴリー*/
.box-main .post-categories {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.box-main .post-categories li:not(:last-child) {
    margin-right: 10px;
}

.box-main .post-categories a {
    margin-top: 1px;
    padding: 2px 10px 3px 10px;
    border-radius: 10px;
    background-color: #1b5e92;
    color: #ffffff;
    font-size: var(--f6);
    line-height: var(--f2);
}

.box-main .post-categories::before {
    content: "\f318";
    font-family: "dashicons";
    color: var(--basecolor);
    font-size: var(--f2);
    line-height: 1;
    margin-right: 5px;
}

/*記事：投稿日時*/
.box-main .main-time {
    display: block;
    text-align: right;
    color: #444444;
    margin-bottom: 1em;
}

/*スクリーンリーダー用のテキスト*/
/*singl.php the_post_navigation()の現記事タイトル*/
.box-main .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/*記事：前後の記事へのリンク*/
/*the_post_navigation()*/
.box-main .nav-links {
    display: flex;
    flex-direction: row-reverse;
    margin: 30px 0;
    font-size: var(--f6);
}

/*.box-main .nav-previous {*/
.box-main .nav-next {
    flex: 1;
    display: flex;
    align-items: center;
}

/*.box-main .nav-next {*/
.box-main .nav-previous {
    flex: 1;
    margin-left: 10px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.box-main .post-navigation .nav-previous a::after {
    content: '\f138';
    font-family: 'Font Awesome\ 5 Free';
    /*font-family: 'FontAwesome';*/
    /*Aweがkit設定 font-awesome.min.css の場合*/
    font-weight: bold;
    color: #444444;
}

.box-main .post-navigation .nav-next a::before {
    content: '\f137';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #444444;
}

.box-main .post-navigation .nav-previous a {}

.box-main .post-navigation .nav-next a {
    text-align: right;
    justify-content: end;
}

/*コンテンツエリア*/
.box-contents {}


/*_記事一覧_*/
/*記事一覧：記事２列化*/
.postlist {
    /*変数設定　画像高さ*/
}

.postlist a {
    display: block;
}

.postlist article {
    /*
    border: solid 1px #dddddd;
    box-shadow: 0 3px 5px #dddddd;
*/
    padding: 1%;
}

.postlist figure {
    margin: 0;
}

.postlist h2 {
    margin: 0;
    padding: 10px;
    font-size: var(--f5);
}

/*記事一覧：最初の記事*/
.postlist article:first-of-type {}

.postlist article:first-of-type h2 {
    padding: 15px 10px;
}

/*記事一覧：最初の記事　画像　高さ*/
.postlist article:first-of-type img {
    height: var(--imgh);
}


/*記事一覧：最初の記事：検索結果*/
.search-results .postlist article:first-of-type {}

.search-results .postlist article:first-of-type h2 {
    padding: 15px 10px;
    font-size: var(--f5);
}

/*記事一覧：最初の記事：検索結果*/
.search-results .postlist article:first-of-type img {
    height: calc(var(--imgh)/ 2);
    object-fit: cover;
    /*画像クリップ*/
}

/*記事一覧：画像　高さ*/
.postlist article img {
    height: calc(var(--imgh)/ 2);
    object-fit: cover;
    /*画像クリップ*/
}

/*_ページネーション_*/
.box-main .pagination {}

.box-main .pagination .nav-links {
    flex-direction: row;
    margin-bottom: 50px;
    justify-content: center;
}

.pagination .page-numbers:not(:last-child) {
    margin-right: 15px;
}

.box-main .pagination .nav-links a {
    color: #1b5e92;
    /*	color: var(--basecolor);*/
}

.box-main .pagination .current {
    color: #aaaaaa;
}

/*_カテゴリー＆月別ページ_*/
.postlist h1 {
    color: #1b5e92;
    font-size: var(--f3);
}


.category .box-main h1::before {
    content: '\f07b';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 10px;
    opacity: 0.8;
}

.date .box-main h1::before {
    content: '\f186';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 10px;
    opacity: 0.8;
}

/*_お問い合わせ ページ_*/
.mwform_text,
.mwform_email,
.mwform_textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #bbbbbb;
}

.mwform_submit {
    width: 250px;
    padding: 10px;
    border: none;
    background-color: #ffaa00;
}

/*__調整 編集画面と同調__*/
/*ブロック要素*/
figure[class*="wp-block"] {
    margin-left: 0;
    margin-right: 0;
}

/*横配置*/
.alignleft {
    float: left;
    margin: 0 2em 2em 0;
}

.alignright {
    float: right;
    margin: 0 0 2em 2em;
}

.aligncenter {
    display: block;
    margin: 2em auto;
    clear: both;
}

/*回り込み影響調整*/
.main-blocks {
    display: flow-root;
}

.main-blocks::after {
    /* 未対応ブラウザ用の設定 */
    content: '';
    display: block;
    clear: both;
}

/*boxのcenter配置　調整*/
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
    text-align: center;
}

/*ボックスの横幅表示 border-box調整*/
/*ギャラリーのキャプション表示など*/
.main-blocks {
    box-sizing: border-box;
}

.main-blocks *,
.main-blocks *::before,
.main-blocks *::after {
    box-sizing: inherit;
}

/*ブロック要素　カスタム設定*/
/*色設定*/
.has-blue-background-color {
    background-color: #1b5e92;
}

.has-yellow-background-color {
    background-color: #f1f40e;
}

.has-gray-background-color {
    background-color: #dddddd;
}

.has-blue-color {
    color: #1b5e92;
}

.has-yellow-color {
    color: #f1f40e;
}

.has-gray-color {
    color: #dddddd;
}

/* 文字サイズ設定 */
.has-small-font-size {
    font-size: 12.8px;
}

.has-normal-font-size {
    font-size: 16px;
}

.has-large-font-size {
    font-size: 20px;
}


/*__サイドメニュー__*/
.box-aside {}

.box-aside section {
    border: solid 1px #dddddd;
    padding: 15px;
    box-shadow: 0 3px 5px #dddddd;
}

.box-aside section h3 {
    border-bottom: solid 1px #dddddd;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal;
    color: #1b5e92;
    text-align: center;
}

/*ウィジェット 内のテキスト*/


/*テキストのタイトル消去*/
.box-aside section.widget_text h3 {
    display: none;
}

/*カスタムHTMLのタイトル消去*/
.box-aside section.widget_custom_html h3 {
    display: none;
}

.box-aside section ul {
    font-size: var(--f6);
}

/*SNS:*/
.side_sns {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.side_sns a {
    display: block;
    width: 15%;

}


/*GoogleMap*/
.side_gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.side_gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}




/*__フッター__*/
.box-footer {
    background: var(--common_brown);
    width: 100%;
    flex-direction: column;
    /* 子要素をflexboxにより縦方向に揃える */
    /*    justify-content: center;*/
    /* 子要素をflexboxにより中央に配置する */
    /*    align-items: center;*/
    /* 子要素をflexboxにより中央に配置する */
}

.box-footer .txt_info {
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.box-footer .txt_info a {
    color: #ffffff;
}



/* Tablet版表示　560px以上
------------------------------*/
@media (min-width: 560px) {}



/* PC版表示　960px以上
------------------------------*/
@media (min-width: 960px) {

    /*__表示非表示__*/
    .l-drawer__icon,
    .l-drawer__menu {
        display: none;
    }

    /*__レイアウト__*/
    /*サイト全体*/
    #wrapper_body {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
        /*
        border: solid 1px #666666;
        box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
*/
    }

    #wrapper_body {}

    /*__ヘッダー__*/
    .box-header {
        height: 139px;
        position: relative;
        background: none;
    }

    .box-header .h1_logo img {
        max-height: 139px !important;
        max-width: 139px !important;
    }

    .box-header .h1_logo {
        display: block;
    }

    .box-header .h1_logo_sp {
        display: none;
    }


    /*_ナビゲーションメニュー PC_*/
    .nav-pc {
        display: block;
        /*        height: 50px;*/
        height: 35px;
        background: var(--common_black);
        /*        border-bottom: 1px solid #000000;*/
        /*        top: -30px;*/
        transition: all 0.3s ease 0s;
        width: 100%;
        max-width: 1024px;
    }

    .nav-pc.m_fixed {
        position: fixed;
        top: 0;
        z-index: 9999;
    }

    .nav-pc ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .nav-pc ul li {
        flex: auto;
    }


    .nav-pc ul li a {
        display: block;
        padding: 5px;
        /*        line-height: 40px;*/
        line-height: 25px;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
        position: relative;
        font-size: 14px;
    }

    .nav-pc ul li a:hover {
        background-color: #c6c6c6;
        padding: 7px 5px 3px 5px;
    }

    .nav-pc ul li.current_page_item a {
        background-color: #c6c6c6;
        padding: 7px 5px 3px 5px;
    }

    /*__メインコンテンツ__*/
    .box-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .box-main h1 {
        font-size: var(--f1);
    }

    .box-main h2 {
        font-size: var(--f2);
    }

    .box-main h3 {
        font-size: var(--f3);
    }

    .box-main h4 {
        font-size: var(--f4);
    }

    /*コンテンツエリア*/
    .box-contents {
        width: 66%;
    }


    /*記事２列化*/
    .postlist {
        --imgh: 31vw;
        /*変数設定　画像高さ*/
    }

    /* カテゴリー＆月別ページ */
    .postlist h1 {
        font-size: var(--f1);
    }


    /*__サイドメニュー__*/
    .box-aside {
        /*        padding-top: 5px;*/
        width: 33%;
    }

    .box-aside section {
        width: 99%;
        margin-bottom: 10px;
    }

    .box-aside img {
        width: 100%;
    }

    /*サイドメニュー_スケジュール*/
    .box-aside-schedule .box-ttl {
        background: var(--common_red);
    }

    .box-aside-schedule .box-ttl h3 {
        font-size: var(--f4);
        color: #ffffff;
        line-height: 1.5em;
        text-align: center;
    }

    /*SNS*/
    .side_sns a {
        max-width: 30px;
    }

    /*ウィジェット 動画タイトル*/
    .widget_media_video .widget-title {
        font-size: var(--f5);
    }

    /*運営会社*/
    .side_company {
        text-align: center;
    }


    /*__フッター__*/
    .box-footer {}

    .box-footer .txt_info {
        line-height: 2em;
    }

}



/*グーテンベルク 入力追加class*/
/*カラム改行阻止*/
.wp-block-columns.no-wrap {
    flex-wrap: nowrap !important;
}

/*yahooのリスト表示似せ*/
.wp-block-columns.yahoo-style {
    flex-wrap: nowrap !important;
}

.wp-block-columns.yahoo-style .wp-block-column:not(:first-child) {
    margin-left: 10px !important;
}
/*yahooのリスト表示似せ sp*/
@media (max-width: 959px) {
    .wp-block-columns.yahoo-style .wp-block-column:first-child {
        flex-basis: 70px !important;
        flex-grow: 0;
        min-width: 70px;
    }

    .wp-block-columns.yahoo-style .wp-block-column:not(:first-child) {
        margin-left: 10px !important;
        flex-basis: auto !important;
    }

}