@charset "utf-8";

/********************************************************************************************
    全ページ共通
********************************************************************************************/
/*-------------------------------------------------
    ページ全体
-------------------------------------------------*/
/* 横スクロールを禁止 */
html {
    width: 100%;  
}

body {
    width: 100%;
    background: url(../images/bg_contents.jpg) repeat fixed center top;
    overflow-x: hidden;
}

/* 引用ボックスのマージン */
blockquote {
    margin: 1em 40px;
}

/* ローディング画面 */
.loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}

.loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

/* 複数行の文章の末尾を「…」で省略するCSS */
/* overflow:hidden、heightは必ず指定する */
.tof_3 { /* 3行まで */
    height: 3.32em;
    overflow: hidden;
}

/* クリアフィックス */
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}


/*-------------------------------------------------
    FontAwesome アイコン用クラス
-------------------------------------------------*/
/* 左詰めアイコンの右スペース */
.f-pr { padding-right: 5px; }

/* 右詰めアイコンの左スペース */
.f-pl { padding-left: 5px; }

/* アイコン色指定 */
.f-white { color: #fff; }
.f-red { color: rgb(204, 28, 51); }
.f-winered { color: rgb(119, 0, 0); }
.f-yellow { color: rgb(239, 211, 129); }
.f-blue { color: rgb(31, 147, 231); }
.f-pink { color: rgb(255, 159, 177); }

/* ◯の中に矢印 */
.icon_arrow {
    display: inline-block;
    margin: 0 4px 0 0;
    width: 1em;
    height: 1em;
    background: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
}

.icon_arrow i {
    display: inline-block;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    padding: 1px 0 0 3px;
    font-size: 0.8em;
    overflow: hidden;
}


/*-------------------------------------------------
    リンク先がPDFファイルの場合アイコンをつける
-------------------------------------------------*/
a[href $='.pdf']{
    margin: 0;
    padding: 4px 26px 4px 0;
    background: url(../images/PDF_24.png) no-repeat center right;
}


/*-------------------------------------------------
    非対応ブラウザ用警告文
-------------------------------------------------*/
#unsupported {
    position: fixed;
    display: none;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border: rgb(255, 137, 137) 17px solid;
    width: 100%;
    height: auto;
    padding: 40px 50px;
    text-align: center;
    font-size: 134%;
    background: rgba(255, 231, 125, 0.95);
    z-index: 99999;
}

#unsupported.before_ie10 {
    display: block;
}

#unsupported p {
    line-height: 1.3em;
}

/* 青字のテキストリンク */
#unsupported p a {
    color: rgb(31, 147, 228);
    text-decoration: underline;
    transition-duration: 0.15s;
}

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

#unsupported .btn_close {
    margin: 20px auto 0 auto;
    width: 120px;
    height: auto;
    padding: 10px 0;
    color: #fff;
    background: rgb(98, 93, 93);
    border-radius: 4px;
    cursor: pointer;
}


/*-------------------------------------------------
    ヘッダーナビ
-------------------------------------------------*/
/* ヘッダー全体の囲み */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* メインナビ（上段） */
header #main-nav {
    position: relative;
    width: 100%;
    height: 50px;
    background: rgba(130, 0, 0, 0.85);
    z-index: 900;
}

header #main-nav::after { /* #main-navの形を確保するclearfix的な指定 */
    content: "\00a0";
    clear: both;
    display: block;
    height: 0;
    font: 0/0 serif;
    overflow: hidden;
}

/* メニュー開閉ボタン（モバイル用）のon/off判定チェックボックスを隠す */
header #main-nav #main-menu-state {
    position: absolute;
    margin: -1px;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
}

/* ヘッダーロゴ */
header #main-nav .nav_logo {
    position: absolute;
    top: 0;
    left: 5px;
    height: 37px;
}

header #main-nav .nav_logo a {
    display: block;
    width: 135px;
    height: 37px;
}

header #main-nav .nav_logo a img {
    display: block;
    margin: 5px 0 0 0;
    height: 37px;
}

header #main-nav #main-menu li.first {
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
}

header #main-nav #main-menu li.first:last-child {
    border-bottom: none;
}

header #main-nav #main-menu li.first a,
header #main-nav #main-menu li.first a div {
    color: #fff;
    text-decoration: none;
}

header #main-nav #main-menu li.first > a {
    display: block;
    width: auto;
    padding: 16px 10px;
    font-size: 28px;
}

/* 現在開いているページの項目名をアクティブにする */
.menu01 header #main-nav #main-menu li.first.cat1 > a,
.menu02 header #main-nav #main-menu li.first.cat2 > a,
.menu03 header #main-nav #main-menu li.first.cat3 > a,
.menu04 header #main-nav #main-menu li.first.cat4 > a,
.menu05 header #main-nav #main-menu li.first.cat5 > a,
.menu06 header #main-nav #main-menu li.first.cat6 > a {
    color: #36cad1;
}

