/*
Theme Name:     twentyfifteen-child
Description:    
Author:         my
Template:       twentyfifteen

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* wordpress twentyfifteen追加CSS */


/* 最新記事一覧のサムネ消し */

#npcatch figure{
  display:none !important;
}

#npcatch .detail{
  width:100% !important;
  max-width:100% !important;
  flex:1 1 100% !important;
  margin-left:0 !important;
  padding-left:0 !important;
}




:root {

/* リンク色 */
	--COL_LINK: #1d81e4;

/* 共通アクセントカラー */
	--COL_ACCENT: #9ac2ee;

/* ふきだしディフォルトカラー */
	--BALLOON_BG: #fbfdff;
	--BALLOON_BORDER: #96d5ff;

/* フラッグ色 */
	--FLAG_BG: #f76a86;
	--FLAG_BG_DARK: #7e9bbc;

/* CTA上コピーカラー */
	--WAIWAI_COL: #e25571;

/* まとめカラー */
	--COL_MATOME: #ff4800;

}


/* 横スクロール発生をデフォルト */
/* 20251204
wordpressのアップデートに対応 */
figure.wp-block-table {
overflow-x: auto !important;
}


/* スペーシング */
.cs_spside10per {
padding: 0 10%;
}

.cs_spside20per {
padding: 0 20%;
}

.cs_spside30per {
padding: 0 30%;
}

.cs_spside35per {
padding: 0 35%;
}

/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

	.cs_spside30per {
	padding: 0 20%;
	}

	.cs_spside35per {
	padding: 0 20%;
	}

}
/* /SP
---------------------------------------- */




/* YouTube余白
---------------------------------------- */
.is-provider-youtube {
margin-bottom: 2rem;
}
/* YouTube余白
---------------------------------------- */




/* ボックスリンク
---------------------------------------- */
.cs_boxlink a {
width: 100%;
position: relative;
display: block !important;
padding: 1em 3em 1em 1em !important;
letter-spacing: 1px;
line-height: 1.5;
color: var( --COL_LINK ) !important;
font-weight: bold;
border: 4px solid var( --COL_LINK ) !important;
}

.cs_boxlink a::after {
content: '';
display: inline-block;
position: absolute;
width: 1em;
height: 1em;
top: 50%;
right: 1.1em;
margin-top: -0.6em;
border-bottom: 4px solid var( --COL_LINK );
border-right: 4px solid var( --COL_LINK );
transform:rotate(-45deg);
}

/* 重要アンカー */
.cs_boxlink.favanchor a {
color: #ff0033 !important;
border: 4px solid #ff0033 !important;
}

.cs_boxlink.favanchor a::after {
margin-top: -0.8em;
border-bottom: 4px solid #ff0033;
border-right: 4px solid #ff0033;
transform:rotate(45deg);
}

/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {
	.cs_boxlink a {
	
	padding: 1em 2.4em 1em 1em !important;
	}
}
/* /SP
---------------------------------------- */
/* /ボックスリンク
---------------------------------------- */




/* 引用元等の添字 */
.cs_addtext {
margin-top: -1em;
font-size: 0.8em;
color: #999999;
font-family: initial;
font-style: italic;
}

/* リンク付き画像のボーダー */
.cs_aborder a img {
border: 1px solid var( --COL_LINK );
padding: 1rem;
}

/* SP余白調整 */
/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

	.site-header {
		padding: 5% !important;
	}

	.entry-header,
	.entry-content {
		padding: 0 5% !important;
	}

	.entry-footer {
		margin: 0;
		padding: 2rem;
	}

	.entry-footer .posted-on:before,
	.entry-footer .byline:before,
	.entry-footer .cat-links:before,
	.entry-footer .tags-links:before,
	.entry-footer .edit-link:before
	{
	margin-top: 5px;
	}

}
/* /SP
---------------------------------------- */

/* 関連記事の位置調整とマーカー消去 */

.crp-text-only ul {
margin-left: 0 !important;
}

.crp-text-only ul li {
list-style-type: none !important;
margin-bottom: 1em !important;
}

/* エントリーフッターデザイン */

.entry-footer {
background: none !important;
}

/* 送信フォーム（ある場合）のフォントサイズ指定 */

textarea,
input {
font-family: arial, Meiryo, sans-serif !important;
font-size: 1rem !important;
}

/* コンタクトフォームのデザイン調整 */

.wpcf7 form .wpcf7-response-output {
margin: 0 !important;
}


