@charset "utf-8";

/*******************************************************************************************/
/* スマホは 600px以下。 */
/* タブレット縦は 601px以上 ～ 900px以下。 */
/* タブレット横は 901px以上 ～ 1100px以下。 */
/* デスクトップは 1101px以上。 */
/*******************************************************************************************/

/********************************************************************************************
    適用範囲：スマホ / タブレット縦 （900px以下の時）
********************************************************************************************/
@media all and (max-width: 900px) {
    /*-------------------------------------------------
        共用パーツ / コンテンツ
    -------------------------------------------------*/
    /* お知らせ・更新履歴  パネル下余白調整 */
    .top #contents .notice_history .notice a dl,
    .generic #contents .notice a dl,
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dl { 
        margin-bottom: 14px;
        margin-left: 0;
    }

    /* トピックス */
    .generic #contents .subpage-topics .multiple-item {
        margin-right: auto;
        margin-left: auto;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    /* トピックス */
    .top #contents .topics #topics-btn1 {
        display: none;
    }

    /* スマホサイズ時にSlick下に出す赤いボタン */
    .top #contents .topics .btn_winered#topics-btn2 {
        position: relative;
        bottom: 60px;
        margin: 15px 0 13px 0;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents {
        padding: 15px 15px 20px 15px;
    }


    /*-------------------------------------------------
        第1階層ページ（サムネイルあり） / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail {
        margin-bottom: 20px;
        width: auto;
    }

    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail img {
        position: absolute;
        visibility: hidden;
        height: 0;
    }

    /* サムネイル非表示 */
    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail a::after {
        content: attr(data-label);
    }

    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-text {
        width: 100%;
    }


    /*-------------------------------------------------
        お知らせページ / コンテンツ
    -------------------------------------------------*/
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news {
        width: 100%;
    }

    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item > li:first-child {
        padding-bottom: 13px;
    }


    /*-------------------------------------------------
        お知らせ・更新履歴ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .notice {
        padding-right: 0;
    }


    /*-------------------------------------------------
        トピックスページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpage-topics,
    .page-template-page-topics #contents .subpage-topics {
        margin-top: -5px;
    }

    /*-------------------------------------------------
        観る法話ページ / コンテンツ
    -------------------------------------------------*/
    .page-template-page-miru-howa #contents .page-text ul {
        margin: 0;
        padding: 0;
    }

    /*-------------------------------------------------
        読む法話ページ / コンテンツ
    -------------------------------------------------*/
    .page-template-page-yomu-howa #contents .page-text ul {
        margin: 0;
        padding: 0;
    }


    /*-------------------------------------------------
        御堂さん・お問い合わせページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .midosan_form tbody {
        border-bottom: rgb(185, 185, 185) 1px solid;
    }

    #contents .page-text .midosan_form th,
    #contents .page-text .midosan_form td {
        border-bottom: none !important;
    }
}



/********************************************************************************************
    適用範囲：スマホ / タブレット縦 / タブレット横 （1100px以下の時）
********************************************************************************************/
@media all and (max-width: 1100px) {

    /* ※一時的にカルーセル非表示 */
    #carousel {
        visibility: hidden;
    }


    /*-------------------------------------------------
        全ページ共通 / ヘッダー
    -------------------------------------------------*/
    /* メインナビ（上段） */
    header #main-nav {
        box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 1px;
    }

    /* ヘッダーロゴ */
    header #main-nav .nav_logo {
        margin: 0 12px 0 6px;
    }

    /* バーガーボタン */
    header #main-nav .main-menu-btn {
        float: right;
        position: relative;
        display: inline-block;
        margin: 8px 10px;
        width: 29px;
        height: 29px;
        text-indent: 29px;
        white-space: nowrap;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow: hidden;
    }

    header #main-nav .main-menu-btn .main-menu-btn-icon,
    header #main-nav .main-menu-btn .main-menu-btn-icon::before,
    header #main-nav .main-menu-btn .main-menu-btn-icon::after {
        position: absolute;
        top: 50%;
        left: 2px;
        width: 24px;
        height: 2px;
        background: #fff;
        transition: all 0.25s;
    }

    header #main-nav .main-menu-btn .main-menu-btn-icon::before {
        content: '';
        top: -7px;
        left: 0;
    }

    header #main-nav .main-menu-btn .main-menu-btn-icon::after {
        content: '';
        top: 7px;
        left: 0;
    }

    header #main-nav #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
        height: 0;
        background: transparent;
    }

    header #main-nav #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::before {
        top: 0;
        transform: rotate(-45deg);
    }

    header #main-nav #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::after {
        top: 0;
        transform: rotate(45deg);
    }

    /* メインメニュー */
    header #main-nav #main-menu {
        position: fixed;
        top: 50px;
        width: 100%;
        transition: all 0.25s;
    }

    /* バーガーボタンOFF時（メインメニュー非表示） */
    header #main-nav #main-menu-state:not(:checked) ~ #wrapper_scrolled_main_menu #main-menu {
        pointer-events: none;
        height: 0;
        opacity: 0;
    }

    /* バーガーボタンON時（メインメニュー表示） */
    header #main-nav #main-menu-state:checked ~ #wrapper_scrolled_main_menu #main-menu {
        display: block;
        height: calc(100% - 50px);
        background: rgba(28, 28, 28, 0.9);
        opacity: 1;
        overflow: hidden;
    }

    /* アコーディオン開ている項目の矢印を↓向きにする */
    header #main-nav #main-menu li.first > a.active i.fa-caret-right::before {
        content: "\f0d7";
    }

    header #main-nav #main-menu .megamenu .megamenu-inner {
        display: none; /* 最初は非表示 */
        box-sizing: border-box;
        height: 0; /* 最初は非表示 */
        padding: 10px 0 10px 33px;
        font-size: 22px;
        background: rgba(124, 110, 110, 0.5);
        overflow: hidden;
        transition: all 0.15s;
    }

    /* サムネイル非表示 */
    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-img {
        display: none;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-text {
        height: 40px;
        line-height: 40px;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-text::before {
        content: "\f0da";
        padding: 0 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: bold;
    }

    /* モバイル用文字サイズ変更ボタン */
    header #main-nav .fontsize_change.mobile {
        float: right;
        display: block;
        margin: 10px 0 0 0;
        width: 28px;
        height: 28px;
        filter: inherit;
    }

    /* PC用文字サイズ変更ボタン非表示 */
    header #main-nav .fontsize_change.pc {
        display: none;
    }

    /* サブナビ（下段） */
    header #sub-nav li.menu-item-type-post_type{
        display: none; /* SPサイズ時非表示 */
    }

    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    /* 第2階層非表示 */
    footer .footer-inner .sitemap ul > li > ul > li > ul {
        display: none;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    /* トピックス */
    .top #contents .topics {
        padding: 0 20px;
    }

    /* お知らせ・更新履歴 */
    .top #contents .notice_history {
        padding: 20px;
    }

    .top #contents .notice_history .notice {
        width: 100%;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    /* エディタ出力箇所の見出し1〜6のスタイル指定 */
    /* 見出し位置、マイナスマージンから0位置へ戻す */
    .generic #contents #page-title,
    .generic #contents .page-text h1,
    .generic #contents .page-text h2,
    .generic #contents .page-text h3,
    .generic #contents .page-text h4,
    .generic #contents .page-text h5,
    .generic #contents .page-text h6 {
        margin: 0 0 20px 0;
    }

    .generic #contents .page-text h3,
    .generic #contents .page-text h4,
    .generic #contents .page-text h5,
    .generic #contents .page-text h6 {
        margin-left: 0;
    }

    .generic #contents .page-text p {
        padding: 0 0 16px 0;
    }

    .generic #contents .subpages {
        padding: 0;
    }
    /*-------------------------------------------------
        毎月の法要・法座・行事
    -------------------------------------------------*/
    /* PC用 前月次月のナビリンク */
    .hoyo-gyoji-nav-pc {
        display: none;
    }
}