/* メガメニュー内の、第2階層のテキストリンク非表示 */
/* ※テキストリンクは実装しませんでしたが、念のためスタイル残してます */
header #main-nav #main-menu .megamenu .megamenu-inner > li > ul {
    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.scrolled {
    opacity: 0;
}

/*-------------------------------------------------
    コンテンツ
-------------------------------------------------*/
#wrapper {
    overflow: hidden;
}

#contents {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
}

/* 青字のテキストリンク */
#contents a {
    color: rgb(31, 147, 228);
    text-decoration: none;
    transition-duration: 0.15s;
}

/* 臙脂色テキストリンクボタンのベース */
#contents .btn_winered a {
    display: block;
    /* padding: 16px 22px; */
    padding: 16px 34px;
    line-height: 1.2em;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(135deg, rgba(142,0,30,1) 0%,rgba(204,28,51,1) 100%);
    white-space: nowrap;
}

/* コンテナ / ブランクスペース */
/* ※wordpressのfront-page.phpにコメントアウトで書かれているクラス。何のためのクラス？ 要確認 */
.blank-space {
    height: 83px;
}


/*-------------------------------------------------
    フッター
-------------------------------------------------*/
footer {
    width: 100%;
    background: rgba(119, 0, 0, 1.0);
    z-index: 700;
}

footer a {
    border: none;
    color: #fff;
    font-size: 117%;
    text-decoration: none;
    transition-duration: 0.2s;
}

/* サイトマップ */
footer .footer-inner .sitemap {
    width: 100%;
    overflow: hidden;
}

footer .footer-inner .sitemap #sitemap_header {
    margin: 60px 0 40px 0px;
}

/* フッターナビ（リンク3つ） */
footer nav {
    border-top: rgb(227, 227, 227) 1px solid;
    border-bottom: rgb(227, 227, 227) 1px solid;
    width: 100%;
    overflow: hidden;
}

footer nav #footer-nav {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 30px 0;
}

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

footer address {
    display: block;
    width: 100%;
    padding: 26px 0 30px 0;
    text-align: center;
}

footer address p, footer address p span, footer address p a {
    color: #fff;
    font-style: normal;
}

footer address p.site_name {
    padding: 0 0 10px 0;
    font-size: 184%;
}

footer address p.temple_name {
    padding: 0 0 24px 0;
    font-size: 117%;
}

footer address p.add, footer address p.open_gate_time {
    padding: 0 0 7px 0;
}

footer address p.open_gate_time span {
    display: inline-block;
    padding: 6px 8px;
    font-size: 117%;
    margin: 0 auto;
    border: #fff 1px solid;
}

footer address .tel_fax p:first-child {
    width: auto;
    padding: 0 0 5px 0;
    font-size: 159%;
}

footer address .tel_fax p:last-child {
    font-size: 117%;
}

/* 著作権表記 */
footer small {
    clear: both;
    display: block;
    margin: 0 auto;
    border-top: #e3e3e3 1px solid;
    width: auto;
    height: 50px;
    line-height: 50px;
    color: #e3e3e3;
    font-size: 85%;
    text-align: center;
}

/* スクロールTOPボタン */
#scrolltop, #scrolltop_once {
    position: fixed;
    display: none; /* 最初は非表示にしておく */
    text-align: center;
    z-index: 9999;
}

#scrolltop_once {
    transform-style: preserve-3d;
    transition-duration: 0.6s;
}

#scrolltop_once #img_leaf, #scrolltop_once #text_top {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

#scrolltop_once #img_leaf {
    z-index: 10000;
}

#scrolltop_once #text_top {
    display: none; /* 最初は非表示にしておく */
    z-index: 10001;
}

#scrolltop a img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    transition-duration: 0.2s;
}



/********************************************************************************************
    共用パーツ
********************************************************************************************/
/*--------------------------------------------------------------------
    更新履歴ボックス（TOP / お知らせ / お知らせ・更新履歴ページで使用）
--------------------------------------------------------------------*/
.top #contents .notice_history .notice a,
.generic #contents .notice a {
    display: block;
}

.top #contents .notice_history .notice a dl,
.generic #contents .notice a dl {
    box-sizing: border-box;
    position: relative;
    margin: 0 0 18px 51px;
    padding: 14px 9px 14px 25px;
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
    box-shadow: rgba(26, 13, 13, 0.19) 0 1px 2px 1px;
    transition-duration: 0.2s;
}

.top #contents .notice_history .notice a dt,
.generic #contents .notice a dt {
    float: left;
    position: absolute; 
    top: 50%;
    min-width: 148px;
    width: 25%;
    color: #878787;
    font-weight: bold;
    transform: translateY(-50%);
}

.top #contents .notice_history .notice a dt .month,
.top #contents .notice_history .notice a dt .day,
.generic #contents .notice a dt .month,
.generic #contents .notice a dt .day,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt .month,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt .day {
    padding: 0 1.5px;
    color: #878787;
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 167%;
    font-weight: normal;
}

