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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** H2~H5
************************************/
.article h2, .article h3, .article h4, .article h5, .article h6{
padding: 0;
margin: 0;
font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: none;
position:relative;
}
.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#249c50;
font-size: 28px;
color:#fefffc;
border-radius:2px;
padding:0.4em;
margin-top:30px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.3);
}
.article h3{
line-height:2;
font-size:22px;
border:none;
display:inline-block;
color:#333333;
border-radius:2px;
border-left:10px solid #41d98f;
padding: 0.4em 0.8em;
margin-top:20px;
margin-bottom:20px;
}
.article h4{
line-height:2;
background-color:#a8f7b9;
font-size: 20px;
font-weight:normal;
color:#333333;
border-radius:1px;
padding:0.4em;
margin-top:10px;
margin-bottom: 10px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.1);
}
.article h5{
background: #f9fff4;/* 背景色 */
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:2px dotted;
border-color:#90C31F; /* 線の色 */
margin-top:20px;
margin-bottom: 20px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.1);
}
@media (max-width:480px){/*スマホ表示*/
.article h2{
font-size:18px;
padding:1.5em 1em 1.5em 0.5em;
}
.article h3{
font-weight:bold;
margin-top:3em;
margin-bottom:0em;
font-size:17px!important;
}
.article h4, .article h5, .article h6{
font-size:15px!important;
}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
}
 
/*1030px以下*/
@media screen and (max-width: 1030px){
}
 
/*768px以下*/
@media screen and (max-width: 768px){
}
 
/*480px以下*/
@media screen and (max-width: 480px){
p {
margin-left: 10px;
margin-right: 10px;
}
}

/*サイトタイトル*/
.site-name-text{
font-family: 'Luckiest Guy', cursive!important;
font-size: 40px;
color:#FFFFCC;
}

/*キャッチフレーズ*/
.tagline {
    font-family: 'Impact', fantasy;
	font-size: 18px;
	color: #000000;	
}

.header-in {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.header-in .tagline {
text-align:left;
	padding-top: 2em;
	padding-left: 30px;
	margin-bottom: 10;
}