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

/************************************
** 子テーマ用のスタイルを書く
************************************/




/* =========================================================

全ページ共通：見出し

========================================================= */
/* h2の見出し：落ち着いた黒背景に黄色のアクセント */
.article h2 {
	font-size:1.5rem;/*文字サイズ:22px相当*/
	color: #FFFFFF; /* 文字色 */
	background: #3F3B3A; /* 背景 */
	border-left: 15px solid #F8B73D; /* 左側に黄色のアクセント線 */
	padding: 15px 20px;
	border-bottom: none;
}	
/* --- h3の見出し：左側に黒い四角、下は落ち着いたグレーの細線 --- */
.article h3 {
	font-size: 1rem !important; /* 文字サイズ:16px相当 */
	color: #3F3B3A !important;    /* 文字色*/
	border-top: none !important;
	border-right: none !important;
	border-left: 10px solid #F8B73D !important; /* 左の太線は維持 */
	border-bottom: 2px solid #F8B73D !important; /* 下線を2pxに細くしました */
	background: transparent !important;         /* 背景は透明 */
	padding: 8px 15px !important;               /* 線が細くなった分、余白も少し調整 */
}
/* --- H4：黒の下線 ＋ 左端だけ黄色のアクセント --- */
.article h4 {
	background: transparent !important;
	font-size:0.8rem;/*文字サイズ:14px相当*/
	color: #3F3B3A !important;
	border-bottom: 3px solid #3F3B3A !important; /* 下線 */
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	padding: 5px 0 !important;
	position: relative !important;
}
/* H4の左端だけ黄色くする装飾 */
.article h4::after {
	content: '' !important;
	position: absolute !important;
	bottom: -3px !important;
	left: 0 !important;
	width: 50px !important;
	height: 3px !important;
	background: #F8B73D !important;
}

@media (max-width:560px){
/* h2の見出し：落ち着いた黒背景に黄色のアクセント */
.article h2 {font-size:1rem;/*文字サイズ:22px相当*/}	
}


/* =========================================================

全ページ共通：ヘッダー

========================================================= */
.header-in {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}
/* ロゴの変倍（歪み）を修正 */
.logo-header img {
	width: auto !important;
	height: 150px !important;
	object-fit: contain;
	margin: 0px;
	padding:0px;
}
/* SNSアイコンの余白を詰める */
.header-container-in .sns-buttons a {margin:auto 0px !important;}
.header-container-in .sns-buttons {margin-right: 0;}
/* メニューの縦線 */
.navi-in > ul > li { position: relative;}
.navi-in > ul > li:not(:last-child)::after {
	content: "|";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #ccc;
	font-size: 0.8em;
}
.navi-in > ul > li a {padding-left: 15px !important;padding-right: 15px !important;}