/* Google ReCAPTCHAEロゴ非表示
※Googleの指定するコードをフォーム中に追加の必要あり */
.grecaptcha-badge { visibility: hidden; }


/* リンクアニメ */
a {
transition: all 0.2s ease-in-out;
}

a:hover {
opacity: 0.5;
}

html,body {
	font-size: 16px;
	font-family: arial, Meiryo, sans-serif;

	line-height: 1.6;
}

/* 20240809 */
/* 閉塞感が気になりコンテンツ部分だけ実験的に行間調整 */
body div > p {
	line-height: 1.8;
}

/* 
html,body {
	font-size: 14px;
	font-family: -apple-system, "system-ui", "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
}
 */

/* 左上画像ロゴ */
img.custom-logo {
	padding-bottom: 1rem;
	
}


/* 左上サイトタイトル */
.site-title {
	font-size: 1.5rem !important;
}

/* PR表記 */
.site-title::after {
content: '※このブログにはプロモーションが含まれています';
display: block;
font-size: 0.8rem;
font-weight: normal;
color: #999999;
padding: 1rem 0;
}

/* アーカイブタイトル */
h1.page-title {
	font-size: 2rem;
	font-family: arial, Meiryo, sans-serif;
}

/* 目次（プラグイン） */
#toc_container {
	border: 1px solid #dddddd !important;
	padding:1.5em !important;
	margin-top: 4rem;
	line-height: 2;
}

.toc_list > li {
font-weight: bold;
}

.toc_list > li:not(:last-child) {
margin-bottom: 1em !important;
}

.toc_list > li > ul {
font-weight: normal;
}


/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

	#toc_container {
		padding:1em;
	}

}
/* /SP
---------------------------------------- */




/* 各所フォントサイズ統一調整 */
aside,
footer,
.site-info,
#menu-menu,
.site-description {
	font-family: arial, Meiryo, sans-serif !important;
	font-size: 1rem !important;
}

/* 更新日アイコン */
.posted-on:before {
	content: "\f420";
	margin-right: 0.3rem;
}

/* ページ移動表記 */
span.meta-nav {
	font-size: 0.8rem !important;
	margin-bottom: 0.5em;
	font-weight: normal;
}

/* 記事ページタイトル */
h1.entry-title {
	font-size: 2.5rem;
}

/* 前次のタイトル */
span.post-title{
	font-size: 1rem !important;
	font-family: arial, Meiryo, sans-serif !important;
}

/* 箇条書き調整 */
.entry-content ul,
.entry-content ol {
margin-left: 1rem;
}

.entry-content ol {
margin-left: 0;
padding-left: 2rem;
}

.entry-content ul li:not(:last-of-type),
.entry-content ol li:not(:last-of-type) {
	margin-bottom: 0.5em;
}

.entry-content ul li img {
	margin-bottom: 1rem;
}

/* 引用部分フォントサイズ */
blockquote {
	font-size: 1rem;
}

/* 引用部分デザイン */
blockquote.wp-block-quote {
	border-left: 4px solid rgba(64,64,64,0.2) !important;
	padding: 1rem;
	color: #666666;
}

/* コンテンツ内リンク色 */
.entry-content a {
	border-bottom: none;
	color: var( --COL_LINK );
}

/* 横幅が満たないリンク付き画像のため */
.entry-content a img {
display:inline-block;
}

/* 強調文字をマーカー装飾 */

