/*＝＝＝＝＝＝＝＝＝＝＝
 * 
 * 2021/09/04　iphone8対応試作A　 
 * 2021/09/02　iphone8対応試作A　 
 * 2021/07/01
 * nagamira_css7h.css 高速化互換性なし版
 * 
 * 著作権 長岡京健康みらい研究所
 * 【重要】nagamira_css2,3,4の後に読み込むこと
 * 2021/07/01
 * W3C CSS 検証サービス (CSS レベル 3 + SVG)問題ない事を確認
 * 2021/07/05
 【注意 圧縮ツール】
https://csscompressor.net/ja/
で「Compress colors」をオフにして圧縮すること。
コメントの付け方によっては圧縮後のソースに文法エラーが現れる場合があるので圧縮率は【高い】で圧縮する。さらに圧縮したい場合は文法チェッカーにかけて、問題がなければ【最高】で圧縮すること。 * 

 * アイキャッチ背景色、フッター、ライセンスバーの装飾に対応
 * パレット色8色分に対応。他の色は随時対応すること。
 * カスタマイズ対応
 *  
 2019.05.09
.haik-footer用 qblogブログ投稿リスト文字色変更
2019.05.10
色毎にコメントで区切ってわかるようにした
順番整理
2019.08.30
著作権とライセンス情報の書式を追加
2019.08.30
フッターの書式管理を!imprtantで固定して色の変更だけで運用できるようにする
2019.08.30
配色の調整
アイキャッチ背景色（.haik-eyecatch-top .jumbotron）の記述を追加
2019.08.31
を追加。記述を少なくするため。
2019.09.01
.haik-footer用 見出しリンク文字色を統一
2019.09.01
.haik-footer用 段落リンク文字色を標準化
必要ならそれぞれのパレットでカスタマイズする
2019.09.04
.haik-footer用 段落文字色を標準化
必要ならそれぞれのパレットでカスタマイズする
2019/10/07
.haik-footer用 qblogブログ投稿リスト文字色変更
白、テキスト縁取りなし
2019/11/07
.haik-footer、haik-licenceの背景色にデフォルトを設定
未設定のテーマカラーを設定された時や修正されなかった場合などに備えるため。
2019/12/03
アイキャッチ背景色をグラデーションにする
画像を指定しなくても最低限、高級さが出る
文字の縁取りと合わせて読みやすくなる
2019/12/26
haik-palette-orange アイキャッチ背景色グラデーション調整。黄色を増やす。
2019/12/27
不要になった!importantを解除
2019/12/27
haik-licenceで * .haik-licence p を追加
2019/12/27
パレットカラー .haik-licence pを廃止
2020/07/14
フッター内のブログ概要は下線を出さない
2020/07/18
.haik-footer リンク文字色を修正、複数になっていたのを統合
2020/09/06
フッターの文字の彩度を落とす白から#e2e2e2へ
2020/09/21
グレー、オレンジ時のフッター色を調整
フッターの文字をグレーにしたのでそれにあわせて
2020/09/22
haik-palette-orange のアイキャッチ背景色グラデーションを修正
2020/09/26
色の修正のため、CSSの知識がなく、混乱を防ぐため入れていた初期の色のコメントを削除
2021/09/04
.haik-footer用 見出し1～3 iphone対応のためマージン字下げの調整と追加

＝＝＝＝＝＝＝＝＝＝＝*/

/* ===============
2019.05.09
.haik-footer用 qblogブログ投稿リスト文字色変更
2019/10/07
.haik-footer用 qblogブログ投稿リスト文字色変更
白、テキスト縁取りなし
2019/11/07
.haik-footer、haik-licenceの背景色にデフォルトを設定
未設定のテーマカラーを設定された時や修正されなかった場合などに備えるため。
2020/01/05
.haik-footer用 に見出し装飾を解除して使えるようにする
===============*/

.haik-footer #qblog h2.qblog_title a {
	color: #e2e2e2;
}
.haik-footer .qblog-list-line .qblog_date {
	color: #e2e2e2;
	text-shadow: none;
}
.haik-footer .qblog_recent a,
.haik-footer .qblog_categories a,
.haik-footer .qblog_recent_comments a,
.haik-footer .qblog_archives a {
	color: #e2e2e2;
}
.haik-footer h2.qblog_title a:hover {
	color: #eee;
}
/*
色をのぞいて、書式設定はそれぞれのパレットカラーで変化はないので数値は固定とする
2020/01/05
.haik-footer用 に見出しの装飾を解除して文字だけで使えるようにする
2021/09/04
.haik-footer用 見出し iphone対応のためマージン字下げの調整と追加
*/

[class^="haik-palette-"] .haik-footer h2, 
[class^="haik-palette-"] .haik-footer h3,
[class^="haik-palette-"] .haik-footer h4,
[class^="haik-palette-"] .haik-footer h2 small, 
[class^="haik-palette-"] .haik-footer h3 small,
[class^="haik-palette-"] .haik-footer h4 small {
	color: #e2e2e2;
	margin: 0;
	border-color: transparent;
	background-color: transparent;
}
.haik-footer {
	background-color: #666;
	padding: 10px 0;
	margin-top: 2em;
}

[class^="haik-palette-"] .haik-footer h2,
[class^="haik-palette-"] .haik-footer h2 small{
	margin-left: .4em;
}
[class^="haik-palette-"] .haik-footer h3,
[class^="haik-palette-"] .haik-footer h3 small{
	margin-left: .5em;
}
[class^="haik-palette-"] .haik-footer h4,
[class^="haik-palette-"] .haik-footer h4 small{
	margin-left: .6em;
}
[class^="haik-palette-"] .haik-footer p{
	margin-left: .7em;
}

