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

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


/*フッターロゴサイズ*/
.footer-bottom-logo img {
	height: auto;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	
	
	/* ここから */
/* 横幅をちょい狭くする*/
.page-body {
	padding: 0 10px; /* 左右幅を10px狭くする→背景が見えるようになる 0で背景なし */
}
	

	
}

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

	
	
}

/************************************
**　ヘッダーメニュー
************************************/

div.item-label{
font-weight:bold;
}


/************************************
**　アンカー調整
************************************/

span[id^="toc"] {
	padding-top: 2em;
}


/************************************
**　プロフィールウィジェットカスタマイズ
************************************/
.nwa .author-box .author-description {
font-size: 0.85em;
	color: #666666;
}








/************************************
**　インデックス
************************************/

/*　カードボックス,関連ページ　*/
a.entry-card-wrap.a-wrap.border-element.cf{

	border-radius: 10px;
	padding: 1em 1em 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1), 0 3px 5px 0 rgba(0,0,0,.2);
}




/*　カードボックスホバー　*/
a.entry-card-wrap.a-wrap:hover {
transform: translateY(-3px);
transition: all .1s;
background-color: #fff;
}




/*　カードタイトル　*/
.entry-card-title.card-title.e-card-title {
	font-size: 1.1em;
	padding: 0 0 0 1em;
	color:#333333;
}



/*　カードテキスト　*/
.entry-card-snippet.card-snippet.e-card-snippet{
	font-size: 85%;
	padding: 1em 0 0 1.5em;
	color:#666666;
}

/*　カテゴリーやウィジェットのエントリーカード　*/
a.new-entry-card-link.widget-entry-card-link.a-wrap,
a.related-entry-card-wrap.a-wrap.border-element.cf
{

	border-radius: 8px;
	padding: 10px;/*カードの中の余白*/
	margin-bottom:10px;/*カードとカードの間の余白*/
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1), 0 3px 5px 0 rgba(0,0,0,.2);
}

/*　カテゴリーやウィジェットのエントリーカードタイトル　*/
.new-entry-card-title.widget-entry-card-title.card-title,
.e-card-title{
	font-size: 1em;
	padding: 0 0 0 1em;
	color:#444444;
	font-weight: bold;
}


/*　カテゴリーやウィジェットのエントリーカードホバー　*/
a.new-entry-card-link.widget-entry-card-link.a-wrap:hover {
transform: translateY(-3px);
transition: all .1s;
background-color: #fff;
}


/*　関連ページのホバー　*/
a.related-entry-card-wrap.a-wrap.border-element.cf:hover {
transform: translateY(-3px);
transition: all .1s;
background-color: #fff;
}



/*　カテゴリーラベル　*/
.eye-catch .cat-label, .cat-label{
font-size:.6.5em;
font-weight: bold;
border:none;
border-radius:8px;
margin:0.5em;
padding:0.1em 0.5em 0;
background-color:#ffd700;/*カテゴリーラベルの色変更はこちら*/
color:#4d260f;
}


div.admin-pv{/*閲覧数を非表示*/
display:none;
}


/************************************
** 本文記事タイトル
************************************/
header.article-header.entry-header {
text-align:left;
}
.article-header h1 {
position: static;
font-size: 1.5em;
color: #333333;
background-color:#fff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 1.5em .5em 1.1em;
}
.eye-catch{
box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);
}


a.cat-link, a.tag-link{
font-size:.7em;
border-radius:10px;
border:0;
margin:0.5em;
padding:0.3em 0.5em 0;
background:#ffd700!important;/*タグ色の変更はこちら*/
color:#4d260f!important;
}
.cat-link:hover ,.tag-link:hover {
opacity: .5;
transition: all .3s ease-in-out;
}
.entry-categories-tags {
margin-bottom: 0.4em;
}