/* マーカーアニメ */
.entry-content .cs_animarker strong {
	display: inline;
	border: 0;
	background:linear-gradient(transparent 50%, rgba(255,128,214,0.4) 50%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition:background-size 1.5s;
}

.entry-content .cs_animarker.on strong {
    background-size: 100% 100%;
}


.entry-content strong {
    border: 0;
    background:linear-gradient(transparent 80%, rgba(255,128,214,0.3) 80%);
}

.entry-content .cs_highlight strong {
	border: 0;
	background:linear-gradient(transparent 50%, rgba(255,255,153,0.8) 50%);
}

.entry-content .cs_noline strong {
	border: 0 !important;
	background: none !important;
}

.entry-content .cs_price strong {
	border: 0;
	background: none;
	color: #ff0033;
	font-size: 2em;
	display: inline-block;
	margin: 0 0.1em;
	vertical-align: -0.05em;
}

/* 強調赤文字 */
.entry-content .cs_boldred strong {
    border: 0;
    background: none;
    color: #ff0033;
}

/* PHP側で制御するので何もしないことにした */
/* 投稿日を更新日に変更 */
/* .entry-date.published {
	display: none;
}

.updated {
	display: inline-block !important;
} */

/* 画像ブロック下スペース調整 */
/* 直下がh2の場合は見出し側で調整される */
figure.wp-block-image.size-large {
	margin-bottom: 2rem !important;
}

/* リスト表示時の記事タイトル */
h2.entry-title {
	font-size: 2.4rem !important;
}

/* h2見出し */
.entry-content h2 {
	font-size: 1.8rem;
	margin-top: 4em;
	margin-bottom: 2rem;
	border-left: 4px solid var(--COL_ACCENT );
	padding: 1em;
	background-color: #fcfcfc;
}

/* h3見出し */
.entry-content h3 {
	border-bottom: 2px dotted var(--COL_ACCENT );
	font-size: 1.4rem;
	margin-bottom: 1rem;
	padding-top: calc( 1em + 2px );
	padding-bottom: 1em;
	border-top: 2px dotted var(--COL_ACCENT );

	margin-top: 3em;
}

/* h4見出し */
.entry-content h4 {
	font-size: 1.2rem;
	margin-bottom: 0.5em;
	padding: 0 0 0.35em 0;
	border-bottom: 1px dotted var(--COL_ACCENT );
}

.entry-content h4.cs_leftline {
	padding: 2px 0 0 12px;
	border-left: 4px solid var(--COL_ACCENT );
	border-bottom: none;
	margin-bottom: 1em;
}

.entry-content h4.cs_linebox {
	padding: 1em;
	border: 1px solid var(--COL_ACCENT );
	border-left: 4px solid var(--COL_ACCENT );
	margin-bottom: 1em;
}

/* h5見出し */
.entry-content h5 {
	font-size: 1.1rem;
	margin-bottom: 0.5em;
	padding: 0 0 0.35em 0;
	border-bottom: 1px dotted var(--COL_ACCENT );
}

/* h6見出し */
.entry-content h6 {
	font-size: 1rem;
	margin-bottom: 0.5em;
}

/* ウィジェット見出し */
aside#block-25,
aside#block-26
{
	margin-bottom: 2rem;
}

aside#block-25 p,
aside#block-26 p
{
	font-size: 0.8rem;
	text-align: center;
	color: #000000;
	padding: 0.75em 1em;
	border-bottom: 1px dotted #cccccc;
}

/* フッター非表示 */
.site-info {
	display: none;
}


/* 装飾ボックス
---------------------------------------- */

.cs_box {
border: 1px solid #dddddd;
padding: 1rem;
padding-bottom: calc( 1rem - 2px );
position: relative;

line-height: 1.6;

}

.cs_box::before {

	content: '';
	display: inline-block;
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;

	background-repeat: no-repeat;
	background-size: contain;

	top: 50%;
	margin-top: calc( -0.5rem - 2px);
	left: 1rem;
}

/* HTML変換でdiv利用の場合 */
div.cs_box {
margin-bottom: 2rem;
}

div.cs_box p {
margin: 0;
}

div.cs_box p:not(:last-of-type) {
margin-bottom: 0.8em;
}

/* 警告 */
.cs_box.warning {
	padding-left: 3rem;
	border: none;
	border-radius: 0.5rem;

background-size: auto auto;
background-color: #fef4ca;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255,255,255,0.5) 2px, rgba(255,255,255,0.5) 4px );
}

.cs_box.warning::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_warning.png);
}


/* インフォメーション */
.cs_box.info {
	padding-left: 3rem;
	border: 2px solid #99ccff;;
	background-color: #f6fafd;
}

.cs_box.info::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_info.png);
}

/* 思案 */
.cs_box.think {
	border: none;
	border-radius: 0.5rem;
	background-color: rgba(241, 243, 253, 1);

	background-size: auto auto;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(243, 249, 254, 1) 2px, rgba(243, 249, 254, 1) 4px );
}

/* 肯定的強調 */
.cs_box.hot {
	border: none;
	/* border-left: 3px solid #ff991d; */

background-size: auto auto;
background-color: #ffffcc;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #fff6f6 2px, #fff6f6 4px );
}

/* 強通知 */
.cs_box.caution {
	border: none;
background-size: auto auto;
background-color: #ffeded;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #fff6f6 2px, #fff6f6 4px );
}


/* 太ライン */
.cs_box.boldline {
	border: 4px solid #eeeeee;
	border-radius: 0.5rem;
}