/* =========================================================

サイドバー

========================================================= */
/* ----------------------------------
▼ 検索窓
---------------------------------- */
.sidebar .search-box, .search-menu-content .search-box {
	width: 100%;
	margin: 20px 0px 50px; /*検索窓周りの余白*/
	position: relative;
	display: flex;
	border-radius: 50px; /*全体を囲むボックスの角丸*/
	border: solid 3px #3E3A39; /*枠線*/
}
.sidebar .search-edit, .search-menu-content .search-edit {
	width: 100%; /*入力部分の長さ*/
	background: #fff; /*入力部分の背景色*/
	padding: 0 20px;
	border: none;
	border-radius: 50px 0 0 50px; /*左上、左下のみ角丸*/
	font-size: 14px;
}
.search-submit {
	width: 20%; /*ボタン部分の長さ*/
	background: #3E3A39; /*ボタン部分の背景色*/
	color: #fff; /*アイコンの色*/
	position: static;
	right: auto;
	top: auto;
	font-size: 20px; /*アイコンの大きさ*/
	cursor: pointer;
	line-height: 40px; /*検索窓の高さ*/
	border: none;
	border-radius: 0 50px 50px 0; /*右上、右下のみ角丸*/
	padding: 0;
}
.search-box input::placeholder {color: #898989;} /*「サイト内を検索」の色*/
.search-box input:focus, .search-box button:focus {outline: 0;} /*入力時の枠線を消す*/

/* ----------------------------------
▼ 見出し
---------------------------------- */
.sidebar h3 {
	font-size: 1rem !important; /* 文字サイズ */
	color: #3F3B3A !important;    /* 文字色*/
	border-top: none !important;
	border-right: none !important;
	border-left: 10px solid #3F3B3A !important; /* 左の太線は維持 */
	border-bottom: 2px solid #3F3B3A !important; /* 下線を2pxに細くしました */
	background: transparent !important;         /* 背景は透明 */
	padding: 5px 10px !important;               /* 線が細くなった分、余白も少し調整 */
}

/* ----------------------------------
▼ 人気記事カード（画像＋タイトル＋Noタグ）
---------------------------------- */
.popAllGrid{display:grid;gap:12px;}
.popAllCard{display:block;text-decoration:none!important;}
.popAllThumb{
	position:relative;
	overflow:hidden;
	border-radius:12px;
	height:120px; /* 100〜140で調整OK */
	background:#eee;
}
.popAllThumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:.2s;
}
.popAllTitle{
	position:absolute;
	left:0;right:0;bottom:0;
	padding:10px 12px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
	background:linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0));
}
/* リボン型Noタグ（色は統一） */
.popRank{
	position:absolute;
	top:8px;
	left:-8px;
	background:#3F3B3A;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:4px 12px 4px 14px;
	border-radius:0 6px 6px 0;
	z-index:2;
}
.popRank::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-6px;
	border-width:6px 6px 0 0;
	border-style:solid;
	border-color:#2b2928 transparent transparent transparent;
}
/* No.1 王冠 */
.popRank-1::before{content:"👑";margin-right:4px;}
/* ホバー */
.popAllCard:hover img{transform:scale(1.05);}

/* ----------------------------------
▼ 公式サイトをみるボタン
---------------------------------- */
/* 公式サイトを見る（シンプル版） */
.official-site-btn{
	display:block;
	text-align:center;
	padding:5px 0;
	margin-top:12px;
	border:1.5px solid #3F3B3A;
	color:#3F3B3A !important;
	background:transparent;
	font-size:0.85rem;
	font-weight:600;
	text-decoration:none!important;
	transition:.2s ease;
}
/* ホバー */
.official-site-btn:hover{
	background:#3F3B3A;
	color:#fff !important;
}




/* =========================================================

TOPページ

========================================================= */
/* ----------------------------------
▼ アピールエリア
---------------------------------- */
/* 高さは画像に合わせて固定 */
#appeal{height:500px !important;}

/* ba-fixed（背景固定）が原因で上が切れるので無効化 */
#appeal.ba-fixed{
	background-attachment:scroll !important; /* fixedを殺す */
	background-position:center top !important;
	background-repeat:no-repeat !important;
	background-size:contain !important;      /* 切らない */
}
/* 文字ボックス */
.appeal-content{
	max-width:1200px !important;
	width:100% !important;
	padding:0px 20px !important;
	background:transparent !important;
	box-shadow:none !important;
	color:#fff !important;
}
/* タイトル */
.appeal-title{
	font-size:30px !important;
	font-weight:900 !important;
	-webkit-text-stroke:1px #fff;
	filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.8));
	line-height:1.2 !important;
	display:inline-block !important;
	border-bottom:3px solid #fff !important;
	padding-bottom:10px !important;
	margin-bottom:30px !important;
}
/* メッセージ */
.appeal-message{
	font-size:20px !important;
	font-weight:700 !important;
	filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.8)) !important;
	line-height:1.6 !important;
}

/* タブレット */
@media (max-width:1280px){
	#appeal.ba-fixed{background-size:auto 80% !important; }
	/* 親要素がFlexboxの場合、位置を上寄せにする */
	#appeal { display: flex !important;align-items: flex-start !important;}
	.appeal-content {padding-top: 50px !important; margin-top: 0 !important;}
}

/* モバイル */
@media (max-width:768px){
	#appeal.ba-fixed{background-size:auto 70% !important;background-position:center 0% !important; }
	/* 文字ボックス */
	.appeal-content{padding:40px 20px !important;}
	.appeal-title{font-size:22px!important;margin-bottom:15px !important;}
	.appeal-message{font-size:14px!important;}
}

