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

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

// <uniquifier>: Use a unique and descriptive class name

.noto-sans jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.recommended .navi-entry-cards {
    margin: 0 1em 0 1em;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/*
	 * 吹き出しのマージン
	 */
	.speech-wrap.sbp-r .speech-balloon {
    margin-left: 1em;
}
	.speech-wrap.sbp-l .speech-balloon {
    margin-right: 1em;
}
	
	/* ブログカードのマージン */
	.blogcard{
		margin: 1em;
	}
}

//記事タイトル（H1）のデザイン設定

/* カテゴリーラベル非表示 */
/* →追加cssへ記述済 */

header.article-header.entry-header {
text-align:center;
}
.article-header h1 {
position: static;
font-size: 1.4em;
color: #333333;
background-color:#fff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 1.5em .95em 1.1em;
text-align: center;
}
.eye-catch{
box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);
}
.eye-catch img{
height:auto!important;
-webkit-filter:none;
filter:none;
opacity:1;
transform: none;
width: 100%;
}
a.cat-link, a.tag-link{
font-size:.7em;
border-radius:10px;
border:0;
margin:0.5em;
padding:0 0.5em 0;
background:#80AAA6!important;
color:#fff!important;
}
.cat-link:hover ,.tag-link:hover {
opacity: .5;
transition: all .3s ease-in-out;
}
.entry-categories-tags {
margin-bottom: 0.4em;
}
.date-tags{
font-size:1.2em;
color:#7b7b7b;
top:5px;
right:0;
left: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
div.date-tags span.post-update{
order: 1;
}
span.fa.fa-history::before{
content:"\f021"
}
div.date-tags span.post-update,div.date-tags span.post-date{
margin-right: 10px;
}
@media (max-width:1023px){
.entry-categories-tags.ctdt-one-row {
padding: 0;
}
}
@media (max-width:420px){
.article-header h1 {
font-size: 1.2em;
}
.date-tags{
top:3px;
}
}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}


//インデックスのデザイン設定

a.entry-card-wrap.a-wrap.border-element.cf{
padding:0 0 .5em;
border-radius:10px;
width:48%;
margin-bottom:2em;
}

a.entry-card-wrap.a-wrap:hover, .related-entry-card-wrap:hover, .popular-entry-card-link:hover{
transform: translateY(-3px);
transition: all .3s;
background-color: #EFEEEF;
border-radius:10px;
}

figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:150px;
border-radius:0.5em;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{
margin-left:.8em;
}
@media screen and (max-width: 1100px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
/* max-height:120px; */
}}
@media screen and (max-width: 1023px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}}
@media screen and (max-width: 900px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
a.entry-card-wrap.a-wrap.border-element.cf:first-child{
margin-top: 1em!important;
}
}
@media screen and (max-width: 480px){
.e-card-thumb .cat-label{
margin-left:1em;
}}
@media screen and (min-width: 711px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}
a.entry-card-wrap.a-wrap.border-element.cf{
width: 46%!important;
margin: 1em 1em 0 1em;
}
a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2n){
margin-left: 0!important;
}
a.entry-card-wrap.a-wrap.border-element.cf:nth-child(-n+2){
margin-top: 1em!important;
}
}
h2.entry-card-title.card-title.e-card-title{
font-size:18px;
color:#7b7b7b;
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:2em;
margin-bottom:1em;
padding: 0 1.5em 0;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:14px;
color:#7b7b7b;
text-align:center;
border-top:3px dotted #80AAA6;
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:2em;
max-height:20em;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{
font-size: 1.15em;
font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:13px;
text-align:center;
border-top:3px dotted #80AAA6;
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{
margin-right:1.5em!important;
color:#7b7b7b;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
background-color:#80AAA6;
color:#fff;
}
div.admin-pv{/*閲覧数を非表示*/
display:none;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img{
	border-radius: 10px 10px 0 0;
}

.ect-vertical-card .entry-card-wrap{
	border: 1px solid #efefef;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #808080; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
	background-color: #fff;
}

.main{
	border-radius: 10px;
}

//サイドバー　のデザイン設定

#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
.sidebar h3, .comment-title, .related-entry-heading{
color:#7b7b7b;
background-color:#ffffff;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#80AAA6;
padding-bottom:0.3em;
padding-left:0;
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 {
background-color:#ffffff;
color:#afafb0!important;
margin: 6px 0;
padding: 4px 10px;
border-radius: 0.5em;
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{
background-color:#80AAA6;
color:#fffff4!important;
}
.tagcloud a{
background-color:#f7f7f7;
color:#afafb0!important;
}
.tagcloud a:hover{
background-color:#80AAA6;
color:#fffff4!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}

#sidebar{
	border-radius: 10px;
}

//本文左右余白幅設定

@media screen and (max-width: 480px){
    .single-post .entry-content {
        padding: 0 1em;
    }
    .article h2 {
        margin: 4em -20px 2em;
    }
    .article h3 {
	margin: 3em -16px 2em;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
    }
    .article h4 {
         border-top: 0;
    }
}

//モバイルヘッダーデザイン設定

.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
color: #80AAA6!important;
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fa.fa-search::before{
margin-left:1em;
color: #80AAA6!important;
}
span.fa.fa-bars::before{
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

//モバイルハンバーガーメニューデザイン設定

span.fa.fa-close::before{
font-family: FontAwesome;
content: "\f060";
}
.menu-content .menu-drawer {
padding: 0 1em;
margin:0;
}
ul.menu-drawer:before{
font-size:1.2em;
display: block;
font-weight: normal;
background: white;
color:#7b7b7b;
padding: .5em;
margin-bottom:1em;
font-family: sans-serif;
text-align: center;
border-bottom:3px dotted #80AAA6;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#fff;
padding:0;
border-radius:20px;
}
.menu-drawer a{
font-size:1.5em;
background-color:#f7f7f7;
color:#afafb0!important;
margin: 6px 0;
padding: 4px 1em;
border-radius:20px;
}
.menu-drawer a:hover{
background-color:#80AAA6!important;
color:#fffff4!important;
transition: 0.2s ;
}
.menu-drawer .sub-menu {
padding-left:30px;
margin-top:0;
}
.menu-drawer ul.sub-menu li {
font-size: 1em;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none!important;
}
}

@media screen and (max-width: 480px){
.ect-vertical-card.sp-entry-card-1-column .entry-card-wrap {
    border-radius: 10px!important;
}
}

/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
    font-family: FontAwesome;
    content: "\f022";
}
ul.menu-drawer:before{
    font-size:1.2em;
    background: white;
    color:#333;
    margin-bottom:1em;
    border-bottom:3px dotted #80AAA6; 
    content: "メニュー";
}
ul.menu-drawer:after {
    background: white;
}
.menu-drawer li {
    padding:0;
}
.menu-drawer li{
    font-weight: bold;
}
.menu-drawer a{
    font-size:1.3em;
    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: .9em;
}
.menu-drawer .sub-menu li a::before {
    font-family: FontAwesome;
    content : "\f022";
    color:#7b7b7b;
    margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
    box-shadow: none;
}
}

/************************************
** SNSシェアボタン
***********************************/
.sns-share, .sns-follow {
margin: 30px ;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
font-weight: normal;
letter-spacing:.4em;
border-radius:20px;
border: 0;
padding: 0.1em 4em;
background-color:#8b968d;
color:#fff;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
display:none;
}
.sns-share-buttons a {
transition:0.4s;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {
width: 80px;
}
aside#related-entries.related-entries.rect-mini-card{
padding-top:.4em;
}
.comment-btn {
margin-top: 1em;
}

/************************************
** contact form7 カスタマイズ
************************************/
.haveto{
font-size:9px;
padding:2px 5px;
background:#80AAA6;
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border: none;
border-radius:50px;
margin:25px auto 0;
transition:0.4s;
}
#formbtn:hover{
background:#80AAA6;
color:#fffff4;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/************************************
** ブログカード
************************************/
.blogcard-snippet,
.blogcard-footer {
  display: none;
}
.blogcard-wrap {
  transition: all .3s;
  max-width: 600px;
  margin: 2em auto;
}
.blogcard {
  border:1px solid #eaeaea !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  padding: 10px;
}
.blogcard-wrap:hover {
  background: none;
  transform: translateY(-3px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
  margin: 0;
}
.blogcard-thumbnail img {
  display: block;
}
.blogcard-title {
  color: #555;
  letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0 0 0;
  height: 45px;
  overflow: hidden;
}
.blogcard-content {
  min-height: auto;
  margin-left: 185px;
  padding-right: 6px;
}
.blogcard-label {
  top: -11px;
  left: 9px;
  padding: 3px 0.6em;
  background:#aaa;
  padding: 1px 10px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
}
.blogcard-content:after {
  content: "クリックして読む";
  background: #80AAA6; /* 背景色 */
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  width: 180px;
  border-radius: 20px;
  font-size: 13px;
  padding: 1px 0;
  margin-top: 6px;
}
@media screen and (max-width: 834px) {
  .blogcard-content {
    margin-left: 130px;
  }
  .blogcard-title {
    font-size:12px;
    line-height: 1.5;
    height: 35px;
    margin:0;
  }
  .blogcard-content:after {
    content: "タップして読む";
  }
  .blogcard-thumbnail{
    width:120px;
  }
}
@media screen and (max-width: 560px) {
  .blogcard-content:after {
    width: 120px;
    font-size: 12px;
  }
  .blogcard-title {
    margin:0;
  }
}
@media screen and (max-width: 320px) {
  .blogcard-thumbnail {
    width: 100px;
  }
  .blogcard-content {
    margin-left: 110px;
  }
  .blogcard-title {
    height: 35px;
  }
}

/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
border-radius: 0.2em;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
position: relative;
padding: 0.5em 0.5em 0.6em 0.5em;
color: #fafafa;
font-size: 1.5em;
letter-spacing: 1px;
background-color: #80AAA6;
}

.entry-content h2::before {
  position: absolute;
  content: "";
}

/* H3 */
.entry-content h3{
position: relative;
padding: 0.2em 0.5em;
color: #555555;
font-size: 1.3em;
letter-spacing: 1px;
background-color: white;
border-bottom: 3px solid #80AAA6;
}

.entry-content h3::before{
content: "";
position: absolute;
top: 100%;
left: 42px;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #80AAA6;
}

/* H4 */
.entry-content h4{
display: inline-block;
position: relative;
padding: 0.2em 0.5em;
color: #555555;
font-size: 1.2em;
letter-spacing: 1px;
}

.entry-content h4::before {
position: absolute;
content: "";
width: 83px;
height: 3px;
top: 100%;
left: 0;
background-color: #80AAA6;
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #80AAA6;/* 下側に点線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #80AAA6; /* 左側に実線・色*/
}

/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url( https://ushilog54.com/wp-content/uploads/2023/03/850c7612116999490846136e772ab7fd.png) center no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
	/* プロフィール画像を丸くする */
border-radius: 50%;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}
	#author_box-2{
		margin: 1em 1em 0;
	}
}
.author-box .author-name {
margin: 0 0 2em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
}
a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}