.top #contents .notice_history .notice a dt .icon_new,
.generic #contents .notice a dt .icon_new,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt span.icon_new {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%;
    left: -39px;
    border: rgb(219, 216, 216) 1px solid;
    width: 34px;
    height: 34px;
    background: rgb(0, 169, 255);
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
    color: rgb(240, 255, 232);
    font-size: 10px;
    transform: translateY(-50%);
}

.top #contents .notice_history .notice a dd {
    font-size: 117%;
}

.generic #contents .notice {
    box-sizing: border-box;
    margin: 15px 0 0 0;
    width: 100%;
    padding: 0 50px 38.5px 0;
}

.generic #contents .notice a dt {
    font-size: 84%;
}

.generic #contents .notice a dd {
    line-height: 1.3em;
}


/*--------------------------------------------------------------------
    トピックスパネル（TOP / お知らせ / トピックスページで使用）
--------------------------------------------------------------------*/
.generic #contents .subpage-topics {
    overflow: hidden;
}

.generic #contents .subpage-topics .multiple-item {
    padding: 5px;
    overflow: hidden;
}

.generic #contents .subpage-topics .multiple-item > li {
    float: left;
    margin: 0 13.5px 13.5px 0;
    width: 223px;
}

.generic #contents .subpage-topics .multiple-item dl,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dl {
    box-sizing: border-box;
    margin: 0;
    padding: 14px 20px 8px 20px;
    border-radius: 5px;
    box-shadow: rgba(26, 13, 13, 0.19) 0 1px 2px 1px;
    background: rgba( 255, 255, 255, 0.5);
    transition-duration: 0.2s;
}

.generic #contents .subpage-topics .multiple-item dt,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dt {
    margin: 0 0 0.5em 0;
    height: 1.2em;
    line-height: 1.2em;
    font-size: 108%;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.generic #contents .subpage-topics .multiple-item dd > a,
.generic #contents .subpage-topics .multiple-item dd > a img,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dd > a,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dd > a img {
    display: block;
}

.generic #contents .subpage-topics .multiple-item dd > a img,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item dd > a img {
    margin: 0 auto;
}

.generic #contents .subpage-topics .multiple-item .update,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item .update {
    margin: 0.5em 0;
}

.generic #contents .subpage-topics .multiple-item .introduction,
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-topics .multiple-item .introduction {
    height: 3.7em;
    line-height: 1.1em;
    overflow: hidden;
    padding-top: .2em;
}


/*--------------------------------------------------------------------
    カレンダー（毎月の法要・行事 / 毎月の法座ページで使用）
--------------------------------------------------------------------*/
/* カレンダー背景色 */
.k18_calendar_weekday_even {
    background-color: rgba(255, 255, 255, 0);
}

.k18_calendar_weekday_odd {
    background-color: rgba(200, 200, 200, 0.2);
}

.k18_calendar_saturday {
    background-color: rgba(180, 180, 255, 0.4);
}

.k18_calendar_sunday {
    background-color: rgba(255, 160, 160, 0.5);
}

.k18_calendar_holiday {
    background-color: rgba(255, 165, 160, 0.5);
}

#contents .page-text .k18_calendar_day {
    display: table;
    margin: 0 0 2px 0;
    width: 96%;
    padding: 10px 10px 10px 25px;
}

#contents .page-text .k18_calendar_day .calendar-date {
    display: table-cell;
    width: 23.4%;
    line-height: 1.3em;
}

#contents .page-text .k18_calendar_day .event-content-btn {
    display: inline;
    padding: 1px 8px;
    margin-right: 5px;	/* 追加 2019/5/14 */
    background: #dc143c;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: 0.1s;   
}

#contents .page-text .k18_calendar_day .event-title {
    display: inline;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 8px;
/*    padding-left: 5px;*/ /* 変更 2019/5/14 */
    padding-left: 0px;
    line-height: 1.6; 
    color: #000; 
    font-weight: 500;
}

#contents .page-text .k18_calendar_day .event-short-info {
    margin: 0 0 10px 0;
    padding-top: 10px;
}

#contents .page-text .k18_calendar_day .event-content {
    display: none;
    padding: 14px 14px;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    color: #444;
    overflow: hidden;
}

#contents .page-text .k18_calendar_day .event-content p {
    padding: 0;
}



/********************************************************************************************
    TOPページ
********************************************************************************************/
/*-------------------------------------------------
    TOPページ / キービジュアル
-------------------------------------------------*/
.top #key_visual_outer {
    position: relative;
    border-bottom: rgb(204, 204, 204) 1px solid;
    width: 100%;
    overflow: hidden;
}

/* アニメーションcanvas */
.top #key_visual_outer #myCanvas {
    position: absolute;
    z-index: 50; /* アニメ終了後にjsで z-index:0 に変化 */
}

/* 北御堂ロゴ */
.top #key_visual_outer .key_logo {
    position: absolute;
    top: 52%;
    left: 50%;
    width: 75%;
    max-width: 208px;
    transform: translate(-50%,-50%);
    z-index: 101;
}

