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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*
h1, h2, h3, h4, h5, h6, p {
	font-family: Georgia, "Hiragino Mincho ProN", 游明朝, YuMincho, Meiryo, serif;
}
*/

/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
	padding: 0;
	margin: 0;
	background:none;
	border-collapse: separate;
	border-spacing: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	line-height: normal;
	position:relative;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.25;
  font-weight: bold;
  margin-top: 2.4em;
  margin-bottom: 1em;
}

.article h4,
.article h5,
.article h6 {
  font-size: 20px;
  padding: 9px 10px;
}

.article h2 {
  font-size: 24px;
  padding: 25px;
  background-color: #f5f6f7;
  border-radius: 2px;
}

.article h3 {
/*   border-left: 7px solid #888; */
/*   border-right: 1px solid #ddd;
  border-top: 1px solid #ddd; */
  border-bottom: 1px solid #ddd;
  font-size: 22px;
  padding: 12px 20px;
}

.article h4 {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.article h5 {
  border-bottom: 2px solid #ddd;
}
.article h6 {
  border-bottom: 1px solid #ddd;
}

/*リスト初期化*/
.article ul {
	padding: 0;
	margin: 0;
}

.article ul li {
	padding: 0;
	margin: 0;
	background:none;
	border-collapse: separate;
	border-spacing: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	line-height: normal;
	position:relative;
	list-style-type: none;
}

.article ul li {
	margin-bottom: 0.05em;
}

h1.entry-title, div.date-tags, .author-info {
	display: none;
}

.site-name-text {
	font-size: 16px;
}

.wp-image-48 {
	width: 30%;	
}

.privacy-note {
	font-size: 14px;
}

.wpcf7-submit {
	font-family: inherit;
	font-size: 16px;
	color: #666;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.wp-image-48 {
	width: 50%;	
}
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}

/*751px以上*/
@media (min-width: 751px) {
.sp {
	display: none; 
}
}