@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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


/************************* サイト全体の設定 *************************/


.blogbanner {
    margin: 5px;
	display:inline-block	
}


/***** 約物　詰め *****/
.body {
	font-feature-settings: "palt";
}


/***** 両端揃え *****/
.body {
	text-align: justify;
	word-break: break-all;
}
.ctdt-one-row > div {
	display: block;
}
.card-meta {
	font-size: 10px;
}


/***** 文字マージン *****/
p {
	margin: 1.7em 0;
}


/***** 横揺れ禁止 *****/
.content {
	overflow: hidden;
}


/***** サイトロゴ位置 *****/
.site-name-text-link {
	padding: 0px 1em 0.7em;
}


/***** メニューバー *****/
.navi-in > ul li {
	font-weight: 600;
}


/***** スマホメニュカラー *****/
.menu-content {
	background: #f2f2f2;
}


/***** 通知エリア *****/
.notice-area {
	font-size: 13px;
	font-family: 'Font Awesome 5 Brands';
	font-weight: 900;
}
.nt-danger {
	background-color: #963f52;
}


/***** メインエリア *****/
.main {
	padding: 0px 29px;
}

main.main {
	margin: 0px;
}


/***** メインエリア *****/
.main {
	padding: 0px 29px;
}
main.main {
	margin: 0px;
}


/***** 投稿ページ　メインエリア *****/
.entry-content {
	margin-top: 1em;
	margin-bottom: 0em;
}
.article-footer, .entry-footer {
	margin-bottom: 0px;
	padding: 5px 30px 0px;
}


/***** 投稿ページ　フッター *****/
.article-footer, .entry-footer {
	margin-bottom: 0;
	padding: 5px 16px 0;
}


/***** カラム　幅 *****/
body .is-layout-flex {
	gap: 15px;
}


/***** パンくずリスト *****/
.breadcrumb {
	margin: 10px 0px;
	color: #1e96be;
	font-size: 17px;
}
.breadcrumb a {
	color: #666;
}


/***** 著者名 *****/
.footer-meta {
	display: none;
}


/***** アイキャッチ　キャプション *****/
.eye-catch-caption {
	font-size: 0.6em;
}


/***** 公開　更新日付 *****/
.date-tags {
	font-size: 20px;
}
.entry-card-info>* {
	font-size: 1.3em;
}


/***** 記事一覧　タイトル *****/
.entry-card-title {
	font-size: 19px;
	padding: 0px 0 10px 0px;
}


/***** 記事一覧　カテゴリーラベル *****/
.cat-label {
	max-width: 95%;
	font-size: 12px;
	padding: 3px 3px;
}
.entry-card .cat-label{
	display: none;
}


/***** 関連記事　公開・更新日付 *****/
.related-entry-card-info {
	font-size: 17px;
}


/***** 関連記事 *****/
.related-entry-heading {
	margin: 0px 0px 10px;
	font-size: 27px;
	border-top: 4px solid #1e96be;
	border-bottom: 4px solid #1e96be;
}


/***** カテゴリーラベル *****/
.cat-link {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	margin-right: 5px;
	padding: 2px 10px;
	font-size: 15px;
	background-color: #1e96be;
	border-radius: 0px;
	word-break: break-all;
}


/***** タグラベル *****/
.tag-link {
	color: #333;
	text-decoration: none;
	display: inline-block;
	margin-right: 10px;
	margin-top: 8px;
	padding: 3px 10px;
	font-size: 15px;
	border: 1px solid #999;
	border-radius: 0px;
	word-break: break-all;
}


/***** タグクラウドラベル *****/
.tagcloud a {
	border: 1px solid #1e96be;
}


/***** 目次 *****/
.toc-checkbox:checked~.toc-content {
	padding: .6em;
}
.article .toc :last-child {
	margin-bottom: 20px;
}


/***** サイドバータイトル *****/
.sidebar h3 {
	font-size: 18px;
	border-bottom: 3px solid #1e96be;
}


/***** スポンサーラベル *****/
.ad-area {
	font-size: 13px;
}


/***** ページャー *****/
.pagination .current {
	background-color: #ababab;
	color: #fff;
}
.page-numbers {
	border: 1px solid #595857;
	background-color: #46a2c1;
	color: #fff;
}
.pagination a:hover {
	background-color: #ababab;
	transition: all 0.5s ease;
	color: #fff;
}
.page-numbers.dots {
	opacity: 0.6;
	background-color: #ababab;
}
.pagination-next-link {
	margin: 20px 0px 0px;
}


/***** リスト　入れ子位置 *****/
li > ul, li > ol {
  padding-left: 1.2em;
  margin-bottom: 0em !important;
}


/***** 引用マーク *****/
blockquote:before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: bold;
}


/***** チェックボックス *****/
input[type=checkbox] {
	transform: scale(1.5);
	left: -6px;
	position: relative;
}


/***** カラムカラー *****/
.main, .sidebar {
	background-color: #f2f2f2;
}


/***** テーブル *****/
.table th, table td {
	font-size: 17px;
	padding: 12px;
}
.article table.tb-responsive{
	display: table;
	overflow-x: visible;
	width: 100%;
	border: 2px solid #e0e0e0;
	white-space: normal;
	line-height: 1.3;
}