.top #key_visual_outer .key_logo img {
    width: 100%;
    opacity: 0; /* 最初は見えなくしておいてアニメ終了後にjsで opacity:1 にして表示 */
}

/* 全画面スライダーのボックス */
.top #key_visual_outer #key_visual {
    height: 100vh;
    background: #5d6658;
}

/* お見舞いメッセージ */
.top #key_visual_outer #key_visual #message {
    box-sizing: border-box;
    margin: 86px auto 0 auto;
    width: 90%;
    max-width: 780px;
    padding: 14px 40px;
    height: auto;
    text-align: center;
}

.top #key_visual_outer #key_visual #message p {
    width: 100%; 
    line-height: 1.6em;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 170%;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 0 2px,
                 rgba(0, 0, 0, 1.0) 0 1px 2px,
                 rgba(0, 0, 0, 0.3) -1px 0 2px,
                 rgba(0, 0, 0, 0.3) 0 -1px 2px;
}

.top #key_visual_outer #key_visual #message p:first-child {
    margin: 0 0 12px 0;
}


/********* カルーセルのCSS *********/
.top #key_visual_outer #key_visual img {
    max-width: 100%;
}

/* ulをかこってるdiv */
.top #key_visual_outer #key_visual #carousel {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    bottom: 38px;
    margin: 0 auto;
    width: 70%;
    padding: 14px 18px;
    min-width: 550px;
    max-width: 780px;
    border-radius: 18px;
    box-shadow: rgba(26, 13, 13, 0.3) 1px 1px 3px 1px;
    background: rgba(255, 255, 255, 0.5);
    transform: translateX(-50%);
}

/* サムネイルを囲むul */
.top #key_visual_outer #key_visual #carousel .indicator {
    box-sizing: border-box;
    padding: 0 60px;
    width: 100%;
    text-align: center;
}

.top #key_visual_outer #key_visual #carousel .indicator li {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-right: 2%;
    border: rgb(190, 175, 175) 1px solid;
    width: auto; /* jsで設定 */
    box-shadow: rgba(26, 13, 13, 0.3) 0 1px 2px 1px;
    background: rgba(51, 51, 51, 0.8);
    background-size: cover;
    transition-duration: 0.2s;
    overflow: hidden;
}

.top #key_visual_outer #key_visual #carousel .indicator li:last-child {
    margin-right: 0;
}

.top #key_visual_outer #key_visual #carousel .indicator li::before {
    content: "";
    display: block;
    padding-top: 60%; /* 高さを幅の60%に固定 */
}

.top #key_visual_outer #key_visual #carousel .indicator li a {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    transition-duration: 0.2s;
}

.top #key_visual_outer #key_visual #carousel .indicator li.current a {
    background: rgba(255, 255, 255, 0.5);
}

.top #key_visual_outer #key_visual #carousel .prev,
.top #key_visual_outer #key_visual #carousel .next {
    background: rgb(93, 0, 0);
    border-radius: 50%;
    box-shadow: rgba(26, 13, 13, 0.19) 0 1px 2px 1px;
    transition-duration: 0.2s;
}

.top #key_visual_outer #key_visual #carousel .prev {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    z-index: 200;
}

.top #key_visual_outer #key_visual #carousel .next {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    z-index: 200;
}

.top #key_visual_outer #key_visual #carousel .prev a,
.top #key_visual_outer #key_visual #carousel .next a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 19px;
}


/*-------------------------------------------------
    TOPページ / コンテンツ
-------------------------------------------------*/
/* 赤いボタンのベース設定 */
.top #contents .btn_winered {
    font-size: 117%;
    overflow: hidden;
}

/* 見出し */
.top #contents h2 {
    margin: 0 0 20px 29px;
    height: 40px;
    background: url(../images/ico_heading.png) no-repeat left center;
    background-size: contain;
    line-height: 48px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: rgb(56, 42, 43);
    text-align: left;
    text-indent: 48px;
    font-size: 200%;
}

/* トピックス */
.top #contents .topics {
    margin: 30px 0 20px 0;
    border-bottom: 1px solid rgb(200, 200, 200);
    padding-bottom: 1rem;
}

.top #contents .topics h2 {
    float: left;
    width: 60%;
}

.top #contents .topics .btn_winered a {
    float: right;
    margin: 0px 50px 13px 0;
    width: 220px;
}

.top #contents .topics dl {
    box-sizing: border-box;
    margin: 8px 3px;
    padding: 14px 20px 8px 20px;
    border-radius: 5px;
    box-shadow: rgba(26, 13, 13, 0.19) 0 1px 2px 1px;
    background: rgba(255, 255, 255, 0.5);
    transition-duration: 0.2s;
}

.top #contents .topics dl dt {
    margin: 0 0 0.5em 0;
    font-size: 125%;
    font-weight: bold;
    height: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2em;
}

.top #contents .topics dd .topics-thumbnail {
    margin: 0 auto;
}

.top #contents .topics dl .update {
    margin: 0.5em 0;
    font-size: 117%;
}

