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

body.home #main_visual {
    background-image:url() !important;
	width:100%;
		background-size: cover;
	height: 0px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
background-color:#fff !important;    }

#header #logo a img {
    width: auto !important;
    height: 80px !important;
}

#gnav ul li a {
	background-color: #fff;
  display: block;
  padding: 32px 5px;
  line-height: 60px !important;
  color: #58656e;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
	 font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
	
	#header-fnav-area #header-fnav-btn a {
    display: block;
    padding: 8px 5px;
    line-height: 30px !important;
    font-size: 23px;
    height: auto;
    text-align: center;
    background: #fff;
}


@media screen and (max-width: 991px) {
#header #logo a img {
    width: auto !important;
    height: 70px !important;
	float:left !important;
}
	
}


@media screen and (max-width: 767px) {
#header #logo a img {
    width: 177px !important;
    height: 80px !important;
}
	
}

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

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


/* トップページ：見出しの突起を消す */

body.home .tri-border {
    display:none;
    }


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

body #header {
    background: #fff;
    }

#gnav {
    background-color: #fff;
    }

#gnav ul li a {
    background-color: #fff;
	text-align:center
    }

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

#gnav ul li .sub-menu a:hover {
 background: #595907 !important;
	color:#fff !important;
}

#gnav ul li.current-menu-item a {
    background: #595907;
	color:#fff
    }

#gnav ul li a:hover,
#gnav ul li.current-menu-item a:focus {
    background-color: #595907;
    }

#gnav ul li a {
  display: block;
  padding: 20px 15px;
  line-height: 60px;
  color: #3B4552;
	    font-weight: 600 !important;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}

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

#header-fnav-area a:hover {
 background: #595907 !important;
	color:#fff !important;
}

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

@media (max-width: 767px) {

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


/* トップページ：記事カテゴリー色変更 */

body.home .front-loop .popular_post_box .p_category {
    background-color: #595907;
    color:#fff;
    }


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

body.home .front-main-cont .front-cont-header {
    background-color: #3B4552;
    	padding: 0px 0 10px;
	 font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

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

body.home #front-contents h3 {
    color: #3B4552;
	 font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }

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

.c_btn .btn {
    background-color:#595907 !important;
    color:#fff !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:24px;
    } 
    
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 #595907;
    }


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

#front-contact .c_box {
    background-color:#fff;
    }

#front-contact label {
    color:#000;
    }

#front-contact .post-cta {
    background-color:#fff !important;
    }

#front-contact .post-cta {
    background: #131D2A;
    color: #000;
}

body.home #front-contact .c_box_inner p {
    margin-bottom: 1.4em;
    color: #000;
}

#front-contact .post-cta {
    background-color:#3B4552;
    }

#front-contact .post-cta-btn .button {
    background-color:#595907;
    color:#fff !important;
    }


body.home #front-contact input,
body.home #front-contact textarea {
    border:solid 1px #3B4552;
    width:100% !important;
    }

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


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

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

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

#footer .footer-01 {
    background-color:#3B4552;
    }

#footer .footer-02 {
    background-color:#3B4552;
    }


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

#content .pagination .current {
    background-color: #595907;
    }


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

#content .post-footer a.morelink {
    background-color: #595907;
    }


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

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


/* 投稿ページのコメント欄を変更 */

#content #comments h4 {
    border-bottom: 5px solid #58656e;
    }

#content #comments a {
    color:#595907;
    }

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


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

#content .post-cta {
    background-color:#58656e;
    }

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



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

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

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

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


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

.post-header .cat-name span {
  background-color: #595907;
	border: 1px solid #595907;
	color: #fff;
    }


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

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


/* 固定・投稿ページの文字サイズを変更 */

.post-content {
    font-size:17px;
    line-height:1.8em;
	padding:15px !important;
    }

@media (min-width: 768px) {
    
.post-content {
    font-size:18px;
	padding:15px !important;
    } 
    
}

@media (min-width: 992px) {
    
.post-content {
    font-size:19px;
	padding:15px !important;
    }  
    
}



/* 固定・投稿ページのリンク色を変更 */

.single #main article a,
.page #main article a {
    color:#595907 !important;
    }

.breadcrumb-area a {
    color:#595907 !important;
    }

.side-widget a {
    color: #595907;
    }


.widget_archive a,
.widget_categories a {
  display: inline-block;
}


/* フォント設定 */
#content form input,
#content form select,
#content form textarea {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
    "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",
    sans-serif;
}
 
/* フォントサイズ */
#content .booking-form,
#content .booking-form input,
#content .booking-form select,
#content .booking-form textarea {
    font-size: 16px;
}
 
#content .booking-form .confirm {
    font-size: 20px;
    color: red;
}
 