/***** Google検索バー *****/
.gsc-input-box {
	border: 2px solid #1e96be !important;
}
.gsib_a {
	background-color: #fff;
	padding: 4px 6px 8px !important;
}
.gsib_b {
	background-color: #fff;
}
.gsc-search-button-v2 {
	background-color: #1e96be !important;
	padding: 13px 30px !important;
	border: 4px solid #1e96be !important;
}
table tr:nth-of-type(2n+1) {
	background-color: #f2f2f2;
}


/***** reCAPTCHA マーク非表示 *****/
.grecaptcha-badge { 
	visibility: hidden;
}


/***** 質問フォーム　送信ボタン *****/
.btn_01 {
	color: #fff;
	background-color: #7cb048;
	font-weight: bold;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	padding: 10px 15px;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	border: 2px solid transparent;
	position: relative;
	transition: all .3s ease-in-out;
	width: 100%;
	margin: 1.3em 0em;
}


/***** paypal　ボタン *****/
.css-dt0ym9 {
	margin-bottom: 2rem !important;
	max-width: 100% !important;
	width: 100% !important;
	padding: 0px 20px 20px !important;
	border: 3px solid #ffc439;
	border-radius: 3px;
}


/***** ミュージックプレイヤー　マージン *****/
.mejs-container {
	margin: 0px;
}


/***** snsボタン ******/
.article-footer .sns-share:not(:has(.sns-button)) {
	display: block;
}


/***** フルワイドカラム *****/
.fullwidth {
	background-color: #ffffff;
	position: relative;
	margin: 0 calc(50% - 50vw);
	overflow: hidden;
}


/************************* 見出しタグの設定 *************************/


.entry-title, .archive-title {
	font-size: 28px;
	margin: 20px 0;
	font-weight: 700;
}

.article h2 {
	margin-top: 30px;
	position: relative;
	color: white;
	background: #1e96be;
	line-height: 1.4;
	padding: 0.6em 1em 0.6em 1em;
	font-weight: 700;
}

.article h3 {
	border: none;
	background-color: #cedee5;
	font-size: 21px;
	font-weight: 700;
	padding: 15px;
}

.article h3, .article h4, .article h5, .article h6 {
	margin-top: 20px;
}

.article h4 {
	border-top: none;
	border-bottom: 5px solid #f39800;
	padding: 10px 0px 5px;
	font-weight: 700;
}


/************************* 文字装飾の設定 *************************/


/***** 太字 *****/
.bold {
    font-weight: 800;
    color: #005f7f;
}


/***** 赤太字 *****/
.bold-red {
    font-weight: 800;
    color: #b83250;
}


/***** 緑太字→太字 *****/
.bold-green {
	font-weight: 800 !important;
	color: inherit;
}