.top #contents .topics dl .introduction {
    height: 3.32em;
    padding-bottom: 0.4em;
    line-height: 1.1em;
    font-size: 112%;
    overflow: hidden;
    padding-top:0.1em;
}


/***** トピックスのカルーセルスライダー用CSS *****/
/* ※jQueryライブラリ「slick」を使用しています */
/********** ↓slickの基本部分↓ ***********/
.slick-slider {
    clear: both;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 0 0 60px 0;
    padding: 5px 42px 5px 36px;
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: '';
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    display: none;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    border: transparent 1px solid;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}
/********** ↑slickの基本部分 ここまで↑ ***********/


/********** ↓slickのカスタマイズ部分↓ ***********/
/* Slider */
.slick-loading .slick-list {
    background: #fff url(../images/loading.gif) no-repeat center center;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    top: 50%;
    border: none;
    outline: none;
    width: 46px;
    height: 46px;
    padding: 0;
    line-height: 0;
    color: transparent;
    font-size: 0;
    transform: translate(0, -50%);
    transition-duration: 0.2s;
    z-index: 200;
    cursor: pointer;
}

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

.slick-prev {
    left: -5px;
    background: url(../images/btn_arrow_left.png) no-repeat center center; /* 画像ボタン */
    background-size: contain;
}

[dir='rtl'] .slick-prev {
    right: -5px;
    left: auto;
    background: url(../images/btn_arrow_left.png) no-repeat center center; /* 画像ボタン */
    background-size: contain;
}

.slick-next {
    right: -5px;
    background: url(../images/btn_arrow_right.png) no-repeat center center; /* 画像ボタン */
    background-size: contain;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -5px;
    background: url(../images/btn_arrow_right.png) no-repeat center center; /* 画像ボタン */
    background-size: contain;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    display: block;
    bottom: -25px;
    margin: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    list-style: none;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    border: 0;
    outline: none;
    width: 20px;
    height: 20px;
    padding: 5px;
    line-height: 0;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background: transparent;
}

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

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

.slick-dots li button::before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: black;
    font-size: 6px;
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button::before {
    color: black;
    opacity: 0.75;
}

.multiple-item div {
    margin: 0 3px;
}
/********** ↑slickのカスタマイズ部分 ここまで↑ ***********/


/* お知らせ・更新情報 */
.top #contents .notice_history {
    overflow: hidden;
}

.top #contents .notice_history h2 {
    margin-bottom: 33px;
}

.top #contents .notice_history .btn_winered a {
    float: right;
    margin: 0 0 40px 50px;
    width: 220px;
}

.top #contents .notice_history .notice {
    box-sizing: border-box;
    padding: 0 0 10px 0;
    border-radius: 5px;
}

.top #contents .notice_history .notice .btn_winered a {
    margin-top: 10px;
}

/* 本日の法要・行事、本日の法座 */
.top #contents .notice_history .wrapper .houji {
    padding: 0 50px 0 0;
    border-bottom: rgb(200, 200, 200) solid 1px;
}

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

.top #contents .notice_history .wrapper .houji h2,
.top #contents .notice_history .wrapper .houza h2 {
    margin-bottom: 28px;
}

.top #contents .notice_history .wrapper .houza .btn_winered a {
    margin-bottom: 0;
}

.top #contents .notice_history .wrapper .inside p {
    margin: 0 0 22px 0;
    line-height: 1.5em;
    font-size: 117%;
}

.top #contents .notice_history .wrapper .inside p.link {
    margin: 18px 0 0 0;
}
/* 法要・法座・行事ページのナビリンク */
.hoyo-gyoji-nav-pc,
.hoyo-gyoji-nav-pc2,
.hoyo-gyoji-nav-sp{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-bottom: 1px;
}
.hoyo-gyoji-nav-pc a,
.hoyo-gyoji-nav-pc2 a,
.hoyo-gyoji-nav-pc a,
.hoyo-gyoji-nav-pc2 a,
.hoyo-gyoji-nav-sp a{
    display: block;
    background: rgba(255,255,255,0.5);
    box-shadow: rgba(26,13,13, 0.19) 0 1px 2px 1px;
    border-radius: 30px;
    padding: 4px 10px 4px 10px;
    margin: 0 10px 10px 0;
}
.hoyo-gyoji-nav-pc a i,
.hoyo-gyoji-nav-pc2 a i,
.hoyo-gyoji-nav-pc a i,
.hoyo-gyoji-nav-pc2 a i,
.hoyo-gyoji-nav-sp a i{
    color: rgb(31,147,228);
}
.hoyo-gyoji-nav-pc a.current,
.hoyo-gyoji-nav-pc2 a.current{
    font-weight: bold;
}
/********************************************************************************************
    TOP以外の全ページ共通
********************************************************************************************/
/*-------------------------------------------------
    キービジュアル＆カテゴリ名
-------------------------------------------------*/
.generic #page-topimage {
    box-sizing: border-box;
    width: 100%;
    height: 290px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.generic #page-topimage span {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    padding: 155px 0 0 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: #fff;
    font-size: 184%;
}