/********************************************************************************************
    適用範囲：タブレット縦 / タブレット横（601px以上〜1100px以下の時）
********************************************************************************************/
@media all and (min-width: 601px) and (max-width: 1100px) {
    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    footer .footer-inner .sitemap .sitemap_group1,
    footer .footer-inner .sitemap .sitemap_group2,
    footer .footer-inner .sitemap .sitemap_group3,
    footer .footer-inner .sitemap .sitemap_group4,
    footer .footer-inner .sitemap .sitemap_group5 {
        margin-bottom: 20px;
        width: 33%;
        height: 320px;
    }

    footer .footer-inner .sitemap .sitemap_group4, 
    footer .footer-inner .sitemap .sitemap_group5 {
        height: auto;
    }

    /* スクロールTOPボタン */
    #scrolltop, #scrolltop_once {
        right: 20px;
        bottom: 20px;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    .top #contents h2 {
        margin-left: 40px;
    }

    .top #contents .notice_history .btn_winered a {
        margin-right: 50px;
    }

    .top #contents .notice_history .notice {
        margin-bottom: 30px;
    }

    .top #contents .notice_history .notice a {
        margin: 0 50px;
    }

    .top #contents .notice_history .notice a dl {
        margin: 0 0 18px 0;
    }

    .top #contents .notice_history .wrapper .inside {
        margin: 0 0 30px 56px;
    }
}



