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

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

/* 投稿者名と日付は不要 */
.author-info {display:none}
.article .date-tags {
	display:none;
}

/*
 * child-page で表示したリンクのスタイル 
 * https://copypet.jp/326/
 * 
 * liタグ全体をリンクに
 */
ul.pagetoc {
	padding: 0.5em;
	list-style-type: none;
}
ul.pagetoc li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px dotted #3c1323;
	list-style: none;
}
ul.pagetoc li:after,
ul.pagetoc li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}
ul.pagetoc li:before {
	top: 50%;
	left: 0.2em;
	width: 17px;
	height: 17px;
	background: #A3BB98FF;
	transform: translateY(-50%);
}
ul.pagetoc li:after {
	top: 1.1em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: #A3BB9880;
}
ul.pagetoc li > a {
	display: block;
 	height: 100%;
	width: 100%;
	text-decoration:none;
	color: #3c1323;
}
ul.pagetoc li:hover {
	background: #A3BB9820;
}

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

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

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