/* 注目 */
.cs_box.ex {
	padding-left: 3rem;
	border: 2px solid #ffcc66;;
	background-color: #fffff6;
}

.cs_box.ex::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_exclamation.png);
}

/* チェックマーク */
.cs_box.goodcheck {
	padding-left: 3rem;
	border: 4px solid #eeeeee;;
	background-color: #ffffff;
}

.cs_box.goodcheck::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_goodcheck.png);
}




/* ポイント */
.cs_box.point {
	border: 3px solid #ff8832;
	/* border-radius: 0.5rem; */
	background-color: #ffffff;
	border-radius: 0.5rem;
}

.cs_box.point::before
{
	content: 'POINT';
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 4em;
	color: #ff8832;
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 1em;
	background-color: #ffffff;
}

/* 解決 */
.cs_box.solution {
	border: 3px solid #ff4b6f;
	/* border-radius: 0.5rem; */
	/* background-color: #ffffed; */
	border-radius: 0.5rem;
}

.cs_box.solution::before
{
	content: 'これで解決！';
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 7em;
	color: #ff4b6f;
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 1em;
	padding-left: 0.4em;
	background-color: #ffffff;
}

/* 関連記事 */
.cs_box.reration {
	border: 2px solid #d7e4f2;
	border-radius: 0.5rem;
}

.cs_box.reration a::before
{
	content: '関連記事：';
	color: #000000;
}




/* コメント */
.cs_box.voice {
	border: 3px solid #c1dbefa0;
	border-radius: 0.5rem;
}

/* リード */
.cs_box.read {
    border: 4px solid #c1d6e2;
    border-radius: 0.5rem;
}

/* ボックス内改行空け */
.cs_brsp br {
display: block;
content: "";
margin-bottom: 0.8em;
}

/* 章のまとめ */
.cs_box.chapterend,
.cs_box.cend
{
	position: relative;
	margin-top: 3rem;
	border: 3px solid var( --COL_MATOME );
	border-radius: 0.5rem;
}

/* .cs_box.chapterend::before,
.cs_box.cend::before
{
	content: 'POINT';
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 4em;
	color: var( --COL_MATOME );
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 1em;
	background-color: #ffffff;
} */

/* ピックアップ */
.cs_box.pickup
{
	position: relative;
	border: 3px solid #63a4ff;
	border-radius: 0.5rem;
}

.cs_box.pickup::before
{
	content: 'PICKUP';
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 4.5em;
	color: #63a4ff;
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 1em;
	background-color: #ffffff;
}

/* 汎用強調 */
.cs_box.domi {

	border: 1px solid #c1e6fa;
	border-radius: 0.5em;
	background-color: #f5fbfe;
	color: #006497;
}

.cs_box.domi strong {
	color: #006497 !important;
	font-weight: bold !important;
	font-size: 1.0.5em !important;
	background: none !important;
}

.cs_box.domi a {
	font-weight: bold !important;
}

/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

    .cs_brsp br {
    margin-bottom: 0.8em;
    }

}
/* /SP
---------------------------------------- */

/* /装飾ボックス
---------------------------------------- */

/* アイコン付きリスト
---------------------------------------- */

ul.cs_list {
margin-left: 0;
}

ul.cs_list li {
position: relative;
padding-left: 1.4em;
list-style: none;
}

ul.cs_list li > ul {
margin-top: 0.5em;
}

ul.cs_list li::before {

	content: '';
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;

	background-repeat: no-repeat;
	background-size: contain;

	top: 0;
	margin-top: calc( 0.2em + 1px );
	left: 0;
}


/* default */
ul.cs_list li::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_dot.png);
}

ul.cs_list.check li::before {
	margin-top: calc( 0.2em - 0px );
	background-image: url(https://toiputao.com/wp-content/uploads/icon_check.png);
}

ul.cs_list.circlearrow li::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_circlearrow.png);
}

ul.cs_list.num li:nth-child(1)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num01.png);
}

ul.cs_list.num li:nth-child(2)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num02.png);
}

ul.cs_list.num li:nth-child(3)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num03.png);
}

ul.cs_list.num li:nth-child(4)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num04.png);
}

ul.cs_list.num li:nth-child(5)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num05.png);
}

ul.cs_list.num li:nth-child(6)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num06.png);
}

ul.cs_list.num li:nth-child(7)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num07.png);
}

ul.cs_list.num li:nth-child(8)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num08.png);
}

ul.cs_list.num li:nth-child(9)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num09.png);
}

