@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*カテゴリーウィジェットのデザインのカスタマイズ（アイコン）*/
/*ここから*/
body{
	font-family:'Noto Sans JP',"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック","Yu Gothic",sans-serif;
}
pre{
	font-family:'Noto Sans JP',"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック","Yu Gothic",sans-serif;
}
.demo .entry-content p {
	font-size: 16px !important;
    font: 16px/1.7 'Noto Sans JP',"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック","Yu Gothic",sans-serif !important;
	line-height: 180% !important;
	font-weight: 100 !important;
}
.entry-content p {
	font-size: 16px !important;
    font: 16px/1.7 'Noto Sans JP',"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック","Yu Gothic",sans-serif !important;
	line-height: 220% !important;
	font-weight: normal !important;
}
h1.entry-title {
	

}
.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.rpic{
	flex-direction:row-reverse;
}
img {
    border-radius: 10px;
}
.widget-entry-card {
	line-height: 160%;
}
.entry-card-title {
	font-size: 1.4rem;
	text-align: left;
}
.widget h3:before {
	content:none;
}
#sidebar>.widget{
border-radius:10px;
}
.search-submit:hover::before{/* 検索エンジン */
color:#90C31F;/*検索ボタンホバー時の色*/
}
.widget_search{
padding-bottom:1em;
}
.sidebar h3{/*サイドバーのタイトル表記と緑の点線*/
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#1b497c;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.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 {/* widgetsの中身*/
background-color:#f7f7f7;
color:#afafb0!important;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{/* widgetsの中身　hover */
background-color:#1b497c;
color:#fffff4!important;
}
.tagcloud a{/*tag cloud*/
background-color:#f7f7f7;
color:#afafb0!important;
}
.tagcloud a:hover{
background-color:#1b497c;
color:#fffff4!important;
transition: 0.4s ;
}
/*ここまで*/


body.public-page, .content .cf .main{
	    border-top: 10px solid dodgerblue;
    padding-top: 40px;
}
}
.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.entry-content>*, .demo .entry-content p {
	    margin-top: 50px;
    margin-bottom: 50px;
}
.article .ch {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
    padding: 3%;
  margin: 2em 0 0.5em;
	
}

.article .ch:after {
  position: absolute;
  font-family: FontAwesome;
  font-weight: 900;
  content: '\f00c CheckPoint';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
	  	padding: 5px 1%;
}

.article li {
	margin-left: 0px;
	
	font-weight: bold;
	color: #333;
	padding: 5px 0 5px 5px;
	list-style: none;
}


.ch dt {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 20px;
}
.ch {
       padding:2%;
	margin-bottom: 20px;
}
 .article dd {
    margin-left: 0px;
	padding-bottom: 20px;
}
.waku ul, .waku ol,.waku dl {
  color: #668ad8;
  border: dashed 2px #668ad8;
  background: #f1f8ff;
  padding: 0.5em 0.5em 0.5em 2em;
}

.waku ul li, .waku ol li, .waku dl dd {
  line-height: 1.5;
  padding: 0.5em 0;
}
.article h2 {
  padding: 0.8em 0.5em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 5px #7db4e6;
  border-bottom: solid 3px #d7d7d7;
}
.toc {
    width: 90%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border: 4px solid #7db4e6;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.entry-card-title {
	font-size: 16px;
}

h2{
    
    font-weight: bold !important;
    color: #fff !important;
    background: #7db4e6 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    position: relative !important;
    margin: 0 0 1.5em !important;
    padding: 15px 0.4em 15px 2em !important;
}
h2:before,
h2:after {
     content: "" !important;
    position: absolute !important;
    display: block !important;
}
h2:before{
    top: -0.1em !important;
    left: 0.5em !important;
    width: 20px !important;
    height: 19px !important;
    padding: 5px 0 0 0 !important;
    background: #FFF100 !important;
    text-align: center !important;
}
h2:after{
    top: 0.8em !important;
    left: 0.5em !important;
    width: 0 !important;
    height: 0 !important;
    border: 10px solid !important;
    border-color: transparent #FFF100 !important;
}
.article h2 {
	border-left: none;
}
.entry-content>*, .demo .entry-content p {
	margin-bottom: 30px !important;
}
.toc {
	border:none !important;
}
.ect-vertical-card .entry-card-wrap {
	width: 48% !important;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
	margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
	margin-bottom: 20px;
}
	.ect-vertical-card .entry-card-wrap {
	width: 100% !important;
}
}
.container {
	background: #D3EDFB;	
}
.related-entry-heading:before,.related-entry-heading:after {
	content: none !important;
}
.entry-card-snippet, .related-entry-card-snippet{
	max-height:none;
}
.entry-card-title, .related-entry-card-title{
	margin-top:0;
}
.a-wrap{
	margin-bottom:0;
}
.entry-card-content, .related-entry-card-content{
	padding-bottom:0;
}
.entry-title, .archive-title{
	letter-spacing:0;
}
.entry-card-snippet {
	
}
.entry-content h2:before {
    height: 28px !important;	
}
.entry-content h3  {
  background-color: rgba(165, 210, 255, .4);
  background-image:
    linear-gradient(90deg, rgba(165, 210, 255, .3) 50%, transparent 50%),
    linear-gradient(rgba(165, 210, 255, .3) 50%, transparent 50%);
  background-size: 40px 40px;
		font-size: 16px;
	font-weight:bold;
}
.entry-content h3 span  {
	padding-left: 20px;
	display: block;
    line-height: 180%;
}


.entry-content h4  {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 3rem;
	font-size: 16px;
	font-weight:bold;
	border-top: none;
    border-bottom: none;
}


.entry-content>*, .demo .entry-content p {
    margin-top: 0px;
    margin-bottom: 50px;
}
.ect-vertical-card .entry-card-wrap {
    box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
	border-radius: 10px;
}
.entry-card figure img, .related-entry-card figure img {
	 box-shadow:none;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    margin-bottom: 20px;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
	border-radius: 10px;
}
.wp-block-image img {
	border-radius: 10px !important;	
}
.entry-content {
	 padding: 0px 3%;
}
.entry-content p {
	 padding: 0px 3%;	
}

.article ul li {
	position: relative;
	line-height: 220%;
	padding-left: 30px;
	font-size:16px;
}
.article ul li:before {
	content: "";
	position: absolute;
	top: 3px;
	left:-20px;
	width: 35px;
	height: 37px;
	background-image:url(https://hoikuportal.com/wp-content/uploads/2022/05/list_star.png);
}
.entry-content h4{
	font-size:18px;
}
.entry-content h3{
	font-size:20px;
}
.article .wp-block-table table{
	width:100%;
}
h4.has-large-font-size {
font-size: 20px !important;
}
.toc .toc-list > li{
	list-style:auto;
}
.wp-block-social-links .wp-social-link svg{
	width:24px !important;
	height:24px !important;
}