@charset "utf-8";
/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/

/*ヘッダー、フッターロゴの画像最大サイズ固定*/
#logo img, .footer-logo.gr6 img{
	max-height: 60px!important;
	max-width: 300px!important;
}
/*ファーストビューの文字を太く*/
#main_visual{
	font-weight:bold;
}
/*ファーストビュー文章のカスタマイズ*/
body.home #main_visual p {
    font-size:15px;
    padding:30px 20px;
    border:solid 1px #fff;
    border-radius:10px;
	font-weight: 900;
    color: #333;
    text-align: center;
    background: #fff;
    border: 4px solid #f7c800;
	box-shadow: 4.95px 4.95px 0 0 rgba(174, 174, 174, .3);
}
body.home #main_visual p br {
    display:none;
}
@media (min-width: 768px) {    
body.home #main_visual p {
    font-size:20px;}        
body.home #main_visual p br {
    display:inline;}     
}

/* トップページ：見出しのアイコンを消す */
#popular_post_content h2 i,
#recent_post_content h2 i {
    display:none;
}
/* フッター：feedlyを消す */
#footer-sns ul li.header-feedly{
    display:none;
}

/* トップページ：見出しの突起を消す */
body.home .tri-border {
    display:none;
}

/* ヘッダーの色(メインカラー指定、マウスホバー時の色はやや濃く*/
body #header {
	background-color: var(--main-color)!important;
}
#gnav {
    background-color: var(--main-color)!important;
}
#gnav ul li a {
    background-color: var(--main-color)!important;
}
#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color: var(--maindeep-color)!important;
}
#gnav ul li.current-menu-item a {
    background:  var(--main-color)!important;
}
#header-fnav-area #header-fnav-btn a {
    background-color: var(--maindeep-color)!important;
}
#header-nav-btn a {
    background-color:var(--maindeep-color)!important;
}
@media (max-width: 767px) {
#header-nav-btn a {
    background-color: var(--maindeep-color)!important;} 
}

/* スマホ表示時にロゴ中央寄せ */
#header #logo {
    text-align:center;
}

/* トップページ：記事カテゴリーを白抜きアクションカラー*/
body.home .front-loop .popular_post_box .p_category {
    background-color: #fff!important;
    border:solid 1px var(--action-color)!important;
    color:var(--action-color)!important;
    }

/* トップページ：クローズアップ記事メインカラー・サービス記事をアクションカラー*/
body.home .front-main-cont .front-cont-header {
    background-color:  var(--main-color)!important;
}
body.home #front-contents .c_number {
    background-color:  var(--main-color)!important;
}
body.home #front-contents h3 {
    color:  var(--main-color)!important;
}
body.home #front-service .front-service-inner h3 {
    color:  var(--main-color)!important;
}
.c_btn .btn {
    background-color:var(--action-color)!important;
    color:#fff !important;
}

/* トップページ：クローズアップ記事の修正（画面幅991px以下での空白を消す） */
@media (max-width: 991px) {    
body.home #front-contents .front-cont-header {
    margin-bottom: 0px !important;}
}

/* トップページ：サービス記事の修正（画面幅991px以下） */
@media (max-width: 991px) {
body.home #front-service .front-cont-header {
    margin-bottom:30px !important;} 
body.home #front-service .front-service-inner .c_box {
    padding-top:10px;}    
body.home #front-service .front-service-inner .c_box:first-child {
    border-bottom:solid 1px #ababab;} 
body.home #front-service .front-service-inner .c_box h3 {
    margin-top: 5px;
    font-size:25px;}     
body.home #front-service .front-service-inner .c_box .c_text br {
    display:none;}     
}

/* 会社情報の色変更(メインカラー) */
body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid  var(--main-color)!important;
}

/* お問い合せの色変更(枠はメインカラー、ボタンはアクションカラー) */
#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  var(--main-color)!important;
    width:100% !important;
}
body.home #front-contact input.wpcf7-submit {
    background-color:var(--action-color) !important;
    border:none;
}

/* フッターの背景色変更(メインカラーに統一) */
#footer {
    border-top:solid 8px  var(--main-color) !important;
}
#footer #footer-brand-area {
    border-bottom: 1px solid  var(--main-color)!important;
}
#footer .footer-01 {
    background-color: var(--main-color)!important;
}
#footer .footer-02 {
    background-color: var(--main-color)!important;
}

/* フッターの文章を左寄せ */
.footer-address {
    text-align:left !important;
}

/* 固定・投稿ページのリンク色を変更 (アクションカラーに)*/
.single #main article a,
.page #main article a {
    color:var(--action-color) !important;
}
.breadcrumb-area a {
    color:var(--action-color) !important;
}
.side-widget a {
    color: var(--action-color)!important;
}

/* 固定・投稿ページの文字サイズを変更 */
.post-content {
    font-size:17px;
    line-height:1.8em;
}
@media (min-width: 768px) {    
.post-content {
    font-size:18px;}     
}
@media (min-width: 992px) {    
.post-content {
    font-size:19px;}      
}

/* 固定・投稿ページの背景色を単色に */
#content {
    background-color:#fafafa !important;
}

/* 投稿ページのカテゴリー色を変更 (アクションカラーに)*/
.post-header .cat-name span {
    border: 1px solid var(--action-color)!important;
    color: var(--action-color)!important;
}

/* 投稿ページの見出し色を変更(メインカラーに、左先端部分は更に濃い目に) */
#content .post-content h2 {
    background-color: var(--main-color)!important;
    border-left:solid 10px var(--maindeep-color)!important;
}
#content .post-content h3 {
    border-bottom: 2px solid  var(--main-color)!important;
}
#content .post-content h4 {
    border-left: 5px solid  var(--main-color)!important;
}

/* 投稿ページのCTA色を変更（背景をメインカラー、ボタンをアクションカラーに） */
#content .post-cta {
    background-color: var(--main-color)!important;
}
#main article .post-cta-btn .button {
    background-color:var(--action-color)!important;
    color:#fff !important;
}

/* 投稿ページのコメント欄を変更（見出しの下線にメインカラー、リンクとボタンにアクションカラー） */
#content #comments h4 {
    border-bottom: 5px solid  var(--main-color)!important;
}
#content #comments a {
    color:var(--action-color)!important;
}
#content form input[type="submit"] {
    background-color: var(--action-color)!important;
}

/* 投稿ページのコメント数表示を消す */
li.comments {
    display:none !important;
}
/* アーカイブページ：記事タイトルのマスホバー色変更（アクションカラーに） */
#content .post-title a:hover {
    color:var(--action-color)!important;
}
/* アーカイブページ：「続きを読む」の色変更（アクションカラーに） */
#content .post-footer a.morelink {
    background-color: var(--action-color)!important;
    }

/* アーカイブページ：ページャーの色変更（アクションカラーに） */
#content .pagination .current {
    background-color: var(--action-color)!important;
    }