ul.cs_list.num li:nth-child(10)::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_num10.png);
}

/* /アイコン付きリスト
---------------------------------------- */

/* テキスト効果ライン
---------------------------------------- */

.cs_waiwai {
text-align: center;
font-weight: bold;
color: var( --WAIWAI_COL );
/* line-height: 1.4; */

margin-top: 3rem;
margin-bottom: -1rem;

}

.cs_waiwai p {
position: relative;
display: inline-block;
padding: 0 1em;
font-size: 1.1rem;
}

.cs_waiwai p::before,
.cs_waiwai p::after {
content: '';
position: absolute;
display: inline-block;
width: 1.5em;
height: 1.5em;
transform: rotate(-30deg);
}

.cs_waiwai p::before {
border-left: 2px solid var( --WAIWAI_COL );
top: -0.45em;
left: 0;
transform: rotate(-30deg);
}

.cs_waiwai p::after {
border-right: 2px solid var( --WAIWAI_COL );
top: -0.45em;
right: 0;
transform: rotate(30deg);
}

/* /テキスト効果ライン
---------------------------------------- */

/* マイクロコピー
---------------------------------------- */

.cs_microcopy {

text-align: center;
position: relative;
padding: 0 0.8em;
display: inline-block;
left: 50%;
transform: translateX(-50%);
color:#333333;

/* font-weight: bold; */
font-size: 1rem;

}

.cs_microcopy + * {
margin-top: -1.2rem;
}

.cs_microcopy::before,
.cs_microcopy::after {
content: '';
display: inline-block;
width: 1.2em;
height: 1.2em;

}

.cs_microcopy::before {
border-left: 2px solid #333333;
transform: rotate(-30deg);
position: absolute;
top: 0;
left: 0;
}

.cs_microcopy::after {
border-right: 2px solid #333333;
transform: rotate(30deg);
position: absolute;
top: 0;
right: 0;
}

/* /マイクロコピー
---------------------------------------- */

/* ボタン
---------------------------------------- */

/* トラッキングタグ対策でflex */

.cs_cta {
text-align: center;
position: relative;
margin-bottom: 6rem;

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.cs_cta a {
width: 100%;

position: relative;
overflow: hidden;

display: block !important;
background-color: #ff0033;
/* background-color: #00cc66; */
/* background: linear-gradient(#ff2828 ,#bc0000); */

padding: 2em 2em 2em 2em !important;

font-weight: bold;
font-size: 1.1em;

letter-spacing: 1px;
border-radius: 5em;

/* box-shadow: 0px 5px 10px rgba(0,0,0,0.2); */

color: #ffffff;
/* line-height: 1.4; */
}

.cs_cta a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
/* background: linear-gradient(120deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); */
background: rgba(255, 255, 255, 0.5);
transform: skewX(-30deg);
z-index: 1;
animation: light-sweep 4s ease-in-out infinite;

}

@keyframes light-sweep {
	0% {
	left: -100%;
	}
	25% {
	left: 100%;
	}
	100% {
	left: 200%;
	}
}


/* .cs_cta a::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0.9em;
	height: 0.9em;

	top: 50%;
	right: 1.4em;

margin-top: -0.48em;

border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;

transform:rotate(45deg);
} */

/* SP
---------------------------------------- */
/* @media only screen and ( max-width: 768px ) {
	.cs_cta a {
	
	padding: 2em 2em 2em 2em !important;
	}
} */
/* /SP
---------------------------------------- */

/* /ボタン
---------------------------------------- */


/* フロー等で下矢印付きのボックス
---------------------------------------- */

.cs_dda {
position: relative;
margin-bottom: 3rem;
}

.cs_dda::after {
width: 1rem;
height: 1rem;
content: '';
display: block;
position: absolute;
left: calc( 50% - 1rem );
bottom: -2rem;

border-top: 1rem solid #dddddd;
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
}

/* /フロー等で下矢印付きのボックス
---------------------------------------- */

/* 大きめ文字
---------------------------------------- */
.cs_copybig {
font-size: 1.2rem;
font-weight: bold;
}


/* 太文字
---------------------------------------- */
.cs_copybold {
font-weight: bold;
}

/* リンクアロー */
.cs_linkarrow a {
position: relative;
}

.cs_linkarrow a::after {
width: 0.6em;
height: 0.6em;
content: '';
display: inline-block;
position: absolute;

margin-top: 0.5em;
margin-left: 0.2em;
margin-right: 0.2em;

border-top: 2px solid var( --COL_LINK );
border-right: 2px solid var( --COL_LINK );

transform: rotate(45deg);
}

