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

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

/* ===== サイド ===== */
aside{
	border-radius: 8px;
}
/* プロフィール */
.nwa .author-box .author-content{
	padding: 0;
}
.nwa .author-box{
	padding: 0;
}
.author-box p{
	line-height: 1.6;
}
aside#recent-posts-2>ul li,
aside#categories-2>ul li{
	border-top: 1px dashed lightpink;
}
aside#recent-posts-2>ul li:last-of-type,
aside#categories-2>ul li:last-of-type{
	border-bottom: 1px dashed lightpink;
}
/* サイド追従 */
#sidebar-scroll aside{
	margin-bottom: 24px
}

/* カテゴリ */
aside#categories-2 ul li a:before{
	font-family: "fontAwesome";
	content: "\f07b";
	color: lightpink;
    margin-right: 6px;
}
/* 左ドロワーメニュー */
ul.menu-drawer:after{
	width: auto;
}

/* ===== その他 ===== */
/* Gメニュー高さ */
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
	height: 63px;
}
/* Gメニュー説明テキスト */
.sub-caption{
	opacity: 1;
	color: lightpink;
}

/* 記事一覧の記事BOX */
.entry-card-snippet, .related-entry-card-snippet{
	line-height: 1.8;
}
.a-wrap{
	border-radius: 8px;
}

/* ===== 投稿ページ表示 ===== */
/* タイトルまわり */
main > article{
	border-radius: 8px;
}
.entry-title, .archive-title{
	margin: 6px 0 20px 0;
}
.article-header h1{
	position: static!important;
	font-size: 26px;
	text-shadow:none;
	padding-top: 44px;
}
.eye-catch{
	position: static;
	background: none;
}
.eye-catch img{
	height: auto!important;
	-webkit-filter: none;
	-o-filter: none;
	filter: none;
	opacity: 1;
	transform:none;
}
.eye-catch .cat-label, .cat-label{
	border-radius: 4px;
}
.date-tags{
	right: 17px;
	left: 0;
	top: 8px!important;
}
/* 見出し */
.article h2, .article h3, .article h4{
	padding-left: 0.5em;
}
.article h2{
	border-top: solid 3px lightpink!important;
	border-bottom: solid 3px lightpink!important;
	background: #f9f0e873!important;
}
.article h2:before{display: none;}
.article h3{
	border-bottom: 2px solid lightpink;
    border-top: 2px solid lightpink;
    border-left:none;
}
.article h3:before{display: none;}
.article h3, .article h4{
	padding: .5em 0.5em;
}
.article h4{
	padding-left: 1.5em;
	margin-bottom: 15px;
}
.article h4:before{
	height: 1em;
	border-radius: 50%;
	width: 1em;
	left: 0.3em;
	top: 0.6em;
	background-image: linear-gradient(45deg,#ff9a9e 0%,#fad0c4 99%,#fad0c4 100%);
}
/* 目次 */
.toc-checkbox:checked~.toc-content{
	padding-bottom: 1.6em;
}
.toc-list.open{
	padding: 0 2em 0.8em;
}
ol.toc-list > li:before{
	width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
}
.toc .toc-list ul, .toc .toc-list ol{
	padding-left: 3em;
}

/* 罫線 */
.body .has-watery-blue-background-color{
	border: none;
}

/* アイコンリスト */
.blank-box{
	padding: 1.2em 0;
}

/* バッジリスト */
.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey{
	display: inline-block;
}

/* 付箋ボックス内のアイコンリスト */
.wp-block-cocoon-blocks-sticky-box .wp-block-cocoon-blocks-iconlist-box.blank-box{
	padding: 0;
}

/* 引用ボックス */
blockquote.wp-block-quote{
	padding: 1.2em 1.2em 0 1.2em;
}
.wp-block-quote p{
	margin-bottom: 0;
}
.wp-block-quote cite a{
	color: #949495;
	text-decoration: none;
}

/* ランキングテンプレ（全） */
article .ranking-items:before{
	content: "私のオススメ美白アイテム"!important;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  /* ===== 投稿ページ表示 ===== */
  h1.entry-title{
  	padding-left: 0.5em;
  }
}

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