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


/************************************
** サイドバー
************************************/
.sidebar h3{
font-size: 1.2em;
border-left:none;
border-right:none;
padding: 0;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 3px #333;
border-bottom: solid 1px #333;
}
	
/************************************
** 目次
************************************/
.toc {
	background: transparent;
	border: 3px solid #333!important;
}

/************************************
** 次ページ
************************************/
.pagination-next-link {
  display: none;
}
.page-numbers { /*通常時*/
  color: #333;
  border: 1px solid #333;
}
.pagination .current { /*現在のページ*/
background-color: transparent;
border: 2px solid #333;
color: #333
}
.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}
.pagination a:hover { /*マウスホバー時*/
  background-color: #333;
  color: #fff;
}

/************************************
** 投稿日非表示（固定ページ）
************************************/
.post-142 .date-tags,
.post-558 .date-tags,
.post-61 .date-tags,
.post-11 .date-tags,
.post-30 .date-tags,
.post-61 .date-tags,
.post-596 .date-tags,
.post-6300 .date-tags,
.post-662 .date-tags,
.post-16362 .date-tags{
  display: none;
}

/************************************
** ランキング（ウィジェット）
************************************/
#sidebar .card-thumb img{
width: 52px;
height: 52px;
object-fit: cover;
}
#sidebar .widget-entry-cards figure {
 width: 52px;
}
#sidebar .widget-entry-card-content {
 margin-left: 62px;
}

/************************************
** アンダーマーカー
************************************/
.marker {
background: linear-gradient(transparent 0%, #ffff00 0%);
}
.marker-red {
  background-color: #ffd0d1;
}
.marker-blue {
  background-color: #0000FF;
}
.marker-under {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}
.marker-under-red {
  background: linear-gradient(transparent 60%, #ffd0d1 60%);
}
.marker-under-blue {
  background: linear-gradient(transparent 60%, #0000FF 60%);
}
	
/************************************
** 引用（blockquote）
************************************/
blockquote {
	font-size: 14px;
    position: relative;
    padding: 10px 15px 10px 60px;
    font-style: italic;
    background: #fff;
    color: #333;
    border-left: 2px solid #333;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    content: "“";
    font-family: sans-serif;
    color: #333;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #808080;
    font-size: 0.6em;
}

/************************************
** エントリーカード（ウィジェット）
************************************/
.widget-entry-card {
font-size: 12px;
}

/************************************
** 投稿エントリーカード
************************************/
.entry-card {
border-bottom: 1px dotted #ccc;
}
.entry-card-title {
 font-size: 13px;
} 
.ect-entry-card .entry-card-wrap {
padding: 3px;
margin: 0px;
}
.entry-card-meta{
color: #999;
font-size: 12px;
}

@media screen and (min-width: 481px) {
.entry-card-title {
font-size: 14px;
line-height: 1.2em;
}
.entry-card-meta{
font-size: 14px;
}
}
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/************************************
** タグ・カテゴリー
************************************/
.tagcloud a {
    background: none; /*背景を消す*/
	border: 1px solid #333; 
    border-radius: 15px; /*角の丸み*/
    color: #333; /*文字色*/
    display: inline-block;
    padding: 3px 10px 2px 10px;
    text-decoration: none;
    font-size: 12px;
	font-weight: bold;
    margin: 5px;
    flex: 1 1 auto;    
    justify-content: space-between;
}
.tagcloud a:hover { /*マウスホバー時*/
    background: #333;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.5s; /*アニメーションの時間*/
}
.fa-tag:before {
  content: "#";
}
.archive-title{
color: #000;
}
.archive-title :before {
  display: none;
}

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

/* 見出し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;
}

/* H1 */
.article h1{
color: #333;/*文字色*/
padding: 0.5em 0em;/*上下の余白*/
border-top: solid 3px #333;/*上線*/
border-bottom: solid 3px #333;/*下線*/
}

/* H2 */
.article h2{
background: #000; /*背景色*/
padding: 0.6em;/*文字周りの余白*/
color: #fff;/*文字を白に*/
}
/* H3 */
.article h3{
border-left:none;
border-right:none;
padding: 0;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #333;/*左線*/
border-bottom: solid 1px #333;
}
/* H4 */
.article h4{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #333;/*左線*/
}
/* H5 */
.article h5{
font-size: 1em;
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
}

/************************************
** 画像キャプション
************************************/
.wp-block-image figcaption {
	margin: 0;
	color: #383b40;
	font-size: 0.6em;
	text-align: right;
}
.wp-block-image figcaption a{
	color: #383b40;
	text-decoration: none;
}

/************************************
** テーブル（表）
************************************/
.entry-card th {
font-size: 1em;
color: #fff;
background-color: #333;
padding: 7px 10px;
}

/* 見出し以外のセルの枠線設定 */
.entry-card td {
font-size: 0.9em;
background-color: #f7f7f7;
padding: 7px 10px;
}

td:first-child {
font-weight: bold;
background-color: #f7f7f7;
border: 1px solid #333 !important;
}

tr td:nth-child(n+2) {
background-color: #ffffff;
border: 1px solid #333 !important;
}

/************************************
** ヘッダーモバイルメニュー
************************************/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
 color: #000;
}
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: rgba(51,51,51,0.7);
	transform: translateX(101%);
}
.menu-drawer a{
	font-size: 1.2em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 2.5em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: #fff;
	background-color: rgba(51,51,51,0.7);
}
.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;
}