/************************************
** ブログカード（本文挿入）
***********************************/
.blogcard {
padding-bottom:.8%;
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{

transform: translateY(-3px);
transition: all .1s;
background-color: #fff;

}
.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after,
.external-blogcard::after{
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #253b5b;/*続きを読むの背景色変更はこちら*/
padding: .4em 3em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-content{
max-height: none;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}




/************************************
** h2,h3,h4,h5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#f5f5f5;
font-size: 24px;
color:#333333;
border-radius:8px;
border-left:solid 14px #253b5b;/*H2の色の変更はこちら*/
padding:1em;
margin-top:70px;
margin-bottom:2em;
}
.article h3{
line-height:2;
font-size:20px;

color:#333333;
border-radius:4px;
background-color:#fafafa;
	
border-left:10px solid #253b5b;/*H3の色の変更はこちら*/
border-top: none;
border-bottom: none;
border-right: none;
	
	
	
padding: 0.4em 0.8em;
margin-top:90px;
}
.article h3:before {
width: 0em;
}
.article h4{
line-height:2;
background-color:#F6F6F6;/*H4背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
color:#333333;
border-radius:1px;
padding:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}
.article h5{
background: #F7F7F7;/*H5背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#F39800;/*H5枠色の変更はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;
}
@media (max-width:480px){
.article h2{
font-size:18px;
padding:1em 1em 1em 0.5em;
}
.article h3{
font-weight:bold;
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}






/************************************
**白抜きボックスの装飾
************************************/

.blank-box {border: 1.5px dashed;}




/************************************
**サイドバーの見出しカスタマイズ
************************************/


.sidebar h3{

border-radius: 4px;
font-size: 1em;/*文字の大きさ*/
position: relative;
padding: 0.5em;/*余白*/
margin: 1.5em 0;/*余白*/
text-align: center;
letter-spacing:0.1em;/*文字の間隔*/

}


/************************************
**目次カスタマイズ
************************************/

/*目次全体*/
.toc {
	width: 100%;
	max-width:600px;/*外枠の最大幅を指定*/
	border-color: #f0f0f0;/*外枠の線の色*/
	font-size: 90%;
	box-sizing: border-box;
	margin: 30px auto;/*上下に30pxマージン・左右中央寄せ*/
	padding: 1em 2em;
	line-height: 1.8;
}




.toc-title {
  position: relative;
  margin: 20px auto;
  background: #253b5b;
	font-size: 90%;
  color: #fff;
 
  border-radius:4px;
 }


.toc .toc-content {
  margin: 20px 5px;
	  font-weight: bold;

 }

.toc-list > li li {
  list-style: none !important;
}

/*ここは・なので色以外さわらない*/
.toc-list > li li ::before {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #888888;
  position: relative;
  margin-bottom: 2px;
 }


.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #888888;
  margin-left: 10px;
 }


/************************************
**　テーブル制御全体
************************************/

/* 固定1列目の装飾 */
.entry-content table tr td:nth-of-type(1){
	    background-color: #fff7ef;
	  border: solid 1px #cdcdcd;
	color: #333;
	padding-left: 0.8em;
}	
	
/* 見出しセルの文字色・背景色・枠線設定 */
.entry-content th {
  background-color: #fff7ef;
  border: solid 1px #cdcdcd;
}

/* 見出し以外のセルの枠線設定 */
.entry-content th tr td {
  border: solid 1px #cdcdcd;
}
/* 奇数行の背景色 */
.entry-content tr:nth-child(odd) td {
  background-color: #ffffff;
	  border: solid 1px #cdcdcd;
}
/* 偶数行の背景色 */
.entry-content tr:nth-child(even) td {
  background-color: #ffffff;
	  border: solid 1px #cdcdcd;
}




/************************************
** Senmongailistオリジナルテーブル
************************************/
.Senmongailist table {
	margin: auto;
	width: 100%;
    table-layout: fixed;
	}

.Senmongailist th {
	border: solid 1px #cdcdcd;
text-align: center;
	  color: #333;
	  font-size: 85%;
}


/* 見出し以外のセルの枠線設定 */
.Senmongailist td {
  font-size: 85%;
	line-height: 1.5em;
		padding: 1em 0.5em;
	
}

/************************************
** jumintableオリジナルテーブル
************************************/
.jumintable table tr td:nth-of-type(1){
	width: 30%;
font-size: 0.9em;
}	

.jumintable td {
  font-size: 0.9em;