/***** マーカー *****/
.marker-under-blue {
	background: linear-gradient(transparent 80%,#a8dafb 60%);
}

.marker-under-red {
	background: linear-gradient(transparent 80%,#ffd0d1 60%);
}


/************************* Cocoon カスタマイズ *************************/


/***** カスタムテキスト *****/
.cocoon-custom-text-1{
	padding: 0px 4px 2px !important;
    margin: 0px;
    font-size: 17px !important;
    font-weight: 800;
    background: linear-gradient(transparent 80%, #2589d04f 50%);
    color: #333;
}
.cocoon-custom-text-2 {
    padding: 0px 4px 2px !important;
    margin: 0px;
    font-size: 17px !important;
    font-weight: 800;
    background: linear-gradient(transparent 80%, #c2002b4a 50%);
    color: #333;
}
.cocoon-custom-text-3 {
    padding: 0px 4px 2px !important;
    margin: 0px;
    font-size: 17px !important;
    font-weight: 800;
    background: linear-gradient(transparent 80%, #ffc1077d 50%);
    color: #333;
}
.cocoon-custom-text-4 {
    padding: 0px 4px 2px !important;
    margin: 0px;
    font-size: 17px !important;
    font-weight: 800;
    background: linear-gradient(transparent 80%, #2abe1e45 50%);
    color: #333;
}
.cocoon-custom-text-5 {
	color: inherit;
	font-size: 18px;
	font-weight: 800;
}
.cocoon-custom-text-6 {
	color: inherit;
	font-weight: 800;
}
.cocoon-custom-text-7 {
    font-size: 24px;
    font-weight: 900;
}
@media screen and (max-width: 480px) {
.cocoon-custom-text-7 {
    font-size: 22px;
    font-weight: 800;
}
}
.cocoon-custom-text-8 {
    font-size: 32px;
    font-weight: 900;
	color: #1e96be;
}

@media screen and (max-width: 480px) {
.cocoon-custom-text-8 {
    font-size: 26px;
}
}


/***** Cocoon アコーディオン *****/
.toggle-button {
	display: block;
	cursor: pointer;
	padding: 10px 10px;
	background-color: #6c963f;
	border-width: 2px;
	border-style: solid;
	border-color: #6c963f;
	text-align: center;
	border-radius: 0px;
	position: relative;
	margin: 0;
	color: #ffffff;
	line-height: 15px;
}
.toggle-checkbox:checked ~ .toggle-content {
	visibility: visible;
	opacity: 1;
	height: 100%;
	color: var(--cocoon-custom-text-color);
	border-width: 2px;
	border-style: solid;
	border-color: #6c963f;
	border-top-width: 0;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 1.5em;
	background-color: white;
	transition: none;
}
.toggle-button::before {
	content: "\f067";
	margin-right: 0.8em;
	color: #ffffff;
	font-size: 0.8em;
	opacity: 1;
}
.toggle-content p {
	padding: 0em;
	margin: 0em;
}
.toggle-wrap .toggle-content {
	transition: none;
}


/***** Cocoon　タブ *****/
.tab-label-group {
	gap: 6px;
	font-size: 17px;
}

.tab-label-group .tab-label.is-active {
	background-color: rgb(0 0 0 / 5%);
	border-bottom: 5px solid #6c963f;
	color: #323232;
	font-weight: 900;
}

.tab-label-group .tab-label {
	background-color: rgba(0, 0, 0, 0);
	color: #3232327a;
	border-bottom: 5px solid #3232327a;
	font-weight: 600;
	flex: 1 1 0%;
	text-align: center;
	border-radius: 0px;
	padding: 0.3em 0.5em;
}

.tab-content-group {
	border: 0px solid #6c963f;
	border-radius: 0px;
}


/***** Cocoon バッジ　サイズ *****/
.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
	color: #fff;
	padding: 2px 7px 3px;
	border-radius: 0px;
	font-size: 15px;
}


/***** Cocoon　ボックスメニュー *****/
.box-menu-icon {
	color: #f7ab00;
	font-size: 25px;
	margin-bottom: 5px;
}
.box-menu-icon * {
	margin-bottom: 0px;
}
.box-menu-label {
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}
.box-menu-description {
	line-height: 2;
}
.box-menu {
	padding: 0em 1em 0.5em;
	min-height: auto;
	color: #666;
}

.box-meun-blue .box-menu {
    background: #1e96be;
    color: #ffffff;
    box-shadow: inset 2px 2px 0 0 #f2f2f2, 1px 1px 0 0 #f2f2f2, 1px 0 0 0 #f2f2f2;
}
.box-meun-blue .box-menu:hover {
    color: #ffffff;
    background-color: #79c0d7;
}
.box-meun-blue .box-menu:hover {
    box-shadow: inset 2px 2px 0 0 #ffc107, 2px 2px 0 0 #ffc107, 2px 0 0 0 #ffc107, 0 2px 0 0 #ffc107;
}


/***** Cocoon　ボックス *****/
.block-box p {
	margin: 0em;
}
.is-style-danger-box, .danger-box, .sp-danger, .danger {
	padding: 1.5em;
}
.warning-box, .warning {
	padding: 1.5em;
}


/***** Cocoon　ラベルボックス *****/
.label-box-content {
    padding: 1em 0.8em 1em;
}


/***** Cocoon　白抜きボックス *****/
.blank-box {
	margin: 0;
}


/***** Cocoon　ブログカード　ラベル *****/
.blogcard-wrap {
	width: 100%;
}
.blogcard-label {
	top: -15px;
	left: 15px;
}


/***** Cocoon　吹き出し *****/
div.speech-balloon {
	padding: 20px 30px;
}


/***** Cocoon　ステップ表示 *****/
.timeline-item-label {
	font-size: 17px;
	font-weight: bold;
}


/***** Cocoon　マイクロコピー *****/
.micro-top {
	 font-size: 0.9em;
}


/***** Cocoon　ボタン *****/
@media screen and (max-width: 834px) {
.btn-l {
	font-size: 17px;
}
}


/************************* リストデザイン *************************/


/**** Q&A Q ****/
.qaq {
	position: relative;
	list-style-type: none;
	padding: 1em 2em 1em 1.5em;
	background-color: #fff;
}
.qaq li {
	padding: 2px 0px 0px 40px;
	position: relative;
	margin: 0.2em;
}
.qaq li:before {
	position: absolute;
	top: 2px;
	left: -5px;
	display: block;
	width: 2em;
	font-weight: 600;
	font-family: 'Arial';
	line-height: 2;
	text-align: center;
	content: "Q";
	color: #fff;
	background-color: #ea5506;
}


/**** Q&A A ****/
.qaa {
	position: relative;
	list-style-type: none;
	padding: 1em 2em 1em 1.5em;
	background-color: #fff;
}
.qaa li {
	padding: 2px 0px 0px 40px;
	position: relative;
	margin: 0.2em;
}
.qaa li:before {
	position: absolute;
	top: 2px;
	left: -5px;
	display: block;
	width: 2em;
	font-weight: 600;
	font-family: 'Arial';
	line-height: 2;
	text-align: center;
	content: "A";
	color: #fff;
	background-color: #0095d9;
}


/************ ？リスト ************/

/***** ？リスト　赤 *****/
.red-que {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #c2002b;
}
.red-que li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.red-que li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\3f" !important;
	color: #fff;
	background-color: #c2002b;
}
.red-que li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.red-que li li:before {
	display: none;
}


/***** ？リスト　黄 *****/
.yellow-que {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #f7ab00;
}
.yellow-que li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.yellow-que li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\3f" !important;
	color: #fff;
	background-color: #f7ab00;
}
.yellow-que li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.yellow-que li li:before {
	display: none;
}


/************ ！リスト ************/


/***** ！リスト　赤 *****/
.red-exc {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #c2002b;
}
.red-exc li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.red-exc li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\21" !important;
	color: #fff;
	background-color: #c2002b;
}
.red-exc li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.red-exc li li:before {
	display: none;
}


/***** ！リスト　黄 *****/
.yellow-exc {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #f7ab00;
}
.yellow-exc li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.yellow-exc li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\21" !important;
	color: #fff;
	background-color: #f7ab00;
}
.yellow-exc li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.yellow-exc li li:before {
	display: none;
}


/************ 中黒リスト ************/


/***** 中黒リスト　青 *****/
ul.blue-list {
	list-style: none;
	position: relative;
	background-color: #fff;
	padding: 1em 1.5em 1em 1.5em;
	border: solid 3px #2589d0;
}
.blue-list li{ 
	position: relative;
	padding-left:20px;
}
.blue-list li:before {
	background-color: #2589d0;/*色はここで変更*/
	position: absolute;
	content: '';
	width: 10px;/*円の幅*/
	height: 10px;/*円の高さ*/
	top: 10px;/*高さの位置調整*/
	left: 0em;/*左側位置調整*/
	border-radius: 0px;/*円を四角にする*/
}
.blue-list li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.blue-list li li:before {
	display: none;
}


/***** 中黒リスト　赤 *****/
ul.red-list {
	list-style: none;
	position: relative;
	background-color: #fff;
	padding: 1em 1.5em 1em 1.5em;
	border: solid 3px #c2002b;
}
.red-list li{ 
	position: relative;
	padding-left:20px;
}
.red-list li:before {
	background-color: #c2002b;/*色はここで変更*/
	position: absolute;
	content: '';
	width: 10px;/*円の幅*/
	height: 10px;/*円の高さ*/
	top: 10px;/*高さの位置調整*/
	left: 0em;/*左側位置調整*/
	border-radius: 0px;/*円を四角にする*/
}
.red-list li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.red-list li li:before {
	display: none;
}


/***** 中黒リスト　黄 *****/
ul.yellow-list {
	list-style: none;
	position: relative;
	background-color: #fff;
	padding: 1em 1.5em 1em 1.5em;
	border: solid 3px #f7ab00;
}
.yellow-list li{ 
	position: relative;
	padding-left:20px;
}
.yellow-list li:before {
	background-color: #f7ab00;/*色はここで変更*/
	position: absolute;
	content: '';
	width: 10px;/*円の幅*/
	height: 10px;/*円の高さ*/
	top: 10px;/*高さの位置調整*/
	left: 0em;/*左側位置調整*/
	border-radius: 0px;/*円を四角にする*/
}
.yellow-list li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.yellow-list li li:before {
	display: none;
}


/************ チェックマークリスト ************/


/***** チェックマーク　青 *****/
.blue-check {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #2589d0;
}
.blue-check li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.blue-check li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\f00c" !important;
	color: #fff;
	background-color: #2589d0;
}
.blue-check li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.blue-check li li:before {
	display: none;
}


