@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;
}

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

.shareHtml br,.kaerebalink-box br { display : none ; }
@media only screen and (max-width: 481px){#inner-content{padding: 3% 3%;}}
body{ background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );background-size: 100% 8px;}

@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.fs_m .custom-logo {max-height: 55px;margin:0;}

@media only screen and (min-width: 481px) {.site__logo.fs_m .custom-logo {max-height: 65px;margin:0;}}

#header{border-bottom: 5px #0798eb solid;background: #fff;}
.nav_btn{background:#0698EB!important;}
.site_description{color:#f2901a;}

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

.ul__g_nav > .menu-item > a{color:#0698eb;}



.entry-content figure, .henkan,#toc_container,.related_article{max-width: 670px;}


.header{background: #F7F7F7;}
.header.bg,.header #inner-header,.menu-sp{}

#g_nav .nav li a,.nav_btn,.menu-sp a,.menu-sp a,.menu-sp > ul:after{color: #0698eb;}

#g_nav .nav li a:hover,.nav_btn:hover{background: #fc9705;color:#fff;}
#logo a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.menu-item-4380 a:before, .menu-item-4378 a:before, .menu-item-4364 a:before, .menu-item-30234 a:before {
    font-family: 'icomoon';
    position: relative;
    font-size: 115%;
    top: 2px;
}

/* プロフィール */
.menu-item-4380 a:before{
    content: "\e909";
    margin: 0 0.2em 0 0;
}
/* 全カテゴリ */
.menu-item-4378 a:before {
    content: "\e94a";
    margin: 0 0.2em 0 0;
}
/* お問い合わせ */
.menu-item-4364 a:before {
    content: "\f0e0";
    margin: 0 0.2em 0 0;
}
/* 更新情報 */
.menu-item-30234 a:before {
    content: "\e614";
    margin: 0 0.2em 0 0;
}



/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* パンくず */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
#breadcrumb-wrap {background:#0698EB;padding: .25em 0 .25em;margin-bottom: 1em;box-shadow:0 1px 2px rgba(100, 100, 100, 0.8);}
#breadcrumb{font-size: 0.75em;
	background:#0698EB;
    padding: 0em;}
#breadcrumb ul{
margin:0;
padding-bottom: 2px
}

.bc_homelink .breadcrumb__link::before{color:#fff;}

#breadcrumb li:first-child{
margin-left:0;
}
#breadcrumb li{
float:left;
color:#fff;
margin-left:0.5em;
}
#breadcrumb li:after{content: '»';margin-left:0.5em;color:#fff;}
#breadcrumb li:last-child:after{
display:none;
}
#breadcrumb li a {
    text-decoration: none;
    padding: 0.5em 0.5em 0.4em;
color:#fff;
}
#breadcrumb li a:hover {text-decoration:underline;}

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