/*
 * 「最近の投稿」の次のページボタン非表示
 * */
.pagination-next-link {
  display: none;
}

/*
 * タイトル付きボックス
 */
  
.box4-green {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #80AAA6;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.box4-green .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #80AAA6; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box4-green p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

.box4-green ul{
margin-bottom: 0;
}

.box4-green ul li{
list-style-type: none;
	margin-left: -1em;
}

@media screen and (max-width: 480px) {
		.box4-green {
	max-width:350px;
}
}
/*
 * 目次のデザイン
 */

.toc{
    background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更 */
    border:none;
    display:block;
    border-top:5px solid;
    border-top-color:#FFC679;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    padding: 20px 25px 0px 25px;
}
/* 目次の文字指定 */
.toc-title {
    text-align:left;
    margin: 0 0 20px -10px;
    padding-left: -20px;
    font-size: 20px;
    font-weight: 700;
    color: #80AAA6; /* 目次の文字色を変える場合はここを変更 */
}
/* 目次のアイコン設定 */
.toc-title:before {
    top: 0;
    left: -45px;
    width: 50px;
    height: 50px;
    font-family: FontAwesome;
    content : "\f0ca"; /* アイコンを変える場合はここを変更 */
    font-size:20px;
    margin-right:5px;
    color:#FFF; /* アイコンの色を変える場合はここを変更 */
    background-color:#80AAA6; /* アイコンの背景色を変える場合はここを変更 */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding:14px;
}
/* 目次のデザインカスタマイズ */
.toc-content ol {
    padding: 0 0.5em;
    position: relative;
}
.toc-content ol li {
    line-height: 1.5;
    padding: 0.7em 0 0.5em 0.5em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
}
/* 目次の各節の先頭にあるアイコンを設定 */
.toc-content ol li:before {
    font-family: FontAwesome;
    content: "\f138"; /* アイコンを変える場合はここを変更 */
    position: absolute;
    left : 0.5em;
    color: #80AAA6; /* 色を変える場合はここを変更 */
}
.toc-content ol li:last-of-type {
    border-bottom: none;
}
.toc-content .toc-list li {
    font-weight:700; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
    font-weight:normal; /* h3以降の文字サイズを普通に */
}


/* 画像の枠線カスタマイズ */
.wp-block-image img {
    border: solid 1px #808080; /* 枠線のスタイル 太さ 色 */
    box-shadow: 0px 0px 5px #808080; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
}

/*
 * 吹き出しの画像のマージン
 */
.speech-person{
	margin: 0 0.5em;
}

.page-numbers{
	border-radius: 50px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

.pagination a{
	transition: 0.5s;
}

.pagination a:hover{
	background-color: #D3E4E1!important;
}

.current{
	color: white;
	background-color: #A1BFBD!important;
}

.author-box{
	border-radius: 10px;
}


/*
 * メモボックス
 */

.memobox{
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
  background-color: #e1ede2;
  padding: 1em;
}

.memobox-title{
  font-size: 18px;
  font-weight: bold;
  color: #80AAA6;
}
.memobox-title:before{
  font-family: FontAwesome;
  content: "\f040";
  font-size: 17px;
	margin-right: 3px;
}

.memobox ul{
	margin-bottom: 0;
}

.memobox ul li{
list-style-type: none;
	margin-left: -1em;
}

.memobox p{
	margin: 0;
	padding: 0;
}

/*おすすめカードカスタマイズ*/

.rcs-center-white-title .card-content{
	background-color: rgba(51,51,51,0)!important;
}

div.navi-entry-card.widget-entry-card.e-card.cf{
border-radius:10px!important;
/* overflow:hidden; */
max-height:200px;
margin:0 .3em 0;
box-shadow: 0px 0px 5px #808080; 
}

/* .navi-entry-card-title{
	display: none !important;
} */

/*リストのスタイル*/
.simplebox {
 	background: whitesmoke;
 	padding: 0 0.5em;
	border-radius: 0.5em;
 	position: relative;
}

.simplebox .simplebox-inner {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.5em;
  border-bottom: 2px solid white;
  list-style-type: none!important;
}

.simplebox .simplebox-inner:before {
  font-family: FontAwesome;
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #668ad8; /*アイコン色*/
}

.simplebox .simplebox-inner:last-of-type {
  border-bottom: none;/*最後の線だけ消す*/
}

//アップデートで編集画面のh2タグの文字が#fffになってしまったので、#000へ強制変更
//→これ反映されない、なぜ。。。
//→一旦、編集画面に入った時に開発者ツールで黒にして編集を進める運用をしよう・・・
.block-editor-rich-text__editable{
	color: #000 !important;
}

/*画像の角を丸く*/
img, .eye-catch{
	border-radius: 0.5em;
}

/*前、後の記事エリア丸々非表示*/
.pager-post-navi.post-navi-square{
	display: none;
}

/*関連記事のボトム0*/
.related-entry-card-content, .entry-card-content{
	padding-bottom: 0;
}

/*記事編集画面のh２タグの文字色が白なので、黒へ変更*/
.block-editor__container .block-editor-rich-text__editable{
	color: black;
}

/*関連記事のブログカードのデザイン*/
.related-entry-card-wrap, .popular-entry-card-link{
	border: 1px solid #ccc!important;
	border-radius: 0.5em!important;
	padding: 0.3em 0.5em!important;
	box-shadow: 0px 0px 5px #808080;
}

.popular-entry-card-link{
	margin-bottom: 0.5em!important;
}

.archive-title{
	display: none;
}