/***** チェックマーク　赤 *****/
.red-check {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #c2002b;
}
.red-check li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.red-check li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\f00c" !important;
	color: #fff;
	background-color: #c2002b;
}
.red-check li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.red-check li li:before {
	display: none;
}


/***** チェックマーク　黄 *****/
.yellow-check {
	position: relative;
	list-style-type: none;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #fff;
	border: 3px solid #f7ab00;
}
.yellow-check li {
	margin-bottom: 5px !important;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.yellow-check li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\f00c" !important;
	color: #fff;
	background-color: #f7ab00;
}
.yellow-check li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.yellow-check li li:before {
	display: none;
}


/***** チェックマーク　黄色　枠線なし *****/
.yellow-check-bl {
	position: relative;
	list-style-type: none;
	padding: 0px 10px !important;
	background-color: #fff;
	border: 0px solid #f7ab00;
}
.yellow-check-bl li {
	margin-bottom: 0px !important;
	padding: 0px 0px 15px 25px;
	position: relative;
}
.yellow-check-bl li:before {
	position: absolute;
	top: 2px;
	left: -10px;
	display: block;
	width: 1.6em;
	font-weight: 600;
	font-family: 'FontAwesome';
	line-height: 1.6;
	text-align: center;
	content: "\f00c" !important;
	color: #fff;
	background-color: #f7ab00;
}
.yellow-check-bl li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
.yellow-check-bl li li:before {
	display: none;
}



/************ 鉛筆リスト ************/


/***** 鉛筆リスト　青 *****/
.blue-pen {
	position: relative;
	list-style-type: none;
	padding: 1em 2em 0.8em 1.5em;
	border: 3px solid #0095d9;
	background-color: #fff;
}
.blue-pen li {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px !important;
	position: relative;
	margin: 0.2em;
}
.blue-pen li:before {
	position: absolute;
	top: 0px;
	left: -5px;
	display: block;
	width: 2em;
	font-weight: 900;
	font-family: 'Arial';
	line-height: 2;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	content: "\f304" !important;
	color: #fff;
	background-color: #0095d9;
}