.entry-content p,kbd {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 {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 {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 {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 {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 {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 {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 {font-size: 1.3rem;line-height: 2;}}

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


/* 空Pタグを削除 
- - - - - - - - - - - - -*/
.entry-content p:empty {display: none;}
.screen-reader-response ul:empty{display:none;}
.entry-content .no-margin-top{margin-top:0!important;}
.entry-content .no-padding-top{padding-top:0;}

/* 行間を長く
- - - - - - - - - - - - -*/
.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: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;}

/*- - - - - - - - - - - - -
　　　　　　 文字装飾
- - - - - - - - - - - - -*/
strong, em, b {padding: 0 .2em;}
.no-space-left{padding-left:0;}
.no-space-right { padding-right:0; }
.no-space-both { padding-left:0; padding-right:0; }
.kaerebalink-box .broken_link{text-decoration:none;}

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

/* 色 */
.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;}
/* フォント色をオレンジ */
.color03 {color:#ffcc00;}

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

.smaller{font-weight: normal;font-size: 75%;}

/* rubyタグ */
ruby{font-weight:bold;}

/* iタグ・citeタグ・dfn */
i, cite,dfn {font-style: normal;}

/* 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;}
.underline { text-decoration: underline; }

/* preタグ */
pre:not(.prettyprint) {text-align:left;}
pre .span-stk-maker-yellow{background: yellow;padding-bottom: 0;}
.code-scroll{height:250px;overflow: auto;}

/*リンクタグ*/

.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 a:hover {
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #dcdcdc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f5f5f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f5f5f5),
            color-stop(.75, #f5f5f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
}

/*- - - - - - - - - - - - -
　　　　　　 画像
- - - - - - - - - - - - -*/
.eyecatch img,.entry-content img,.entry-content p > img, .entry-content figure img {
    margin-bottom:0;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    }
.entry-content .no-bg{background:transparent;border:none;box-shadow: none;}
.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;}}

.entry-content img + p,.entry-content noscript + p{margin-top:1.5em;}

/* figure フィギュアタグ */
figure {margin:0;}
.entry-content figcaption {color: #333;margin: 0;font-size: 80%;}
.entry-content figcaption::before {content:"\ea32";font-family:icomoon;margin-right:0.5em;}

/* 記事一覧・記事下の画像・関連記事の画像 */
.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;}

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

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

.entry-content figure img, .henkan {
margin: 0;
max-width: 100%;
height: auto;
}

/* アイコンを左に */
.entry-content .icon-left {
    float: left;
    width: 20%;
    margin: 0 1.5em 1.5em 0;
    border-radius: 50%;
}
.entry-content .icon-left + p{margin-top:0;}

img{max-width: 100%;height: auto;}
.entry-content img {
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
svg:not(:root) {
overflow: hidden; }
}

/* 画像の輪郭ナシ */
.noborder {
border:none!important;
box-shadow: none!important;
}

/* getty images */
.getty {margin-bottom: 5em!important;}

/*- - - - - - - - - - - - -
　　　　　　サムネイル領域
- - - - - - - - - - - - -*/

header .eyecatch{margin-bottom: 1em;width: 50%;float:left;text-align: center;height: auto;box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);background-color: #E7E7E7;}

/* ストライプの枠（アイキャッチ・figure領域・目次・関連記事） */
header .eyecatch, .entry-content figure, .henkan,#toc_container,.related_article{
    padding:.5em;
    margin-bottom: 4em;
    background: #f7f7f7;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    text-align: center;
    }

.entry-header .eyecatch{
	width: auto;
	border: none;
	background: transparent;
	margin-top: 0;
	float: none;
	box-shadow: none;
	padding:0.5em 0;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 0;
	}

/* アドセンスサム横 */
.article-header {margin-bottom : 1em;text-align: center;height: auto;}.single .article-header {margin-bottom : 1em;text-align: center;height: auto;background: #E7E7E7;display: block;}

.byline{background:#fff;}
.add.titleunder{
    padding: 0.5em 4px 0;
    width: 300px;
    display: inline-block;
    height: 280px;
    position: relative;
    margin: 0;
    margin-bottom: 0;
    }


@media only screen and (min-width: 481px) and (max-width: 780px){
.eyecatch.stk_post_main_thum{width: auto;float: none;padding:0.5em 0;margin-left: auto!important;margin-right: auto!important;margin-bottom: 0;}
.eyecatch.stk_post_main_thum img{width: 336px;margin: 15px 0;}
.add.titleunder{padding: 0.5em 4px 0;width: 336px;}
}


@media only screen and (min-width: 781px) and (max-width: 880px){
.eyecatch.stk_post_main_thum{float: left;padding: 0.9rem 0;width: 50%;}
.eyecatch.stk_post_main_thum img{width:280px;margin: 13px;}
.add.titleunder{padding: 0.5em 4px 0;width: 336px;}
}

@media only screen and (min-width: 881px) and (max-width: 980px){
.article-header{}
.add.titleunder{padding: 0.5em 4px 0;}
.eyecatch.stk_post_main_thum{float: left;padding:0;width: 50%;height: 280px;}
.eyecatch.stk_post_main_thum img{margin: 29px 0;width: 280px;}
}

@media only screen and (min-width: 981px) and (max-width: 1080px){
.add.titleunder{padding: 0.5em 0 0;width: 336px;}
.eyecatch.stk_post_main_thum{float: none;width: auto;}
.eyecatch.stk_post_main_thum img{width:336px;margin: 15px 0;}
}

@media only screen and (min-width: 1081px) and (max-width: 1172px){
.add.titleunder{padding: 0.5em 2px 0;}
.entry-header .eyecatch{float: left;padding: 1.75rem 0;width: 50%;}
.entry-header .eyecatch img{width:280px;margin: 0 4px;}
}

@media only screen and (min-width: 1173px){
.add.titleunder{
    padding: .5em 0 0;
    width: 336px;
}
.entry-header .eyecatch{float: left;padding:1.4em 0;width: 50%;}
.entry-header .eyecatch img{width:280px;margin: 5px 0;}
}


.sponcerd-link{color: #333;margin: 0 auto;font-size: 70%;text-align: center;}

.single .entry-content > :first-child{margin-top:3em;}

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

h1{text-align:left;}

.entry-title.post-title{width: auto;text-align: left;color: #fc9705;line-height: 1.2;font-weight: normal;margin: 0;position: relative;background: #fff;border: 1px solid #333;display: block;text-decoration: none;font-size: 1.35rem;padding: 0.5em;box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);z-index: 1;}

@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;}}

.single .entry-header .entry-title:after {
content: '';
position: absolute;
border-top: 48px solid #fff;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
bottom: -47px;
left: 32px;
}

.single .entry-header .entry-title:before {
content: '';
position: absolute;
border-top: 50px solid #333;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
bottom: -50px;
left: 30px;
}


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

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

.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2 {
    border-left: 0;
    border-right: 0;
    color: #ff9a02!important;
    background: rgb(253, 255, 178)!important;
    font-size: 150%;
    text-align: center;
    width: 99%;
    display: inline-block;
    line-height: 1.6;
    padding: 1.4em 0.4em;
    border: none;
    border-radius: 30px;
    margin: 2em 0 1.5em 0;
    box-shadow: 0 2px 6px rgb(100 100 100 / 30%);
    font-weight: bold;
}

/* h2　（メディアクエリ）　*/
.entry-content h2:not(.is-style-stylenone),.entry-content .h2-appearance, .h2_section h2,.homeadd_wrap h2,.entry-content .addup h2{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{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{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{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{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{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{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{font-size: 1.8rem;}}

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

.numbering2 {counter-reset: headline2;}
.numbering2 h2{content: counter(headline2);}
.numbering2 h2::before{
    color: #fdffb2;
    padding: 0.05em 0 0;
    display: inline-block;
    background: #ff9a03;
    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{
	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{
box-shadow:none;
 color: #ff9a02;
border-radius:0;
 background:
 transparent!important;
 font-weight: bold;
 border:0;
 border-bottom: 6px double #ff9a02;
 display: block;
 margin-bottom: 0.7em;
 padding: 0 0.3em;
 margin-top: 0;
 letter-spacing: .3em;
 }
.entry-content .wp-block-buttons + h2:not(.is-style-stylenone) {margin-top: 0;}

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

/* h3の基本 （※ 背景以外） */
.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2,.entry-content h2.h3-design {text-align:left;color: #fff!important;padding: .4em .5em;background: #ff9a02!important;box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;border-radius: 4px;border: 0;margin: 4rem 0 1rem 0;line-height: 1.4;}


/* h3　（メディアクエリ）　*/
.entry-content h3:not(.is-style-stylenone),.entry-content .h2_section2 h2:not(.is-style-stylenone),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{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),.entry-content h2.h3-design{font-size: 1.56rem;}}

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

.h2_section,.numbering3,.entry-content {counter-reset: headline3;clear: both;}
.h2_section h3,.numbering3 h3,.h2_section2 h2,.entry-content h2.h3-design{content: counter(headline3);}
.h2_section h3::before,.h2_section2 h2::before,.numbering3 h3::before,.h3_list h3::before,.entry-content h2.h3-design:before{
      counter-increment: headline3;
      content: counter(headline3);
      margin: 0;
      color: #ff9a02;
      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;
      }

.entry-content p + h3,.kaerebalink-box + h3, figure + h3{margin-top:4em!important;}
.entry-content .wp-block-buttons + h3:not(.is-style-stylenone) {margin-top: 0;}

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

/* h4 の基本 */

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


h4::before,.h2_section2 h3::before {
 content: " ";
 color: #fff;
 font-size: 50%;
 display: inline-block;
 padding: 3px 0 2px;
 background: #ff9a02;
 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.7rem;
      height: 1.7rem;
      line-height: 1.1;
      }

.over100 .numbering4 h4:not(.no_nmbr)::before{width:2em;border-radius: 0;}

/* - - - - - - - - - - - - -
　　　箇条書き 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;}}

.txt_example-wrap,#toc_container,.numbering-dl {
    padding: .7em;
    margin-bottom: 3em;
    background: #f7f7f7;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    }
.txt_example{
    background: #fff;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    margin-bottom: 5em;
    }

.txt_example-wrap>.txt_example {
    margin-bottom: 0;
    border: none;
}

.entry-content ul,.entry-content ol li {line-height: 1.5;margin: 0;margin-bottom: .5em;}


.entry-content ul, .entry-content ol {background: #f7f7f7;padding: 1em .4em 1em .5em;list-style-position: inside;clear: both;text-align: left;position: relative;line-height: 1.2;margin: 0 0 5em 0;border: 1px solid #DADADA;border-bottom: 1px solid #757575;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.entry-content ol li{
    margin-bottom: .5em;
}

.txt_example-wrap>.txt_example>ul, .txt_example-wrap>.txt_example>ol, .txt_example-wrap>div>div {
    margin-bottom: 0;
    background: #fff;
}
.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 .4em 1.5em .6em;
    box-shadow: none;
    border: 0;
    background: #fff;
}
.entry-content ul li::before{top: 0;}
.txt_example li:first-child {margin-top:0;}
.entry-content .txt_example ul li:last-child, .entry-content .txt_example 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: #fc9705;
	color: #fff;
	font-weight: bold;
	}
.entry-content .txt_example p{padding: .5em .5em;margin: 0;background: #fff;}
.entry-content .txt_example p:last-child{    border-radius: 0 0 4px 4px;}
.entry-content ol > li:before{background: #fc9705;border: none;top: -.2em;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: -.1em;}}
@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-bottom:2em 0;}

/* チェックの印 */
.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 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 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;}

.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;}

/* 注意の印 */
.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 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 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 .txt_dragonquest {
    color: #fff;
    border: 6px double #fff;
    background: #464646;
    border-radius: 10px;
    padding: 1em;
}
.entry-content .txt_dragonquest p{ color:#fff;}

/* 索引 */

.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;
}

/* 矢印つきの箇条書き（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: #ff9a02;top: 15px;height: 2.5rem;}


/*【旧式】　箇条書き
- - - - - - - - - - - - -*/
/*
.entry-content ul, .entry-content ol{margin-bottom:5em;}
.entry-content ul li{margin:0;}
.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;}
.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 #333;
    margin-bottom: 5em;
    }
.txt_example-wrap .txt_example{border:none;}
*/

.entry-content .h3_list > div > ol > li::before,.entry-content .h4_list > div > ol > li::before{content:none;}

/* ▼ h3 h4 をolリストに変更 ▼ */

.entry-content .h3_list,.entry-content .h4_list,.entry-content .h3_list ol,.entry-content .h4_list ol{background:transparent;border:none;box-shadow:none;padding:0;}
.entry-content .h3_list > li:before,.entry-content .h4_list > li:before {content:none;}
.entry-content .h3_list p{margin-left:0;}
.entry-content .h3_list p.r-balloon,.entry-content .h3_list p.l-balloon{margin-left: auto;}

/* 数字の表示 */
.entry-content .h3_list {counter-reset: headline3;}
.entry-content .h3_list > li > h3::before{counter-increment: headline3;content: counter(headline3);}
.entry-content .h4_list{counter-reset: headline4;}
.entry-content .h4_list > li > h4::before{counter-increment: headline4;content: counter(headline4);}

@media only screen and (max-width: 480px){.entry-content .h4_list h4::before {line-height: 1.5;}}

.entry-content ul > li > ul > li{text-indent: -.2em;}
.entry-content ul > li > ul > li::before{color: #333;}

.entry-content .h3_list > li,.entry-content .h4_list > li{padding-left:0;}

/* リスト内h3 */
.entry-content .h3_list h3{text-align: left;color: white;margin: 3em 0 1.5em;padding: 0.6em 0.4em 0.4em 0.7em;line-height: 1.8;background: #ff9a02;position: relative;box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;border-radius: 4px;border: 0;}

.entry-content .h3_list h3::before{
    background: 1em .5em #fff;
    font-size: 90%;
    margin: 0 .3em .3em 0;
    display: inline-block;
    color: orange;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 1.25;
}

/* リスト内h4 */
.h4_list h4{
	line-height: 1.5;
    width: 100%;
	position:relative;
	text-align:left;
	color:#fc9705;
	border-bottom: #fc9705 2px solid;
margin: 0 0 1em;
font-size: 130%;
}
.h4_list h4::before{color: #fff;display: inline-block;width: 1.7rem;height: 1.7rem;padding: 3px 0 2px;background: #ff9a02;text-align: center;line-height: 1.3;margin-right: .5em;font-size: 70%;}

/* 検索窓 */
.entry-content .search-box {background: #d0d0d0;padding: 28px;margin: 3.5em 0;position: relative;}
.entry-content .search-box kbd {display: block;padding: 0.5em 3em .5em 1.5em;background: #fff;border: 1px solid transparent;box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);border-radius: 24px;width: calc(var(--center-width) + 38px);}
.entry-content .search-box::after {font-family:"icomoon";content:"\e986";color:#4285f4;position: absolute;right: 45px;top: 33px;}

/*- - - - - - - - - - - - -
　　　　　　 テーブル
- - - - - - - - - - - - -*/
.entry-content table{word-break: break-all;}
.valign-top{vertical-align: top;}
.entry-content table {margin-bottom: 5em;line-height: 1.1;}
.entry-content figure table{margin-bottom:0;}
.entry-content table img.bdr {border:1px solid #333!important;}

/* メディアクエリ */
.entry-content table, .entry-content table p, .entry-content table caption, .entry-content dl, .entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {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 dl,.entry-content dl p,.entry-content table li,.entry-content dl li {font-size: 1.1rem;}}
@media only screen and (min-width: 1081px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p,.entry-content table li,.entry-content dl li {font-size: 1.2rem;}}

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

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

.entry-content table + figcaption{text-align: right;margin-top: .5em;}
.entry-content table + figcaption::before {content: "※";color: #333;margin-right: .2em;}
.entry-content table ol {list-style-type: upper-latin;color:black;border:none;font-size:100%;margin:0;padding:0;}
.entry-content table img{border:0;box-shadow:none;}
.entry-content table code {font-size:110%;}

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

/* thが幅50% */
.width_half th {width:50%!important;}
/* thが幅30% */
.width_half2 th {width:30%!important;}
/* 背景色を黄色に */
.entry-content .bg-yellow {background:rgb(253, 255, 178)}
div.bg-yellow{margin-bottom:5em;padding:1em;}

.entry-content div.bg-yellow h2{margin-bottom:1em;}
.entry-content .bg-yellow h2,.bg-yellow .cate-title {margin-top:0;}
.entry-content .bg-yellow h2{background:#ff9a02!important;color: #fff!important;padding: .5em;border-radius: 0;line-height: 1;margin: 0;}
.entry-content .bg-yellow p:not([class]){margin: 0 1em 2.5em;}

.bg-yellow + p{margin-top:3em;}
/*効率化オタクが実践する 光速パソコン仕事術*/
.kosoku-manga{width:80%;margin: auto; text-align: center;margin-bottom: 3em;}

@media only screen and (max-width: 480px) {
.kosoku-manga{width:100%;}
}

/* ★THとTDのアライン */
.thead-center thead th {text-align:center;}
.th-center tbody th {text-align:center;}
.th-left tbody th {text-align:left;}
.aln_center td, .td-center td {text-align:center;}

/* テーブルのナンバリング */
.numbering-th {counter-reset: numbering-th;}
.numbering-th tbody th{content: counter(numbering-th);text-align: left;}
.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%;
}

/* スクロールするテーブル */
.entry-content figure.wp-block-table{border: 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: #ff9a02;font-size: 80%;top: 2px;}

/* ブログ活動記録のテーブル */
.blog-history th {width:25%!important;}



/*- - - - - - - - - - - - -
　　　吹き出し セリフ フキダシ（※ 新しい吹き出しに完全移行したら消す）
- - - - - - - - - - - - -*/
.bg-line{background: #fffddc;padding: 2em 1em;margin-top:5em;}
.voice {
    margin: 1em 0 1.3em;
    font-size: 0.9em;
}
.voice .icon {
background:transparent;
box-shadow:none;
border:0;
width:19%;
    margin: 0;
    padding: 0;
}
.voice.big .icon {
    width: 23%;
}
.voice .icon .name:before{content:none!important;}

.voice .icon img {
    border-radius: 50%;
width: 80%;
    margin: 0;
    border: 4px solid #f5f5f5;
}
.voice.l .icon {
    float: left;
}
.voice.r .icon {
    float: right;
}
.voice.l .voicecomment {
    float: right;
}
.voice.r .voicecomment {
    float: left;
}
.voice .icon .name {
    font-size: 85%;
}
.voice .voicecomment {
    border: 3px solid #eee;
    background-color: #fff;
    color: #444;
width:80%;
    padding: 2.5%;
    position: relative;
    border-radius: 5px;
    text-align: left;
margin:0;
}
.voice.big .voicecomment {
width:76%;
}
.voice.l .voicecomment:after {
    content: '';
    position: absolute;
    border-right: 10px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    left: -7px;
}
.voice.l .voicecomment:before {
    content: '';
    position: absolute;
    border-right: 8px solid #eee;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    left: -11px;
}
.voice.r .voicecomment:before {
    content: '';
    position: absolute;
    border-left: 8px solid #eee;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    right: -11px;
}
.voice.r .voicecomment:after {
    content: '';
    position: absolute;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    right: -7px;
}

.getty + p, .voice + p {margin-top:3em;}
.shareHtml + .newer-article,.shareHtml + .bg-yellow {margin-top:5em;}

/* 大きなセリフ */
.voice-big{width:auto;position: relative;margin: 3em 0;}
.entry-content .voice-big-comment{width: 48%;background: #fff;border: #000 2px solid;margin: 0;padding: 0.15em 0.4em;position: absolute;line-height: 1.3;top: 15%;right: 2%;font-size: 180%;}
@media only screen and (max-width: 480px) {
.entry-content .voice-big-comment{font-size: 150%;}
}
@media only screen and (min-width: 1080px) {
.entry-content .voice-big-comment{font-size: 3rem;right: 8%;width: 39%;}
}
.entry-content .voice-big img{border:none;box-shadow:none;margin: 0;}

/* 旧・吹き出しのメディアクエリ */

.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;}}


/* 吹き出しの下 */
.voice+p{margin-top:3em}

/* ボックス */
.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;
}


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

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: 950px){kbd kbd.flick,kbd.row kbd,kbd.short_cut kbd{font-size: 60%;}}
@media only screen and (min-width: 951px) {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: .1em .3em .25em .3em;
    position: relative;
    bottom: 2px;
    background: #e1f8fb;
    }
kbd.displayed-text{letter-spacing: .2em;border-bottom: solid 2px #000;font-size: 95%;}

@media only screen and (min-width: 481px) and (max-width: 750px) {kbd.displayed-text{font-size: 100%;}}
@media only screen and (min-width: 751px) and (max-width: 950px){kbd.displayed-text{font-size: 100%;}}
@media only screen and (min-width: 951px) {kbd.displayed-text{font-size: 95%;}}

code{font-family: 'Geo', sans-serif;font-size:110%;color:#ababab;}
a code{color:var(--main-link-color);}
.no-after:after{content:none;}
.txt_example code, .txt_example_01 code, .txt_example_02 code, .txt_example_03 code,.caution code, .reference 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;}

/* 手順を示す */
.howto_order,
.h4_section span.howto_order {border:1px dotted #486877!important;background:#fff;border-radius:0;padding:0.3em 0.2em;margin:0 0.2em;text-align:left;box-shadow:none;color: #000;text-shadow:none;line-height:2.5;float: none;display: inline;
}

/* 単語登録例 */
.tangotoroku {background: whitesmoke;border-radius: 5px;min-height: 10em;border:1px solid #bbbbbb;margin-bottom: 3.5em;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.6);position: relative;}
.tangotoroku .headline {width:100%;margin: 0;padding: .3em;background: #878787;color:#fff;text-align: center;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;}
#content .tangotoroku .headline{letter-spacing: .2em;}
.tangotoroku ul {border: none;box-shadow: none;margin: 0.7em 1em;background: transparent;}
.tangotoroku li {
    border: 1px solid #bbbbbb;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    background-color: #fff;
    border-radius: 3px;
    margin: .5em 1em .5em 2.5em;
    width: 92%;
    padding-left: .5em;
}
.entry-content .tangotoroku li:before {color:#555;display: inline-block;top: -.18em;font-weight: bolder;position: absolute;left: -2.5em;font-size: 130%;}
.entry-content .tangotoroku li.tango-word:before {content:"単語";}
.entry-content .tangotoroku li.tango-sound:before {content:"読み";}

@media only screen and (min-width: 481px) and (max-width: 750px) {.entry-content .tangotoroku li:before {font-size: 140%;top: -.3em;}}
@media only screen and (min-width: 751px) and (max-width: 950px){.entry-content .tangotoroku li:before {font-size: 150%;top: -.3em;}}
@media only screen and (min-width: 951px) {.entry-content .tangotoroku li:before {font-size: 135%;top: -.15rem;left: -4rem;}}

.tangotoroku dl {padding: 1em 0;}
.tangotoroku dt {background: transparent;width: 15%;border: 0;padding: 0 .5em 0 .9em;float: left;display: inline-block;margin: .5em 0 .5em 0;position: relative;top: 2px;}
.tangotoroku dd {width: 81%;float: right;display: inline-block;margin: .2em 1em .2em 0em;padding: .1em .4em;border: 1px solid #bbbbbb;background: white;border-radius: 3px;}

/* テキスト入力中 */
.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;}
}

/* 文字変換デザイン */
.henkan{text-align: left;}
.henkan .henkan-wrap {background: #fff; padding-bottom: 1em;}

.henkan .headline {border-bottom: 3px solid #000;line-height: 1.2;display: inline-block;padding: 0;margin: 1em 0 .1em 2.5em;float: left;font-size: 150%;}
.henkan .henkan-words {
background: #fff;
    border: #a1a1a1 2px solid;
    margin: 0.3em 1em 1em 1em;
    padding: 0;
}

.henkan .henkan-words li {
    font-size:150%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}

.henkan .henkan-words li span {
font-size: 90%;
    color: #787878;
    margin-left: 1em;
    font-weight: normal;
}

.henkan .henkan-words li::before {color: #626068;background: #f3f3ff;border-radius: 0;font-size: 91%;top: 0;left: 0;border: none;margin-right: .3em;line-height: 1.5;position: relative;display: inline-block;transform: scale(1);}

.henkan .henkan-words .word-selected {background: #c9e9ff;border: 2px solid #78afe7;display: block;}
.henkan .henkan-words .word-selected::before {
background:#c9e9ff;
}


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

.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: 21px;font-size: .75rem;margin: 0;border-radius: 2px;}
.entry-content .author-name{font-size:1.1rem;}
.entry-content .author-text{font-size:1rem;}
}

/*- - - - - - - - - - - - -
　　　　　　目次（もくじ）
- - - - - - - - - - - - -*/
#toc_container {
    margin: 5em auto;
    border: 0;
    max-width: 590px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 320px;
    word-wrap: break-word;
    background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );
    background-size: 100% 8px;
    -webkit-text-size-adjust: 100%!important;
    }
#toc_container p.toc_title{background: #fc9705;color: #fff;padding: .5em;}
#toc_container .toc_title::before, #toc_container .toc_toggle a {color:#fff;}
#toc_container .toc_toggle a:hover{color:#fff;}
#toc_container .toc_list{border: 1px solid #DADADA;border-bottom: 1px solid #757575;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);background: #fff;margin: 0;}
#toc_container ul ul{background: transparent;border:0;box-shadow:none;padding-bottom: 0;margin-bottom: 0;padding-top: .3em;}
#toc_container ul ul .toc_number{border-radius: 0;background: none;color: #505050;font-weight: bold;}
#toc_container ul ul .toc_number::before{content:"【";bottom: 0;}
#toc_container ul ul .toc_number::after{content:"】";}

#toc_container .toc_number.toc_depth_1{top: -4px;background: #fc9705;}
#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: 1em;min-height: 1em;}#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;}#toc_container .toc_number.toc_depth_2{top: -2px;}}

#toc_container .toc_number {font-size: 60%;background-color: #505050;min-width: 1.4em;min-height: 1.5em;line-height: 1.8;margin-right: 0em;padding: 0 .6em;position: relative;top: -4px;}

#toc_container a {color: #0698EB;text-decoration: underline;}
#toc_container li li {padding-left: 0;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* 目次（旧式）　*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
nav.index {margin-top: 2em;width:auto;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);border: 1px solid #DADADA;border-bottom: 1px solid #757575;}
nav.index ol{font-size: 95%;border:none;margin:0;box-shadow: none;background:#fff;}
nav.index p{font-size:120%;letter-spacing: 2em;color: #fff;margin:0;padding: 0.3em 0 0 0;background: #fc9705;text-align: center;width:auto;font-weight: bold;}

nav.index p:before {content:"\e9b9";font-family: 'icomoon';color:#fff;}
nav.index ol a{
font-size:100%;
color:#333;
}
nav.index li::before{
    top: -3px;
}
nav.index li li::before{
    top: 0px;
}
nav.index + .bg-yellow,
nav.index + h2 {margin-top:5em;}

@media only screen and (max-width: 480px) {.entry-content nav.index ol > li > ol > li:before{top:0;font-size: .75rem;}}
@media only screen and (min-width: 481px) and (max-width: 780px) {.entry-content nav.index ol > li > ol > li:before{top: 1px;font-size: .9rem;}}
.entry-content ol > li > ol > li:before, .addup ol li ol li:before {
    background: #DFEBFF;
    color: #333;
    content: counter(number);
    font-size: 1rem;
    top: 3px;
}

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

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


/*- - - - - - - - - - - - -
　　　　　　 カテゴリーページ（旧式）
- - - - - - - - - - - - -*/

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

.archive-title {
  font-size: 1.7em;
  margin:0;
  color: #fff;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
  background: #333;
  border: 1px solid #DADADA;
  border-top: 1px solid #757575;
  border-bottom: none;
}
.category_bnr {
margin-bottom:3em;
text-align: center;
background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );    background-size: 100% 8px;
padding: 1em 0;
border: 1px solid #DADADA;
border-top: none;
box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
.category_bnr img {
width: 90%;
margin-bottom: 0.1em;
}
.entry-content .category-list {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 2em 0;
  border: solid 0.5em;
  border-left: none;
  border-right: none;
  box-shadow: none;
  display: table;
}
.entry-content .category-list li {
position:relative;
text-indent: 0;
width: 45%;
display: inline-block;
list-style: none;
margin-bottom: 1em;
background: white;
padding: 0.7em;
background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );    background-size: 100% 8px;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
@media only screen and (min-width: 1060px){.entry-content .category-list li {width:39%;}}
.entry-content .category-list li:nth-child(2n){
margin-left: 1em;
}
.entry-content .category-list a:hover {background:transparent;}
.entry-content .category-list img {max-width: 250px;}
.entry-content .category-list span {
color: white;
    font-size: 100%;
    font-weight: bold;
    background: #333;
background: rgba(0,0,0,.75);
    padding: .7em .2em;
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1.5;
    border: 6px double rgba(255,255,255,.85);
}

.entry-content .category-list li:before{
content:none;
}
.entry-content .category-list li a:hover span{
background:gray;
}
.entry-content .archive-wrap .ga_more p{
text-align:center;
margin:0;
font-size:55%;
}
.category-description{margin-top:3em;}
.adsense-category {
margin-top:7em;
}

.archives-list .entry-title{text-align:left;}

/*- - - - - - - - - - - - -
　　　　　　 関連記事
- - - - - - - - - - - - -*/
.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;}

/*- - - - - - - - - - - - -
　　　　　　 フリック入力のキーボード
- - - - - - - - - - - - -*/
.keyboard-flick-wrap .key-123,.keyboard-flick-wrap .key-abc,.keyboard-flick-wrap .key-aiu,.keyboard-flick-wrap .key-delete,.keyboard-flick-wrap .key-space,.keyboard-flick-wrap .key-enter{font-size: 110%;}
.keyboard-flick-wrap{background:#d3d7dd;padding: 2em .3em;width: 330px;margin: 0 auto;height: 293px;}
.flick-shadow{filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6));height: 323px;padding: .5em;}
.keyboard-flick-wrap td{border:5px solid #d3d7dd;background:#fff;width:20%;height: 55px;font-size: 150%;}
.entry-content .keyboard-flick{text-align:center;margin-bottom: 0;width: 320px;position: relative;top: 0;left: 0;font-size: 90%;}

.keyboard-flick-wrap kbd{font-size:100%}

.keyboard-flick-wrap table{margin: 1.5em 0 0;}

.keyboard-flick-wrap .bg-yellow {background:#ffe700;}
.keyboard-flick-wrap .lighter{background:#e8eaed;}
.keyboard-flick-wrap .darker,.keyboard-flick-wrap .flick-touch {background:#b2b7bf;}
.keyboard-flick-wrap .key-smile{letter-spacing: -.1em;}
.keyboard-flick-wrap .key-smile2{letter-spacing: -.1em;font-size: 115%;}
.keyboard-flick-wrap .key-dots{letter-spacing: -.15em;font-size: 140%;}
.keyboard-flick-wrap .key-dots2 {letter-spacing: -.2em;font-size: 120%;}

.keyboard-flick-wrap .key-delete::before{content:"\e914";font-family: 'icomoon';position: relative;font-size: 100%;margin-left: .4em;}

.keyboard-flick::before,.keyboard-flick::after{font-family: 'icomoon';position: absolute;display: inline-block;}
.keyboard-flick::before{content:"\e915";font-size: 4.5em;color:#fff;filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.6));}
.keyboard-flick::after{font-size: 130%;color:#505050;top: 197px;z-index: 1;}

.rotate-top::before{transform: rotate(0deg);}
.rotate-left::before{transform: rotate(-90deg);}
.rotate-right::before{transform: rotate(90deg);}
.rotate-bottom::before{transform: rotate(180deg);}

.key-u::before{left: 58px;top: -57px;}.key-u::after{content:"う";top: -17px;left: 86px;}
.key-ko::before{left: 122px;top: 0px;}.key-ko::after{content:"こ";top: 48px;left: 149px;}
.key-wo::before{left: 90px;top: 130px;}.key-wo::after{content:"を";top: 174px;left: 113px;}
.key-te::before{top: 22px;left: 93px;}.key-te::after{content:"て";top: 66px;left: 125px;}
.key-ni::before{top: 22px;left: 88px;}.key-ni::after{content:"に";top: 66px;left: 113px;}
.key-me::before {left: 95px;top: 80px;}.key-me::after {content: "め";top: 123px;left: 128px;}
.key-n::before{left: 124px;top: 111px;}.key-n::after{content: "ん";top: 151px;left: 152px;}
.key-kakko::before{top: 77px;left: 89px;}.key-kakko::after{content:"「";top: 120px;left: 105px;}
.key-kakkotoji::before{top: 77px;left: 161px;}.key-kakkotoji::after{content:"」";top: 120px;left: 203px;}

.entry-content .flick-words{list-style: none;display: inline-block;background: transparent;padding: 0;position: absolute;top: 16px;height: 36px;width: 269px;white-space: nowrap;border-right: 2px solid #bdbdbd;}
.flick-words li{font-size: 125%;float: left;position: relative;text-align: center;margin: 0;padding-left: 1em;}
.flick-words li:first-child{padding-left: .4em;}
.flick-words::before{content: '';width: 12px;height: 12px;border: 0px;border-top: solid 2px #444444;border-right: solid 2px #444444;-ms-transform: rotate(45deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);position: absolute;top: 8px;right: -32px;margin-top: -4px;}
.entry-content .flick-words li::before{content:none;}

.entry-content .no-before::before{content:none;}


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

.entry-content dl{text-align: left;width:auto;clear: both;margin: 0 0 5em 0;}
.numbering-dl{
    margin: 0 0 5em 0;
}
.numbering-dl dl{counter-reset: dl;}
.numbering-dl dl{margin:0;}
.numbering-dl dt::before{counter-increment: dl;content: counter(dl);margin: 0;color: #fc9705;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;}
.entry-content dt {display:block;font-weight: bold;margin-top: .7em;margin-bottom: 0;color: #fff;padding: .5em .4em .4em .5em;background: #fc9705;line-height: 1;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.entry-content dt:first-child{margin-top:0;}
.entry-content dd {margin:0;line-height: 1.5;padding: .6em .6em .6em .6em;background: #fff;border: 1px solid #DADADA;border-bottom: 1px solid #757575;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.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;background: none;}

.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;}

.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: .5rem;padding-left: 1.5rem;}
.entry-content dd li::before{color: var(--main-ttl-bg);}
.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 .number-circle {background: #ff9a02;/* box-shadow: 0 0 5em rgba(51, 51, 51, 0.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 .3em;display: inline-block;bottom: .25em;}
.entry-content th .number-circle,.entry-content td .number-circle,.entry-content blockquote .number-circle {background: gray;}
.entry-content dt .number-circle{ bottom: .2em;}
.entry-content b .number-circle {bottom: 0.15em;}
.entry-content .txt_example-wrap .headline .number-circle{background:#fff;color: #ff9a02;}

/*- - - - - - - - - - - - -
　　　　　　 矢印
- - - - - - - - - - - - -*/
.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-align: left;margin-left: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;}


/* notfound */
.search-no-word ul ul {border:0;box-shadow: none;font-size:80%;}

.post-list .entry-content h3{border:none;}

/*- - - - - - - - - - - - -
　　　　　　 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;
}

/* コピーのボタン
------------------------*/

.sns_btn__ul{padding-bottom: 0!important;}
.copy_btn_wrap{background:#505050;padding: 0 .5em 1em;margin-bottom: 2em;}
.copy_btn{display:block;background-color:#f7f7f7;padding:.4em;border-bottom: double 4px #505050;font-weight:bold;font-size: 83%;}
.copy_btn:hover{cursor: pointer!important;color:#505050;background:#fffe60;transform: translate3d(0, -3px, 0);transition: all 0.3s ease-in-out;}
.copy_btn_wrap .copy_btn:before{display:inline-block;position:relative;font-family: 'icomoon';content:"\e9cd";}
.copied{background:#000;color: yellow;}
.copy_btn_wrap .copy_btn.copied::before{content:"\f00c";right:.2em;}


/* ボタン
------------------------*/
/*
.entry-content [class*="btn_sample"],
.entry-content .btn-small{
	display:block;
	margin: 2em 0.5em 2em 0;
	letter-spacing : 0.2em;
	text-align:center;
}
.entry-content [class*="btn_sample"] a,
.entry-content .btn-small a {
	color : #fff ;
	font-size:140%;
	line-height : 1.5 ;
	width: 90%;
min-width:10em;
	letter-spacing: 0;
	text-align:center;
	border-radius: 4px;
     	text-decoration : none ;
	display : inline-block ;
	padding: 0.5em 0.8em;
	position: relative;
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.entry-content [class*="btn_sample"] + p.under_btn { margin-top:-1.5em;}
.entry-content .btn_sample a {
	background:#0698EB;
}
.entry-content .btn-small {margin-bottom:0;}
.entry-content .btn-small a {
font-size:80%;
min-width:5em;
margin-top: 1em;
width: 80%;
}
.entry-content .btn_sample3 a,
.entry-content .btn-small a {
background: #11beae;
border: 1px solid white;
top:1px;
color:#fff;
}

.entry-content .btn_sample3 a:after{
    content: "\f138";
    position: relative;
    top: 1px;
	font-family: "icomoon";
margin-left: .2em;}
.entry-content .btn_sample a, .entry-content .btn_sample2 a, .entry-content .btn_sample3 a {width: auto;}
.btn_sample3 a:hover{background: #ddd;border: 1px solid #DADADA;border-top: 1px solid #757575; box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;}
.entry-content .under_btn {text-align:center; margin-top:-2.5em;font-size:90%;}
.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:" ／";}
.above_btn + [class*="btn_sample"]{margin:0;}
*/

/* 注意書き */
.supplement, [class*=is-style-supplement-]{background: #f7f7f7;border: 1px solid #DADADA;border-top: 1px solid #757575;box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;color: var(--main-text-color);}
.is-style-supplement-memo::before {background-color: var(--main-ttl-bg)}
/* 注意 */
.entry-content .is-style-supplement-normal::before  {color: var(--main-ttl-bg);}

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


/* まとめ */
.addup {
     margin: 7em 0 2em 0;
    clear: both;
}
.addup:before {
content:url(https://yossense.com/images/base/addup_yos03.png);
}
.addup-papanda:before {
content:url(https://yossense.com/images/base/addup_papanda-01.jpg);
}

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

.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;
}
.entry-content .top-section-h3 h3:not([class*=is-style-style]):not(.has-text-color) {background: transparent!important;box-shadow: none;border: 0;margin: 0;padding: 0;border-radius: 0;}
.entry-content .top-section-h3 h3 img{margin-bottom:.3em;width: 100%;}
.top-section-h3 h3 a:hover{background:transparent;}
.top-section-h3 span {text-align: center;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;}



/* トップの最新の記事 */

.related_article {width:100%; position:relative;border-bottom: 1px dotted black;padding-top: .7em;}
.related_article:first-child{border-top:1px dotted black;}
.related_article a {text-decoration: none;padding: 0 .7em; background:transparent!important;}
.entry-content .related_article .thum{
background:transparent;
border: none;
    box-shadow: none;
float: left;
    max-height: 200px;
margin: 0;
}

.entry-content .related_article .thum img {
    margin: 0;
    height: auto;
    width: 150px;
}
@media only screen and (min-width: 480px) {
.entry-content .related_article .thum img{
width:200px;
}
}

.entry-content .related_article .inbox{
width:100%;
margin-top:.5em;
}
.inbox .ttl{
font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.3em;
    color: #444;
    background: transparent;
    box-shadow: none;
    line-height: 1.5;
    padding: 0;
}
.inbox .date{font-size:1em; color: #444;float:left;margin-top:.5em;}

@media only screen and (max-width: 767px){
.inbox .ttl{
    font-size: .9em;
}
.inbox .date{font-size:.8em}
}



/*トップページのリスト*/
.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;}

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


/* - - - - - - - - - - - - -
　　　　　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: 1px solid #DADADA;
border-top: 1px solid #757575;
border-radius: 4px;
     }

.shareHtml + p {
margin-top:3em;
}

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

.entry-content .shareHtml .shareHtml_imgwrap a img {
    backface-visibility: visible;
    position: relative!important
}

.entry-content .shareHtml .shareHtml_title a:after{content: "続きをよむ \f138";font-size: 100%;font-family: 'icomoon';background:#0698EB;color: #fff;position: absolute;left: 1.5em;bottom: 1em;border-radius: 10px;padding: 0.3em 0.8em;border: 2px #fff solid;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.entry-content .shareHtml .shareHtml_imgwrap {margin:0;}
/* はてブマーク */
.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;
background: linear-gradient( to bottom, #f5ffff, #f5ffff 50%, #f4f8ff 50%, #f4f8ff );
    background-size: 100% 8px;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
.entry-content .shareHtml_title a:hover {
background:#f1f1f1;
}
.entry-content .shareHtml_title a:before {font-family:icomoon;content: "\e9cb 合わせて読みたい";position: absolute;top: -0.8em;left: 5%;line-height:1.2;background: #fc9705;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;
}}

.getty + p, .voice + p, .voice+.shareHtml {margin-top:3em!important;}
.shareHtml + .newer-article,.shareHtml + .bg-yellow {margin-top:5em;}

/* 次の記事 */
.entry-content .newer-article{width:100%;border: var(--main-link-color) solid 5px;border-left: var(--main-link-color) solid 6em;position:relative;margin-bottom: 5em;}
.entry-content .newer-article::before{content: "次の記事";font-family: "icomoon";position: absolute;font-weight: bold;top: 2.2rem;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 ul.newer-article li::before{content:none;}
@keyframes check{0%,100%{opacity:1}50%{opacity:0}}

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


/* 広告領域 */


/* 記事内 */
.ad-inside{margin:5em 0 3.5em;}
iframe {max-width: 100%;margin-bottom: 3.5em;}
iframe.wp-embedded-content{width: 100%;}
.tags { margin: 0; }
.entry-content p a img, .entry-content li a img, .no_bdr {border: none;margin: 0;}
.ad-inside{margin:5em 0 3em;}
.adgame{text-align: center;padding: 1em 0;}
.entry-content .adgame p{text-align: center;margin:0;}
.double-ads {
position:static;
text-align:center;
}
.double-ads-l,.double-ads-r{margin-bottom:1em;}
.ads-more {margin:1em 0;}
.ads-bottom{margin-top:5em;}
@media only screen and (min-width: 705px) and (max-width: 767px) {.double-ads-l{float:left;}.double-ads-r{float:right;}}
@media only screen and (min-width: 768px) and (max-width: 1126px) {.double-ads-l,.double-ads-r{float:none;}}
@media only screen and (min-width: 1151px) {.double-ads-l{float:left;}.double-ads-r{float:right;}}
@media only screen and (min-width: 1170px) {.double-ads{padding:1.5em;}}

.ad-infeed{border-bottom: 1px dotted #999;margin-bottom:1em;padding-top: 1em;}
.add .widget_text,
.add.more{
text-align:center;
font-size:0.95em;
}
.add a[target="_blank"]:after{
content:none;
}
.add .widget img{
margin:0;
}
.entry-content .add .widget{
margin:2em 0;
}
.entry-content .add.titleunder .widget{
margin-top:0;
}

/* 自動広告 */
.google-auto-placed{margin-bottom: 3.5em;}

/*アドセンス（リンクユニット）*/
.add-link{ padding: 1.5em;}

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

.yossense_pc_anchor-inner div {position:absolute;bottom:0;left: 0;}

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

/* フキダシのCSS　*/

.entry-content [class*="-balloon"],#single_foot [class*="-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;
}

.bg-line-singlefoot{text-align:left;background: rgb(253, 255, 178);padding:0 1em;margin-bottom:5em;}
.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 [class*="-balloon"]::before,#single_foot [class*="-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 [class*="-balloon"],#single_foot .bg-line [class*="-balloon"]{color: #000;border-radius: 25px;padding: 1em;margin-top: 1em;margin-bottom: 4em;}
.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 [class*="-balloon"]::after,
#single_foot [class*="-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{font-size:130%;}

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

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

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

.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.07rem;line-height:1.4;padding: .6em;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.07rem;line-height: 1.6;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.09rem;line-height: 1.6;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.21rem;line-height: 1.7;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.35rem;line-height: 1.7;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.47rem;line-height: 1.8;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.2rem;line-height: 1.6;}}
@media only screen and (min-width: 1081px){.entry-content [class*="-balloon"],#single_foot [class*="-balloon"]{font-size: 1.3rem;line-height: 1.7;}}

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

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

.yuko::after {background-image:url(../../../wp-content/uploads/2023/03/yuko-normal.png);}

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

.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/09/someone-01.png);}

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

.wife::after {background-image:url(../../../wp-content/uploads/2023/02/wife-normal.png);}
.husband::after {background-image:url(../../../wp-content/uploads/2023/02/husband-normal.png);}
.kid::after {background-image:url(../../../wp-content/uploads/2023/02/kid-normal.png);}

.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;}

.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 b,
.entry-content .blackboard ul b,
.entry-content .blackboard ol b {
    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: 20px;
    height: 20px;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.57);
content: " ";
display: block;
border-radius: 50%;
top: .2em;}
.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 b .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%);}

/* 引用 */
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 .quoted {text-align: right;width: auto;margin: 0 0 5em 1em;}
.entry-content .quoted:before {content:"※ ";}
.entry-content blockquote +  p:not([class]) {margin-top:3em;}

.entry-content blockquote {
    padding-top: 7%!important;
}
blockquote:not([class*=-embed]):not(.is-style-large)::before, blockquote:not([class*=-embed]):not(.is-style-large)::after {
    font-size: 250%;
}
q:before {content:none;}
q:after {content:none;}
.twitter-tweet {margin-bottom:3em!important;margin: 0 auto;}

.entry-content blockquote ul li:before{color: #cccccc;}
.entry-content blockquote ol li:before{background: #777777;color:#fff;}
.entry-content blockquote ul,
.entry-content blockquote ol {margin: 0;background: transparent;border: none;box-shadow: none;}

/* ボタン */

.area-button{margin: 1em 0 4em;}
.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:5em;}
.area-button .wp-block-buttons>.wp-block-button{margin-bottom:0;}

/* ボタン（メディアクエリ）　*/
.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';content: "\f138";margin-left: 0.3em;position: relative;top: 1px;}
.btn-wrap a, .wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color){background-color: #11beae;border-color:#fff;}
.youtube a{background-color:#cc181e!important;}


/* ボタン内Aタグ（メディアクエリ）　*/
.wp-block-button.is-style-fill .wp-block-button__link {width: 90%;min-width: 14em;padding: .8em .5em .8em 3.5em;background: url(../../../wp-content/uploads/2023/06/button-yos-01.webp) 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%);
}
.is-style-fill.amazon a{color: #3a4d66;background-color: #ffc266!important;border: #3a4d66 solid 3px!important;}
.wp-block-buttons+ ul{background:transparent;padding:0;line-height:1.1;display: inline-block;}

.area-button ul{background:#fff;box-shadow:none;border:0;}
.entry-content .btn-twitter a span:before {
    font-family: 'icomoon';
    margin-right: 3px;
    top: 3px;
    content:"\e611";
  left: 5px;
}
 
/*-------------------------------------------------*/
/* カエレバ */
/*-------------------------------------------------*/
.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 .kaerebalink-image img:first-child {
  border: 1px solid #DADADA!important;
  border-bottom: 1px solid #757575!important;
  margin:0 15px 10px 0;
}

.kaerebalink-box a img{border: 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;
	font-size: 135%;
}

@media only screen and (max-width: 480px){.kaerebalink-name{font-size:100%;}}

.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;}

@media only screen and (max-width: 480px){.kaerebalink-link1 > div{margin: .5em auto!important;}}

/* 楽天・Amazonボタン */
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shopofficial {
display:inline-block!important;max-width: 180px;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;}
.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;
}
}

/*カエレバ改造（Amazonセール・楽天セール）*/
/* ★ 
.booklink-box::before,
.kaerebalink-box::before {
   content: "【1/15まで】楽天でセール中!";
    background: #ce000d;
    color: #fff;
    text-align: center;
    padding: .3em;
    font-size: 140%;
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
  animation: sale 2s linear infinite;
}
@keyframes sale{
  50%{
    opacity: 0;
  }
}
 ★ */


/* 音声データ */
.wp-audio-shortcode{margin-bottom: 5em;}

/* - - - - - - - - - - - - -
 記事下領域
- - - - - - - - - - - - -*/
.fb-likebtn{margin-bottom:2em;}
#related-box, #np-post, .ad-list-bottom,.ad-list {
    padding: 4% 5% 1%;
    margin-bottom: 2%;
    border: solid 5px #eee;
}

#np-post {
    margin: 3% 0 2.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
}

@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 0
}

.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: #fc9705;
    font-size: 120%;
    border-bottom: 3px solid #fc9705;
    font-family: icomoon;
    padding-bottom: .1em;
    display: block;
    margin-bottom: 1em;
    font-weight: 700
}

.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
}

.h_ttl {
    font-size: 170%;
    color: #fc9705;
    border-bottom: 3px solid #fc9705;
    margin-top: 0;
}
.fb-likebtn .h_ttl{color:#fff;border-color:#fff;}

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* BEFORE のアイコン画像 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* すべてのアイコン */
span:before {font-family:'icomoon';position: relative;bottom: -0.16em;}
.icon_tab {
font-size: 90%;
padding: 3px 5px;
border-radius: 3px;
margin: 0 0.3em;
border:1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.65, #c7c7c7), color-stop(0.29, #fff));
background: -webkit-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -moz-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -o-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -ms-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: linear-gradient(to bottom, #fff 28%, #c7c7c7 65%);
}

/* ヨス画像 */
.icon_yos:before{content: "\e910";}

/* クローム 画像 */
.icon_chrome:before {
content: url(https://yossense.com/images/article/icon_chrome.gif);
margin: 0 .2em;
}
	/* BetterTouchTool 画像 */
.icon_bettertouchtool:before {
    content: url(https://yossense.com/images/article/icon_bettertouchtool.gif);
}
/* MouseGestureL */
.icon_mousegesturel:before {
content: url(https://yossense.com/images/article/icon_mousegesturel.gif);
}
/* 新・MouseGestureL */
.icon_mousegesturel_new:before {
content: url(https://yossense.com/images/article/icon_mousegesturel_new.gif);
}
/* YouTube */
.icon_youtube:before {
content: "\ea97";
    color: #cc181e;
    margin: 0 .2em 0 0.3em;
    top: .1em;
}
/* WordPress */
.icon_wordpress:before {
content:"\e629";
color:#23282d;
font-size:83%;
margin: 0 0.1em 0 0.2em;
}
/* FACEBOOK */
.icon_facebook:before {
content: "\ea8d";
    color: #3b5998;
    font-size: 86%;
    margin: 0 0.3em 0 0.2em;
    bottom: -1px;
}
/* Twitter */
.icon_twitter:before {
content:"\e611";
color:#00b0ed;
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}

/* YouTubeのアイコン */
.icon_youtube:before{
content: "\ea97";
    color: #cc181e;
    margin-right: 0.2em;
}

/* Google ドライブ のアイコン画像 */
.icon_googledrive:before {
content: url(https://yossense.com/images/article/icon_googledrive.gif);
    margin-right: 0.2em;
}
/* Evernoteのアイコン画像 */
.icon_evernote:before {
content: url(https://yossense.com/images/article/icon_evernote.gif);
}
/* Dropboxのアイコン画像 */
.icon_dropbox:before {
content: url(https://yossense.com/images/article/icon_dropbox.gif);
}
/* RTMのアイコン画像 */
.icon_rtm:before {
content: url(https://yossense.com/images/article/icon_rtm.gif);
}
/* ダウンロードのアイコン画像 */
.icon_downloads:before {
content: url(https://yossense.com/images/article/icon_downloads.gif);
}
/* デスクトップのアイコン画像 */
.icon_desktop:before { content: url(https://yossense.com/images/article/icon_desktop.gif);
}
/* LINE */ .icon_line:before { content:"\e009";color:#25af00;font-family: 'icomoon';margin: 0 0.1em 0 0.2em;bottom: -1px;}
/* Google plus */ .icon_googleplus:before {content:"\ea89";color:#df4a32;font-family: 'icomoon';margin: 0 0.1em 0 0.2em;bottom: -1px;}
/* note */
.icon_note:before {
content:"\e900";
color:#41c9b4;
font-family: 'icomoon';
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}
/* スカイプアイコン */
.icon_skype:before {
content:"\e636";
color:#00AAF0;
font-family: 'icomoon';
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}
/* DeamWeaver アイコン */
.icon_dreamweaver:before {
content: url(https://yossense.com/images/article/icon_dreamweaver.gif);
}
/* Potoshop アイコン */
.icon_photoshop:before {
content: url(https://yossense.com/images/article/icon_photoshop.gif);
}
/* イラストレーター アイコン */
.icon_illustrator:before {
content: url(https://yossense.com/images/article/icon_illustrator.gif);
}
/* PDF拡張子 アイコン */
.icon_pdf:before {
content: url(https://yossense.com/images/article/icon_pdf.gif);
}
.icon_extension:before {
content: url(https://yossense.com/images/article/icon_extension.gif);
}
/* Keyconfigのアイコン画像 */
.icon_keyconfig:before {
content: url(https://yossense.com/images/article/icon_keyconfig.gif);
}
/* スピードダイアルのアイコン画像 */ .icon_speeddial:before {content: url(https://yossense.com/images/article/icon_speeddial.gif);}
/* 英辞郎 */ .icon_eijiro:before {content: url(https://yossense.com/images/article/icon_eijiro.gif);}
/* GetTabInfo */ .icon_gettabinfo:before {content: url(https://yossense.com/images/article/icon_gettabinfo.gif);padding: 0 0.4em;}
/* Evernote Web Clipper */ .icon_webclipper:before { content: url(https://yossense.com/images/article/icon_webclipper.gif);}
/* フォルダ アイコン */
.icon_folder:before { content: url(https://yossense.com/images/article/icon_folder.gif);}
/* ショートカットフォルダのアイコン */ .icon_shortcut:before { content: url(https://yossense.com/images/article/icon_shortcut.gif);
}
/* ウインドウマーク画像 */ .icon_window:before { content: url(https://yossense.com/images/article/icon_window.gif);
}
/* メモ帳 画像 */ .icon_notepad:before {content: url(https://yossense.com/images/article/icon_notepad.gif);}
/* テラパッド画像 */ .icon_terapad:before {content: url(https://yossense.com/images/article/icon_terapad.gif);}
/* TXT 拡張子 画像 */ .icon_txt:before {content: url(https://yossense.com/images/article/icon_txt.gif);}
/* ZIP 画像 */ .icon_zip:before {content: url(https://yossense.com/images/article/icon_zip.gif);
}
/* イメージ 拡張子 画像 */ .icon_img:before {content: url(https://yossense.com/images/article/icon_img.gif);}
/* google adwords 画像 */ .icon_adwords:before {content: url(https://yossense.com/images/article/icon_adwords.gif);padding-top:3px;}
/* アナリティクス */ .icon_g-analytics:before {content: url(https://yossense.com/images/article/icon_g-analytics.gif);}
/* google 日本語入力 画像 */ .icon_gnihon:before {content: url(https://yossense.com/images/article/icon_googlenihongo.gif);}
/* Procreate 画像 */ .icon_procreate:before {content: url(https://yossense.com/images/article/icon_procreate.gif);}
/* PhraseExpress */ .icon_phraseexpress:before {content: url(https://yossense.com/images/article/icon_phraseexpress.gif);}
/* TextExpander */ .icon_textexpander:before {content: url(https://yossense.com/images/article/icon_textexpander.gif);}
/* IE 画像 */ .icon_ie:before {content: url(https://yossense.com/images/article/icon_ie.gif);}
/* クローム設定 画像 */ .icon_chromesetting:before {content: url(https://yossense.com/images/article/icon_chromesetting.gif);padding-top:3px;}
/* Gメール設定 画像 */ .icon_gmail:before {content: url(https://yossense.com/images/article/icon_gmail.gif);padding-top:3px;}
/* Firefox 画像 */ .icon_firefox:before {content: url(https://yossense.com/images/article/icon_firefox.gif);}



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


/* 【旧式】ボタン 
/*-------------------------------------------------*/
.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;
	border: 5px solid white;
	background: url("../../../wp-content/uploads/2023/06/button-yos-01.webp") 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: #0698EB;
}
.entry-content .btn_sample2 a {
    background-color: #CC181E;
    top: 1px;
}
.entry-content .btn_sample2 a:after {
    content: "\ea97"!important;
}

.entry-content .btn_sample3 a,
.entry-content .btn-small a {background-color: #11beae;top:1px;
color:#fff;}
.entry-content .btn_sample a:after,
.entry-content .btn_sample2 a:after,
.entry-content .btn_sample3 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 [class*="btn_sample"] 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 [class*="btn_sample"]+.under_btn{position: relative;}
.entry-content div.under_btn p{font-size:95%;}
.entry-content [class*="btn_sample"] + p.under_btn {margin-top: -1.8em;}
.entry-content .under_btn + p {margin-top:3em;}
.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 {color:#3a4d66;background-color:#ffc266;border: #3a4d66 solid 5px;}
/* 楽天 */
.entry-content .rakuten a {color:#fff;background-color:#bf0201;border: #fff solid 3px; }
/* Apple */
.entry-content .apple a,.is-style-fill.apple a {color:rgba(0,0,0,0.8);background-color:#fff!important;border: rgba(0,0,0,0.8) solid 5px!important;}
/* Google Play*/
.entry-content .googleplay a,.is-style-fill.googleplay a {color:#689f38;background-color:#fff!important;border: #689f38 solid 4px!important;
}
.is-style-fill.apple + .is-style-fill.googleplay{margin-top:-3.8em;}

/* パソコンの画面 UL */
.pc-display{background:#f0f0f1;display: table;width: 100%;border: 1px solid #DADADA;border-bottom: 1px solid #757575;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.pc-display{height: 14em;font-size: .9em;}
@media only screen and (min-width: 681px){.pc-display{height: 20em;font-size: 1.2em;}}
.pc-display figcaption{display:block;width:100%;}
.pc-display samp{color:#fff;}
.entry-content .displayed-side ul,.entry-content .displayed-side-hover ul {background:transparent;border:none;color:#fff;padding: 0;margin: 0 0 0 .5em;box-shadow: none;}
.entry-content .displayed-side li,.entry-content .displayed-side-hover li {margin:0;padding:0;line-height:2;text-indent: 0;}
.entry-content .displayed-side li::before,.entry-content .displayed-side-hover li::before {content:none;}
.entry-content .displayed-side li{padding-left: 30px;}
.entry-content .displayed-side-hover li{padding-left: 30px;}
.displayed-side{background:#000;display: table-cell;padding: 15px 35px 15px 0px;position: relative;width: 45%;height: 12em;}
.entry-content li.selected{border: 4px red solid;text-indent: -4px;}
.entry-content li.selected samp{color:#7aa8da;}
.entry-content li.selected::before{position: absolute;content: "";width: 8px;height: 3em;background: #7aa8da;}
.entry-content .displayed-side li.selected::before{left: -1px;top: -.5em;}
.entry-content li.selected::after{color: red;font-size: 140%;background: #fff;right: -0.9em;top: 0.3em;width: 2.5em;height: 2.5em;line-height: 2.5em;font-weight: bold;display: block;text-align: center;border-radius: 50%;position: absolute;transform: scale(0.7);z-index: 1;box-shadow: #000 0px 0px 6px 4px;}
.entry-content .displayed-side li.selected::after{content: "1";}
.entry-content .displayed-side-hover li.selected::after{content: "2";}
	.entry-content .displayed-side-hover li.selected::before{left: -1px;top: -.5em;}
.displayed-side-hover{background: #333434;color: #fff;width: auto;position: relative;top: 58px;padding: 15px 35px 15px 10px;height: 10em;}
.displayed-side-hover::before{transform: rotate(135deg);-webkit-transform: rotate(135deg);position: absolute;content: "";top: 15px;left: -7px;width: 13px;height: 13px;background: #333434;z-index: 2;}
.displayed-main{display: table-cell;padding: .5em;}


/* メディアクエリ（小さめの文字） */
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.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;}}


/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* サイドバー */
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/

.widgettitle{
    font-size: 170%;
    color: #fc9705;
    border-bottom: #fc9705 3px solid;
    margin-bottom: 0.5em;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: center;
    background: transparent;
    padding: 0;
    }
.widgettitle::before{content:none;}

.widgettitle:first-child{margin-top:0;}
.widget_text{padding:0;}

.profile-yos-img {
    margin: 0 0 0.6em 0;
    border: 0;
    width: 50%;
    box-shadow: none;
    float: left;
}
.profile-yos-list {
    padding: 0;
    float: right;
    margin: -4px 0 0 0;
    width: 45%;
}
.profile-yos-list li a {color: #fff;width: 100%;font-size: 115%;text-decoration: none;line-height: 1.9;padding-left: 0.5em;display: inline-block;text-align: left;margin-bottom: .5em;}
.profile-yos-list .profile-twitter a{
    background: #55acee;
}
.profile-yos-list .profile-twitter a span:before {
font-family:icomoon;
    content: "\e611";
    left: 5px;
}
.profile-yos-list .profile-facebook a{
    background: #315096;
}
.profile-yos-list .profile-facebook a span:before{
font-family:icomoon;
    content: "\e60d";
    left: 3px;
    margin-right: -0.1em;
}
.profile-yos-list .profile-twitter a:hover,.profile-yos-list .profile-facebook a:hover{
background:gray; color:#fff;}

.widget .author-button a {
font-weight:bold;
  color:#fc9705;
  font-size: 110%;
  line-height: 2;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 0.5em 0;
  position: relative;
  border:#fc9705 1px solid;
}
.author-button a:after {
content:"\f138";
  font-family: 'icomoon';
  margin-left: 0.3em;
    position: relative;
    top: 1px;
}
.widget .author-button a:hover {
	background:#fc9705;
	box-shadow: none;
color:#fff;
}

/* 金銀銅の背景 */

.entry-content .bg-gold td{
background: #f7eea8; /* Old browsers */
background: -moz-linear-gradient(top,  #f7eea8 0%, #fffdf4 50%, #f7eea8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7eea8 0%,#fffdf4 50%,#f7eea8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7eea8 0%,#fffdf4 50%,#f7eea8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eea8', endColorstr='#f7eea8',GradientType=0 ); /* IE6-9 */
}

.entry-content .bg-silver td{
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 50%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.entry-content .bg-copper td{
background: #e8dda0; /* Old browsers */
background: -moz-linear-gradient(top,  #e8dda0 0%, #fffdf4 50%, #e8dda0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8dda0 0%,#fffdf4 50%,#e8dda0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8dda0 0%,#fffdf4 50%,#e8dda0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8dda0', endColorstr='#e8dda0',GradientType=0 ); /* IE6-9 */
}

.entry-content .bg-gold img,.entry-content .bg-silver img,.entry-content .bg-copper img, .entry-content .bg-ranking-others img{max-width: 200px; margin:0;}

/* チェックマーク */	
.entry-content .checkMark::before {font-family: 'icomoon'; content:"\ea10";margin-right: 0.5em;}


/*--------------------------------------
  ホテル・旅行
--------------------------------------*/
.entry-content .AfHotels {position:relative;margin-top: 5em;}
.entry-content .AfHotels a::after{content:none;}
.entry-content .AfHotels ul{width:100%;padding: 1.5em .5em .5em;margin-top: 0;border:0;box-shadow:none;}
.entry-content .AfHotels li{list-style:none;position:relative;text-indent: 0;border-bottom: solid darkgrey 1px;height: 80px;margin-bottom: .8em;}
.entry-content .AfHotels ul li:before{content:none;}
.entry-content .agoda {width:100%;}
.entry-content .hotels {width:100%;}
.entry-content .booking {width:100%;}
.entry-content .veltra {width:100%;}
.entry-content .AfHotels li::after{position:absolute;font-size: 70%;top: 0;left: 0;} 
.entry-content .agoda::after{content:"最低価格保証。より安いサイトがあれば差額返金!";}
.entry-content .booking::after{content:"宿泊費は現地払い。キャンセル料無料のホテル多数。";}
.entry-content .hotels::after{content:"10泊ポイントを貯めると1泊無料!";}
.entry-content .veltra::after{content:"「現地ツアー」に特化したサイト";}
.entry-content .rakuten-travel::after{content:"楽天ポイントが貯まる・使える";}
.entry-content .jalan::after{content:"dポイント・Pontaが貯まる";}
.entry-content .AfHotels a:hover{background:none;}
.entry-content .AfHotels li a:nth-child(2){
 color: #fff;
 font-weight:bold;
 font-size: 90%;
 line-height: 1.5;
 width: auto;
 min-width: 10em;
 letter-spacing: 0;
 text-align: center;
 border-radius: 4px;
 text-decoration: none;
 display: inline-block;
 padding: .4em .6em;
 border: 1px solid #DADADA;
 border-bottom: 1px solid #757575;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 background: #11beae;
 position: absolute;
 right: 0;
 bottom: 10px;
 }
.entry-content .addup .AfHotels li a:nth-child(2){font-size: 70%;}
.entry-content .AfHotels li a:hover:nth-child(2){background:gray;}
.entry-content .AfHotels li img:not([height="1"]){width: 130px;border: 0;box-shadow: none;bottom: 4px;position: absolute;}
.entry-content .AfHotels li:last-child{border:none;margin-bottom:0;}
.entry-content .AfHotels .headline {background: #a9a9a9;color: #fff;margin: 0;font-size: 95%;display: inline-block;padding: .2em.7em;border-radius: 20px;font-weight: bold;position: absolute;left: .5em;top: -1em;z-index:1;}
.entry-content .AfHotels .headline::after{position: absolute;border-top: .5em solid #a9a9a9;border-right: .5em solid transparent;border-left: .5em solid transparent;content: '';top: 2em;left: 1em;}



/* - - - - - - - - - - - - -
　　　お問い合わせフォーム 
- - - - - - - - - - - - - */

.entry-content form dt{background: transparent;color: #fc9705;border-bottom: #fc9705 3px solid;box-shadow: none;margin-top:1em;padding: 0;}
.entry-content form dt::before{content:"■";}
.entry-content form dd{background: transparent;border:none;box-shadow: none;}

.entry-content form dt p{margin:0;display:inline;}
.wpcf7-validation-errors,
.wpcf7-response-output,
.wpcf7-not-valid-tip {color:#fff;background:#e50a1b;padding:.5em;}
.entry-content .screen-reader-response ul{background:none;box-shadow:none;border:none;color: red;}
.wpcf7-mail-sent-ok {color:#fff;background:#0698EB;padding:.5em;}
.screen-reader-response:empty{background:transparent;}
.wpcf7-list-item {display:block;}

.wpcf7-response-output:empty {background:transparent;}

input[type="checkbox"], input[type="radio"] {
margin-right: .5em;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    bottom: .1em;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/*--------------------------------------
  オレンジメール
--------------------------------------*/
.merumaga {border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
margin-top:3em;}
.merumaga,
.merumaga td{
    color: #000;
    font-weight: normal;
    font-size: 110%;
    padding: .5em;
    text-align: center;
background:#fdffb1;
    border: none;
}
#sidebar1 .merumaga{margin-top:0;}
.widget.widget_text .OM_top img{margin:0;}
.merumaga input[type="text"]{    width: 100%;
    padding: 10px 2%;
    margin: .3em .5em;}
.merumaga .OM_top {background:#fc9607;color:#fff;    font-size: 150%; font-weight: bold;}
.merumaga .OM_center{}
.merumaga .OM_bottom{font-size:65%;}
#main .OM_mail2{width:100% !important;}
#main .OM_submit input[type="submit"]{background:#11beae !important;}