/********************************************************************************************
    適用範囲：タブレット縦 / タブレット横 / デスクトップ（601px以上の時）
********************************************************************************************/
@media all and (min-width: 601px) {
    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    /* サイトマップ */
    footer .footer-inner .sitemap {
        margin: 0 auto 30px auto;
    }

    footer .footer-inner .sitemap #sitemap_header,
    footer .footer-inner .sitemap ul > li,
    footer .footer-inner .sitemap ul > li > ul > li {
        padding-left: 12px;
    }

    footer .footer-inner .sitemap #sitemap_header,
    footer .footer-inner .sitemap ul,
    footer .footer-inner .sitemap ul > li,
    footer .footer-inner .sitemap ul > li > ul,
    footer .footer-inner .sitemap ul > li > ul > li,
    footer .footer-inner .sitemap ul > li > ul > li > ul > li {
        text-align: left;
    }

    footer .footer-inner .sitemap #sitemap_header a,
    footer .footer-inner .sitemap .sitemap_group1  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group2  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group3  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group4  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group5  > ul > li > a {
        font-size: 134%;
    }

    footer .footer-inner .sitemap .sitemap_group1,
    footer .footer-inner .sitemap .sitemap_group2,
    footer .footer-inner .sitemap .sitemap_group3,
    footer .footer-inner .sitemap .sitemap_group4,
    footer .footer-inner .sitemap .sitemap_group5 {
        float: left;
    }

    footer .footer-inner .sitemap .sitemap_group1  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group2  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group3  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group4  > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group5  > ul > li > a {
        display: block;
        margin: 0 0 14px 0;
        width: 100%;
        padding: 0 0 10px 0;
        border-bottom: #fff 1px solid;
    }

    footer .footer-inner .sitemap ul > li > ul > li {
        margin: 0 0 18px 12px;
        text-indent: -6px;
    }

    footer .footer-inner .sitemap ul > li > ul > li > a::before {
        content: "\f0da";
        display: inline-block;
        padding: 0 4px 0 0;
        font-family: "Font Awesome 5 Free";
        color: rgb(239, 211, 129);
        font-weight: bold;
    }

    footer .footer-inner .sitemap ul > li > ul > li > ul > li {
        margin-bottom: 8px;
        margin-left: 10px;
        padding-left: 2px;
        text-indent: -6px;
    }

    footer .footer-inner .sitemap ul > li > ul > li > ul > li > a::before {
        content: "•";
    }

    /* フッターナビ（リンク3つ） */
    footer nav {
        text-align: center;
    }

    footer nav #footer-nav li {
        display: inline-block;
    }

    footer nav #footer-nav li a {
        float: left;
        padding: 0 25px;
    }


    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    /* スクロールTOPボタン */
    #scrolltop, #scrolltop_once {
        width: 68px;
        height: 68px;
    }


    /*-------------------------------------------------
        共用パーツ / 更新履歴ボックス
    -------------------------------------------------*/
    .top #contents .notice_history .notice a dd,
    .generic #contents .notice a dd,
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dd {
        float: right;
        width: 64%;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    /* .top #contents .notice_history .wrapper .hoza .inside dd {
        font-size: 100%;
        padding: 5px 0;
        line-height: 1.4em;
    }

    .top .notice_history .hoyo-gyoji .inside .event-title,
    .top .notice_history .hoza .inside .event-title {
        font-size: 125%;
        font-weight: bold;
        padding: 10px 0 5px 0;
    }
 */

    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-text {
        padding: 0 5px 0 35px;
    }


    /*-------------------------------------------------
        第1階層ページ（サムネイルあり） / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail > h2 a {
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    }


    /*-------------------------------------------------
        第2階層ページ（サムネイルなし） / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-block dt {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 1.2em;
        font-size: 210%;
    }


    /*-------------------------------------------------
        お知らせページ / コンテンツ
    -------------------------------------------------*/
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt {
        position: absolute; 
        top: 50%;
        width: 140px;
    }

}



/********************************************************************************************
    適用範囲：タブレット横 / デスクトップ（901px以上の時）
********************************************************************************************/
@media all and (min-width: 901px) {
    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    /* トピックス */
    .top #contents .topics .btn_winered#topics-btn2 {
        display: none; /* デスクトップサイズ時は非表示 */
    }


    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents {
        min-height: 70vh;
        padding: 15px 250px 20px 0;
    }


    /*-------------------------------------------------
        第1階層ページ（サムネあり） / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail {
        float: left;
        width: 175px;
    }

    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-text {
        float: left;
        width: calc(100% - 175px);
    }


    /*-------------------------------------------------
        お知らせページ / コンテンツ
    -------------------------------------------------*/
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news {
        width: calc(100% - 175px);
    }