/***** 鉛筆リスト　赤 *****/
.red-pen {
	position: relative;
	list-style-type: none;
	padding: 1em 2em 0.8em 1.5em;
	border: 3px solid #c2002b;
	background-color: #fff;
}
.red-pen li {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px !important;
	position: relative;
	margin: 0.2em;
}
.red-pen li:before {
	position: absolute;
	top: 0px;
	left: -5px;
	display: block;
	width: 2em;
	font-weight: 900;
	font-family: 'Arial';
	line-height: 2;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	content: "\f304" !important;
	color: #fff;
	background-color: #c2002b;
}


/***** 鉛筆リスト　緑 *****/
.green-pen {
	position: relative;
	list-style-type: none;
	padding: 1em 2em 0.8em 1.5em;
	border: 3px solid #8BC34A;
	background-color: #fff;
}
.green-pen li {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px !important;
	position: relative;
	margin: 0.2em;
}
.green-pen li:before {
	position: absolute;
	top: 0px;
	left: -5px;
	display: block;
	width: 2em;
	font-weight: 900;
	font-family: 'Arial';
	line-height: 2;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	content: "\f304" !important;
	color: #fff;
	background-color: #8BC34A;
}


/************ 番号リスト ************/


/***** 番号リスト　青 *****/
ol.blue-square {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.7em 1.5em 1em 1.5em;
	border: solid 3px #2589d0;
	background-color: #fff;
}
ol.blue-square li {
	position: relative;
	margin-bottom: 5px !important;
	line-height: 1.5em;
	padding: 5px 0px 0px 30px;
}
ol.blue-square li:before{
/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
/*数字のデザイン変える*/
	top: 4px;
	left: -10px;
	display: block;
	height: 1.8em;
	width: 1.8em;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #2589d0;
}
ol.blue-square li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
ol.blue-square li li:before {
	display: none;
}
ol.blue-square li > ul {
	margin: 10px 0 7px !important;
}


/***** 番号リスト　赤 *****/
ol.red-square {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.7em 1.5em 1em 1.5em;
	border: solid 3px #c2002b;
	background-color: #fff;
}
ol.red-square li {
	position: relative;
	margin-bottom: 5px !important;
	line-height: 1.5em;
	padding: 5px 0px 0px 30px;
}
ol.red-square li:before{
/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
/*数字のデザイン変える*/
	top: 4px;
	left: -10px;
	display: block;
	height: 1.8em;
	width: 1.8em;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #c2002b;
}
ol.red-square li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
ol.red-square li li:before {
	display: none;
}
ol.red-square li > ul {
	margin: 10px 0 7px !important;
}


/***** 番号リスト　黄 *****/
ol.yellow-square {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.7em 1.5em 1em 1.5em;
	border: solid 3px #f7ab00;
	background-color: #fff;
}
ol.yellow-square li {
	position: relative;
	margin-bottom: 5px !important;
	line-height: 1.5em;
	padding: 5px 0px 0px 30px;
}
ol.yellow-square li:before{
/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
/*数字のデザイン変える*/
	top: 4px;
	left: -10px;
	display: block;
	height: 1.8em;
	width: 1.8em;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #f7ab00;
}
ol.yellow-square li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
ol.yellow-square li li:before {
	display: none;
}
ol.yellow-square li > ul {
	margin: 10px 0 7px !important;
}


/***** 番号リスト　黒 *****/
ol.black-square {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.7em 1.5em 1em 1.5em;
	border: solid 3px #676767;
	background-color: #fff;
}
ol.black-square li {
	position: relative;
	margin-bottom: 5px !important;
	line-height: 1.5em;
	padding: 5px 0px 0px 30px;
}
ol.black-square li:before{
/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
/*数字のデザイン変える*/
	top: 4px;
	left: -10px;
	display: block;
	height: 1.8em;
	width: 1.8em;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #676767;
}
ol.black-square li li {
	line-height: 1.5em !important;
	padding: 0px !important;
}
ol.black-square li li:before {
	display: none;
}
ol.black-square li > ul {
	margin: 10px 0 7px !important;
}


/************************* VK Blocks *************************/


/***** VK Blocks　スライダー画像サイズ *****/
.vk_slider .swiper-wrapper img {
	margin: auto;
	width: 90% !important;
}


/***** VK Blocks　スライダー　マーク *****/
.vk_slider .swiper-button-next, .vk_slider .swiper-button-prev, .vk_post_list_slider .swiper-button-next, .vk_post_list_slider .swiper-button-prev {
	background-color: rgb(0 0 0 / 10%) !important;
}
.swiper-pagination.swiper-pagination-fraction:not(.swiper-pagination-bullets) {
	background: rgb(0 0 0 / 10%) !important;
	padding: .1rem .5rem .1rem !important;
	border-radius: 0px !important;
}
.vk_slider {
	margin: 1.7em 0em;
	border: 3px solid #b3b3b3;
	padding: 1em;
	border-radius: 1em;
}
.vk_slider_item_container {
	width: 95% !important;
}
.vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]) {
	background-color: #f2f2f2 !important;
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #ffffff;
}
.scrollable-table .has-fixed-layout td {
	background-color: #ffffff;
}
.wp-block-table.is-style-vk-table-border table:where(:not(.has-border-color)) td {
	border: 5px solid #f2f2f2 !important;
}


