@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*エディタ*/
/*
.block-editor *, .block-editor ::after, .block-editor ::before, .components-modal__frame *, .components-modal__frame ::after, .components-modal__frame ::before{
	margin:0 auto;
}
.editor-styles-wrapper,.editor-writing-flow.main{
	margin:0 auto;
}

.admin-pv-by{
	display:none;
}

.editor-styles-wrapper,.editor-writing-flow.main{
	width:100%;
}
.block-editor-block-list__layout{
	padding:10px;
}

.edit-post-visual-editor , .editor-post-title__block {
	margin-bottom:0;
}*/

.editor-styles-wrapper,.editor-writing-flow.main::before{
	content:"注：寄稿はご自身で予約投稿、投稿をしてください。普通の改行：Shift+Enter　段落：Enter";
}

/*必要ならばここにコードを書く*/
body,.fz-18px{
	line-height:1.8rem;
	font-size:1rem;
}

.logo{
	/*text-align:left;*/
}
.appeal-message p{
	font-weight:bold;
	text-shadow: 1px 1px 1px #808080;
}

/*エントリーカードタイトル*/
.entry-card-title, .related-entry-card-title{
	font-size:1.3rem;
	font-weight:400;
	color:#000000;
}

.entry-content > h2:first-letter {
	font-size: 1.8rem;
	color: #0a43ef /*#b22222*/;	
}
.entry-content > h2{
	position: relative;
	border-bottom: solid 3px #cce4ff;
}
.entry-content > h2:after {
/*content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);*/

  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}
.article h2{
	padding:0;
	background-color:#fff;
}


.entry-content > h3{
	border-left:7px #555555 solid;
	font-size:1.3rem;
	padding:8px 20px 3px 0.5rem;
	margin-top:10px;
}
.entry-content > h4{
	border-left:0px #c0c0c0 solid;
	font-size:1rem;
	padding:8px 20px 3px 0.5rem;
}
/*.article h2,.article h3,.article h4{margin:0;}*/

.sidebar h3{
	margin:0;
	padding:0.3rem 0rem;
	border-left:7px #555555 solid;
	padding-left:0.5rem;
}
#archives-dropdown-2,select#cat,#slide-in-archives-dropdown-2,select#categories-dropdown-2{
	margin-top:0.5rem;
}

/*目次の幅*/
.toc{
	width:90%;
}

/*本文内リストのスタイル*/
.entry-content > ul, .yarpp-related > ul{
	list-style-type:circle;
}
.wp-block-gallery{
	list-style:none !important;
}

/*インデックスエントリーカードインフォ*/
.e-card-info{
	background:#f4f8fb;
	padding:.3rem .3rem;
	border-top:0px #eee solid;
	border-radius:.3rem;
}
.entry-card-meta, .related-entry-card-meta{
	width:100%;
}

/*関連記事のスタイル*/
.related_post_title{
	padding:0.3rem 0rem !important;
	padding-left:0.5rem !important;
}


.more-link{
	float:right;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Kosugi Maru', sans-serif;
}

.p7button-top{
	padding:4px 4px !important;
	height:auto !important;
}

/*アイキャッチ画像*/
.entry-card-thumb{
	width:47.7%;
}

/*コメントに数字をつける*/
.commets-list {
	padding-left: 25px;
	list-style: decimal;
}

/*文字のスタイル*/
.small{
	font-size:14px;
}
.red{
	color:red;
}

.kokuti-top{
/*	border-left:5px #555 solid;
	border-bottom:1px #f0f0f0 dashed;*/
	width:100%;
	display:block;
	text-align:center;
	padding:3px 0px;
	background:#eee;
	border-radius:.3rem .3rem;
	margin-top:.5rem;
	transition:.7s;
}
.kokuti-top:hover{
	background:#f4f8fb;
}
.kokuti-top::before{
	content:"⚑";
}


#pryc-wp-acctbop-top{
	margin-bottom:5px;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
	padding-bottom:0px;
	border-top:1px #f0f0f0 dashed;
}

.entry-card-snippet, .related-entry-card-snippet{
	font-size:0.9rem;
}

.post-date:before{
	/*content: "\25B6";*/
}
.post-update{
	/*display:none;*/
}

.pagination .next:before{
	content: "\226B";
}
.pagination .prev:before{
	content: "\226A";
}
.fa-caret-up:before{
	content: "▲" !important;
}

/*サイドバー*/
/*リンク*/
.xoxo,.blogroll li{
	border-bottom:1px #f0f0f0 dashed;
}
/*.xoxo,.blogroll li:before{
	content: "\25B6";
}*/

/*ポストデータ(日時、読了時間)など*/
.date-tags{
	/*margin-bottom:0.3rem;
	margin-top:0.3rem;
	float:right;
	font-size:1rem;*/
}
/*ポストデータ内spanのフォントサイズ修正*/
.post-date{
	/*font-size:0.8rem;*/
}
.date-tags span:last-child{
	/*margin-right:1rem;
	font-weight:900;*/
}
/*リンクユニットの正常化*/
.widget_common_ad{
	clear:both;
}
/*カスタムHTMLウィジェットのボトム修正*/
.widget-below-single-content-title{
	margin-bottom:0px;
}

/*本文上ウィジェットのマージン調整*/
.widget-single-content-top{
	margin-bottom:0.2rem;
}

/*プロフィールウィジェット*/
.aboutme > b{
	font-size:1rem;
}
.aboutme{
	font-size:0.8rem;
	line-height:1.4rem;
	margin-top:10px;
	padding:3px 3px;
	border:1px #eee solid;
}
.aboutme > img{
	border-radius: 50%;
}

/*YARPP関連記事を表示しない*/
abbr{
	display:none;
}
.yarpp-related a{
	font-weight:400 !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){
  /*必要ならばここにコードを書く*/
}
