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


    ■ 調整カラーセット_03（冬イメージ）


-----------------------------------------------------------------------------------
****************************************************************************************/



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

    ・カラーピッカーでの色指定も可能な部分

***********************************************************************/
/*------------------------------------------------------------------
--------------------------------------------------------------
    ・デフォルトでは緑ベースのパーツ部分
------------------------------------------------------------*/

/* ヘッダーメインナビ（フッターよりは明るい、暗い色。アルファあり） */
header #main-nav {
    background: rgba(25, 25, 115, 0.85) !important;
}

/*------------------------------------------------*/

/* ヘッダーメインナビ内：文字サイズ変更ボタンを囲むボーダー（目立ちすぎない色） */
@media screen and (min-width: 1101px) { /* PCサイズ表示時のみ */
    header #main-nav .fontsize_change.pc {
        border: rgb(90, 140, 150) 1px solid !important;
    }
}

/*------------------------------------------------*/

/* ヘッダーサブナビ（ヘッダーメインナビより透明度が高い。アルファあり） */
header #sub-nav {
    background: rgba(25, 25, 90, 0.78) !important;
}

/*------------------------------------------------*/

/* フッター（濃く暗い） */
footer {
    background: rgb(25, 25, 90) !important;
}

/*------------------------------------------------*/

/* フッターリンクactive時（フッター背景よりさらに暗くなる） */
@media screen and (max-width: 600px) { /* スマホサイズ表示時のみ */
    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(0, 10, 70) !important;
    }
}

/*------------------------------------------------*/

/* 汎用グラデーションボタン（始点・終点で2色指定） */
#contents .btn_winered a {
    background: linear-gradient(135deg, rgb(52, 52, 110) 0%, rgb(34, 70, 210) 100%) !important;
}

/*------------------------------------------------*/

/* サイドバーの一番上（濃く明るめ） */
#sidebar .sidebar-lv0 > a {
    background: rgb(34, 70, 190) !important;
}

/* サイドバーの矢印アイコン */
#sidebar .sidebar-lv1 > a::before {
    color: rgb(34, 70, 210) !important;
}
/* ※ ↑この部分のcolor（文字色）と background（背景色）は、同じ色を一括で設定してください。 */

/*------------------------------------------------*/

/* サイドバー1番上のテキストリンクhover時の色（視認性の高い明るい色） */
@media screen and (min-width: 1101px) { /* PCサイズ表示時のみ */
    #sidebar .sidebar-lv0 > a:hover {
        color: rgb(190, 245, 255) !important;
    }
}

/*------------------------------------------------*/

/* 寺院検索ページ：詳細ボタン（サイドバー1番上より明るめ） */
.page-template-page-jiinsearch #contents .page-text .box-result .r-box3 > .jiin-content-btn {
    background: rgb(34, 70, 255) !important;
}

/*------------------------------------------------*/

/* 寺院検索ページ：詳細ボタンhover時（元より少し暗くなる） */
.page-template-page-jiinsearch #contents .page-text .box-result .r-box3 > .jiin-content-btn:hover {
    background: rgb(34, 70, 180) !important;
}

/*------------------------------------------------*/

/* テーブルth（淡い色。アルファあり） */
.generic #contents .page-text th,
.wp-editor th {
    background-color: rgba(120, 190, 225, 0.2) !important;
}

/* 寺院検索結果のthにまで色がつかないようにする */
.page-template-page-jiinsearch #contents .page-text .box-result .r-box2 > .jiin-info th {
    background: none !important;
}

/*------------------------------------------------*/

/* テーブル：メールフォーム見出しth（↑よりは少し濃い色。アルファあり） */
#contents .page-text .mail-form th.md_fm_hd {
    background-color: rgba(150, 200, 225, 0.4) !important;
}

/*------------------------------------------------*/

/* お問い合わせフォーム：ボタンhover時の色（一番淡い色。アルファあり） */
@media screen and (min-width: 1101px) { /* PCサイズ表示時のみ */
    #contents .page-text .form_btn input:hover {
        background: rgba(180, 255, 255, 0.16) !important;
    }
}

/*------------------------------------------------------------------
--------------------------------------------------------------
    ・デフォルトでは紫ベースのパーツ
------------------------------------------------------------*/

/************** ↓ 共通 ↓ **************/