/*
2019/11/07
.haik-footer、haik-licenceの背景色にデフォルトを設定
未設定のテーマカラーを設定された時や修正されなかった場合などに備えるため。
2019/12/27
haik-licenceで .haik-licence p aを追加
*/

.haik-licence, .haik-wide-licence {
	background-color: #333;
	padding: 15px;
	text-align: right;
}
* .haik-licence p a, .haik-licence p, .haik-wide-licence p {
	font-size: 14px;
	color: #e2e2e2;
	letter-spacing: .01em;
	line-height: 1.5em;
}
.haik-licence .haik-copyright p, .haik-licence .haik-copyright p a, .haik-wide-licence .haik-copyright p, .haik-wide-licence .haik-copyright p a {
	font-size: 14px;
	color: #e2e2e2;
	margin-bottom: 0;
	letter-spacing: .01em;
}
/* ======
コピー防止確認用ダミー
====== */

.nagamira-default-haik-licence .haik-copyright p, .nagamira-default-haik-licence .haik-copyright p a {
	font-size: 14px;
	color: #e2e2e2;
	margin-bottom: 0;
	letter-spacing: .01em;
}
/* ===============
2019.09.01
.haik-footer用 見出しリンク文字色を統一
===============*/

.haik-footer h2 a,
.haik-footer h3 a,
.haik-footer h4 a {
	color: #e2e2e2;
	text-decoration: underline;
}
.haik-footer h2 a:hover, .haik-footer h3 a:hover,
.haik-footer h4 a:hover {
	text-decoration: none;
}
/* ===============
2019.09.01
.haik-footer用 段落リンク文字色を標準化
2019.09.04
.haik-footer用 段落文字色を標準化
必要ならそれぞれのパレットでカスタマイズする
2020/07/18
.haik-footer リンク文字色を修正、複数になっていたのを統合
===============*/

.haik-footer a {
	color: #e2e2e2;
	text-decoration: underline;
}
.haik-footer p {
	color: #e2e2e2;
}

/* 
2019/12/03
アイキャッチ背景色をグラデーションにする
画像を指定しなくても最低限、高級さが出る
文字の縁取りと合わせて読みやすくなる
以下のように構成する
2019/12/04
やっつけ本番だったグラデーションの調整。

基本色はbackground-colorとして先頭のコメントに入れておくこと
	background-color: 基本色;

background-image: linear-gradient（グラデーション指定）
padding: 0;（main.cssでの指定を0にする）
margin-bottom: 0;（main.cssでの指定を0にする）

.haik-footer: 基本色より暗い色を指定する
.haik-licence: 基本色よりさらに暗い色を指定する
*/

/* ======================
haik-palette-blue 
background-color: #0054d6;
====================== */

/* アイキャッチ背景色 */

.haik-palette-blue .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
	padding: 0;
	margin-bottom: 0
}
.haik-palette-blue .haik-footer {
	background-color: #002d73;
}
.haik-palette-blue .haik-licence {
	background-color: #001d4a;
}
/* ======================
.haik-palette-green 
====================== */

/* アイキャッチ背景色 */

.haik-palette-green .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
	margin-bottom: 0
}
.haik-palette-green .haik-footer {
	background-color: #1f4a33;
}
.haik-palette-green .haik-licence {
	background-color: #0a1911;
}
/* ======================
.haik-palette-cyan 
====================== */

/* アイキャッチ背景色 */

.haik-palette-cyan .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
	margin-bottom: 0
}
.haik-palette-cyan .haik-footer {
	background-color: #11444a;
}
.haik-palette-cyan .haik-licence {
	background-color: #06191b;
}
/* ======================
haik-palette-red 
====================== */

/* アイキャッチ背景色 */

.haik-palette-red .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #ffaeac 0%, #fe5196 100%);
	padding: 0;
	margin-bottom: 0
}
.haik-palette-red .haik-footer {
	background-color: #982524;
}
.haik-palette-red .haik-licence {
	background-color: #581210;
}
/* ======================
haik-palette-orange 
2019/12/26
haik-palette-orange アイキャッチ背景色グラデーション調整。黄色を増やす。
2020/09/22
haik-palette-orange のアイキャッチ背景色グラデーションを修正
====================== */

/* アイキャッチ背景色 */

.haik-palette-orange .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #ffc818 0%, #ff9a44 100%);
	padding: 0;
	margin-bottom: 0;
}
.haik-palette-orange .haik-footer {
	background-color: #673601;
}
.haik-palette-orange .haik-licence {
	background-color: #653506;
}
/* ======================
haik-palette-brown 
====================== */

/* アイキャッチ背景色 */

.haik-palette-brown .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #ffebce 0%, #e6b980 100%);
	padding: 0;
	margin-bottom: 0
}
.haik-palette-brown .haik-footer {
	background-color: #5d3c21;
}
.haik-palette-brown .haik-licence {
	background-color: #25180d;
}
/* ======================
haik-palette-purple 
====================== */

/* アイキャッチ背景色 */

.haik-palette-purple .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(120deg, #7873f5 0%, #ffbedb 100%);
	padding: 0;
	margin-bottom: 0
}
.haik-palette-purple .haik-footer {
	background-color: #542f5a;
}
.haik-palette-purple .haik-licence {
	background-color: #261529;
}
/* ======================
haik-palette-gray 
====================== */

/* アイキャッチ背景色 */

.haik-palette-gray .haik-eyecatch-top .jumbotron {
	background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
	padding: 0;
	margin-bottom: 0;
}
.haik-palette-gray .haik-footer {
	background-color: #434343;
}
.haik-palette-gray .haik-licence {
	background-color: #222;
}