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


    ■ 調整カラーセット_06（海イメージ）


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



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

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

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

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

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

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

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

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

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

/* フッター（濃く暗い） */
footer {
    background: rgb(0, 120, 165) !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(36, 98, 124) !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* テーブルth（淡い色。アルファあり） */
.generic #contents .page-text th,
.wp-editor th {
    background-color:rgba(90, 156, 167, 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(121, 187, 213, 0.4) !important;
}

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

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

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

/* 第一階層リンク下のボーダー */
.page-sitemap #contents .page-text .sitemap > ul > li > a {
    border-bottom:rgb(144, 230, 224) 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(0, 128, 218) !important;
}

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

/* サンガ：PDF一覧ページ：年数のページ内リンクテキスト */
#contents .page-text .samgha-pdf-year-link a {
    color: rgb(0, 128, 218) !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(211, 250, 232) !important;
    }
}



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

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

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

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

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

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

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

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

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

/* h1 */
.generic #contents .page-text h1,
.wp-editor h1 {
    background: url(../images/preset06_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/preset06_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(0, 120 , 210) 1px dashed !important;
    border-left: rgb(0, 120, 210) 8px solid !important;
}

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

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

/* h6 */
.generic #contents .page-text h6,
.wp-editor h6 {
    background: url(../images/preset06_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;
}