@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.navi-in {
	padding-top: 15px;
}
.navi-in > ul li {
	width: auto;
}
#navi #navi-in ul li a {
	display: block;
	background-color: rgb(6, 176, 86);
	color: #FFF;
	height: 40px;
	padding: 0 30px;
	padding-top: 6px;
}
.sns-share, .date-tags, .article-footer {
	display: none;
}
.faq-question {
	margin-bottom: 0px !important;
}
#header-container, #navi, #footer {
	background-color: #FFF !important;  
}
.site-name-text, .copyright {
	color: #222 !important;
}
.faq-wrap {
	margin-bottom: 0 !important;
}
h2, h3 {
	margin-top: 50px;
	font-family: "Yu Mincho", "YuMincho";
}
#post-8 h2 {
	background-color: #E58FA2 !important;
	color: #FFF;
}
#post-8 h3 {
	border-color: #E58FA2 !important;
}

.mobile-footer-menu-buttons li {
	background-color: rgb(6, 176, 86);
}
.mobile-footer-menu-buttons li .custom-menu-icon {
	display: none;
}
.mobile-footer-menu-buttons li .custom-menu-caption {
	font-size: 15px;
	color: #FFF;
}
.entry-title, #toc, .logo-footer {
	display: none;
}
.caption-box-content ul {
	list-style: none;
	padding: 0;
}
.caption-box-content ul li img {
		margin-right: 5px;
	}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}


/*650px以下*/
@media screen and (max-width: 650px){
  /*必要ならばここにコードを書く*/
	.fz-36px {
		font-size: 20px;
	}
	.fz-28px {
		font-size: 20px;
		line-height: 130%;
	}
	.fz-24px {
		font-size: 18px;
		line-height: 130%;
	}
	.fz-20px {
		font-size: 16px;
		line-height: 130%;
	}
	.caption-box-content ul li {
		margin-left: 30px;
		text-indent: -30px;
		font-size: 15px;
	}
	#post-8 h2 {
		font-size: 18px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

