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

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

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

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

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


/************************************
**モバイルスライドインメニュー
************************************/

ul.menu-drawer:before{
font-size:1.1em;
background: white;
color:#333;

margin:1.1em;
	
border-bottom:3px dotted #ffd500; /*点線の色変更はこちら*/
content: "メニュー";
font-weight: bold;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1.1em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: 0.9em;
}
.menu-drawer .sub-menu li a::before {
margin:0 .5em 0 1em;
}


/************************************
**** ブログカード ****
************************************/


.blogcard-date{
display:none;
}

.blogcard-title {
font-size:1.2em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}

.blogcard-snippet{
display:none;
}

.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #ffd242; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #4d4d4d; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.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: normal;
position:relative;
}
.article h2{ /*見出し２カスタマイズ*/
  background: #ff8c00;/*背景色*/
	font-size: 22px; /*フォントサイズ*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}
.article h3{ /*見出し３カスタマイズ*/
background: #ffff; /*背景カラー*/
font-size: 18px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px -8px 20px -8px;
padding: 10px 7px 10px 10px;
border-left: 7px solid #ff8c00; /*左ラインの太さとカラー*/
border-bottom: 1px solid #ff8c00; /*アンダーラインの太さとカラー*/
line-height: 27px; /*高さ*/
}
.article h4{ /*見出し４カスタマイズ*/
  padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.article h5{ /*見出し５カスタマイズ*/
background: #fff2f9; /*背景カラー*/
font-size: 16px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px 20px 20px 20px;
padding: 5px 5px 5px 5px;
border: 1px solid #fe619a; /*周囲ラインの太さとカラー*/
line-height: 27px; /*高さ*/
text-align: center; /*文字位置中央*/
border-radius: 6px; /*角丸コーナー*/
box-shadow: 3px 3px 2px rgba(0,0,0,0.3); /*シャドー*/
}
.article h6{ /*見出し６カスタマイズ*/
font-size: 16px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px 0px 20px 0px;
padding: 8px 16px 8px 25px;
line-height: 25px; /*高さ*/
background-color: #ffddee; /*背景カラー*/
border-radius: 10px; /*角丸コーナー*/
position: relative;
}
.article h6::after{ /*見出し６の逆三角部分のカスタマイズ*/
position: absolute;
top: 100%;
left: 20px;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-top: 13px solid #ffddee;
}