/*    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics {
        margin-top: -5px;
    }
*/
    .oshirase  #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item {
        margin: 0 0 0 35px;
    }


    /*-------------------------------------------------
        御堂さん・お問い合わせフォームページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .midosan_form {
        margin: 0;
        border-collapse: collapse;
        border-spacing: 0;
        padding: 0;
    }

    #contents .page-text .midosan_form th {
        display: table-cell;
        vertical-align: middle;
        width: 35%;
        text-align: left;
        font-weight: normal;
        word-break: normal;
        white-space: normal;
    }

    #contents .page-text .midosan_form td {
        display: table-cell;
        width: 65%;
        text-align: left;
    }

    #contents .page-text .md_fm_req {
        display: block;
        margin: 5px 0 0 0;
    }
}



/********************************************************************************************
    スマホ（600px以下の時）
********************************************************************************************/
@media all and (max-width: 600px) {
    /*-------------------------------------------------
        全ページ共通 / ヘッダー
    -------------------------------------------------*/
    header #main-nav #main-menu li.first > a {
        font-size: 20px;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-text {
        font-size: 18px;
    }


    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    footer .footer-inner .sitemap li,
    footer .footer-inner .sitemap a,
    footer nav #footer-nav li a {
        text-align: center;
    }

    footer .footer-inner .sitemap #sitemap_header {
        margin-top: 44px;
    }

    footer .footer-inner .sitemap #sitemap_header a {
        display: block;
        padding: 0 15px;
        line-height: 1.5em;
        font-size: 160%;
    }

    /* 矢印アイコン非表示 */
    footer .footer-inner .sitemap #sitemap_header a > i,
    footer .footer-inner .sitemap ul > li > a > i,
    footer .footer-inner #footer-nav >li > a > i {
        display: none;
    }

    footer .footer-inner .sitemap .sitemap_group1 > ul > li,
    footer .footer-inner .sitemap .sitemap_group2 > ul > li,
    footer .footer-inner .sitemap .sitemap_group3 > ul > li,
    footer .footer-inner .sitemap .sitemap_group4 > ul > li,
    footer .footer-inner .sitemap .sitemap_group5 > ul > li {
        padding: 10px 0;
        border-top: #fff 1px solid;
    }

    footer .footer-inner .sitemap .sitemap_group1 > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group2 > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group3 > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group4 > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group5 > ul > li > a {
        display: block;
        line-height: 50px;
        font-size: 191%;
    }

    footer .footer-inner .sitemap .sitemap_group1 > ul > li > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group2 > ul > li > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group3 > ul > li > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group4 > ul > li > ul > li > a,
    footer .footer-inner .sitemap .sitemap_group5 > ul > li > ul > li > a {
        display: inline-block;
        width: 100%;
        line-height: 46px;
    }

    footer .footer-inner .sitemap .sitemap_group1 > ul > li > a:active,
    footer .footer-inner .sitemap .sitemap_group2 > ul > li > a:active,
    footer .footer-inner .sitemap .sitemap_group3 > ul > li > a:active,
    footer .footer-inner .sitemap .sitemap_group4 > ul > li > a:active,
    footer .footer-inner .sitemap .sitemap_group5 > ul > li > a:active,
    footer .footer-inner .sitemap .sitemap_group1 > ul > li > ul > li:active,
    footer .footer-inner .sitemap .sitemap_group2 > ul > li > ul > li:active,
    footer .footer-inner .sitemap .sitemap_group3 > ul > li > ul > li:active,
    footer .footer-inner .sitemap .sitemap_group4 > ul > li > ul > li:active,
    footer .footer-inner .sitemap .sitemap_group5 > ul > li > ul > li:active {
        background: rgb(80, 1, 1);
    }

    /* 御堂さん、教務所、本願寺リンク */
    footer nav #footer-nav li a {
        padding: 15px 0;
    }

    /* スクロールトップボタンのサイズ・位置調整 */
    #scrolltop {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
    }

    #scrolltop a {
        line-height: 56px;
        font-size: 30px;
    }


    /*-------------------------------------------------
        共用パーツ / 更新履歴ボックス
    -------------------------------------------------*/
    .top #contents .notice_history .notice a dd,
    .generic #contents .notice a dd,
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dd {
        width: 100%;
    }


    /*-------------------------------------------------
        TOPページ / キービジュアル
    -------------------------------------------------*/
    /* お見舞いメッセージ */
    .top #key_visual_outer #key_visual #message {