/*-------------------------------------------------
    サイドバー
-------------------------------------------------*/
#sidebar {
    position : absolute;
    top : -46px;
    right : 0;
    width: 220px;
    font-size: 108%;
    z-index: 200;
}

#sidebar a {
    display: block;
    box-sizing: border-box;
    line-height: 1.2em;
    color: rgb(89, 82, 78);
}

#sidebar ul {
    color: #000;
}

#sidebar .sidebar-lv0 > a {
    padding: 35px 25px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: #fff;
    font-size: 134%;
    text-decoration: none;
    background: rgba(195, 13, 35, 1.0);
}

#sidebar .sidebar-lv0 > ul {
    box-sizing: border-box;
    border-left: rgb(200, 200, 200) solid 1px;
    padding-bottom: 9999px;
}

#sidebar .sidebar-lv1 {
    border-bottom: rgb(200, 200, 200) solid 1px;
}

#sidebar .sidebar-lv1:last-child {
    border-bottom: none;
}

#sidebar .sidebar-lv1 > a {
    padding: 25px 25px 25px 40px;
}

#sidebar .sidebar-lv1 > a::before {
    content: "\f138";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    color: rgb(204, 28, 51);
    font-weight: bold;
    text-indent: -1.5em;
}

#sidebar .sidebar-lv1 > ul {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 18px 2.5em;
}

#sidebar .sidebar-year-btn,
#sidebar .sidebar-lv2 a {
    padding: 8px 15px 8px 22px;
}

#sidebar .sidebar-year-btn::before,
#sidebar .sidebar-lv2 > a::before {
    content: "\f105";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    text-indent: -1em;
}

#sidebar .sidebar-lv2 ul {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0 0 1.5em;
}

#sidebar .sidebar-lv3 a {
    padding: 8px 15px 8px 16px;
}

#sidebar .sidebar-lv3 a::before {
    content: "•";
    display: inline-block;
    text-indent: -1em;
}


/*-------------------------------------------------
    パンくずリスト
-------------------------------------------------*/
.breadcrumb {
    margin: 0 0 30px 0;
    line-height: 1.2em;
}


/*-------------------------------------------------
    フォントサイズ初期化
-------------------------------------------------*/
.generic #contents {
    font-size: 117%; /* #contents内の基準フォントサイズを14pxに指定（ベース12pxの117％ = 14px） */
}

.generic #contents .page-text p,
.generic #contents .subpages .subpage-text,
.generic #contents .subpages .subpage-text p {
    box-sizing: border-box;
    margin: 0 0 16px 0;
    line-height: 1.5em;
    font-size: 100%; /* 14pxの100％とすることで文字サイズ変更ボタンに対応 */
}


/*-------------------------------------------------
    コンテンツ
-------------------------------------------------*/
/* ページタイトル */
.generic #contents #page-title {
    margin: 0 0 20px -54px;
    padding: 30px 20px 0 40px;
    background: url(../images/ico_heading_page_title.png) no-repeat left center / contain;
    background-size: 11px 100%;
    line-height: 38px;
    font-size: 230%;
}

/* 赤いボタン */
.generic #contents .btn_winered {
    clear: both;
}

.generic #contents .btn_winered a {
    /* width: 120px; */
    margin: 20px 0 -20px 0;
    float: right;
}

/* 非エディタ出力部分 */
.generic #contents .subpages {
    box-sizing: border-box;
}

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

/* サムネあり（第1階層） */
.generic #contents .subpages .subpage-block-with-thumbnail {
    clear: both;
    display: block;
    margin-bottom: 60px;
    border-top: rgb(200, 200, 200) 1px solid;
    padding: 60px 0 0 0;
}

.generic #contents .subpages .subpage-block-with-thumbnail:first-child {
    border-top: none;
    padding-top: 0;
}

.generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail a,
.generic #contents .subpages .subpage-block-with-thumbnail .subpage-thumbnail img {
    display: block;
}

/* サムネなし（第2階層） */
.generic #contents .subpages .subpage-block {
    border-top: rgb(200, 200, 200) 1px solid;
    margin-bottom: 60px;
    padding-top: 60px;
}

.generic #contents .subpages .subpage-block:first-child {
    border-top: none;
    padding-top: 0;
}

.generic #contents .subpages .subpage-block dt {
    display: block;
    margin-bottom: 20px;
    border-left: 5px solid rgba(195, 13, 35, 1.0);
    padding-left: 15px;
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: rgb(24, 24, 24);
}


/********************************************************************************************
    お知らせページ（第1階層）
********************************************************************************************/
.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news {
    float: left;
}

.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a {
    display: block;
}

.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dl {
    box-sizing: border-box;
    position: relative;
    margin: 0 0 18px 35px;
    padding: 14px 20px 14px 25px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    box-shadow: rgba(26, 13, 13, 0.19) 0 1px 2px 1px;
    transition-duration: 0.2s;
}