/* 外部リンクアイコン
---------------------------------------- */
.cs_external a {
position: relative;
padding-right: 1.1em;
margin-right: 0.4em;
}

.cs_external a::after {
content: '';
background-image: url(https://toiputao.com/wp-content/uploads/icon_external.png);
width: 1em;
height: 1em;
display: inline-block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
margin-left: 0.2em;
margin-bottom: calc( 0.15em - 1px );
}




/* ふきだしのみ
---------------------------------------- */

.cs_balloon {

line-height: 1.4;

margin-left: -0.4rem;

display: inline-block;

position: relative;
padding: 1rem;
border-radius: 5px;

/* 吹き出しライン色デフォルト */
border: 2px solid var( --BALLOON_BORDER );

/* 吹き出し背景色デフォルト */
background-color: var( --BALLOON_BG );

}

/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

	.cs_balloon {
	margin-left: 0;
	padding: 0.5rem;
	}

}
/* /SP
---------------------------------------- */



.cs_balloon::after,
.cs_balloon::before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
right:100%;
top:50%;

}

.cs_balloon::after{
border-color: rgba(255, 0, 0, 0);
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 12px;
border-right-width: 12px;
margin-top: -5px;


/* 矢印部分背景色デフォルト */
border-right-color: var( --BALLOON_BG );
}

.cs_balloon::before{
border-color: rgba(0, 0, 0, 0);
border-top-width: 7px;
border-bottom-width: 7px;
border-left-width: 16px;
border-right-width: 16px;
margin-top: -7px;

margin-right: 2px;

/* 矢印部分ライン色デフォルト */
border-right-color: var( --BALLOON_BORDER );
}

/* /ふきだしのみ
---------------------------------------- */

/* テキスト前ライン */

.cs_qline {
padding-left: 2.5rem;
position: relative;
font-weight: bold;
}

.cs_qline::before {
background-color: #333333;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0.8em;
width: 2rem;
}

/* WP Sitemap Pageプラグインの調整 */

h2.wsp-pages-title {
margin-top: 3rem;
}

strong.wsp-category-title {
display: inline-block;
background: none;
margin-bottom: 1rem;
}

ul.wsp-posts-list {
margin-bottom: 2rem;
}

ul.wsp-posts-list > li {
list-style: none;
margin-left: -1em;
}

ul.wsp-posts-list > li > ul.wsp-posts-list li {
list-style: disc;
margin-left: initial;
}

/* 先頭アイコン追加 */

.cs_icon {
	position: relative;
	padding-left: 1.4em;
}

.cs_icon::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;

	background-repeat: no-repeat;
	background-size: contain;

	margin-top: 0;
	top: 0;
	left: 0;
}

p.cs_icon::before {
	top: 4px;
}

h3.cs_icon::before {
	top: calc( 1em + 3px );
}

h4.cs_icon {
	padding-left: 1.4em;
	border: none;
}

h4.cs_icon::before {
	top: 3px;
}

/* SP
---------------------------------------- */
@media only screen and ( max-width: 768px ) {

	p.cs_icon::before {
		top: 4px;
	}

	h3.cs_icon::before {
		top: calc( 1em + 4px );
	}

	h4.cs_icon::before {
		top: 0px;
	}

}
/* /SP
---------------------------------------- */



.cs_icon.check::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_check.png);
}

.cs_icon.circlearrow::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_circlearrow.png);
}

.cs_icon.crown01::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_crown01.png);
}

.cs_icon.crown02::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_crown02.png);
}

.cs_icon.crown03::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_crown03.png);
}

.cs_icon.ex::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_exclamation.png);
}

.cs_icon.faq_a::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_faq_a.png);
}

.cs_icon.faq_q::before {
	background-image: url(https://toiputao.com/wp-content/uploads/icon_faq_q.png);
}

.cs_icon.fire::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_fire.png);
}

.cs_icon.info::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_info.png);
}

.cs_icon.lamp::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_lamp.png);
}

.cs_icon.num01::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num01.png);
}

.cs_icon.num02::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num02.png);
}

.cs_icon.num03::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num03.png);
}

.cs_icon.num04::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num04.png);
}

.cs_icon.num05::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num05.png);
}

.cs_icon.num06::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num06.png);
}

.cs_icon.num07::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num07.png);
}

.cs_icon.num08::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num08.png);
}

.cs_icon.num09::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num09.png);
}