/*        margin: 45px auto 0 auto;*/
        margin: 86px auto 0 auto;
        padding: 14px 0;
        text-align: left;
    }

    .top #key_visual_outer #key_visual #message p {
        line-height: 1.6em;
        font-size: 143%;
    }
    
    .top #key_visual_outer #key_visual #message p > br {
        display:none;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    .top #contents h2 {
        margin-left: -10px;
    }

    .top #contents .topics {
        height: 440px;
        padding: 0 20px;
    }

    .top #contents .notice_history .btn_winered a,
    .top #contents .topics #topics-btn2.btn_winered a,
    .top #contents .notice_history .notice .btn_winered a {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 374px;
        padding: 16px 0;
        width: 100%;
        text-align: center;
    }

    /* 見出し「トピックス」横のボタン。スマホサイズでは表示 */
    .top #contents .topics #topics-btn1 {
        display: none;
    } 

    .top #contents .topics #topics-btn2.btn_winered a {
        margin-top: 10px;
    }

    .top #contents .notice_history .wrapper {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 40px 20px 0 20px;
        box-sizing: border-box;
        border-top: 1px solid rgb(200, 200, 200);
    }

    .top #contents .notice_history .wrapper .inside {
        margin: 0 7px 30px 7px;
    }

    .top #contents .notice_history .wrapper .hoyo-gyoji {
        padding-bottom: 10px;
    }

    .top #contents .notice_history .wrapper .houza {
        padding: 40px 0 0 0;
    }

    .top .notice_history .hoyo-gyoji .inside .event-title,
    .top .notice_history .hoza .inside .event-title {
        font-size: 134%;
        /* font-weight: bold; */
        /* padding: 10px 0 5px 0; */
        line-height: 1.3em;
    }

    .generic #contents .subpages .subpage-text .inside .event-title {
        line-height: 2rem;
    }

    .generic #contents .subpages .subpage-text .inside dd,
    .top .notice_history .hoza .inside dd {
        font-size: 100%;
        padding: 5px 0;
        line-height: 1.4em;
    }


    /*-------------------------------------------------
        トピックスページ / コンテンツ
    -------------------------------------------------*/
    .page-template-page-topics #contents .subpage-topics .multiple-item {
        box-sizing: border-box;
        width: 100%;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item li {
        margin: 0;
        width: calc(50% - 1px);
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item li:nth-child(even) {
        margin-right: 0;
        border-right: 1px solid #ccc;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item li:last-child {
        border-right: 1px solid #ccc;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item li:nth-child(-n+2) {
        border-top: 1px solid #ccc;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item dl { 
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        /* padding: 20px 2px; */
        padding: 20px 0 20px 0;
        border-radius: 0;
        box-shadow: none;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item dt,
    .page-template-page-topics #contents .subpage-topics .multiple-item .update,
    .page-template-page-topics #contents .subpage-topics .multiple-item .introduction.tof_3 {
        padding: 2px 16px;
    }

    .page-template-page-topics #contents .subpage-topics .multiple-item dd a img {
        margin: 8px 0 12px 0;
        width: 100%;
        height: 100%;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / サイドバー
    -------------------------------------------------*/
    #sidebar {
        display: none;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / キービジュアル＆コンテンツ
    -------------------------------------------------*/
    /* キービジュアル部分 */
    .generic #page-topimage span {
        padding: 155px 0 0 15px;
    }

    .generic #page-topimage span,
    .generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail > h2 a {
        font-family:"Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        font-weight: 400;
    }

    .generic #contents .page-text {
        margin: 0 0 30px 0;
    }

    /* エディタ出力箇所の見出し1〜6のスタイル指定 */
    /* スマホ時のみ、さわらび明朝 */
    .generic #contents #page-title,
    .generic #contents .page-text h1,
    .generic #contents .page-text h2
    /* .generic #contents .page-text h3*/ { 
        font-family:"Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    }



    .generic #contents #page-title {
        padding: 20px 0 0 25px;
        line-height: 1em;
        font-size: 209%; /* 9文字収まるように */
    }

    .generic #contents .page-text h1 {
        padding: 0 0 15px 35px;
        line-height: 1.2em;
        font-size: 175%;
        background: url(../images/ico_heading_editor_output_h1_and_h6.png) no-repeat left 3px / 19px 19px;
    }

    .generic #contents .page-text h2 {
        padding: 0 0 0 30px;
        line-height: 1.3em;
        font-size: 142%;
        background: url(../images/ico_heading_editor_output_h2.png) no-repeat left top / 20px 20px;
    }

    .generic #contents .page-text p {
        padding: 0 0 16px 0px;
    }

    .generic #contents .subpages .subpage-text {
        padding: 0 5px;
    }


    /*-------------------------------------------------
        第2階層ページ（サムネイルなし） / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-block dt {
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: 1em;
        font-size: 175%;
    }


    /*-------------------------------------------------
        TOP、お知らせ、更新履歴共用 / ボックスのスタイル
    -------------------------------------------------*/
    .top #contents .notice_history .notice a dt,
    .generic #contents .notice a dt,
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt {
        position: relative;
        top: 0;
        width: 100%;
        padding-top: 5px;
    }

    /*-------------------------------------------------
        TOP、お知らせ、トピックス共用 / パネルのスタイル
    -------------------------------------------------*/
    .generic #contents .subpages .subpage-topics .multiple-item {
        width: 223px;
    }

    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item > li:first-child {
        margin: 0;
        padding-bottom: 20px;
    }

    /* パネル表示少なく*/
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item > li:last-child {
        display: none;
    }


    /*-------------------------------------------------
        風物詩ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .fubutusi-wrap {
        width: calc(100% + 15px);
    }

    .generic #contents .page-text .fubutusi-wrap .fubutusi-box {
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px;
        width: calc(50% - 15px);
    }


    /*-------------------------------------------------
        毎月の法要・行事、毎月の法座ページ共用 / カレンダー
    -------------------------------------------------*/

    #contents .page-text .k18_calendar_day .calendar-date {
        display: block;
        width: 100%;
        line-height: 2;
    }
    

    .generic #contents .page-text .k18_calendar_day {
        display: table;
        margin: 0 0 2px 0;
        width: calc(100% - 20px);
        padding: 10px 10px 10px 10px;
    }

    .generic #contents .page-text .k18_calendar_day .event-short-info {
        line-height: 1.3;
    }

    #contents .page-text .k18_calendar_day .event-content {
        line-height: 1.5;
    }

    /*-------------------------------------------------
        観る法話ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .miru-howa {
        padding-left: 0;
    }

    .generic #contents .page-text .miru-howa li dt {
        padding: 0 0 0.2em 0.8em;
    }

    /* 抜粋テキスト*/
    .generic #contents .page-text .miru-howa li dd {
        padding-left: 1em;
        padding-right: 0.3em;
        line-height: 1.3em;
        opacity: 0.85;
    }

    /*-------------------------------------------------
        読む法話ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .yomu-howa {
        padding-left: 0;
    }

    .generic #contents .page-text .yomu-howa li dt {
        padding: 0 0 0.2em 0.8em;
    }

    /* 抜粋テキスト*/
    .generic #contents .page-text .yomu-howa li dd {
        padding-left: 1em;
        padding-right: 0.3em;
        line-height: 1.3em;
        opacity: 0.85;
    }


    /*-------------------------------------------------
        聴く法話ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .howa-container .kikuhowa-contents {
        width: 100%;
    }

    .generic #contents .page-text .howa-container .kikuhowa-contents > div {
        display: block;
        width: auto;  
    }


    /*-------------------------------------------------
        御堂さんページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .mido-san-back-number {
        margin: 20px 0;
    }

    .generic #contents .page-text .mido-san-back-number-image {
        float: none;
        display: block;
        margin: 0 auto;
        width: 50%;
        padding: 2% 0 5% 0;
    }

    .generic #contents .page-text .mido-san-back-number-content {
        width: 100%;
    }
}



/********************************************************************************************
    タブレット縦（601px以上〜900px以下の時）
********************************************************************************************/
@media all and (min-width: 601px) and (max-width: 900px) {
    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    footer nav #footer-nav li a {
        padding: 0 8px;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    .top #contents .topics {
        height: 450px;
    }

    .top #contents .topics .slick-slider {
        padding: 5px 42px 25px 36px;
    }

    .top #contents .notice_history .wrapper .houji,
    .top #contents .notice_history .wrapper .houza {
        padding:20px 0 0 0;
    }


    /*-------------------------------------------------
        TOP以外全ページ / サイドバー
    -------------------------------------------------*/
    #sidebar {
        display: none;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / キービジュアル＆コンテンツ
    -------------------------------------------------*/
    .generic #page-topimage span {
        padding: 155px 0 0 15px;
    }

    .generic #contents .page-text {
        margin: 0 10px 30px 10px;
    }


    /*-------------------------------------------------
        TOP、お知らせ、トピックス共用 / パネルのスタイル
    -------------------------------------------------*/
    .generic #contents .subpage-topics .multiple-item {
        width: 460px;
    }

    .generic #contents .subpage-topics .multiple-item > li:nth-child(even) {
        margin-right: 0;
    }

    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item > li {
        width: 223px;
    }


    /*-------------------------------------------------
        毎月の法要・行事、毎月の法座ページ共用 / カレンダー
    -------------------------------------------------*/
    .generic #contents .page-text .k18_calendar_day {
        display: table;
        width: 97%;
        padding: 10px;
    }

    .generic #contents .page-text .k18_calendar_day .event-short-info {
        line-height: 1.3em;
    }


    /*-------------------------------------------------
        風物詩ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text .fubutusi-wrap {
        width: calc(100% + 15px);
    }

    .generic #contents .page-text .fubutusi-wrap .fubutusi-box {
        position: relative;
        width: calc(33.3% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }

    /*-------------------------------------------------
        観る法話ページ / コンテンツ
    -------------------------------------------------*/
    .page-template-page-miru-howa #contents .page-text {
        margin: 0 0 30px 0;
    }
    /*-------------------------------------------------
        読む法話ページ / コンテンツ
    -------------------------------------------------*/
    .page-template-page-yomu-howa #contents .page-text {
        margin: 0 0 30px 0;
    }
}



