@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.0.0
Author: opencage
Author URI: https://open-cage.com/
*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1b3x5r');
  src:  url('fonts/icomoon.eot?1b3x5r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1b3x5r') format('truetype'),
    url('fonts/icomoon.woff?1b3x5r') format('woff'),
    url('fonts/icomoon.svg?1b3x5r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*- - - - - - - - - - - - -
　　　　　　 基本
- - - - - - - - - - - - -*/

body{ background: #fff;}
.shareHtml br,.kaerebalink-box br { display : none ; }
@media only screen and (min-width: 980px){.sidebar_none #main{max-width: 728px;}}
.entry-content {margin-bottom: 5em;}
.archives-list .entry-content {margin-bottom:0;}

main {text-align:center;}

.entry-header .cat-name {display:none;}
@media screen and (min-width: 1167px){.single:not(.sidebarleft):not(.content_flat) .byline {padding-top: 0;}}
.entry-header .pr-notation{margin-bottom: 0.3rem;}

/* ヘッダー */
.site__logo__title img{max-width: 150px;}
@media screen and (min-width: 480px) {.site__logo__title img{max-width: 250px;}}
.site__logo.fs_m .custom-logo {max-height: 65px;margin:0;}

#header{border-bottom: 5px #0698EB solid;}
.nav_btn{background:#0698EB!important;}

@media only screen and (min-width: 768px){.headercenter .site__logo {margin: 0 auto;}}

/* パンくず */
#breadcrumb{padding:.6em;}

/* ストライプの枠（アイキャッチ・figure領域・目次・関連記事） */
.entry-content figure,.eyecatch,.category_bnr{background: #f7f7f7;margin-bottom: 5em;}
.entry-content figure,.related_article,.eyecatch,.category_bnr{max-width: 670px!important;border: 1px solid #ABBCD4;}
.entry-content blockquote figure{
    border: 0;
    background: transparent;
    margin-bottom: 1rem;
}
/*アイキャッチ*/
.entry-header .eyecatch{margin-bottom: 0!important;}


/* - - - - - - - - - - - - -
　　　　　段落 Pタグ 
- - - - - - - - - - - - -　*/

.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.1rem;margin-bottom: 3em;text-align: left;line-height: 1.9;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.08rem;line-height: 2;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.09rem;line-height: 1.9;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.21rem;line-height: 1.9;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.35rem;line-height: 2;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.47rem;line-height: 1.9;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.entry-content dl {font-size: 1.24rem;line-height: 1.9;}}
@media only screen and (min-width: 1081px){.entry-content p, kbd, #toc_container p.toc_title, #toc_container p.toc_title,.entry-content dl {font-size: 1.3rem;line-height: 2;}}

.entry-content .byline {font-size: .85em;padding: 0;margin: 0;line-height: 1.8;}

/* 行間を長く */
.entry-content .mgn_top_long_01 {
margin-top:20em;
}
.entry-content .mgn_top_long_02 {
margin-top:5em;
}
.entry-content .mgn_top_long_03 {
margin-top:2.5em!important;
}
.entry-content .mgn_btm_long_01{
margin-bottom:2.5em;
}

/* リンク */
a{color:#0167bf;}
a:link, a:visited:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
a:hover {color:#505050;text-decoration:none;}

.footer-links a::before{color:#fff;}
.entry-content a[target="_blank"]::after{content: "\e600";
    font-family: 'icomoon';
    font-size: 100%;
    margin: 0 0.1em 0 0.2em;
    bottom: -1px;
    text-decoration: none;}
.entry-content .recommendation a[target="_blank"]::after{content: none;}

/*- - - - - - - - - - - - -
　　　　　　 文字装飾
- - - - - - - - - - - - -*/
.no-space-left{padding-left:0;}
.r-colored-ar{letter-spacing: -.1rem;margin-right: .1rem;}
.sup {position: relative;line-height: 0;vertical-align: baseline;top: -0.5em;font-size: 75%;}

.kaerebalink-box .broken_link{text-decoration:none;}

/* 色 */
.color01 {color: #ce000d;}
.span-stk-maker-pink, .span__stk_maker_pink,.span-stk-maker-yellow, .span__stk_maker_yellow{background-image: none;color: #ce000d;font-weight: bold;}
/* フォント色を黄色く */
.color02 { color:yellow;font-weight: bold;}
/* フォント色をオレンジ */
.color03 { color:#ffa600; }

/* 番号 */
.entry-content .number-circle {
    background: #0167bf;
    box-shadow: 0 0 5em rgb(51 51 51 / 15%) inset;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    font-size: 0.7em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-align: center;
    line-height: 1.5em;
    border-radius: 50%;
    position: relative;
    margin: 0 0.3em;
    display: inline-block;
    bottom: 0.25em;
}
.entry-content h3 .number-circle{background:#fff;box-shadow:none;color:#0066bf;}
.entry-content dt .number-circle{ bottom: .2em;}
.entry-content b .number-circle {bottom: 0.15em;}
.entry-content .h4_section h4 span.number-circle {padding:0;}

/* em タグ */
em{ font-weight:bold; border:none;font-style: normal;letter-spacing: 0;}
.entry-content .larger { font-size:150%;font-weight:bold;}
.entry-content .bigger { font-size:300%;font-weight:bold;}

.smaller{font-weight: normal;font-size: 75%;}
/* rubyタグ */
ruby{font-weight:bold;}
ruby rp, ruby rt{font-weight:normal;}

/* iタグ・citeタグ・dfn */
i, cite,dfn {font-style: normal;}
abbr[title] {border: none;text-decoration: none;font-weight: bold;}
/* codeタグ・kbdタグ・sampタグ */
code, kbd, samp{font-family: monospace;}

/* 打ち消しタグ */
.strike,s,strike {text-decoration:line-through;padding:0 0.3em;}
.entry-content del{text-decoration:line-through;color:#ce000d;}
.entry-content del span{color:#b9b8b8;}
.entry-content .l-balloon del span{color:#757474;}
.underline { text-decoration: underline; }

/* 鼻音化 */
.nasalized{text-indent: -0.4rem;}
.nasalized::before{display: inline-block;content:"~";position:relative;bottom:.7rem;font-size:.5rem;left:.5rem;}

/*リンクタグ*/

.entry-content a.exit:after {content: "\e600";font-family: 'icomoon';font-size: 100%;margin: 0 0.1em 0 0.2em;bottom: -1px;text-decoration: none;}


/*- - - - - - - - - - - - -
　　　　　　 画像
- - - - - - - - - - - - -*/
.entry-content img,.entry-content p > img, .entry-content figure img {margin-bottom:0;
    border: 1px solid #ABBCD4;
    }

.entry-content img, .entry-content > p > img{margin-bottom: 3em;}
.entry-content .wp-block-button img{margin-bottom:0;}
@media only screen and (min-width: 1100px) {.entry-content img, .entry-content > p > img{max-width:650px;}}

.category_bnr{margin: 0;padding: 0.5em;}

.category_bnr img{margin:0;max-width: 100%;}


/*画像をマウスオーバーで半透明に */
a:hover img{
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity:0.7;
}

/* figure フィギュアタグ */
figure {margin:0;padding:.5em;}
.entry-content figcaption {color: #333;margin: 0;}
.entry-content figcaption::before {content:"\ea32";font-family:icomoon;margin-right:0.5em;color: #0167bf;}
.entry-content figure a[target="_blank"]:after {content:none;}

/* メディアクエリ（小さめの文字） */
blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 0.72rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 0.82rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 0.85rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 0.95rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 1.1rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 1.2rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 0.92rem;}}
@media only screen and (min-width: 1081px){blockquote cite,.entry-content figcaption,.entry-content .under_btn,.entry-content .quoted,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"]{font-size: 1rem;}}


/* 記事下のプロフィール */
.entry-content .profile{border:solid 2px #0066bf;padding: 1em;margin-top:10em;}
.entry-content .profile-img{float:left;margin: 0 1em 0 0;}
.entry-content .profile-headline{font-weight:bold;font-size:90%;margin: 0 0 .5em;}
.entry-content .profile-text {font-size:85%;margin: 0;}

/* 記事一覧・記事下の画像・関連記事の画像 */
.post-list .eyecatch, #single_foot .eyecatch, .related_article__link .eyecatch{margin-bottom:0;}
.post-list .eyecatch img, #single_foot .eyecatch img, .related_article__link .eyecatch img{border: 1px solid #ccc;}

.h_ttl{font-size: 170%;color: #0066bf;border-bottom: 3px solid #0066bf;margin-top:0;}
.fb-likebtn .like_text{color:#fff;border:none;}
#related-box, #np-post,.ad-list-bottom{padding: 4% 5% 1%;margin-bottom: 2%;border: solid 5px #eee;}
#np-post{margin: 3% 0 5%;position: relative;}
.np-post-list{width: 50%;display: inline-block;vertical-align: top;}
.np-post-list.prev{margin:0;}
.np-post-list.next{margin:0;}
.ad-list-bottom{margin-top: 5%;padding-bottom:1em;}
.ad-list-bottom .h_ttl{display:block;font-size: 140%;margin-bottom: 1em;line-height: 1.5;}
#single_foot .eyecatch{background:transparent;border:none;padding: 0;}
.related_newpost__li .ttl{text-align:left;}

/* SNSでフォロー */
@media screen and (max-width: 767px) {.ad-list-bottom .column_2 img{width: 46%;float:left;}.ad-list-bottom .column_2 img:first-child{margin-right:.6em}}



/*Taboolaの広告の文字*/
.ad-list-bottom a > span > span {font-size: 115%!important;line-height: 1.5!important;}

@media only screen and (min-width: 551px) and (max-width: 725px){.np-post-list a .eyecatch{min-width: 100px;}}
@media only screen and (min-width: 726px) and (max-width: 980px){.np-post-list a .eyecatch{min-width: 150px;}}
@media only screen and (min-width: 981px) and (max-width: 1145px){.np-post-list a .eyecatch{min-width: 100px;}}
@media only screen and (min-width: 1146px){.np-post-list a .eyecatch{min-width: 150px;}}


.np-post-list a .ttl{text-align:left;}
.np-post-list.prev a .ttl{margin:.3em .8em 0 0em;}
.np-post-list.next a .ttl{/* margin:.3em 0 0 .8em; */}

.np-post-list.prev a::before, .np-post-list.next a::after{content:none;}
.np-post-list.prev::before,.np-post-list.next::before{color:#0066bf;font-size:120%;border-bottom: 3px solid #0066bf;font-family: icomoon;padding-bottom: .1em;display: block;margin-bottom: 1em;font-weight: bold;}
.np-post-list.prev::before{content: "\ea38  前の記事";}
.np-post-list.next::before{content: "次の記事  \ea34";}
.np-post-list a{align-items: flex-start;}
.np-post-list.prev a .eyecatch,.np-post-list.next a .eyecatch{margin:0;}

/* 著者 */
.author_meta .avatar{border-radius:50%;box-shadow: 0 0 7px rgb(0 0 0 / 73%);}
.author_info{text-align:left;}
.author_name{font-size:135%;}
.stk_sns_links__link.--author_sns .stk_sns__svgicon{fill: #0066bf;}
#author-newpost{margin-top: 2em;}
.stk_authorbox{margin-bottom: 0;}
@media only screen and (max-width: 480px){.stk_authorbox{margin:0;}}


/* 関連記事 */
.related_article {margin-bottom: 5em;}
.related_article figure{background:none;}
.related_article img{border:solid 1px darkgrey;}


/* 画像を反転 */
.hanten { transform: scale(-1, 1);}

/*トップページのリスト*/
.top-section-h2 {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 2em 0;
  box-shadow: none;
  display: table;
}

.top-section-h3 {
position: relative;
    text-indent: 0;
    width: 45%;
    display: inline-block;
    list-style: none;
    margin: 2.5%;
    padding: .5em;
background:#f7f7f7;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
.top-section-h3 h3 {margin:0;}
.top-section-h3 h3 a:hover{background:transparent;}
.top-section-h3 span {
color: white;
    font-size: 75%;
    font-weight: bold;
    background: #333;
background: rgba(0,0,0,.75);
    padding: .7em .2em;
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-75%);
    width: 100%;
    line-height: 1.5;
    border: 6px double rgba(255,255,255,.85);
}
@media only screen and (max-width: 480px) {.top-section-h3 span {font-size:60%;}}
.entry-content .top-h3-p{margin:0;font-size: 70%;/*color:pink;*/}
.entry-content .top-h3-img {
width:100%; 
-webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.entry-content .top-h3-img:hover {
 -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.entry-content .category-top {border:none;}


/*- - - - - - - - - - - - -
　　　　　　 見出し
- - - - - - - - - - - - -*/
.single-title, .page-title {
    padding: 0;
    font-size: 165%;
    margin: 0.5em 0;
    color: #0066bf;
}

.archive-title{text-align: left;color: #0066bf;border-bottom:#0066bf solid 7px;margin-top: 1em;}

/*- - - - - - - - - - - - -
　　　　　　 H1
- - - - - - - - - - - - -*/

.entry-title.post-title{text-align: left;color: #0066bf;font-size: 1.35rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-title.post-title{font-size: 1.8rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-title.post-title{font-size: 2.1rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-title.post-title{font-size: 2.2rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-title.post-title{font-size: 2.35rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-title.post-title{font-size: 2.38rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-title.post-title{font-size: 1.96rem;}}
@media only screen and (min-width: 1081px){.entry-title.post-title{font-size: 2.06rem;}}


/*- - - - - - - - - - - - -
　　　　　　 H2
- - - - - - - - - - - - -*/

/* h2の基本デザイン */

.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.cate-title {
    text-align: center;
    padding: 0.65em 0.2em;
    margin: 3.5em 0 1.5em;
    border: 4px solid #0066bf;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    line-height: 1.4em;
    font-weight:
    bold;
    color: #0066bf!important;
    background: #ffe135!important;
}

/* h2　（メディアクエリ）　*/
.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.32rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.5rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.55rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.7rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.8rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.95rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.6rem;}}
@media only screen and (min-width: 1081px){.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2,.cate-title{font-size: 1.8rem;}}

/* 見出し2のナンバリング
 （見出し2にナンバリングするときは全体を div.numbering2 で囲む） */

.numbering2 {counter-reset: headline2;}
.numbering2 > h2,.h2_section h2{content: counter(headline2);}
.numbering2 h2::before,.h2_section h2::before{
    color: #ffe136;
    padding: 0.05em 0 0;
    display: inline-block;
    background: #0066bf;
    margin-right: .3em;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 1.2;
    position: relative;
    bottom: 0.1em;
    font-size: 90%;
    }

.numbering2 h2::before,.numbering2 .h2_section h2::before,.numbering2 .h2_section2 h2::before{
	counter-increment: headline2;
    content: counter(headline2);
}

/* まとめ */
.addup {
    border: 2px solid #e2e1e1;
    border-top: 8px solid #e2e1e1;
    border-bottom: 8px solid #e2e1e1;
    padding: 1em;
    border-radius: 10px;
    margin: 6em 0 4em 0;
}
.entry-content .addup h2{
 color: #0066bf;
 background:
 transparent!important;
 font-weight: bold;
 border:0;
 border-bottom: 6px double #0066bf;
 display: block;
 margin-bottom: 0.7em;
 padding: 0 0.3em;
 margin-top: 0;
 letter-spacing: .3em;
 }

/*- - - - - - - - - - - - -
　　　　　　H3
- - - - - - - - - - - - -*/

/* h3の基本 （※ 背景以外） */
.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2 {text-align:left;color: #fff!important;padding: .3em .5em;margin-top: 5em;}

/* h3の背景・箇条書きの背景（しましま） */

.stk_header, .homeadd_wrap h2, .entry-content h3:not(.is-style-stylenone), .entry-content .h2_section2 h2, .txt_example-wrap, #toc_container, .henkan, #toc_container, .widgettitle, .wp-block-group__inner-container h2{
            -webkit-background-size: 6px 6px!important;
            -moz-background-size: 6px 6px!important;
            background-size: 6px 6px!important;
            background-color: #0066bf!important;
            background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #0275da), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #0275da),
            color-stop(.75, #0275da), color-stop(.75, transparent),
            to(transparent))!important;
            background-image: -webkit-linear-gradient(45deg, #0275da 25%, transparent 25%,
          transparent 50%, #0275da 50%, #0275da 75%,
          transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, #0275da 25%, transparent 25%,
          transparent 50%, #0275da 50%, #0275da 75%,
          transparent 75%, transparent)!important;
            background-image: -ms-linear-gradient(45deg, #0275da 25%, transparent 25%,
          transparent 50%, #0275da 50%, #0275da 75%,
          transparent 75%, transparent)!important;
            background-image: -o-linear-gradient(45deg, #0275da 25%, transparent 25%,
          transparent 50%, #0275da 50%, #0275da 75%,
          transparent 75%, transparent)!important;
            background-image: linear-gradient(45deg, #0275da 25%, transparent 25%,
          transparent 50%, #0275da 50%, #0275da 75%,
          transparent 75%, transparent)!important;
            }
.homeadd_wrap h2, .entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2,.txt_example-wrap, #toc_container, .henkan, #toc_container{border-radius: 10px;}
.widgettitle,.wp-block-group__inner-container h2{border-bottom:darkblue solid 3px;border-radius:5px;color:#fff;padding:.3em .5em;font-size:130%;}


/* h3　（メディアクエリ）　 */
.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){border-color: #0066bf!important;font-size: 1.28rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.36rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.4rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.59rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.73rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.8rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.45rem;}}
@media only screen and (min-width: 1081px){.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone){font-size: 1.56rem;}}


/* 見出し3のナンバリング */

.h2_section,.numbering3,.entry-content {counter-reset: headline3;}
.h2_section h3,.numbering3 h3,.h2_section2 h2{content: counter(headline3);}
.h2_section h3::before,.h2_section2 h2::before,.numbering3 h3::before{
      counter-increment: headline3;
      content: counter(headline3);
      margin: 0;
      color: #0167bf;
      text-shadow: none;
      font-size: 80%;
      display: inline-block;
      padding: 3px 0 2px;
      background: #fff;
      margin-right: .3em;
      width: 1.5em;
      height: 1.5em;
      text-align: center;
      vertical-align: middle;
      border-radius: 50%;
      line-height: 1.2;
      position: relative;
      bottom: .1em;
      }

@media screen and (max-width: 480px) { .h2_section h3::before, .h2_section2 h2::before, .numbering3 h3::before{line-height: 1.5;width: 2em;height: 2em;}}

/*- - - - - - - - - - - - -
　　　　　　H4
- - - - - - - - - - - - -*/

/* h4 の基本 */

.entry-content h4:not(.is-style-stylenone), .h2_section2 .h3_section2 
 h3 {margin :3.5em 0 1.5em;border: none;color: #0066bf!important;font-size: 120%;border-bottom: 2px dashed #0066bf!important;padding: .5em .3em .3em!important;text-align: left;background: transparent!important;border-radius: 0;}


h4::before,.h2_section2 h3::before {
 content: " ";
 color: #fff;
 font-size: 50%;
 display: inline-block;
 padding: 3px 0 2px;
 background: #0066bf;
 margin-right: .3em;
 width: 1.2em;
 height: 1.2em;
 text-align: center;
 vertical-align: middle;
 border-radius: 50%;
 line-height: 1.2;
 position: relative;
 bottom: .1em;
}

/* h4（メディアクエリ）　*/
.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.16rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.3rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.35rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.5rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.6rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.75rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.41rem;}}
@media only screen and (min-width: 1081px){.entry-content h4:not(.is-style-stylenone),.h2_section2 .h3_section2 h3{font-size: 1.5rem;}}


/* 見出し4のナンバリング */

.h3_section,.h2_section2,.numbering4{counter-reset: headline4;}
.h3_section h4:not(.no_nmbr)::before,.h2_section2 h3:not(.no_nmbr)::before,.numbering4 h4:not(.no_nmbr)::before{
      counter-increment: headline4;
      content: counter(headline4);
      font-size: 80%;
      width: 1.5em;
      height: 1.5em;
      }

/*- - - - - - - - - - - - -
　　　　　注意書き
- - - - - - - - - - - - -*/

[class*="is-style-supplement-"]{clear: both;color: #3e3e3e;background: #fdfcfc;position: relative;border: 4px solid #cae6ff;border-radius: 10px;}
.is-style-supplement-normal::before {color: #cae6ff;}
.is-style-supplement-memo::before {background-color: #cae6ff;}

[class*="is-style-supplement-"] .bold{color:#ce000d;}

/* - - - - - - - - - - - - -
　　　箇条書き LIタグ 
- - - - - - - - - - - - - */

.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.1rem;line-height: 1.3;}

@media only screen and (min-width: 481px) and (max-width: 600px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.08rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.09rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.21rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.35rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.47rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.24rem;}}
@media only screen and (min-width: 1081px){.index > ol > li,.entry-content li,.entry-content .blackboard li,.toc_list {font-size: 1.3rem;}}

.entry-content .in-page-link a::before{content: "\ea36  ";font-family: 'icomoon';font-size: .9rem;}
@media only screen and (max-width: 480px) {.entry-content ul > li::before,.entry-content ol > li::before{top:-.2rem;}}

/* 長い箇条書きをスクロール */
.list-scroll{height:250px;overflow:auto;}

.entry-content ul li::before{color:#0066bf;top: 0;}

.txt_example-wrap,#toc_container {
    padding: .4em;
    margin-bottom: 5em;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    border-radius: 10px;
    }

.entry-content ul, .entry-content ol {background: #f7f7f7;margin: 0 0 5em 0;padding: 1em .4em 1em .5em;list-style-position: inside;clear: both;text-align: left;position: relative;/* border-radius: 0 0 4px 4px; */border: solid 6px #0066bf;border-radius: 10px;margin-bottom: 5em;}
.entry-content .txt_example ul li, .entry-content ol li {line-height: 1.2;margin: 0 0 0.8em 0;}
.entry-content ol li{
    margin-bottom: .8em;
}
.area-button .stk-list-icon--check01{border:none;}

.entry-content .txt_example ul li:last-child, .entry-content ol li:last-child{margin-bottom:0;}

.entry-content .txt_example .headline,.entry-content .gogen:before {
	padding: .6em .4em .6em .6em;
	margin: 0;
	line-height: 1;
	background: #ffe135;
	color: #0167bf;
	border-bottom: #0167bf 2px solid;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	}
.entry-content .txt_example p{padding: .5em .5em;margin: 0;background: #f7f7f7;}
.entry-content .txt_example p:last-child{    border-radius: 0 0 4px 4px;}
.entry-content ol > li:before{background: #0167bf;border: none;top: -.3rem;color: #fff;width: 1.7em;height: 1.7em;line-height: 1.7;}
@media only screen and (min-width: 481px){.entry-content ol > li:before{top: -.4rem;}}
@media only screen and (min-width: 481px){.entry-content .blackboard ol > li:before{top: -.2em;}}

.entry-content blockquote ul, .entry-content blockquote ol{background:transparent;margin: 2em 0;border: none;padding: 0;}
.entry-content blockquote ul li::before, .entry-content blockquote ol li::before{color: #767676!important;}

/* チェックの印 */
.entry-content ul.stk-list-icon--check02 li::before,
.entry-content ul.stk-list-icon--check02 li::after,
.entry-content dd > ul.stk-list-icon--check02 li::before, 
.entry-content dd > ul.stk-list-icon--check02 li::after,
.entry-content td > ul.stk-list-icon--check02 li::before,
.entry-content td > ul.stk-list-icon--check02 li::after

{
    font-family: 'icomoon';
    position: absolute;
    transform: scale(1);
}
.entry-content .txt_example ul.stk-list-icon--check02 > li::before,
.entry-content dd > ul.stk-list-icon--check02 li::before,
.entry-content td > ul.stk-list-icon--check02 li::before
{
	content: "□";
	color: #2e2e2e;
	font-size: 110%;
	font-weight: bold;
	left: 0;
	top: -0.1em;
	position: absolute;
	background: transparent;
}
.entry-content dd > ul.stk-list-icon--check02 li::before{left: -1.2em;}
.entry-content .txt_example ul.stk-list-icon--check02 > li::after,
.entry-content dd > ul.stk-list-icon--check02 li::after,
.entry-content td > ul.stk-list-icon--check02 li::after
{
	content: "\f00c";
	color: #ce000d;
	display: block;
	font-size: 95%;
	left: .13em;
	top: 0;
	position: absolute;
}
.entry-content dd > ul.stk-list-icon--check02 li::after{left: -1.2em;}
.article-header { margin-bottom : 1em ; }

.entry-content td > ul.stk-list-icon--check02 li::before{left: .8em;}
.entry-content td > ul.stk-list-icon--check02 li::after{left: -1.2em;}

/* 矢印つきの箇条書き（OL） */
.entry-content .txt_example.step ol{padding-left: 0;}
.entry-content .txt_example.step ol li:first-child{margin-top:2rem;}
.entry-content .txt_example.step ol li:last-child::after{content:none;}
.entry-content .txt_example.step ol li:last-child{margin-bottom:0;}
.entry-content .txt_example.step ol li::before {content: "STEP " counter(number);width: 6.5rem;border-radius: 6px;top: -2.5rem;}
.entry-content .txt_example.step ol li{margin-bottom:3rem;padding-left: 1.4rem;}
.entry-content .txt_example.step ol li::after {font-family:'icomoon';content:"\ea36";display: block;position: relative;text-indent: 1.3rem;color: #0066bf;top: 15px;height: 2.5rem;}

/* 注意の印 */
.entry-content ul.stk-list-icon--exclamation2>li::before{color:#ce000d;}

/* マル・バツ */
.entry-content ul .correct,.entry-content ul .fault,.entry-content ul .ok{margin-left:.5em!important;}
.entry-content dl ul .correct,.entry-content dl ul .fault,.entry-content dl ul .ok{margin-left: 0!important;padding-left: .5rem;}
.entry-content ul .correct:before,
.entry-content ul .fault:before,
.entry-content ul .ok:before,
.entry-content ul.stk-list-icon--bad>li::before{
    font-family: 'icomoon';
    background: transparent;
    box-shadow: none;
    left: -0.3em;
}
.entry-content dl ul .correct::before, .entry-content dl ul .fault::before, .entry-content dl ul .ok::before{
    left: -1.5rem;
    top: -.65rem;
}
.entry-content dl ul .correct::before{left:-1.6rem;}
.entry-content ul .correct:before{content: "\e9df";color: #e50a1b;font-size: 200%;top: -.4em;}
.entry-content ul .fault:before,.entry-content ul.stk-list-icon--bad>li::before{content:"\ea0f";color: #e50a1b;}
.entry-content ul .fault:before{font-size: 180%;top: -.35em;}
.entry-content ul.stk-list-icon--bad>li::before{left:.2em;padding-right: 1em;}
.entry-content ul .ok:before{content:"▲";top: -.43em;font-size: 200%;}

.entry-content p.txt_example{padding:.5em .7em;}

/* 索引 */

.entry-content .sakuin li span {
    color: #fff;
	font-weight:bold;
    font-size: 80%;
    padding: 0.25em 0.3em 0.1em 0;
background:#ce000d;margin-left: 1em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.entry-content .sakuin li span:before {
    content: " \ea38 ";
    font-family: 'icomoon';
    margin-right: 0.4em;
}


/* ドラクエ風 */

.entry-content .txt_dragonquest {padding: 1em;color: #fff;border: 6px double #fff;background: #464646;border-radius: 10px;}

/*- - - - - - - - - - - - -
　　　　　　 テーブル
- - - - - - - - - - - - -*/
.entry-content table{word-break: break-all;}
.valign-top{vertical-align: top;}
.entry-content table {line-height: 1.1;}
.entry-content figure table{margin-bottom:0;}

/* メディアクエリ */
.entry-content table, .entry-content table p, .entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 0.88rem;}
@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.02rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.03rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.17rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.29rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.40rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.1rem;}}
@media only screen and (min-width: 1081px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content table li,.entry-content dl li,.entry-content dl p {font-size: 1.2rem;}}

.entry-content th,.entry-content td{border-color: #505050;padding: 0.4em;text-align:left;}
.entry-content th{background: #e5e5e5;}

.entry-content table caption {margin: 0;font-size: 100%;color: rgba(39, 39, 39, 0.8);font-weight: bold;background-color: #ffff8e;padding: 0.4em;text-transform: none;border: 1px solid #505050;border-bottom: none;}

.table3 td:nth-of-type(3n){ text-align:left; }

/* ★THを中揃え */
.thead-center thead th {text-align:center;}
.th-center tbody th {text-align:center;}

/* ★TDを中央揃え */
.aln_center td, .td-center td {text-align:center;}

/* ★アルファベットのテーブル */
.table-alphabet td {line-height:1.7;}


/* thが幅50% */
.width_half th {width:50%!important;}
/* thが幅30% */
.width_half2 th {width:30%!important;}
/* 背景色を黄色に */
.bg-yellow {background:#fffce2;}


/* THを左揃え */
.aln_left th {text-align:left!important;}

/* スクロールするテーブル */
.entry-content figure.wp-block-table{
    background: transparent;
    border: 0;
    padding: 0;
}

.entry-content .scroll figure.wp-block-table{margin-bottom:0;}
.no-br{white-space: nowrap;border: none;table-layout: fixed;display: block;overflow: scroll;}
.no-br td{/*font-size: 13px !important;  文字サイズ */}
.no-br thead th:first-child,.no-br tbody th:first-child{position: -webkit-sticky;position: sticky;left: 0;z-index: 1;}
.no-br th, .no-br td {padding: .9em !important;}
.no-br img{margin:0;padding:0;max-width:70px !important;}

/* スマホ */
@media screen and (max-width: 560px) {
.no-br thead th:first-child,.no-br tbody th:first-child{white-space:normal;min-width:80px; /* スマホ見出し横幅 */}
.no-brth, .no-br td {padding:8px !important;}
.no-br img{max-width:50px !important; /* スマホ画像最大サイズ */}
}

/*テーブルの横スクロール*/
.entry-content .scroll{overflow: auto;　　　　/*tableをスクロールさせる*/white-space: nowrap;margin-bottom: 3em;}
.entry-content .scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.entry-content .scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.entry-content .scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.entry-content table li::before{text-indent: -2em;color: #0066bf;font-size: 80%;top: 2px;}

/* テーブルのナンバリング */
.numbering-th {counter-reset: numbering-th;}
.numbering-th tbody th{content: counter(numbering-th);}
.numbering-th tbody th::before{
		counter-increment: numbering-th;
		content: counter(numbering-th);
		color: #fff;
		background: gray;
		display: inline-block;
		margin-right: .3em;
		width: 1.3em;
		height: 1.3em;
		text-align: center;
		vertical-align: middle;
		border-radius: 50%;
		line-height: 1.3;
		position: relative;
		bottom: 0.1em;
		font-size: 80%;
}

.over-100 tbody th::before{width:auto;border-radius: 0;line-height: 1.3;padding: 0 .2em;}
.entry-content th .number-circle,.entry-content td .number-circle,.entry-content blockquote .number-circle {background: gray;}
.entry-content .back01 .number-circle{color:#3c3c3c;background:yellow;}

/*- - - - - - - - - - - - -
　　タップしたら表示のCSS
- - - - - - - - - - - - -*/

/*ボタン装飾*/
.q_answer label {
    font-weight: bold;
    cursor :pointer;
    transition: .5s;
color:#0066bf;
}

.q_answer p{margin:0;text-align:center;color: #ce000d;}

/*アイコンを表示*/
.q_answer label:before {
    display: inline-block;
    content: '\f0ab';
    font-family: 'icomoon';
    padding-right: 5px;
    transition: 0.2s;
}

/*アイコンを切り替え*/
.q_answer input:checked ~ label:before {
     content: '\f057';
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #ce000d;
}

/*チェックは見えなくする*/
.q_answer input {
    display: none;
}

/*中身を非表示にしておく*/
.q_answer .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.q_answer input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
    font-size: 110%;
    font-weight: bold;
}

/* ボックス */
.cbox ul, .cbox ol {background:transparent;margin-bottom: 0;padding: 0;}

/* デフォルト化 */
code, kbd, samp {padding:0;background:transparent;border-radius: 0;line-height: 1;}

kbd.row kbd,
kbd.short_cut kbd {
  padding: 4px 7px;
  margin: 4px 5px;
  background: #EFF0F2;
  border-radius: 4px;
  border-top: 1px solid whitesmoke;
  box-shadow: 0 0 25px #e8e8e8 inset, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  color: #666;
  text-shadow: 0 1px 0 whitesmoke;
  font: normal 14px arial;
  text-align: center;
  line-height: 1;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
position: relative;
bottom: 0.3em;
  text-indent: 0;
}

/* 記事上の執筆者領域 */

.author-area{position:relative;margin-bottom:5em;padding: .35rem;width:100%;display:table;border: 1px solid #ABBCD4;}
.author-photo-wrap{display:table-cell;width: 60px;}
.author-photo{width: 60px;border: 1px solid #ABBCD4;border-radius:50%;}
.entry-content .author-mark{position: absolute;top: 60px;left: 12px;display: inline-block;color:#fff;font-weight:bold;background:#000;font-size: .75rem;margin: 0;border-radius: 3px;padding: .2rem .15rem .2rem .35rem;line-height: 1.1;letter-spacing: .1rem;}
.author-text-wrap{display: table-cell;vertical-align: top;padding-left:.7rem;text-align: left;}
.entry-content .author-name{font-weight:bold;margin:0;font-size:1rem;}
.entry-content .author-text{margin:0;font-size:.8rem;}

@media only screen and ( min-width: 501px) {
.author-aria{padding: .7rem;width:}
.author-photo-wrap{width: 70px;}
.author-photo{width: 70px;}
.entry-content .author-mark{top: 73px;left: 18px;font-size: .75rem;margin: 0;border-radius: 2px;}
.entry-content .author-name{font-size:1.1rem;}
.entry-content .author-text{font-size:1rem;}
}

/* キーボード（フリック入力）*/

kbd kbd.flick {background:#fff;padding: 3px 7px;margin: 0 2px;font: normal 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#666;border:#666 1px solid;border-radius: 0;box-shadow:none;text-shadow:none;font-size: 80%;}

@media only screen and (min-width: 481px) and (max-width: 750px) {kbd kbd.flick,kbd.row kbd,kbd.short_cut kbd{font-size: 65%;}}
@media only screen and (min-width: 751px) and (max-width: 980px){kbd kbd.flick,kbd.row kbd,kbd.short_cut kbd{font-size: 60%;}}
@media only screen and (min-width: 981px) {kbd kbd.flick,kbd.row kbd,kbd.short_cut kbd{font-size: 50%;}}

td kbd kbd.flick{margin: 2px 2px;}

/* キーボード 連続キー */
kbd.row,
kbd.short_cut {margin: 0 .2em;}
table kbd.row,
kbd.short_cut {
display:inline-block;
margin-top:.5em;
}
/* 出力文字された文字 */
kbd.type,
kbd.type_none {padding: 0;color: #000;line-height: 1;display: inline-block;font: normal 95% arial;}
kbd.type_none a {color:#0000ff;}
kbd.type_none a:hover,
kbd.type_none a:visited {background:none;text-decoration:underline;}
kbd.type{
    background: #ececec;
    margin:0 .2em;
    padding:0 .2em;
    letter-spacing: .1em;
    position: relative;
    text-decoration: underline;
    bottom: 2px;
}
samp.output {
    margin: 0 .2em;
    padding:.4em .3em .25em .3em;
    position: relative;
    bottom: 2px;
    background: #e1f8fb;
    }
kbd.displayed-text{letter-spacing: .2em;border-bottom: solid 2px #000;font-size: 110%;}

@media only screen and (min-width: 481px) and (max-width: 750px) {kbd.displayed-text{font-size: 115%;}}
@media only screen and (min-width: 751px) and (max-width: 980px){kbd.displayed-text{font-size: 120%;}}
@media only screen and (min-width: 981px) {kbd.displayed-text{font-size: 130%;}}

code{font-family: 'Geo', sans-serif;font-size:110%;color:#ababab;}
.no-after:after{content:none;}
.txt_example code, .txt_example_01 code, .txt_example_02 code, .txt_example_03 code,[class*="is-style-supplement-"] code{color:#676666;}
code b {color:#ce000d;}
code b:before { content:none;}
code b:after { content:none;}
.txt_example_03:first-child{margin-top:1em;}
.txt_dragonquest code {color:#fff;}

th kbd.displayed-text {border:none;}
th samp.output{background:transparent;position: static;padding: 0;}

/* テキスト入力中 */
.text-input-wrap{color:#fff;background:#fff;position: relative;border-radius: 5px;min-height: 10em;border: 1px solid #bbbbbb;margin-bottom: 3.5em;box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 60%);}
.text-input-wrap .headline {width:100%;margin: 0;padding: .2em;text-indent: .5em;background: #878787;letter-spacing: .1em;border-top:1px solid #fff;border-top-left-radius : 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-right-radius : 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-bottom-left-radius : 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius : 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-bottomright: 0px;}
.text-input-wrap .headline::before{
	font-family: 'icomoon';
	content: "\e609";
	color:#fff;
	margin-right: .2em;
}
.text-input-wrap .headline::after, .tangotoroku .headline::after{
    font-family: 'icomoon';
    content: "\e910";
    color:#fff;
    font-size: 70%;
    position: absolute;
    right: 14px;
    top: 15px;
}
.entry-content .text-input{width:100%;font-size: 120%;padding: .5em .5em 1em .5em;line-height: 1;margin-bottom: 0;}

/* キャレット */
.cursor::after{
  content: "|";
	color:#000;
  animation: flash 1s linear infinite;
}
.highlighter {background: #a4d193;}

@keyframes flash {
 0% { opacity: 0;}
  50% { opacity: 0;}
  51% { opacity: 1;}
  100% { opacity: 1;}
}


/* ━━━━━━━━━━
 サイドメニュー 
━━━━━━━━━━*/
/* 見出し */
.widgettitle::before{content:none;}

.widget_categories .cat-item a::after, .widget_recent_entries__li a::after, .widget_newentryimagewidget .cat_postlist__li a::after, .widget_nav_menu .menu-item a::after, .widget_pages .page_item a::after, .widget_archive li a::after, .widget_mycategoryorder li a::after{color:#0066bf;}

/*プロフィール*/

.widget_custom_html {text-align:center;}
.custom-html-widget p {text-align:left;}
.custom-html-widget p:first-child {margin:0;}

.widget_custom_html .yos-image-wrap {}
.widget_custom_html .profile-yos-img {margin: 0 0 0.6em 0; 
    border: 0;
width:50%;
    box-shadow: none;
float:left;}

.widget_custom_html .author-button {
  display: block;
  margin: 1.5em 0 0.5em 0;
  text-align: center;
}
.widget_custom_html .author-button a {
  color:#0066bf;
  font-size: 110%;
  line-height: 2;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 0.5em 0;
  position: relative;
  border:#0066bf 1px solid;
}
.widget_custom_html .author-button a:after {
content:"\f138";
  font-family: 'icomoon';
  margin-left: 0.3em;
top: 1px;
    position: relative;
}
.widget_custom_html .author-button a:hover {
	box-shadow: none;
color:#fff;
	background:#0066bf;
}
.widget_custom_html .prof-sns li.twitter a, .btn-twitter a {
    background: #55acee;
}
/*フォロー（プロフィール）*/

.widget_custom_html .prof-sns {
padding:0;
float:right;
width: 45%;
}
.widget_custom_html .prof-sns li {
list-style: none;
  float: left;
margin-bottom: 0.75em;
}
.widget_custom_html .prof-sns li a {
  color: #fff;
  text-decoration: none;
line-height: 2;
    padding-left: 0.3em;
    padding-bottom: 0.3em;
  display: inline-block;
  text-align: left;
}

.widget_custom_html .prof-sns .twitter a::before{font-family: 'icomoon';content: "\e611";position: relative;top: 2px;}
.widget_custom_html .prof-sns .facebook a::before{font-family: 'icomoon';content: "\e60d";position: relative;top: 1px;}

@media screen and (min-width: 768px) and (max-width: 1165px) {
.widget_custom_html .prof-sns li a { width: 105px;  font-size: 80%;}
}
@media screen and (min-width: 1071px) {
.widget_custom_html .prof-sns li a { width: 150px;  font-size: 100%;}
}

/* ブランドカラー */
.widget_custom_html .prof-sns li.twitter a,.widget_custom_html .prof-sns li.facebook a{padding: .2em .5em;min-width: 150px;}
.widget_custom_html .prof-sns li.twitter a,
.btn-twitter a {
    background: #55acee;
}
.widget_custom_html .prof-sns li.facebook a,
.btn-facebook a {
    background: #315096;
}

.widget_custom_html .prof-sns li.twitter a:hover,
.widget_custom_html .prof-sns li.facebook a:hover {background:gray;}


/*- - - - - - - - - - - - -
　　　　　　目次（もくじ）
- - - - - - - - - - - - -*/
#toc_container,nav.index {
    margin: 5em 0 0;
    border: 0;
    max-width: 590px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    min-width: 320px;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%!important;
    }
.entry-content nav.index{border: solid 7px #0066bf;border-radius: 12px;}
.entry-content nav.index > ol > li:before{background-color:#505050;top: -4px;}
.entry-content nav.index li > ol > li:before{top: -4px;}

#toc_container p.toc_title,.entry-content nav.index p{background: #ffe135;color: #0066bf;padding: .5em;border-radius: 4px 4px 0 0;margin-bottom:0;font-weight: bold;border-bottom: #0066bf solid 2px;}
#toc_container .toc_title::before,#toc_container .toc_toggle a {color: #0066bf;}
nav.index p::before{  display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f03a";
    margin-right: 0.8em;
    margin-left: 0.4em;
    transform: scale(1.4);}

nav.index ol{border-radius: 0 0 4px 4px;}
#toc_container .toc_toggle a:hover{color:#fff;}
#toc_container .toc_list,.entry-content nav.index > ol{border: 1px solid #DADADA;border-bottom: 1px solid #757575;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);margin-bottom: 0;border-radius: 0 0 4px 4px;background: #fff;}

#toc_container ul ul .toc_number{border-radius: 0;background: none;color: #505050;font-weight: bold;}
#toc_container ul ul .toc_number::before{content:"【";}
#toc_container ul ul .toc_number::after{content:"】";}

#toc_container .toc_number {font-size: 60%;background-color: #ffe135;color: #0066bf;min-width: 1.4em;min-height: 1.5em;line-height: 1.8;margin-right: 0em;position: relative;top: -2px;}

#toc_container a {color: #0167bf;text-decoration: underline;}
#toc_container li li {margin: .5em 0;padding-left: 0;}
.entry-content nav.index ol li ol,.toc_list li ul {margin-bottom:0;border: 0;background: #fff;}
#toc_container .toc_list>li{margin: 1em 0;}

#toc_container .toc_number.toc_depth_1{top: -4px;width: 1.49rem;}
#toc_container .toc_number.toc_depth_2{padding:0;}
@media only screen and (max-width: 480px) {#toc_container .toc_number.toc_depth_1{min-width: .5em;min-height: .5em;}#toc_container .toc_list li,nav.index li{font-size: 0.9rem;line-height: 1.7;}#toc_container .toc_number.toc_depth_1{top: -3px;width: 1.15rem;}#toc_container .toc_number.toc_depth_2{top: -2px;}}


/*- - - - - - - - - - - - -
　　　　　トップページ
- - - - - - - - - - - - -*/

.entry-content > .top-first-p:first-child{margin-top: 2em;}


/*- - - - - - - - - - - - -
　　　　　　 カテゴリーページ
- - - - - - - - - - - - -*/

/* h1 */
.archives-list .entry-title{text-align:left;}
.archive-title.ttl-category{font-size: 1.9em;line-height: 1.5;margin: 0.4em 0;border:0;padding: 0;}
.archive-title.ttl-category::before{content:none;}
.related_article.typesimple .related_article__link:hover{background: #ccc;color: #fff;}

@media only screen and (min-width: 1167px){.archive .byline {position: relative;padding-top: 10px;}}

/*　ページネーション */
.pagination .page-numbers.current, .page-links .post-page-numbers.current{background-color:#0066bf;}
.pagination .page-numbers, .page-links .post-page-numbers{border-color:#0066bf;color:#0066bf;}
.pagination .page-numbers:hover{background:#0066bf;}

/*- - - - - - - - - - - - -
　　　　　　 関連記事
- - - - - - - - - - - - -*/
.related_article.typesimple .related_article__link{background:#fff; margin-bottom:0;}
.related_article .ttl::before{background:#ce000d;}
#toc_container a:hover {color: #505050;text-decoration: none;}


/*-----------------------------
　　　　定義タグ
-----------------------------*/

.entry-content dl{text-align: left;width:auto;clear: both;margin: 0 0 5em 0;}
.numbering-dl dl{counter-reset: dl;}
.numbering-dl dt::before{counter-increment: dl;content: counter(dl);margin: 0;color: #fff;text-shadow: none;font-size: 80%;display: inline-block;padding: 3px 0 2px;background: #0167bf;margin-right: .3em;width: 1.5em;height: 1.5em;text-align: center;vertical-align: middle;border-radius: 50%;line-height: 1.2;position: relative;bottom: .1em;}
.entry-content dl:not(.oc-faq) dt
{display:block;font-weight: bold;position: relative;top: 1em;color: #0167bf;padding: .5em .4em .4em .5em;background: #ffe135;line-height: 1;border: .3em solid #0167bf;border-bottom: #0167bf 2px solid;border-radius: 4px 4px 0 0;}

.entry-content dl:not(.oc-faq) dt p{margin: 0;}
.entry-content dl:not(.oc-faq) dd {margin:0;line-height: 1.5;padding: 1em .4em .6em .4em;background: #f7f7f7;border-radius: 0 0 4px 4px;border: .3em solid #0167bf;}
.entry-content dl img {display:block;margin-bottom: 1em;}

.entry-content td ul,
.entry-content td ol {border:0;box-shadow:none;margin-bottom: 0;padding: 0;text-indent: 1em;}


.entry-content td ul {background: transparent;margin: 0;padding: .2em .2em .2em 1.5em;}
.entry-content td li {text-indent:0;}
.entry-content dl ul li,
.entry-content td ul li {padding:0;line-height: 1.1;margin: .7em 0;}

.entry-content dd ul,.entry-content dd ol{border:0;box-shadow:none;margin-bottom: 0;padding: 0;background: none;}

.entry-content dd ul{padding-left: 0;}
.entry-content dd ol{text-indent: .6rem;}

.entry-content dd p{margin-left:0;width:100%;}
.entry-content dd p:last-child{margin-bottom:0;}
.entry-content dd iframe{display:block;}
.entry-content dd ul li{margin-bottom: .5rem;padding-left: 1.5rem;}
.entry-content dd ol li{margin-bottom: .8rem;padding-left: 1.5rem;}
.entry-content dd ul li::before{color: #0167bf;}
.entry-content dd ol li::before{color: #fff;padding: 0 0 0 0;text-indent: 0;}
@media screen and (max-width: 480px) {.entry-content dd ul li{margin-bottom: .5rem;padding-left: 1rem;}.entry-content dd ol li{margin-bottom: .5rem;padding-left: 1rem;}}

/*- - - - - - - - - - - - -
　　　　　　 矢印
- - - - - - - - - - - - -*/
.entry-content .arrow-above::before,
.entry-content .arrow-right::before,
.entry-content .arrow-below::before ,
.entry-content .arrow-left::before,
.entry-content .arrow-left-right::before,
.entry-content .arrow-obliquely-upward::after,
.entry-content .arrow-obliquely-downward::after
 {font-family: 'icomoon';}

.entry-content .blackboard .arrow-above::before,
.entry-content .blackboard .arrow-right::before,
.entry-content .blackboard .arrow-below::before ,
.entry-content .blackboard .arrow-left::before,
.entry-content .blackboard .arrow-left-right::before
{ text-shadow: 1px 1px 2px rgba(0,0,0,0.25); color:#fff;}

.entry-content .arrow-above::before,
.entry-content .arrow-below::before
{font-size: 170%;}

.entry-content .arrow-left::before,
.entry-content .arrow-right::before,
.entry-content .arrow-left-right::before,
.entry-content .arrow-obliquely-upward::after,
.entry-content .arrow-obliquely-downward::after
{ margin: 0 .3em;}

.entry-content .arrow-above::before {content:"\ea32";}
.entry-content .arrow-right::before  {content:"\ea34";}
.entry-content .arrow-below::before {content:"\ea36";display: block;position: relative;text-indent: 1em;}
.entry-content .arrow-left::before {content:"\ea38";}
.entry-content .arrow-left-right::before  {content:"\ea38\ea34"; font-size: 90%; letter-spacing: -.1em;}
.entry-content .arrow-obliquely-upward::after {content:"\ea33";}
.entry-content .arrow-obliquely-downward::after {content:"\ea35";}


.entry-content [class*="btn_sample"] img, .entry-content > [class*="btn_sample"] > p > img{margin:0;}

/*- - - - - - - - - - - - -
　　　　　　 SNSボタン
- - - - - - - - - - - - -*/
.sns_btn__li.twitter:not(.--bird) .sns_btn__link,.sns_btn__li.twitter .sns_btn__link,.sns_btn__li.facebook .sns_btn__link,.sns_btn__li.hatebu .sns_btn__link,.sns_btn__li.line .sns_btn__link,.sns_btn__li.pocket .sns_btn__link,.sns_btn__li.pinterest .sns_btn__link,.sns_btn__li.copyurl .sns_btn__link{background: #f7f7f7;-webkit-box-shadow: 0 3px 0 #505050;box-shadow: 0 3px 0 #505050;color: #505050;border-radius: 0;border-bottom: double 4px #505050;/* line-height: 1.5; */}
.sns_btn__li.twitter .sns_btn__link:hover, .sns_btn__li.facebook .sns_btn__link:hover, .sns_btn__li.hatebu .sns_btn__link:hover, .sns_btn__li.line .sns_btn__link:hover, .sns_btn__li.pocket .sns_btn__link:hover, .sns_btn__li.pinterest .sns_btn__link:hover, .sns_btn__li.copyurl .sns_btn__link:hover{color:#fff;border-color:#fff;}

.sns_btn__li.twitter .sns_btn__link:hover {background: #2a2a2a;-webkit-box-shadow: 0 3px 0 #000;box-shadow: 0 3px 0 #000;}
.sns_btn__li.facebook .sns_btn__link:hover {background: #1f6aba;-webkit-box-shadow: 0 3px 0 #2c4373;box-shadow: 0 3px 0 #2c4373;}
.sns_btn__li.hatebu .sns_btn__link:hover {background-color: #2f70be;-webkit-box-shadow: 0 3px 0 #43638b;box-shadow: 0 3px 0 #43638b;}
.sns_btn__li.line .sns_btn__link:hover{background: #25af00;-webkit-box-shadow: 0 3px 0 #219900;box-shadow: 0 3px 0 #219900;}
.sns_btn__li.pocket .sns_btn__link:hover{background: #ec2136; -webkit-box-shadow: 0 3px 0 #c0392b;box-shadow: 0 3px 0 #c0392b;}
.sns_btn__li.pinterest .sns_btn__link:hover{background: #e60022; -webkit-box-shadow: 0 3px 0 #c0392b;box-shadow: 0 3px 0 #c0392b;}
.sns_btn__li.copyurl .sns_btn__link:hover {background: #000;-webkit-box-shadow: 0 3px 0 #000;box-shadow: 0 3px 0 #000;}

.sns_btn__link .stk_sns__svgicon{fill: #505050;}
.sns_btn__link:hover .stk_sns__svgicon {
  fill: #ffffff;
  transition: fill 0.3s;
}


/*トップページ*/
.entry-content .no-margin-top{margin-top:0!important;}
.entry-content .no-padding-top{padding-top:0;}
/*トップページのリスト*/
.top-section-h2 {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 2em 0;
  box-shadow: none;
  display: table;
}

.top-section-h3 {
position: relative;
    text-indent: 0;
    width: 45%;
    display: inline-block;
    list-style: none;
    margin: 2.5%;
    padding: .5em;
background:#f7f7f7;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
.top-section-h3 h3 {margin:0;}
.top-section-h3 h3 a:hover{background:transparent;}
.top-section-h3 span {
color: white;
    font-size: 75%;
    font-weight: bold;
    background: #333;
background: rgba(0,0,0,.75);
    padding: .7em .2em;
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-75%);
    width: 100%;
    line-height: 1.5;
    border: 6px double rgba(255,255,255,.85);
}
@media only screen and (max-width: 480px) {.top-section-h3 span {font-size:60%;}}
.entry-content .top-h3-p{margin:0;font-size: 70%;}
.entry-content .top-h3-img {
width:100%; 
-webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.entry-content .top-h3-img:hover {
 -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.entry-content .category-top {border:none;}

/* シェアボタン */
.sharewrap{}
.sharewrap{background: #505050;padding: 0.5em;margin-top: 1em;}
.sharewrap__title{color:#fff;font-size: 100%;margin-top: .4em;}
@media only screen and (min-width: 481px) {.sharewrap__title{color:#fff;font-size: 1.2em;}}



/* 【★NEW★】
 * Share HTML
------------------------------------------------*/

.RelatedPost{font-size: 120%;width: 100%;margin: 1.5em 0!important;clear: both;height: auto;position: relative!important;bottom: 0!important;top: 0!important;left: 0!important;box-shadow: 0 1px 2px rgba(100,100,100,0.3)inset;border: 5px solid #0066bf;border-radius: 5px;zoom: 1;}

.entry-content .RelatedPost figure.RelatedPostImgWrap {margin:0;padding: 0;width: 140px;position: absolute;right: 0;top: 0;border:none;z-index: 1;}
.entry-content .RelatedPost figure.RelatedPostImgWrap img{width:140px;backface-visibility: visible;position: relative!important;}

.entry-content .RelatedPostTitle{width:100%;margin: 0;position: static;}
.entry-content .RelatedPostTitle a {display: block;padding: 7% 5% 2% 5%;line-height: 1.5;text-decoration: none;min-height: 11em;font-size: 70%;color: #333;}
.entry-content .RelatedPostTitle a:hover {background:#dedede;}
.entry-content .RelatedPostTitle a::before {font-family:icomoon;content: "\e9cb 合わせて読みたい";position: absolute;top: -1em;left: 5%;line-height:1.2;background: #0066bf;letter-spacing: 0.2em;color: #fff;font-weight: bold;padding: 1% 1% 1% 2%;z-index: 1;}

/* 関連記事メディアクエリ */
.entry-content .RelatedPostTitle a{padding-right:10em;}
@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content .RelatedPostTitle a {padding-right: 11em;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content .RelatedPostTitle a {padding-right: 10.5em;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content .RelatedPostTitle a {padding-right: 9em;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content .RelatedPostTitle a {padding-right: 10em;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content .RelatedPostTitle a {padding-right: 8em;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content .RelatedPostTitle a {padding-right: 9em;}}
@media only screen and (min-width: 1081px){.entry-content .RelatedPostTitle a {padding-right: 9em;}}

.entry-content .RelatedPostTitle a::after{content: "続きをよむ \f138";font-size: 100%;font-family: 'icomoon';background: #ffe135;color: #0066bf;font-weight: bold;position: absolute;border: #0066bf 3px solid;left: 1.5em;bottom: 1em;border-radius: 10px;padding:0.2em 0.5em 0.3em;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.entry-content .RelatedPostTitle a:hover::after{background:#0066bf;color:#fff;}

@media only screen and (min-width: 780px) {
.RelatedPostImgWrap{right:0;}
.RelatedPostTitle a {min-height: 140px;}
}

@media only screen and (min-width: 900px) {
.RelatedPost{width:75%;margin: 1em 0 1em 2em!important;}
}



/* Share HTML
------------------------------------------------*/
.shareHtml {
	font-size:120%;
	width: 100%;
	margin: 1.5em 0 1.5em 0!important;
	clear:both;
	height:auto;
	position:relative!important;
	bottom:0!important;
	top:0!important;
	left:0!important;
	box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
	border: 5px solid #0066bf;
	border-radius: 5px;
	}

.shareHtml a.exit:after,
.entry-content .shareHtml .shareHtml_title a.exit:after{
	content:none;
}

.entry-content .shareHtml .shareHtml_title a:after{content: "続きをよむ \f138";font-size: 100%;font-family: 'icomoon';background: #ffe135;color: #0066bf;font-weight: bold;position: absolute;border: #0066bf 3px solid;left: 1.5em;bottom: 1em;border-radius: 10px;padding:0.2em 0.5em 0.3em;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.entry-content .shareHtml .shareHtml_title a:hover::after{background:#0066bf;color:#fff;}

.entry-content .shareHtml .shareHtml_imgwrap {margin:0;}
.entry-content .shareHtml figure{border:none;}
.entry-content .shareHtml figure.shareHtml_imgwrap {margin:0;padding: 0;width: 140px;position: absolute;right: 0;top: 0;}
.shareHtml_imgwrap img{width:140px;}


/* はてブマーク */
.shareHtml img {
	display:inline;
	margin:0 0 0 1%;
	border:none;
	position:absolute;
	right:0;
	top:0;
}

/* サムネイル */
.shareHtml_img {
	float:right;
	position: static!important;
	margin:0;
}

.shareHtml a {
	background: #F7F7F7;
}
.shareHtml a:hover {
	background:#fff;
  -webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 1s ease-out;  /* FF4+ */
      -ms-transition: all 1s ease-out;  /* IE10? */
       -o-transition: all 1s ease-out;  /* Opera 10.5+ */
          transition: all 1s ease-out;
}

/* タイトル */
.entry-content .shareHtml_title,
.h4_section .shareHtml_title {
	width:100%;
	margin: 0;
	position: static;
}
.entry-content .shareHtml_title a {
	display: block;
	padding: 7% 5% 2% 5%;
	line-height: 1.5;
	text-decoration: none;
	min-height: 11em;
	font-size: 70%;
	color: #333;
}
.entry-content .shareHtml_title a:hover {background:#dedede;}

.entry-content .shareHtml_title a:before {font-family:icomoon;content: "\e9cb 合わせて読みたい";position: absolute;top: -1em;left: 5%;line-height:1.2;background: #0066bf;letter-spacing: 0.2em;color: #fff;font-weight: bold;padding: 1% 1% 1% 2%;}
.entry-content .shareHtml_title a.exit:before {
	content: "参考（外部リンク）";
	background: #333;
}
/* For modern browsers */
.shareHtml:before,
.shareHtml:after {
    content:"";
    display:table;
}

.shareHtml:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.shareHtml {
    zoom:1;
}
@media only screen and (min-width: 780px) {
/* ShareHtml はてブマーク */
.shareHtml img {
	right:0;
}
.shareHtml_title a {
	min-height: 140px;
}
}
@media only screen and (min-width: 900px){
.shareHtml {
    width: 75%;
    margin: 1em 0 1em 2em!important;
}}

/* 次の記事 */
.entry-content .newer-article{width:100%;border: #0066bf solid 5px;border-left: #0066bf solid 6em;position:relative;margin-bottom: 5em;border-radius: 0;}
.entry-content  .newer-article::before{content: "次の記事";font-family: "icomoon";position: absolute;font-weight: bold;top: 30%;left: -5.5em;color: #fff;margin: 0 0;padding: 0 .4em;display: inline-block;/* animation: check .8s linear infinite; */}
.newer-article a::before{content:">> ";}
.newer-article p{margin: .8em;}
.entry-content .newer-article li::before{content:none;}

@keyframes check{0%,100%{opacity:1}50%{opacity:0}}

/* 記事下のカテゴリ */
.article-footer .post-categories a{background-color:#0066bf;border-color: #0066bf;}
.article-footer .post-categories{margin-bottom: 2em;display: inline-block;}
.article-footer .post-categories::before{content:"※ 関連記事は";}
.article-footer .post-categories::after{content:"もどうぞ。";}

/* パンくずのアイコン */
.bc_homelink .breadcrumb__link::before{color:#0066bf;}

/* 広告 */
.ad-inside{margin:5em 0 3.5em;}
iframe {max-width: 100%;margin-bottom: 3.5em;}
.entry-content p a img, .entry-content li a img, .no_bdr {border: none;margin: 0;}
.entry-content .shareHtml .shareHtml_imgwrap a img{backface-visibility: visible;position: relative!important;}
.google-auto-placed{margin:5em 0;}
body > .google-auto-placed,#sidebar1 .google-auto-placed,#header .google-auto-placed{margin:.5em 0;}

/* アイキャッチ下 */

.add.titleunder{margin-bottom: 1.5em;}

/* フッター固定アドセンス */
.eigobiyori_pc_anchor {
  display: flex;
  justify-content: center;
  position: sticky;
  bottom: 0;
  width: calc(100% - 368px);
	z-index: 99;
	max-height: 100px;
}
.eigobiyori_pc_anchor-inner {
  display: flex;
  position: relative;
  justify-content: center;
  max-width: 728px;
  width: 100%;
  max-height: 250px;
}
.eigobiyori_sp_anchor {
  display: flex;
  justify-content: center;
  position: sticky;
  bottom: 0;
  width: 100%;
	z-index: 99;
}

@media only screen and (max-width: 480px) {
#page-top{bottom: 101px;}
}

/* 背景黄色 */
.bg-yellow {background: rgb(253, 255, 178);padding: 0em 0.5em;margin-bottom: 5em;}


/* フキダシのCSS　*/
.entry-content .l-balloon,#single_foot .l-balloon,
.entry-content .r-balloon,#single_foot .r-balloon {
  position: relative;
  width: calc(100% - 82px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
  border-radius: 6px;
  border: 3px solid #ddd;
  
  background-color: #fff;
  line-height: 1.4;z-index: 1;
  box-sizing: border-box;
}
.entry-content .l-balloon,#single_foot .l-balloon{margin: 2.7em auto 5.5em 0;}
.entry-content .r-balloon,#single_foot .r-balloon{margin: 2.7em 0 5.5em auto;}
.entry-content .l-balloon::before,#single_foot .l-balloon::before,
.entry-content .r-balloon::before,#single_foot .r-balloon::before {position: absolute;content: "";top: 16px;width: 13px;height: 13px;border-right: 3px solid #ddd;border-bottom: 3px solid #ddd;background-color: #fff;z-index: 2;}
.entry-content .bg-line .l-balloon,.entry-content .bg-line .r-balloon,
#single_foot .bg-line .l-balloon,#single_foot .bg-line .r-balloon{color: #000;border-radius: 25px;padding: 1em;margin-top: 1em;margin-bottom: 4em;text-align: left;}
.entry-content .bg-line .l-balloon,.entry-content .bg-line .l-balloon::before,
#single_foot .bg-line .l-balloon,#single_foot .bg-line .l-balloon::before{background:#85e249;border: none;}
.entry-content .bg-line .r-balloon,.entry-content .bg-line .r-balloon::before,
#single_foot .bg-line .r-balloon,#single_foot .bg-line .r-balloon::before{background: #fff;border: none;}
.entry-content .bg-line .r-balloon::before,#single_foot .bg-line .r-balloon::before{left: -5px;top: 20px;}
.entry-content .bg-line .l-balloon::before,#single_foot .bg-line .l-balloon::before{right: -5px;top: 21px;}
.entry-content .bg-line p:last-child,#single_foot .bg-line p:last-child{margin-bottom:2em;}
.entry-content .bg-line .headline,#single_foot .bg-line .headline{color: #fff;border-bottom: 3px solid #fff;padding: 0 .2em .2em;line-height: 1;font-weight:bold;margin-bottom: 2em;}

.entry-content .l-balloon::before,#single_foot .l-balloon::before {
  right: -9px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.entry-content .r-balloon::before,#single_foot .r-balloon::before {
  left: -8.5px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.entry-content .l-balloon::after,#single_foot .l-balloon::after,
.entry-content .r-balloon::after,#single_foot .r-balloon::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 88px;
  top: -6px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.entry-content .l-balloon::after,#single_foot .l-balloon::after {
  right: -82px;
}
.entry-content .r-balloon::after,#single_foot .r-balloon::after {
  left: -77px;
}

.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 80px);}
.entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -80px;}
.entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -82px;}

@media only screen and (min-width: 481px) and (max-width: 600px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 91px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -94px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -94px;}
}
@media only screen and (min-width: 601px) and (max-width: 680px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 100px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -101px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -101px;}
}
@media only screen and (min-width: 681px) and (max-width: 780px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 110px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -109px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -109px;}
}
@media only screen and (min-width: 781px) and (max-width: 880px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 119px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -119px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -119px;}
}
@media only screen and (min-width: 881px) and (max-width: 980px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 130px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -126px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -126px;}
}
@media only screen and (min-width: 981px) and (max-width: 1080px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 103px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -105px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -105px;}
}
@media only screen and (min-width: 1081px) {
  .entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{width: calc(100% - 120px);}
  .entry-content .l-balloon::after,#single_foot .l-balloon::after {right: -114px;}
  .entry-content .r-balloon::after,#single_foot .r-balloon::after {left: -114px;}
}

.entry-content .r-balloon.hello,#single_foot .r-balloon.hello{font-size:130%;font-weight:bold;}
.entry-content .r-balloon ul{margin:0;}
 
/* LINE風の背景 */
.bg-line {background: #7092c0;padding: 1em 0.5em;margin-bottom: 4em;color: #fff;text-align: center;position: relative;}
@media only screen and (min-width: 481px) {.bg-line{padding: 1.5em;}}
#single_foot .bg-line{margin-bottom:1em;}

/* アイコン縦長（メディアクエリ） */
.entry-content .l-balloon::after,.entry-content .r-balloon::after{width:68px;height: 100px;}
@media only screen and (min-width: 481px) and (max-width: 600px) {.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 75px;height: 110px;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 80px;height: 115px;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 85px;height: 124px;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 97px;height: 142px;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 105px;height: 153px;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 83px;height: 121px;}}
@media only screen and (min-width: 1081px) {.entry-content .l-balloon::after,.entry-content .r-balloon::after{width: 88px;height: 130px;}}

/* アイコン正方形（メディアクエリ） */
.entry-content .bg-line .l-balloon::after,.entry-content .bg-line .r-balloon::after,#single_foot .bg-line .l-balloon::after,#single_foot .bg-line .r-balloon::after{width:68px;height: 68px;}
@media only screen and (min-width: 481px) and (max-width: 750px) {.entry-content .bg-line .l-balloon::after,.entry-content .bg-line .r-balloon::after,#single_foot .bg-line .l-balloon::after,#single_foot .bg-line .r-balloon::after{width: 87px;height: 87px;}}
@media only screen and (min-width: 751px) and (max-width: 980px){.entry-content .bg-line .l-balloon::after,.entry-content .bg-line .r-balloon::after,#single_foot .bg-line .l-balloon::after,#single_foot .bg-line .r-balloon::after{width: 96px;height: 96px;}}
@media only screen and (min-width: 981px) {.entry-content .bg-line .l-balloon::after,.entry-content .bg-line .r-balloon::after,#single_foot .bg-line .l-balloon::after,#single_foot .bg-line .r-balloon::after{width: 98px;height: 98px;}}

/* フキダシ内の文字（メディアクエリ） */

.entry-content .l-balloon, .entry-content .r-balloon{font-size:96%;line-height:1.4;padding: .6em;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 100%;line-height: 1.6;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 100%;line-height: 1.6;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 112%;line-height: 1.7;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 126%;line-height: 1.7;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 137%;line-height: 1.8;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 110%;line-height: 1.6;}}
@media only screen and (min-width: 1081px){.entry-content .l-balloon, .entry-content .r-balloon{font-size: 117%;line-height: 1.7;}}

/* フキダシのアイコン画像の個別 */
.yos::after {background-image:url(../../../wp-content/uploads/2022/08/yos-01.png);}
.yos-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/yos-02.png);}
.yos-cry::after {background-image:url(../../../wp-content/uploads/2022/08/yos-03.png);}
.yos-shock::after {background-image:url(../../../wp-content/uploads/2022/08/yos-04.png);}
.yos-explain::after {background-image:url(../../../wp-content/uploads/2022/08/yos-05.png);}
.yos-happy::after {background-image:url(../../../wp-content/uploads/2022/08/yos-06.png);}

.takako::after {background-image:url(../../../wp-content/uploads/2022/09/takako-normal.png);}
.takako-sweat::after {background-image:url(../../../wp-content/uploads/2022/09/takako-sweat.png);}
.takako-cry::after {background-image:url(../../../wp-content/uploads/2022/09/takako-cry.png);}
.takako-shock::after {background-image:url(../../../wp-content/uploads/2022/09/takako-shock.png);}
.takako-smile::after {background-image:url(../../../wp-content/uploads/2022/09/takako-smile.png);}
.takako-explain::after {background-image:url(../../../wp-content/uploads/2022/09/takako-explain.png);}
.husband::after {background-image:url(../../../wp-content/uploads/2022/09/husband.png);}

.sato::after {background-image:url(../../../wp-content/uploads/2022/08/sato-01.png);}
.sato-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/sato-02.png);}
.sato-cry::after {background-image:url(../../../wp-content/uploads/2022/08/sato-03.png);}
.sato-glasses::after {background-image:url(../../../wp-content/uploads/2022/08/sato-04.png);}

.sasshi::after {background-image:url(../../../wp-content/uploads/2023/12/sasshi-normal.png);}
.sasshi-sweat::after {background-image:url(../../../wp-content/uploads/2023/12/sasshi-sweat.png);}
.sasshi-cry::after {background-image:url(../../../wp-content/uploads/2023/12/sasshi-cry.png);}
.sasshi-smile::after {background-image:url(../../../wp-content/uploads/2023/12/sasshi-smile.png);}

.megumi::after {background-image:url(../../../wp-content/uploads/2023/11/icon-megumi-normal.png);}
.megumi-sweat::after {background-image:url(../../../wp-content/uploads/2023/11/icon-megumi-sweat.png);}
.megumi-shock::after {background-image:url(../../../wp-content/uploads/2023/11/icon-megumi-shock.png);}
.megumi-happy::after {background-image:url(../../../wp-content/uploads/2023/11/icon-megumi-happy.png);}

.hatsu::after {background-image:url(../../../wp-content/uploads/2022/08/hatsu-01.png);}
.hatsu-smile::after {background-image:url(../../../wp-content/uploads/2022/08/hatsu-02.png);}
.hatsu-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/hatsu-03.png);}
.hatsu-cry::after {background-image:url(../../../wp-content/uploads/2022/08/hatsu-04.png);}

.elena::after {background-image:url(../../../wp-content/uploads/2023/11/elena.png);}
.elena-sweat::after {background-image:url(../../../wp-content/uploads/2023/11/elena-sweat.png);}
.elena-cry::after {background-image:url(../../../wp-content/uploads/2023/11/elena-cry.png);}
.elena-angry::after {background-image:url(../../../wp-content/uploads/2023/11/elena-angry.png);}
.elena-smile::after {background-image:url(../../../wp-content/uploads/2023/11/elena-smile.png);}
.elena-happy::after {background-image:url(../../../wp-content/uploads/2023/11/elena-happy.png);}

.richard::after {background-image:url(../../../wp-content/uploads/2023/04/richard.jpg);}

.hiyori::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-01.png);}
.hiyori-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-03.png);}
.hiyori-shock::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-04.png);}
.hiyori-happy::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-02.png);}
.hiyori-l::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-l-01.png);}
.hiyori-sweat-l::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-l-03.png);}
.hiyori-shock-l::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-l-04.png);}
.hiyori-happy-l::after {background-image:url(../../../wp-content/uploads/2022/08/hiyori-l-02.png);}

.mark::after {background-image:url(../../../wp-content/uploads/2022/08/mark-01.png);}
.mark-shock::after {background-image:url(../../../wp-content/uploads/2022/08/mark-02.png);}

.someone::after {background-image:url(../../../wp-content/uploads/2022/08/someone-01.png);}
.someone-2::after {background-image:url(../../../wp-content/uploads/2023/03/someone-01-2.png);}

.teacher::after {background-image:url(../../../wp-content/uploads/2022/08/teacher-01.png);}

.bg-line .rabbit::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-normal.png);}
.bg-line .rabbit-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-sweat.png);}
.bg-line .rabbit-interesting::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-interesting.png);}
.bg-line .rabbit-smile::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-smile.png);}
.bg-line .rabbit-joy::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-joy.png);}
.bg-line .rabbit-cry::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-cry.png);}
.bg-line .rabbit-dark::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-dark.png);}
.bg-line .rabbit-shock::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-surprised.png);}
.bg-line .rabbit-shock2::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-surprised2.png);}
.bg-line .rabbit-yummy::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-yummy.png);}
.bg-line .rabbit-pencil::after {background-image:url(../../../wp-content/uploads/2023/07/rabbit-pencil.png);}
.bg-line .rabbit-announce::after {background-image:url(../../../wp-content/uploads/2023/07/rabbit-announce.png);}
.bg-line .rabbit-old::after {background-image:url(../../../wp-content/uploads/2022/08/rabbit-old.png);}

.bg-line .wolf::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-normal.png);}
.bg-line .wolf-smile::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-smile.png);}
.bg-line .wolf-happy::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-happy.png);}
.bg-line .wolf-angry::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-angry.png);}
.bg-line .wolf-interesting::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-interesting.png);}
.bg-line .wolf-yummy::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-yummy.png);}
.bg-line .wolf-sweat::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-trouble.png);}
.bg-line .wolf-shock::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-surprised.png);}
.bg-line .wolf-cry::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-cry.png);}
.bg-line .wolf-joy::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-joy.png);}
.bg-line .wolf-grin::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-grin.png);}
.bg-line .wolf-pencil::after {background-image:url(../../../wp-content/uploads/2023/07/wolf-pencil.png);}
.bg-line .wolf-announce::after {background-image:url(../../../wp-content/uploads/2023/07/wolf-announce.png);}
.bg-line .wolf-old::after {background-image:url(../../../wp-content/uploads/2022/08/wolf-old.png);}

.bg-line .dog::after {background-image:url(../../../wp-content/uploads/2023/07/dog-01.png);}
.bg-line .cat::after {background-image:url(../../../wp-content/uploads/2023/07/cat-01.png);}

.r-balloon ul,.l-balloon ul{margin:0;border:none;padding: 0;background: transparent;}
.entry-content .wp-block-buttons+.r-balloon,
.entry-content  .wp-block-buttons+.l-balloon{margin-top:0;}

/* 黒板 */
.blackboard{
background: #0e4933; /* Old browsers */
background: -moz-linear-gradient(top, #0e4933 0%, #559342 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e4933 0%,#559342 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e4933 0%,#559342 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4933', endColorstr='#559342',GradientType=0 ); /* IE6-9 */
width: auto;display: block;padding: 1em;color: #fff;margin: 1em 0 4em;border: 6px solid #b1680a;position:relative;}
.entry-content .blackboard .headline {  text-decoration: underline wavy yellow;font-weight:bold; color:#fff;}
.entry-content .back01{
color: yellow;
    background: #3c3c3c;
    padding: 0.1em 0.3em;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: .8em;
}
.blackboard:after{content : url(../../../wp-content/uploads/2022/08/black-board-eraser-02.webp) ;position:absolute;    right: 14px;
    bottom: -9px;}


/* DFNタグ */
.blackboard dfn{font-size: 135%;font-weight: bold;color: yellow;}
.blackboard abbr { border-bottom: none;text-decoration: none;}
.blackboard a {color:#fff}
.entry-content .blackboard .headline .number-circle{background:#fff;color: #000;box-shadow: none;border-radius: 0;line-height: 1.6;}
.entry-content .blackboard ul,
.entry-content .blackboard ol{ 

background:transparent;
border:0;
padding:0;
margin-bottom:1em;
}
.entry-content .blackboard ul li, .entry-content .blackboard ol li{
line-height: 1.5;margin-bottom:1em;}

.entry-content .blackboard p {
    margin: 0 0 1em;
    line-height: 1.75;
    
    text-align: left;
}
.entry-content .blackboard .larger {font-size:135%;}
.entry-content .blackboard .bigger {font-size:170%;}
.entry-content .blackboard p .bold,
.entry-content .blackboard ul .bold,
.entry-content .blackboard ol .bold {
    color: #e50a1b;
margin:0 .3em;
    background: white;
    padding: 0.1em 0.2em;
box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.entry-content .blackboard ul li:before{background:yellow;width: 15px;height: 15px;box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.57);content: " ";display: block;border-radius: 50%;top: .4em;}
.entry-content .blackboard ol li:before  {
    background: #fff;
color:black;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.57);
}
.entry-content .blackboard del span{color:#b5b5b5;}
.entry-content .blackboard .bold .number-circle {background:#e50a1b;}
.entry-content .blackboard span[class*="span-stk-maker-"], .entry-content .blackboard ul span[class*="span-stk-maker-"], .entry-content .blackboard ol span[class*="span-stk-maker-"]{color: #e50a1b;margin: 0 0.3em;background: white;padding: 0.1em 0.2em;box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);}

/* 斜めにする */
.entry-content .lean01  {
display:inline-block;
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}
.entry-content .lean02  {
display:inline-block;
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}


/* 引用 */
blockquote cite{text-align: right;margin-bottom: 2em;}
blockquote cite::before {content:"※  引用：";font-weight:bold;}
blockquote:not([class*=-embed]):not(.is-style-large)::before,blockquote:not([class*=-embed]):not(.is-style-large)::after{font-size:250%;}
@media screen and (max-width: 480px) {blockquote p:first-child{margin-top:1em;}blockquote cite{margin-bottom: 3em;}}
@media only screen and (min-width: 481px) and (max-width: 600px){blockquote p:first-child{margin-top:.5em;}}

.entry-content blockquote {padding-top: 7%!important;}
.entry-content blockquote + p{margin-top:3.5em;}

@media screen and (max-width: 480px) {
.entry-content blockquote { padding-top: 14%!important;}
}


/* ボタン */

.area-button{margin: 1em 0 0;}
.entry-content .is-style-p_microcopy{margin-bottom:0;font-size: 110%;color: #9a9a9a;font-weight: bold;line-height: 1;padding: 0 1em;}
.is-style-p_microcopy::before, .is-style-p_microcopy::after {height: 100%;width: 1px;background: currentColor;left: 0;top: 0;transform: rotate(-40deg);}
.is-style-p_microcopy::after {left: auto;right: 0;transform: rotate(40deg);}
.wp-block-buttons>.wp-block-button{margin-bottom: 1em;}
.area-button .wp-block-buttons>.wp-block-button{margin-bottom:0;line-height: 2.5;}

/* ボタン（メディアクエリ）　*/
.is-style-fill{font-size:120%;line-height:1.3;width:100%;}
@media only screen and (min-width: 481px) and (max-width: 750px) {.is-style-fill {font-size: 130%;}}
@media only screen and (min-width: 751px) and (max-width: 980px){.is-style-fill{font-size: 140%;width:90%;}}
@media only screen and (min-width: 981px) {.is-style-fill{font-size: 165%;width: 70%;}}

.entry-content .is-style-fill a::after{font-family: 'icomoon'!important;content: "\f138"!important;margin-left: 0.3em!important;position: relative!important;top: 1px!important;}
.btn-wrap a, .wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color){background-color:#9bcd01;border-color:#fff;line-height: 1.2;}

/* ボタン内Aタグ（メディアクエリ）　*/
.wp-block-button.is-style-fill .wp-block-button__link {width: 90%;min-width: 14em;padding: .8em .5em .8em 3.5em;background: url(https://ipa-mania.com/images/base/button-rabbit-01.png) no-repeat;;background-position: left bottom;}
@media only screen and (min-width: 481px) and (max-width: 750px) {.wp-block-button.is-style-fill .wp-block-button__link {padding: 1em 1em 1em 3em;}}
@media only screen and (min-width: 751px) and (max-width: 980px){.wp-block-button.is-style-fill .wp-block-button__link{padding: 1em 3em;}}
@media only screen and (min-width: 981px) {.wp-block-button.is-style-fill .wp-block-button__link{padding: 1em 2.2em;}}

.btn-wrap a, .wp-block-button.is-style-fill a {
    border: #fff solid 3px;
    color: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}

.area-button .wp-block-buttons + p{margin:0;padding:0;}
.area-button .wp-block-buttons + p img{border: none;}
.area-button .wp-block-buttons + p + ul{text-align:center;display:inline-block;background:transparent;margin: -5rem 0 0;}
.area-button .wp-block-buttons + p + ul li{text-align:left;}
.is-style-fill.amazon a{color: #3a4d66;background-color: #ffc266!important;border: #3a4d66 solid 3px!important;}
/* チェックマーク */
.entry-content .checkMark::before {font-family: 'icomoon'; content:"\ea10";margin-right: 0.5em;} 

/*-------------------------------------------------*/
/* カエレバ */
/*-------------------------------------------------*/
.kaerebalink-box{
font-size:small;overflow: hidden;
	text-align:left!important;
	width:auto;
	clear:both;padding: 1em!important;
	margin:0 0 4em 0!important;border: solid 1px #ABBCD4;}
.kaerebalink-box img:first-child {
  border: 1px solid #DADADA!important;
  border-bottom: 1px solid #757575!important;
  margin:0 15px 10px 0;
}
.kaerebalink-box {background: #f7f7f7;}
.kaerebalink-box img{
margin-bottom:0;
margin-left:0;
}
.kaerebalink-box .kaerebalink-image{
float: left !important;
margin-bottom:0!important;  
box-shadow: none;
}

.kaerebalink-info{line-height:1.2;overflow: hidden;}
.kaerebalink-box:hover{
background:#ffffd7;
}
.kaerebalink-image a:hover {background-image: none;}

.kaerebalink-name{
	font-weight: bold;
	margin-bottom:10px;
}
.kaerebalink-powered-date {
	margin-top:2em !important;
	font-size: 83%;
}
.entry-content .kaerebalink-box .shoplinkamazon a:after,
.entry-content .kaerebalink-box .shopofficial a:after,
.entry-content .kaerebalink-box .shoplinkrakuten a:after{ content:none; }

.entry-content .kaerebalink-box a[target="_blank"]::after{content:none;}
.kaerebalink-detail {margin-bottom:5px;}
.kaerebalink-link1{margin-top:10px;}

/* 楽天・Amazonボタン */
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shopofficial {
display:inline-block!important;letter-spacing: 1em!important;
padding:0!important;text-align : center!important;margin : 0 0.5em 0.7em 0!important;line-height : 1.2!important;
background:transparent!important;/*max-width: 180px;*/}
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a,
.shopofficial a {padding:1em 25%!important;display : inline-block!important;color: #fff;text-decoration : none!important;position: relative!important;-webkit-transition: none!important;transition: none!important;border: solid 1px #ABBCD4;}

.kaerebalink-box .shoplinkamazon a,
.kaerebalink-box .shoplinkrakuten a,
.kaerebalink-box .shoplinkyahoo a,
.kaerebalink-box .shopofficial a {
display:block!important;
}

.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkyahoo a:hover,
.shopofficial a:hover {background : #ddd!important;color: #333!important;border: solid 1px #333;}

/* カエレバ Amazon */

.kaerebalink-box .shoplinkamazon {
letter-spacing : 0.2em!important ;
}

.kaerebalink-box .shoplinkamazon a {padding: 0.9em 3.82em!important;background : #535353;}
/* カエレバ 楽天 */

.kaerebalink-box .shoplinkrakuten {
	letter-spacing : 0.48em!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding: 0.9em 3.3em!important;
	background: #BD0000;
}
/* Yahoo */

.kaerebalink-box .shoplinkyahoo {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shoplinkyahoo a {
	padding: 0.9em 1.48em!important;
	background: #fff;
	color: #BD0000;
}

/* 公式サイト */

.kaerebalink-box .shopofficial {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shopofficial a {
padding: 0.9em 3em!important;
	background: #2fa4ff;
}

@media screen and (max-width: 480px) {
.kaerebalink-box, .booklink-box{
  text-align: center!important;
}

.kaerebalink-box .kaerebalink-image{
float: none !important;
}

.shoplinkamazon, .shoplinkrakuten,
.shoplinkyahoo,.shopofficial {
display: block!important;
}
}

/* 音声データ */

.wp-audio-shortcode{margin-bottom: 5em;}

/*　お問い合わせページのボタン */
.wpcf7-submit {
    background: #ffe135!important;
    color: #006bb9!important;
    font-size: 110%!important;
    border: #006bb9 4px solid!important;
    border-radius: 10px!important;
    padding: 0.5em 1em 0.5em 3em!important;
    display: block;
    font-weight: bold;
    width: 300px;
    letter-spacing: 2em;
    margin: 2.5em auto;
}
/* スカイプのアイコン */
.icon_skype:before {
    content: "\e636";
position:relative;
    color: #00AAF0;
    font-family: 'icomoon';
    margin: 0 0.1em 0 0.2em;
    bottom: -1px;
}

/*著作権 著作表示 */
.entry-content .copyrightgames {
    background: #797878;
    margin: 5em 0 0;
    border: none;
    border-radius: 0;
    text-align: left;
    padding: .8em;
}
.entry-content div.copyrightgames .headline {
    position: static;
    background: red;
    border-radius: 0;
    color: yellow;
    letter-spacing: .2em;
    display: inline-block;
    }
.entry-content .copyrightgames p {font-size: 90%;color:#fff;background: transparent;}
.entry-content .copyrightgames a {color:#fff;}

/* サイトマップ（Sitemap） */

.entry-content .sitemap-wrap ul{border:none;background: transparent;}

/* 語源 */
.entry-content .gogen {font-size:130%;background:#f5f5f5;padding:.5em;padding-left:1.2em;margin-bottom: 4em;position: relative;border: solid 6px #0066bf;border-radius: 10px;margin-bottom: 5em;}
.entry-content .gogen:before{content:"語源で覚える!";position: absolute;font-weight: 700;font-size: 100%;top: 0;left: 0;display: block;width: 100%;text-align: left;padding-left: 1em;}
.entry-content .gogen p{margin:.75em 0 0;}
.entry-content .gogen p:first-child{margin-top:2em;}
.entry-content  .gogen ruby,
.entry-content  .gogen b {font-size:160%; margin:0;}
.entry-content .gogen ruby rp,
.entry-content .gogen ruby rt {font-size:40%;}
.entry-content .gogen p:nth-child(2){font-size:160%;margin-top:0;border-bottom: 2px dashed #0066bf;padding-bottom: .8em;}
.entry-content .gogen p:nth-child(2)::before{content:"＝";}
.entry-content .gogen p:nth-child(3),
.entry-content .gogen p:nth-child(4){font-size:80%;}
.entry-content .gogen p:nth-child(3):before{
    content: "意味";
    position: relative;
    font-size: 80%;
    bottom: .95em;
    left: 2em;
    display: block;
    color: #fff;
    font-weight: 700;
    width: 4.5em;
    background: #0066bf;
    text-indent: 1em;
    border-radius: 1em;
    letter-spacing: .5em;
}
.entry-content .gogen p:nth-child(3){margin-top:0;}
.entry-content .gogen p:nth-child(4){margin-top:0;}
.entry-content .gogen p:nth-child(4)::before{font-family: 'icomoon';content:"\ea36";display: block;position: relative;color: #0066bf;left: 1em;}
.entry-content .gogen p:last-child{font-weight:bold;}

/*- - - - - - - - - - - - -
　　　　　　 FAQ
- - - - - - - - - - - - -*/

.entry-content dl.oc-faq{margin: 5rem 0 0 0;padding: 0;}
.entry-content dl.oc-faq:first-child{margin-top:0;}
.entry-content dl.oc-faq + .entry-content dl.oc-faq{margin-top:0;}
.oc-faq__title{border-bottom: 4px solid #0066bf;color: #0066bf;}
.oc-faq__title::before{color: #fff;background: #0066bf;}
.oc-faq__comment{margin-top:2rem;}
.faq-icon--border .oc-faq__comment::before{color:#0066bf;border: 3px solid;}
.oc-faq__title::before,.faq-icon--border .oc-faq__comment::before{line-height: 1.6;}


.entry-content dl.oc-faq ul, .entry-content dl.oc-faq ol{background:transparent;text-indent: 0;margin-bottom: 3.5rem;}
.entry-content dl.oc-faq ul li, .entry-content dl.oc-faq ol li{margin:0;padding-left: 1.8rem;margin-bottom: .5rem;}
.entry-content dl.oc-faq ol li::before{
    left: -.3rem;
    color: #fff;
}
.entry-content dl.oc-faq ul li::before{left: .4rem;}


/*- - - - - - - - - - - - -
　　　　　　 +セレクタ
- - - - - - - - - - - - -*/
.entry-content img + p,.entry-content noscript + p{margin-top:1.5em;}
.shareHtml + p,.RelatedPost + p {margin-top:3em;}
.getty + p, .voice + p,.voice +.shareHtml,.voice +.RelatedPost {margin-top:3em!important;}
.shareHtml + .newer-article,.shareHtml + .bg-yellow,
.RelatedPost + .newer-article,.RelatedPost + .bg-yellow{margin-top:5em;}
.entry-content [class*="btn_sample"] + p.under_btn {margin-top: -1.8em;}
.entry-content .under_btn + p {margin-top:3em;}
.entry-content table + figcaption{text-align: right;margin-top: .5em;}
.entry-content table + figcaption::before {content: "※";color: #333;margin-right: .2em;}
.wp-block-buttons+ ul{background:transparent;padding:0;line-height:1.1;display: inline-block;}
.entry-content iframe + p{margin-top:3em;}
.entry-content .area-button+p{margin-top:5em;}


/*━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━
　
　■  旧データ（以降は削除予定） 
　
━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━*/


/* 【旧式】ボタン 
/*-------------------------------------------------*/
.entry-content [class*="btn_sample"],
.cta-online-english [class*="btn_sample"],
.btn-twitter a,
.entry-content .btn-small{
	display:block;
	margin : 0 .5em 2em 0 ;  
	letter-spacing : .2em ;
	text-align:center;
}
.entry-content [class*="btn_sample"] a,
.cta-online-english [class*="btn_sample"] a,
.btn-twitter a,
.entry-content .btn-small a {
	color : #fff ;
font-weight:bold;
	line-height : 1.5 ;
	letter-spacing: 0;
	text-align:center;
	border-radius: 4px;
   	text-decoration : none ;
	display : inline-block ;
	position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.btn-twitter a{padding:.5em 1em;}
.entry-content [class*="btn_sample"] a {
	font-size: 110%;
	width: 90%;
	min-width: 16em;
	padding: 1.2em 4em;
background: url("https://ipa-mania.com/images/base/button-rabbit-01.png") no-repeat;
background-position: left bottom;
}

.cta-online-english [class*="btn_sample"] a {
	font-size:140%;
	line-height : 1.5 ;
	width: 90%;
    min-width:10em;
	padding: 0.5em 0.8em;
}

.entry-content .btn-small {margin-bottom:0;}
.entry-content .btn-small a {
    font-size: 94%;
    min-width: 8em;
    margin-top: 1em;
    padding: .6em .2em;
}
.entry-content .btn_sample a {
	background-color:#fffa66;
color:#0066bf;
border:4px solid #0066bf;
}
.entry-content .btn_sample2 a,
.entry-content .btn-small a {
background-color: #9bcd01;
border: #fff solid 3px;
color:#fff;
}
.entry-content [class*="btn_sample"] a[target="_blank"]::after,
.entry-content .btn_sample2 a:after,
.entry-content .btn-small a:after {
font-family: 'icomoon';
    content: "\f138";
    margin-left: 0.3em;
    position: relative;
    top: 1px;
}
.entry-content .btn_sample a:hover{
background-color:#ddd;
color:#ababab;
border: 4px solid #ababab;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
.entry-content .btn_sample2 a:hover,
.entry-content .btn-small a:hover{
background-color:#cacaca;
box-shadow:none;
border-color:#bbb;
}
.entry-content .under_btn {text-align:center; margin-top:-2.5em;}
.entry-content div.under_btn {display: inline-block;}
.entry-content div.under_btn p{font-size:95%;}

.entry-content .above_btn {
color:#9a9a9a;
    text-align: center;
    margin-bottom: .5em;
    margin-top: 3em;
    font-weight: bold;
}
.entry-content .above_btn{margin-bottom:0;}
.entry-content .above_btn:before{content:"＼ ";}
.entry-content .above_btn:after{content:" ／";}

/* Amazon */
.entry-content .amazon a,.wp-block-button.is-style-fill.amazon .wp-block-button__link:not(.has-background):not(.has-text-color) {color:#3a4d66;background-color:#ffc266;border: #3a4d66 solid 3px; }
/* 楽天 */
.entry-content .rakuten a,.wp-block-button.is-style-fill.rakuten .wp-block-button__link:not(.has-background):not(.has-text-color) {color:#fff;background-color:#bf0201;border: #fff solid 3px; }
/* Apple */
.entry-content .apple a,.wp-block-button.is-style-fill.apple .wp-block-button__link:not(.has-background):not(.has-text-color) {color:rgba(0,0,0,0.8);background-color:#fff;border: rgba(0,0,0,0.8) solid 4px;}
/* Google Play*/
.entry-content .googleplay a,.wp-block-button.is-style-fill.googleplay .wp-block-button__link:not(.has-background):not(.has-text-color) {color:#689f38;background-color:#fff;border: #689f38 solid 4px;
}

/*【旧式】　箇条書き
- - - - - - - - - - - - -*/

.txt_example-wrap > .txt_example{margin-bottom:0;border:none;}
.txt_example-wrap > .txt_example > ul,
.txt_example-wrap > .txt_example > ol,
.txt_example-wrap > div > div{margin-bottom:0;border-radius: 0 0 4px 4px;}
.txt_example > ul,
.txt_example > ol,
.entry-content .txt_example-wrap > div > div > div > ul,.entry-content .txt_example-wrap > div > div > div > ol{margin-bottom:0;}
.txt_example{
    border: solid 6px #0066bf;
    border-radius: 10px;
    margin-bottom: 5em;
    }
.txt_example-wrap .txt_example{border:none;}

.txt_example>ul, .txt_example>ol, .entry-content .txt_example-wrap>div>div>div>ul, .entry-content .txt_example-wrap>div>div>div>ol {
    margin-bottom: 0;
    padding: 1.5em 0.4em 1.5em 0.6em;
    box-shadow: none;
    border: 0;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

/*【旧式】 吹き出し セリフ フキダシ
- - - - - - - - - - - - -*/

.voice {
    margin: 1em 0 1.3em;
    font-size: 0.9em;
}
.voice.big .icon {
    width: 18%;
}
.voice.l .icon {
    float: left;
}
.voice.r .icon{
float:right;
}
.entry-content .voice figure {
    padding: 0;
}
.entry-content .voice figure {
    border: none;
    background: transparent;
    margin: 0;
}
.voice .icon {
    width: 12%;
    text-align: center;
}
.voice .icon img {
    border-radius: 50%;
    max-width: 100%;
    margin: 0;
    border: 4px solid #f5f5f5;
}
.voice .icon .name {
    font-size: 50%!important;
    padding: 0.4em 0;
}
.voice .icon .name::before {content:none;}
.voice.big .voicecomment {
    width: 79%;
}
.voice.l .voicecomment {
    float: right;
}
.voice.r .voicecomment{
float:left;
}
.voice .voicecomment {
    border: 3px solid #eee;
    background-color: #fff;
    color: #444;
    padding: 2.5%;
    position: relative;
    width: 85%;
    border-radius: 5px;
}
.entry-content .voicecomment {
    font-size: 120%;
    clear: none;
    margin-top: 0;
}
.voice .voicecomment::after{left: -13px;}
.voice.r .voicecomment::after{right: -14px;}

.voice.line.r .voicecomment{border:#7acc40;background:#7acc40;color:#000;}

.voice.line.l .voicecomment{border:#fff;background:#fff;color:#000;}

/*【旧式】フキダシ内の文字（メディアクエリ） */

.entry-content .voice p.voicecomment{font-size: 1.07rem;line-height:1.4;padding: .6em;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content .voice p.voicecomment{font-size: 1.07rem;line-height: 1.6;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content .voice p.voicecomment{font-size: 1.09rem;line-height: 1.6;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content .voice p.voicecomment{font-size: 1.21rem;line-height: 1.7;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content .voice p.voicecomment{font-size: 1.35rem;line-height: 1.7;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content .voice p.voicecomment{font-size: 1.47rem;line-height: 1.8;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content .voice p.voicecomment{font-size: 1.2rem;line-height: 1.6;}}
@media only screen and (min-width: 1081px){.entry-content .voice p.voicecomment{font-size: 1.3rem;line-height: 1.7;}}



/*【旧式】　引用 */
blockquote + .quoted {
font-size: 85%;
text-align: right;
width: auto;
margin: 0 0 5em 1em;
}
.entry-content .quoted:before {
content:"※ ";
}

/* 【旧式】フキダシの下 */
.voice+p{margin-top:3em}