@charset "UTF-8";
/*
Theme Name: zaidan2560
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 {
  display: none;
}

/* 人気のある記事　最近の投稿　非表示 */
body.home #popular_post_content,
body.home #recent_post_content {
  display: none;
}

/* クローズアップタイトル部　非表示 */
body.home header.category_title {
  display: none;
}

/* クローズアップ　メタディスクリプション表示部　非表示　 */
body.home #front-close-1 .c_text p,
body.home #front-close-2 .c_text p,
body.home #front-close-3 .c_text p {
	 display:none;	
}

body.home #front-close-1 .c_img_box,
body.home #front-close-2 .c_img_box,
body.home #front-close-3 .c_img_box {
	 display:none;	
}

body.home #front-close-1 p.c_btn,
body.home #front-close-2 p.c_btn,
body.home #front-close-3 p.c_btn {
	 display:block;	
}


/* サービス紹介　非表示 */
body.home #front-service {
  display: none;
}

/* 会社概要　非表示 */
body.home #front-company {
 display:none;
}

/* お問い合わせ　非表示 */
body.home #front-contact {
	 display:none;
}

/* パンくずリスト　非表示 */
.breadcrumb-area {
	 display:none;
}

/* footer-content-area　非表示 */
body #footer-content-area {
	 display:none;
}

/* gnav-sp「ブログコンテンツ」　非表示 */
#gnav-sp h4 { display:none;
}

/* ヘッダー部　背景色 */
#header {
  background-color: #23316D;
}

/* グローバルメニュー　背景色 */
#gnav {
  background: #23316D;
}

#gnav ul li:hover a {
  background: #17458F;
}
#gnav ul li.current-menu-item a {
  background: #17458F;
}
#gnav ul li a {
  background: #23316D;
}
#gnav ul li a:hover {
  color: #fff;
  background: #17458F;
}

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

#header-nav-btn a {
    background: #23316D;
	margin-bottom:36px;
  }

/* footer */
#footer {
  color: #000;
  border-top: 1px solid #23316D;
}

#footer .wrap {
  padding: 10px 0;
}

#footer-brand-area {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: none;
}

#footer .footer-logo {
  font-size: 20px;
  color:#17458F;
  font-weight:700;	
}

.footer-01 {
  background: #fff;
  padding-bottom: 0;	
}

.footer-02 {
  background: #fff;
}

/* トップページ　ボタン色他 */
.c_btn .btn {
    background-color:#17458F !important;
    color:#fff !important;
    }

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

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

/* ロゴテキスト */
h1#logo { color:#17458F; font-weight:700; }

@media screen and (max-width: 991px) {
h1#logo span.pc-only  {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
h1#logo span.sp-only {
    font-size: 16px;;
  }
}

p#logo { color:#17458F; font-weight:700; }

@media screen and (max-width: 991px) {
p#logo span.pc-only  {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
p#logo span.sp-only {
    font-size: 16px;;
  }
}

/* 改行　PC　SP　表示切替 */
.sp_br {
  display: none; //768px以上では改行タグを無効に
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block; //768px未満で改行タグを有効に
  }
}

/* PC　SP　表示切替 */
/* 768px以上のとき */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

/* 767px以下のとき */
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

/* 固定・投稿ページの背景色を変更 */

#content {
    background-color:#fafafa !important;
    }


@media screen and (max-width: 991px) {
  /* header tabletをphoneと同じに */
  #header {
    padding: 0;
  }
  #header .wrap {
    padding: 0;
    margin: 0 12px;
  }
  #header #logo {
    float: none;
    height: 78px;
    line-height: 78px;
  }
  #header #logo img {
    max-height: 62px;
  }
  #header #header-right {
    height: auto;
  }
  #header #header-primary-nav {
    display: none;
  }

  #header-nav-btn {
    display: block;
    width: auto;
    margin: 0;
    line-height: 92px;
    float: none;
  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 4px 0;
    line-height: 1.2;
    background: #23316D;
    width: 100%;
  }
  #header-nav-btn a:hover{
    text-decoration: none;
  }

  #gnav-sp {
    display: none;
    top: 112px;
    background-color:#23316D;	  
  }
  #gnav-sp ul {
    margin-bottom: 20px;
  }
  #gnav-sp #header-cont-content ul {
    margin-left: 0;
  }
  #gnav-sp #header-cont-content li {
    margin-left: 0;
    float: left;
    width: 100%;
  }

}


#header .drawer_menu {
  margin-top:20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer_menu li {
  margin: 0 0 0 1rem;
}
#header .drawer_menu li a {
  display: block;
  color: #000;
}
.drawer_menu li a:hover {
  color: #999;
}
.drawer_menu li.is__contact {
  margin: 0 2rem 0 1rem;
}
#header .drawer_menu li.is__contact a {
  color:#FFF;
  text-decoration:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #17458F;
  color: #fff;
  border-radius: 5px;
  padding: 0.7rem 1.5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.drawer_menu li.is__contact a img {
  margin: 0 1rem 0 0;
}
.drawer_menu li.is__contact a:hover {
  background: #333;
}
@media (max-width: 1024px) {
  .drawer_menu {
	display:none;
/*    display: block;
    border-top: #23316D solid 1px;
    padding-top: 1.5rem;*/
  }
  .drawer_menu li {
    margin: 0 0 0 0;
    padding: 1.5rem 2rem;
  }
  .drawer_menu li.is__contact {
    margin: 0;
  }
  .drawer_menu li.is__contact a {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
  .drawer_menu li.is__baseinfo {
    margin: 0 0 3rem 0;
  }
  .drawer_menu li.is__baseinfo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #23316D;
    color: #fff;
    border-radius: 5px;
    padding: 1rem 3rem;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .drawer_menu li.is__contact a {
    max-width: 250px;
  }
  .drawer_menu li.is__baseinfo a {
    max-width: 250px;
  }
}