/********************************************************************************************
    タブレット横（901px以上〜1100px以下の時）
********************************************************************************************/
@media all and (min-width: 901px) and (max-width: 1100px) {
    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    .top #contents .notice_history .notice .btn_winered a {
        margin-top: 10px;
        margin-right: 50px;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text {
        margin: 0 10px 30px 15px;
    }
}



/********************************************************************************************
    タブレット横（901px以上〜1000px以下の時）（トピックスパネル調整専用）
********************************************************************************************/
@media all and (min-width: 901px) and (max-width: 1000px) {
    /*-------------------------------------------------
        共用パーツ / トピックスパネル
        ※TOPページのパネルはjs（slick_setting.js）で
         ブレークポイント制御しています。
    -------------------------------------------------*/
    .generic #contents .subpage-topics .multiple-item > li {
        margin-right: 2%;
        width: 32%;
    }

    .oshirase #contents .subpage-topics .multiple-item > li {
        margin-right: 4%;
        width: 48%;
    }

    .generic #contents .subpage-topics .multiple-item > li:nth-child(3n),
    .oshirase #contents .subpage-topics .multiple-item > li:last-child {
        margin-right: 0;
    }
}



/********************************************************************************************
    デスクトップレイアウト : 1101px以上で適用
********************************************************************************************/
@media all and (min-width: 1101px) {
    /*-------------------------------------------------
        全ページ共通 / ヘッダーナビ
    -------------------------------------------------*/
    /* メインナビ */
    header #main-nav.scrolled {
        height: 44px;
        box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 1px;
    }

    /* ヘッダーロゴ */
    header #main-nav .nav_logo {
        margin: 0 12px 0 20px;
    }

    header #main-nav.scrolled .nav_logo {
        position: static;
        flex-basis: auto;
        margin: -2px 20px 0 0px;
        height: auto;
    }

    header #main-nav.scrolled .nav_logo a {
        display: block;
        width: 108px;
        height: auto;
    }

    header #main-nav.scrolled .nav_logo a img {
        display: block;
        margin: 0;
        height: auto;
    }

    /* PCサイズ表示時はメニュー開閉ボタンを非表示 */
    header #main-nav .main-menu-btn {
        display: none;
    }

    header #main-nav.scrolled #wrapper_scrolled_main_menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    header #main-nav #main-menu {
        position: static;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        top: auto;
        margin: 0 auto;
        max-width: 860px;
        width: calc(98% - 400px);
        min-width: 640px;
        height: 50px;
        padding-right: 30px;
        overflow: hidden;
        pointer-events: inherit;
        opacity: 1;
        transition: none;
    }

    header #main-nav.scrolled #main-menu {
        display: flex;
        flex-basis: auto;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin: 0;
        width: 610px;
        height: 44px;
    }

    /* ナビメニュー1階層目 */
    header #main-nav #main-menu li.first {
        box-sizing: content-box;
        flex-basis: auto;
        border-bottom: none;
    }

    header #main-nav #main-menu li.first > a {
        box-sizing: border-box;
        margin: 0;
        height: 50px;
        padding: 0 10px;
        line-height: 50px;
        font-size: 16px;
        transition-duration: 0.2s;
    }

    header #main-nav #main-menu li.first.hover > a {
        color: rgb(255, 205, 217); /* ナビ1階層目のホバー色 */
    }

    header #main-nav.scrolled #main-menu li.first > a {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }

    /* メガメニューのスタイル */
    /* li.firstのマウスhoverイベントを最初は停止 */
    header #main-nav #main-menu li.first {
        pointer-events: none;
    }

    /* jsによりマウスイベント有効後、li.firstをホバーしたら表示 */
    header #main-nav #main-menu li.first.hover .megamenu {
        max-height: 9999px;
        padding: 0 0 30px 0;
        opacity: 1;
        z-index: 850;
    }

    header #main-nav #main-menu .megamenu {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        width: 960px;
        height: auto;
        position: absolute;
        top: 50px;
        left: calc(100%/2 - 960px/2);
        z-index: 850;
        transition: all 0.2s ease-in;
    }

    /* ある程度スクロールしたら、topの値を変更 */
    header #main-nav.scrolled #main-menu .megamenu {
        top: 44px;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner {
        position: relative;  
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 960px;
        height: auto;
        padding: 95px 0 0 0;
        font-size: inherit;
        background: none;
        transition: none;
        overflow: auto;
        z-index: 850;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner > li {
        box-sizing: border-box;
        width: calc(100% / 5);
        padding: 6px 8px;
    }

    /* メガメニュー内の、第2階層のテキストリンク */
    /* ※テキストリンクは実装しませんでしたが、念のためスタイル残してます */
    /*
    header #main-nav #main-menu .megamenu .megamenu-inner > li > ul {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background: none;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner > li > ul a {
        display: block;
        margin: 0 15px 0 18px;
        padding: 0 5px 8px 10px;
        line-height: 18px;
        color: #fff;
        font-size: 15px;
        text-indent: -18px;
        background: none;
        transition: all 0.2s ease-in;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner > li > ul a i {
        text-indent: 0;
    }
    */

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-img {
        display: block;
        margin: 0 0 10px;
        width: 175px;
        height: 175px;
        transition: all 0.12s;
    }

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-img.hover {
        opacity: 0.8;
        transform: scale(1.05);
    }

    header #main-nav #main-menu .megamenu .megamenu-inner .megamenu-inner-text {
        display: none;
        margin: 0 5px 0 0;
        color: #fff;
        font-size: 117%;
    }

    header #main-nav .fontsize_change.mobile {
        display: none; /* PCサイズ時は非表示 */
    }

    /* PC用文字サイズ変更ボタン表示*/
    header #main-nav .fontsize_change.pc {
        float: right;
        position: absolute;
        top: 5px;
        right: 20px;
        border: rgb(161,116,127) 1px solid;
        width: 175px;
        height: 38px;
    }

    header #main-nav .fontsize_change.pc p {
        float: left;
        margin: 0 6px 0 14px;
        color: #fff;
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        font-size: 13px; /* 13pxで固定 */
        line-height: 38px;
    }

    header #main-nav .fontsize_change.pc input {
        float: left;
        margin: 7px 0 0 7px;
        width: 24px;
        height: 24px;
        transition: all 0.2s ease-in;
    }

    header #main-nav .fontsize_change.pc input:hover {
        margin-top: 8px;
        opacity: 0.8;
    }

    /* ある程度スクロールしたら非表示 */
    header #main-nav.scrolled .fontsize_change.pc {
        display: none;
    }

    /* サブナビ（下段） */
    header #sub-nav {
        position: relative;
        height: auto;
        background: rgba(86, 11, 11, 0.65);
        box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 1px;
        overflow: hidden;
        transition-duration: 0.4s;
        z-index: 750;
    }

    header #sub-nav ul {
        float: right;
        transition: 0.4s;
    }

    header #sub-nav li {
        float: left;
    }

    header #sub-nav li a {
        display: block;
        padding: 10px 23px 10px 0;
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
        text-decoration: none;
        transition-duration: 0.2s;
    }

    header #sub-nav li a:hover {
        color: rgb(255, 205, 217);
    }
    header #sub-nav li.menu-item-type-post_type{
        display: list-item; /* PCサイズ時リスト表示 */
    }

    /* ある程度スクロールしたら非表示 */
    header #sub-nav.scrolled {
        opacity: 0;
    }

    /* メガメニューのオーバーレイ */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 0;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: 0.4s;
        z-index: 800;
    }


    /*-------------------------------------------------
        全ページ共通 / コンテンツ
    -------------------------------------------------*/
    #contents {
        max-width: 1000px;
    }

    #contents a:hover,
    #contents a:active {
        color: rgb(31, 219, 239);
    }

    #contents .btn_winered a:hover,
    #contents .btn_winered a:active,
    #contents .btn_winered a:visited {
        color: #fff;
        opacity: 0.8;
    }


    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/
    /* サイトマップ */
    footer a:hover {
        color: rgb(255, 205, 217);
    }

    footer .footer-inner .sitemap {
        max-width: 1000px;
    }

    footer .footer-inner .sitemap .sitemap_group1,
    footer .footer-inner .sitemap .sitemap_group2,
    footer .footer-inner .sitemap .sitemap_group3,
    footer .footer-inner .sitemap .sitemap_group4,
    footer .footer-inner .sitemap .sitemap_group5 {
        margin-left: 2%;
        width: 18%;
    }

    footer .footer-inner .sitemap .sitemap_group1 {
        margin-left: 0;
    }

    footer .footer-inner .sitemap ul > li > ul > li > ul {
        margin-top: 10px;
    }

    /* スクロールTOPボタン */
    #scrolltop, #scrolltop_once {
        right: 28px;
        bottom: 30px;
    }

    #scrolltop a img:hover {
        transform: scale(1.08);
    }


    /*-------------------------------------------------
        共用パーツ / 更新履歴ボックス
    -------------------------------------------------*/
    /* お知らせ・更新情報 */
    .top #contents .notice_history {
        padding: 0 0 20px 0;
    }

    .top #contents .notice_history .notice h2 {
        margin: 0 0 33px 40px;
    }

    .top #contents .notice_history .notice a:hover,
    .generic #contents .notice a:hover {
        opacity: 0.8;
        transform: scale(1.02);
    }


    /*-------------------------------------------------
        共用パーツ / カレンダー
    -------------------------------------------------*/
    #contents .page-text .k18_calendar_day .event-content-btn:hover {
        background: #8b0000;
    }


    /*-------------------------------------------------
        TOPページ / キービジュアル
    -------------------------------------------------*/
    /* スライダーの数・表示位置を示すページコントロール */
    .top #pagecontrol {
        position: absolute;
        right: 15px;
        bottom: 10px;
    }

    .top #pagecontrol ul li {
        float: left;
        margin-left: 8px;
    }

    .top #pagecontrol ul li img:hover {
        opacity: 0.8;
    }

    .top #key_visual_outer #key_visual #carousel .indicator li:hover {
        opacity: 0.8;
        transform: scale(1.06);
    }

    .top #key_visual_outer #key_visual #carousel .prev:hover,
    .top #key_visual_outer #key_visual #carousel .next:hover {
        opacity: 0.6;
    }


    /*-------------------------------------------------
        TOPページ / コンテンツ
    -------------------------------------------------*/
    /* トピックス */
    .top #contents .topics {
        height: 350px;
    }

    .top #contents .topics h2 {
        margin: 0 0 0 40px;
    }

    .top #contents .topics dl:hover {
        transform: scale(1.03);
        opacity: 0.8;
    }

    .slick-dots li button:hover {
        outline: none;
    }

    .slick-dots li button:hover::before {
        opacity: 1;
    }

    .slick-prev:hover,
    .slick-next:hover {
        outline: none;
        opacity: 0.6;
    }

    /* お知らせ・更新履歴 */
    .top #contents .notice_history .notice {
        float: left;
        width: 54%;
    }

    /* 本日の法要・行事、本日の法座 */
    .top #contents .notice_history .wrapper {
        float: right;
        width: 42%;
    }

    .top #contents .notice_history .wrapper .inside {
        margin: 0 0 30px 46px;
    }

    .top #contents .notice_history .wrapper .btn_winered a {
        margin-right: 50px;
    }


    /*-------------------------------------------------
        TOP以外の全ページ / サイドバー
    -------------------------------------------------*/
    #sidebar a:hover {
        color: rgb(89, 82, 78);
    }

    #sidebar .sidebar-year-btn:hover,
    #sidebar .sidebar-lv1 a:hover {
        background: rgba(0, 0, 0, 0.2);
        color: rgb(204, 28, 51);
    }


    /*-------------------------------------------------
        TOP以外の全ページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .page-text {
        margin-bottom: 30px;
    }

    .generic #contents .subpages {
        padding: 0 50px 0 0;
    }


    /*-------------------------------------------------
        お知らせページ / コンテンツ
    -------------------------------------------------*/
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a:hover {
        opacity: 0.8;
        transform: scale(1.02);
    }
    /*-------------------------------------------------
        毎月の法要・法座・行事
    -------------------------------------------------*/
    /* スマホ用 前月次月のナビリンク */
    .hoyo-gyoji-nav-sp {
        display: none;
    }

    .hoyo-gyoji-nav-pc a:hover i,
    .hoyo-gyoji-nav-pc2 a:hover i,
    .hoyo-gyoji-nav-pc a:hover i,
    .hoyo-gyoji-nav-pc2 a:hover i{
        color: rgb(31, 219, 239);
    }

    /*-------------------------------------------------
        トピックスページ / コンテンツ
    -------------------------------------------------*/
    .generic #contents .subpage-topics .multiple-item dl:hover,
    .oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dl:hover {
        opacity: 0.8;
        transform: scale(1.03);
    }


    /*-------------------------------------------------
        風物詩ページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .fubutusi-wrap .fubutusi-box .movie:hover::after {
        opacity: 0.8;
        transition: 0.3s ease-in-out;  
    }

    /*-------------------------------------------------
        観る法話ページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .miru-howa li:hover {
        background-color: rgba(200, 200, 200, 0.5);
    }
    /*-------------------------------------------------
        読む法話ページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .yomu-howa li:hover {
        background-color: rgba(200, 200, 200, 0.5);
    }


    /*-------------------------------------------------
        御堂さん・お問い合わせページ / コンテンツ
    -------------------------------------------------*/
    #contents .page-text .form_btn:hover {
        background: rgba(255, 0, 16, 0.06);
        transition: 0.12s;
    }
}