@charset "utf-8";
/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/

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

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

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

/* トップページ：クローズアップ記事の修正（画面幅991px以下）、タイトル下の隙間削除 */
@media (max-width: 991px) {
   
body.home #front-contents .front-cont-header {
    margin-bottom: 0px !important;
    }
}

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

/* ファーストビューの文章をカスタマイズ */
body.home #main_visual p {
    font-size:15px;
    padding:30px 20px;
    border:solid 1px #fff;
    border-radius:10px;
    }

@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 screen and (max-width: 767px) {
  #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;
    width: auto;
  }
}

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

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

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

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

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

#content {
	background-color:#fafafa !important; 
	/* background-image: url(https://smilepiece.hope-littlebaby.com/wp-content/uploads/2022/12/AdobeStock_546739441_Preview.png);　画像ボツ*/
    }

/* 投稿ページのコメント数表示を消す */

li.comments {
    display:none !important;
    }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
カラー変更
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
  background: url("./lib/images/bg.png");
  color: #545454;
}
/*-----------------------------------------------
ヘッダーの色を変更
　ヘッダーをメインカラー（#D3F8E2）に。
　マウスホバー時の色をやや濃い色（#B8F4D0）に。
-----------------------------------------------*/
body #header {
    background: #D3F8E2;
    color: #545454;
    }

#gnav {
    background-color: #D3F8E2;
    color: #545454;
    }

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

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

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

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

#header-nav-btn a {
    background-color:#B8F4D0;
    color: #545454;
	}

@media (max-width: 767px) {

#header-nav-btn a {
    background-color: #B8F4D0;
    color: #545454;
	}
    
}

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

#gnav-sp .wrap a {
    color: #545454;
    }
}
	
/*-----------------------------------------------
トップページ：クローズアップ記事・サービス記事の色変更
　帯をサブカラー（#F8EAC8）に。
　数字背景色を濃いサブカラー（#F4DD9E）に。
　タイトルをメインカラー（#D3F8E2）に。
　リンクボタンをアクションカラー（#B8F4D0）に。
-----------------------------------------------*/
body.home .front-main-cont .front-cont-header {
    background-color: #F8EAC8;
    color: #545454;
    }

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

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

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

.c_btn .btn {
    background-color:#B8F4D0 !important;
    color:#545454 !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;
    }  
    
}

/*-----------------------------------------------
お問い合せの色変更
　背景色を白（#fff）に。
　文字色を黒（#000）に。
　枠線の色をメインカラー（#D3F8E2）に。
　ボタンの色をアクションカラー（#B8F4D0）に。
　また、ボタンの形状を長く。
-----------------------------------------------*/
#front-contact .c_box {
    background-color:#fff;
    }

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

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

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

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

#footer a {
    color: #545454;
    }

#footer #footer-brand-area {
    border-bottom: 1px solid #D3F8E2;
    color: #545454;
　　}

#footer .footer-01 {
    background-color:#D3F8E2;
    color: #545454;
    }

#footer .footer-02 {
    background-color:#D3F8E2;
    color: #545454;
　　}

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

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

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

.side-widget a {
    color: #5BE592;
    }
	
/* 投稿ページの見出し色を変更 */

#content .post-content h2 {
    background-color:#F8EAC8;
    border-left:solid 10px #F4DD9E;
	color: #545454;
    }

#content .post-content h3 {
    border-bottom: 2px solid #F8EAC8;
　  color: #545454;
    }

#content .post-content h4 {
    border-left: 5px solid #F8EAC8;
	color: #545454;
    }

/* 投稿ページのCTA色を変更 */
#content .post-cta {
    background-color:#D3F8E2;
	color: #545454;
    }

#main article .post-cta-btn .button {
    background-color:#87ECB0 !important;
    color:#545454 !important;
    }

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

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

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

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

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

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


/* リストのスタイル変更 */
.content ul {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.content ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}


/*-------- テーブルデザイン ---------*/
.fem-table table{
color:#87ECB0;　/*文字の色*/
text-align:center;
border:2px solid #B8F4D0;	/*線の色*/
background-color:white;
}

.fem-table table th{
border:1px dotted white;	
text-align:center;
}

.fem-table thead{
border-bottom:1px solid #B8F4D0;	/*線の色*/
}

.fem-table table td{
border:1px dotted #B8F4D0;	/*線の色*/
text-align:center;
}

.fem-table thead{
color:white;
}

.fem-table th{
background-color:#B8F4D0;/*タイトル行の背景色*/
}

.post-content table thead th{
background-color:#B8F4D0;/*タイトル行の背景色*/
}

.fem-table tr:nth-child(even){
background-color:#D3F8E2;/*ストライプの背景色*/
}