/************************* ContactForm7カスタマイズ *************************/


.CF7_table p {
	margin:0 10px auto;
}
table.CF7_table{
	width:100%;
	margin:0 auto;
}
table.CF7_table tr{
	border-top: 3px solid #f2f2f2;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}
/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
	resize: vertical;
}
.CF7_table ::placeholder {
	color:#797979;
}
/*「必須」文字*/
.CF7_req{
	font-size:13px;
	padding: 3px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 2px;
	margin-right:5px;
}
/*「任意」文字*/
.CF7_unreq{
	font-size:13px;
	padding: 3px;
	background: #939393;/*グレー*/
	color: #fff;
	border-radius: 2px;
	margin-right:5px;
}
/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#dedede;/*ブルーグレー*/
	padding: 15px;
	}
}
/* レスポンシブ */
@media screen and (max-width: 768px){
table.CF7_table{
	width:100%;
}
.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	font-size: 1em;
	width: 100%;
	line-height:1.5em;
	text-align: unset;
}
.CF7_table th{
	background-color:#dedede;
	padding: 10px;
}
.CF7_table td {
	padding: 10px 0;
}
.CF7_table p {
    margin: 0px auto;
}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
    border-radius: 25px;
}
.CF7_btn{
	text-align:center;
	margin-top:20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}
.cf7-s01{
	width:20%;
	padding: 8px;
}
.cf7-s02{
	width:25%;
	padding: 8px;
}


/************************* ショッピングAPI *************************/


/***** カエレバ *****/
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {
	font-size: 7pt !important;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info, .product-item-content {
	font-size: 17px!important;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
	border: 3px solid #ffcd7d;
}


/***** 商品ボックス *****/
.product-item-box {
	width: 100%;
	background-color: #fff;
}


/***** AmazonAPI *****/
.product-item-box::after {
	font-size: 0px;
}
.product-item-box {
	padding: 20px 25px 20px;
}
.product-item-thumb {
	margin: 0 auto 0 !important;
}


/************************* 機能追加 *************************/


/***** サイドバー　カテゴリーデザイン *****/
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 16px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 10px; /*上下左右空間*/
  border-bottom: 1px dashed #1e96be; /*親カテゴリー下側にボーダーライン*/
}
.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: FontAwesome;
  content: "\f07c";
  color: #1e96be;
  padding-right: 6px; /*アイコン右側空間*/
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}
.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 10px; /*上下左右空間*/
  border-bottom: 1px dashed #1e96be; /*子カテゴリー下側にボーダーライン*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: FontAwesome;
  content: "\f115";
  color: #1e96be;
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}
.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
  color: #ffffff; /*文字色*/
  background: #c36565; /*背景色*/
  font-weight: bold; /*強調フォント*/
  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 7px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 2px; /*角丸コーナー*/
}
.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #1e96be14; /*背景色*/
  color: #333; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
  background: #8e4949; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.footer .widget_categories ul li a {
    margin: 5px 0px;
	padding: 5px 8px;
    background: #1b7da0;
}
/* フッター　カテゴリーデザイン */
.footer .widget_categories ul li a::before {
    color: #ffffff;
}
.footer .widget_categories ul li ul li a::before {
    color: #ffffff;
}
/* モバイル　スライド　メニュー　カテゴリーデザイン */
#slide-in-sidebar .widget_categories ul li a {
    padding: 10px 10px 15px 10px;
}
#slide-in-sidebar .widget_categories ul li ul li a {
    padding: 10px 10px 15px 10px;
}


/***** サイドバー　モバイル　スライド　メニュー *****/
ul.menu-drawer:after {
	background: white;
}
.menu-drawer li {
	padding:0;
}
.menu-drawer li{
	font-weight: bold;
}
.menu-drawer a {
    font-size: 1em;
    background-color: #bbd2d9;
    color: #545454;
    margin: .8em 0;
    padding: 10px 15px;
    border-radius: 10px;
}
.menu-drawer a:hover{
	background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
	padding:0;
}
.menu-drawer .sub-menu li{
	font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
	font-family: "Font Awesome 5 Free";
	content : "\f105";
	color:#7b7b7b;
	margin:0 .5em 0 1em;
}


/***** ナビカード（大きなカード）を横並びにする *****/
.navi-entry-cards.large-thumb{
	display: grid;/* グリッドレイアウトを適用 */
	grid-template-columns: repeat(3, 1fr);/* 3列でレイアウトを構成、各列が同じ幅で1frずつ分配 */
}

 /* 768px以下の画面幅のとき */
@media (max-width: 768px) {
.navi-entry-cards.large-thumb{
	grid-template-columns: repeat(2, 1fr);
}
}

