@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 #main_visual {
  background-image:url(https://kyodo-m.jp/public_html/gcard/wp-content/uploads/2023/05/top_2000_540_3-2.jpg) !important;
  width:100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color:#FFF !important;
  position: relative;
  height:520px!important;
}

body.home #main_visual h2 {
  font-weight:900;
  color:#191970 ;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.home #main_visual p {
  font-size:15px;
  color:#000;
  padding:30px 20px;
  border:solid 1px #000;
  border-radius:5px;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

@media (max-width: 768px) {
  body.home #main_visual h2 {
    width: 80%;
  }
	
}

@media (max-width: 767px) {
  body.home #main_visual p {
    text-align:center;
    top: 75%;
	left: 0;
    right: 0;
    margin: 0 auto;
    transform: none;
  }
}

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

body #header {
    background: #191970;
    }

#gnav {
    background-color: #191970;
    }

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

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

    
}



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

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

.c_btn .btn {
    display:none !important;
    }

/* スペースと罫線を削除 */
body.home .front-loop h2 {
  text-align: center;
  margin: 0;
  font-size: 24px;
  padding: 0!important;/* paddingを無効にする */
  border-bottom: none!important; /* border-bottomを無効にする */
}


/* 人気の記事非表示 */
body.home #popular_post_content {
  display: none;
}

/* 投稿非表示 */
.p_category {
  display: none!important;
}


.p_date {
  display: none;
}

.post-header .cat-name {
  display: none!important;
}



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

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

/* お問い合せの色変更 */
#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 !important;
    width:100% !important;
    }

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

/* sns非表示 */
footer-cont-sns {
  display: none;
}


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

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

  body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: block!important;
  }