@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
*/


/*********************************
 * ページ共通のCSS設定
 *********************************/

/* ヘッダーの色を変更 */

body #header {
    background: #58656e;
	height:100px;
    }

#gnav {
    background-color: #58656e;
    }

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

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

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

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

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

@media (max-width: 767px) {

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

/* 
 * ページに貼られているリンクの色の設定
 */

/* ノーマル状態 */
a{
  color: #1a0dab;
  text-decoration: underline;
}
/* ホバー状態 */
a:hover{
  color: #1a3dff;
}
/* クリックされた状態 */
a:active{
  color: #ee0000;
}
/* 訪問済みの状態 */
a:visited {
  color: #609;
}

/* ハンバーガーメニューを開いた際の背景色変更 */

@media (max-width: 991px) {
    
#gnav-sp {
    background-color:#3e494f;
    }       
    
}

/* フッターの背景色変更 */

#footer {
    border-top:solid 8px #58656e !important;
    }

#footer #footer-brand-area {
    border-bottom: 1px solid #58656e;
    }

#footer .footer-01 {
    background-color:#58656e;
    }

#footer .footer-02 {
    background-color:#58656e;
    }

#front-contents-1{
    background-color:#58656e;
}


/* フッターのブログコンテンツを削除(２重に記載があるため)*/
#footer-cont-content{
    display:none;
}

/* 固定・投稿ページの背景色を変更 */

#content {
    background-color:#fafafa !important;
}

/* 投稿ページのカテゴリー色を変更 */

.post-header .cat-name span {
    border: 1px solid #009fb7;
    color: #009fb7;
}


/* スマホ表示時にロゴ中央寄せ */

#header #logo {
    text-align:center;
}


/*********************************
 * トップページのCSS設定
 *********************************/


/*
 * トップページの背景設定
 */
body.home #main_visual {
    background-image:url(https://magic-spotlight.net/wp-content/uploads/2023/12/home_img6-scaled.jpg) !important;
    width:100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color:#000 !important; /*背景画像の裏の背景色設定*/
    min-height: 850px; !important; /*画像が途切れないように最低サイズの設定*/
    }


/*
 * トップページのトップ文字設定
 */
body.home #main_visual p {
    font-size:15px;
    padding:30px 20px;
    border:solid 1px #fff;
    border-radius:10px;
    }

@media (min-width: 768px) {
    
	body.home #main_visual p {
    	font-size:20px;
    } 
    
}

/*
 * トップページ：トップ文字設定
 * スマートフォンからアクセスの場合は改行を無効
 */
body.home #main_visual p br {
    display:none;
}

@media (min-width: 768px) {
    
	body.home #main_visual p br {
    	display:inline;
    } 
    
}

/* トップページ：記事カテゴリー色変更 */

body.home .front-loop .popular_post_box .p_category {
    background-color: #fff;
    border:solid 1px #005fb7;
    color:#005fb7;
}

/* トップページ：クローズアップ記事・サービス記事の色変更 */

body.home .front-main-cont .front-cont-header {
    background-color: #58656e;
}

body.home #front-contents .c_number {
    background-color: #58656e;
}

body.home #front-contents h3 {
    color: #58656e;
}

body.home #front-service .front-service-inner h3 {
    color: #58656e;
}

.c_btn .btn {
    background-color:#005fb7!important;
    color:#fff !important;
}


/* トップページ：見出しの突起を消す */

body.home .tri-border {
    display:none;
}

/* 
 * トップページ：未使用のエリアを消す (最近の投稿)
 */
body.home #recent_post_content{
    display:none;
}

/* 
 * トップページ：未使用のエリアを消す (人気のある記事)
 */
body.home #popular_post_content{
    display:none;
}

/* 
 * トップページ：未使用のエリアを消す (お問い合わせ)
 */
body.home #front-service {
    display:none;
}

/* 
 * トップページ：未使用のエリアを消す （会社説明）
 */
body.home #front-company {
    display:none;
}

/* 
 * トップページ：不要なボタンを削除(COPYボタン)
 */
#front-contents-1 > div > div > div > ul > li.sb_copy.sb_icon > button {
    display:none;
}

/* 固定・投稿ページのリンク色を変更 (パンくずリストの色はここ)*/

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

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

.side-widget a {
    color:#005fb7 !important;
    }