@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/
body.home #main_visual {
  height:460px !important;
}
/* ヘッダーの色を変更 */

body #header {
    background: #000000;
    }

#gnav {
    background-color: #000000;
    }

#gnav ul li a {
    background-color: #000000;
    }

#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color: #000000;
    }

#gnav ul li.current-menu-item a {
    background: #000000;
    }

#header-fnav-area #header-fnav-btn a {
    background-color: #000000;
    }

#header-nav-btn a {
    background-color:#000000;
    }

@media (max-width: 767px) {

#header-nav-btn a {
    background-color: #000000;
    }
    
/* スマホ表示時にロゴ中央寄せ */

#header #logo {
    text-align:center;
    }
}
/* ハンバーガーメニューを開いた際の背景色変更 */
@media (max-width: 991px) {
    
#gnav-sp {
    background-color:#000000;
    }       
    
/* ハンバーガーメニュー右上 */
#header {
  background: #000000; 
/* ヘッダーの背景を白にする */
}

#header a {
  color: #333; 
/* ヘッダーのリンク（ロゴとスマホメニュー）の色を黒にする */
}
}
@media screen and (max-width: 991px) {
  #header-nav-btn a {
    background: #000000;
  }

}
@media screen and (max-width: 767px) {
  #header #logo {
    float: left;
  }
  #header-nav-btn {
    display: block;
    width: 116px;
    line-height: 92px;
    float: right;
    margin: 0 -20px 0 0;

  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding:24px 0;
    line-height: 1;
    background: #000000;
    width: auto;
  }
  #header-nav-btn .sp-menu-title {
 line-height: 0.5;
 font-size: 12px;
}

/* 人気のある記事 最近の投稿 非表示 */
body.home #popular_post_content,
body.home #recent_post_content {
  display: none;
}
}
/* ハンバーガーメニューの色 */
#header-nav-btn a {
color: #00FF00!important;
}
/* フッター背景色 */
    .footer-01 {
    background: #000000;
}   
    .footer-02 {
    background: #000000;
}
/* 上部ボーダーの色と太さ */
#footer {
    border-top: 8px solid #000000;
}
/* ----------------------------------
ファーストビュー: キャチコピーの調整
---------------------------------- */
body.home #main_visual h2 {
	font-family: "新正楷書CBSK1";
    font-weight: bold; /* 太字に */
    font-size: 70px; /* デフォルトは48px */
    color: #FFFFFF; /* 背景画像の色に合わせて変更 */ 
}
/* ----------------------------------
ファーストビュー: 背景画像にオーバーレイをかける
---------------------------------- */
body.home #main_visual::before{
    position: absolute;
    background-color: rgba(0,0,0,.6); /* オーバーレイの色 */
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
body.home #main_visual,
body.home #main_visual h2,
body.home #main_visual p {
    position: relative;
}
/* 固定・投稿ページの背景色を変更 */

#content {
    background-color:#000000 !important;
    }
/* 固定・投稿ページのリンク色を変更 */

.single #main article a,
.page #main article a {
    color:#000000 !important;
    }

.breadcrumb-area a {
    color:#000000 !important;
    }