/************************************
** ヘッダーメニュー
************************************/
#navi .navi-in li{
width: 16%;
}
#navi .navi-in li a{
font-size: 14px; /*場合によってフォントサイズを小さく*/
}

#navi .navi-in a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
bottom: -1px;       /*アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています*/
visibility: hidden; 
}

#navi .navi-in a:hover::after {
visibility: visible; /*ホバー後、アンダーラインを可視化する*/
}

/************************************
** カテゴリー（アイキャッチ画像）
************************************/
.cat-label {
	font-size: 0.7em;
	color: #333;
    background-color: #fff;
    top: 0em;
    left: 0em;
}
.eye-catch .cat-label {
    padding: 0px 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    opacity: 0.9;
    top: 0em;
    left: 0em;
    min-width: 120px;
}

/************************************
** シェアボタン
************************************/
/*ボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	margin-bottom: 8px;
	color: #333; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 5px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/************************************
** 投稿日・更新日
************************************/
.date-tags {
    line-height: 0.8em;
    color: #aaa; /* 文字色を薄くする */
}

/************************************
** 商品ボタン
************************************/
.btn-square-red {
font-weight: bold;
font-size: 1em;
margin-bottom: 5px;
width: 100%;
display: inline-block;
padding: 10px 10px;
background: #ee2e3e;
color: #fff;
border-radius: 5px;
box-shadow: 2px 2px 6px -2px grey;
text-align: center;
}
.btn-square-red:hover {
color: #FFF;
box-shadow: none;
}
.btn-square-red a{
display: block;
color:#fff;
text-decoration: none;
}

.btn-square-black {
font-weight: bold;
font-size: 1em;
margin-bottom: 5px;
width: 100%;
display: inline-block;
padding: 10px 10px;
color: #fff;
border-radius: 5px;
box-shadow: 2px 2px 6px -2px grey;
text-align: center;
background: #000;
text-decoration: none;
}
.btn-square-black:hover {
color: #fff;
box-shadow: none;
}
.btn-square-black a{
display: block;
color:#fff;
text-decoration: none;
}

/************************************
** 関連記事
************************************/
.related-entry-heading{
font-size: 1.2em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #333;/*左線*/
}
.related-entry-card.e-card.cf{
 border-bottom: 1px dotted #ccc;
}
.related-entry-card-title.card-title.e-card-title{
  font-size: 12px; /*フォントサイズ*/
  line-height: 1.2;
  display: flex;
}
.related-entry-card .cat-label {
  display: none;/*カテゴリー非表示に*/
}
.related-entry-card-meta {
font-size: 0.8em;
 color: #aaa; 
}

/************************************
** タイトル（非表示）
************************************/
.post-11
h1.entry-title{
display:none;
}

/************************************
** 検索
************************************/
.search-box .search-edit {
	padding: 8px 16px;
	padding-right: 68px;
	border-color: #000;
	box-shadow: 2px 2px 6px -2px grey;
	border-radius: 2px;
}
/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	box-shadow: 2px 2px 6px -2px grey;
	background-color: #000;
	border-radius: 2px;
}
.search-box .fa-search {
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}

/************************************
** 画像（中央寄せ）
************************************/
.video-container {
margin: 0px auto;
}


/************************************
** スニペット
************************************/
.entry-card-snippet.card-snippet.e-card-snippet {
  font-size: 12px; /*フォントサイズ*/
  margin-bottom: 1px; /*説明文と日付間の余白*/
  color: #7d7d7d;
  line-height: 1.4;
  overflow: hidden;
}