/* ヘッダーナビ（メイン＆サブ）の三角アイコン */
.f-yellow,
/* フッターの三角アイコンと・（点）アイコン */
footer .footer-inner .sitemap ul > li > ul > li > a::before,
/* 第一階層リンクのアイコン */
.page-sitemap #contents .page-text .sitemap > ul > li > a i.fa-chevron-circle-right::before,
/* 第二階層リンクの矢印アイコン */
.page-sitemap #contents .page-text .sitemap > ul > li > ul > li > a::before,
/* 第三階層リンクの・（点）アイコン */
.page-sitemap #contents .page-text .sitemap > ul > li > ul > li > ul > li a::before,
/* TOPページ・スマホレイアウト時のアシストナビ */
.top #as_nav_wrapper #assist_nav .as_nav_first > div i.fa-caret-right::before {
    color: rgb(138, 220, 255) !important;
}

/******** ↓ サイトマップページ ↓ ********/

/* 第一階層リンク下のボーダー */
.page-sitemap #contents .page-text .sitemap > ul > li > a {
    border-bottom: rgb(160, 220, 255) 1px solid !important;
}
/* ※ ↑この部分のcolor（文字色）と border-bottom（下線）は、同じ色を一括で設定してください。 */

/*------------------------------------------------*/

/******** ↓ TOPページ、組活動ページ ↓ ********/

/* カルーセルの左右ボタン */
.top #key_visual_outer #key_visual #carousel .prev,
.top #key_visual_outer #key_visual #carousel .next,
/* 組名 */
.page-template-page-so-katsudo #contents .page-text .so-katsudo-wrap .so-katsudo-description span:first-child {
    background: rgb(34, 70, 210) !important;
}

/*------------------------------------------------*/

/* サンガ：PDF一覧ページ：年数のページ内リンクテキスト */
#contents .page-text .samgha-pdf-year-link a {
    color: rgb(60, 100, 220) !important;
}

/*------------------------------------------------*/

/***** ↓ テキストリンクhover時の色 ↓ *****/

@media screen and (min-width: 1101px) { /* PCサイズ表示時のみ */
    /* メインナビ */
    header #main-nav #main-menu li.first.hover > a,
    /* サブナビ */
    header #sub-nav li a:hover,
    /* フッター */
    footer a:hover {
        color: rgb(190, 245, 255) !important;
    }
}



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

    ・プリセットでの変更のみの部分

***********************************************************************/
/*------------------------------------------------------------------
--------------------------------------------------------------
    ・見出しセット （ ※h4とh5は、無彩色（グレー）なので変更なし ）
------------------------------------------------------------*/

/********** ↓ TOPページのみ ↓ **********/ 

/* 正方形2つを重ねたアイコン */
.top #contents h2 {
    background: url(../images/preset03_ico_heading.png) no-repeat left center !important;
    background-size: contain !important;
}

/*------------------------------------------------*/

/****** ↓ 下層ページ：コンテンツ内 ↓ ******/

/* ページタイトル */
.generic #contents #page-title {
    background: url(../images/preset03_ico_heading_page_title.png) no-repeat left center / 11px 100% !important;
}

/*------------------------------------------------*/

/* h1 */
.generic #contents .page-text h1,
.wp-editor h1 {
    background: url(../images/preset03_ico_heading_editor_output_h1_and_h6.png) no-repeat left top / 28px 28px !important;
}

/*------------------------------------------------*/

/* h2 */
.generic #contents .page-text h2,
.wp-editor h2 {
    background: url(../images/preset03_ico_heading_editor_output_h2.png) no-repeat left top / 28px 28px !important;
}

/* ※ サンガ / 最新号・バックナンバーページの、検索結果のみアイコンなし */
.page-template-page-samgha-saishin-back-number #contents 
.page-text .samgha-search-result .samgha-search-result-description h2 {
    background: none !important;
}

/*------------------------------------------------*/

/* h3 */
.generic #contents .page-text h3,
.wp-editor h3 {
    border-bottom: rgb(86, 76, 152) 1px dashed !important;
    border-left: rgb(86, 76, 152) 8px solid !important;
}

/* サブページdt */
.generic #contents .subpages .subpage-block dt {
    border-left: 5px solid rgb(151, 120, 46) !important;
}
/* ※ ↑ h3 と サブページdt は、同じ色を一括で設定してください。 */

/*------------------------------------------------*/

/* h6 */
.generic #contents .page-text h6,
.wp-editor h6 {
    background: url(../images/preset03_ico_heading_editor_output_h1_and_h6.png) no-repeat left 14px / 12px 12px !important;
}
/* ※h4とh5は、無彩色（グレー）なので変更なし */


/*------------------------------------------------------------------
--------------------------------------------------------------
    ・背景画像（壁紙）
------------------------------------------------------------*/
body {
    background: url(../images/preset03_bg_contents.png) repeat fixed center top !important;
}