@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*見出しのリンクテキストデコレーション*/
h2 a,
h3 a,
h4 a{
	text-decoration: none;
	color: inherit;
}
/*リンクテキストデコレーション*/
a{
	text-decoration: none;
}
/*固定ページ更新日非表示*/
.post-9 .date-tags,
.post-25 .date-tags,
.post-16 .date-tags,
.post-19 .date-tags,
.post-31 .date-tags,
.post-38 .date-tags,
.post-212 .date-tags,
.post-496 .date-tags,
.post-2467 .date-tags,
.post-2651 .date-tags,
.post-2653 .date-tags,
.post-2655 .date-tags,
.post-2699 .date-tags,
.post-2941 .date-tags{
display: none;
}

/*TOPへ戻るボタンが二つ表示されてるのを回避*/
.scrolled .page_top_btn{
display: none;
}

/*フッターの幅調整*/
.footer{
width: 1256px;
}

/*TOPページのH1非表示*/
.post-212 .entry-title{
display: none;
}

/*TOPページのSNSシェアボタン非表示*/
.post-212 .sns-share,
.post-212 .sns-follow{
display: none;	
}

/*ヘッダーナビゲーション周り*/
#header-container{
background-color: #ffffff;
}
#header-container .navi{
background-color: #ffffff;
}
.navi-in > ul{
background-color: #ffffff;
}
#navi .navi-in a{
color: #1a1a1a;
}
#navi .navi-in a:hover{
color: #00a968;
}
/*.navi-in > ul li:nth-last-child(2){
background-color: #e06030;
}*/
.navi-in > ul li:last-child{
background-color: #00a968;
}
/*#navi .navi-in ul li:nth-last-child(2) a,*/
#navi .navi-in ul li:last-child a{
color:#ffffff;
}
/*ナビゲーションサブメニュー*/
#navi .navi-in>.menu-header .sub-menu a{
color: #1a1a1a;
background-color: #ffffff;
}
/*TOPページのh３デザイン*/
.home .page h3{
border:1px solid #00a968;
border-radius:3px;
background-color:#00a968;
color:#ffffff;
}
.home .page h3 a{
	display:block;
	margin:0px -20px;
}
.home .page h3 a:hover{
	background-color:#00d382;
	border:1px solid #00d382;
	color:#fff;
}
/*コンタクトフォームボタン装飾*/
input[type='submit']{
background-color: #00a968;
color: #fff;
font-size: 1.5rem;
}
input[type='submit']:hover{
background-color: #9ad5b1;
border:none;
}
/* トップページお知らせのスタイル調整 */
div.whatsnew h2{
	background-color:#fff;
	color:#1a1a1a;
	line-height: 0;
	padding-left: 7px;
	margin:0;
}
div.whatsnew hr{
	border: 1px dashed #9ad5b1;
}
div.whatsnew dl .fas{
	display: none;
}
div.whatsnew a{
	color: #1a1a1a;
	line-height: 3;
}
div.whatsnew dt{
	margin-right: 30px;
}
/*テーブルのデザイン*/
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th{
	border: 3px solid #ffffff;
	word-break: break-all;
	overflow-wrap : break-word;
}
.wp-block-table .has-fixed-layout thead th{
	background-color: #def1e5;
}
/*フッター調整*/
#footer a{
	padding:0;
}
/*見出し文字色調整*/
.article h2,
.cat-link{
color:#fff;	
}
/*インデックス表示調整*/
.a-wrap{
	padding: 1% 1.5%;
	margin-bottom:2%;
	border-bottom: 1px dashed #00a968;
}
.no-thumbnail .card-content:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	content: "";
	left: -1em;
}
.entry-card .admin-pv{
	margin:0.4em 0;
}
.no-thumbnail .e-card-meta .e-card-categorys{
	display:none;
}
.entry-card-content{
	padding-bottom:0em;
}
/*CTAエリア調整*/
.veu_contact .contact_txt_tel{
	color:#e06030;
	padding:20px 0;
}
.veu_contact .contact_bt{
	background-color: #e06030;
	font-size: 1.2rem;
}
.contact_txt a{
	text-decoration: none;
}
/*アイコンリストボックス調整*/
.wp-block-cocoon-blocks-iconlist-box ul li strong{
	padding-left: 0.5em;
}
/*買物代行サービスページ・ボタン周り調整*/
.shopping-cta .vk_button.vk_button-align-wide{
	margin-top:0;
	max-width: 90%;
}
.shopping-cta .vk_button .vk_button_link.btn{
	font-size: 1.5rem;
}
/*FAQウィジェット調整*/
.vk_faq{
	border:1px solid var(--vk-color-border);
}
.wp-block-vk-blocks-faq2 .vk_faq-body{
margin-bottom:0;	
}

/*FAQページ・事業内容ページ見出し*/
#post-25 h2,
#post-9 h2{
	color: #1a1a1a;
	background-color:#fff;
}
/*FAQページ目次*/
.mokuji{
	max-width: 70%;
	margin: 0 auto;
}
.mokuji ul li a{
	text-decoration: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
 	/*フッターの幅調整*/
	.footer{
	width: 100%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	/* トップページお知らせのスタイル調整 */
	div.whatsnew a{
		line-height:1.5;
	}
	/*VKスペーサー調整*/
	.vk_spacer .vk_spacer-display-pc{
	display:block;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
 	/* トップページお知らせのスタイル調整 */
	div.whatsnew a{
		line-height:1.5;
	}
	/*FAQページ見出し調整*/
	#post-25 h2{
		color: #fff;
		background-color:#00a968;
	}
	#post-25 h2:before,
	#post-25 h2:after{
		border-bottom:none;
	}
	/*FAQページ目次*/
	.mokuji{
		max-width: 100%;
		margin: 0 auto;
	}
}