.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dt {
    float: left;
    color: #878787;
    font-size: 84%;
    font-weight: bold;
    transform: translateY(-50%);
}

.oshirase #contents .subpages .subpage-block-with-thumbnail .subpage-news a dd {
    line-height: 1.3em;
}

/********************************************************************************************
    参加する（第1階層） / TOPページ　法座・法要部分共通に設定
********************************************************************************************/
.top .notice_history .hoyo-gyoji .inside .event-title,
.top .notice_history .hoza .inside .event-title,
.generic #contents .subpages .subpage-block-with-thumbnail .subpage-text .inside dt,
.generic #contents .subpages .subpage-block-with-thumbnail .subpage-text .inside dd {
    line-height:  1.2em;
    padding-top:  .6em;
    font-size: 125%;
    font-weight: bold;
    /* padding: 10px 0 5px 0; */
}
.top .notice_history .hoza .inside dd,
.generic #contents .subpages .subpage-block-with-thumbnail .subpage-text .inside {
    padding-top: .4em;
}
.top .notice_history .hoza .inside dd,
.generic #contents .subpages .subpage-block-with-thumbnail .subpage-text .inside dd {
    font-weight: normal;
    font-size: 100%;
}

/********************************************************************************************
    トピックスページ（第2階層）
********************************************************************************************/
.page-template-page-topics #contents .subpage-topics .multiple-item {
    margin-bottom: 34px;
}



/********************************************************************************************
    風物詩ページ（第2階層）
********************************************************************************************/
#contents .page-text .fubutusi-wrap {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
}

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

#contents .page-text .fubutusi-wrap .fubutusi-box::before {
    content: "";
    display: block;
    padding-top: 100%;
}

#contents .page-text .fubutusi-wrap .fubutusi-box img {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 以下プロパティをIE対応用 */
    object-position: top;
    font-family: 'object-fit: cover; object-position: top;';
    opacity: 0; 
}

#contents .page-text .fubutusi-wrap .fubutusi-box .movie::after {
    content: url(../images/play.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    opacity: 1;
}

/********************************************************************************************
    観る法話ページ（第2階層）
********************************************************************************************/
#contents .page-text .miru-howa a {
    display: inline-block;
    padding-left: 3%;
	width:100%;
}

#contents .page-text .miru-howa li {
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding: 8px 4px 8px 10px;
}

#contents .page-text .miru-howa li:nth-child(odd) {
    background: rgba(200, 200, 200, 0.2) url(../images/ico_heading_editor_output_h1_and_h6.png) no-repeat  20px 10.5px / 12px 12px;
}

#contents .page-text .miru-howa li:nth-child(even) {
    background: rgba(200, 200, 200, 0.2) url(../images/ico_heading_editor_output_h1_and_h6_yellow.png) no-repeat  20px 10.5px / 12px 12px;
}

#contents .page-text .miru-howa > li .icon_new {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%; 
    left: -15px;
    border: rgb(219, 216, 216) 1px solid;
    width: 34px;
    height: 34px;
    background: rgb(0, 169, 255);
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
    color: rgb(240, 255, 232);
    font-size: 10px;
    transform: translateY(-50%);
}

#contents .page-text .miru-howa li dl dt {
    padding: 0 0 0.2em 0.5em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color:rgb(80, 73, 69);
    font-size: 150%;
}

#contents .page-text .miru-howa li dl dd {
    padding-top: 0.5em;
    padding-right: 1em;
    padding-left: 5em;
    line-height: 1.3em;
    text-indent: -1em;
    opacity: 0.85;
}


/********************************************************************************************
    読む法話ページ（第2階層）
********************************************************************************************/
#contents .page-text .yomu-howa a {
    display: inline-block;
    padding-left: 3%;
}

#contents .page-text .yomu-howa li {
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding: 8px 4px 8px 10px;
}

#contents .page-text .yomu-howa li:nth-child(odd) {
    background: rgba(200, 200, 200, 0.2) url(../images/ico_heading_editor_output_h1_and_h6.png) no-repeat  20px 10.5px / 12px 12px;
}

#contents .page-text .yomu-howa li:nth-child(even) {
    background: rgba(200, 200, 200, 0.2) url(../images/ico_heading_editor_output_h1_and_h6_yellow.png) no-repeat  20px 10.5px / 12px 12px;
}

#contents .page-text .yomu-howa > li .icon_new {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%; 
    left: -15px;
    border: rgb(219, 216, 216) 1px solid;
    width: 34px;
    height: 34px;
    background: rgb(0, 169, 255);
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
    color: rgb(240, 255, 232);
    font-size: 10px;
    transform: translateY(-50%);
}

#contents .page-text .yomu-howa li dl dt {
    padding: 0 0 0.2em 0.5em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color:rgb(80, 73, 69);
    font-size: 150%;
}