.cs_icon.num10::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_num10.png);
}

.cs_icon.pin::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_pin.png);
}

.cs_icon.warning::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_warning.png);
}

.cs_icon.goodcheck::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_goodcheck.png);
}

.cs_icon.checkbox::before {
    background-image: url(https://toiputao.com/wp-content/uploads/icon_checkbox.png);
}

/* 横並びリスト */

.cs_taglist {

	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;

	list-style: none;

	margin-left: 0 !important;

	color: #547589;

}

.cs_taglist li {
	white-space: nowrap;
	padding: 0.2rem 0.8rem 0.15rem 0.8rem;
	border-radius: 2px;
	border: 1px solid #547589;
	margin: 0 0.5em 0.5em 0;
}

/* 最新一覧デザイン調整（Newpost Catch）
---------------------------------------- */

aside.widget.widget_newpostcatch h2.widget-title {
display: none;
}

ul#npcatch {

margin: 0;

}

ul#npcatch li {
list-style: none;
font-size: 0.9rem;
}

ul#npcatch li .date {
color: #cccccc;
font-size: 0.8em;
}

ul#npcatch li a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;

margin-bottom: 1rem;
}

ul#npcatch li a > * {
width: 50%;
}

ul#npcatch li a img {
width: initial;
height: initial;
}

#npcatch figure {
padding: 0 1rem 0 0 !important;
}


/* フラッグ
---------------------------------------- */

.cs_flag {
border: none;
font-size: 0.9rem;
position: relative;
background-color: var( --FLAG_BG );
color: #ffffff;
padding: 0.4em 0.7em 0.4em 0.7em;

display: inline-block;
border-radius: 4px;

margin-top: 1rem;

}

.cs_flag.topsp {
margin-top: 2.5rem;
}

.cs_flag + * {
margin-top: -0.2rem !important;
}

.cs_flag::after {
width: 1rem;
height: 1rem;
content: '';
display: block;
position: absolute;
left: 1.2rem;
bottom: -0.6rem;
border-bottom: 1rem solid transparent;
border-right: 1rem solid var( --FLAG_BG );
}


.cs_flag.dark {
background-color: var( --FLAG_BG_DARK );
}


.cs_flag.dark::after {
border-right: 1rem solid var( --FLAG_BG_DARK );
}


/* 角Ｒ小タイトル
---------------------------------------- */

.cs_ellipse {
display: inline-block;
background-color: #e3e9ef;
border-radius: 2em;
padding: 0.2em 1em 0.1em 1em;
}

.cs_ellipse + * {
margin-top: -1em;
}

/* /角Ｒ小タイトル
---------------------------------------- */




/* 区切りライン
---------------------------------------- */

.cs_hr {

padding-bottom: 1rem;
border-bottom: 1px dotted #cccccc;
margin-bottom: 2rem;

}

/* 区切りライン
---------------------------------------- */




/* 調整用
---------------------------------------- */

.mt3rem,
.cs_mt3rem {
margin-top: 3rem !important;
}

.mt4rem,
.cs_mt4rem {
margin-top: 4rem !important;
}

.mt5rem,
.cs_mt5rem {
margin-top: 5rem !important;
}

.mt6rem,
.cs_mt6rem {
margin-top: 6rem !important;
}

/* /調整用
---------------------------------------- */




/* フロートリンク
---------------------------------------- */

.cs_floatlink {
position: fixed;
left: 0;
bottom: -10rem;
width: 100%;

/* background-color: rgba(255, 255, 255, 0.95); */
transition: all .5s ease-out;

z-index: 9998;

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 1rem;
}

.cs_floatlink a {

display: block;

width: 100%;
position:relative;

text-align: left;

line-height: 1.4;

/* background-color: rgba(255, 255, 255, 0.95);
border: 2px solid var(--COL_LINK) !important; */

background-color: rgba(0, 2, 54, 0.8);

/* borderをつける場合importantにしないとhoverでずれる */

border-radius: 0.5em;

padding: 0.75em 0.75em 0.70em 2.9em;
margin: 0.5em;

color: #ffffff;
}

