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

/*
Theme Name: theme_child　　/*子テーマ名*/
Theme URI: http://example.com/
Description: Child theme for the Xeory
Author: バズ部
Author URI: http://bazubu.com/
Template: xeory_extension　　/*親テーマ名*/
Version: 0.1.0　　/*ご使用のxeoryのバージョンにより異なります*/
*/

/* トップページ：ファーストビュー：明るい画像パターン */

body.home #main_visual {
    background-video:url(https://www.youtube.com/watch?v=nL2Er_As6KE) !important;
    width:100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color:#fff !important;
    }

body.home #main_visual h2 {
    color:#000;
    }

body.home #main_visual p {
    font-size:15px;
    color:#000;
    padding:30px 20px;
    border:solid 1px #000;
    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;
    } 
    
}

/* トップページ：見出しのアイコンを消す */

#popular_post_content h2 i,
#recent_post_content h2 i {
    display:none;
    }

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

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


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

body #header {
    background: #58656e;
    }

#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;
    }
    
}


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

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


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

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


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

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


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

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:#009fb7 !important;
    color:#fff !important;
    }


/* 会社情報の色変更 */

body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #58656e;
    }

/* お問い合せの色変更 */

#front-contact .c_box {
    background-color:#fff;
    }

#front-contact label {
    color:#000;
    }

body.home #front-contact input,
body.home #front-contact textarea {
    border:solid 1px #58656e;
    width:100% !important;
    }

body.home #front-contact input.wpcf7-submit {
    background-color:#009fb7 !important;
    border:none;
    }


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

#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;
    }

/* 投稿ページのコメント数表示を消す */

li.comments {
    display:none !important;
    }

/*スクロール前は非表示にする設定*/
.scrolltest{
display:none;}
 


/*スクロールした際に表示される画像の設定*/
.scrolltest.test.fixed {
    position: fixed;
    right: 0%;
    top: 0px;
    width: 50%;
    display: block;
}


/*人気のある記事と最新の投稿を消す*/
body.home #popular_post_content,
body.home #recent_post_content {
  display: none;
}


/*ふわっと表示させる*/
.fade {

  opacity : 0;

  transform: translateY(20px);

  transition: all 1s;

}

/*トップページを動画にして高さ調整*/
#main_visual {
  position: relative;
}
#main_visual video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#main_visual .wrap {
  position: relative;
  z-index: 2;
}