/* ----------------------------------
▼ おすすめカード
---------------------------------- */
/* 並び */
.recommended .navi-entry-cards{
	display:grid!important;
	grid-template-columns:repeat(3,1fr)!important;
	gap:22px!important;
}

/* サムネ非表示 */
.recommended .card-thumb{display:none!important;}

/* 以前の「詳しく見る」疑似要素を消す */
.recommended .card-content::after{content:none!important;}

/* カード本体＝看板 */
.recommended .a-wrap{
	--hangerW:200px;  
	--padX:28px;      
	--rodW:8px;       
	--rodH:18px;      

	position:relative!important;
	display:block!important;
	padding:26px 18px 22px!important; /* ←上下ちょい広げた */

	background:
		linear-gradient(#ffffff,#ffffff) padding-box,
		linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,0)) border-box!important;

	border:3px solid #3F3B3A!important;
	border-radius:18px!important;

	box-shadow:none!important;
	overflow:visible!important;
	transition:transform .18s ease!important;
}

/* 内枠（点線） */
.recommended .a-wrap::before{
	content:""!important;
	position:absolute!important;
	inset:6px!important;
	border-radius:12px!important;
	border:2px dotted #3F3B3A!important;
	pointer-events:none!important;
}
/* 吊り金具（横棒1本 + 縦棒2本） */
.recommended .a-wrap::after {
	content: "" !important;
	position: absolute !important;
	top: -38px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;

	width: var(--hangerW) !important;
	height: 40px !important;
	pointer-events: none !important;

	background: 
		/* ① 横棒（上端に配置） */
		linear-gradient(#3F3B3A, #3F3B3A) center top 12px / 100% 6px no-repeat,
		/* ② 縦棒（左） */
		linear-gradient(#3F3B3A, #3F3B3A) left var(--padX) top 18px / var(--rodW) var(--rodH) no-repeat,
		/* ③ 縦棒（右） */
		linear-gradient(#3F3B3A, #3F3B3A) right var(--padX) top 18px / var(--rodW) var(--rodH) no-repeat !important;
}

/* 中身 */
.recommended .a-wrap .card-content{
	position:relative!important;
	padding:6px 0!important; /* ←文字まわりの上下余白 */
	background:transparent!important;
}

/* タイトル */
.recommended .card-title{
	margin:0 0 6px!important; /* ←文字下に余白 */
	font-weight:900!important;
	font-size:20px!important;
	letter-spacing:.02em!important;
	color:#3F3B3A!important;
	line-height:1.35!important; /* ←行間も少しゆったり */
	text-shadow:none!important;
}

/* 黄色ライン */
.recommended .card-title::after{
	content:""!important;
	display:block!important;
	height:5px!important;
	margin-top:3px!important;    /* ←文字と線の間 */

	border-radius:10px!important;
	background:#F8B73D!important;
}

/* hover：ちょい揺れ */
.recommended .a-wrap:hover{
	transform:translateY(-2px) rotate(-1deg)!important;
	box-shadow:none!important;
}

	/* おすすめカードをもっと上に引き上げる */
	.recommended{margin-top:50px!important;padding-top:0!important;}	
	



@media (max-width:1280px){
    /* 3列を維持する */
    .recommended .navi-entry-cards {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important; /* 間隔を少し狭くして収まりを良くする */
        padding: 0 10px !important;
    }

    /* カード本体の幅を自動に戻す */
    .recommended .a-wrap {
        width: auto !important; 
        padding: 20px 10px !important; /* 内側の余白を少し詰める */
        --hangerW: 100% !important; /* 吊り金具の基準幅を調整 */
        --padX: 15px !important;    /* 吊り金具の位置を内寄りに */
    }

    /* 文字がはみ出さないようにサイズ調整 */
    .recommended .card-title {
        font-size: 16px !important; /* 文字を少し小さく */
        white-space: normal !important; /* 2行になってもOKにする */
        word-break: break-all !important;
    }
    
    /* 吊り金具の棒が外に出ないように微調整 */
    .recommended .a-wrap::after {top: -38px !important;}
	
	/* おすすめカードをもっと上に引き上げる */
	.recommended{margin-top:-60px!important;padding-top:0!important;}	
	
	/* セクションの上余白を潰す（Cocoon側のmargin対策） */
	.recommended .navi-entry-cards{margin-top:0!important;}
	
	.recommended {
        padding-left: 20px !important; 
        padding-right: 20px !important;
    }
}

@media (max-width:560px){
	.recommended .navi-entry-cards{
		grid-template-columns:1fr!important;
		gap:14px!important;
		padding:0 2px!important;   /* ← ほぼ端まで使う */
	}
	.recommended .a-wrap{
		width:70%!important;      /* ← 横いっぱい */
		max-width:none!important;
		margin:0 auto!important;
		padding:20px 14px!important; /* 中の余白だけ少し確保 */
	}
	.recommended .card-title{font-size:17px!important;white-space:nowrap!important; /* 1行にする */}
	.appeal-area,.front-top-page .appeal-area{padding-bottom:0!important;margin-bottom:0!important;}	
	/* おすすめカードをもっと上に引き上げる */
	.recommended{margin-top:-90px!important;padding-top:0!important;}	
	/* セクションの上余白を潰す（Cocoon側のmargin対策） */
	.recommended .navi-entry-cards{margin-top:0!important;}
	


/* 2番目以降のカードの横線だけを消す */
  .recommended .navi-entry-cards > a.a-wrap:nth-child(n+2)::after{
    background:
      /* 横棒なし */
      linear-gradient(transparent,transparent) center top 12px / 100% 6px no-repeat,
      /* 縦棒（左） */
      linear-gradient(#3F3B3A,#3F3B3A) left var(--padX) top 18px / var(--rodW) var(--rodH) no-repeat,
      /* 縦棒（右） */
      linear-gradient(#3F3B3A,#3F3B3A) right var(--padX) top 18px / var(--rodW) var(--rodH) no-repeat !important;
  }
  .recommended .a-wrap {
    --hangerW: 100% !important;
    --padX: 50px !important;   /* 縦線ほぼ中央寄せ */
  }
	

}


/* ----------------------------------
▼ メインコンテンツ
---------------------------------- */
.home .entry-title {display: none !important;}/* タイトルを消してる */
.home .post-date,.home .post-update {display: none !important;}/* 投稿日・更新日を消してる */
.home .main {padding-top: 10px !important;}/* 上の余白を詰めてる */




/* =========================================================

TOP・業種・お役立ち共通：絞り込みUI（カード + ボタン）

========================================================= */
/* ----------------------------------
▼ カード全体（表示 / 非表示アニメ）
---------------------------------- */
.bizCard{
	transition:opacity .18s ease, transform .18s ease;
	margin-bottom:16px!important;
	border-bottom:1px solid #E0E0E0; /* ← これを有効に */
}
/* フェードアウト中（JSで付与） */
.bizCard.is-hidden{
	opacity:0;                     /* 透明にする */
	transform:translateY(8px);     /* 少し下にずらす */
	pointer-events:none;           /* クリック不可 */
}
/* 完全に消す状態（JSで付与） */
.bizCard.is-gone{
	display:none;                  /* レイアウトから消す */
}

/* ----------------------------------
▼ フィルター枠 全体（囲み）
---------------------------------- */
.bizFilterWrap{
	border:1px solid #3F3B3A;      /* 枠線 */
	border-radius:20px;            /* 角丸 */
	overflow:hidden;               /* はみ出し防止 */
	margin:20px 0 30px;            /* 上下余白 */
	background:#fff;               /* 背景色 */
}

/* ----------------------------------
▼ タイトル部分（黒帯）
---------------------------------- */
.bizFilterTitle{
	margin:0!important;            /* 余白リセット */
	padding:10px 30px!important;   /* 内側余白 */
	background:#3F3B3A;            /* 背景色（黒） */
	color:#fff;                    /* 文字色 */
	font-weight:bold!important;    /* 太字 */
	font-size:1rem!important;      /* 文字サイズ */
}
/* タイトル下の黄色ライン */
.bizLine{
	height:3px;                    /* ラインの太さ */
	background:#F8B73D;            /* 黄色 */
}

/* ----------------------------------
▼ ボタンの並び（横並びエリア）
---------------------------------- */
.bizFilter{
	display:flex;                  /* 横並び */
	flex-wrap:wrap;                /* 折り返しOK */
	justify-content:center;        /* 中央寄せ */
	gap:10px;                      /* ボタン同士の隙間 */
	padding:20px 15px 25px;        /* 内側余白 */
}

/* ----------------------------------
▼ フィルターボタン
---------------------------------- */
.bizBtn{
	padding:6px 14px;              /* ボタンの大きさ */
	border:1px solid #aaa;         /* 枠線 */
	border-radius:6px;             /* 角丸 */
	background:#fff;               /* 背景 */
	cursor:pointer!important;      /* マウスカーソル */
	font-size:.8rem!important;     /* 文字サイズ */
}
/* 選択中のボタン */
.bizBtn.is-active{
	background:#3F3B3A;            /* 背景（黒） */
	color:#fff;                    /* 文字色（白） */
	border-color:#3F3B3A;          /* 枠線色 */
}

/* -------------------------------
▼ カード中身（リンク全体）
---------------------------------- */
.bizLink-row{
	display:flex!important;        /* 横並び */
	gap:24px!important;            /* 画像と文字の間隔 */
	padding:14px 0!important;      /* 上下余白 */
	align-items:flex-start!important; /* 上揃え */
	text-decoration:none!important;   /* 下線を消す */
}

/* ----------------------------------
▼ サムネイル枠（左側画像）
---------------------------------- */
.bizThumb-row{
	width:200px!important;         /* 画像の横幅 */
	flex:0 0 200px!important;      /* 縮まない */
	aspect-ratio:4 / 3!important;  /* 縦横比 4:3 固定 */
	overflow:hidden!important;     /* はみ出し防止 */
	border-radius:8px!important;   /* 角丸 */
	position:relative;             /* タグを重ねるため */
}
/* サムネイル画像 */
.bizThumb-row img{
	width:100%!important;          /* 横いっぱい */
	height:100%!important;         /* 縦いっぱい */
	object-fit:cover!important;    /* トリミング表示 */
}

/* ----------------------------------
▼ 右側テキストエリア
---------------------------------- */
.bizText{
	flex:1!important;              /* 横いっぱい使う */
	min-width:0!important;         /* 折り返し防止 */
	color:#3F3B3A!important;       /* 文字色 */
}
/* タイトル */
.article h3.bizTitle{
	font-size:1.1rem!important;    /* 文字サイズ */
	font-weight:700!important;     /* 太字 */
	line-height:1!important;       /* 行間 */
	margin:0 0 10px!important;     /* 下余白 */
}
/* 抜粋文 */
.bizExcerpt{
	margin:0!important;            /* 余白リセット */
	font-size:1rem!important;      /* 文字サイズ */
	line-height:1.7!important;     /* 行間 */
	opacity:.85!important;         /* 少し薄く */
}

/* ----------------------------------
▼ 続きを読む
---------------------------------- */
.bizMore{
	display:block!important;       /* ブロック化 */
	margin-top:8px;                /* 上余白 */
	font-size:0.9rem;              /* サイズ */
	color:#3F3B3A;                 /* 色 */
	font-weight:bold;              /* 太字 */
	text-align:right!important;    /* 右寄せ */
}
/* ホバー時の装飾 */
.bizLink-row:hover .bizMore{text-decoration:underline!important;}

/* ----------------------------------
▼ カード同士の区切り線
---------------------------------- */
.bizCard{
	border-bottom:1px dashed #ccc;  /* ← 区切り線の色と太さ */
	padding-bottom:16px;             /* 線と次のカードの余白 */
}
/* 最後のカードだけ線を消す */
.bizCard:last-child{
	border-bottom:none;
}

/* ----------------------------------
▼ サムネ上のカテゴリタグ
---------------------------------- */
.bizTag{
	position:absolute;
	top:8px;
	left:0;
	background:rgba(0,0,0,0.6);    /* 黒＋半透明 */
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	border-radius:4px;
	line-height:1;
}

/* ----------------------------------
▼ スマホ表示（560px以下）
---------------------------------- */
@media (max-width:560px){
	.bizThumb-row{
		width:120px!important;       /* 画像を小さく */
		flex-basis:120px!important;
	}
	.bizTitle{font-size:15px!important;}   /* タイトル小さく */
	.bizExcerpt{font-size:12px!important;} /* 抜粋文小さく */
}

/* ----------------------------------
▼ 「もっと見る」線だけボタン（中央配置）
---------------------------------- */
.kdMoreWrap{
	margin:28px 0 40px;
	text-align:center;        /* 中央寄せ */
}
.kdMoreBtn{
	display:inline-block;
	padding:12px 28px;
	border:2px solid #3F3B3A;   /* 線だけ */
	border-radius:999px;       /* 丸み */
	background:transparent;
	color:#3F3B3A!important;
	font-weight:bold;
	font-size:0.95rem;
	text-decoration:none!important;
	letter-spacing:0.05em;
	transition:0.2s ease;
}
/* ホバー時 */
.kdMoreBtn:hover{
	background:#3F3B3A;
	color:#fff!important;
}

/* スマホ */
@media (max-width:560px){
	.kdMoreBtn{
		padding:10px 22px;
		font-size:0.85rem;
	}
}

/* ----------------------------------
投稿者名（一覧・カード）を非表示 
---------------------------------- */
.author-name,
.post-author,
.entry-author,
.byline,
.vcard{
	display:none!important;
}
/* 鉛筆マーク（編集リンク）を非表示 */
.edit-link,
.post-edit-link,
.entry-edit-link{
	display:none!important;
}
/* Cocoon用 編集アイコン対策 */
.fa-pencil,
.fa-pencil-alt{
	display:none!important;
}

/* ----------------------------------
スマホだけ：カード中身を 2列→1列（画像上／文章下）＋ 見出しを画像の上に重ねる
---------------------------------- */
@media (max-width:560px){

	/* カードの中身（画像+文章）を縦積みに */
	.bizLink-row{
		flex-direction:column!important;
		gap:10px!important;
		padding:14px 16px!important;     /* 左右余白 */
	}

	/* カード全体を基準にする */
	.bizCard{
		position:relative!important;
	}

	/* サムネ（画像） */
	.bizThumb-row{
		width:100%!important;
		flex:0 0 auto!important;
		aspect-ratio:16/9!important;
		border-radius:12px!important;
		overflow:hidden!important;
		position:relative!important;
	}

	/* タイトルを画像の上に重ねる（疑似的に） */
	.article h3.bizTitle{
		margin:-54px 0 8px!important;   /* ← 画像側に引き上げる */
		padding:10px 12px!important;
		color:#fff!important;
		font-size:1rem!important;
		line-height:1.3!important;
		font-weight:700!important;
		border-radius:0 0 12px 12px!important;
		background:linear-gradient(
			to top,
			rgba(0,0,0,0.78),
			rgba(0,0,0,0)
		)!important;
		position:relative!important;
		z-index:2!important;
	}

	/* 疑似要素（線の正体）を消す */
	.article h3.bizTitle::before,
	.article h3.bizTitle::after{
		content:none!important;
		display:none!important;
	}

	/* 本体についている線・影・背景を全部リセット */
	.article h3.bizTitle{
		border-left:0!important;     /* 左の線 */
		border-bottom:0!important;   /* 下の線 */
		box-shadow:none!important;   /* 影 */
		background:none!important;   /* Cocoon背景 */
		padding-left:0!important;
		padding-bottom:0!important;
	}

	/* 画像上に出しているグラデ背景は改めて指定 */
	.article h3.bizTitle{
		padding:10px 12px!important;
		background:linear-gradient(
			to top,
			rgba(0,0,0,0.78),
			rgba(0,0,0,0)
		)!important;
		color:#fff!important;
	}
	/* 抜粋文 */
	.bizExcerpt{
		font-size:.0.8rem!important;
		line-height:1.7!important;
	}

	/* 続きを読む */
	.bizMore{
		display:none!important;
	}

}