@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

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

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

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

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

body {
	font-family: Noto, Hiragino Sans,Helvetica,Arial,sans-serif;
	text-rendering: optimizeLegibility;
/*    background: transparent; */
   -webkit-font-smoothing: antialiased;
   line-height: 2;
}

/* header */
.header-container {
	background: #234768;
}

.tagline {
	color: white;
}

.content.cf,
.container.cf{
	background: whitesmoke;
}

.logo-text{
	padding: 0;
}
.site-name-text{
	color: white;
}

/* navbar */
.sidebar.nwa.cf {
	color: grey;
   font-size: 15px;
}

.navi div {
	color: #5a5a5a;
	font-size: 13px;
}

.widget_recent_entries ul li a {
	padding-left: 10px;
}

/* .sidebar h3 {
	background: none;
   border-bottom: dashed 2px#CDF0EA;
} */

.navi.cf {
	background: white;
	box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

/* entry title */
.entry-title{
	margin: 15px 0 35px 0;
}

.ect-vertical-card.ect-tile-card .a-wrap {
    box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

/* sidebar */
.popular-entry-card-title {
	font-size: 14px;
}

/* head tag color*/
h1,h2,h3,h4,h5 {
	color: #5a5a5a;
}


/* h3 */
.article h3 {
	border-left: 7px solid #234768;
}

/* Top Article*/
.entry-card-content,
.entry-card-title{
	color: #5a5a5a
}

.entry-card-title.card-title.e-card-title {
	font-size: 15px;
	font-weight: 500;
}

/* h3 */
.article h3 {
    margin-top: 3.4em;
	 font-size: 24px;
}

/* h5 */
.article h5 {
    border-bottom: solid 1px #234768!important;
	 font-size: 18px;
	 color: #234768!important
}


/* p margin-bottom*/
.entry-content p,
.entry-content blockquote{
	margin-bottom: 40px;
}

/* date tag mergin */
div.date-tags {
	margin-bottom: 5rem;
}

/* read-nav check list*/
.read-nav ul {
  border: solid 2px #aee2b0;
  background: #f2fdfb;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-weight: 500;
}

.read-nav ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.read-nav ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #aee2b0; /*アイコン色*/
	font-weight: 900;
}

.read-nav.blue ul {
  border: solid 2px #aee2b0;
  background: #f2fdfb;
}

.read-nav.blue ul li:before {
  color: #aee2b0; /*アイコン色*/
}

/* check list*/
.check-list ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.check-list ul li {
	font-weight: 500;
  line-height: 1.7;
  padding: 0.1em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.check-list ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #234768; /*アイコン色*/
	font-weight: 900;
}

/*mokuji*/
.toc.border-element{
    background: #fbfbfb;
}

.toc-content ol li {
  list-style-type: none!important;/*ポチ消す*/
}

.toc-content ol li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f219";
  color: #aee2b0; /*アイコン色*/
  font-weight: 900;
  padding-right: 0.2rem
}

.toc a {
	color: #4eb2e3;
}


/* tenten check list*/
.tenten ul,
.tenten ol {
  border: dashed 2px #aee2b0;/*破線 太さ 色*/
  background: #f2fdfb; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;
	font-weight: 500;
}

.tenten ul li,
.tenten ol li {
  line-height: 1.5;
  padding: 0.4em 0;
}

/* h2 midashi */
h2.midashi {
	color: white;
    background: #234768;
    box-shadow: 0px 0px 0px 5px#234768;
    border: dashed 2px white;
    padding: 1em;
}

/* h4 */
h4 {
	border-top :double 5px #234768!important;
	border-bottom :double 5px #234768!important;
}

/*fukidashi */
.article .micro-balloon {
	 color: #405f7a;
    margin-bottom: 1.9em;
    background: aliceblue;
    font-size: inherit;
}

/*box 11*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #272a34;
    background: white;
    border-left: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	 font-weight: 500;
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.box11 ul {
	margin-bottom: 0;
}

/*box5*/
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

/* hirameki */
.hirameki {
  position: relative;
  padding-left: 35px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: bold;
}

.hirameki:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hirameki:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* negative list*/
.nega ul {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

.nega ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.nega ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: gray; /*アイコン色*/
  font-weight: 900;
}

/*blank box margin top*/
.blank-box.bb-tab {
	margin-top: 5em;
}

/* paragraf table*/
table {
	font-size: 16px;
	text-align: center;
}

table td {
	padding-left: 10px;
	padding-right: 10px;
}

table tr:nth-of-type(2n+1) {
    background-color: #f0f7ff;
}

/* blog card*/
.blogcard-snippet {
    font-size: 0.6em;
}

.blogcard-domain.internal-blogcard-domain {
	font-size: 0.9rem;
}

/*box27*/
.box27 {
	font-weight: 500;
    position: relative;
    margin: 4em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p{
    margin: 0; 
    padding: 0;
}
.box27 ul{
    margin-bottom: 0; 
}

.box27 ul li {
  line-height: 1.7;
  padding: 0.1em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.box27 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #62c1ce; /*アイコン色*/
	font-weight: 900;
}

/*box30*/
.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #234768;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.box30 ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-weight: 500;
}

.box30 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.box30 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #234768; /*アイコン色*/
	font-weight: 900;
}

/*.リンクボタン */
.my_link_btn{
  margin-bottom: 10px;	
  margin-top: 0;
  display: inline-flex;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: box-shadow 0.5s;
  background: #029c02; 
  font-weight: bold;
  box-shadow: 0px 3px 6px #44483f;  
}
.my_link_btn a{
  color: white;
  text-decoration: none;
  padding: 10px 18px; 
}
.my_link_btn:hover{
  box-shadow: 0px 9px 12px #855;  
}