.cs_floatlink a::before {

/* abusoluteが重なる場合は疑似要素の元にpointer-events: none;を設定する */

	content: '';
	display: inline-block;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	/* background-image: url(https://toiputao.com/wp-content/uploads/icon_ring.gif); */
	background-image: url(https://toiputao.com/wp-content/uploads/icon_bell.gif);
	background-repeat: no-repeat;
	background-size: contain;

	top: 50%;
	margin-top: -0.75em;
	left: 0.75em;

	/* border: 1px solid #ff00ff; */
}

.cs_floatlink a:hover {
opacity: 1;
}

.cs_floatlink.active {
bottom: 0px;
}

/* /フロートリンク
---------------------------------------- */




/* 画像をリンク化
---------------------------------------- */

.cs_gazolink {

    display: block;
    position: relative;
    margin-bottom: 6rem;
	margin-top: 3rem;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;

    /* border: 2px solid var( --COL_LINK ); */

    transition: all 0.2s ease-in-out;
}

.cs_gazolink:hover {
    opacity: 0.5;
}

.cs_gazolink img {
width: 100% !important;
height: 100% !important;
}

.cs_gazolink.comic {
    background-image: url(https://toiputao.com/wp-content/uploads/gazolink_comic.jpg);
}

.cs_gazolink.comic_deai {
    background-image: url(https://toiputao.com/wp-content/uploads/gazolink_comic_deai.jpg);
}

.cs_gazolink.comic_reikan {
    background-image: url(https://toiputao.com/wp-content/uploads/gazolink_comic_reikan.jpg);
}

.cs_gazolink a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: calc( 100% + 1em );
    text-align: center;
}

/* /画像をリンク化
---------------------------------------- */


/* テキスト広告素材を画像のリンクに使用する
---------------------------------------- */
.cs_glink {
    position: relative;
    transition: all 0.2s ease-in-out;
}

.cs_glink:hover {
    opacity: 0.5;
}

/* リンクテキストは透明化 */
.cs_glink a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    opacity: 0;
}
/* /テキスト広告素材を画像のリンクに使用する
---------------------------------------- */


/* 点滅
---------------------------------------- */
.cs_blink {
animation:cs_blink 1.0s ease-in-out infinite alternate;
}

.cs_blink.quick {
animation:cs_blink 0.5s ease-in-out infinite alternate;
}

.cs_blink.slow {
animation:cs_blink 2.0s ease-in-out infinite alternate;
}

@keyframes cs_blink{
0% {opacity:0;}
20% {opacity:1;}
100% {opacity:1;}
}

/* /点滅
---------------------------------------- */





/* 牌画像スケーリング
---------------------------------------- */

img.wp-image-116,
img.wp-image-114,
img.wp-image-112,
img.wp-image-110,
img.wp-image-108,
img.wp-image-106,
img.wp-image-104,
img.wp-image-102,
img.wp-image-100,
img.wp-image-98,
img.wp-image-96,
img.wp-image-94,
img.wp-image-92,
img.wp-image-90,
img.wp-image-88,
img.wp-image-86,
img.wp-image-84,
img.wp-image-82,
img.wp-image-80,
img.wp-image-78,
img.wp-image-76,
img.wp-image-74,
img.wp-image-72,
img.wp-image-70,
img.wp-image-68,
img.wp-image-66,
img.wp-image-64,
img.wp-image-62,
img.wp-image-60,
img.wp-image-58,
img.wp-image-56,
img.wp-image-54,
img.wp-image-52,
img.wp-image-50,
img.wp-image-48,
img.wp-image-46,
img.wp-image-44
{
	width: 24px !important;
	height: 33px !important;
	object-fit: contain !important;
	margin: 0 -34px 6px -34px !important;
}

img.wp-image-115,
img.wp-image-113,
img.wp-image-111,
img.wp-image-109,
img.wp-image-107,
img.wp-image-105,
img.wp-image-103,
img.wp-image-101,
img.wp-image-99,
img.wp-image-97,
img.wp-image-95,
img.wp-image-93,
img.wp-image-91,
img.wp-image-89,
img.wp-image-87,
img.wp-image-85,
img.wp-image-83,
img.wp-image-81,
img.wp-image-79,
img.wp-image-77,
img.wp-image-75,
img.wp-image-73,
img.wp-image-71,
img.wp-image-69,
img.wp-image-67,
img.wp-image-65,
img.wp-image-63,
img.wp-image-61,
img.wp-image-59,
img.wp-image-57,
img.wp-image-55,
img.wp-image-53,
img.wp-image-51,
img.wp-image-49,
img.wp-image-47,
img.wp-image-45,
img.wp-image-43
{
	width: 33px !important;
	height: 24px !important;
	object-fit: contain !important;
	margin: 3px -47px 0 -47px !important;
}

/* /牌画像スケーリング
---------------------------------------- */