/* 要素の見た目を調整 */
input[type="tel"],
select {
    background: #F9F9F9 none repeat scroll 0% 0%;
    border: 1px solid #E5E5E5;
    padding: 4px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}
 
input[type="tel"] {
    width: 90%;
}



#header a {
  color: #333; /* ヘッダーのリンク（ロゴとスマホメニュー）の色を黒にする */
}

@media screen and (max-width: 991px) {
  #header-nav-btn a {
    background: #fff;
		    line-height: 18px;
    padding: 20px;
  }
}

.post-cta .post-cta-btn a {
    background: #595907;
    color: #fff;
}

body.home #front-contact .c_box_inner {
    padding: 30px 0;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}



/* プライマリーメニューのレイアウト変更 */

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


#header-fnav-area #header-fnav-btn a {
    display: block;
    padding: 8px 5px;
    line-height: 24px;
    font-size: 23px;
    height: auto;
    text-align: center;
    background: #fff;
}


/* スマホメニューを右上表示にしてメニューの文字を付けてヘッダーロゴの大きさを調節 */

@media screen and (max-width: 767px) {
  #header-nav-btn {
    display: block;
    width: auto;
    float: right;
	margin: 0;
 
  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding:27px 0 26px;  
    background: #fff;
    width: auto;
  }

#header-nav-btn {
 display: block;
 float: right;
}
#header-nav-btn a {
 display: block;
 text-align: center;
 font-size: 24px; /* 変更 */
}
	
#header-nav-btn .sp-menu-title {
 line-height: 0.5;
 font-size: 12px;
}
	
 }

@media screen and (max-width: 991px) {
  #header-nav-btn {
    display: block;
    width: auto;
    float: right;
	margin: 0;
 
  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding:30px 0 26px;  
    background: #fff;
    width: auto;
		line-height: 29px;
  }

#header-nav-btn {
 display: block;
 float: right;
}

	#header-nav-btn a {
 display: block;
 text-align: center;
 font-size: 24px; /* 変更 */
}

	#header-nav-btn .sp-menu-title {
 line-height: 0.5;
 font-size: 12px;
}
	
 }

body.home .front-loop h2 {
    text-align: center;
    padding: 10px 0;
    margin: 0;
    border-bottom: 0px solid #e5e5e5;
    font-size: 28px;
	  color: #fff;
		  background-color: #3B4552;
 font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}

body.home .front-loop .front-loop-cont {
    padding: 5px 0;
    overflow: hidden;
}

#content {
    padding: 0px 0;
}	

.post-footer .bzb-sns-btn {
    padding: 0px 0;
}

body.home #front-company .c_box_inner {
    width: 684px;
}

body.home .front-main-cont .front-cont-header .cont-title {
    font-size: 28px;
    margin: 0;
}

#header #logo {
    float: left;
    font-size: 24px;
    padding: 10px 0;
}

/* 出版物のご紹介の下の余白を消去 */
body.home .front-loop {
    margin-bottom: 0px;
}

/* クローズアップ記事下の余白縮小 */
body.home #front-contents .c_box_inner {
    padding-bottom: 10px;
}


body.home #front-contents h4 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* 更新情報の大きさ変更と余白縮小 */
p, pre {
    margin: 0 0 0em;
	font-size: 18px
}

/* サブタイトルフォント大きさ変更 */
body.home .front-main-cont .front-cont-header .cont-ruby {
    font-size: 18px;
}

/* トップへ戻るボタンの色変更 */
.pagetop span {
    background: #595907;
}


/* ↓↓はてなユーザーは横幅がMAXにならない場合入れた方が良いかも↓↓ */
#top-editarea {
    width: 100%;
    margin: 0 auto 0 auto;
 }
 
/* ↓↓大衆向け↓↓ */
.recommends {
    margin: 0;
    width: 100%;
}
.recommends .carousel {
    list-style-type: none;
    background: #fff;
    padding: 50px;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin: 0;
}
.recommends .carousel li {
    margin: 10px;
    text-align: center;
    display: inline-block;
    word-break: break-all;
	    margin-top: -45px;

}
.recommends a.recommend-entry {
    display: block;
    width: 250px;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    position: relative;
    line-height: 1.5;
}
.recommends a.recommend-entry:hover {
    box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
    transform: translateY(-4px);
    transition: 0.2s;
    background: #fff;
	color:#595907;
}
.recommend-title {
    display:flex ;
    padding: 0.5em 0.5em;
    word-break: break-all;
    width: 100%;
    white-space: normal;
    text-align: left;
	color:#595907
}

img.recommend-img  {
    float: left;
   
}

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


/* 新刊紹介のボタン装飾 */
a.cp_btn {
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#595907;
	border-radius: 3px;
	transition: .4s;
	margin-right:auto; margin-left:auto
}
a.cp_btn:hover {
	background: #7f7f18;
	color: #fff;
}