@charset "utf-8";
/* CSS Document */

/*
Theme Name: Mikado Child
Theme URI:
Description:WordPressテーマTCD「MIKADO」の子テーマ。
Template:mikado_tcd071
Author:Fujisakigu
Author URI:https://tcd-theme.com/
Version:1.13
*/

/* --- ページ内リンクズレ解消 --- */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/* --- パンくず背景/フォントカラー --- */
.p-breadcrumb { background-color: #FFF !important; }
.p-breadcrumb__item, .p-breadcrumb__item a { color: #000; }

/* --- ボタンを枠線表示 --- */
.p-btn__horizon { outline: 1px solid #000; border-radius: 3px; }

/* --- 縦書き --- */
.tate { writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; margin: 2em auto; }
/* --- 横書き --- */
.yoko { }

/* --- 共通フォントサイズ --- */
p,
.p-index-content02__text--vertical .p-index-contents__desc,
.p-shinzen-info,
.p-shinzen-table > tbody > tr > td,
.p-article05__excerpt,
.p-block01__desc--vertical,
.p-about-info__col-desc { font-size: 15px; }


/* ------------------------
 TOP-CSS
 -------------------------- */
/* --- TOP デフォルトサブタイトルとテキスト調整 --- */
.p-cb__item { padding: 10px 0; margin: 100px auto; }

/* --- TOP フリースペース 3x2バナー --- */
.bnr-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.bnr-flex figure { width: 32.333%; position: relative; overflow: hidden; }
:where(.bnr-flex) { gap: 0.75em; }
.bnr-flex figure img { aspect-ratio: 1/1.15; object-fit: cover; margin: 0 !important; }
.bnr-flex figure p { margin: 0; }

.layer-mask { writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; width: 100%; height: 100%; align-items: center; justify-content: start; display: flex; position: absolute; top: 0; padding-top: 6em; background: rgba(0,0,0,0.2); transition : 1s; }
.layer-mask:hover { background: rgba(255,255,255,0.1); transition : 1s; }
.layer-mask p { font-size: 120%; letter-spacing: 0.3em; color: #FFF; font-weight: bold; }
.layer-mask a { color: #FFF !important; text-shadow: 1px 1px 4px #000; }
.layer-mask a:hover { text-decoration: none;  }
.bnr_link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: auto; content: ""; background-color: transparent; z-index: 1; }

/* TOP .p-index-contents__desc テキストエリア調整 */
.home .p-index-contents__desc { height: 405px; }

/* TOPデフォルトテキストフリースペース */
.title26 { font-size: 26px !important; line-height: 2.3em !important; }



/* ------------------------
 SUB-CSS
 -------------------------- */
/* --- カラムにアウトライン --- */
.outline { outline: 1px solid #ddd; padding: 1.25em; }

/* --- エディター中央寄せ【三】機能させる --- */
.p-entry__body .aligncenter { width: fit-content; }

/* --- MetaSlider 例大祭ページフルワイド表示 --- */
#metaslider_1143 { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

/* --- 御由緒と歴史 リード文 --- */
.p-content__vertical { height: 50vh; padding: 20px; }

/* --- archiveページ --- */
/* h2 */
.p-archive-header__title { font-weight: normal; letter-spacing: 3px; line-height: 2.3; }

/* --- faqページ --- */
.p-faq__list { border: none; }
.p-faq__list dd { background: none; }

/* --- カスタム投稿「サイドバーなし」 --- */
.single .l-primary { width: 100%; }
.single .l-secondary { display: none; }

/* --- PDFファイル追加ボタン --- */
.wp-block-file__button { color: #FFF !important; }

/* ------------------------
 プラグインCSS
 -------------------------- */
/* --- ARKHE BLOCKS --- */
.ark-block-accordion__title { background: #FFF; }
.ark-block-accordion__item { border-bottom: dashed 1px #ccc; }


@media screen and (max-width: 767px) {
/* --- 横書き --- */
.yoko { writing-mode: unset; width: fit-content; }

/* --- TOP フリースペース 3x2バナー --- */
#cb_20 .l-inner { padding: 0; }
.bnr-flex { width: 100%; }
:where(.bnr-flex) { gap: 0; }
.bnr-flex figure { width: 50%; }
.bnr-flex p { font-size: 95%; letter-spacing: 0.2em; }

.layer-mask { padding-top: 2em; }

/* --- TOP .p-index-contents__desc テキストエリア調整 --- */
.home .p-index-contents__desc { height: fit-content; max-height: 590px; text-align: left; }

/* TOPデフォルトテキストフリースペース */
.title26 { font-size: 21px !important; line-height: 2.6em !important; }

/* --- SPテキスト左揃え --- */
p.sp,
p.p-block01__desc--vertical { text-align: left !important; }

/* --- 改行リセット --- */
br.sp { display: none; }


/* --- archiveページ --- */
/* h2 */
.p-archive-header__title { line-height: 2; }

/* --- FooGallery SP-2列表示 --- */
.foogallery.fg-loaded-fade-in .fg-item.fg-loaded { width: 50%; }
.p-global-nav a { font-size: 15px; line-height: 60px; }
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before { width: 30px; height: 30px; line-height: 30px; }
.p-info__logo a img { width: 200px; }

/* --- 御由緒と歴史 リード文 --- */
.p-content__vertical { height: fit-content; padding: 20px; }


/* --- SP専用フォント設定 --- */
.text16-sp { font-size: 4.25vw !important; }
.text18-sp { font-size: 5vw !important; }
.text20-sp { font-size: 6vw !important; }

}

/* --- TelリンクPCのみ-無効 --- */
@media (min-width:768px) and (hover: hover){
a[href^="tel:"]{ pointer-events: none; cursor: default; }
}