@charset "UTF-8";
/*
Theme Name:xeory_extension_child
Template:xeory_extension
*/
/*ヘッダーの色を変更（ここから）*/
body #header {
  background: #ffffff;
}

body #header a {
  color: #3b4552;
}

.cat-content,
article.post,
article.page {
  font-size: 120%;
}

.cat-content,
article.page,
.front-loop article.post {
  margin-bottom: 1.88em;
  border: 1px #929292 solid;
  box-shadow: 1px 1px 3px #929292;
}

#gnav {
  background-color: #ffffff;
}

#gnav ul li a {
  color: #241913;
  background-color: #ffffff;
  padding: 25px 10px;
}

#gnav ul li a:hover, #gnav ul li a:focus {
  border-bottom: solid 3px #e7001d;
  background-color: #ffffff;
  color: #241913;
}

#gnav ul li.current-menu-item a {
  /*選択中のメニューカテゴリの色選択*/
  background: #ffffff;
}

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

#header-fnav-area #header-fnav-btn i {
  color: #0c0c0c;
}

/* ヘッダーのロゴ大きさ変更 */
#logo img {
  height: 50px;
}

/*ヘッダーのサイズを変更 */
#header-right {
  height: auto;
}

/*ファーストビューの設定（ここから）*/
body.home #main_visual {
  background-image: url("/contents/wp-content/uploads/2019/01/bg_image01.jpg") !important;
  width: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #241913 !important;
  color: #241913;
  height: 600px !important;
  background-size: cover;
}

/*
body.home #main_visual .wrap {
  padding-top: 10% !important;
}
*/

body.home .front-loop {
  border-top: 1px solid #e7001d;
}

body.home .front-loop article.post {
  height: 400px;
  position: relative;
}

body.home .front-loop article.post .c_p_title {
  color: #241913;
  font-weight: normal;
  font-size: 16px;
  margin: auto;
  padding: 0 0.6em;
}

body.home .front-loop .popular_post_box {
  width: 31%;
  min-width: 220px;
}

body.home .front-loop .popular_post_box .wrap-a {
  border: none;
}

body.home .front-loop .popular_post_box .post-thumbnail {
  /*margin-bottom: 6px;*/
}

body.home .front-loop .popular_post_box img {
  object-fit: cover;
  height: 250px;
  /*margin-bottom: 6px;*/
}

body.home .front-loop .popular_post_box .p_category {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #e7001d;
  font-weight: bold;
  opacity: 0.7;
}

body.home .front-loop .popular_post_box .p_date {
  margin: auto;
  padding: 0.5em 0;
  position: initial;
  top: 0;
  left: 0;
  background: initial;
  width: initial;
  height: initial;
  text-align: initial;
  font-size: initial;
  color: #aaa8a8;
  opacity: 1;
}

body.home .front-loop .popular_post_box .p_date span {
  display: initial;
}

body.home .front-loop .popular_post_box .p_date::before {
  content: "\f017";
}

body.home .front-loop .popular_post_box .p_rank {
  left: initial;
  right: 0;
  opacity: 0.85;
}

body.home .front-loop .popular_post_box h3 {
  color: #241913;
  font-weight: normal;
  font-size: 18px;
}

body.home .front-loop h2 {
  padding: 10px 0;
  border-bottom: 1px solid #e7001d;
}

body.home .front-main-cont .tri-border span {
  /* トップページの▼を非表示 */
  display: none;
}

/* リンクの色を変更 */
a {
  text-decoration: none;
  color: #e7001d;
}

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

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

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

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

.c_btn .btn {
  background-color: #df8600 !important;
  color: #ffffff !important;
}

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

#footer a {
  color: #241913;
}

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

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

/* 投稿ページ色変更 */
.breadcrumb-area li a {
  /*パンくずのホームの色変更*/
  color: #241913;
}

.post-header {
  margin-bottom: auto;
  padding-bottom: 0.3em;
  padding-top: 0.98em;
  border-bottom: none;
}

.post-header .c_meta-data {
  padding-right: 1em;
}

.post-header .cat-name span {
  border: 1px solid #e7001d;
  color: #e7001d;
  font-weight: bold;
  min-width: 67px;
}

.post-header .c_date {
  font-size: 0.8em;
  padding-bottom: 0.5em;
}

/*サイドウェジットの変更*/
.side-widget-area .side-widget a {
  color: #241913;
  text-decoration: none;
}

.side-widget-area .side-widget a:hover {
  text-decoration: underline;
  color: #241913;
}

.side-widget-area .side-widget .side-title {
  background: #f9f9f9;
  border: 1px solid #efefef;
}

.side-widget-area .side-widget .side-title .side-title-inner {
  font-weight: bold;
}

.post-loop-wrap .post-title {
  padding: 0.3em 0;
  font-size: 1.2rem;
}

.post-loop-wrap .post-footer {
  border-top: none;
}

.post-loop-wrap .post-footer a.morelink {
  background: linear-gradient(-50deg, #e7001d, #ffbc00);
  padding: 20px 0;
}

.c_post-metawrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #929292;
}

.post-meta-area {
  border-bottom: none;
}

.post-meta-area .post-meta {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .post-meta-area .post-meta {
    width: 100%;
  }
  .cat-content .post-header,
  article.page .post-header,
  article.post .post-header {
    padding: 0.6em 2.3em;
  }
  #header-nav-btn a {
    background: #ffffff;
  }
}

@media screen and (max-width: 767px) {
  .post-meta-area .post-meta {
    border-bottom: none;
  }
  body.home .front-loop .popular_post_box {
    min-width: 100vw;
  }
  #header #logo {
    float: left;
  }
  #header-nav-btn {
    display: block;
    width: 116px;
    line-height: 92px;
    float: right;
    margin: 0 -20px 0 0;
  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding: 24px 0;
    line-height: 1;
    background: #ffffff;
    width: auto;
  }
}