@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{
	background:#fff !important;
}


/*リンクイメージアクション*/
a:hover img {
	transition:transform 0.8s;
	transform: translateY(-8px);
	opacity: 0.8;
}


/*トップページスライダー*/
#metaslider-id-321{
	margin:2.2em auto;
}


/* トップページ：見出しのアイコンを消す */
#popular_post_content h2 i,
#recent_post_content h2 i {
    display:none;
    }

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


/* ヘッダーの色を変更 */
body #header {
    background: #1e1e1e;
    }

#gnav {
    background-color: #1e1e1e;
    }

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

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

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

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

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

@media (max-width: 767px) {

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

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

/* ハンバーガーメニューを開いた際の背景色変更 */
@media (max-width: 991px) {
    
#gnav-sp {
    background-color:#2e2e2e;
    }          
}

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

    }

/* トップページ：クローズアップ記事・サービス記事の色変更 */
body.home .front-main-cont .front-cont-header {
    background-color: #2e2e2e;
    }

body.home #front-contents h4{
    color: #5e5e5e;
    }

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

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

body.home #front-service .front-service-inner h3 {
    color: #2e2e2e;
    }
.home #front-contents .c_english{
    color: #3e3e3e !important;
    }
.c_btn .btn {
    background-color: #d04d47 !important;
    color:#fff !important;
    }

/*トップページクローズアップ記事フォント変更*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
body.home #front-contents h3 {
    font-family: "Roboto Condensed", sans-serif !important;
  	font-weight: 600;
  	font-style: normal;
	}

.home #front-service .front-service-inner h4{
	font-size:1.2em;
	margin-bottom:0.2em;
}

/* トップページ：クローズアップ記事の修正（画面幅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 #d4881b;
    }

/* お問い合せの色変更 */
#front-contact .c_box {
    background-color:#fff;
    }
.home #front-contact{
	background-color:#fff!important;
}

.home #front-contact .c_box_inner p{
	color:#2e2e2e !important;
}

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

/*お問合せボタンスマホ大きさ変更*/
@media(max-width:991px){
	.c_box_inner input[type="submit"]{
		width:100%!important;
	}
}

/*お問合せフォーム送信後メッセージ枠*/
.wpcf7 form.sent .wpcf7-response-output{
	border-color:#d4881b !important;
}


/*お問合せwrap幅変更*/
.home #front-contact .c_box_inner{
	max-width:1140px!important;
}
#wpcf7-f167-o1{
	max-width:632px;
	margin:0 auto;
}

/* フッターの背景色変更 */
#footer {
    border-top:solid 8px #1e1e1e !important;
    }

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

#footer .footer-01 {
    background-color:#1e1e1e;
    }

#footer .footer-02 {
    background-color:#1e1e1e;
    }


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

/*フッター「ブログコンテンツ」非表示*/
#footer-cont-content > h3 {
	display:none;
}


/*フッター「ソーシャルメディア」設定*/
#footer-sns .fa-instagram{
	line-height:1.8;
	padding-right:1.2em;
}


/* 固定・投稿ページのリンク色を変更 */
.single #main article a,
.page #main article a, 
.single #main article a:hover,
.page #main article a:hover {
    color:#d4881b ;
    }

.breadcrumb-area a,
.breadcrumb-area a:hover{
    color:#d4881b !important;
    }

.side-widget a,
.side-widget a:hover{
    color: #d4881b;
    }

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


/* 投稿ページのカテゴリー色を変更 */
.post-header .cat-name span {
    border: 1px solid #d4881b;
    color: #d4881b;
    }

/*投稿ページblockquote修正*/
.post-content blockquote｛
	padding:30px 20px 0 20px;
	}


/* 投稿ページのコメント欄を変更 */
#content #comments h4 {
    border-bottom: 3px solid #2e2e2e;
    }

#content #comments a {
    color:#2a5d7e;
    }

#content form input[type="submit"] {
    background-color: #2a5d7e;
    }

/* 投稿ページのコメント数表示を消す */
li.comments {
    display:none !important;
    }

/* アーカイブページ：記事タイトルのマスホバー色変更 */
#content .post-title a:hover {
    color:#d4881b;
    }

/* アーカイブページ：「続きを読む」の色変更 */
#content .post-footer a.morelink {
    background-color: #d4881b;
    }

/* アーカイブページ：ページャーの色変更 */
#content .pagination .current {
    background-color: #d4881b;
    }



/*商品ページスマホ表示width設定*/
@media screen and (max-width: 991px) {
	article.page .post-content{
		padding:0.5em;
	}
}

/* 商品ページ他サイトカートボタン*/
.btn-cart{
	display: flex;
	flex-wrap:wrap;
	max-width: 1200px;
	margin-left: 0!important;
	padding-left:0;

}
.btn-cart li {
	width: calc(100%/4);
	padding:0 5px;
	box-sizing:border-box;
	list-style-type: none;
}
.btn-cart li img {
	max-width:100%; 
	height: auto; 
}


@media(max-width:991px){
	.btn-cart{
		margin-left: 0!important;
	}
	

	.btn-cart li {
		width: calc(100%/2);
		padding:5px;
		box-sizing:border-box;
		list-style-type: none;
	}
}
/*商品カテゴリページフィルターバー非表示*/
#product_filters_bar{
	display:none;
}

/*商品ページ商品仕様teble設定*/
table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #999;
  text-align:left;
  box-sizing:border-box;
}
.tb01 th {
  background: #ccc;
  color: #363535;
}
.sp-only {
        display: none;
    }

@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
	text-align:left;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #999;
  }
.sp-only {
        display: block!important;
    }
  
}

/*商品ページ関連商品見出し設定*/
.post-content h2{
	font-size:1.2em!important;
	text-indent:1em;
	background-color:#2e2e2e;
}

.classic-grid h3.product-name, .ecommerce-product-catalog .classic-grid h3.product-name{
	font-size:0.8em;
}

/*商品一覧ページNoカラー*/
#product_archive_nav ul li a {
    color:#fff !important;
    }


/*掲載雑誌・メディアギャラリー画像サイズ合わせ*/
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}