#contents .page-text .yomu-howa li dl dd {
    padding-top: 0.5em;
    padding-right: 1em;
    padding-left: 5em;
    line-height: 1.3em;
    text-indent: -1em;
    opacity: 0.85;
}



/********************************************************************************************
    聴く法話ページ（第2階層）
********************************************************************************************/
#contents .page-text .howa-container {
    margin-top: 20px;
    width: 100%;
}

#contents .page-text .howa-container .kikuhowa-contents {
    display: table;
    margin-bottom: 5px;
    width: 100%;
}

#contents .page-text .howa-container .kikuhowa-contents > div {
    display: table-cell;
    width: 50%;
    padding: 10px 18px 12px;
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-title {
    background-color: rgba(200, 200, 200, 0.6);
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-title dt,
#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-title dd {
    line-height: 1.2em;
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-title dd {
    padding-top: 6px;
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-audio {
    background-color: rgba(200, 200, 200, 0.2);
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-audio a::before {
    content: ">";
    display: inline-block;
    padding: 0 4px 0 0;
}

#contents .page-text .howa-container .kikuhowa-contents .kikuhowa-audio ul li {
    display: inline;
    padding: 0 10px 10px 0;
}



/********************************************************************************************
    月刊誌「御堂さん」ページ（第2階層）
********************************************************************************************/
/*-------------------------------------------------
    次号の主な内容・バックナンバー（第3階層）
-------------------------------------------------*/
#contents .page-text .mido-san-back-number {
    margin: 30px 0;
}

#contents .page-text .mido-san-back-number .mido-san-back-number-image {
    float: left;
    display: inline-block;
    margin: 0 3% 0 0;
    width: 48%;
    height: auto;
    padding: 0 1% 3% 0;
}

#contents .page-text .mido-san-back-number .mido-san-back-number-content {
    display: inline-block;
    width: 45%;
    height: auto;
}


/*-------------------------------------------------
    お問い合わせフォーム（第3階層）
-------------------------------------------------*/
#contents .page-text .midosan_form {
    table-layout: fixed;
    margin: 0 0 25px 0 !important;
    border-collapse: collapse;
    border-spacing: 0;
    border: none !important;
    width: 100%;
    padding: 0;
}

#contents .page-text .midosan_form tbody {
    width: 100%;
}

#contents .page-text .midosan_form th {
    display: block;
    vertical-align: middle;
    padding: 12px 20px !important;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
}

#contents .page-text .midosan_form td {
    display: block;
    padding: 12px 20px !important;
    background-color: rgba(167, 167, 167, 0.15) !important;
    text-align: left;
}

#contents .page-text .form_btn {
    clear: both;
    float: none;
    display: block;
    vertical-align: middle;
    margin: 10px auto;
    width: 6em;
    padding: 1em;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    font-size: 110%;
    transition: 0.12s;
}

#contents .page-text .midosan_form input,
#contents .page-text .midosan_form textarea {
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    border: rgb(201, 201, 201) 1px solid;
    max-width: 100%;
    padding: 3px 5px;
    background-color: rgba(255, 255, 255, 0.66);
}

#contents .page-text .midosan_form input:focus,
#contents .page-text .midosan_form textarea:focus {
    border: solid 1px #69d6de;
    box-shadow: 0 0 2px 1px rgba(194, 178, 183, 0.7);
}

#contents .page-text .midosan_form input[type="text"] {
    height: 36px;
}

#contents .page-text .midosan_form textarea {
    padding-top: 8px;
    padding-bottom: 8px;
}

#contents .page-text .md_fm_ex {
    padding-bottom: 3px;
    color: rgb(103, 103, 103);
    font-size: 80%;
}

#contents .page-text .md_fm_req {
    vertical-align: middle;
    margin-left: 1em;
    color: rgba(255, 0, 0, 0.4);
    font-size: 95%;
    font-weight: bold;
}

/* 送信確認画面は画像認証の項目を非表示 */
#contents .page-text .mw_wp_form_preview .midosan_form .authentication {
    display: none;
}

/* editer-style.css 打ち消し */
.generic #contents .page-text .midosan_form p {
    margin: 0 !important;
    padding: 0 !important;
}



/********************************************************************************************
    z-index数値メモ
********************************************************************************************/
/******************************

■ responsive.css:

.prev { z-index: 200; }

.next { z-index: 200; }

#main-nav #main-menu .megamenu { z-index: 850; }

.overlay { z-index: 800; }

*******************************

■ base.css:

.loading { z-index: 99999; }

header { z-index: 1000; }

#main-nav { z-index: 900; }

#sub-nav { z-index: 750; }

#contents { z-index: 100; }

#sidebar { z-index: 200; }

.top #myCanvas { z-index: 50; } ※アニメ終了後は0

.top #key_visual_outer .key_logo { z-index: 101; }

footer { z-index: 700; }

#scrolltop { z-index: 9999; }

#scrolltop_once #img_leaf { z-index: 10000; }

#scrolltop_once #text_top { z-index: 10001; }

.slick-prev,
.slick-next { z-index: 200; }

******************************/