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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** エントリー・アーカイブの見出し
************************************/
.entry-title,
.archive-title {
	font-size: 26px;
	margin: 16px 0 16px 0;
	line-height: 1.3;
}

/************************************
** 記事のポイント
************************************/
.start-point{
	margin: 1.8em 0 1em;
	padding:0 0 9px 9px;
	border-bottom: solid 2px #FBE000;
	
}

/************************************
** H1-H6デザイン変更
************************************/

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	line-height: 1.5;
}

.article h1 {
	font-weight: 400;
	font-size: 26px;
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
	margin-bottom:5%;
  display: inline-block;
  top:0;
}

.article h1:before, .article h1:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}

.article h1:before {
  border-left: solid 1px #999999;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  left: 0;
}
.article h1:after {
  content: '';
  border-top: solid 1px #999999;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
  right: 0;
}



.article h2 {
	position: relative;
	padding: 16px 25px 16px 25px;
	border-top:2px solid #FBE000;
	border-bottom:2px solid #FBE000;
	background:#FFFFFF;
}
.article h3 {
	border: none; /* Cocoon親テーマCSSリセットのため */
	width: 100%;
	position: relative;
	margin: 1.8em 0 1.2em;
	padding: 12px 10px 10px 10px;
}
.article h3:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #FBE000 3px, #FBE000 6px, white 6px, white 9px, #C7E6E2 9px, #C7E6E2 12px);
	background: repeating-linear-gradient(135deg, #fff, #fff 3px, #FBE000 3px, #FBE000 6px, white 6px, white 9px, #C7E6E2 9px, #C7E6E2 12px);
	bottom: -4px;
}
.article h4 {
	border-top: none; /* Cocoon親テーマCSSリセットのため */
	margin: 1.8em 0 1em;
	border-bottom: solid 2px #FBE000;
}
.article h5 {
	border-bottom: none; /* Cocoon親テーマCSSリセットのため */
	margin: 1.5em 0 1em;
	padding: 0.25em 0.5em; /* 上下 左右の余白 */
	border-left: solid 8px #FBE000;
}
.article h6 {
	border-bottom: none; /* Cocoon親テーマCSSリセットのため */
	margin: 1.5em 0 1em;
	padding: 0.2em 0.5em;
	border-left: solid 4px #FBE000;
}
/************************************
** オリジナルリストボックス
************************************/
.list1{
    list-style: none;
    padding:0;
    margin:0;
	text-align:left;
}
.list1 li { 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 27px;
}
.list1 li:before {
   background-color:  #FBE000; /* 点の色 */
   position: absolute;
   content: '';
   top:0.6em;
   left: 0.5em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
}

.list1-number{
    list-style: number;
    padding:0 0 0 30px;
    margin:0;
	text-align:left;
}
.list1-number ol { 
	padding:0;
	margin:0;
}
.list1-number li { 
    position: relative;
	margin:0.5em 0 !important;
    padding-left: 10px;
}

/************************************
** サイドバーデザイン変更
************************************/

.sidebar h3 {
	font-size:14px;
	background:transparent; /* Cocoon親テーマCSSリセットのため */
	padding: 8px 0px;
	border-bottom: 2px #FBE000 dotted; /* ドット下線追加 */
	letter-spacing: 0.1em; /* 字間を広げる */
}
.sidecontact a {
	color: #333333;/*メニューウィジェットの文字の色*/
	text-decoration:none;
	line-height:36px;
}
.sidecontact a:hover {
   color: #333333;/*メニューウィジェットのマウスが乗ったときの文字の色*/
	text-decoration:underline;
}

/************************************
** フォームインプット部分文字サイズ変更
************************************/
.search-box input::placeholder {
	font-size:14px;
	padding:5px;
}

/************************************
** 人気記事ランキング表示のカスタマイズ
************************************/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
	 border-radius: 50%; /*丸にする*/
	 top: -4px;  /*丸の位置上に*/
	 left: -4px;  /*丸の位置左に*/
	 width: 14px;  /*丸のサイズを小さく*/
	 height: 14px;  /*丸のサイズを小さく*/
	 font-family: 'Lato', sans-serif;  /*数字をグーグルフォントに変更*/
	 font-size: 12px;  /*数字のフォントサイズを小さく*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
	background: #d0d0d1;
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
   　　　　 background: #d0d0d1;
	line-height: 14px;
}

.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{/*タイトル*/
 	 font-size: 12px;  /*フォントサイズを小さく*/
	padding: 0.2em 0 0 0.8em !important;  /*タイトル周りの余白を調整*/
	letter-spacing: 0.8px;  /*字間を広げる*/
}
.sidebar a.popular-entry-card-link.a-wrap{/*miniブログカード*/
        margin-bottom: 8px;  /*カード間の余白を広げる*/
}

/******************
表のデザインを変更
*******************/
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 10px 10px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 0.8em .6em; /* 余白（上下　左右） */
    background-color: #c2e7eb; /* 背景色 */
    color: #fff; /* 文字の色 */
    letter-spacing: 0.1em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
.wp-block-table thead {
    border-bottom: none;
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.8em 0.8em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #e6e6e6; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #e6e6e6; /* 左線 */
}


/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
	padding: 6px 16px; /*タブ内側余白*/
	font-size: 16px; /*タイトル文字の大きさ*/
	font-weight: bold; /*タイトル文字の太さ*/
	border-radius: 4px 4px 0px 0px;  /*タブ角丸*/
}

.tab-caption-box-content {
	position: relative;  /*配置に関するもの（ここを基準に）*/
	top: 1px; /*上から(1px）移動*/
	border: 2px solid; /*ボックス線*/
	padding: 48px 24px; /*ボックス内側余白*/
	border-radius: 4px; /*ボックス角丸*/
	border-top-left-radius: 0px; /*ボックス左上角丸*/
}


/********************************
ボックスメニューのカスタマイズ
********************************/

.box-menu{
	padding: 0 10px 2px 10px;
	min-height: 0;
	margin:0 auto 0 auto;
	box-shadow:none;
	font-family: cursive;
}
.box-menu img{
	width: 40%;
}
.box-menu:hover{
	box-shadow:none;
	opacity: 0.5;
} 
.box-menu-label{
	font-size:12px;
	color:#333333;
	margin-bottom:8px;
	letter-spacing:0.25em;
}

.box-menu-description{
	font-size:12px;
	color:#333333;
	letter-spacing:0.25em;
	padding: 3px 5px 2px 5px;
/**	border-bottom:1px dotted #AAAAAA;**/
}

.box-menu-icon{
	margin: 0;
	max-width: 100%;
}
.box-menu-icon img{
	margin-bottom: 5px;
}

/******************
シンプルな枠
*******************/

.simple-box {
    border: 1px solid #DCDCDC;
	padding:15px 15px 0 15px;
}

.simple-box2 {
    background: #EFEFEF;
	padding:15px 15px 20px 15px;
}

/******************
トップページ関連
*******************/

.topcategory-box {
	font-size:16px;
	font-weight:bold;
}
.topcategory-box img {
	margin-top:10px;
}

.topcategory-title:link{
	text-decoration:none;
}
.topcategory-title:hover{
	text-decoration:underline;
}

.toptitle{
	font-size:24px;
	background:#FBE000;
	letter-spacing:0.1em;
	padding:5px 0 5px 0;
	text-align:center;
}

.front-top-page #main .entry-title{
  display: none;
}