@charset "UTF-8";
/*
Theme Name: xeory_extension-child
Theme URI:
Description: WordPressテーマ「Xeory_Extension」の自作子テーマです。
Template: xeory_extension
Author: Yapin
Author URI: http://yapin-et-creation.com/
Version: 0.2.2
*/
@import url('../xeory_extension/style.css');

/* トップページ：ファーストビュー */

body.home #main_visual {
	background-image:url(https://wp.bbt-big-boyz-since2000.com/wp-content/uploads/2019/05/bb-top.jpg) !important;
	width:100%;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color:#000 !important;
	color: #fff000;
}

body.home #main_visual h2{
	background-color: rgba(0,0,0,0.5);
}

body.home #main_visual p {
	font-size:15px;
	padding:30px 20px;
	border:solid 1px #fff;
	border-radius:10px;
	background-color: rgba(0,0,0,0.5);
}

@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: #000000;
	}

#gnav {
	background-color: #000000;
	}

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

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

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

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

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

@media (max-width: 767px) {

#header-nav-btn a {
	background-color: #3e494f;
	color: #fff000;
	}
	
}
/* スマホ表示時にロゴ中央寄せ */
#header #logo {
	text-align:center;
}

/* トップページ：記事カテゴリー色変更 */
body.home .front-loop .popular_post_box .p_category {
	background-color: #000;
	border:solid 1px #fff000;
	color:#fff000;
}

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

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

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

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

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

.c_btn .btn {
	background-color:#000000 !important;
	color:#fff000 !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 #000000;
}

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

#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 #000000;
	width:100% !important;
}

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

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

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

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

#footer .footer-01 {
	background-color:#000000;
}

#footer .footer-02 {
	background-color:#000000;
}

/* フッターの文章を左寄せ */

.footer-address {
	text-align:left !important;
}

/* 固定・投稿ページのリンク色を変更 */
.single #main article a,
.page #main article a {
	color:#ffd700 !important;
/*	background-color:#000000 !important;*/
	}

.breadcrumb-area a {
	color:#ffd700 !important;
/*	background-color:#000000 !important;*/
	}

.side-widget a {
	color: #ffd700;
/*	background-color:#000000 !important;*/
	}

.side-widget {
	background-color:#000000 !important;
	}

.side-title {
	color:#ffffff !important;
	background-color:#000000 !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:#ffffff !important;
}

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

.post-header .cat-name span {
	border: 1px solid #fff000;
	color: #fff000;
	background-color:#000000 !important;
}

/* 投稿ページの見出し色を変更 */

#content .post-content h2 {
	background-color:#000000;
/*	border-left:solid 10px #3e494f;*/
}

#content .post-content h3 {
	border-bottom: 2px solid #000000;
}

#content .post-content h4 {
	border-left: 5px solid #000000;
}

/* 投稿ページのCTA色を変更 */

#content .post-cta {
	background-color:#fafafa;
	color: #000 !important;
}

#main article .post-cta-btn .button {
	background-color:#000000;
	color:#fff000 !important;
}

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

li.comments {
	display:none !important;
}

/* アーカイブページ：記事タイトルのマスホバー色変更 */

#content .post-title a:hover {
	color:#ffd700;
}

/* アーカイブページ：「続きを読む」の色変更 */

#content .post-footer a.morelink {
	background-color:#000000;
	color:#fff000 !important;
}

#content .post-footer li.cat a, 
#content .post-footer li.tag a {
	background-color:#000000;
	color:#fff000 !important;
}

/* アーカイブページ：ページャーの色変更 */

#content .pagination .current {
	background-color:#000000;
	color:#fff000 !important;
}

/* archive-member.php */
body.archive #main{
	color:#000000 !important;
	background-color: #ffffff;
}

body.archive #main .post-header {
/*	border-top: 1px solid #e5e5e5;*/
	border-bottom: initial;
}

body.archive #main .post-thumbnail img {
	width: 100% !important;
	height: auto !important;
}

@media (min-width: 768px) {
	
	body.archive #main .post-thumbnail img {
		width: 50% !important;
		height: auto !important;
	}
	
}

@media (min-width: 992px) {
	
	body.archive #main .post-thumbnail img {
		width: 25% !important;
		height: auto !important;
	}
	
}

body.archive #main .post-footer {
	border-bottom: 1px solid #e5e5e5;
}

/* single-member.php */
body.single-member #main{
	color:#000000 !important;
	background-color: #ffffff;
}

body.single-member #main .post-thumbnail img {
	width: 25% !important;
	height: auto !important;
}