@charset "UTF-8";
/* AFFINGER5 → SWELL 移行用 互換CSS（機械生成・手で編集しないこと）
   生成: 2026-08-22 / deaikei-compat/css.py
   取り込み元: style.css / st-themecss-loader.php / st-rankcss.php
   ※ 動的CSSは生成時点の配色で固定されている。AFFINGER のカスタマイザーで色を
     変えても追随しないので、色を変えたいときはこのファイルを直接編集する。 */


/* ===== style.css ===== */
.usermark2:before{content: "\f2bd"; font-family: FontAwesome; margin-right:7px;}
.memomark2:before{content: "\f044"; font-family: FontAwesome; margin-right:7px;}
.checkmark2:before{content: "\f058"; font-family: FontAwesome; margin-right:7px;}
.fa-question-circle, .fa-check-circle, .fa-exclamation-triangle, .fa-exclamation-circle, .fa-pencil-square-o, .fa-user, .st-svg-biggner:before{margin-right:7px;}
.clip-fonticon .fa-question-circle, .clip-fonticon .fa-check-circle, .clip-fonticon .fa-exclamation-triangle, .clip-fonticon .fa-exclamation-circle, .clip-fonticon .fa-pencil-square-o, .clip-fonticon .fa-user, .clip-fonticon .st-svg-biggner:before{margin-right: 0;}
.scroll-box img[width="1"]{position:static;}
.is-style-st-photoline img, .photoline img{border: solid 1px #ccc;}
.is-style-st-photohu, .st-photohu{background:#fff; border:1px solid #ccc; padding:10px 10px 20px; margin-bottom:20px; box-shadow: 0 10px 8px -6px #bebebe; display: inline-block; max-width:100%; box-sizing: border-box;}
.st-photohu p.wp-caption-text{margin-bottom:-10px;}
.st-photohu div img, .is-style-st-photohu{margin-bottom:5px; border:1px solid #ccc;}
.st-timeline .st-cardbox{border: none; box-shadow: none; padding: 0;}
.st-timeline > li .st-cardbox.kanren{background-color: transparent; margin-bottom: 10px; margin-top: 0!important;}
.st-timeline .st-cardbox .st-cardbox-label-text{display: none;}
.st-timeline .st-cardbox:hover{box-shadow: none; opacity:0.8;}
.post .st-timeline p.cardbox-more{display: inline-block;}
.st-step-box{position: absolute; left: -5px; display:block;}
.st-step{position: relative; display: inline-block; margin: 0 15px 0 0; padding: 5px 7px; width: 50px; height: 50px; vertical-align: middle; text-align: center; color: #FFF; font-size: 13px; background: #ccc; box-sizing: border-box; line-height:18px;}
.st-step:before{content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 13px solid #ccc; z-index: 0;}
.st-step .step-arrow{content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 13px solid #70a6ff; z-index: 0;}
.st-step-no{font-size:150%; font-weight: bold;}
.st-step-title{position: relative; font-size:20px; line-height:30px; font-weight:bold; padding: 10px 10px 10px 65px; background:#fff; margin-top:30px;}
.st-step-title .st-step{font-weight:normal;}
.st-in-mybox .st-point, .st-point{position: relative; display:flex; align-items: center; line-height: 1.5; padding-left: calc(2em + 20px); margin-bottom: 20px;}
.st-back-btn .fa{margin-right: 5px;}
.st-copyurl-btn .fa{margin-right: 5px;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
.post-card-list .post-card-title:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t){padding: 0 !important; border-bottom: 0; background: none; color: inherit; text-align: left;}
.post-card-date .fa, .post-slide-date .fa{margin-right:5px;}
.st-header-flextitle .fa{margin-right:7px;}
p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, #topnews .clearfix dd p, .post ul li, .post ol li, #comments #respond, #comments h4, .post h5, .post h6{font-size: 18px; line-height: 30px;}
h2:not(.st-css-no2), .h2modoki{font-size: 20px; line-height: 27px;}
.post h3:not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki, .st-step-title{font-size: 19px; line-height: 27px;}
.post h4:not(.st-css-no2):not(.point):not(.rankh4), .h4modoki{font-size: 17px; line-height: 26px;}
.blog_info .fa{margin-right:4px;}
#side .blog_info .fa{margin-right: 3px;}
h2:not(.st-css-no2), .h2modoki{background: #f3f3f3; color: #1a1a1a; margin: 20px 0; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.post h4:not(.st-css-no2):not(.point):not(.rankh4), .h4modoki{padding: 10px 15px; margin: 20px 0; background-color: #f3f3f3;}
.h2modoki, .h3modoki, .h4modoki, .h5modoki, .st-step-title{font-weight: bold;}
.post .blogbox .fa, #st-header-post-under-box.st-header-post-data .blogbox .fa{margin-right: 5px;}
.kanren .no-thumbitiran h3{margin-bottom:0px; font-size:18px; line-height:27px; padding:5px 0 0;}
.huto{font-weight:bold;}
.hutoaka{font-weight:bold; color:#ff3333;}
.st-aka{color:#ff3333;}
.oomozi{font-size: 150%; line-height: 1.4; font-weight: bold;}
.ymarker, .ymarker-s, .gmarker, .gmarker-s, .rmarker, .rmarker-s, .bmarker, .bmarker-s{font-weight:bold;}
.ymarker{background:#FFF9C4;}
.ymarker-s{background:linear-gradient(transparent 70%,#FFF9C4 0%);}
.gmarker-s{background:linear-gradient(transparent 70%,#EEEEEE 0%);}
.rmarker{background:#ffcdd2;}
.rmarker-s{background:linear-gradient(transparent 70%,#ffcdd2 0%);}
.bmarker{background:#E1F5FE;}
.bmarker-s{background:linear-gradient(transparent 70%,#E1F5FE 0%);}
.yellowbox{padding:20px; background-color:#ffffe0; margin-bottom:20px;}
.yellowbox:not(.noborder){border:solid 1px #fffacd;}
.redbox{margin-bottom: 20px; padding: 20px; background-color: #ffebee;}
.redbox:not(.noborder){border: solid 1px #ef5350;}
.graybox{margin-bottom: 20px; padding: 20px; background-color: #fafafa;}
.graybox:not(.noborder){border: solid 1px #ccc;}
.post .yellowbox .maruck, .post .yellowbox .maruno, .post .yellowbox p:last-child, .post .yellowbox ol:last-child, .post .yellowbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child{margin-bottom:0; padding-bottom:0;}
.post .graybox .maruck, .post .graybox .maruno, .post .graybox p:last-child, .post .graybox ol:last-child, .post .graybox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child{margin-bottom:0; padding-bottom:0;}
.post .redbox .maruck, .post .redbox .maruno, .post .redbox p:last-child, .post .redbox ol:last-child, .post .redbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child{margin-bottom:0; padding-bottom:0;}
.post .freebox .maruck, .post .freebox .maruno, .post .st-mybox .maruck, .post .st-mybox .maruno{margin-bottom:0; padding-bottom:0; padding-top: 10px;}
.post .freebox ul:not(.toc_list):not(.st_toc_list):not(.slick-dots):not(.st-pvm-nav-list):last-child, .post .st-mybox ul:not(.toc_list):not(.st_toc_list):not(.slick-dots):not(.st-pvm-nav-list):last-child, .post .freebox ol:not(.slick-dots):last-child, .post .st-mybox ol:not(.slick-dots):last-child{margin-bottom:0; padding-bottom:0; padding-top: 0;}
.pop-box.kanren{margin-top:40px;}
.kanren.pop-box dl:last-child{margin-bottom: 0px;}
#footer .pop-box.kanren{margin-top: 0;}
#topnews .clearfix dd h5{font-size: 17px; line-height:25px; font-weight: bold; padding: 0px; margin-bottom: 5px;}
#topnews .clearfix dd p{color: #666;}
#topnews .clearfix dd h5 a{color: #333; text-decoration: none;}
.kanren .blog_info p{margin:0 0 5px;}
#side .kanren .blog_info p{margin: 0 0 3px;}
.kanren h3{margin: 0 0 3px;}
.kanren h3 a, .post .kanren h3 a{color: #1a1a1a;}
.post .kanren h5{margin-bottom: 10px;}
#topnews .clearfix dd .blog_info p{font-size: 12px;}
.kanren{padding-top: 20px; margin-top:20px;}
.kanren.shortcode-kanren{margin-top:0;}
.category .kanren:not(.st-cardbox){padding-top: 0; margin-top:0;}
aside .kanren{padding-top: 20px; margin-top:0px;}
.kanren.pop-box h5, #side .kanren.pop-box h5{font-size: 18px; font-weight: bold; padding: 0px; margin-bottom: 10px;}
.kanren.pop-box dd h5:not(.st-css-no2), #side .kanren.pop-box dd h5:not(.st-css-no2){font-size: 17px; font-weight: bold; line-height:25px; padding: 0px; margin-bottom: 5px;}
.kanren dt{float: left; width: 100px;}
.kanren dt img{width: 100px;}
.kanren dd{padding-left: 115px;}
.kanren dl{margin-bottom: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f3f3f3;}
.kanren dl p{margin-bottom: 0px;}
.kanren dl:last-child{margin-bottom: 20px; padding-bottom: 20px; border-style: none;}
.kanren:not(.st-cardbox) .clearfix dd .st-excerpt p, .kanren:not(.st-cardbox) .clearfix dd p{font-size: 13px; color: #888 !important; line-height: 1.8;}
dd h3:not(.st-css-no2) a, .kanren .clearfix dd h5:not(.st-css-no2) a{color: #1a1a1a; text-decoration: none; padding:0;}
.kanren .clearfix dd h5 a:hover{color: #b22222;}
.kanren .kanren-no{position: absolute; top: 0; left: 0; min-width:27px; height:27px; line-height:27px; text-align:center; background: #78909C; font-size: 80%; font-weight: bold; color: #fff;}
.kanren.kadomaru .kanren-no{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 0; min-width: 2.15em; min-height: 2.15em; border-radius: 100%; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.kanren .kanren-rank1{background: #c4bf2c;}
.kanren .kanren-rank2{background: #9E9E9E;}
.kanren .kanren-rank3{background: #795548;}
.st-author-box .fa{margin-right:4px;}
.st-author-sns .fa{font-size:200%;}
#side aside .kanren{padding-top: 10px;}
#side aside .st-pagelists .fa{margin-right:5px;}
.st-formbtnlink .fa{margin:0!important; padding:0!important;}
.st-originalbtn .fa-question-circle, .st-originalbtn .fa-check-circle, .st-originalbtn .fa-exclamation-triangle, .st-originalbtn .fa-pencil-square-o{margin-right:0px;}
.post .scroll-box table{max-width:initial;}
.scroll-box{overflow-x: auto; margin-bottom:10px;}
.scroll-box::-webkit-scrollbar{width: 5px; height: 5px;}
.scroll-box::-webkit-scrollbar-track{border-radius: 5px; background: #f3f3f3;}
.scroll-box::-webkit-scrollbar-thumb{border-radius: 5px; background: #ccc;}
.post .scroll-box.pc table td, .post .scroll-box.pc table td p{white-space: nowrap;}
.scroll-box.pc{overflow-x: auto; position:relative; cursor: ew-resize;}
.scroll-box.pc.h-sc{overflow: auto; position:relative; height: 75vh; cursor: all-scroll;}
.post ol.is-style-st-maruno, .post ul.is-style-st-maruck, .post .maruno, .post .maruck{margin-bottom:20px;}
.post ol.is-style-st-maruno:not(.toc_list):not(.st_toc_list):not(.slick-dots), .post ul.is-style-st-maruck:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list), .post .maruno ol:not(.toc_list):not(.st_toc_list):not(.slick-dots), .post .maruck ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list){margin-bottom: 0; padding-bottom: 0;}
.post ul.is-style-st-maruck li:before, .post .maruck ul li:before{content: " \f00c"; font-family: FontAwesome;}
.post ol.is-style-st-maruno li, .post ul.is-style-st-maruck li, .post .maruno ol li, .post .maruck ul li{list-style-type: none; padding-bottom:5px; line-height: 23px; margin-bottom:7px;}
.post ol.is-style-st-maruno li:before, .post ul.is-style-st-maruck li:before, .post .maruno ol li:before, .post .maruck ul li:before{border-radius: 50%; float: left; min-width:23px; height:23px; line-height:23px; text-align:center; font-size:60%; margin-right:10px; background: #f3f3f3; color:#000; margin-left:-3em;}
ol.is-style-st-border li, ul.is-style-st-border li, ol.is-style-st-circle-border li, ul.is-style-st-circle-border li, ol.is-style-st-check-border li, ul.is-style-st-check-border li, ol.is-style-st-no-border li, ul.is-style-st-no-border li, .st-list-border ol li, .st-list-border ul li{border-bottom: dotted 1px #ccc; padding-top: 10px;}
.post ol.is-style-st-border li:last-child, .post ul.is-style-st-border li:last-child, .post ol.is-style-st-circle-border li:last-child, .post ul.is-style-st-circle-border li:last-child, .post ol.is-style-st-check-border li:last-child, .post ul.is-style-st-check-border li:last-child, .post ol.is-style-st-no-border li:last-child, .post ul.is-style-st-no-border li:last-child, .post .is-style-st-border li:last-child, .post .is-style-st-circle-border li:last-child, .post .is-style-st-no-border li:last-child, .post .st-list-border ol li:last-child, .post .st-list-border ul li:last-child{padding-bottom: 5px;}
ol.is-style-st-circle, ul.is-style-st-circle, ol.is-style-st-circle-border, ul.is-style-st-circle-border, .st-list-circle ol, .st-list-circle ul{padding-left: 0!important; padding-right: 0!important;}
ol.is-style-st-circle li, ul.is-style-st-circle li, ol.is-style-st-circle-border li, ul.is-style-st-circle-border li, .st-list-circle li{position: relative; padding-left: 20px; list-style: none;}
ol.is-style-st-circle li:before, ul.is-style-st-circle li:before, ol.is-style-st-circle-border li:before, ul.is-style-st-circle-border li:before, .st-list-circle li:before{content: ""; position: absolute; top: .5em; left: 0; width: 10px; height: 10px; background-color: #ccc; border-radius: 50%;}
ol.is-style-st-circle-border li:before, ul.is-style-st-circle-border li:before, .st-list-circle.st-list-border li:before{top: calc( .5em + 10px )}
ol.is-style-st-check, ul.is-style-st-check, ol.is-style-st-check-border, ul.is-style-st-check-border, .st-list-check ol, .st-list-check ul{padding-left: 0!important; padding-right: 0!important;}
ol.is-style-st-check li, ul.is-style-st-check li, ol.is-style-st-check-border li, ul.is-style-st-check-border li, .st-list-check ol li, .st-list-check ul li{position: relative; padding-left: 25px; list-style: none;}
ol.is-style-st-check li:before, ul.is-style-st-check li:before, ol.is-style-st-check-border li:before, ul.is-style-st-check-border li:before, .st-list-check ol li:before, .st-list-check ul li:before{content: ""; position: absolute; top: .6em; left: 6px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 3px; height: 7px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}
ol.is-style-st-check li:after, ul.is-style-st-check li:after, ol.is-style-st-check-border li:after, ul.is-style-st-check-border li:after, .st-list-check ol li:after, .st-list-check ul li:after{content: ""; position: absolute; top: .4em; left: 0; width: 15px; height: 15px; border: solid 1px #ccc; border-radius: 2px;}
.st-list-check.st-list-border ul li:before{top: calc( 10px + .6em );}
ol.is-style-st-check-border li:after, ul.is-style-st-check-border li:after, .st-list-check.st-list-border ul li:after{top: calc( 10px + .4em );}
ol.is-style-st-check li:after:hover, ul.is-style-st-check li:after:hover, ol.is-style-st-check-border li:after:hover, ul.is-style-st-check-border li:after:hover, .st-list-check ul li:after:hover{color: #ff0000;}
ol.is-style-st-no, ul.is-style-st-no, ol.is-style-st-no-border, ul.is-style-st-no-border, .st-list-no ol, .st-list-no ul{padding-left: 0!important; padding-right: 0!important;}
ol.is-style-st-no li, ul.is-style-st-no li, ol.is-style-st-no-border li, ul.is-style-st-no-border li, .st-list-no li{display: flex; flex-wrap: wrap; align-items: baseline; counter-increment: st-list-count; list-style: none; position: relative; padding-left: 30px;}
ol.is-style-st-no li:before, ul.is-style-st-no li:before, ol.is-style-st-no-border li:before, ul.is-style-st-no-border li:before, .st-list-no li:before{content: counter(st-list-count); width: 20px; height: 20px; margin-right: 10px; background-color: #ccc; font-size: 12px; color: #fff; line-height: 20px; text-align: center; position: absolute; top: 0.4em; left: 0;}
ol.is-style-st-no-border li:before, ul.is-style-st-no-border li:before, .st-list-no.st-list-border ol li:before, .st-list-no.st-list-border ul li:before{top: calc( 0.4em + 10px );}
.st-box-btn .fa, .st-box-btn img{display: block; margin: 0 auto 7px; max-width: 100%; font-weight: normal;}
#side aside ul.st-box-btn.st-box-btn-list-vertical .fa, #side aside ul.st-box-btn.st-box-btn-list-vertical img, .st-box-btn.st-box-btn-list-vertical .fa, .st-box-btn.st-box-btn-list-vertical img{display: flex; font-size: 300%; font-weight: normal; padding-right: 20px; margin: 0; max-width: 30%; justify-content: center; align-items: center;}
footer ul.st-box-btn .fa, footer ul.st-box-btn img, #side aside ul.st-box-btn .fa, #side aside ul.st-box-btn img{min-width: 50%;}
footer ul.st-box-btn.st-box-btn-list-vertical .fa, footer ul.st-box-btn.st-box-btn-list-vertical img, #side aside ul.st-box-btn.st-box-btn-list-vertical .fa, #side aside ul.st-box-btn.st-box-btn-list-vertical img{min-width: 20%;}
.st-btn-open .fa{margin-right: 10px;}
.st-memobox2{position: relative; margin: 25px 0 20px; padding: 20px 20px 0; border: solid 1px #9E9E9E; border-radius: 0;}
.st-memobox2 .fa{margin-right: 5px;}
.st-memobox2 .st-memobox-title{position: absolute; display: inline-block; top: -8px; left: 10px; padding: 0 9px; line-height: 1; background: #FFF; color:#000; font-weight:normal; font-size:90%;}
.st-memobox2 .st-memobox-title:before{content: "\f0f6\00a0"; font-family: FontAwesome;}
.st-memobox2 > *{font-size:95%; line-height: 1.5;}
.st-memobox .fa{margin-right: 5px;}
.st-memobox .st-memobox-title{position: absolute; display: inline-block; top: -8px; left: 10px; padding: 0 9px; line-height: 1; background: #FFF; color:#9E9E9E; font-weight:bold;}
.st-mybox{position: relative; margin: 25px 0; padding: 0 20px; border: solid 2px #9E9E9E; border-radius: 8px;}
.wp-block-st-blocks-my-box.st-mybox{border-radius: 5px;}
.st-in-mybox{padding: 20px 0;}
.st-in-mybox p{margin-bottom: 10px;}
.st-in-mybox p:last-child{margin-bottom: 0;}
.st-mybox .fa{margin-right: 5px;}
.st-mybox .st-mybox-title{position: absolute; display: inline-block; top: -0.8em; left: 10px; padding: 0 10px; line-height: 1.5; color:#9E9E9E; font-weight:bold; margin-bottom:10px;}
.st-mybox.st-title-under .st-mybox-title{position: relative; display: inline-block; margin: 20px 0 0; margin-bottom: 10px; top: 0; left: 0; text-shadow: none!important;}
.st-mybox.st-title-border .st-mybox-title{padding-bottom: 10px; border-bottom: 2px solid #ccc;}
.st-mybox.st-title-under .st-in-mybox{padding: 0 0 20px;}
.st-mybox.st-title-border.st-title-under .st-mybox-title{padding-bottom: 10px; margin-bottom: 20px;}
.st-mybox.st-title-border:not(.st-title-under) .st-in-mybox{padding-top: 35px;}
.st-mybox.st-title-border:not(.st-title-under) .st-mybox-title{padding-left: 10px; padding-right: 10px; left: 20px;}
.freebox{border-top:solid 1px #FEB20A; padding:10px 0; background:#f3f3f3; font-size: 15px; line-height: 25px; margin-bottom: 20px; position:relative;}
.p-free{padding:0;}
.p-free:after{content: ""; display:block; margin-bottom:30px;}
.p-entry-f{padding:3px 20px; margin:0; font-size:15px; font-weight:bold; background:#FEB20A; color:#fff; position:absolute; top:0; left:0; max-width:80%;}
.p-entry-f .fa{margin-right: 5px;}
.free-inbox{padding:10px 15px 10px; text-align:left;}
.free-inbox p{margin-bottom: 10px;}
.free-inbox p:last-child{margin-bottom: 10px;}
.freebox-intitle .p-free{margin-bottom: 0;}
.freebox-intitle .p-free:after{content: none;}
.freebox-intitle .p-entry-f{padding: 6px 20px; margin:0; font-size:15px; font-weight:bold; background:#FEB20A; color:#fff; position:relative; max-width:100%; display: block; text-align: center; border-bottom-right-radius: 0!important;}
.freebox-intitle .free-inbox{padding-top: 15px;}
.post .st-minihukidashi, .st-minihukidashi{font-size:100%; display: inline-block; position: relative; background: #f3f3f3; color: #1a1a1a; line-height: 1.4; margin-bottom: 20px; padding: 10px 20px; border-radius: 30px; z-index:2;}
.post .st-minihukidashi span.st-minihukidashi-arrow, .st-minihukidashi span.st-minihukidashi-arrow{content: ''; position: absolute; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #f3f3f3; top: 100%; left: 40px;}
.st-minihukidashi .fa{margin-right: 5px;}
.st-minihukidashi .st-minihukidashi-flexbox{display: flex; justify-content:flex-start; align-items: center;}
.st-minihukidashi img{border-radius: 50%; width:30px; height:auto; margin-right: 10px;}
.st-minihukidashi .photoline img{border-radius: 0; border: none;}
.st-marumozi .fa, .st-marumozi-big .fa{margin-right: 7px;}
.st-marumozi .photoline img, .st-marumozi-big .photoline img{border-radius: 0; border: none;}
.clip-memobox{display:table; background:#f3f3f3; border-radius:3px; margin-bottom:20px; padding: 10px;}
.clip-fonticon, .clip-memotext{display:table-cell; vertical-align:middle;}
.clip-fonticon{padding: 0 15px 0 10px; text-align:center;}
.clip-memotext p:last-child{margin-bottom:0;}
.clip-memotext p{margin-bottom:10px;}
.clip-memotext{padding-left:15px; border-left:1px solid #E0E0E0; width:100%; box-sizing:border-box;}
.clip-memotext > *{font-size:95%; line-height:1.7;}
.clip-memobox.st-text-guide .clip-memobox.st-text-guide .clip-fonticon{display: flex; justify-content: center; align-items: center;}
.clip-memobox.st-text-guide .fa::before{display: block; padding-top:10px;}
.clip-memobox.st-text-guide .fa::after{font-size: 11px; white-space: nowrap;}
.clip-memobox.st-text-guide .fa::before, .clip-memobox.st-text-guide .fa::after{line-height: 0.8;}
.clip-memobox.st-text-guide .fa::after{margin-top: 10px; display: block;}
.clip-memobox.st-text-guide.st-text-guide-sankou .fa::after{content: '参考';}
.clip-memobox.st-text-guide.st-text-guide-kanren .fa::after{content: '関連';}
.clip-memobox.st-text-guide.st-text-guide-memo .fa::after{content: 'メモ';}
.clip-memobox.st-text-guide.st-text-guide-attention .fa::after{content: '注意';}
.clip-memobox.st-text-guide.st-text-guide-point .fa::after{content: 'Check';}
.clip-memobox.st-text-guide.st-text-guide-next .fa::after{content: '次へ進む';}
.clip-memobox.st-text-guide.st-text-guide-prev .fa::after{content: '前に戻る';}
.clip-memobox.st-text-guide.st-text-guide-question .fa::after{content: '質問';}
.clip-memobox.st-text-guide.st-text-guide-answer .fa::after{content: '回答';}
.st-in-mybox.in-clip-memobox .clip-memobox{padding: 0; margin: -10px;}
.st-in-mybox.in-clip-memobox .clip-memobox a{font-weight:bold; color: #ff0000;}
.st-blackboard{padding: 10px 20px 0px; border: 3px solid #f3f3f3; background: #fff; margin: 30px 0; border-radius:0;}
.st-blackboard-title-box{text-align: center; margin-bottom:10px;}
.st-blackboard-title{color:#424242; display: inline-block; border-bottom:2px solid #424242; font-weight: bold; text-align: center; padding:10px 10px 5px; background:#fff;}
.st-blackboard-title:before{content: "\f0f6\00a0\00a0"; font-family: FontAwesome;}
.st-blackboard:not(.square-checkbox) ol.st-blackboard-list:not(.st-css-no){padding-left: 20px;}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no){padding-left: 30px;}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li, .post .st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li:last-child{border-bottom:dotted 1px #ccc; line-height:1.3; padding:10px 0; margin:0; list-style:none; text-indent:-1.3em; padding-left:1.3em;}
.st-blackboard:not(.square-checkbox) ol.st-blackboard-list:not(.st-css-no) li, .post .st-blackboard:not(.square-checkbox) ol.st-blackboard-list:not(.st-css-no) li:last-child{border-bottom:dotted 1px #ccc; line-height:1.3; padding:10px 0; margin:0;}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li:before{content: "\f058\00a0\00a0"; font-family: FontAwesome; color:#ff0000;}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no).st-no-ck li, .post .st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no).st-no-ck li:last-child{text-indent:0; padding-left:0;}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list.st-no-ck li:before{content: none;}
.st-blackboard.square-checkbox{padding:30px 30px 15px; box-sizing: border-box; margin-bottom:20px;}
#side aside .st-blackboard.square-checkbox ul li, .st-blackboard.square-checkbox ul li{position:relative; display: block; line-height: 1.5; border-bottom: 1px dashed #ccc; margin-bottom: 0.5em; padding-top: .25em; padding-bottom: 0.75em; padding-left: calc(1.5em + 15px);}
.st-blackboard.square-checkbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list){display: block; margin-bottom: 0; padding:10px 0 0;}
.st-blackboard.square-checkbox ul li:last-child{margin-bottom: 15px; padding-bottom: 0.75em;}
.st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before{position: absolute; top: calc(50% - .95em); left: 0; content: "\e907"; font-family: stsvg; color:#ff0000; z-index:2; margin-right:15px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 1),1px -1px 0 rgba(255, 255, 255, 1),-1px 1px 0 rgba(255, 255, 255, 1),1px 1px 0 rgba(255, 255, 255, 1); font-size:150%; line-height:1.5;}
.st-blackboard.square-checkbox ul li:after{content: "\e904"; font-family: stsvg; color:#ccc; position:absolute; z-index:1; left:0; top: calc(50% - .9em); font-size:150%; line-height:1.5;}
.st-square-checkbox:not(.st-square-checkbox-nobox){border: 3px solid #f3f3f3; padding:30px 30px 15px; box-sizing: border-box; margin-bottom:20px;}
#side aside .st-mybox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child, .post .st-mybox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child, .st-mybox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child, #side aside .freebox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child, .post .freebox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child, .freebox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child{margin-bottom: 0;}
.post ul.is-style-st-square-checkbox:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list), ul.is-style-st-square-checkbox:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list), .st-square-checkbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list){margin-bottom: 0; padding:0;}
.st-square-checkbox.st-bold ul li{font-weight: bold;}
.post ul.is-style-st-square-checkbox li, ul.is-style-st-square-checkbox li, #side aside .st-square-checkbox ul li, .post .st-square-checkbox ul li, .st-square-checkbox ul li{position:relative; display: block; line-height: 1.5; border-bottom: 1px dashed #ccc; margin-bottom: 0.5em; padding-top: .25em; padding-bottom: 0.75em; padding-left: calc(1.5em + 15px);}
.post ul.is-style-st-square-checkbox li:last-child, ul.is-style-st-square-checkbox li:last-child, .post .st-square-checkbox ul li:last-child, .st-square-checkbox ul li:last-child{margin-bottom: 15px; padding-bottom: 0.5em;}
ul.is-style-st-square-checkbox li:before, .st-square-checkbox ul li:before{position: absolute; top: calc(50% - .95em); left: 0; content: "\e907"; font-family: stsvg; color:#ff0000; z-index:2; margin-right:15px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 1),1px -1px 0 rgba(255, 255, 255, 1),-1px 1px 0 rgba(255, 255, 255, 1),1px 1px 0 rgba(255, 255, 255, 1); font-size:150%; line-height:1.5;}
ul.is-style-st-square-checkbox li:after, .st-square-checkbox ul li:after{content: "\e904"; font-family: stsvg; color:#ccc; position:absolute; z-index:1; left:0; top: calc(50% - .9em); font-size:150%; line-height:1.5;}
.st-mybtn .fa:not(.fa-after){margin-right:10px;}
.st-mybtn .fa.fa-after{margin-left:10px;}
.st-mybtn.st-mybtn-mini .fa:not(.fa-after){margin-right:10px;}
.st-mybtn.st-mybtn-mini .fa.fa-after{margin-left:10px;}
.st-cardbox.st-itmebox{padding-top:10px;}
.st-cardbox.st-itmebox .clearfix dd h5, .post .st-cardbox.st-itmebox .clearfix dd h5, #side .st-cardbox.st-itmebox .clearfix dd h5{margin-bottom:0; border:none;}
.st-mybox .st-user-comment-box .fa-star-half-o, .st-mybox .st-user-comment-box .fa-star-o, .st-mybox .st-user-comment-box .fa-star{margin-right: 0;}
.st-tab-content label .fa{margin-right: 5px;}
.wpcf7-submit{width:100%; border-radius:20px; background:#f3f3f3; color:#000; border:none; margin:0 auto; padding:10px; display:block; box-sizing:border-box;}
.st-cardbox{padding:15px; border:1px solid #ccc; margin-bottom:20px; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.2); transition: .3s; width: 100%; box-sizing: border-box;}
a.st-cardlink, a .st-cardbox h5, a .st-cardbox p{text-decoration:none; color:#1a1a1a;}
.st-cardbox:hover{box-shadow: 0 1px 2px rgba(0,0,0,0.1); opacity:0.8;}
.st-cardbox.kanren{margin-top: 0; background-color: #fff;}
.kanren.st-cardbox dl:last-child{border-style: none; margin-bottom: 0px; padding-bottom: 0px;}
.post .st-cardbox p, .st-cardbox p{margin-bottom:10px;}
.st-cardbox .clearfix dd h5, .post .st-cardbox .clearfix dd h5, #side .st-cardbox .clearfix dd h5{margin-bottom:10px; padding-bottom:5px;}
.st-cardbox .clearfix dd p{font-size:80%; line-height:1.7; margin-bottom:10px; color:#616161;}
.st-cardbox .clearfix dd p.cardbox-more{margin-bottom:0;}
.st-card-title-head .fa{margin-right: 5px;}
.post p.cardbox-more{margin-bottom:5px; padding:5px 10px; box-sizing:border-box; border:1px solid #ccc; text-align:center; text-decoration:none; color:#757575;}
#side aside .textwidget .kanren:not(.shortcode-kanren):not(.pop-box), #side .st-cardbox{padding:0; margin-bottom:0; background:#fff;}
#side .textwidget .kanren:not(.shortcode-kanren):not(.pop-box) dt{float: none!important; width: 100%!important; height:auto; overflow: hidden;}
#side .textwidget .kanren:not(.shortcode-kanren):not(.pop-box) dt img{width: 100%!important;}
#side .textwidget .kanren:not(.shortcode-kanren):not(.pop-box) dd{padding: 10px 20px 20px;}
#side .st-cardbox .clearfix dd p{line-height: 1.8; margin-bottom:10px;}
#side .st-cardbox .clearfix dd p.cardbox-more{margin-bottom:5px;}
#side .rankst-cont .st-cardbox{padding:15px 15px 10px; border:1px solid #ccc; margin-bottom:20px;}
#side .rankst-cont .kanren.st-cardbox dl:last-child{border-style: none; margin-bottom: 0px; padding-bottom: 0px;}
#side .rankst-cont .post .st-cardbox p, #side .rankst-cont .st-cardbox p{margin-bottom:10px;}
#side .rankst-cont .st-cardbox .clearfix dd h5, #side .rankst-cont .post .st-cardbox .clearfix dd h5, #side .rankst-cont .st-cardbox .clearfix dd h5{margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#side .rankst-cont .st-cardbox .clearfix dd p{font-size:90%; line-height:1.8; margin-bottom:10px;}
.st-cardstyle .st-cardbox{border: none; padding: 0;}
.st-cardstyle .kanren dl, .st-cardstyle .kanren.st-cardbox dl:last-child{box-sizing:border-box; border:1px solid #ccc; background:#fff;}
.st-cardstyle .kanren dl{width:100%;}
.st-cardstyle .kanren dt{float: none!important; width: 100%!important; height:auto; overflow: hidden; position:relative;}
.st-cardstyle .kanren dt img{width: 100%!important;}
.st-cardstyle .kanren dd, .st-cardstyle .kanren.st-cardbox dd{padding: 20px 20px 15px;}
.st-cardstyle .kanren .clearfix dd p{line-height: 1.8;}
.st-cardstyle .kanren .st-top-box{padding:5px; box-sizing:border-box; width:100%;}
.st-cardstyle .kanren .st-top-box dl{margin-bottom:0; position: relative;}
.st-cardstyle .kanren .st-top-box a.st-box-a{display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index:999;}
.st-cardstyle .kanren .st-top-box img.size-full, .st-cardstyle .kanren .st-top-box img.size-large{margin-bottom:0;}
.st-cardstyle .cardbox-more a{display:block;}
#side .st-cardstyle .kanren.st-cardbox.st-cardbox-wide dt, main .st-cardstyle .kanren.st-cardbox.st-cardbox-wide dt, #side .st-cardstyleb .kanren.st-cardbox.st-cardbox-wide dt, main .st-cardstyleb .kanren.st-cardbox.st-cardbox-wide dt{margin: 0;}
.st-cardbox.st-no-shadow{box-shadow: none;}
.st-kaiwa-box{width: 100%; height: auto; margin-bottom: 20px; display:table;}
.st-kaiwa-face{text-align:center; display: table-cell; width:60px; vertical-align:top;}
.st-kaiwa-face img{border-radius: 60px; border: 1px solid #ccc;}
.st-kaiwa-face-name{color: #616161; font-size:70%; line-height:1.5; max-width:60px;}
.st-kaiwa-area{display: table-cell; vertical-align:top; text-align:left;}
.st-kaiwa-hukidashi{display: inline-block; padding: 15px 20px; margin-left: 20px; border-radius: 7px; position: relative; background-color: #f9f9f9;}
.post .st-kaiwa-hukidashi p:last-child{margin-bottom:0px;}
.st-kaiwa-hukidashi:after{content: ""; position: absolute; top: 30px; left: -10px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f9f9f9 transparent transparent;}
.st-kaiwa-face2{text-align:center; display: table-cell; width:60px; vertical-align:top;}
.st-kaiwa-face2 img{border-radius: 60px; border: 1px solid #ccc;}
.st-kaiwa-face-name2{color: #616161; font-size:70%; line-height:1.5; max-width:60px;}
.st-kaiwa-area2{display: table-cell; vertical-align: top; text-align:right;}
.st-kaiwa-hukidashi2{display: inline-block; padding: 15px 20px; margin-right: 20px; border-radius: 7px; position: relative; background-color: #f9f9f9; text-align:left;}
.post .st-kaiwa-hukidashi2 p:last-child{margin-bottom:0px;}
.st-kaiwa-hukidashi2:after{content: ""; position: absolute; top: 30px; right: -10px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #f9f9f9;}
.st-kaiwa-face-move .st-kaiwa-face img{animation: animScale 4s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden;}
.st-kaiwa-face-move .st-kaiwa-face2 img{animation: animScale 4.5s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden;}
.trigger .fa:not(.fa-bars){font-size:20px;}
.trigger .op .fa:not(.fa-bars){font-size:23px;}
#s-navi dt.trigger .op .fa{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#s-navi dt.trigger .op.has-text .fa::after{margin-top: 3px; font-family: Arial, sans-serif; content: "MENU"; font-size: 8px; letter-spacing: -.25px;}
.s-navi-active #s-navi dt.trigger .op.has-text .fa::after{content: "CLOSE";}
#s-navi dt.trigger .op-st .fa{margin-right:7px;}
#s-navi dt.trigger .op-st2 .fa{margin-right:7px;}
.acordion_tree ul.menu li .fa, #s-navi .acordion_tree ul.menu li .menu-item-icon.fa{margin: -12px -15px -12px 0; padding: 0 15px 0 8px; min-width: 1.25em; display: flex; justify-content: center; align-items: center; flex-grow: 0;}
#s-navi .acordion_tree ul.menu li .fa{margin: 0 .25em; padding: 0; min-width: 0; display: inline-block;}
.st-middle-menu .fa{margin-right: 5px;}
#st-footermenubox ul.menu li .fa{font-size:13px;}
.sns li a .fa{-webkit-align-self: center; -ms-flex-item-align: center; align-self: center; min-width: 1.25em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 13px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.st-sns-btn-shordcode .sns li a .fa{padding: 0; border: 0; height: auto;}
#st-magazine .kanren .st-catgroup{z-index: 10000;}
#magazine .kanren .st-top-box a.st-box-a{z-index:2!important;}
.st-eyecatch-under.st-photohu p.wp-caption-text{text-align: center;}
.st-eyecatch-under.st-photohu img{margin-bottom: 5px;}
.st-eyecatch-under.st-photohu p.wp-caption-text .fa{margin-right: 5px;}
.kanren .st-infeed-adunit{border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; padding-bottom: 10px;}
.lp header, .lp #gazou, .lp #itiran, body:not(.search) .lp .kanren:not(.shortcode-kanren):not(.st-cardbox):not(.st-cardbox-ex), .lp #breadcrumb, .lp nav, .lp .blogbox, .lp .tagst, .lp .point, .lp .p-navi, .lp .pagination, .lp .n-entry-t, .lp .load-more-action, .lp .st-pagelink{display: none;}
@media print, screen and (max-width: 599px){
  .st-box-btn .fa, .st-box-btn img{min-width: 50%;}
  .st-box-btn.st-box-btn-list-vertical .fa, .st-box-btn.st-box-btn-list-vertical img{min-width: 20%;}
}
@media only screen and (max-width: 959px){
  .sns .fa{font-size:20px;}
}
@media only screen and (min-width: 600px) and (max-width: 959px){
  .sns .fa{font-size:25px;}
  .trigger .fa:not(.fa-bars){font-size:25px;}
  #s-navi dt.trigger .op.has-text .fa::after{margin-top: 4px;}
  .post ol.maruno li, .post ul.maruck li, .post .maruno ol li, .post .maruck ul li{line-height: 27px;}
  .post ol.maruno li:before, .post ul.maruck li:before, .post .maruno ol li:before, .post .maruck ul li:before{min-width:27px; height:27px; line-height:27px;}
}
@media only screen and (min-width: 600px){
  p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6{font-size: 20px; line-height: 30px;}
  .h2modoki, h2:not(.st-css-no2){font-size: 24px; line-height: 35px;}
  .post h3:not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki, .st-step-title{font-size: 22px; line-height: 32px;}
  .h4modoki, .post h4:not(.st-css-no2):not(.point):not(.rankh4){font-size: 21px; line-height: 31px;}
  .freebox{font-size: 18px; line-height: 28px;}
  .h2modoki:after, h2:not(.st-css-no2):after{bottom: -10px; left: 50px;}
  .h2modoki:before, h2:not(.st-css-no2):before{bottom: -10px; left: 50px;}
  .post p.cardbox-more{display:inline-block;}
  .kanren:not(.st-cardbox) .clearfix dd p{font-size:16px; line-height: 26px;}
  .kanren .no-thumbitiran h3:not(.st-css-no2){font-size:16px; line-height:26px;}
  .kanren.pop-box dd h5:not(.st-css-no2), #side .kanren.pop-box dd h5:not(.st-css-no2){font-size: 18px; line-height:27px;}
  .yellowbox, .redbox, .graybox{margin-bottom: 20px;}
  #topnews .clearfix dd h5{font-size: 24px; font-weight: bold; padding: 0px; margin-bottom: 5px;}
  #topnews .clearfix dd p{font-size: 13px; color: #666; line-height: 24px; margin: 0px; padding: 0px;}
  #topnews .clearfix dd h5 a{color: #333; text-decoration: none;}
  .st-cardbox .clearfix dd h5{margin-bottom:10px;}
  .st-cardstyleb .st-cardbox{border: none; padding: 0;}
  .st-cardstyleb .kanren dl, .st-cardstyleb .kanren.st-cardbox dl:last-child{box-sizing:border-box; border:1px solid #ccc; background:#fff;}
  .st-cardstyleb .kanren dl{width:100%;}
  .st-cardstyleb .kanren dt{float: none!important; width: 100%!important; height:auto; overflow: hidden; position:relative;}
  .st-cardstyleb .kanren dt img{width: 100%!important;}
  .st-cardstyleb .kanren dd{padding: 20px;}
  .st-cardstyleb .kanren .clearfix dd p{line-height: 1.8;}
  .st-cardstyleb .kanren .st-top-box{padding:5px; box-sizing:border-box; width:100%;}
  .st-cardstyleb .kanren .st-top-box dl{margin-bottom:0; position: relative;}
  .st-cardstyleb .kanren .st-top-box a.st-box-a{display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index:999;}
  .st-cardstyleb .kanren .st-top-box a:hover{text-decoration: none; background:#fff; opacity:0.3;}
  .st-cardstyleb .kanren .st-top-box img.size-full, .st-cardstyleb .kanren .st-top-box img.size-large{margin-bottom:0;}
  .st-cardstyleb .cardbox-more a{display:block;}
}
@media print, screen and (min-width: 960px){
  p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6, .post table tr td, table tr td{font-size: 15px; line-height: 27px;}
  .h2modoki, h2:not(.st-css-no2){font-size: 22px; line-height: 32px;}
  .post h3:not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki, .st-step-title{font-size: 20px; line-height: 30px;}
  .h4modoki, .post h4:not(.st-css-no2):not(.point):not(.rankh4){background-color: #f3f3f3; font-size: 16px; line-height: 26px;}
  .st-cardbox .clearfix dd h5, .post .st-cardbox .clearfix dd h5, #side .st-cardbox .clearfix dd h5{border-bottom:1px dotted #ccc;}
  .st-cardbox.st-cardbox-wide .clearfix dd h5, .post .st-cardbox.st-cardbox-wide .clearfix dd h5, #side .st-cardbox.st-cardbox-wide .clearfix dd h5{border-bottom: none;}
  .wpcf7-submit:hover{opacity:0.9;}
  .st-cardstyle .kanren .st-top-box a:hover{text-decoration: none; background:#fff; opacity:0.3;}
  .st-author-sns .fa{font-size:150%;}
  header .smanone ul.menu li .fa, header nav.st5 ul.menu li .fa, header #st-menuwide div.menu li .fa, header #st-menuwide nav.menu li .fa{margin-right: 5px;}
  .freebox{font-size: 14px; line-height: 24px;}
  .h2modoki:after, h2:not(.st-css-no2):after{bottom: -10px; left: 50px;}
  .h2modoki:before, h2:not(.st-css-no2):before{bottom: -10px; left: 50px;}
  .kanren.pop-box dd h5:not(.st-css-no2), #side .kanren.pop-box dd h5:not(.st-css-no2){font-size: 16px; line-height:26px;}
  .yellowbox, .redbox, .graybox{margin-bottom: 20px;}
  .clip-memotext > *{font-size:90%;}
  .st-memobox2 > *{font-size:90%;}
  .post .st-minihukidashi, .st-minihukidashi{font-size: 90%;}
  .kanren:not(.st-cardbox) .clearfix dd p{font-size: 75%; line-height: 1.7;}
  .wpcf7-submit{width:50%;}
  .scroll-box.pc:before{content:none;}
  .scroll-box.pc::-webkit-scrollbar{height: 10px; width: 10px;}
  .scroll-box.pc::-webkit-scrollbar-track{border-radius: 5px; background: #f3f3f3;}
  .scroll-box.pc::-webkit-scrollbar-thumb{border-radius: 5px; background: #ccc;}
}
@media only screen and (max-width: 599px){
  .post .scroll-box table td, .post .scroll-box table td p{white-space: nowrap;}
  .scroll-box{position:relative;}
  .scroll-box:before{content:"\f0ec"; font-family: FontAwesome; position:absolute; top:0; left:0; z-index:9; background: rgba(204,204,204,0.8); padding:0.2em; font-size:120%; border-radius:0 0 5px 0; color:#fff;}
  .cardbox-more a{display:block;}
  .clip-memobox .clip-fonticon{font-size: 150%;}
}

/* ===== st-themecss-loader.php（配色などの動的CSS） ===== */
.st-kaiwa-face img{animation: animScale 4s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden;}
.st-kaiwa-face2 img{animation: animScale 4.5s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden;}
} .kanren dt:not(.st-card-img){border: 1px solid #e6e6e6; background:#fff; margin-bottom: 0; box-shadow: 0 10px 5px -10px #bebebe; display: inline-block; box-sizing: border-box; position:relative; padding: 5px 5px 15px;}
.sns li a .fa{padding: 0; border: 0; height: auto;}
.st-author-profile .st-author-nickname, .st-web-font, .st-step-title, .st-point .st-point-text, .n-entry, h4:not(.st-css-no) .point-in, .cat-itiran p.point, .form-submit, .news-ca, .st-widgets-title, .st-widgets-title span, h4.menu_underh2 span, .st-header-flextitle, .post h2:not(.st-css-no), .post h2:not(.st-css-no) span, .post h3:not(.st-css-no), .post h3:not(.st-css-no) span, .h2modoki, .h3modoki, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no){font-family: "Noto Sans JP", sans-serif; font-weight: 700!important;}
main .post h2:not(.st-css-no) span.st-h-copy, main .post h3:not(.st-css-no) span.st-h-copy, main .h2modoki span.st-h-copy, main .h3modoki span.st-h-copy, main .entry-title:not(.st-css-no) span.st-h-copy, main .post .entry-title:not(.st-css-no) span.st-h-copy, main .h4modoki span.st-h-copy, main .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point) span.st-h-copy, main .h5modoki span.st-h-copy, main .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.post-card-title):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) span.st-h-copy{font-weight: 500!important;}
.st-cardbox .clearfix dd h5:not(.st-css-no), .post .st-cardbox .clearfix dd h5:not(.st-css-no), #side .st-cardbox .clearfix dd h5:not(.st-css-no){border-bottom:none;}
.st-kaiwa-hukidashi, .st-kaiwa-hukidashi2{background-color: #6cea4f;}
.st-kaiwa-hukidashi:after{border-color: transparent #6cea4f transparent transparent;}
.st-kaiwa-hukidashi2:after{border-color: transparent transparent transparent #6cea4f;}
.kaiwaicon2 .st-kaiwa-hukidashi, .kaiwaicon2 .st-kaiwa-hukidashi2{background-color: #e5e5e5;}
.kaiwaicon2 .st-kaiwa-hukidashi:after{border-color: transparent #e5e5e5 transparent transparent;}
.kaiwaicon2 .st-kaiwa-hukidashi2:after{border-color: transparent transparent transparent #e5e5e5;}
.st-author-box .st-author-profile .fa{margin-right: 0; padding: 0; border: 0; height: auto;}
.st-author-profile .rankstlink-r2 p a{background: -webkit-linear-gradient(top, #1e73be 0%,#afb8bf 100%); background: linear-gradient(to bottom, #1e73be 0%,#afb8bf 100%); box-shadow: 0 3px 0 #1e73be; color: #fff;}
.st-author-profile .rankstlink-r2 p{margin-bottom: 10px;}
.st-blackboard-title:before{content: "\f0f6\00a0"; font-family: FontAwesome;}
.post ol.is-style-st-no li:before, .post ul.is-style-st-no li:before, .post ol.is-style-st-no-border li:before, .post ul.is-style-st-no-border li:before, .st-list-no:not(.st-css-no) li:before{background-color: #424242;}
.post .maruck{background-color:#598ebf; padding: 20px 20px 20px 30px; border-radius: 5px;}
.post ul.is-style-st-maruck li:before, .post .maruck ul li:before{background: #424242;}
ol.is-style-st-circle li:before, ol.is-style-st-circle-border li:before, ul.is-style-st-circle li:before, ul.is-style-st-circle-border li:before, .st-list-circle:not(.st-css-no) li:before{background-color: #424242;}
.post .hatenamark2.on-color:not(.st-css-no):before, .post .fa-question-circle:not(.st-css-no){color: #64B5F6;}
.post .checkmark2.on-color:not(.st-css-no):before, .post .fa-check-circle:not(.st-css-no){color: #FFA726;}
ol.is-style-st-square-checkbox li:before, ol.is-style-st-square-checkbox li:after, ol.is-style-st-check li:before, ol.is-style-st-check-border li:before, ol.is-style-st-check li:after, ol.is-style-st-check-border li:after, ul.is-style-st-square-checkbox li:before, ul.is-style-st-square-checkbox li:after, ul.is-style-st-check li:before, ul.is-style-st-check-border li:before, ul.is-style-st-check li:after, ul.is-style-st-check-border li:after, .st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before, .st-blackboard.square-checkbox ul li:after, .st-square-checkbox ul li:before, .st-square-checkbox ul li:after{font-size: 150%;}
.post .attentionmark2.on-color:not(.st-css-no):before, .post .fa-exclamation-triangle:not(.st-css-no){color: #f44336;}
.post .memomark2.on-color:not(.st-css-no):before, .post .fa-pencil-square-o:not(.st-css-no){color: #29B6F6;}
.post .usermark2.on-color:before, .post .fa-user:not(.st-css-no){color: #4FC3F7;}
.post .oukanmark.on-color:before, .post .st-svg-oukan:not(.st-css-no){color: #9E9D24;}
.post .bigginermark.on-color:before, .post .st-svg-bigginer_l:not(.st-css-no){color: #4CAF50;}
.st-box-btn .fa, .st-box-btn img{font-size: 300%;}
#breadcrumb h1.entry-title, #breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li h1, #breadcrumb ol li, .kanren:not(.st-cardbox) .clearfix dd .blog_info p, .kanren:not(.st-cardbox) .clearfix dd .blog_info p a{color: #616161;}
.post .entry-title:not(.st-css-no){background-color: transparent; background: none; border: none;}
.h2modoki, .post h2:not(.st-css-no){position: relative; padding-left:0; padding-bottom: 10px; border-top:none; border-bottom-width:3px; padding-top:15px!important; padding-bottom:15px!important; color: #d500e0; background-color:transparent;}
.h2modoki::after, .post h2:not(.st-css-no)::after{position: absolute; bottom: -3px; left: 0; z-index: 2; content: ''; width: 20%; height: 3px; background-color: #424242;}
.h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title){border-radius:5px;}
.h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title){position: relative; display: block; line-height: 1.5; margin-bottom: 20px; padding-bottom: 0.5em; padding-left: calc(1.5em + 25px)!important; background: #87ceeb; border-bottom: 1px solid #ccc; border-top:none;}
.h3modoki:before, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title):before{position: absolute; top: calc(50% - .75em)!important; left: 10px; content: "\e907"; font-family: stsvg; color: #ff0000; z-index: 2; margin-right: 15px; font-size: 150%; line-height: 1.5;}
.h3modoki:after, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title):after{content: "\e904"; font-family: stsvg; position: absolute; z-index: 1; left: 10px; top: calc(50% - .75em); font-size: 150%; line-height: 1.5; color: #ccc;}
.h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point){background: #000000; color: #ffffff; position: relative; border: none; margin-bottom:30px; padding-left:20px; padding-top:10px; padding-bottom:10px;}
.h4modoki:after, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point):after{border-top: 10px solid #000000; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px;}
.h4modoki:before, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point):before{border-top: 10px solid #000000; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px;}
.h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point){position: relative; z-index:1;}
.h5modoki, .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title){border-left: 5px solid #598ebf; background-color: transparent; padding-left:15px!important; padding-top:7px!important; padding-bottom:7px!important;}
.post .st-matome:not(.st-css-no):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point){border-radius:5px;}
.post .st-matome:not(.st-css-no):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point){background: #424242; position: relative; border: none; margin-bottom:30px; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important;}
.post .st-matome:not(.st-css-no):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point):after{border-top: 10px solid #424242; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px;}
.post .st-matome:not(.st-css-no):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point):before{border-top: 10px solid #424242; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px;}
.post .st-widgets-title:not(.st-css-no), #side .menu_underh2, #side .st-widgets-title:not(.st-css-no){font-weight:bold; margin-bottom: 10px;}
.post .st-widgets-title:not(.st-css-no), #side .menu_underh2, #side .st-widgets-title:not(.st-css-no){border: none; position: relative; max-width: 100%; box-sizing: border-box; padding-left:15px; margin-right: -15px; padding-top:5px; padding-bottom:5px; color: #424242; background-color: transparent; background: none;}
.post .st-widgets-title:not(.st-css-no):before, #side .menu_underh2:before, #side .st-widgets-title:not(.st-css-no):before{position: absolute; content: ''; width: 6px; height: 100%; background: #424242; bottom: 0; left:0; border-radius: 3px;}
.post h4:not(.st-css-no):not(.rankh4) .point-in, .n-entry{padding: 5px 15px; max-width:80%; box-sizing:border-box; font-size:15px; font-weight:bold; position:absolute; bottom:0; left:0; top:auto; background-color: #424242; color:#000;}
.st-step{background: #424242; border-radius:5px;}
.st-step:before{border-top-color: #424242;}
.st-step-title{border-bottom:solid 2px #424242;}
.st-step-box{bottom: 15px;}
.st-cardbox-label-text .fa{margin-right: 5px;}
.st-cardbox{margin-bottom: 20px; position: relative;}
.kanren.st-cardbox.st-no-thumbnail dt{display: none;}
.kanren.st-cardbox.st-no-thumbnail dd{padding-left: 0;}
.freebox{border-top-color: #424242; background: #ede687;}
.p-entry-f{background: #424242;}
footer #sidebg li a:before, #footer .footerlogo a, #footer .footerlogo, #footer .footer-description a, #footer .footer-description, #footer .head-telno a, #footer .head-telno, #footer .widget_archive ul li, #footer .widget_archive ul li a, #footer .widget_recent_entries ul li a, #footer .widget_recent_entries ul li, #footer .widget_recent_comments li a, #footer .widget_recent_comments li, #footer .widget_categories ul li a, #footer .widget_categories ul li, #footer .rankh3:not(.st-css-no), #footer .st_side_rankwidgets a, #footer .rankwidgets-cont p, #footer .kanren dd a, #footer .kanren .st-excerpt p, #footer .kanren .blog_info p, footer .footer-l *, footer .footer-l a, #footer .menu-item a, #footer .copyr, #footer .copyr a, #footer .copy, #footer .copy a{color: #ffffff !important;}
.pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets){padding:20px 20px 10px;}
.wpcf7-submit{background: #424242;}
.entry-content .h2modoki, .entry-content h2:not(.st-css-no), .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not(.st-css-no){margin-left: -15px; margin-right: -15px; padding-left:15px; padding-right:15px;}
@media only screen and (max-width: 599px){
  .kanren dt{width: 150px; float: left;}
  .kanren dt img{width: 150px;}
  .kanren dd{padding-left: 165px;}
  .kanren dt:not(.st-card-img){padding: 10px 10px 20px;}
  .post dd h5.st-cardbox-t{font-size: 16px; line-height: 24px;}
  dd h3:not(.st-css-no2) a, .kanren .clearfix dd h5:not(.st-css-no2) a{font-size: 16px; line-height: 24px;}
  .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6{font-size: -3px;}
  .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){font-size: 13px;}
  .post ol.is-style-st-maruno, .post ul.is-style-st-maruck, .post .maruno ol li, .post .maruck ul li{line-height: calc( -3px + 5px );}
  .post ol.is-style-st-maruno li:before, .post ul.is-style-st-maruck li:before, .post .maruno ol li:before, .post .maruck ul li:before{min-width: calc( -3px + 5px ); height: calc( -3px + 5px ); line-height: calc( -3px + 5px );}
  .st-header-post-data .entry-title:not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not(.st-css-no):not(.st-css-no2){}
  .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{}
  .no-thumbitiran h3:not(.st-css-no2) a, .no-thumbitiran h5 a, dd h3:not(.st-css-no2) a, .post-card-list .post-card-title a, #st-magazine .kanren .st-top-box dd h3, .kanren .clearfix dd h5:not(.st-css-no2) a{}
}
@media only screen and (min-width: 600px){
  main .kanren dt{float: left; width: 150px;}
  main .kanren dt img{width: 150px;}
  main .kanren dd{padding-left: 165px;}
  main .st-cardstyleb .kanren.st-cardbox dd{padding-left: 20px;}
  main #magazine .kanren dd{padding-left: 20px;}
  .kanren dt:not(.st-card-img){padding: 10px 10px 20px;}
  main .kanren dt{float: left; width: 200px;}
  main .kanren dt img{width: 200px;}
  main .kanren dd{padding-left: 215px;}
  main .st-cardstyleb .kanren.st-cardbox dd{padding-left: 20px;}
  #magazine .kanren dd{padding-left: 20px;}
  .entry-content .h2modoki, .entry-content h2:not(.st-css-no){margin-left: -30px; margin-right: -30px; padding-left:30px; padding-right:30px;}
  .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not(.st-css-no){margin-left: -20px; margin-right: -20px; padding-left:20px; padding-right:20px;}
}
@media only screen and (min-width: 600px) and (max-width: 959px){
  .post dd h5.st-cardbox-t{font-size: 18px; line-height: 30px;}
  dd h3:not(.st-css-no2) a, .kanren .clearfix dd h5:not(.st-css-no2) a{font-size: 18px; line-height: 26px;}
  .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6{}
  .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){}
  .st-header-post-data .entry-title:not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not(.st-css-no):not(.st-css-no2){}
  .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{}
  .no-thumbitiran h3:not(.st-css-no2) a, .no-thumbitiran h5 a, dd h3:not(.st-css-no2) a, .post-card-list .post-card-title a, #st-magazine .kanren .st-top-box dd h3, .kanren .clearfix dd h5:not(.st-css-no2) a{}
}
@media only screen and (min-width: 960px){
  .post dd h5.st-cardbox-t{font-size: 16px; line-height: 26px;}
  dd h3:not(.st-css-no2) a, .kanren .clearfix dd h5:not(.st-css-no2) a{font-size: 16px; line-height: 26px;}
  .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6{}
  .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){}
  .st-header-post-data .entry-title:not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not(.st-css-no):not(.st-css-no2){}
  .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{}
  .no-thumbitiran h3:not(.st-css-no2) a, .no-thumbitiran h5 a, dd h3:not(.st-css-no2) a, .post-card-list .post-card-title a, #st-magazine .kanren .st-top-box dd h3, .post .kanren .clearfix dd h5:not(.st-css-no2) a{}
  .colum1.st-lp-wide #st-header, .colum1.st-lp-wide #content .st-lp-wide-content, .colum1.st-lp-wide #content .rankh3, .colum1.st-lp-wide #content .rank-guide, .colum1.st-lp-wide #content .rankid1, .colum1.st-lp-wide #content .rankid2, .colum1.st-lp-wide #content .rankid3, .colum1.st-lp-wide #content .rankst-box, .colum1.st-lp-wide .rankst-wrap, .colum1.st-lp-wide .widget_text, .colum1.st-lp-wide .top-wbox-u, .colum1.st-lp-wide .entry-title, .colum1.st-lp-wide #st-page .entry-title:not(.st-css-no2), .colum1.st-lp-wide #breadcrumb, .colum1.st-lp-wide .blogbox, .colum1.st-lp-wide .st-catgroup, .colum1.st-lp-wide .adbox, .colum1.st-lp-wide .st-widgets-box, .colum1.st-lp-wide .sns, .colum1.st-lp-wide .tagst, .colum1.st-lp-wide aside, .colum1.st-lp-wide .kanren, .colum1.st-lp-wide #topnews-box{max-width: 1060px; margin-left: auto; margin-right: auto;}
  .entry-content .h2modoki, .entry-content h2:not(.st-css-no){margin-left: -50px; margin-right: -50px; padding-left:50px; padding-right:50px;}
  .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not(.st-css-no){margin-left: -70px; margin-right: -70px; padding-left:70px; padding-right:70px;}
}

/* ===== st-rankcss.php（ランキングの動的CSS） ===== */
.rankstlink-a p:not(.no-reflection) a, .rankstlink-b p:not(.no-reflection) a, .rankstlink-l p:not(.no-reflection) a, .rankstlink-r p:not(.no-reflection) a, .rankstlink-l2 p:not(.no-reflection) a, .rankstlink-r2 p:not(.no-reflection) a{position:relative; overflow:hidden;}
.rankstlink-a p:not(.no-reflection) a:after, .rankstlink-b p:not(.no-reflection) a:after, .rankstlink-l p:not(.no-reflection) a:after, .rankstlink-r p:not(.no-reflection) a:after, .rankstlink-l2 p:not(.no-reflection) a:after, .rankstlink-r2 p:not(.no-reflection) a:after{content:''; height:100%; width:30px; position:absolute; top:-180px; left:0; background-color: #fff; opacity:0; -webkit-transform: rotate(45deg); -webkit-animation: reflection 3s ease-in-out infinite;}
.rankstlink-l2 p a{display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #4FC3F7 0%,#29B6F6 100%); background: linear-gradient(to bottom, #4FC3F7 0%,#29B6F6 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-sizing:border-box;}
.rankstlink-l2 p{width: 90%; text-align: center; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-shadow: 0 3px 0 #039BE5; position:relative;}
.rankstlink-l2 p:hover{box-shadow: 0 1px 0 #039BE5; top:1px;}
.rankstlink-r2 p a{display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #ef5350 0%,#e53935 100%); background: linear-gradient(to bottom, #ef5350 0%,#e53935 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-sizing:border-box;}
.rankstlink-r2 p{width: 90%; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 3px 0 #b61b17; position:relative;}
.rankstlink-r2 p img{display:none;}
.rankstlink-r2 p br{display:none;}
.rankstlink-r2 p:hover{box-shadow: 0 1px 0 #b61b17; top:1px;}
.rankstlink-r2 .fa, .rankstlink-l2 .fa{margin-right: 5px;}
.rankst-box .clearfix.rankst .rankst-l a img, .rankst-box .clearfix.rankst .rankst-l iframe{padding:0; max-width:100%; box-sizing: border-box; margin:0 auto;}
.rankh4:not(.st-css-no), .post .rankh4:not(.st-css-no), #side .rankh4:not(.st-css-no){padding: 15px 20px 15px 60px; background-repeat: no-repeat; background-position: left center; font-size: 20px; line-height: 1.3; color:#000; background-color : transparent ; background-image: url(images/oukan.png);}
.rankh4:not(.st-css-no):not(.rankh4-sc), .post .rankh4:not(.st-css-no):not(.rankh4-sc), #side .rankh4:not(.st-css-no):not(.rankh4-sc){margin-bottom: 10px; color:#000; background-color : transparent ; background-image: url(images/oukan.png);}
.rankh3:not(.st-css-no){position: relative; background: #c5bf3b; color: #ffffff!important; font-size: 18px; line-height: 27px; margin-bottom: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom:none!important; text-align:center;}
.rankh3:not(.st-css-no):before{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #c5bf3b;}
#footer .rankh3:not(.st-css-no){background-color: transparent; margin-bottom: 0; padding:0 0 10px 0; text-align: left;}
#footer .rankh3:not(.st-css-no):before{content: none;}
.post .rankst-cont h4:not(.st-css-no), .rankst-cont h4:not(.st-css-no){background-color:#FCFC88; padding:10px; margin-bottom:10px;}
.post .rankst-cont h2:not(.st-css-no), .post .rankst-cont h3:not(.st-css-no), .post .rankst-cont h4:not(.st-css-no), .post .rankst-cont h5:not(.st-css-no){margin-top: 0;}
.rankh4.rankno-1:not(.st-css-no), .post .rankh4.rankno-1:not(.st-css-no), #side .rankh4.rankno-1:not(.st-css-no), .rankid1 .rankh4:not(.st-css-no), .post .rankid1 .rankh4:not(.st-css-no), #side .rankid1 .rankh4:not(.st-css-no){background-image: url(images/oukan1.png);}
.rankh4.rankno-2:not(.st-css-no), .post .rankh4.rankno-2:not(.st-css-no), #side .rankh4.rankno-2:not(.st-css-no), .rankid2 .rankh4:not(.st-css-no), .post .rankid2 .rankh4:not(.st-css-no), #side .rankid2 .rankh4:not(.st-css-no){background-image: url(images/oukan2.png);}
.rankh4.rankno-3:not(.st-css-no), .post .rankh4.rankno-3:not(.st-css-no), #side .rankh4.rankno-3:not(.st-css-no), .rankid3 .rankh4:not(.st-css-no), .post .rankid3 .rankh4:not(.st-css-no), #side .rankid3 .rankh4:not(.st-css-no){background-image: url(images/oukan3.png);}
.rankh4.rankno-4:not(.st-css-no), .post .rankh4.rankno-4:not(.st-css-no), #side .rankh4.rankno-4:not(.st-css-no), .rankid-normal .rankh4:not(.st-css-no), .post .rankid-normal .rankh4:not(.st-css-no), #side .rankid-normal .rankh4:not(.st-css-no){background-image: url(images/oukan4.png);}
#side .rankst-box .clearfix.rankst .rankst-l a img{float:none; width:100%;}
.rankh3.rankwidgets-title:not(.st-css-no){font-weight: bold; margin-bottom: 25px;}
#side .rankh3.rankwidgets-title:not(.st-css-no){font-size: 18px; line-height: 30px; padding-top: 10px; padding-bottom: 10px;}
@media only screen and (min-width: 600px) and (max-width: 959px){
  .rankh3:not(.st-css-no){font-size: 110%; line-height: 1.5; padding:15px;}
  #side .rankst-box .clearfix.rankst .rankst-l a img{float: left; padding:0; margin:0!important;}
}
@media only screen and (min-width: 600px){
  .rankst-box .clearfix.rankst .rankst-l a img{float: left; padding:0; margin:0!important;}
}
@media print, screen and (min-width: 960px){
  #side .rankh3.rankwidgets-title:not(.st-css-no){font-size: 14px; line-height: 25px; padding-top: 5px; padding-bottom: 5px;}
  .rankstlink-r2 p, .rankstlink-l2 p{width: 50%;}
  #side .rankstlink-r2 p, #side .rankstlink-l2 p{width: 100%;}
}
@media only screen and (max-width: 599px){
  .rankst-box .clearfix.rankst .rankst-l a img{float: none; width: 100%;}
}