/*
ここに独自の CSS を追加することができます。
詳しくは上のヘルプアイコンをクリックしてください。
*/
/* もくじカスタマイズ */
@import url('https://fonts.googleapis.com/css?family=Unica+One');
#toc_container { margin-bottom: 40px; padding: 15px 20px; background: #fff; border: 5px solid #e1eff4; border-radius: 2px; color: #666; }
#toc_container .toc_title { font-family: "Unica One", cursive; text-align: center; margin-bottom: 35px; margin-top: 0; padding-top: 0; padding-bottom: 0px; font-size: 1.7em; border-bottom: 2px solid #dedede; }
#toc_container .toc_list { list-style-type: none !important; counter-reset: li; }
#toc_container .toc_list > li { position: relative; margin-bottom: 15px; margin-left: 6px; line-height: 1.3em; font-size: 0.9em; }
#toc_container .toc_list > li:after { counter-increment: li; content: "0" counter(li) " |"; position: absolute; left: -40px; top: 0px; background: none; font-family: "Unica One", cursive; font-size: 1.4em; letter-spacing: -1px; color: #008db7; }
#toc_container .toc_list > li a { text-decoration: none !important; }
#toc_container .toc_list > li a:hover { text-decoration: underline !important; }
#toc_container .toc_list > li ul { list-style-type: disc; margin-top: 15px; padding-left: 20px; color: #008db7; }
#toc_container .toc_list > li > ul li { font-size: 0.9em; margin-bottom: 8px; }
@media only screen and (min-width: 641px) { #toc_container { padding: 25px 40px; } #toc_container .toc_title { font-size: 2em; } #toc_container .toc_list > li { margin-bottom: 18px; margin-left: 12px; font-size: 1em; } #toc_container .toc_list > li:after { left: -48px; top: 0px; font-size: 26px; } }
/* チェックマークを赤に */
.li-check li:before { position: absolute; left: 1em; color: #ff3f3f; font-family: FontAwesome; content: "\f00c";
}
/* 引用の囲み枠の色 */
.entry-content blockquote { box-sizing: border-box; position: relative; margin: 1.5em 0; padding: 13px 15px 13px 50px; border: solid 2px #dedede; color: #464646;
}
/*パンくず・日付前アイコン非表示*/
.entry-header .pubdate:before{ content: none!important;
}
#breadcrumb li:first-child a:before{ content: none!important;
}
/* 引用のデザイン　サルワカさん*/
blockquote { position: relative; padding: 10px 20px; box-sizing: border-box; color: #4e4e4e; background: #f2f9ff;
}
blockquote:before{ display: inline-block; position: absolute; top: 0; left: -10px; vertical-align: middle; content: "“"; font-family: sans-serif; color: #d2e6ff; font-size: 130px; line-height: 1;
}
blockquote:after{ display: inline-block; position: absolute; bottom: -40px; right: 20px; vertical-align: middle; text-align: center; content: "”"; font-family: sans-serif; color: #d2e6ff; font-size: 90px; line-height: 1;
}
blockquote p { position: relative; padding: 0; margin: 10px 0; z-index: 3; line-height: 1.7;
}
blockquote cite { position: relative; z-index: 3; display: block; text-align: right; color: #888888; font-size: 0.9em;
}
/* afボタン　コーラル */
.afbtn-c {
background-color: #ff7070; color: #fff; box-shadow: 0px 5px 6px 0px #9E9E9E; font-weight: bold; border-radius: 4px; max-width: 80%; margin: 2.5em auto; padding: 0; text-align: center; line-height: 2.8; transition: all .2s ease; position: relative;
}
.afbtn-c a:after { clear: left; content: "\f138"; font-family: "Font Awesome 5 Free"; margin-left: 20px;
}
.afbtn-c:hover {
background: #ff9d9d;	transform: translateY(5px);
}
.afbtn-c a { text-decoration: none !important; color: #fff !important; display: block; margin: 0; padding: 0.5em; padding-right: 2em;
}
.afbtn-c > img { float: left; }
.afbtn-c::after{ content: ''; clear: left; }
/* ドットボックス */
.dot-box { border: 3px solid #ffccd2; background-color: #fff9fc; background-image: radial-gradient(#fff4f9 35%, transparent 0), radial-gradient(#fff4f9 35%, transparent 0); background-position: 0 0, 40px 40px; background-size: 80px 80px; color: #8c654c; padding: 1.5em 1em; margin: 2em 0; font-weight: bold;
}
/*　テープBOX */
.tape-box { position: relative; margin: 3em 0 1em 0; background: #fff6e6; box-shadow: 0 2px 3px rgba(0,0,0,.22); padding: 32px 20px 22px 20px; background-color: #fdf3e2;
}
.tape-box:after { position: absolute; content: ""; top: 25px; width: 25%; height: 35px; opacity: 0.9; margin: -35px auto 10px 35%; background: repeating-linear-gradient(-45deg, #ffefef, #ffefef 2px,#ffd1d1 3px, #ffd1d1 7px); transform: rotate(-2deg); left: 10px; right: 10px; box-shadow:0 0 5px rgba(0,0,0,.2);
}
.tape-box p { margin: 0; padding: 0;
}
/* reCAPTCHA v3　非表示 */
.recaptcha_policy { padding: 0; margin: 0; text-align: center; font-size: 11px !important; color: #444 !important;
}
.recaptcha_policy a { font-size: 11px !important; color: #111 !important;
}
/*　コンタクトフォーム7　ボタン */
.wpcf7 input[type="submit"] ,
.pushbutton-wide{
background-color: #8bd0ca;	border-color: #8bd0ca; margin: 1em .5em 3em .5em; padding: .5em 8em; font-weight: 700; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15); color: #fff; transition: .3s ease-in-out;
}
/* ホバーで影 */
.pushbutton-wide:focus, .pushbutton-wide:hover, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=submit]:hover { box-shadow: 0 13px 20px -3px rgba(0,0,0,.24); text-decoration: none; -webkit-tap-highlight-color: transparent;
}
/* リキャプチャ重なり消す */
.grecaptcha-badge { opacity: 0;
}
/* 大きなボタン（赤） */
/* h2見出しカスタムプリセット */
.sgb-heading--type3 { border-left-style: solid; border-left-width: 7px; border-radius: 0; padding: 0.5em 0.5em;
}