/* ウィジェットカード設定（Grid） */
/* ウィジェットカードの画像最大幅を600pxに設定*/
:where(.is-style-column-2-1,.is-style-column-2-2,.is-style-column-3-1,.is-style-column-3-2,.is-style-column-4-1,.is-style-column-4-2) .widget-entry-cards.card-large-image .a-wrap{
	max-width: 600px; /* 画像の最大幅 */
	width: 100%; /* 画像の幅を100% */
}

/* 大きなサムネイル画像のみ*/
:where(.is-style-column-2-1,.is-style-column-2-2,.is-style-column-3-1,.is-style-column-3-2,.is-style-column-4-1,.is-style-column-4-2) .widget-entry-cards.large-thumb {
	justify-items: center; /* 中央寄せ */
}

/* ウィジェットカードカラム数切り替え */
:where(.is-style-column-2-1,.is-style-column-2-2) .widget-entry-cards{
	display:grid; /* グリッド表示 */
	grid-template-columns:repeat(2,1fr); /* 2カラム */
}

:where(.is-style-column-3-1,.is-style-column-3-2) .widget-entry-cards{
	display:grid; /* グリッド表示 */
	grid-template-columns:repeat(3,1fr); /* 3カラム */
}

:where(.is-style-column-4-1,.is-style-column-4-2) .widget-entry-cards{
	display:grid; /* グリッド表示 */
	grid-template-columns:repeat(4,1fr); /* 4カラム */
}

/* モバイル用レスポンシブ設定 */
@media (max-width: 768px) {
	:where(.is-style-column-2-1,.is-style-column-3-1,.is-style-column-4-1) .widget-entry-cards {
		grid-template-columns: 1fr; /* モバイルで1列 */
}
	:where(.is-style-column-3-2,.is-style-column-4-2) .widget-entry-cards{
		grid-template-columns:repeat(2,1fr);/* モバイルで2列 */
}
}


/************************************************************************
**     レスポンシブデザイン用のメディアクエリ
************************************************************************/


/************************* 1240px以下 *************************/


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


/***** 記事一覧　アイキャッチ *****/
.entry-card-thumb {
	width: 45%;
}


}


/************************* 1030px以下 *************************/


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


}


/************************* 768px以下 *************************/


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


/************ サイト全体 ************/


/***** 記事タイトル *****/
.entry-title {
	font-size: 21px !important;
	font-weight: 900 !important;
	padding: 0em !important;
}


/***** メインカラム *****/
main.main, div.sidebar {
	padding: 0px 16px;
}


/***** リンクカード *****/
.a-wrap {
	padding: 0px;
}


/***** リスト入れ子位置 *****/
li > ul, li > ol {
  padding-left: 1.3em !important;
  margin-bottom: 0em !important;
}


/***** ブログカード *****/
.blogcard-title {
	font-size: 1.1em;
	margin-bottom: 5px;
}
.blogcard-snippet {
	font-size: 0em;
}


/***** Cocoon　ボックスメニュー *****/
.box-menu-icon {
	font-size: 20px;
}
.box-menu-label {
	font-size: 12px;
}


/***** フルワイドカラム *****/
.fullwidthcontent {
	padding: 1.5rem 1rem;
}


/************ 機能追加 ************/


/***** スマホ　追尾目次 *****/
#mobile-toc-widget-wrap .menu-trigger,
#mobile-toc-widget-wrap .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#mobile-toc-widget-wrap .menu-trigger {
  position: relative;
  width: 25px;
  height: 35px;
}
#mobile-toc-widget-wrap .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff; /* 三本線色 */
  border-radius: 4px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(1) {
  top: 13px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(2) {
  top: 20px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(3) {
  top: 27px;
}
#mobile-toc-widget-wrap .menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  top:0;
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}
#mobile-toc-widget-wrap{
  position: fixed;
  bottom: 65px;
  right: 15px;
  margin: 0;
  padding: 0;
  z-index:5;
  counter-reset: mobile-toc;
}
#mobile-toc-widget-wrap label .mobile-toc-button {
  width: 58px;
  height: 58px;
  border-radius:0%;
  background: #1e96be; /* ボタン色 */
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  transition: ease-out 0.3s;
  text-align:center;
  position:relative;
  z-index: 3;
}
#mobile-toc-widget-wrap label .mobile-toc-button .mobile-toc-button-title {
  color: #fff; /* ボタン文字色 */
  font-size: 0.65em;
  letter-spacing: 0;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: auto;
}
#mobile-toc-widget-wrap label:hover {
  background: #efefef;
}
#mobile-toc-widget-wrap input {
  display: none;
}
#mobile-toc-widget-wrap .mobile-toc-show {
  display:none;
}
#mobile-toc-widget-wrap input:checked ~ .mobile-toc-show {
  background:#fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.5em 1em;
  opacity:0.97; /* 20190924数値変更 */
  position:fixed;
  width:100%;
  height:100%;
  display:block;
  animation: 0.5s fade-in;
  -webkit-animation: 0.5s fade-in;
  overflow-y:scroll;
}
@-webkit-keyframes fadeIn { 
  0% {display: none;opacity: 0;}
  1% {display: block;opacity: 0;}
  100% {display: block;opacity: 0.93;}
}
@keyframes fade-in {
  0% {display: none;opacity: 0;}
  1% {display: block;opacity: 0;}
  100% {display: block;opacity: 0.93;}
}
#mobile-toc-widget-wrap .widgettitle{
  text-align: center;
  margin: 0 0 1em; /* 20190924数値変更 */
  color: #f6a068; /* 目次名の色 */
  font-size: 1.1em;
  letter-spacing:2px;
  font-weight:600; /* 20190924追記 */
}
#mobile-toc-widget-wrap .mobile-toc-show .toc{
	border: none;
	margin: auto !important;
	padding: 0px !important;
}
#mobile-toc-widget-wrap .toc .toc-list > li {
  list-style-type: none !important;
  position: relative;
  margin-left: 13px;
  margin-right: 25px;
  padding-left: 32px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  font-size: 1.1em;
  line-height: 1.8;
}
#mobile-toc-widget-wrap .toc a {
  font-size: 0.8em;
  font-weight:600;/* 20190924追記 */
}
#mobile-toc-widget-wrap .toc-list{
  padding: auto !important;
}
#mobile-toc-widget-wrap .toc-list > li:before{
  counter-increment: mobile-toc;
  content: counter(mobile-toc);
  position: absolute;
  left: 5px;
  top: 5px;
  background: none;
  font-size: 0.8em;
  color: #f6a068; /* 数字の色 */
}
#mobile-toc-widget-wrap .toc_widget_list > li ol {
  margin-top: 5px;
  padding-left: 20px;
}
#mobile-toc-widget-wrap .toc-list ol{
  list-style:none;
}
#mobile-toc-widget-wrap .toc-list > li > ol > li a {
  position: relative;
  text-decoration: none !important;
  font-weight:500;/* 20190924追記 */
}
#mobile-toc-widget-wrap .toc-list > li ol li a:before {
  position: absolute;
  content: "・";
  font-size: 1.4em;
  left: -20px;
  top: -10px;
  color: #f6a068; /* 点の色 */
}


}


/************************* 480px以下 *************************/


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


/************ サイト全体 ************/


/***** ロゴ *****/
.logo-header img { 
	width: 210px;
	height: auto;
}
.site-name-text-link {
	padding: 0em 0em 0em;
}
.logo-image {
	padding: 0px 0px 10px;
	font-size: inherit;
}


/***** キャッチフレーズ *****/
.tagline {
	font-size: 9px;
}


/***** トップメニュー *****/
.navi .item-label {
	height: 20px;
}
#header-container .navi {
	margin-bottom: 5px;
}
#navi .navi-in > .menu-mobile li {
	border: 1px solid #ffffff;
}

.sub-caption {
	display: none;
}


/***** フッターナビ *****/
.navi-footer-in a {
	border: 1px solid #ffffff;
}


/***** インデックスアイキャッチ *****/
.entry-card-thumb {
	margin-right: 2.6%;
}


/***** インデックスタイトル *****/
.entry-card-title {
	font-size: 17px;
	padding: 0px 0 0 0;
	display: block
}
.entry-card-snippet {
	font-size: 0px;
}
.entry-card-thumb {
	width: 40%;
}


/***** 公開・更新日付 *****/
.date-tags {
	font-size: 18px;
}


/***** 関連記事　公開・更新日付 *****/
.related-entry-card-info, e-card-info {
	font-size: 10px;
}


/***** ブログカードラベル *****/
.blogcard-label {
	top: -13px;
	font-size: 11px;
	letter-spacing: 1.7px;
}


/***** ページャー *****/
.page-numbers {
	width: 40px;
	height: 40px;
	line-height: 34px;
}


/***** 吹き出し *****/
.speech-wrap .speech-balloon {
	padding: 15px;
}


/***** SNSボタンエリア *****/
.sns-share {
	margin: 24px -5px;
}


/***** テーブルレスポンシブ　影 *****/
table tr:nth-of-type(2n+1) {
	background: rgba(221, 228, 234, 0.14);
}


/***** ボタン？ *****/
.just btn-l {
	padding: 10px 20px;
	font-size: 15px;
}


/************ 見出しタグ　デザイン ************/


/***** Hタグ *****/
.entry-title, .archive-title {
	font-size: 22px;
	margin: 10px 0;
}
.article h2 {
	font-size: 22px;
	position: relative;
	color: white;
	background: #1e96be;
	line-height: 1.4;
	padding: 0.8em 1em 0.8em 1em;
	margin: 1.26em -16px 1.26em;
	font-weight: 700;
}
.article h3 {
	padding: 15px 30px;
	margin: 1.26em -16px 1.26em;
	font-size: 19px;
	font-weight: 800;
}


/************ ショッピングAPI ************/


/***** カエレバ *****/
.kaerebalink-info {
	font-size: 16px!important;
}
.kaerebalink-powered-date {
	margin-top: 10px !important;
}
.kaerebalink-box {
	padding-bottom: 10px !important;
}
.kaerebalink-link1 > * {
	width: 50%;
	margin: -5px .5% !important;
}


/***** AmazonAPI *****/
.product-item-buttons > * {
	width: 100%;
}
.product-item-box {
	padding: 15px 10px 15px;
}


}