/* * swap-base.css — 親テーマ差し替え（AFFINGER → mj-base-theme）の試作用。手で直さず playground/tools/build_css.py で作り直す。 * AFFINGER の normalize・アイコン文字（st_svg）・slick・style.css のうち、このサイトで使う規則（子テーマ style.css より前に読む） */ /* css/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background:transparent} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:700} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} /* st_svg/style.css */ @font-face{ font-family: stsvg; src: url('../fonts/stsvg.eot?e9lchi'); src: url('../fonts/stsvg.eot?e9lchi#iefix') format('embedded-opentype'), url('../fonts/stsvg.ttf?e9lchi') format('truetype'), url('../fonts/stsvg.woff?e9lchi') format('woff'), url('../fonts/stsvg.svg?e9lchi#stsvg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="st-svg-"],[class*=" st-svg-"]{font-family: stsvg; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .wp-element-caption [class^="st-svg-"],.wp-element-caption [class*=" st-svg-"]{margin-right: 3px;} #search .st-fa{font-family: stsvg;} .st-svg-note:before{content: "\e92d"; font-size: .9em;} .st-svg-caret-down:before{content: "\e901";} .st-svg-xcom:before{content: "\e92c";} .st-svg-bar:before{content: "\e916";} .st-svg-circle-w:before{content: "\e920";} .st-svg-triangle:before{content: "\e92b";} .st-svg-font-q:before{content: "\e906";} .st-svg-h-top:before{content: "\e905";} .st-svg-instagram:before{content: "\e903";} .st-svg-get-pocket:before{content: "\f265";} .st-svg-pinterest-p:before{content: "\f231";} .st-svg-youtube-play:before{content: "\f16a";} .st-svg-hand-right:before{content: "\e974";} .st-svg-thumbs-o-down:before{content: "\f088";} .st-svg-thumbs-o-up:before{content: "\f087";} .st-svg-thumbs-up:before{content: "\f164";} .st-svg-vidicon:before{content: "\e934";} .st-svg-hand-o-down:before{content: "\f0a7";} .st-svg-hand-o-right:before{content: "\f0a4";} .st-svg-headphone:before{content: "\e938";} .st-svg-pencil-square:before{content: "\f14b";} .st-svg-pencil-square-o:before{content: "\f044";} .st-svg-thumbs-down:before{content: "\f165";} .st-svg-bullhorn:before{content: "\f0a1";} .st-svg-columns:before{content: "\f0db";} .st-svg-refresh:before{content: "\f021";} .st-svg-plus-circle:before{content: "\f055";} .st-svg-qr-code:before{content: "\e933";} .st-svg-angle-double-down:before{content: "\f103";} .st-svg-angle-double-right:before{content: "\f101";} .st-svg-angle-down:before{content: "\f107";} .st-svg-angle-right:before{content: "\f105";} .st-svg-angle-up:before{content: "\f106";} .st-svg-arrow-right:before{content: "\f061";} .st-svg-arrow-left:before{content: "\f061"; transform:rotate(180deg);} .st-svg-bell:before{content: "\f0f3";} .st-svg-bold:before{content: "\f032";} .st-svg-book:before{content: "\f02d";} .st-svg-bookmark:before{content: "\f02e";} .st-svg-calendar:before{content: "\f073";} .st-svg-camera:before{content: "\f030";} .st-svg-caret-right:before{content: "\f0da";} .st-svg-caret-square-o-right:before{content: "\f152";} .st-svg-check-circle:before{content: "\f058";} .st-svg-chevron-circle-right:before{content: "\f138";} .st-svg-chevron-circle-right_:before{content: "\e937";} .st-svg-chevron-down:before{content: "\f078";} .st-svg-chevron-left:before{content: "\f053";} .st-svg-chevron-right:before{content: "\f054";} .st-svg-clipboard:before{content: "\f0ea";} .st-svg-clock-o:before{content: "\f017";} .st-svg-cloud-download:before{content: "\f0ed";} .st-svg-code:before{content: "\f121";} .st-svg-cog:before{content: "\f013";} .st-svg-cogs:before{content: "\f085";} .st-svg-copy:before{content: "\f0c5";} .st-svg-credit-card-alt:before{content: "\f283";} .st-svg-desktop:before{content: "\f108";} .st-svg-double-up:before{content: "\f102";} .st-svg-download:before{content: "\f019";} .st-svg-envelope:before{content: "\f0e0";} .st-svg-envelope-o:before{content: "\f003";} .st-svg-eraser:before{content: "\f12d";} .st-svg-exchange:before{content: "\f0ec";} .st-svg-exclamation-circle:before{content: "\f06a";} .st-svg-exclamation-triangle:before{content: "\f071";} .st-svg-external-link:before{content: "\f08e";} .st-svg-eye:before{content: "\f06e";} .st-svg-eye-slash:before{content: "\f070";} .st-svg-file-image-o:before{content: "\f1c5";} .st-svg-files-o:before{content: "\e918";} .st-svg-file-text:before{content: "\f15c";} .st-svg-file-text-o:before{content: "\f0f6";} .st-svg-file-zip-o:before{content: "\f1c6";} .st-svg-flag:before{content: "\f024";} .st-svg-folder:before{content: "\f07b";} .st-svg-folder-open-o:before{content: "\f115";} .st-svg-font:before{content: "\f031";} .st-svg-font-tag:before{content: "\e914";} .st-svg-gift:before{content: "\f06b";} .st-svg-home:before{content: "\f015";} .st-svg-inbox:before{content: "\f01c";} .st-svg-info-circle:before{content: "\f05a";} .st-svg-lightbulb:before{content: "\e915";} .st-svg-lightbulb-o:before{content: "\f0eb";} .st-svg-line-chart:before{content: "\f201";} .st-svg-list:before{content: "\f03a";} .st-svg-list-alt:before{content: "\f022";} .st-svg-list-ol:before{content: "\f0cb";} .st-svg-list-ul:before{content: "\f0ca";} .st-svg-lock:before{content: "\f023";} .st-svg-money:before{content: "\f0d6";} .st-svg-newspaper-o:before{content: "\f1ea";} .st-svg-pages:before{content: "\e96d";} .st-svg-paper-plane:before{content: "\f1d8";} .st-svg-pdf-o:before{content: "\f1c1";} .st-svg-pencil:before{content: "\f040";} .st-svg-pencil-square-b:before{content: "\e973";} .st-svg-percent:before{content: "\f295";} .st-svg-picture-o:before{content: "\f03e";} .st-svg-print:before{content: "\f02f";} .st-svg-product-hunt:before{content: "\f288";} .st-svg-reply:before{content: "\f112";} .st-svg-rss:before{content: "\f09e";} .st-svg-rss-square:before{content: "\f143";} .st-svg-share-alt:before{content: "\f1e0";} .st-svg-share-square:before{content: "\f14d";} .st-svg-share-square-o:before{content: "\f045";} .st-svg-shopping-cart:before{content: "\f217";} .st-svg-shortcode:before{content: "\e99a";} .st-svg-sign-in:before{content: "\f090";} .st-svg-sign-out:before{content: "\f08b";} .st-svg-star:before{content: "\f005";} .st-svg-star-half-o:before{content: "\f123";} .st-svg-star-o:before{content: "\f006";} .st-svg-sticky-note-o:before{content: "\f24a";} .st-svg-tachometer:before{content: "\f0e4";} .st-svg-terminal:before{content: "\f120";} .st-svg-thumb-tack:before{content: "\f08d";} .st-svg-toggle-on:before{content: "\f205";} .st-svg-txt:before{content: "\e98c";} .st-svg-unlock-alt:before{content: "\f13e";} .st-svg-url-copy:before{content: "\e913";} .st-svg-user:before{content: "\f007";} .st-svg-user-circle:before{content: "\f2bd";} .st-svg-menu_cut:before{content: "\e90a";} .st-svg-search_s:before{content: "\e91f";} .st-svg-search_thin_s:before{content: "\e921";} .st-svg-close:before{content: "\e90e";} .st-svg-close_thin:before{content: "\e90c";} .st-svg-menu_thin:before{content: "\e90b";} .st-svg-menu:before{content: "\e909";} .st-svg-border:before{content: "\e91d";} .st-svg-circle-s:before{content: "\e91e";} .st-svg-camera-retro:before{content: "\f080";} .st-svg-check:before{content: "\f00c";} .st-svg-facebook-square:before{content: "\f082";} .st-svg-oukan:before{content: "\e908";} .st-svg-relation:before{content: "\e917";} .st-svg-diamond:before{content: "\f219";} .st-svg-trophy:before{content: "\f091";} .st-svg-slide-show:before{content: "\e92a";} .st-svg-quote-left:before{content: "\f10d";} .st-svg-magic:before{content: "\f0d0";} .st-svg-plus:before{content: "\f067";} .st-svg-quote-right:before{content: "\f10e";} .st-svg-th:before{content: "\f00a";} .st-svg-link:before{content: "\f0c1";} .st-svg-map-marker:before{content: "\f041";} .st-svg-tag:before{content: "\f02b";} .st-svg-tags:before{content: "\f02c";} .st-svg-palette:before{content: "\e925";} .st-svg-footer:before{content: "\e924";} .st-svg-header:before{content: "\f1dc";} .st-svg-h-gazou:before{content: "\e926";} .st-svg-h-under:before{content: "\e927";} .st-svg-main-area:before{content: "\e928";} .st-svg-sidebar:before{content: "\e929";} .st-svg-minus-thin:before{content: "\e922";} .st-svg-plus-thin:before{content: "\e923";} .st-svg-quora:before,.st-svg-question-circle:before{content: "\f059";} .st-svg-close_cut:before{content: "\e90d";} .st-svg-toc:before{content: "\e91c";} .st-svg-bolt:before{content: "\f0e7";} .st-svg-th-large:before{content: "\f009";} .st-svg-paperclip:before{content: "\f0c6";} .st-svg-tablet:before{content: "\f10a";} .st-svg-times:before{content: "\f00d";} .st-svg-comments-o:before{content: "\f0e6";} .st-svg-circle-o:before{content: "\f10c";} .st-svg-heart:before{content: "\f004";} .st-svg-twitter:before{content: "\e92c";} .st-svg-mobile:before{content: "\f10b";} .st-svg-emotion-frown:before{content: "\e919";} .st-svg-emotion-meh:before{content: "\e91a";} .st-svg-emotion-smile:before{content: "\e91b";} .st-svg-plug:before{content: "\f1e6";} .st-svg-bars:before{content: "\f0c9";} .st-svg-comment:before{content: "\f075";} .st-svg-commenting:before{content: "\f27a";} .st-svg-comments:before{content: "\f086";} .st-svg-amazon:before{content: "\f270";} .st-svg-arrow-circle-o-right:before{content: "\f18e";} .st-svg-arrow-circle-right:before{content: "\f0a9";} .st-svg-bigginer_l:before{content: "\e910";} .st-svg-bigginer_r:before{content: "\e90f";} .st-svg-check-thin:before{content: "\e902";} .st-svg-check_bold:before{content: "\e907";} .st-svg-check_bold_max:before{content: "\e901";} .st-svg-check_square_radius:before{content: "\e904";} .st-svg-circle:before{content: "\f111";} .st-svg-facebook:before{content: "\f09a";} .st-svg-google:before{content: "\f1a0";} .st-svg-hateb:before{content: "\e911";} .st-svg-line:before{content: "\e912";} .st-svg-search:before{content: "\f002";} .st-svg-search-minus:before{content: "\f010";} .st-svg-search-plus:before{content: "\f00e";} .st-svg-search_thin:before{content: "\e948";} .st-svg-arrow:before{content: "\e900";} .st-svg-wordpress:before{content: "\f19a";} .st-svg-checkbox{position:relative;} .st-svg-checkbox:before{content: "\e904"; color:#ccc; z-index:2; margin-right:10px;} .st-svg-checkbox:after{content: "\e907"; color:#ff0000; position:absolute; z-index:1; top:0; left:0; 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);} .st-bigginer{position:relative;} .st-svg-bigginer{position:relative;} .st-svg-bigginer:before{content: "\e910"; color:#FFEE58; z-index:2;} .st-svg-bigginer:after{content: "\e90f"; position:absolute; color:#388E3C; z-index:1; top:0; left:0;} /* vendor/slick/slick.css */ .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before,.slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} /* vendor/slick/slick-theme.css */ @font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../affinger/vendor/slick/fonts/slick.eot'); src: url('../affinger/vendor/slick/fonts/slick.eot') format('embedded-opentype'), url('../affinger/vendor/slick/fonts/slick.woff') format('woff'), url('../affinger/vendor/slick/fonts/slick.ttf') format('truetype'), url('../affinger/vendor/slick/fonts/slick.svg') format('svg'); } .slick-prev,.slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent; outline: none; background: transparent;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev:before,.slick-next:before{font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev{left: -25px;} [dir='rtl'] .slick-prev{right: -25px; left: auto;} .slick-prev:before{content: '←';} [dir='rtl'] .slick-prev:before{content: '→';} .slick-next{right: -25px;} [dir='rtl'] .slick-next{right: auto; left: -25px;} .slick-next:before{content: '→';} [dir='rtl'] .slick-next:before{content: '←';} .slick-dots{position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* style.css */ *{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; margin: 0px; padding: 0px;} main{color: #333;} p:empty{display: none;} main,article,aside,header,canvas,details,figcaption,figure,footer,nav,section,summary{display: block;} html,body{height: 100%;} body{min-width: 320px; word-wrap: break-word; background-color: #ffffff; counter-reset: stcnt imgcountcnt ranknumber-h2 ranknumber-h3 ranknumber-h4 stepcnt;} cite{font-style: normal;} .entry-content > div{margin-bottom: 20px;} .entry-content{margin-bottom: 20px;} .single .entry-content{padding-top: 10px;} body.is-content-empty .entry-content{margin-bottom: 0;} * > p:last-child{margin-bottom: 0;} @media screen and (-webkit-min-device-pixel-ratio: 0){h1,h2,h3,h4,h5,h6,h5 span,h6 span{font-weight: bold;} input[type="radio"]{opacity: 1;} input[type="radio"] + label{display: inline; padding: inherit;}} @media print, screen and (min-width: 960px){.colum1 #wrapper-in + #content-w{padding-top: 0;}} .post::after{content: ""; clear: both; display: block;} figure.wp-block-embed.is-type-wp-embed,.entry-content > figure.wp-block-embed.is-type-wp-embed{position: relative; margin-bottom: 20px;} .wp-block-video,.wp-block-embed.is-type-video{margin-bottom: 20px;} .sticky{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;} [class^="material-icons-"],[class*=" material-icons-"]{font-family: "Material Icons"; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga";} hr{height: 1px; background-color: #e0e0e0; border: none; margin: 40px 0;} .post h4 .point-in i{margin-right: 5px;} .st-timeline > br,.st-tab-content > br,.post .st-box-btn > br,.st-box-btn > br{display: none;} .st-svg-question-circle,.st-svg-check-circle,.st-svg-exclamation-triangle,.st-svg-exclamation-circle,.st-svg-pencil-square-o,.st-svg-user,.st-svg-biggner::before{margin-right: 7px;} .clip-fonticon .st-svg-question-circle,.clip-fonticon .st-svg-check-circle,.clip-fonticon .st-svg-exclamation-triangle,.clip-fonticon .st-svg-exclamation-circle,.clip-fonticon .st-svg-pencil-square-o,.clip-fonticon .st-svg-user,.clip-fonticon .st-svg-biggner::before{margin-right: 0;} .faa-parent.animated-hover:hover > .faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{display: inline-block;} a,nav li{transition: all 0.5s;} a{color: #4682b4;} a:hover{color: #b22222;} .entry-content a img{transition: all 0.5s;} .entry-content .down a img:hover{margin-bottom: -5px; padding-top: 5px;} .entry-content a img:hover{opacity: 0.8;} img:not(.size-st_header_slider),video,object{max-width: 100%; height: auto; border: none; vertical-align: bottom; box-sizing: border-box;} .is-style-st-photoline img{box-sizing: unset;} img[width="1"]{position: absolute; overflow: hidden; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; white-space: nowrap;} .is-style-st-photoline img,.photoline img{border: solid 1px #ccc;} .st-photohu{background: #fff; border: 1px solid #ccc; padding: 10px 10px 20px; margin-bottom: 20px; box-shadow: 0 10px 8px -6px #bebebe; display: inline-flex !important; max-width: 100%; align-items: center; flex-direction: column; width: 100%; box-sizing: border-box;} .st-photohu p.wp-caption-text{margin-bottom: -20px;} .st-photohu.st-eyecatch-under p.wp-caption-text{margin-bottom: -10px;} .st-photohu div img{margin-bottom: 5px; border: 1px solid #ccc;} .st-photohu p{margin-bottom: 0;} img.size-full,img.size-large{height: auto; max-width: 100%;} iframe{max-width: 100%;} .wp-caption{height: auto; max-width: 100%; margin-bottom: 20px;} a.st-flexbox-link:hover img{opacity: 1;} .mt20{margin-top: 20px !important;} .mb10{margin-bottom: 10px !important;} pre.all{user-select: all !important;} .st-timeline a{width: 100%; box-sizing: border-box;} .st-timeline .st-cardbox{border: none; box-shadow: none; padding: 0;} .post .st-timeline,.st-timeline{margin-left: 0.5em;} .post .st-timeline{padding: 0 !important;} .st-timeline > li{position: relative; padding-left: 26px; list-style: none; border-left: 1px solid #ccc;} .st-timeline > li > div{display: flex; flex-direction: column; width: 100%; box-sizing: border-box;} .st-timeline > li::after{position: absolute; top: 0; left: -0.5em;} .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.6;} .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-point::before{display: flex; align-items: center; justify-content: center; content: "POINT"; position: absolute; left: 0; color: #fff; font-size: 50%; line-height: 1.5; background: #ccc; border-radius: 2em; width: 4em; height: 4em;} .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{text-align: center;} .st-back-btn .st-fa,.st-back-btn .fa{margin-right: 5px;} .st-copyurl-btn{text-align: center; margin: 30px 0 20px;} .st-copyurl-btn .st-fa,.st-copyurl-btn .fa{margin-right: 5px;} .st-copyurl-btn a{border: 1px solid #bdbdbd; padding: 10px 15px; display: inline-block; color: #424242; text-decoration: none; box-shadow: 3px 3px #cccccc; background: #ffffff; max-width: 100%; box-sizing: border-box;} .st-copyurl-btn a:hover{color: #ccc; box-shadow: 1px 1px #cccccc;} .sitename img{max-width: 300px; margin: 0 auto;} .smanone{display: none;} .clearfix{zoom: 1;} .clearfix::after{content: ""; display: block; clear: both;} pre{font-family: monospace !important; font-weight: inherit !important; line-height: 1.7em; padding: 20px; background: #fafafa; color: #1a1a1a; position: relative; margin-bottom: 20px; white-space: pre; overflow: auto;} pre.st-pre .st-pre-text{font-family: monospace !important; position: absolute; top: 0; left: 0; display: block; padding: 3px 10px; background: #b0bec5; color: #fff; line-height: 1.8;} pre.st-pre .st-pre-text i{font-size: 0.9em;} pre.st-pre.st-terminal{background: #212121; color: #f5f5f5;} pre.st-pre.st-terminal .st-pre-text{content: "\f120"; font-family: stsvg; background: #424242; color: #fff;} kbd,.st-code,code{color: #333; padding: 2px 4px; background: #eee; margin: 0 2px; border-radius: 2px; font-size: 0.95em;} kbd{border: 1px solid #eee; box-shadow: 0 2px 0 #ccc; white-space: nowrap; border-radius: 3px;} kbd,code{font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;} pre .st-code,.st-pre .st-code,pre code,.st-pre code{padding: 0; background-color: transparent; margin: 0; border-radius: 0;} .clear{clear: both;} .center{text-align: center;} thead th,thead td{position: -webkit-sticky; position: sticky; top: -1px; z-index: 99997;} table thead th,table thead th p,table thead tr td,.post table thead tr td,.post table thead tr td p,.post table thead tr td{font-size: 0.9em;} .youtube-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} .youtube-container-short{text-align: center;} .st-eyecatch-under .youtube-container{padding-top: 0;} .youtube-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .st-youtube{position: relative; margin-bottom: 20px;} .st-youtube .st-svg-youtube-play{font-size: 40px; color: #f40000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 40px; height: 40px; text-align: center; z-index: 8;} .st-youtube:hover .st-svg-youtube-play{color: #db0000;} #playnow{position: fixed; bottom: 20px; left: -3px; font-size: 70%; background: #d62423; color: #fff; padding: 2px 10px; z-index: 999; border-radius: 3px;} #playnow a{color: #fff; text-decoration: none;} #playnow .st-svg-youtube-play{margin-right: 5px;} #st-headerbox{position: relative;} #side aside .slick-dots li,.slick-dots li{width: 10px; height: 10px;} .slick-prev,.slick-next{z-index: 9999; width: 37px; height: 37px; opacity: 0.6; top: calc(50% - 18px);} .slick-prev{left: 0;} .slick-next{right: 0;} [dir="rtl"] .slick-prev{right: 0; left: auto;} [dir="rtl"] .slick-next{right: auto; left: 0;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{opacity: 1;} .slick-prev::before,.slick-next::before{font-size: 20px; font-family: stsvg; color: #fff; opacity: 1;} .slick-prev::before{padding: 10px 15px 10px 11px; content: "\f053";} .slick-next::before{padding: 10px 11px 10px 15px; content: "\f054";} [dir="rtl"] .slick-prev::before{padding: 10px 11px 10px 15px; content: "\f054";} [dir="rtl"] .slick-next::before{padding: 10px 15px 10px 11px; content: "\f053";} .slider{visibility: hidden; margin-bottom: 30px;} .slick-track{margin-left: 0;} .post-slide-image,.post-slide-more,.post-card-image,.post-card-title{transition: all 0.5s;} .post-slide-image:hover,.post-slide-more:hover,.post-card-image:hover,.post-card-title:hover{opacity: 0.6;} .content-post-slider:not(.original) .post-slide,.post-card-list .post-card{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #fff;} .content-post-slider.is-fullsize .post-slide{background: transparent;} .content-post-slider:not(.original) .post-slide-image,.post-card-list .post-card-image{position: relative; overflow: hidden; margin: 0 0 8px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;} .content-post-slider:not(.original) .post-slide-image:hover,.post-card-list .post-card-image:hover{background: #fff;} .content-post-slider.is-fullsize-card .post-slide-image{margin: 0;} .content-post-slider:not(.original) .post-slide-image::before,.post-card-list .post-card-image::before{display: block; width: 100%; content: "";} .content-post-slider:not(.original) .post-slide-image img,.post-card-list .post-card-image img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; object-fit: cover;} .content-post-slider .post-slide-image .st-catgroup.itiran-category,.post-card-list .post-card-image .st-catgroup.itiran-category{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; box-sizing: border-box; padding: 5px; width: 100%; text-align: left; pointer-events: none; -webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) ); mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) ); flex-grow: 1; z-index: 1;} @media only screen and (max-width: 959px){.post-card-list:not(.is-medium-columns-3) .post-card-image .st-catgroup.itiran-category{top: 5px; left: 5px;} .post-card-list:not(.is-medium-columns-3) .post-card-list-item .st-catgroup.itiran-category .catname{font-size: 14px;}} @media only screen and (min-width: 600px) and (max-width: 959px){.post-card-list.is-medium-columns-3 .post-card-image .st-catgroup.itiran-category{top: 0; left: 0;} .post-card-list.is-medium-columns-3 .post-card-list-item .st-catgroup.itiran-category .catname{font-size: 11px;}} @media only screen and (max-width: 599px){.post-card-list.is-small-columns-2 .post-card-image .st-catgroup.itiran-category{top: 0; left: 0;} .post-card-list.is-small-columns-2 .post-card-list-item .st-catgroup.itiran-category .catname{font-size: 11px;} .post-card-list.is-small-columns-2 .post-card-list-item .post-card-body{padding: 0 10px 10px;}} @media only screen and (min-width: 600px){.content-post-slider .post-slide-image .st-catgroup.itiran-category,.post-card-list .post-card-image .st-catgroup.itiran-category{flex-grow: 0;}} .content-post-slider .post-slide-image .st-catgroup.itiran-category .catname,.post-card-list .post-card-image .st-catgroup.itiran-category .catname{vertical-align: top;} .content-post-slider .post-slide-image .st-catgroup.itiran-category a,.post-card-list .post-card-image .st-catgroup.itiran-category a{pointer-events: auto;} .post-card-list .st-wppviews-label{position: absolute; top: 5px; left: 5px;} .content-post-slider .post-slide-rank,.post-card-list .post-card-rank{position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 2px 8px; width: 1em; height: 1.75em; color: #fff; font-weight: bold; font-size: 1em; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1;} .content-post-slider.slick-slides-to-show-1 .post-slide-rank,.post-card-list.is-small-columns-1 .post-card-rank{width: 1.5625em; font-size: 2em;} .content-post-slider.slick-slides-to-show-2 .post-slide-rank,.post-card-list.is-small-columns-2 .post-card-rank{width: 1.25em; font-size: 1.25em;} @media only screen and (min-width: 600px){.post-card-list.is-medium-columns-1 .post-card-rank{width: 1.5625em; font-size: 2em;} .post-card-list.is-medium-columns-2 .post-card-rank{width: 1.25em; font-size: 1.25em;} .post-card-list.is-medium-columns-3 .post-card-rank{width: 1em; font-size: 1em;}} @media only screen and (min-width: 960px){.post-card-list.is-large-columns-1 .post-card-rank{width: 1.5625em; font-size: 2em;} .post-card-list.is-large-columns-2 .post-card-rank{width: 1.25em; font-size: 1.25em;} .post-card-list.is-large-columns-3 .post-card-rank{width: 1em; font-size: 1em;}} @media print, screen and (max-width: 599px){.content-post-slider.is-center-mode .post-slide-rank,.post-card-list.is-center-mode .post-card-rank,.content-post-slider.slick-slides-to-show-2 .post-slide-rank,.post-card-list.slick-slides-to-show-2 .post-card-rank,.content-post-slider.slick-slides-to-show-3 .post-slide-rank,.post-card-list.slick-slides-to-show-3 .post-card-rank{width: 0.8em; font-size: 0.8em;}} .content-post-slider .post-slide-rank::before,.post-card-list .post-card-rank::before{position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 0; height: 0; border-width: 3.25em 3.5em 0 0; border-style: solid; border-color: #78909c transparent transparent transparent; content: "";} .content-post-slider .post-slide-rank-1::before,.post-card-list .post-card-rank-1::before{border-color: #c4bf2c transparent transparent transparent;} .content-post-slider .post-slide-rank-2::before,.post-card-list .post-card-rank-2::before{border-color: #9e9e9e transparent transparent transparent;} .content-post-slider .post-slide-rank-3::before,.post-card-list .post-card-rank-3::before{border-color: #795548 transparent transparent transparent;} .content-post-slider .post-slide-body,.post-card-list .post-card-body{padding: 0 10px 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch;} .content-post-slider.is-fullsize .post-slide-body{padding: 5px 10px 10px 10px;} .content-post-slider .post-slide-text,.post-card-list .post-card-text{position: relative; overflow: hidden; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;} .content-post-slider.slick-slides-to-show-1.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 3) );} .content-post-slider.slick-slides-to-show-2.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 3) );} .content-post-slider.slick-slides-to-show-3.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} .content-post-slider.slick-slides-to-show-4.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} .content-post-slider.slick-slides-to-show-5.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} .post-card-list.is-small-columns-1.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (1em * 1.4 + 10px) + (1em * 1.4 * 4) );} .post-card-list.is-small-columns-2.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 3) );} .post-card-list.is-small-columns-3.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} .post-card-list.is-small-columns-4.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} .post-card-list.is-small-columns-5.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (1em * 1.4 * 4) );} @media only screen and (min-width: 960px){.content-post-slider.slick-slides-to-show-1.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 3) );} .content-post-slider.slick-slides-to-show-2.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 3) );} .content-post-slider.slick-slides-to-show-3.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );} .content-post-slider.slick-slides-to-show-4.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );} .content-post-slider.slick-slides-to-show-5.has-excerpt .post-slide-text{height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );} .post-card-list.is-large-columns-1.has-excerpt .post-card-text{min-height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 3) );} .post-card-list.is-large-columns-2.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 3) );} .post-card-list.is-large-columns-3.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );} .post-card-list.is-large-columns-4.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );} .post-card-list.is-large-columns-5.has-excerpt .post-card-text{max-height: calc( (1em * 1.4 + 5px) + (0.8em * 1.4 * 4) );}} .post-slide-title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .content-post-slider .post-slide-title,.post-card-list .post-card-title{margin: 0 0 5px; padding: 0; text-align: center; font-size: 0.9em; line-height: 1.4; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: inherit; background: none;} .content-post-slider.is-fullsize-text .post-slide-title{margin-bottom: 0;} .content-post-slider.is-fullsize .post-slide-image,.post-card-list.is-fullsize .post-card-image,.is-fullsize .post-slide-title{margin-bottom: 0;} .is-fullsize .st-catgroup{display: none;} .post-card-list .post-card-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):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;} .content-post-slider .post-slide-title a,.post-card-list .post-card-title a{color: #333; text-decoration: none; font-weight: bold;} .content-post-slider .post-slide-date,.post-card-list .post-card-date{margin: 0 0 10px; text-align: center; font-size: 1em; line-height: 1.4; position: absolute; bottom: 0; right: 10px; z-index: 999; color: #fff;} .content-post-slider.is-fullsize-text .post-slide-title,.post-card-list .post-card-title{font-size: 0.9em; line-height: 1.5 !important;} @media only screen and (min-width: 600px) and (max-width: 959px){.content-post-slider.is-fullsize-text .post-slide-title,.post-card-list .post-card-title{font-size: 1em;}} .post-card-date .st-fa,.post-slide-date .st-fa,.post-card-date .fa,.post-slide-date .fa{margin-right: 4px;} @media only screen and (min-width: 960px){.content-post-slider .post-slide-date,.post-card-list .post-card-date{font-size: 0.8em;}} .content-post-slider .post-slide-excerpt,.post-card-list .post-card-excerpt{overflow: hidden; font-size: 1em; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px; color: #777; text-align: left;} .post-card-excerpt p,main .post-slide-excerpt p,main .post-card-excerpt p{color: #777;} .content-post-slider.slick-slides-to-show-1 .post-slide-excerpt{height: calc(1em * 1.4 * 3);} .content-post-slider.slick-slides-to-show-2 .post-slide-excerpt{height: calc(1em * 1.4 * 3);} .content-post-slider.slick-slides-to-show-3 .post-slide-excerpt{height: calc(1em * 1.4 * 4);} .content-post-slider.slick-slides-to-show-4 .post-slide-excerpt{height: calc(1em * 1.4 * 4);} .content-post-slider.slick-slides-to-show-5 .post-slide-excerpt{height: calc(1em * 1.4 * 4);} @media only screen and (min-width: 960px){.content-post-slider .post-slide-excerpt,.post-card-list .post-card-excerpt{font-size: 0.8em;} .content-post-slider.slick-slides-to-show-1 .post-slide-excerpt{height: calc(0.8em * 1.4 * 3);} .content-post-slider.slick-slides-to-show-2 .post-slide-excerpt{height: calc(0.8em * 1.4 * 3);} .content-post-slider.slick-slides-to-show-3 .post-slide-excerpt{height: calc(0.8em * 1.4 * 4);} .content-post-slider.slick-slides-to-show-4 .post-slide-excerpt{height: calc(0.8em * 1.4 * 4);} .content-post-slider.slick-slides-to-show-5 .post-slide-excerpt{height: calc(0.8em * 1.4 * 4);}} .content-post-slider .post-slide-excerpt p::after,.post-card-list .post-card-excerpt p::after{position: absolute; right: 0; bottom: 0; left: 0; display: block; height: calc( 1em * 1.4 * 1 + 0.25em ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) ); content: "";} .content-post-slider .post-slide-excerpt p,.post-card-list .post-card-excerpt p{margin: 0; font-size: 0.9em; line-height: 1.8 !important;} @media only screen and (max-width: 959px){.content-post-slider .post-slide-excerpt p,.post-card-list .post-card-excerpt p{margin: 0; font-size: 0.8em; line-height: 1.5 !important;} .content-post-slider.slick-slides-to-show-2 .post-slide-excerpt p,.content-post-slider.slick-slides-to-show-3 .post-slide-excerpt p,.is-small-columns-2 .post-card-excerpt p,.is-small-columns-3 .post-card-excerpt p{margin: 0; font-size: 0.75em !important; line-height: 1.7 !important;}} .content-post-slider .post-slide-more{margin: 15px 0 0; text-align: center;} .content-post-slider .post-slide-more a{display: block; box-sizing: border-box; padding: 6px 10px; border: 1px solid #ccc; background: #fff; color: #757575; text-align: center; text-decoration: none; line-height: 1.4; font-size: 0.9em;} @media only screen and (min-width: 600px){.content-post-slider .post-slide-more a{display: inline-block;}} @media print, screen and (max-width: 599px){.content-post-slider .post-slide-more a{font-size: 0.7em;}} .content-post-slider .post-slide-more a:hover{background: #f3f3f3;} .content-post-slider,.post-card-list{display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -8px; margin-left: -8px; width: calc(100% + 16px);} @media only screen and (max-width: 599px){.content-post-slider.is-center-mode{width: 100%; margin-right: 0; margin-left: 0;}} .content-post-slider{-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .post-card-list{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: -8px; margin-bottom: -8px;} .content-post-slider .slider-item{margin: 0 8px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;} .post-card-list .post-card-list-item.st-infeed-adunit{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .post-card-list .post-card-list-item,.post-card-list.is-small-columns-1 .post-card-list-item{margin: 8px; width: calc(100% - 16px);} .post-card-list.is-small-columns-2 .post-card-list-item{width: calc(50% - 16px);} .post-card-list.is-small-columns-3 .post-card-list-item{width: calc(33.33333% - 16px);} @media only screen and (min-width: 600px){.post-card-list.is-medium-columns-1 .post-card-list-item{width: 100%;} .post-card-list.is-medium-columns-2 .post-card-list-item{width: calc(50% - 16px);} .post-card-list.is-medium-columns-3 .post-card-list-item{width: calc(33.33333% - 16px);}} @media only screen and (min-width: 960px){.post-card-list.is-large-columns-1 .post-card-list-item{width: 100%;} .post-card-list.is-large-columns-2 .post-card-list-item{width: calc(50% - 16px);} .post-card-list.is-large-columns-3 .post-card-list-item{width: calc(33.33333% - 16px);} .post-card-list.is-large-columns-4 .post-card-list-item{width: calc(25% - 16px);}} .content-post-slider.is-fullsize-text .slick-track{display: flex; justify-content: center; align-items: flex-start;} .content-post-slider .slick-next{right: 8px;} .content-post-slider .slick-prev{left: 8px;} @media only screen and (max-width: 599px){.content-post-slider.is-center-mode .slick-next{right: 0;} .content-post-slider.is-center-mode .slick-prev{left: 0;}} .st-slider-img{width: 100%;} .st-slider-img .post-slide-body{display: none;} .st-slider-img .post-slide{background-color: transparent;} a.st-flexbox-link,a.st-flexbox-link:visited{text-decoration: none; color: inherit;} @media print, screen and (min-width: 960px){.lp #st-header-post-under-box.st-header-post-no-data{margin-bottom: 0;}} pre,.wp-block-details summary,p,.st-kaiwa-hukidashi,.st-kaiwa-hukidashi2,#topnews .clearfix dd p,.post ul li,.post ol li,.st-tab-content > label,.st-tabs__tab-list-item{font-size: 18px; line-height: 32px;} .st-tabs__tab-list-item{line-height: 30px !important;} .st-tab-category .st-tab-content > label{font-size: 15px; line-height: 25px;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 24px; line-height: 38px;} .archive .post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin-bottom: 20px;} h1{margin: 0;} h2.has-st-regular-font-size,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.h2modoki{font-size: 22px; line-height: 35px; color: #333;} .post h3.has-st-regular-font-size,.post h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):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.has-st-regular-font-size,.post h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.point):not(.rankh4),.h4modoki{font-size: 18px; line-height: 28px;} .post h5.has-st-regular-font-size,h5,h5 span,.h5modoki,.post h5{font-size: 17px; line-height: 27px;} #footer h5,#side h5{line-height: 1.5;} .post h6.has-st-regular-font-size,h6,h6 span,.post h6{font-size: 17px; line-height: 27px;} .st-h-copy-toc,.st-h-copy{display: block !important; font-size: 65%; line-height: 1.4;} #breadcrumb .st-h-copy-toc,#breadcrumb .st-h-copy{display: inline-block !important; font-size: inherit; line-height: inherit;} p,.post h5{margin-bottom: 20px;} .wp-block-details{margin-bottom: 20px;} .wp-block-details summary{margin-bottom: 10px;} header h1{margin-top: 0;} header .sitename.sitename-only{padding-top: 5px;} #headbox img.sitename-only-img{margin-bottom: 5px; padding-top: 5px;} header .sitename{font-size: 20px; line-height: 1.3; padding: 0; margin: 0; word-break: break-all;} header .sitename a{color: #333; text-decoration: none; font-weight: bold;} header h1{font-size: 12px; font-weight: normal;} .post .st-catgroup{font-size: 12px; line-height: 18px; margin: 0; padding: 5px 0; display: flex; flex-wrap: wrap; gap: 5px;} .catname{font-size: 13px; line-height: 1.5em; color: #1a1a1a; display: inline-block; word-break: break-word; padding: 6px 8px; margin-top: 5px; border-radius: 2px; text-decoration: none; background: #f3f3f3;} .post .st-catgroup a{text-decoration: none; color: #333;} :root .st-catid-ad{background: #fafafa; color: #999; display: inline-flex;} :root .front-page .post .st-catgroup:has(.st-catid-ad),:root .front-page .st-catid-ad{margin-top: 0;} :root .front-page .post .st-catgroup:has(.st-catid-ad){margin-bottom: 20px;} p.itiran-category{margin-bottom: 0;} .post .st-catgroup.itiran-category{padding: 0 0 5px;} .st-catgroup.itiran-category .catname{font-size: 10px; margin: 0 0 5px; padding: 5px;} @media only screen and (max-width: 959px){.st-catgroup.itiran-category .catname{font-size: 12px; margin: 0 0 5px; padding: 6px;}} .st-post .st-catgroup.itiran-category .catname,.st-page .st-catgroup.itiran-category .catname{margin-bottom: 5px;} .post .st-catgroup-under .st-catgroup,.st-catgroup-under .st-catgroup{padding-top: 7px;} .st-catgroup-under .st-catgroup .catname{border-radius: 0;} .st-catgroup-under .st-catgroup.itiran-category .catname{margin-bottom: 4px;} .st-wppviews-label{position: relative;} .st-wppviews-label .wpp-views{white-space: nowrap; position: absolute; top: -1px; left: -1px; color: #fff; z-index: 200; font-size: 70%; background: #333; padding: 3px 7px; border-radius: 5px 0 5px 0;} .st-wppviews-label .wpp-text{font-size: 60%; margin-left: 3px;} .st-cardbox-label-text .wpp-text{font-size: 80%; margin-left: 3px;} .post-card .st-wppviews-label .wpp-views{font-size: 90%;} .blog_info .st-fa,.blog_info .fa{margin-right: 4px;} .post-card-date .st-svg-clock-o::before,.post-slide-date .st-svg-clock-o::before,.kdate .st-svg-clock-o::before,.blog_info .st-svg-clock-o::before{font-size: 0.9em;} .post-card-date .st-svg-refresh::before,.post-slide-date .st-svg-refresh::before,.kdate .st-svg-refresh::before,.blog_info .st-svg-refresh::before{font-size: 0.8em;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){color: #333; padding-top: 10px; margin-bottom: 10px; font-weight: bold;} #st-page .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin-bottom: 20px;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2) a:hover{text-decoration: underline;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2) a{color: #333; text-decoration: none;} h1:not(.entry-title):not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin: 0px; padding: 0px;} h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):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 h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title),.h3modoki{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;} h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2) a{color: #333; text-decoration: none;} dd h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){line-height: 20px;} .post h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.point):not(.rankh4),.h4modoki{padding: 10px 15px; margin: 20px 0; background-color: #f3f3f3;} .h5modoki,.post h5{padding-right: 20px;} .post h5.is-style-st-heading-custom-line{padding-right: 0;} .h2modoki,.h3modoki,.h4modoki,.h5modoki,.st-step-title{font-weight: bold;} .post h6:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin-bottom: 10px; font-weight: bold;} .wp-block-embed.is-type-video figcaption a,.wp-block-embed.is-type-video figcaption,.wp-block-image figcaption a,.wp-block-image figcaption,.wp-caption-text a,.wp-caption-text{font-size: 12px; color: #757575; line-height: 1.4; text-align: center; margin: 0.5em 0 0;} aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 16px; line-height: 27px; margin-bottom: 20px;} #side aside > div > div{margin-bottom: 10px;} #side aside > div:last-child{margin-bottom: 0;} #content{position: relative;} .colum1 #side{display: none;} .blogbox p{font-size: 14px; margin: 0px; color: #777; line-height: 18px; display: flex; align-items: center;} .blogbox{margin-bottom: 10px; padding: 0px;} .post .blogbox .st-fa,.post .blogbox .fa{margin-right: 4px;} .no-thumbitiran{margin-bottom: 5px;} .kanren .no-thumbitiran h3{margin-bottom: 0px; font-size: 18px; line-height: 27px; padding: 5px 0 0;} .no-thumbitiran h3 a{color: #4682b4;} .no-thumbitiran h5 a{color: #1a1a1a; text-decoration: none;} .post .no-thumbitiran .kanren h5{margin-bottom: 0;} .no-thumbitiran h3 a:hover,.no-thumbitiran h5 a:hover{color: #b22222;} .no-thumbitiran p{color: #616161; margin-bottom: 0;} .no-thumbitiran .blog_info p{font-size: 12px; margin: 0px; color: #777; line-height: 18px;} .no-thumbitiran .blog_info{margin-bottom: 0px; padding: 2px 0 0;} .wp-block-quote.is-large,.wp-block-quote.is-style-large,.post blockquote{position: relative; background-color: #fafafa; padding-top: 50px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px;} .post blockquote::before{content: "\f10d"; font-family: stsvg; position: absolute; top: 20px; left: 20px; color: #e0e0e0; font-size: 20px;} blockquote.tiktok-embed,.post blockquote.tiktok-embed{padding: 0; background-color: transparent; margin-right: auto; margin-left: auto;} blockquote.tiktok-embed::before,.post blockquote.tiktok-embed::before{content: none;} .post blockquote cite,.post blockquote cite a{font-style: normal; color: #9e9e9e; font-size: 0.9em; text-decoration: none; margin-top: -10px; display: block;} blockquote.is-style-st-quote-x::before{content: "\f2bd"; color: #000; font-size: 2em;} blockquote.is-style-st-quote-x{background: #fff; border: 3px solid #eee; border-radius: 3px; box-sizing: border-box; padding-top: 60px;} blockquote.is-style-st-quote-x p{line-height: 1.8em; margin-bottom: 7px;} blockquote.is-style-st-quote-x cite{display: flex; align-items: center; padding-top: 7px;} blockquote.is-style-st-quote-x cite::before{font-family: stsvg; content: "\e92c"; color: #333; margin-right: 5px;} blockquote.is-style-st-quote-x cite,.post blockquote.is-style-st-quote-x cite a{margin: 0;} blockquote[class*="is-style-st-quote-amazon"]::before{content: "\f2bd"; color: #aab7b8; font-size: 2em;} blockquote[class*="is-style-st-quote-amazon-star"]::before{color: #ff6200; font-size: 1em;} blockquote.is-style-st-quote-amazon-star5::before{content: "\f005 \f005 \f005 \f005 \f005";} blockquote.is-style-st-quote-amazon-star45::before{content: "\f005 \f005 \f005 \f005 \f123";} blockquote.is-style-st-quote-amazon-star4::before{content: "\f005 \f005 \f005 \f005 \f006";} blockquote.is-style-st-quote-amazon-star35::before{content: "\f005 \f005 \f005 \f123 \f006";} blockquote.is-style-st-quote-amazon-star3::before{content: "\f005 \f005 \f005 \f006 \f006";} blockquote.is-style-st-quote-amazon-star25::before{content: "\f005 \f005 \f123 \f006 \f006";} blockquote.is-style-st-quote-amazon-star2::before{content: "\f005 \f005 \f006 \f006 \f006";} blockquote.is-style-st-quote-amazon-star15::before{content: "\f005 \f123 \f006 \f006 \f006";} blockquote.is-style-st-quote-amazon-star1::before{content: "\f005 \f006 \f006 \f006 \f006";} blockquote[class*="is-style-st-quote-amazon"]{background: #fff; border: 3px solid #eee; border-radius: 3px; box-sizing: border-box; padding-top: 60px;} blockquote[class*="is-style-st-quote-amazon-star"]{padding-top: 50px;} blockquote[class*="is-style-st-quote-amazon"] p{line-height: 1.8em; margin-bottom: 7px;} blockquote[class*="is-style-st-quote-amazon"] cite{display: flex; align-items: center; padding-top: 7px;} blockquote[class*="is-style-st-quote-amazon"] cite::before{font-family: stsvg; content: "\f270"; color: #f59122; margin-right: 5px;} blockquote[class*="is-style-st-quote-amazon"] cite,blockquote[class*="is-style-st-quote-amazon"] cite a{margin: 0;} blockquote[class*="is-style-st-quote-google"]::before{content: "\f2bd"; color: #a3c9ff; font-size: 2em;} blockquote[class*="is-style-st-quote-google-star"]::before{color: #fabb05; font-size: 1em;} blockquote.is-style-st-quote-google-star5::before{content: "\f005 \f005 \f005 \f005 \f005";} blockquote.is-style-st-quote-google-star45::before{content: "\f005 \f005 \f005 \f005 \f123";} blockquote.is-style-st-quote-google-star4::before{content: "\f005 \f005 \f005 \f005 \f006";} blockquote.is-style-st-quote-google-star35::before{content: "\f005 \f005 \f005 \f123 \f006";} blockquote.is-style-st-quote-google-star3::before{content: "\f005 \f005 \f005 \f006 \f006";} blockquote.is-style-st-quote-google-star25::before{content: "\f005 \f005 \f123 \f006 \f006";} blockquote.is-style-st-quote-google-star2::before{content: "\f005 \f005 \f006 \f006 \f006";} blockquote.is-style-st-quote-google-star15::before{content: "\f005 \f123 \f006 \f006 \f006";} blockquote.is-style-st-quote-google-star1::before{content: "\f005 \f006 \f006 \f006 \f006";} blockquote[class*="is-style-st-quote-google"]{background: #fff; border: 3px solid #eee; border-radius: 3px; box-sizing: border-box; padding-top: 60px;} blockquote[class*="is-style-st-quote-google-star"]{padding-top: 50px;} blockquote[class*="is-style-st-quote-google"] p{line-height: 1.8em; margin-bottom: 7px;} blockquote[class*="is-style-st-quote-google"] cite{display: flex; align-items: center; padding-top: 7px;} blockquote[class*="is-style-st-quote-google"] cite::before{font-family: stsvg; content: "\f1a0"; color: #4285f4; margin-right: 5px;} blockquote[class*="is-style-st-quote-google"] cite,blockquote[class*="is-style-st-quote-google"] cite a{margin: 0;} .hutoaka{font-weight: bold; color: #ff3333;} .maru{border-radius: 5px;} .noborder{border: none;} .komozi{font-size: 80% !important; line-height: 1.5 !important;} .komozi-m{font-size: 90% !important; line-height: 1.7 !important;} @media only screen and (max-width: 599px){.komozi-m{font-size: 95% !important; line-height: 1.7 !important;}} .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{background: #eeeeee;} .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%);} .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;} span.sankou,p.sankou{font-size: 70%; background-color: #f57c00; color: #fff; padding: 3px 4px; margin: 0 5px; white-space: nowrap;} span.sankou.green,p.sankou.green{background-color: #4caf50;} span.sankou.blue,p.sankou.blue{background-color: #2196f3;} span.st-hisu,p.st-hisu{font-size: 70%; background-color: #ff0000; color: #fff; padding: 3px 4px; margin: 0 5px; white-space: nowrap;} .st-wrench.animated{display: inline-block; -webkit-animation: stWrench 2.5s ease infinite; animation: stWrench 2.5s ease infinite;} @keyframes stWrench{ 0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 100%, 75% { -webkit-transform: rotate(0); transform: rotate(0); } } .st-ring.animated{display: inline-block; -webkit-animation: stRing 2s ease infinite; animation: stRing 2s ease infinite;} @keyframes stRing{ 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 100%, 20% { -webkit-transform: rotate(0); transform: rotate(0); } } .st-horizontal.animated{display: inline-block; -webkit-animation: stHorizontal 2s ease infinite; animation: stHorizontal 2s ease infinite;} @keyframes stHorizontal{ 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 6% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 12% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 18% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 24% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 30% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 100%, 36% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .st-vertical.animated{display: inline-block; -webkit-animation: stVrtical 2s ease infinite; animation: stVrtical 2s ease infinite;} @keyframes stVrtical{ 0% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 4% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 8% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 12% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 16% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 20% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 100%, 22% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stFlash{ 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .st-bounce.animated{display: inline-block; -webkit-animation: stBounce 2s ease infinite; animation: stBounce 2s ease infinite;} @keyframes stBounce{ 0%, 10%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes stRotation{ 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .st-float.animated{display: inline-block; -webkit-animation: stFloat 2s linear infinite; animation: stFloat 2s linear infinite;} @keyframes stFloat{ 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .st-pulse.animated{display: inline-block; -webkit-animation: stPulse 2s linear infinite; animation: stPulse 2s linear infinite;} @keyframes stPulse{ 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes stShake-s{ 0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 100%, 75% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes stShake{ 0% { transform: translate(0px, 0px) rotateZ(0deg); } 25% { transform: translate(2px, 2px) rotateZ(1deg); } 50% { transform: translate(0px, 2px) rotateZ(0deg); } 75% { transform: translate(2px, 0px) rotateZ(-1deg); } 100% { transform: translate(0px, 0px) rotateZ(0deg); } } .st-tada.animated{display: inline-block; -webkit-animation: stTada 2s linear infinite; animation: stTada 2s linear infinite;} @keyframes stTada{ 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-8deg); transform: scale(0.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 100%, 80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .st-passing.animated{display: inline-block; -webkit-animation: stPassing 2s linear infinite; animation: stPassing 2s linear infinite;} @keyframes stPassing{ 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .st-passing-reverse.animated{display: inline-block; -webkit-animation: stPassing-reverse 2s linear infinite; animation: stPassing-reverse 2s linear infinite;} @keyframes stPassing-reverse{ 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } } .st-burst.animated{display: inline-block; -webkit-animation: stBurst 2s infinite linear; animation: stBurst 2s infinite linear;} @keyframes stBurst{ 0% { opacity: 0.6; } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .st-falling.animated{display: inline-block; -webkit-animation: stFalling 2s linear infinite; animation: stFalling 2s linear infinite;} @keyframes stFalling{ 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } 50% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } } @keyframes marquee{ from { transform: translate(0%); } to { transform: translate(-100%); } } .pagelist-box .kanrenh4{background-color: #fff;} .st-star{color: #ffb400; font-size: 15px;} .y-star,.w-star{font-size: 90% !important; margin: 0;} .y-star .st-svg-star,.w-star .st-svg-star-half-o,.w-star .st-svg-star-o{color: #ffb400;} .pop-box{position: relative; border-top: solid 1px #feb20a; padding: 20px 20px 10px; margin-bottom: 10px;} .pop-box.kanren{margin-top: 40px;} #side .pop-box.kanren{margin-top: 20px;} .kanren.pop-box dl:last-child{margin-bottom: 0px;} .post .p-entry-t,#side .p-entry-t{margin-bottom: 30px;} #footer .pop-box:not(.st-wpp-views-widgets){padding: 0;} #footer .pop-box{border-top: none; background-color: transparent;} #footer .pop-box.kanren{margin-top: 0;} footer .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin-bottom: 10px;} footer #st-footer-logo-wrapper{display: flex; align-items: center; flex-direction: column;} @media only screen and (min-width: 600px){footer .footer-wbox .headbox,footer .footer-wbox .headbox p{text-align: left; padding-right: 0;}} #st-text-logo{word-break: break-all;} .category .p-entry-t{margin-bottom: 40px;} #footer .footerlogo{font-size: 22px; line-height: 30px; font-weight: bold;} #footer #st-text-logo p{font-size: 12px;} .st-text-logo-bottom:last-child,.st-text-logo-bottom{margin-bottom: 10px;} #footer .footerlogo img{max-width: 300px; margin: 0 auto 10px; text-align: center;} #footer a{text-decoration: none; color: #212121;} #footer a:hover{color: #b22222;} #footer .copy{font-size: 12px; color: #999; line-height: 18px; padding: 20px 10px 0;} #footer .copy a{font-size: 12px; color: #999; line-height: 18px;} footer h4 a{color: #666; text-decoration: none;} #headbox-bg{width: 100%; box-sizing: border-box;} .headbox,.headbox p{font-size: 12px; line-height: 18px; text-align: center;} #footer-ad-box{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99999;} .side-widgets{margin: 0px;} .side-widgets > *{margin-bottom: 10px;} .side-widgets > a.st-originallink,.side-widgets > a.st-formbtnlink{display: block;} .footer-r{text-align: left; margin-bottom: 20px;} #footer .st-author-box,#footer .st-originalbtn{margin-bottom: 10px;} #topnews dd h3{font-size: 20px; line-height: 30px; margin-bottom: 5px;} #topnews dt{float: left; width: 100px;} #topnews dt img{width: 100%;} #topnews dd{padding-left: 110px;} #topnews dl{margin-bottom: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999;} #topnews dl:first-child{padding-top: 20px;} #topnews dl:last-child{margin-bottom: 20px; padding-bottom: 20px; border-style: none;} #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; color: #777;} .kanren .no-thumbitiran .blog_info p{margin: 0 0 2px;} .kanren .blog_info p i{color: #777;} #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;} @media print, screen and (max-width: 959px){.post .kanren h5{margin-bottom: 3px;}} .post .af-search-results-list .kanren h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title){background: none; color: inherit; padding: 0; margin: 0 0 3px; border: none;} .post .af-search-results-list .kanren h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title):before,.post .af-search-results-list .kanren h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title):after{content: none;} .blog_info p a{color: #666; text-decoration: none;} #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;} .kadomaru img{border-radius: 100px;} .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([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 17px; font-weight: bold; line-height: 25px; padding: 0px; margin-bottom: 5px;} .kanren dt{float: left; width: 100px; transition: all 0.5s;} .kanren dt:hover{opacity: 0.6;} .kanren dt img{width: 100px;} .kanren dd{padding-left: 115px; transition: all 0.5s;} .kanren dd a:hover{opacity: 0.6;} .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; line-height: 1.6;} .af-excerpt-replace-mode .post-slide-excerpt,.af-excerpt-replace-mode .st-excerpt{font-size: .95rem; line-height:1.5; color: inherit;} .af-excerpt-replace-mode .post-card-excerpt *{font-size: 1em; line-height:1.5;} .af-excerpt-replace-mode .post-card-list.has-excerpt .post-card-text{max-height: 100%;} .af-excerpt-replace-mode .post-card-excerpt table:last-child{margin-bottom:0;} .af-excerpt-replace-mode .content-post-slider .post-slide-excerpt,.af-excerpt-replace-mode .post-card-list .post-card-excerpt{color: inherit;} .kanren.pop-box .clearfix dd .st-excerpt p,.kanren.pop-box .clearfix dd > p{color: #777;} .kanren:not(.pop-box):not(.st-cardbox) .clearfix dd .st-excerpt p,.kanren:not(.pop-box):not(.st-cardbox) .clearfix dd > p{color: #777;} dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a,.kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a{color: #333; text-decoration: none; padding: 0;} .kanren .clearfix dd h5 a:hover{color: #b22222;} .kanren-rank-label{position: relative;} .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;} .load-more-btn{width: 50%; box-sizing: border-box; padding: 10px; border: 1px solid #ccc; background: #fff; color: #757575; text-align: center; text-decoration: none; line-height: 1.4; margin-bottom: 20px; margin-top: -10px;} .wp-block-columns .load-more-btn{width: 100%;} @media print, screen and (max-width: 599px){.load-more-btn{width: 100%;}} .load-more-btn::before{content: "\f107"; font-family: stsvg; margin-right: 7px;} .load-more-btn:hover{background: #f3f3f3;} @media only screen and (max-width: 599px){.load-more-btn{padding: 15px 10px;}} @media only screen and (min-width: 600px){.load-more-btn{font-size: 20px; line-height: 30px;}} @media only screen and (min-width: 960px){.load-more-btn{font-size: 15px; line-height: 27px;}} .kanren-load-more-action{padding-top: 20px; margin-bottom: 40px;} .st-author-box .st-fa,.st-author-box .fa{margin-right: 4px;} .st-author-sns,.st-author-homepage{margin-bottom: 0px;} .st-author-sns .st-fa,.st-author-sns .fa{font-size: 1rem;} @media print, screen and (max-width: 599px){.st-author-sns .st-fa,.st-author-sns .fa{font-size: 1.2rem;}} .st-author-sns a,.st-author-homepage a{text-decoration: none;} a.st-author-twitter{color: #55acee; white-space: nowrap;} a.st-author-facebook{color: #3b5998; white-space: nowrap;} a.st-author-instagram{white-space: nowrap; color: #231f20;} a.st-author-youtube{color: #f40000; white-space: nowrap;} a.st-author-homepage{font-size: 90%;} .st-shortcode-author .st-fa,.st-shortcode-author .fa{color: #e0e0e0;} #side aside ul li{list-style-type: none; margin: 0px; padding: 0px;} #side aside .children li{padding-left: 10px;} #side aside ul li ul li{list-style-type: none; margin: 0px;} #side aside .sub-menu{padding-left: 10px;} #side aside .kanren{padding-top: 10px;} .st-svg-rss-square{margin-right: 5px;} .st-formbtnlink .st-fa,.st-formbtnlink .fa{margin: 0 !important; padding: 0 !important;} a.st-formbtnlink{color: #fff; text-decoration: none;} .st-originalbtn{vertical-align: middle; background: #616161; padding: 12px 15px; margin-bottom: 0; display: flex; align-items: center;} .st-originalbtn .st-svg-question-circle,.st-originalbtn .st-svg-check-circle,.st-originalbtn .st-svg-exclamation-triangle,.st-originalbtn .st-svg-pencil-square-o{margin-right: 0px;} a.st-originallink{color: #fff; text-decoration: none;} table,.post table{box-sizing: border-box; border-top: 1px #d4d4d4 solid; border-right: 1px #d4d4d4 solid; margin-bottom: 20px; width: 100%; max-width: 100%;} table thead,.post table thead{border-top: 1px #d4d4d4 solid; border-right: 1px #d4d4d4 solid; border-bottom: none;} .wp-block-table.is-style-stripes table thead,.wp-block-table.is-style-stripes .post table thead{border: none;} table tfoot,.post table tfoot,.wp-block-table tfoot{border-top: none;} table thead th,table thead td .post table thead th,.post table thead td{border-bottom: 1px #d4d4d4 solid; border-left: 1px #d4d4d4 solid; border-top: none; border-right: none;} table > thead > tr > td,table > thead > tr > th,table > tr > td,table > tr > th{background-color: #fafafa;} @media all and (-ms-high-contrast: active), (-ms-high-contrast: none){.post table{table-layout: fixed;}} table tr td,.wp-block-table table tr td{padding: 10px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #d4d4d4; border-left-color: #d4d4d4; vertical-align: top; box-sizing: border-box; word-break: break-word; border-right: none; border-top: none;} table th{padding: 10px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #d4d4d4; border-left-color: #d4d4d4; box-sizing: border-box; word-break: break-word;} table th,table th p,.post table tr td p,.post table tr td{font-size: 15px; line-height: 24px; font-weight: normal;} table tr td > *:last-child{margin-bottom: 0;} #main .post table{border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #d4d4d4; border-right-color: #d4d4d4; color: #333;} tr.st-centertable,td.st-centertable,.st-centertable table td{text-align: center; vertical-align: middle;} .is-style-scroll-box.pc table{margin-bottom: 10px;} .is-style-scroll-box.pc{margin-bottom: 20px;} .is-style-scroll-box.pc table td,.is-style-scroll-box.pc table td p{white-space: nowrap;} .is-style-scroll-box.pc{overflow-x: auto; position: relative; cursor: ew-resize;} img.alignright{float: right; margin: 0 0 5px 10px;} img.alignleft{float: left; margin: 0 10px 5px 0;} img.aligncenter{display: block; margin: 0 auto 10px;} img.float-left{float: left;} img.float-right{float: right;} .wp-caption{text-align: center;} .aligncenter{clear: both; display: block; margin: 0 auto 10px;} main ul,main ol{padding-left: 1em; margin-bottom: 20px; margin-left: 1em;} main .sns ul,main .sns ol{padding-left: 0; margin-bottom: 0; margin-left: 0;} main ul.st_toc_list,main ol.st_toc_list{padding-left: 0; margin-bottom: 0;} main ul.st-box-btn,main ul.st_toc_list,main ol.st_toc_list,main ul.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),main ol.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),main ul.has-background,main ol.has-background{margin-left: 0;} main ul ul,main ul ol,main ol ul,main ol ol{margin-bottom: 0; padding-top: 5px;} .is-style-st-check,.is-style-st-timeline-count,.is-style-st-timeline-list,.is-style-st-circle,.is-style-st-circle-border,.is-style-st-square-checkbox-no-border,.is-style-st-square-checkbox,.is-style-st-maruck,.is-style-st-maruno,.is-style-st-no,.is-style-st-no-border,.st-square-checkbox ul,.st-square-checkbox-nobox ul,.maruck ul,.maruno ul,.st-square-checkbox ol,.st-square-checkbox-nobox ol,.maruck ol,.maruno ol{max-width: 100%; box-sizing: border-box; padding-left: 0; margin-left: 0;} main ul li,main ol li{padding-top: 0.25em; padding-bottom: 0.25em; line-height: 1.7em !important;} .is-style-st-komejirusi-list{display: flex; flex-direction: column; padding-left: 0; margin-left: 0;} .is-style-st-komejirusi-list li{list-style: none; padding-left: 1.2rem;} .is-style-st-komejirusi-list li::before{content: "※"; margin-right: 5px; margin-left: -1.2rem; width: 1rem;} .is-style-st-komejirusi-list ol,.is-style-st-komejirusi-list ul{padding-left: 0; margin-left: 0;} .is-style-st-komejirusi-list li li{list-style-type: disc; padding-left: 0; margin-left: 1.2rem;} .is-style-st-komejirusi-list li li::before{content: none; margin-left: 0;} ul.is-style-st-kaisou,ul.is-style-st-kaisou ul{list-style-type: none !important;} ul.is-style-st-kaisou{margin-left: 0 !important;} ul.is-style-st-kaisou ul{margin: 0; padding: 0;} ul.is-style-st-kaisou ul{position: relative; margin-left: 10px;} ul.is-style-st-kaisou ul:before{content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 0; border-left: 1px solid #ccc;} ul.is-style-st-kaisou li{position: relative; margin: 0; padding: 0.3em 0 0.3em 1em; text-decoration: none;} ul.is-style-st-kaisou > li{padding-left: 0;} ul.is-style-st-kaisou li a{position: relative; color: #ccc; text-decoration: none; font-weight: bold;} ul.is-style-st-kaisou ul li:before{content: ""; display: block; position: absolute; top: 1em; left: 0; width: 0.7em; height: 0; border-top: 1px solid #ccc;} ul.is-style-st-kaisou ul li ul li:last-child:before{top: 1em; bottom: 0; height: auto; background: #fff;} main .st-list-underline li,main ul.is-style-st-border li,main ol.is-style-st-border li,main ul.is-style-st-circle-border li,main ol.is-style-st-circle-border li,main ul.is-style-st-square-checkbox li,main ol.is-style-st-square-checkbox li,main ul.is-style-st-no-border li,main ol.is-style-st-no-border li{padding-top: 0.5em; padding-bottom: 0.5em;} .st-list-underline.is-style-st-no > li::before{top: calc(0.25em + 5px) !important;} .st-list-underline.is-style-st-circle > li::before{top: calc(0.75em + 5px);} ul li{text-align: left;} .post ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not( .st-pvm-nav-list ){list-style-type: disc;} .post ol{list-style-type: decimal;} .post .is-style-st-maruno,.post .is-style-st-maruck,.post .maruno,.post .maruck{margin-bottom: 20px;} .post .is-style-st-maruno > li,.post .maruno li{counter-increment: st-section;} .post .is-style-st-maruno > li::before,.post .maruno li::before{content: counters(st-section, "");} .post .is-style-st-maruck > li::before,.post .maruck li::before{content: " \f00c"; font-family: stsvg;} .post .is-style-st-maruno > li,.post .is-style-st-maruck > li,.post .maruno li,.post .maruck li{list-style-type: none; padding-left: 2.25em; position: relative;} .post .is-style-st-maruno > li::before,.post .is-style-st-maruck > li::before,.post .maruno li::before,.post .maruck li::before{border-radius: 50%; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; background: #f3f3f3; color: #333; box-sizing: border-box; left: 0.25em; position: absolute; transform: scale(0.8);} .st-list-underline > li,.is-style-st-border > li,.is-style-st-circle-border > li,.is-style-st-check-border > li,.is-style-st-no-border > li{border-bottom: dotted 1px #ccc;} 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{position: relative; padding-left: 2em; list-style: none;} .is-style-st-circle > li::before{content: ""; width: 0.5em; height: 0.5em; line-height: 0.5em; background-color: #ccc; border-radius: 50%; position: absolute; left: 0.75em; top: 0.75em;} .is-style-st-circle-border > li::before{content: ""; width: 0.5em; height: 0.5em; line-height: 0.5em; background-color: #ccc; border-radius: 50%; position: absolute; left: 0.75em; top: 1em;} .is-style-st-correct-list{max-width: 100%; box-sizing: border-box; padding-left: 0; margin-left: 0;} .post .is-style-st-correct-list{margin-bottom: 20px;} .is-style-st-correct-list > li::before{content: " \f10c"; font-family: stsvg; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; color: #4fc3f7; box-sizing: border-box; left: 0.25em; position: absolute;} .is-style-st-correct-list > li{list-style-type: none; padding-left: 2em; position: relative;} .is-style-st-wrong-list{max-width: 100%; box-sizing: border-box; padding-left: 0; margin-left: 0;} .post .is-style-st-wrong-list{margin-bottom: 20px;} .is-style-st-wrong-list > li::before{content: " \f00d"; font-family: stsvg; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; color: #f44336; box-sizing: border-box; left: 0.25em; position: absolute;} .is-style-st-wrong-list > li{list-style-type: none; padding-left: 2em; position: relative;} .is-style-st-check > li,.is-style-st-check-border > li{position: relative; padding-left: 2.5em; list-style: none;} .is-style-st-check > li::before,.is-style-st-check-border > li::before{content: ""; position: absolute; top: 0.75em; left: 0.9em; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 0.2em; height: 0.5em; border-right: 2px solid #f44336; border-bottom: 2px solid #f44336;} .is-style-st-check > li::after,.is-style-st-check-border > li::after{content: ""; position: absolute; top: 0.55em; left: 0.5em; width: 1em; height: 1em; border: solid 1px #ccc;} .is-style-st-check > li::after:hover,.is-style-st-check-border > li::after:hover{color: #ff0000;} .is-style-st-no > li,.is-style-st-no-border > li{display: block; flex-wrap: wrap; counter-increment: st-list-count; list-style: none; position: relative; padding-left: 2.5em;} .is-style-st-no > li::before{content: counter(st-list-count); width: 1.5em; height: 1.5em; background-color: #ccc; color: #fff; line-height: 1.5em; position: absolute; left: 0.25em; text-align: center; top: 0.25em !important; transform: scale(0.8);} .is-style-st-no-border > li::before{content: counter(st-list-count); width: 1.5em; height: 1.5em; background-color: #ccc; color: #fff; line-height: 1.5em; position: absolute; left: 0.25em; text-align: center; top: 0.5em !important; transform: scale(0.8);} .st-count{counter-increment: stcnt;} .st-count::before{content: counter(stcnt) ". "; margin-right: 5px; font-family: Roboto, Arial, sans-serif;} main,.st-count-reset,.wp-block-group.cnt-reset{counter-reset: stcnt !important;} .post .st-box-btn,.st-box-btn{position: relative; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; padding: 0 !important; margin-bottom: 20px;} .st-box-btn p{word-break: break-all;} #side aside ul.st-box-btn li,.st-box-btn li,.post .st-box-btn li,.post ul.st-box-btn li:last-child{display: flex; box-sizing: border-box; justify-content: center; align-items: center; width: 50%; box-shadow: 1px 1px 0 0 #bdbdbd inset, 1px 1px 0 0 #bdbdbd, 1px 0 0 0 #bdbdbd; text-align: center; vertical-align: middle; background: #fff; padding: 0;} #footer .st-box-btn p{margin-bottom: 0;} @media only screen and (min-width: 600px){.st-box-btn.st-pc-show-4 li,.post .st-box-btn.st-pc-show-4 li,.post ul.st-box-btn.st-pc-show-4 li:last-child{width: 25%;} .st-box-btn.st-pc-show-3 li,.post .st-box-btn.st-pc-show-3 li,.post ul.st-box-btn.st-pc-show-3 li:last-child{width: 33.333%;} .acordion_tree .st-box-btn.st-pc-show-4 li,.acordion_tree .post .st-box-btn.st-pc-show-4 li,.acordion_tree .post ul.st-box-btn.st-pc-show-4 li:last-child,.acordion_tree .st-box-btn.st-pc-show-3 li,.acordion_tree .post .st-box-btn.st-pc-show-3 li,.acordion_tree .post ul.st-box-btn.st-pc-show-3 li:last-child{width: 50%;}} .st-box-btn li a{display: block; width: 100%; text-decoration: none; color: #424242; line-height: 1.2; padding: 20px; box-sizing: border-box;} .st-box-btn li a:hover{opacity: 0.7; transition: all 0.5s;} .st-box-btn .st-fa,.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,.post .st-box-btn.st-box-btn-list-vertical,.st-box-btn.st-box-btn-list-vertical{justify-content: flex-start; flex-wrap: wrap; flex-direction: column;} #side aside ul.st-box-btn.st-box-btn-list-vertical li,.st-box-btn.st-box-btn-list-vertical li,.post .st-box-btn.st-box-btn-list-vertical li,.post ul.st-box-btn.st-box-btn-list-vertical li:last-child{width: 100%;} #side aside ul.st-box-btn.st-box-btn-list-vertical li a,.st-box-btn.st-box-btn-list-vertical li a,.post .st-box-btn.st-box-btn-list-vertical li a,.post ul.st-box-btn.st-box-btn-list-vertical li:last-child a{display: flex; box-sizing: border-box; justify-content: flex-start; align-items: center; flex-wrap: wrap; flex-direction: row; text-align: left;} #side aside ul.st-box-btn.st-box-btn-list-vertical .st-fa,#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 .st-fa,.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;} @media print, screen and (max-width: 599px){.st-box-btn .st-fa,.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 .st-fa,.st-box-btn.st-box-btn-list-vertical img{min-width: 20%;}} footer ul.st-box-btn .fa,footer ul.st-box-btn .st-fa,footer ul.st-box-btn img,#side aside ul.st-box-btn .fa,#side aside ul.st-box-btn .st-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 .st-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 .st-fa,#side aside ul.st-box-btn.st-box-btn-list-vertical img{min-width: 20%;} .st-slidebox-c{margin-bottom: 20px; padding: 15px; background: #fafafa; border-radius: 5px;} .st-btn-open{display: flex; align-items: center;} .post .st-btn-open{color: #333; cursor: pointer; margin-bottom: 0;} .st-btn-open .st-fa,.st-btn-open .fa{margin-right: 5px;} .st-slidebox-c.is-st-toggle-icon-position-right .st-fa,.st-slidebox-c.is-st-toggle-icon-position-right .fa{margin-right: 0; margin-left: 5px; order: 2;} .is-expanded .st-btn-open{font-size: 0.85em; opacity: 0.8;} .is-expanded .st-btn-open .st-fa,.is-expanded .st-btn-open .fa{font-size: 0.7em; opacity: 0.8;} .st-memobox2{position: relative; margin: 25px 0 20px; padding: 20px; border: solid 1px #9e9e9e; border-radius: 0;} .st-memobox2 .st-fa,.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: #333; font-weight: normal; font-size: 90%;} .st-memobox2 .st-memobox-title::before{content: "\f0f6\00a0"; font-family: stsvg;} .st-memobox2 > *{font-size: 95%; line-height: 1.5;} .st-memobox{position: relative; margin: 20px 0; padding: 20px; border: solid 2px #9e9e9e; border-radius: 8px;} .st-memobox .st-fa,.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; z-index: -2;} .st-in-mybox p{margin-bottom: 10px;} .st-in-mybox > *:last-child{margin-bottom: 0;} .st-in-mybox .is-style-st-circle,.st-in-mybox .is-style-st-circle-border,.st-in-mybox .is-style-st-check,.st-in-mybox .is-style-st-check-border,.st-in-mybox .is-style-st-square-checkbox-no-border,.st-in-mybox .is-style-st-square-checkbox,.st-in-mybox .is-style-st-no,.st-in-mybox .is-style-st-no-border{padding-left: 0 !important;} .st-mybox .st-fa,.st-mybox .fa{margin-right: 5px; margin-left: 5px;} .st-mybox:not(.st-title-border) .st-mybox-title{background: none !important;} .st-mybox .st-mybox-title{position: absolute; display: inline-block; top: calc(-0.5em - 0.5 * var(--border-height, 0.5em)); left: 10px; line-height: 1; color: #9e9e9e; font-weight: bold; margin-bottom: 10px; z-index: 1; text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838246px 0px; padding: 0; background-color: transparent !important;} .st-mybox:not(.st-title-under)::before{content: ""; position: absolute; top: 0; left: 5px; z-index: 1 !important; background-color: #ffffff; top: calc(-1 * var(--border-height, 0px)); height: var(--border-height, 0px); width: var(--title-width, 0);} .wp-block-st-blocks-my-box .st-in-mybox{padding: 30px 0 20px;} .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; background-color: transparent !important;} .st-mybox.st-title-under .st-mybox-title::after{content: none;} .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:not(.st-title-under)::before{left: 20px; width: calc(var(--title-width, 0) - 10px);} .st-mybox.st-title-border.st-title-under .st-mybox-title{padding-bottom: 10px; margin-bottom: 20px; padding-right: 5px;} .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: 0 0 10px; background: #f3f3f3; font-size: 15px; line-height: 25px; margin-bottom: 20px; position: relative;} .p-free{padding: 0; margin-bottom: 0; border-bottom: none; border-right: none; border-left: none;} .p-free::after{content: ""; display: block; margin-bottom: 5px;} .p-entry-f{padding: 3px 20px; margin: 0; font-size: 15px; font-weight: bold; background: #feb20a; color: #fff; top: 0; left: 0; max-width: 80%; display: inline-block;} .p-entry-f .st-fa,.p-entry-f .fa{margin-right: 5px;} .free-inbox{padding: 10px 15px 10px; text-align: left;} .free-inbox p{margin-bottom: 10px;} .free-inbox > *:last-child{margin-bottom: 0;} .freebox-intitle{border-top: none; padding-top: 0;} .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 .st-fa,.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{font-size: 85%; padding: 8px 20px; margin: 0 10px 0 0; display: inline-block;} .st-marumozi-big{padding: 8px 20px; margin: 0 10px 0 0; display: inline-block; font-weight: bold;} .post p.st-marumozi-big-p{margin-bottom: 0;} .st-marumozi .st-fa,.st-marumozi-big .st-fa,.st-marumozi .fa,.st-marumozi-big .fa{margin-right: 7px;} .st-marumozi img{border-radius: 50%; width: 20px; height: auto; margin-right: 5px;} .st-marumozi-big img{border-radius: 50%; width: 30px; height: auto; margin-right: 10px;} .st-marumozi .photoline img,.st-marumozi-big .photoline img{border-radius: 0; border: none;} .clip-memobox{display: flex; background: #f3f3f3; border-radius: 3px; margin-bottom: 20px; padding: 10px;} .clip-fonticon{align-self: center; padding: 0 0.7em 0 calc(0.7em - 5px); text-align: center; flex-shrink: 0; border-right: 1px solid #e0e0e0; border-top: none; border-left: none; border-bottom: none;} .clip-memotext p{margin-bottom: 10px; overflow-wrap: anywhere; word-break: break-word;} .clip-memotext{min-width: 0; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding-left: 1em; box-sizing: border-box;} .clip-memotext > *{font-size: 95%; line-height: 1.7;} .clip-memotext .is-style-st-circle,.clip-memotext .is-style-st-circle-border,.clip-memotext .is-style-st-check,.clip-memotext .is-style-st-check-border,.clip-memotext .is-style-st-square-checkbox-no-border,.clip-memotext .is-style-st-square-checkbox,.clip-memotext .is-style-st-no,.clip-memotext .is-style-st-no-border{padding-left: 0 !important;} .clip-memotext > *:last-child{margin-bottom: 0 !important;} main .clip-memotext ul,main .clip-memotext ol{padding: 0 1em 0 0;} main .clip-memotext .is-style-st-border,main .clip-memotext .is-style-st-no-border,main .clip-memotext .is-style-st-square-checkbox{padding-bottom: 10px;} .clip-memobox.st-text-guide .clip-fonticon{display: flex; justify-content: center; align-items: center;} .clip-memobox.st-text-guide .st-fa,.clip-memobox.st-text-guide .fa,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .st-fa,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .fa{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .clip-memobox.st-text-guide .st-fa::before,.clip-memobox.st-text-guide .st-fa::after,.clip-memobox.st-text-guide .fa::before,.clip-memobox.st-text-guide .fa::after,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .st-fa::before,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .fa::before{line-height: 1.5em;} .clip-memobox.st-text-guide .st-fa::before,.clip-memobox.st-text-guide .fa::before{display: block; padding-top: 10px;} .clip-memobox.st-text-guide .st-fa::after,.clip-memobox.st-text-guide .fa::after,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .st-fa::after,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .fa::after{margin-top: 0; display: block; font-size: 11px; max-width: 5.5em; line-height: 1.5em;} .clip-memobox.st-text-guide.st-text-guide-sankou .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-sankou .fa::after{content: "参考";} .clip-memobox.st-text-guide.st-text-guide-kanren .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-kanren .fa::after{content: "関連";} .clip-memobox.st-text-guide.st-text-guide-memo .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-memo .fa::after{content: "メモ";} .clip-memobox.st-text-guide.st-text-guide-attention .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-attention .fa::after{content: "注意";} .clip-memobox.st-text-guide.st-text-guide-point .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-point .fa::after{content: "Check";} .clip-memobox.st-text-guide.st-text-guide-next .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-next .fa::after{content: "次へ進む";} .clip-memobox.st-text-guide.st-text-guide-prev .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-prev .fa::after{content: "前に戻る";} .clip-memobox.st-text-guide.st-text-guide-question .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-question .fa::after{content: "質問";} .clip-memobox.st-text-guide.st-text-guide-answer .st-fa::after,.clip-memobox.st-text-guide.st-text-guide-answer .fa::after{content: "回答";} .clip-memobox.wp-block-st-blocks-memo.has-border{border: 1px solid transparent;} .clip-memobox.wp-block-st-blocks-memo.has-icon-label .st-fa::after,.clip-memobox.wp-block-st-blocks-memo.has-icon-label .fa::after{content: attr(data-icon-label);} .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-share{background: #fafafa; padding: 5px; border-radius: 3px; font-size: 95%; line-height: 1.7;} .st-share::before{content: "\00a0\00a0\f0c1\00a0\00a0\00a0"; font-family: stsvg; color: #9e9e9e;} .st-square-checkbox:not(.st-square-checkbox-nobox){border: 3px solid #f3f3f3; padding: 30px 30px 15px; box-sizing: border-box; margin-bottom: 20px;} .post .st-square-checkbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not( .st-pvm-nav-list ),.st-square-checkbox:not(.st-square-checkbox-nobox) ul{margin-bottom: 0;} #side aside .st-mybox .st-square-checkbox.st-square-checkbox-nobox li:last-child,.post .st-mybox .st-square-checkbox.st-square-checkbox-nobox li:last-child,.st-mybox .st-square-checkbox.st-square-checkbox-nobox li:last-child,#side aside .freebox .st-square-checkbox.st-square-checkbox-nobox li:last-child,.post .freebox .st-square-checkbox.st-square-checkbox-nobox li:last-child,.freebox .st-square-checkbox.st-square-checkbox-nobox li:last-child{margin-bottom: 0;} .post .is-style-st-square-checkbox-no-border > li,.post .is-style-st-square-checkbox > li,.is-style-st-square-checkbox-no-border > li,.is-style-st-square-checkbox > li,#side aside .st-square-checkbox > li,.post .st-square-checkbox > li,.st-square-checkbox ul li,.st-square-checkbox > li{position: relative; display: block; line-height: 1.5;} .st-square-checkbox li,.is-style-st-square-checkbox > li,.post .is-style-st-square-checkbox-no-border > li,.is-style-st-square-checkbox-no-border > li{padding-left: 2.5em;} .post .is-style-st-square-checkbox > li,.is-style-st-square-checkbox > li,#side aside .st-square-checkbox > li,.post .st-square-checkbox > li,.st-square-checkbox ul li,.st-square-checkbox > li{border-bottom: 1px dashed #ccc;} .rankstlink-l2 p a,.st-mybtn a{transition: all 0.5s;} .rankstlink-l2 p a:hover,.st-mybtn a:hover{opacity: 0.8;} .st-mybtn{box-sizing: border-box; margin-left: auto; margin-right: auto; display: table;} .st-mybtn:not(.st-mybtn-noborder){border: 1px solid #ccc;} .st-mybtn a{padding: 0.7em 1.5em; text-align: center; box-sizing: border-box; display: flex; width: 100%; height: 100%; text-decoration: none; justify-content: center; align-items: center;} .st-mybtn .fa:not(.fa-after),.st-mybtn .st-fa:not(.st-svg-after){margin-right: 10px;} .st-mybtn .fa.fa-after,.st-mybtn .st-fa.st-svg-after{margin-left: 10px;} .st-mybtn.st-btn-default{min-width: 40%;} @media print, screen and (max-width: 599px){.st-mybtn.st-btn-default{min-width: 100%;}} .st-mybtn.wp-block-st-blocks-my-button{color: #ffffff; background-color: #e6514c; border: 1px solid #e57373; border-radius: 5px; box-shadow: 0 3px 0 #c62828;} .st-mybtn.wp-block-st-blocks-my-button a{color: #ffffff;} .st-mybtn.wp-block-st-blocks-my-button.st-reflection{overflow: hidden;} .st-mybtn i:not(.st-svg-after):not(.fa-after){margin-right: 7px;} .st-mybtn i.st-svg-after,.st-mybtn i.fa-after{margin-left: 7px;} .st-mybtn.st-mybtn-mini{border: none; box-sizing: border-box; margin: 0 3px 10px; display: inline-block;} .st-mybtn.st-mybtn-mini a{padding: 7px 15px; text-align: left; box-sizing: border-box; display: inline-block; width: inherit; height: auto; text-decoration: none; font-size: 95%;} .st-mybtn.st-mybtn-mini .fa:not(.fa-after),.st-mybtn.st-mybtn-mini .st-fa:not(.st-svg-after){margin-right: 10px;} .st-mybtn.st-mybtn-mini .fa.fa-after,.st-mybtn.st-mybtn-mini .st-fa.st-svg-after{margin-left: 10px;} .st-mybtn.st-mybtn-mini:hover{opacity: 0.6;} .st-mybtn.st-mybtn-mini.st-btn-default{width: inherit;} .st-mcbtn-box{border-radius: 5px;} .st-mcbtn-box .st-mybtn,.post .st-mcbtn-box .st-mybtn{margin-bottom: 10px;} .st-reflection-on:not(.no-reflection),.st-mybtn.st-reflection:not(.no-reflection) a{position: relative; overflow: hidden;} .st-reflection-on:not(.no-reflection)::after,.st-mybtn.st-reflection:not(.no-reflection) a::after{content: ""; height: 100%; width: 30px; position: absolute; top: -180px; left: 0; background-color: #fff; opacity: 0; transform: rotate(45deg); animation: reflection 5s ease-in-out infinite;} @keyframes reflection{ 0% { transform: scale(0) rotate(45deg); opacity: 0; } 80% { transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { transform: scale(4) rotate(45deg); opacity: 1; } 100% { transform: scale(50) rotate(45deg); opacity: 0; } } .st-itmebox img{border: none !important;} a.itembox-link{text-decoration: none; font-size: 90%; display: block; box-sizing: border-box;} a.itembox-link h5{text-decoration: underline;} .st-cardbox.st-itmebox{padding-top: 10px;} a.itembox-link p,.post a.itembox-link p{margin-bottom: 5px;} .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;} a.itembox-link:hover{opacity: 0.7;} a.itembox-link .itembox-price{color: #616161;} .st-user-comment-box{display: flex; align-items: center; padding-bottom: 5px; margin-bottom: 10px !important; border-bottom: 1px dotted #ccc;} .st-user-comment-img{width: 40px; padding-right: 15px;} .st-user-comment-img:empty{width: 0; padding-right: 0;} .st-user-comment-img img{border-radius: 50%;} .st-user-comment-text{width: calc(100% - 50px);} .st-user-comment-text p:not(.st-user-comment-attribute){font-weight: bold; margin-bottom: -2px; line-height: 1.5 !important; font-size: 0.9em !important;} .st-user-comment-box .st-star,.st-user-comment-attribute{font-size: 0.8em; margin-bottom: 0; font-weight: normal;} @media print, screen and (max-width: 959px){.st-user-comment-text p:not(.st-user-comment-attribute){line-height: 1.3 !important;} .st-user-comment-box .st-star,.st-user-comment-attribute{font-size: 0.8em;}} .st-user-comment-attribute{color: #9e9e9e;} .st-user-comment-box .st-star{margin-left: 7px;} .st-mybox .st-user-comment-box .st-svg-star-half-o,.st-mybox .st-user-comment-box .st-svg-star-o,.st-mybox .st-user-comment-box .st-svg-star{margin-right: 0;} #st_toc_container,.st_toc_container{margin: 0 auto 20px; text-align: center; transition: all 0.2s;} #st_toc_container .st_toc_title,.st_toc_container .st_toc_title{text-align: center; padding: 5px; position: relative; display: inline-block; vertical-align: middle; margin-bottom: 5px;} #st_toc_container .st_toc_title,.st_toc_container .st_toc_title{margin: 0 auto;} #st_toc_container:not(.st_toc_contracted) .st_toc_title,.st_toc_container:not(.st_toc_contracted) .st_toc_title{margin-bottom: 20px;} #st_toc_container.st_toc_contracted,.st_toc_container.st_toc_contracted{transition: all 0.2s;} #st_toc_container .st_toc_title::before,.st_toc_container .st_toc_title::before{content: "\e91c\00a0"; font-family: stsvg; font-size: 0.8em; font-weight: normal;} #st_toc_container .st_toc_title .st_toc_toggle,.st_toc_container .st_toc_title .st_toc_toggle{font-weight: normal; font-size: 95%; margin-left: 5px;} .post #st_toc_container ul,.post #st_toc_container ol,.post .st_toc_container ul,.post .st_toc_container ol{list-style: none; margin-bottom: 0;} .post #st_toc_container li ul,.post #st_toc_container li ol,.post .st_toc_container li ul,.post .st_toc_container li ol{margin-bottom: 10px;} #st_toc_container li li:empty,#st_toc_container ul ul:empty,.st_toc_container li li:empty,.st_toc_container ul ul:empty{padding-bottom: 5px;} #st_toc_container li:empty,.st_toc_container li:empty{margin-bottom: 5px;} .st_toc_number{font-weight: bold; margin-right: 5px; color: #777;} #st_toc_container ul a,.st_toc_container ul a{display: block; text-decoration: none; color: #333; padding: 2px 0 7px;} #st_toc_container ul li li a,.st_toc_container ul li li a{padding-left: 5px;} #st_toc_container ul a:hover,.st_toc_container ul a:hover{opacity: 0.5;} #st_toc_container .st_toc_list > li > li > a,.st_toc_container .st_toc_list > li > li > a{margin-bottom: 10px;} #st_toc_container .st_toc_list > li > a,.st_toc_container .st_toc_list > li > a{border-bottom: none; padding: 5px 0;} .post #st_toc_container ul ul,.post .st_toc_container ul ul{padding: 5px 0 0;} .post #st_toc_container ul ul ul,.post .st_toc_container ul ul ul{padding-left: 10px;} #st_toc_container li,.st_toc_container li{font-weight: bold; margin-bottom: 0; padding: 0; list-style-type: none; text-align: left; text-indent: -0.8em; padding-left: 1em;} #st_toc_container .st_toc_list > li > a,.st_toc_container .st_toc_list > li > a{font-weight: normal;} #st_toc_container > ul > li,.st_toc_container > ul > li{font-size: 18px; margin-bottom: 10px;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_default > ul > li,.st_toc_container.st_toc_style_default > ul > li{margin-bottom: 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_default li li a,.st_toc_container.st_toc_style_default li li a{padding-left: 3px;} main #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_default ul ul,main .st_toc_container.st_toc_style_default ul ul{margin-left: 0;} main .post #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_default > ul > li > ul,main .post .st_toc_container.st_toc_style_default > ul > li > ul{padding-bottom: 20px;} #st_toc_container > ul > li:first-child,.st_toc_container > ul > li:first-child{padding-top: 0;} #st_toc_container > ul > li:last-child,.st_toc_container > ul > li:last-child{margin-bottom: 0;} #st_toc_container li li a::before,.st_toc_container li li a::before{content: none;} #st_toc_container li li,.st_toc_container li li{text-align: left; font-weight: normal; list-style: decimal outside none; text-indent: 0; padding: 5px 0 0;} #st_toc_container li li li,.st_toc_container li li li{margin-bottom: 0; padding: 5px 0;} #st_toc_container:not(.over_toc_content):not(.side_toc_content) li li li a,.st_toc_container:not(.over_toc_content):not(.side_toc_content) li li li a{border: none; margin-bottom: 0; padding: 0;} #st_toc_container.only-toc:not(.st_toc_style_dot) .st_toc_list,.st_toc_container.only-toc:not(.st_toc_style_dot) .st_toc_list{padding: 10px 20px 20px 40px;} #st_toc_container.only-toc li,.st_toc_container.only-toc li{padding: 0; font-weight: normal; text-indent: 0; list-style-type: decimal;} #st_toc_container.only-toc .st_toc_list li a,.st_toc_container.only-toc .st_toc_list li a{border-bottom: none;} #st_toc_container.only-toc:not(.st_toc_style_dot) ul a,.st_toc_container.only-toc:not(.st_toc_style_dot) ul a{padding: 10px 10px 10px 5px;} #st_toc_container.only-toc li a::before,.st_toc_container.only-toc li a::before{content: none;} .post #st_toc_container ol.st-original-toc > li,.post .st_toc_container ol.st-original-toc > li{list-style: decimal; text-align: left; font-weight: normal; padding: 0; text-indent: 0;} #st_toc_container ol.st-original-toc > li a::before,.st_toc_container ol.st-original-toc > li a::before{content: none;} .st_toc_back,.st_toc_back:focus,.st_toc_back:hover,.st_toc_back:active{color: #ccc; text-decoration: none;} .st_toc_back{position: fixed; bottom: 109px; right: 15px; z-index: 9999; display: flex; flex-direction: column; opacity: 0; transition: all 0.5s; pointer-events: none; justify-content: center; align-items: center;} .st_toc_back.is-shown{opacity: 1; pointer-events: auto;} .st_toc_back.is-top{bottom: 139px;} .st_toc_back_icon{display: block; background: none; width: auto; height: auto; font-size: 32px;} .st_toc_back_icon::before{display: flex; justify-content: center; align-items: center; content: "\e91c"; font-family: stsvg; font-size: 12px; margin-bottom: 5px; margin-top: 5px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .st_toc_back_label{margin-top: 0; font-size: 10px;} .st_toc_back.is-rounded,.st_toc_back.is-rounded:focus,.st_toc_back.is-rounded:hover,.st_toc_back.is-rounded:active{color: #fff;} .st_toc_back.is-rounded{bottom: 110px; background: #ccc; border-radius: 100%; width: 60px; height: 60px;} .st_toc_back.is-rounded.is-shown{opacity: 0.8;} .st_toc_back.is-rounded.is-top{bottom: 150px;} @media screen and (orientation: landscape){.st_toc_back.is-rounded.is-top{bottom: calc(constant(safe-area-inset-bottom) + 150px ); bottom: calc(env(safe-area-inset-bottom) + 150px );} .st_toc_back.is-rounded.is-top{bottom: calc(constant(safe-area-inset-bottom) + 150px ); bottom: calc(env(safe-area-inset-bottom) + 150px );}} @media screen and (orientation: portrait){.st_toc_back.is-rounded.is-top{bottom: calc(constant(safe-area-inset-bottom) + 150px ); bottom: calc(env(safe-area-inset-bottom) + 150px );} .st_toc_back.is-rounded.is-top{bottom: calc(constant(safe-area-inset-bottom) + 150px ); bottom: calc(env(safe-area-inset-bottom) + 150px );}} .st_toc_back.is-rounded .st_toc_back_icon{font-size: 24px;} .st_toc_back:not(.is-rounded){border: 1px solid #ccc; border-bottom: none; width: 58px; height: 59px; bottom: 99px; right: 15px; background: rgba(255, 255, 255, 0.9);} .st_toc_back:not(.is-rounded).is-top{bottom: 139px;} @media screen and (orientation: landscape){.st_toc_back:not(.is-rounded).is-top{bottom: calc(constant(safe-area-inset-bottom) + 139px ); bottom: calc(env(safe-area-inset-bottom) + 139px );} .st_toc_back:not(.is-rounded).is-top{bottom: calc(constant(safe-area-inset-bottom) + 139px ); bottom: calc(env(safe-area-inset-bottom) + 139px );}} @media screen and (orientation: portrait){.st_toc_back:not(.is-rounded).is-top{bottom: calc(constant(safe-area-inset-bottom) + 139px ); bottom: calc(env(safe-area-inset-bottom) + 139px );} .st_toc_back:not(.is-rounded).is-top{bottom: calc(constant(safe-area-inset-bottom) + 139px ); bottom: calc(env(safe-area-inset-bottom) + 139px );}} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list{position: relative;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list::after,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list::after{content: ""; border-left: 2px solid #ccc; position: absolute; height: calc(100% - 1.7em); top: 0.2em; left: 0; margin-top: 0.5em; opacity: 0.3;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count:not(.st_toc_contracted),#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc:not(.st_toc_contracted),.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count:not(.st_toc_contracted),.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc:not(.st_toc_contracted){padding: 20px 30px;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list{list-style: none;} .post #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul ul,.post .st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul ul{display: none; padding: 10px 0;} main .post #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_default ul ul,main .post .st_toc_container.st_toc_style_default ul ul{padding: 10px 0 10px 1em; margin-bottom: 0;} main #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul,main .st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul{margin-left: -0.5em; padding: 10px 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list a,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list a,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul a,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list ul a,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list a,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list a,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list ul a,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list ul a{padding: 0.15em 0; border: 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count li,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc li{border: 0; text-indent: 0; padding-left: 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc li{list-style: none;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count li a::before,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count li a::before{content: normal;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list > li + li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list > li + li{margin-top: 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li{padding: 2px 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li a,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li a{padding-left: 0;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list,#st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count.only-toc .st_toc_list{padding: 0 0 0 24px;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list > li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list > li{counter-increment: st-toc-timeline-count;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list > li::before,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list > li::before{position: absolute; border-radius: 50%; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; font-size: 60%; font-weight: normal; margin-top: -2px; margin-left: calc(-27px - 1.25em); padding-right: 0; background: #f3f3f3; color: #333; content: counters(st-toc-timeline-count, ""); z-index: 1; border: 4px solid #fff;} #st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li,.st_toc_container:not(.over_toc_content):not( .side_toc_content ).st_toc_style_timeline-count .st_toc_list li li{margin: 0 0 0 1.5em;} .post .st_toc_style_timeline-count > ul > li > ul{margin-left: -10px;} .side_toc .st_toc_container{padding: 15px 20px;} .side_toc #st_toc_container li,.side_toc .st_toc_container li{text-indent: 0;} .side_toc #st_toc_container ul ul,.side_toc .st_toc_container ul ul{padding: 5px 20px 0;} .over_toc .st_toc_container:not(.st_toc_contracted) .st_toc_title{margin-bottom: 10px;} .over_toc #st_toc_container.st_toc_style_default li a::before,.over_toc #st_toc_container.st_toc_style_default li li a::before,.over_toc #st_toc_container > ul > li,#st_toc_container > ul ul > li,.over_toc .st_toc_container.st_toc_style_default li a::before,.over_toc .st_toc_container.st_toc_style_default li li a::before,.over_toc .st_toc_container > ul > li,.st_toc_container > ul ul > li,.side_toc #st_toc_container.st_toc_style_default li a::before,.side_toc #st_toc_container.st_toc_style_default li li a::before,.side_toc #st_toc_container > ul > li,#st_toc_container > ul ul > li,.side_toc .st_toc_container.st_toc_style_default li a::before,.side_toc .st_toc_container.st_toc_style_default li li a::before,.side_toc .st_toc_container > ul > li,.st_toc_container > ul ul > li{color: #cccccc; opacity: 1;} .side_toc .st_toc_container:not(.st_toc_contracted) .st_toc_title,.over_toc .st_toc_container:not(.st_toc_contracted) .st_toc_title{color: #cccccc; padding: 5px;} .st-tab-category{margin-bottom: 0;} .st-tab-content > label{-webkit-appearance: none; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: none; cursor: pointer; display: inline-block; padding: 7px; text-align: center; width: 30%; box-sizing: border-box; border-radius: 3px 3px 0 0; height: auto; word-break: break-word;} .st-tab-content input[type="radio"] + label{padding: 7px; display: inline-block;} .st-tab-content > label::after{content: ""; display: block; position: absolute; background: #fff; width: calc(100% + 2px); height: 100%; opacity: 0.4; border: 1px solid #fff; top: -1px; left: -1px;} .st-tab-content{margin-bottom: 20px;} .st-tab-content > label{margin-right: 5px; position: relative;} .st-tab-content > label:last-child{margin-right: 0;} .st-tab-content > label .st-fa,.st-tab-content > label .fa{margin-right: 5px;} .st-tab-content:not(.st-tab-content-type-button) label{border-bottom: none !important;} .st-tabs{--st--color: #000; --st--background-color: transparent; --st--border-width: 0; --st--border-color: #000; --st--padding-top: 0; --st--padding-right: 0; --st--padding-bottom: 0; --st--padding-left: 0; margin-bottom: 20px; border-style: none;} .st-tabs :where([style*="border-width"]){border-style: none;} .st-tabs__tab-list,main .st-tabs__tab-list.has-background{position: relative; margin: 0 -2px; padding: 0; display: flex; justify-content: space-between; overflow-x: auto; overflow-y: hidden; z-index: 1;} .st-tabs__tab-list-item{display: block; flex-grow: 1; flex-shrink: 1; cursor: pointer; box-sizing: border-box; width: 100%; height: auto; word-break: break-word; margin: 0 2px; position: relative; overflow-wrap: break-word; text-align: center; opacity: 0.6;} main .st-tabs__tab-list .st-tabs__tab-list-item{padding: 0;} .st-tabs__tab-list-item.is-selected{opacity: 1;} .st-tabs__tab-list-item.has-text-align-left{text-align: left;} .st-tabs__tab-list-item.has-text-align-center{text-align: center;} .st-tabs__tab-list-item.has-text-align-right{text-align: right;} .st-tabs__tab-list-item.has-color{color: var(--st--color);} .st-tabs__tab-list-item.has-background{background-color: var(--st--background-color);} .st-tabs__tab-list-item.has-border{border-top-width: var(--st--border-width); border-right-width: var(--st--border-width); border-bottom-width: 0; border-left-width: var(--st--border-width); border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-color: var(--st--border-color);} .st-tabs__tab-list-item.has-no-border{border: 0;} .st-tabs__tab{display: flex; justify-content: center; align-items: center; flex-basis: 100%; width: 100%; height: 100%; padding: 7px; border: 0; background: transparent; -webkit-appearance: none; text-align: inherit;} .st-tabs__tab-list-item.has-text-align-left .st-tabs__tab{justify-content: flex-start;} .st-tabs__tab-list-item.has-text-align-center .st-tabs__tab{justify-content: center;} .st-tabs__tab-list-item.has-text-align-right .st-tabs__tab{justify-content: flex-end;} .st-tabs__tab-text img{margin: 0; vertical-align: middle;} .st-tabs__tab-content-group{position: relative; z-index: 2;} .st-tabs__tab-content{display: block; padding: var(--wp--preset--spacing--20);} .st-tabs__tab-content[hidden]{display: none;} .st-tabs__tab-content.has-border{border-width: var(--st--border-width); border-style: solid; border-color: var(--st--border-color);} .st-tabs__tab-content.has-no-border{border: 0;} .st-tabs__tab-content > :first-child{margin-top: 0;} .st-tabs__tab-content > :last-child{margin-bottom: 0;} .st-tabs__tab-icon{margin-right: 5px;} .st-tabs.is-rounded .st-tabs__tab-list-item{border-top-left-radius: 3px; border-top-right-radius: 3px;} .st-tabs.is-rounded .st-tabs__tab-content{border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} @media only screen and (max-width: 959px){.st-tabs__tab-list{flex-wrap: wrap;} .st-tabs.is-single-tab .st-tabs__tab-list-item{width: calc(100% - 4px);} .st-tabs.is-tabs-dividable-by-2 .st-tabs__tab-list-item,.st-tabs.is-tabs-dividable-by-4 .st-tabs__tab-list-item{width: calc(50% - 4px);} .st-tabs.is-tabs-dividable-by-3 .st-tabs__tab-list-item,.st-tabs.is-tabs-mod-3-1 .st-tabs__tab-list-item,.st-tabs.is-tabs-mod-3-2 .st-tabs__tab-list-item{width: calc(33.33333% - 4px);}} .st-tabs.is-style-st-square .st-tabs__tab-list,.st-tabs.is-style-st-square .st-tabs__tab-list-item{margin-right: 0; margin-left: 0;} .st-tabs.is-style-st-square .st-tabs__tab-content.has-border,.st-tabs.is-style-st-square.is-rounded .st-tabs__tab-content.has-background{margin-top: 5px;} .st-tabs.is-style-st-square .st-tabs__tab-list-item.has-border{border-bottom-width: var(--st--border-width); border-bottom-style: solid;} .st-tabs.is-style-st-square.is-rounded .st-tabs__tab-list-item{border-radius: 0;} .st-tabs.is-style-st-square.is-rounded .st-tabs__tab-list-item:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .st-tabs.is-style-st-square.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .st-tabs.is-style-st-square.is-rounded .st-tabs__tab-content{border-radius: 5px;} @media only screen and (max-width: 959px){.st-tabs.is-style-st-square.is-rounded .st-tabs__tab-list-item:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 0;} .st-tabs.is-style-st-square.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 0; border-bottom-right-radius: 5px;} .st-tabs.is-style-st-square.is-rounded.is-single-tab .st-tabs__tab-list-item:nth-child(1),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-2 .st-tabs__tab-list-item:nth-child(2),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-3 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-square.is-rounded.is-tabs-mod-3-1 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-square.is-rounded.is-tabs-mod-3-2 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-4 .st-tabs__tab-list-item:nth-child(2){border-top-right-radius: 5px;} .st-tabs.is-style-st-square.is-rounded.is-single-tab .st-tabs__tab-list-item:nth-last-child(1),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-2 .st-tabs__tab-list-item:nth-last-child(2),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-3 .st-tabs__tab-list-item:nth-last-child(3),.st-tabs.is-style-st-square.is-rounded.is-tabs-mod-3-1 .st-tabs__tab-list-item:nth-last-child(1),.st-tabs.is-style-st-square.is-rounded.is-tabs-mod-3-2 .st-tabs__tab-list-item:nth-last-child(2),.st-tabs.is-style-st-square.is-rounded.is-tabs-dividable-by-4 .st-tabs__tab-list-item:nth-last-child(2){border-bottom-left-radius: 5px;}} .st-tabs.is-style-st-bubble .st-tabs__tab-list,.st-tabs.is-style-st-bubble .st-tabs__tab-list-item{margin-right: 0; margin-left: 0;} .st-tabs.is-style-st-bubble .st-tabs__tab-list{margin-bottom: -10px; padding-bottom: 10px;} .st-tabs.is-style-st-bubble .st-tabs__tab-content.has-border,.st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-content.has-background{margin-top: 10px;} .st-tabs.is-style-st-bubble .st-tabs__tab{position: relative;} .st-tabs.is-style-st-bubble .st-tabs__tab-list-item.has-border{border-bottom-width: var(--st--border-width); border-bottom-style: solid;} .st-tabs.is-style-st-bubble .has-border .st-tabs__tab[aria-selected="true"]::before{content: ""; position: absolute; border-width: calc(10px + var(--st--border-width)) calc(8px + var(--st--border-width)) calc(8px + var(--st--border-width)); border-style: solid; border-top-color: var(--st--border-color); border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; bottom: calc(-18px - var(--st--border-width) * 2); left: calc(50% - calc(8px + var(--st--border-width))); z-index: 1;} .st-tabs.is-style-st-bubble .has-no-border .st-tabs__tab[aria-selected="true"]::before{content: normal;} .st-tabs.is-style-st-bubble .st-tabs__tab[aria-selected="true"]::after{content: ""; position: absolute; border-width: 10px 8px 8px; border-style: solid; border-color: transparent; bottom: -18px; left: calc(50% - 8px); z-index: 2;} .st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-list-item{border-radius: 0;} .st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-list-item:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-content{border-radius: 5px;} @media only screen and (max-width: 959px){.st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-list-item:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 0;} .st-tabs.is-style-st-bubble.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 0; border-bottom-right-radius: 5px;} .st-tabs.is-style-st-bubble.is-rounded.is-single-tab .st-tabs__tab-list-item:nth-child(1),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-2 .st-tabs__tab-list-item:nth-child(2),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-3 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-mod-3-1 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-mod-3-2 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-4 .st-tabs__tab-list-item:nth-child(2){border-top-right-radius: 5px;} .st-tabs.is-style-st-bubble.is-rounded.is-single-tab .st-tabs__tab-list-item:nth-last-child(1),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-2 .st-tabs__tab-list-item:nth-last-child(2),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-3 .st-tabs__tab-list-item:nth-last-child(3),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-mod-3-1 .st-tabs__tab-list-item:nth-last-child(1),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-mod-3-2 .st-tabs__tab-list-item:nth-last-child(2),.st-tabs.is-style-st-bubble.is-rounded.is-tabs-dividable-by-4 .st-tabs__tab-list-item:nth-last-child(2){border-bottom-left-radius: 5px;}} .st-tabs.is-style-st-tab .st-tabs__tab-list,.st-tabs.is-style-st-tab .st-tabs__tab-list-item{margin-right: 0; margin-left: 0;} .st-tabs.is-style-st-tab .st-tabs__tab-list-item,.st-tabs.is-style-st-tab.is-rounded .st-tabs__tab-list-item{border-top-left-radius: 5px; border-top-right-radius: 5px;} .st-tabs.is-style-st-tab.is-rounded .st-tabs__tab-content{border-radius: 0 0 5px 5px;} .st-tabs.is-style-st-border .st-tabs__tab-list,.st-tabs.is-style-st-border .st-tabs__tab-list-item{margin-right: 0; margin-left: 0;} .st-tabs.is-style-st-border .st-tabs__tab-list{--st--border-width: 1px;} .st-tabs.is-style-st-border .st-tabs__tab-list-item{border-top-width: 0; border-right-width: 0; border-bottom-width: var(--st--border-width); border-left-width: 0; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-color: var(--st--border-color);} .st-tabs.is-style-st-border .st-tabs__tab-list-item:not(.is-selected){border-bottom-color: #ccc !important;} .st-tabs.is-style-st-border.is-rounded .st-tabs__tab-list-item{border-radius: 0;} .st-tabs.is-style-st-border.is-rounded .st-tabs__tab-list-item:first-child{border-top-left-radius: 5px;} .st-tabs.is-style-st-border.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 5px;} .st-tabs.is-style-st-border .st-tabs__tab-content{border-top-width: 0;} .st-tabs.is-style-st-border.is-rounded .st-tabs__tab-content{border-radius: 0 0 5px 5px;} @media only screen and (max-width: 959px){.st-tabs.is-style-st-border.is-rounded .st-tabs__tab-list-item:last-child{border-top-right-radius: 0;} .st-tabs.is-style-st-border.is-rounded.is-single-tab .st-tabs__tab-list-item:nth-child(1),.st-tabs.is-style-st-border.is-rounded.is-tabs-dividable-by-2 .st-tabs__tab-list-item:nth-child(2),.st-tabs.is-style-st-border.is-rounded.is-tabs-dividable-by-3 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-border.is-rounded.is-tabs-mod-3-1 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-border.is-rounded.is-tabs-mod-3-2 .st-tabs__tab-list-item:nth-child(3),.st-tabs.is-style-st-border.is-rounded.is-tabs-dividable-by-4 .st-tabs__tab-list-item:nth-child(2){border-top-right-radius: 5px;}} input[type=submit]{background: #fafafa;} input:not(.st-form-nowide):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="image"]),textarea,select{box-sizing: border-box; width: 100%;} input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),textarea,select{padding: 5px;} select{padding: 10px; border: none; border-radius: 2px;} .post input:not(.st-tab-label):not([type="image"]),.post textarea{border-radius: 3px; border: 1px solid #ccc;} #searchform input:not(.st-tab-label):not([type="image"]){border-radius: 0;} .post input:not(.st-tab-label):not([type="image"]){padding: 7px 15px; margin: 5px auto;} .post #search input{border: none;} .post_password input[type="submit"]{box-sizing: border-box; padding: 10px; margin: 10px auto; width: 50%;} .post_password{text-align: center;} .responbox,.responbox30,.responbox33,.responbox40,.responbox50,.responbox60,.responbox70,.responboxfree{margin-bottom: 10px;} @media print, screen and (max-width: 599px){.responbox30:not(.smart30) .lbox,.responbox33:not(.smart33) .lbox,.responbox40:not(.smart40) .lbox,.responbox50:not(.smart50) .lbox,.responbox60:not(.smart60) .lbox,.responbox70:not(.smart70) .lbox{margin-bottom: 20px;}} .responboxfree{display: flex;} .responboxfree .lbox{padding-right: 7px; box-sizing: border-box;} .responboxfree .rbox{padding-left: 7px; box-sizing: border-box;} .responbox50.smart50 .lbox{float: left; width: 49%; box-sizing: border-box; margin-bottom: -32768px; padding-bottom: 32768px;} .responbox50.smart50 .rbox{float: right; box-sizing: border-box; width: 49%; margin-bottom: -32768px; padding-bottom: 32768px;} .responbox50.smart50{overflow: hidden;} .responbox30.smart30 .lbox{float: left; width: 30%; box-sizing: border-box; margin-bottom: -32768px; padding-bottom: 32768px;} .responbox30.smart30 .rbox{float: right; box-sizing: border-box; width: 70%; margin-bottom: -32768px; padding-left: 10px; padding-bottom: 32768px;} .responbox30.smart30{overflow: hidden;} @media print, screen and (max-width: 599px){.responbox60,.responbox70{display: flex; flex-direction: column-reverse;}} .st-cardbox{padding: 15px; border: 1px solid #e0e0e0; margin-bottom: 20px; position: relative; box-shadow: 0 1px 4px rgb(0, 0, 0, 0.1), 0 3px 3px -3px rgb(0, 0, 0, 0.1); transition: all 0.5s; width: 100%; box-sizing: border-box;} a.st-cardlink,a .st-cardbox h5,a .st-cardbox p{text-decoration: none; color: #333;} .st-cardbox:hover{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); opacity: 0.6;} .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 dt.st-card-img,.post .st-cardbox .clearfix dt.st-card-img,#side .st-cardbox .clearfix dt.st-card-img{height: 100px; max-width: 100%; box-sizing: border-box;} .st-cardbox .clearfix dt.st-card-img img,.post .st-cardbox .clearfix dt.st-card-img img,#side .st-cardbox .clearfix dt.st-card-img img{height: 100%; object-fit: cover;} .st-cardbox .clearfix dd h5,.post .st-cardbox .clearfix dd h5,#side .st-cardbox .clearfix dd h5{margin-bottom: 10px;} .st-cardbox .clearfix dd p{font-size: 0.75em; line-height: 1.7; margin-bottom: 10px; color: #999;} @media print, screen and (max-width: 599px){.st-cardbox .clearfix dd p{font-size: 0.9em; line-height: 1.5;}} .st-cardbox .clearfix dd p.cardbox-more,.st-cardbox .clearfix dd p.st-cardbox-site{margin-top: 10px; margin-bottom: 0;} .st-cardbox .clearfix dd p.st-cardbox-site{color: #616161; display: flex; align-items: center;} .st-cardbox .clearfix dd .st-cardbox-favicon img{margin: 0 4px 0 0; vertical-align: middle;} .wp-block-embed.kanren .st-cardbox:before{content: "\f0c1 \0020 関連"; font-family: stsvg !important; position: absolute; font-size: 13px; color: #fff; top: 0; left: 0; background-color: #66bb6a; padding: 5px 10px; z-index: 1;} .wp-block-embed.popular .st-cardbox:before{content: "\f201 \0020 人気"; font-family: stsvg !important; position: absolute; font-size: 13px; color: #fff; top: 0; left: 0; background-color: #ffa726; padding: 5px 10px; z-index: 1;} .wp-block-embed.check .st-cardbox:before{content: "\f00c \0020 確認"; font-family: stsvg !important; position: absolute; font-size: 13px; color: #fff; top: 0; left: 0; background-color: #42a5f5; padding: 5px 10px; z-index: 1;} .wp-block-embed.important .st-cardbox:before{content: "\f06a \0020 重要"; font-family: stsvg !important; position: absolute; font-size: 13px; color: #fff; top: 0; left: 0; background-color: #ef5350; padding: 5px 10px; z-index: 1;} #side aside .st-cardstyle .kanren,#side aside .st-cardstyleb .kanren{padding-top: 0;} .st-cardstyle .st-cardbox .clearfix dt.st-card-img,.st-cardstyle .post .st-cardbox .clearfix dt.st-card-img,#side .st-cardstyle .st-cardbox .clearfix dt.st-card-img,.st-cardstyleb .st-cardbox .clearfix dt.st-card-img,.st-cardstyleb .post .st-cardbox .clearfix dt.st-card-img,#side .st-cardstyleb .st-cardbox .clearfix dt.st-card-img{height: auto;} @media only screen and (min-width: 600px){main .st-cardstyle .kanren.st-cardbox dd,main .st-cardstyleb .kanren.st-cardbox dd{padding: 10px 20px 20px;}} .st-card-title-head{padding: 5px 7px; font-size: 80%; border-radius: 5px; margin-right: 8px; background: #cccccc; color: #ffffff;} .st-card-title-head .st-fa,.st-card-title-head .fa{margin-right: 5px;} .st-cardbox.noborder{padding: 0; border: none; box-shadow: none;} .st-cardbox.noborder .clearfix dd h5,.post .st-cardbox.noborder .clearfix dd h5,#side .st-cardbox.noborder .clearfix dd h5{border-bottom: none; padding-bottom: 0;} .wp-block-embed.none .st-cardbox{padding: 0; border: none; box-shadow: none;} .wp-block-embed.none .st-embed-cardlink .st-cardbox::after{content: none;} a.st-card-thumb-only{text-decoration: none;} a.st-card-thumb-only:hover{opacity: 0.6;} .st-card-thumb-only div{display: inline;} .st-card-thumb-only img{max-height: 100%; width: auto;} #footer p.cardbox-more,#side p.cardbox-more,.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;} .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: 10px 20px 20px;} .st-cardstyle .kanren .clearfix dd p{line-height: 1.8;} .st-cardstyle .cardbox-more a{display: block;} .st-cardbox.st-no-shadow{box-shadow: none;} .st-embed-cardlink .st-cardbox{padding-right: 30px; position: relative;} .st-embed-cardlink .st-cardbox::after{content: "\f105"; font-family: stsvg; color: #e0e0e0; position: absolute; top: calc(50% - 0.5em); right: 7px;} .st-embed-cardlink .st-cardbox .clearfix dd p.st-cardbox-t,#side .st-cardbox .clearfix dd h5.st-cardbox-t,.st-cardlink .st-cardbox .clearfix dd h5.st-cardbox-t{font-weight: bold; font-size: inherit; padding-top: 0; margin-bottom: 5px; color: #333;} @media only screen and (min-width: 600px){.st-embed-cardlink .st-cardbox .clearfix dd p.st-cardbox-t,#side .st-cardbox .clearfix dd h5.st-cardbox-t,.st-cardlink .st-cardbox .clearfix dd h5.st-cardbox-t{font-size: 0.95em;}} .st-embed-cardlink.has-no-site .st-cardbox .clearfix dd .st-card-excerpt p{margin-bottom: 0; color: #999;} .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-box .st-kaiwa-face img,.st-kaiwa-box .st-kaiwa-face2 img{border-radius: 60px; border-style: solid; border-width: 1px;} .st-kaiwa .st-kaiwa-face img,.st-kaiwa .st-kaiwa-face2 img{border-color: transparent;} .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; padding-top: 5px;} .st-kaiwa-hukidashi{display: inline-block; padding: 15px 20px; margin-left: 20px; border-radius: 7px; position: relative; background-color: #f9f9f9; word-break: break-all;} .st-kaiwa-hukidashi-content > *:last-child,.post .st-kaiwa-hukidashi > *: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; word-break: break-all;} .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;} .is-style-st-paragraph-kaiwa.bound::before,.st-kaiwa-box.bound .st-kaiwa-face img{animation: animScale 4s infinite ease-out; transform-origin: 50% 50%; animation-play-state: running; backface-visibility: hidden;} .is-style-st-paragraph-kaiwa-b.bound::before,.st-kaiwa-box.bound .st-kaiwa-face2 img{animation: animScale 4.5s infinite ease-out; transform-origin: 50% 50%; animation-play-state: running; backface-visibility: hidden;} @keyframes animScale{ 0% { transform: scale(0.8, 0.8); } 5% { transform: scale(1.1, 1.1); } 10% { transform: scale(1, 1); } 15% { transform: scale(1.1, 1.1); } 20% { transform: scale(1, 1); } 100% { transform: scale(1, 1); } } .st-kaiwa-hukidashi-content .loading-dots{display: inline-block; animation: blink 1s infinite; position: absolute;} @keyframes blink{ 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } nav li a:hover{text-decoration: underline;} #s-navi{margin: 0 -10px;} #s-navi ul.sub-menu{display: none;} #s-navi dl.acordion p{margin: 0;} #s-navi dl.acordion{margin: 0px; box-sizing: border-box; width: 100%;} #s-navi dt.trigger{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 48px; overflow: hidden;} .trigger .fa:not(.st-svg-bars){font-size: 20px;} .trigger .op .fa:not(.st-svg-bars){font-size: 23px;} #st-mobile-logo{padding: 0 10px; box-sizing: border-box; text-align: left; line-height: 20px; font-size: 16px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; align-items: center; flex-direction: column;} header h1#st-mobile-logo,header p#st-mobile-logo{font-weight: bold;} #st-mobile-logo h1,#st-mobile-logo p{width: 100%; box-sizing: border-box;} #st-mobile-logo a{text-decoration: none; color: #333; box-sizing: border-box;} #st-mobile-logo img{width: auto; box-sizing: border-box;} #st-mobile-logo img{max-height: 48px;} @media only screen and (min-width: 600px){.mobile #st-text-logo{padding: 0;}} #s-navi dt.trigger .acordion_button{max-width: 20%; order: 1; flex-grow: 0;} #s-navi dt.trigger .acordion_button_search{order: 4;} #s-navi dt.trigger .op{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; color: #333; font-size: 25px; display: flex; justify-content: center; align-items: center; height: 48px; overflow: hidden; width: 52px; box-sizing: border-box;} #s-navi dt.trigger .op .st-fa,#s-navi dt.trigger .op .fa{display: flex; flex-direction: column; justify-content: center; align-items: center;} .s-navi-search-active #s-navi dt.trigger .acordion_button_search .op-search-close_thin::before{font-family: stsvg !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .s-navi-search-active #s-navi dt.trigger .acordion_button_search .op-search-close_thin::before{content: "\e90c";} .s-navi-search-overlay.s-navi-search-active #s-navi dt.trigger .acordion_button_search{z-index: 100002;} #s-navi::after{content: ""; display: block; clear: both; margin-bottom: 0;} #s-navi dd.acordion_tree,#s-navi dd.acordion_search{box-sizing: border-box; text-align: left; position: fixed; top: 0; transition: all 0.3s; height: 100vh; max-height: 100vh; -webkit-overflow-scrolling: touch;} #s-navi dd.acordion_tree{width: 250px; z-index: 10000;} .s-navi-search-overlay #s-navi dd.acordion_search{display: flex; flex-direction: column; padding: 48px 0; width: 100%; z-index: -1; pointer-events: none; opacity: 0; transition: none;} @media only screen and (max-width: 959px) and (min-width: 600px){.s-navi-search-overlay #s-navi dd.acordion_search{padding: 58px 0;}} #s-navi dd.acordion_tree{left: -250px;} #s-navi dd.acordion_tree .acordion_tree_content,#s-navi dd.acordion_search .acordion_search_content{box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch;} #s-navi dd.acordion_tree .acordion_tree_content{padding-top: 10px;} #s-navi dd.acordion_search .acordion_search_content{padding: 10px 10px 0; font-size: 15px;} .s-navi-search-overlay #s-navi dd.acordion_search .acordion_search_content{display: flex; flex-direction: column; padding: 10px 20px;} .s-navi-search-overlay #s-navi dd.acordion_search .acordion_search_content::before,.s-navi-search-overlay #s-navi dd.acordion_search .acordion_search_content::after{content: "";} .s-navi-search-overlay #s-navi dd.acordion_search .acordion_search_content::before{margin-top: auto;} .s-navi-search-overlay #s-navi dd.acordion_search .acordion_search_content::after{margin-bottom: auto;} .acordion_search_content #searchform{border-color: #ccc;} .acordion_tree ul.menu li{position: relative; float: none; font-size: 15px; list-style: none;} .acordion_tree ul.menu li:hover{cursor: pointer;} .acordion_tree ul.menu li a{display: flex; justify-content: space-between; padding: 12px 15px; text-decoration: none; color: #333;} .acordion_tree ul.menu li .st-fa,.acordion_tree ul.menu li .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;} .acordion_tree ul.menu li .st-fa::before{font-size: 0.8em;} #s-navi .acordion_tree ul.menu li .st-fa,#s-navi .acordion_tree ul.menu li .fa{margin: 0 0.25em; padding: 0; min-width: 0; display: inline-block;} .acordion_tree ul.menu li .sub-menu a{padding-left: 30px;} .acordion_tree ul.menu li .sub-menu .sub-menu a{padding-left: 45px;} .acordion_tree ul.menu li .sub-menu .sub-menu .sub-menu a{padding-left: 60px;} .s-navi-search-overlay.s-navi-search-active #s-navi dd.acordion_search{z-index: 100001; transition: all 0.15s;} .s-navi-search-overlay.s-navi-search-activated #s-navi dd.acordion_search{opacity: 1; pointer-events: auto;} .s-navi-has-search #s-navi dt.trigger{justify-content: space-between;} .acordion_search_content .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 85%; margin-bottom: 10px; font-weight: bold;} @media print, screen and (min-width: 960px){.st-middle-menu{display: none;}} .st-middle-menu ul{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box;} .st-middle-menu .menu > li{box-sizing: border-box; text-align: center; list-style: none; align-items: center;} .st-middle-menu .menu li a{text-decoration: none; padding: 10px; width: 100%; height: 100%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .st-middle-menu .st-fa,.st-middle-menu .fa{margin-right: 5px;} .st-cardlink-card img{width: 100%; margin: 0;} .st-cardlink-column-d{margin: 0 auto 0; padding: 10px 0 10px; display: flex; list-style: none; flex-wrap: wrap;} .st-cardlink-card{display: flex; justify-content: center; align-items: center; position: relative; margin: 5px; width: 100%; box-sizing: border-box; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); transition: 0.3s; flex-shrink: 0; flex-grow: 0; overflow: hidden; -webkit-font-smoothing: antialiased; line-height: 1.3;} .st-cardlink-column-1 .st-cardlink-card{width: calc(100% - 10px);} .st-cardlink-column-2 .st-cardlink-card{width: calc(50% - 10px);} .st-cardlink-column-3 .st-cardlink-card{width: calc(33.33% - 10px);} .st-cardlink-column-4 .st-cardlink-card{width: calc(25% - 10px);} .st-cardlink-card:hover{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); opacity: 0.8;} .st-cardlink-card a{display: flex; justify-content: center; align-items: center; width: 100%;} .st-cardlink-card.has-bg{display: flex; justify-content: center; align-items: center; background-position: 50% 50%; position: relative; z-index: 0; padding: 20px; background-size: cover; font-weight: bold; color: #fff; font-size: 120%; text-shadow: 1px 1px 1px #424242; text-align: center; min-height: 50px;} .st-cardlink-card.has-bg .st-cardlink-card-link::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999;} @media only screen and (min-width: 600px){.st-cardlink-card.has-bg{min-height: 100px;}} .st-cardlink-card.has-link{padding: 0; align-items: stretch;} .st-cardlink-card.has-bg.has-link .st-cardlink-card-link{width: 100%; padding: 20px; box-sizing: border-box; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center;} #footer .st-cardlink-card.has-bg.has-link a.st-cardlink-card-link{color: #fff;} @media print, screen and (max-width: 599px){.st-cardlink-card-link,.st-cardlink-card-text{font-size: 90%;}} .st-cardlink-subtext{display: block; padding-top: 7px; font-size: 0.7em; text-shadow: none; font-weight: normal;} .st-cardlink-card.has-bg.is-blurable::before{content: ""; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; background: inherit; -webkit-filter: blur(5px); filter: blur(5px); transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; z-index: -1;} .st-cardlink-card.has-bg.is-blurable:hover::before{-webkit-filter: blur(0); filter: blur(0);} .st-cardlink-card.has-bg.is-darkable::before{background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: " "; z-index: 1;} .st-cardlink-card.has-bg.is-darkable{text-shadow: none !important;} .st-cardlink-card.has-bg.is-darkable .st-cardlink-card-text{z-index: 2;} @media only screen and (max-width: 959px){.st-cardlink-column-d{padding-left: 10px; padding-right: 10px;} .st-cardlink-column-3 .st-cardlink-card,.st-cardlink-column-4 .st-cardlink-card{width: calc(50% - 10px);}} .st-cardlink-card.has-bg.is-darkable:hover::before{opacity: 0;} .st-cardlink-card.has-bg.is-blurable:hover,.st-cardlink-card.has-bg.is-darkable:hover{opacity: 1;} .st-cardlink-card.has-bg.is-blurable::before,.st-cardlink-card.has-bg.is-darkable::before{transition: 1s;} .acordion_tree_content .st-cardlink-card,#side .st-cardlink-card,footer .st-cardlink-card{width: 100% !important; margin-bottom: 10px;} .acordion_tree_content .side-widgets .st-cardlink-card:last-child,#side .side-widgets .st-cardlink-card:last-child,footer .side-widgets .st-cardlink-card:last-child{margin-bottom: 0;} #search{padding-bottom: 0; position: relative; width: 100%; box-sizing: border-box;} .post #search{margin-bottom: 20px;} #searchform input{margin: 0;} #searchform input{-webkit-appearance: none;} #searchform input:focus{outline: none;} #s,.s{min-width: 0; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; color: #333; font-size: 14px; border-style: none; padding: 10px 25px; box-sizing: border-box; border-radius: 0; background-color: #fff;} #s::-webkit-input-placeholder{opacity: 0.5;} #s:-moz-placeholder{opacity: 0.5;} #s::-moz-placeholder{opacity: 0.5;} #s:-ms-input-placeholder{opacity: 0.5;} #s:focus::-webkit-input-placeholder{color: transparent !important;} #s:focus::-moz-placeholder{color: transparent !important;} #s:focus::-ms-input-placeholder{color: transparent !important;} #s:focus::placeholder{color: transparent !important;} #searchform{border: #e0e0e0 1px solid; border-radius: 0; display: flex; overflow: hidden;} input#searchsubmit{margin: 0; background: #fff; color: #424242; cursor: pointer; padding: 0 15px; border: none;} footer ul,footer ol{padding-left: 30px;} #footer p.copyr{margin-bottom: 0; line-height: 1.2; font-size: inherit;} .st-pagelink{padding: 20px 0px; margin-bottom: 20px; width: 100%;} .st-pagelink-in{display: flex; justify-content: center; align-items: center;} .st-pagelink a{text-decoration: none; font-size: 13px; color: #9e9e9e;} .st-pagelink .page-numbers{border: 1px solid #ccc; padding: 8px 10px; margin: 0 2px 5px; font-size: 15px; min-width: 20px; display: inline-block; text-align: center;} @media only screen and (min-width: 600px){.st-pagelink .page-numbers{margin: 0 4px 5px;}} .st-pagelink .page-numbers.current{opacity: 0.5;} .page-numbers.current{background-color: #f3f3f3;} .dots.page-numbers{padding: 0; border: none; color: #ccc;} @media print, screen and (max-width: 959px){.st-pagelink .page-numbers:not(.dots.page-numbers){padding: 15px;} .prev.page-numbers{display: none;} .st-pagelink-in{position: relative; padding-top: 75px;} .next.page-numbers{position: absolute; top: 0; left: 0; display: block; padding: 15px; width: 100%; box-sizing: border-box;}} .pagination{clear: both; position: relative; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0;} .pagination span,.pagination a{display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background-color: #999;} .pagination a:hover{color: #fff; background-color: #666666;} .pagination .current{padding: 6px 9px 5px 9px; color: #fff; background-color: #cccccc;} #breadcrumb,#breadcrumb ol,#breadcrumb li,#breadcrumb h1{margin: 0; padding: 0; font-weight: normal;} #breadcrumb ol li{color: #777; font-size: 13px; list-style: none; display: inline-block; line-height: 1.5;} #breadcrumb ol li a,#breadcrumb ol li h1 a{text-decoration: none; color: #777;} #breadcrumb h1.entry-title{display: inline; background-color: transparent !important; font-weight: normal; font-size: 12px; color: #ccc; line-height: 1.5;} .sns{box-sizing: border-box; width: 100%; margin: 0 auto; padding: 10px 0 20px;} .post .sns ul{list-style: none; padding: 0px !important; margin: 0px 0px 20px;} .sns li{float: left; list-style: none; width: 50%;} .sns li a{box-sizing: border-box; font-size: 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 6px 10px 4px 15px; color: #fff; border-radius: 3px; text-decoration: none; height: 38px; margin: 5px; cursor: pointer; vertical-align: middle; line-height: 25px;} .sns li a .st-fa,.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;} .sns li a:hover{transform: translate(0px, 1px);} .sns .note a{background: #fff; color: #000; border: 1px solid #ccc;} .sns .twitter a{background: #1a1a1a; box-shadow: 0 3px 0 #000000;} .sns .twitter a:hover{box-shadow: 0 2px 0 #4892cb;} .sns .share-copy a{background: #f3f3f3; box-shadow: 0 3px 0 #ccc; color: #757575;} .sns .share-copy a:hover{box-shadow: 0 2px 0 #757575;} .sns .share-copy .st-svg-clipboard{color: #999;} .sns .line a{background: #00b900; box-shadow: 0 3px 0 #009200;} .sns .line a:hover{box-shadow: 0 2px 0 #009200;} .sns .st-svg-line::before{position: relative;} .st-sns-btn-shordcode .sns{width: 100%; text-align: center;} #side aside .st-sns-btn-shordcode .sns ul li,.st-sns-btn-shordcode .sns li{float: none; margin-right: 5px;} .st-sns-btn-shordcode .sns li a{margin: 0;} .post .st-sns-btn-shordcode .sns ul,.st-sns-btn-shordcode .sns ul{margin: 0 auto; width: 290px; display: flex; justify-content: center;} .st-sns-btn-shordcode .sns li{float: left; list-style: none; width: 40px; position: relative;} .st-sns-btn-shordcode .sns li:last-child{margin-right: 0px;} .st-sns-btn-shordcode .sns li i{font-size: 19px !important;} .st-sns-btn-shordcode .sns li a{border-radius: 50%; box-sizing: border-box; color: #fff; font-size: 19px; height: 40px; width: 40px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .st-sns-btn-shordcode .sns li a .st-fa,.st-sns-btn-shordcode .sns li a .fa{padding: 0; border: 0; height: auto;} .st-svg-twitter::before{font-size: 0.9em;} .sns .twitter a{background: #1a1a1a; box-shadow: 0 3px 0 #000000;} .sns .twitter a:hover{box-shadow: 0 2px 0 #000000;} .st-sns-btn-shordcode .sns .st-svg-facebook::before{position: relative; top: 1px;} .st-sns-btn-shordcode .sns .st-svg-pinterest-p::before{position: relative; left: 1px;} .st-sns-btn-shordcode .sns .st-svg-commenting::before{position: relative; left: 1px;} .st-sns-btn-shordcode .sns .share-copy a{box-shadow: none;} .st-sns-btn-shordcode .sns .share-copy a:hover{background: #ccc; box-shadow: none;} .st-sns-btn-shordcode .sns .share-copy::before{position: relative; left: 1px;} .st-sns-btn-shordcode .sns .share-copy .st-svg-clipboard{border-right: none;} .st-sns-btn-shordcode .sns .st-svg-hateb::before{border-right: none; padding-right: 0; font-size: 19px !important;} .st-sns-btn-shordcode .sns .st-svg-hateb::before{position: relative; left: 1px;} .st-sns-btn-shordcode .sns .line a{box-shadow: none;} .st-sns-btn-shordcode .sns .line a:hover{background: #219900; box-shadow: none;} .st-sns-btn-shordcode .sns .st-svg-comment::before{position: relative; left: 1px; top: -1px;} .wp-block-rss *{line-height: 1.5;} .wp-block-rss a{text-decoration: none; color: #333; display: block; font-size: 0.9em;} .wp-block-rss a:hover{text-decoration: underline;} .wp-block-rss,.post .wp-block-rss:not(.toc_list):not(.st_toc_list):not(.children):not( .slick-dots ):not(.st-pvm-nav-list){list-style: none; padding-left: 0;} .wp-block-rss li{border-bottom: dashed 1px #eee; padding: 5px 0;} @media only screen and (min-width: 600px){.post .wp-block-rss li,.wp-block-rss li,.post .wp-block-rss li:last-child{padding: 10px 0;}} .wp-block-rss.is-grid li{margin: 5px 5px 0 5px;} .wp-block-rss .wp-block-rss__item-author,.wp-block-rss time{display: block; font-size: 0.8em; color: #777; padding-bottom: 5px;} .wp-block-rss .wp-block-rss__item-excerpt{font-size: 0.8em; color: #777;} .comment-author{padding: 0 10px; position: absolute; left: 0; top: 10px;} .comment-author img{margin-bottom: 5px;} .comment-author{float: left; width: 75px; box-sizing: border-box; margin: 0 auto; text-align: center; display: block;} .vcard .fn,.comment-author a,.comment-author{font-size: 12px; line-height: 1.3; font-style: normal; color: #757575;} ul.sub-menu{padding: 0px;} li.pingback .comment-author a,li.pingback .comment-author{position: relative; width: 100%; text-align: left; font-size: 14px; padding: 0 0 10px; box-sizing: border-box; margin-bottom: 10px;} #st-magazine .kanren .st-catgroup{z-index: 10000;} #magazine .st-catgroup{position: relative; z-index: 10000;} #wrapper{margin: 0 auto; position: relative;} body.fixed-footer #wrapper{height: 100%; min-height: 100%;} header{text-align: center;} #headbox{padding: 0 10px 0; margin: 0; box-sizing: border-box;} #side aside{padding: 0 15px 20px;} footer{clear: both; padding: 0;} #footer-wrapper{padding: 20px 15px; text-align: center;} #header-l{padding-top: 0;} @media only screen and (max-width: 959px){#header-l{padding-top: 20px;}} main{padding: 20px 15px; margin: 0 0 20px; background: #fff;} @media only screen and (max-width: 959px){main{margin-bottom: -1px;}} section{margin-bottom: 3em;} .is-style-st-eyecatch-width{margin: 0 -15px 20px;} .st-eyecatch-under{margin-bottom: 20px; position: relative;} .eyecatch-copyurl{font-size: 12px; line-height: 12px; position: absolute; bottom: 17px; right: 10px; background-color: rgba(255, 255, 255, 0.4); padding: 5px 10px; border-radius: 2px; margin: 0; vertical-align: middle;} .eyecatch-copyurl .st-svg-camera-retro{margin-right: 5px;} .eyecatch-copyurl a,p.eyecatch-copyurl{color: #212121;} .eyecatch-copyurl a:hover{color: #b22222;} .eyecatch-copyurl:hover{background-color: rgba(255, 255, 255, 0.5);} .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 .st-fa,.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;} .colum1 #content-w main:has(.st-eyecatch ){padding-top:0;} .colum1 .is-style-st-eyecatch-width{margin: 0 -15px 20px;} .lp .post img,.lp .post video,.lp .post object{max-width: 100%; height: auto; display: block;} .lp main{border-radius: 0;} .lp .st-author-box,body:not(.search) .lp .kanren:not(.shortcode-kanren):not(.st-cardbox):not(.st-cardbox-ex),.lp #breadcrumb,.lp .blogbox,.lp .point,.lp .pagination,.lp .st-pagelink{display: none;} @keyframes st-redirect-loading{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes st-redirect-loading{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @media all and (-ms-high-contrast: none){#s{color: #ccc; padding-top: 7px;}} @media screen and (orientation: landscape){#headbox{padding-right: constant(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-left: env(safe-area-inset-left);} #side,#s-navi dt{padding-right: calc(constant(safe-area-inset-right) + 10px); padding-left: calc(constant(safe-area-inset-left) + 10px); padding-right: calc(env(safe-area-inset-right) + 10px); padding-left: calc(env(safe-area-inset-left) + 10px);} #footer-wrapper{padding-right: calc(constant(safe-area-inset-right) + 10px); padding-left: calc(constant(safe-area-inset-left) + 10px); padding-right: calc(env(safe-area-inset-right) + 10px); padding-left: calc(env(safe-area-inset-left) + 10px);}} @media screen and (orientation: portrait){#s-navi dd.acordion_tree,#s-navi dd.acordion_search{padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}} .alignright{float: right;} .alignleft{float: left;} .alignwide,.alignfull{overflow: hidden;} .alignwide .alignwide,.alignfull .alignwide,.alignwide .alignwide,.alignfull .alignwide{margin-left: inherit; margin-right: inherit;} figure{margin: 0;} .post ol.wp-block-footnotes li,.has-small-font-size{font-size: 0.8em !important; line-height: 1.5 !important;} @media print, screen and (max-width: 599px){.post ol.wp-block-footnotes li,.has-small-font-size{font-size: 0.9em !important; line-height: 1.5 !important;}} .has-large-font-size{font-size: 1.3em !important; line-height: 1.5 !important;} .has-huge-font-size{font-size: 1.5em !important; line-height: 1.5 !important;} ol.has-huge-font-size,ul.has-huge-font-size{font-size: 1.5em !important; line-height: 1.5 !important;} .has-small-font-size li{font-size: 1em !important; line-height: 1.5 !important;} @media print, screen and (max-width: 599px){.post ol.wp-block-footnotes li,.has-small-font-size li{font-size: 0.95em !important; line-height: 1.5 !important;}} .has-large-font-size li{font-size: 1em !important; line-height: 1.5 !important;} .has-huge-font-size li{font-size: 1em !important; line-height: 1.5 !important;} .wp-block-image{margin-bottom: 20px;} .wp-block-image.is-style-st-photo-shadow img{box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); max-width: 100%; box-sizing: border-box;} .wp-block-image.is-style-st-photo-shadow a img:hover{box-shadow: 0 0 2px rgb(0 0 0 / 80%);} .wp-block-image.is-style-st-eyecatch-width img:not(.size-st_header_slider){width: 100%;} .wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img,.is-style-circle-mask img,.is-style-rounded img{border-radius: 10px;} .wp-block-image.st-img-count{counter-increment: imgcountcnt; position: relative;} .wp-block-image.st-img-count::before{font-family: Roboto, Arial, sans-serif; padding: 5px 7px; content: counter(imgcountcnt, decimal-leading-zero); background-color: #fff; font-size: 1em; font-weight: bold !important; display: inline-block; color: #000; position: absolute; top: 0; left: 0; z-index: 1;} div[role="dialog"] .wp-block-image.st-img-count::before{display: none;} .wp-block-image.st-img-count.is-style-st-photoline::before{top: 1px; left: 1px;} .wp-block-group:has(.is-style-st-heading-custom-step, .is-style-st-heading-custom-count, .st-img-count, .is-style-st-heading-custom-ranking ){counter-reset: ranknumber-h2 ranknumber-h3 ranknumber-h4 stepcnt countcnt imgcountcnt;} .wp-block-cover{position: relative; overflow: hidden;} .wp-block-cover,.wp-block-cover-image{max-width: 100%; box-sizing: border-box; margin-bottom: 20px;} .wp-block-cover .has-large-font-size,.wp-block-cover-image .has-large-font-size{line-height: 1.5em;} p.has-background{padding: 0.7em 1em;} ul.has-background,ol.has-background{padding: 1.5em 2em 2em 3em;} .is-style-st-kaisou.has-background,.is-style-st-komejirusi-list.has-background,.is-style-st-correct-list.has-background,.is-style-st-wrong-list.has-background,.is-style-st-circle.has-background,.is-style-st-circle-border.has-background,.is-style-st-square-checkbox-no-border.has-background,.is-style-st-square-checkbox.has-background,.is-style-st-maruck.has-background,.is-style-st-maruno.has-background,.is-style-st-no.has-background,.is-style-st-no-border.has-background{padding: 1.5em 2em 2em 1.5em;} .has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line){padding: 1.5em 2em;} .is-style-st-group-left-line{border-left:1px #eee solid; border-top: none; border-right: none; border-bottom: none; padding: 0 0 0 2em;} .is-style-st-group-left-line.has-background,.is-style-st-group-left-line.has-st-border{border-top: none; border-right: none; border-bottom: none; padding: .5em .5em .5em 2em;} .is-style-st-group-both-line{border-left:1px #eee solid; border-top: none; border-right:1px #eee solid; border-bottom: none; padding: 0 2em;} .is-style-st-group-both-line.has-background,.is-style-st-group-both-line.has-st-border{border-top: none; border-bottom: none; padding: .5em 2em;} ol.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),ul.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line){padding: 1.5em 2em 1.5em 3em;} .is-style-st-kaisou.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-komejirusi-list.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-correct-list.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-wrong-list.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-circle.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-circle-border.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-square-checkbox-no-border.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-square-checkbox.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-maruck.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-maruno.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-no.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-no-border.has-st-border{padding: 1.5em 2em 2em 1.5em;} .is-style-st-timeline-list.has-background,.is-style-st-timeline-count.has-background,.is-style-st-timeline-list.has-st-border:not(.is-style-st-group-left-line):not(.is-style-st-group-both-line),.is-style-st-timeline-count.has-st-border{padding: 1.5em 2em 2em 2.5em;} .is-style-st-paragraph-kaiwa.has-st-border .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-st-border .st-paragraph-kaiwa-text{border: 1px #eee solid;} .has-st-solid-border,.is-style-st-paragraph-kaiwa.has-st-solid-border .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-st-solid-border .st-paragraph-kaiwa-text{border-style: solid;} .has-st-dashed-border,.is-style-st-paragraph-kaiwa.has-st-dashed-border .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-st-dashed-border .st-paragraph-kaiwa-text{border-style: dashed;} .has-st-medium-border-width,.is-style-st-paragraph-kaiwa.has-st-medium-border-width .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-st-medium-border-width .st-paragraph-kaiwa-text{border-width: 1px;} .has-st-thick-border-width,.is-style-st-paragraph-kaiwa.has-st-thick-border-width .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-st-thick-border-width .st-paragraph-kaiwa-text{border-width: 5px;} .wp-block-code.is-style-default{background: #fafafa;} .wp-block-code.is-style-st-wide-background:not(.has-background):not( .is-style-st-group-bg-diagonal ):not(.is-style-st-group-bg-grid):not(.is-style-st-group-bg-dot):not( .is-style-st-group-line ):not(.is-style-st-group-line-bold){background: #2e3a3e;} .wp-block-code.is-style-st-wide-background:not(.has-background):not( .is-style-st-group-bg-diagonal ):not(.is-style-st-group-bg-grid):not(.is-style-st-group-bg-dot):not( .is-style-st-group-line ):not(.is-style-st-group-line-bold) code{color: #ffffff;} .wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width: 100px; border: none; margin-left: auto; margin-right: auto;} .wp-block-st-blocks-flexbox,.wp-block-group__inner-container{max-width: 100%; box-sizing: border-box;} .wp-block-group.has-background{padding: 20px; margin-bottom: 20px;} [class*=" is-style-st-group-bg-"] .wp-block-group__inner-container > *:last-child,[class^="is-style-st-group-bg-"] .wp-block-group__inner-container > *:last-child,.wp-block-group.has-background .wp-block-group__inner-container > *:last-child{margin-bottom: 0;} .wp-block-group.has-st-border .wp-block-group__inner-container > *:last-child{margin-bottom: 0;} .is-style-st-wide-background .wp-block-group__inner-container > *:last-child{margin-bottom: 0;} .wp-block-group{margin-bottom: 20px;} p.has-no-st-margin-bottom,.is-style-st-wide-background.wp-block-group.has-background.has-no-st-margin-bottom,.is-style-st-wide-background.has-no-st-margin-bottom,.st-wide-background.has-no-st-margin-bottom,.wp-block-group.has-no-st-margin-bottom,.wp-block-group.has-background.has-no-st-margin-bottom{margin-bottom: 0 !important;} p.has-st-margin-bottom--2,.is-style-st-wide-background.wp-block-group.has-background.has-no-st-margin-bottom,.is-style-st-wide-background.has-no-st-margin-bottom,.st-wide-background.has-no-st-margin-bottom,.wp-block-group.has-st-margin-bottom--2{margin-bottom: -20px;} p.has-st-margin-bottom--1,.is-style-st-wide-background.wp-block-group.has-background.has-no-st-margin-bottom,.is-style-st-wide-background.has-no-st-margin-bottom,.st-wide-background.has-no-st-margin-bottom,.wp-block-group.has-st-margin-bottom--1{margin-bottom: -10px;} p.has-st-margin-bottom-2,.is-style-st-wide-background.wp-block-group.has-background.has-no-st-margin-bottom,.is-style-st-wide-background.has-no-st-margin-bottom,.st-wide-background.has-no-st-margin-bottom,.wp-block-group.has-st-margin-bottom-2{margin-bottom: 40px;} .wp-block-group.is-st-justify-center .wp-block-group__inner-container{width: -webkit-fit-content; width: fit-content; margin-left: auto; margin-right: auto;} .wp-block-group.is-st-justify-left .wp-block-group__inner-container{width: -webkit-fit-content; width: fit-content; margin-left: 0 !important; margin-right: auto !important;} .wp-block-group.is-st-justify-right .wp-block-group__inner-container{width: -webkit-fit-content; width: fit-content; margin-left: auto !important; margin-right: 0 !important;} .wp-block-latest-posts li img{max-width: 100%;} ul.wp-block-latest-posts,.post ul.wp-block-latest-posts:not(.toc_list):not(.st_toc_list):not(.children):not( .slick-dots ):not(.st-pvm-nav-list){padding: 0;} .wp-block-latest-posts li{list-style: none !important;} .wp-block-latest-posts li a{text-decoration: none; color: #1a1a1a; font-weight: bold;} .wp-block-latest-posts__post-excerpt{font-size: 13px; color: #777 !important; line-height: 1.8;} .wp-block-latest-posts:not(.is-grid) li{margin-bottom: 10px;} .wp-block-latest-posts:not(.is-grid) li::after{content: ""; display: block; clear: both;} .wp-block-latest-posts:not(.is-grid) li img{width: 100px;} .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image{margin-right: 10px; float: left;} .post ul.wp-block-latest-posts:not(.is-grid) li:last-child,.wp-block-latest-posts:not(.is-grid) li{margin-bottom: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f3f3f3;} .wp-block-group.has-background .wp-block-group__inner-container ol:only-child,.wp-block-group.has-st-border .wp-block-group__inner-container ol:only-child,.wp-block-group.has-background .wp-block-group__inner-container ul:only-child:not(.toc_list):not(.st_toc_list):not(.children):not( .slick-dots ):not(.st-pvm-nav-list),.wp-block-group.has-st-border .wp-block-group__inner-container ul:only-child:not(.toc_list):not(.st_toc_list):not(.children):not( .slick-dots ):not(.st-pvm-nav-list){margin-bottom: 0; padding-bottom: 0;} .wp-block-latest-posts.is-grid li img{margin-bottom: 10px;} .wp-block-latest-posts.is-grid li{margin: 8px !important;} .wp-block-search{display: flex;} .wp-block-search__label{display: none;} .wp-block-search .wp-block-search__input{margin: 0 !important; border-radius: 0 !important; max-width: 80%;} .wp-block-search .wp-block-search__button{margin-left: 0; border-radius: 0 !important; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; width: 20%; padding: 0 15px;} .wp-block-code{padding: 20px; background: #fafafa; margin-bottom: 20px;} .is-style-st-wide-background code,.is-style-st-wide-background-left code,.is-style-st-wide-background-right code{padding: 0; margin: 0; border-radius: 0; background-color: transparent;} .post .wp-block-table{overflow-x: visible;} .post .wp-block-table.is-style-stripes table,.wp-block-table.is-style-stripestable tbody tr td{border: none;} .wp-block-table figcaption{display: block; font-size: 0.8em; text-align: center; margin: -10px auto 20px; color: #757575;} .wp-block-table.is-style-stripes,.wp-block-table.is-style-stripes thead,.wp-block-table.is-style-stripes th,.wp-block-table.is-style-stripes td{border-color: transparent !important;} .wp-block-table.has-st-td-width.wp-block-table.has-st-td-width.has-st-td-width--2 table tr > *:first-child,.wp-block-table.has-st-td-width.wp-block-table.has-st-td-2-width.has-st-td-2-width--2 table tr > *:nth-child(2){width: 20%;} .wp-block-table.has-st-td-width.wp-block-table.has-st-td-width.has-st-td-width--1 table tr > *:first-child,.wp-block-table.has-st-td-width.wp-block-table.has-st-td-2-width.has-st-td-2-width--1 table tr > *:nth-child(2){width: 30%;} .wp-block-table.has-half-st-td-width table tr > *:first-child,.wp-block-table.has-half-st-td-2-width table tr > *:nth-child(2){width: 50%;} .wp-block-table.has-st-td-width.wp-block-table.has-st-td-width.has-st-td-width-2 table tr > *:first-child,.wp-block-table.has-st-td-width.wp-block-table.has-st-td-2-width.has-st-td-2-width-2 table tr > *:nth-child(2){width: 60%;} .wp-block-table.is-style-scroll-box,.post .wp-block-table.is-style-scroll-box{overflow-x: auto;} @media print, screen and (max-width: 599px){.wp-block-table.is-style-scroll-box table,.post .wp-block-table.is-style-scroll-box table{width: inherit !important; max-width: inherit !important;} .wp-block-table.is-style-scroll-box table,.post .wp-block-table.is-style-scroll-box table{width: inherit !important; max-width: inherit !important; margin-bottom: 10px;} .wp-block-table.is-style-scroll-box,.post .wp-block-table.is-style-scroll-box{margin-bottom: 20px;}} .wp-block-table.is-style-st-table-no-line table,.wp-block-table.is-style-st-table-no-line table thead th,.wp-block-table.is-style-st-table-no-line table thead td,.wp-block-table.is-style-st-table-no-line table tr th,.wp-block-table.is-style-st-table-no-line table tr td,.post .wp-block-table.is-style-st-table-no-line thead{border: 0;} .wp-block-table.w30 table tr td:first-child{width: 30%;} .wp-block-table.w40 table tr td:first-child{width: 40%;} .wp-block-table.w50 table tr td:first-child{width: 50%;} .wp-block-table.nowrap table tr td:first-child{white-space: nowrap;} @media only screen and (max-width: 599px){.post .wp-block-table.is-style-scroll-box table td,.post .wp-block-table.is-style-scroll-box table td p{white-space: nowrap;} .wp-block-table.is-style-scroll-box{position: relative;} .wp-block-table.is-style-scroll-box::before{content: "\f0ec"; font-family: stsvg; position: absolute; top: 0; left: 0; background: rgba(204, 204, 204, 0.8); padding: 0.2em; font-size: 120%; border-radius: 0 0 5px 0; color: #fff; z-index: 99999;}} .wp-block-table.is-style-st-centertable table tr,.wp-block-table.is-style-st-centertable table td{text-align: center; vertical-align: middle;} .wp-block-table.is-style-stripes{border-bottom: none;} .wp-block-table.is-style-stripes thead th{border: none;} .wp-block-quote.is-style-plain{padding-top: 20px;} .wp-block-quote.is-style-plain::before{content: none;} .wp-block-quote.is-style-st-quote-line{padding: 20px 20px 20px 30px; border-left: 5px solid #eee; color: #757575;} .wp-block-quote.is-style-st-quote-line p:only-child{margin-bottom: 0;} .wp-block-quote.is-style-st-quote-line::before{content: none;} .wp-block-pullquote{border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; margin-bottom: 20px;} .post .wp-block-pullquote blockquote,.wp-block-pullquote blockquote{background-color: inherit; padding: 0; margin: 0;} .wp-block-pullquote blockquote::before{content: none;} .post ol.wp-block-latest-comments{padding-left: 0; padding-top: 20px;} .wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius: 24px; display: block; float: left; height: 40px; margin-right: 12px; width: 40px; position: absolute;} .wp-block-latest-comments__comment-meta{font-size: 0.8em;} .wp-block-buttons{text-align: center;} .is-style-st-group-bg-diagonal{background-color: #f5f6f7; background-image: -webkit-gradient( linear, 0 0, 100% 100%, color-stop(0.25, #fff), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #fff), color-stop(0.75, #fff), color-stop(0.75, transparent), to(transparent) ); -webkit-background-size: 7px 7px; padding: 20px;} .is-style-st-group-bg-grid{background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) ), linear-gradient( 90deg, transparent 95%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) ); background-size: 16px 16px; background-repeat: repeat; padding: 20px;} .is-style-st-group-bg-dot{background-image: radial-gradient(#eee 1px, transparent 1px); background-size: 15px 15px; padding: 20px;} .is-style-st-group-line{border-left: solid 1px #eee; padding-left: 20px;} .is-style-st-group-line-bold{border-left: solid 5px #eee; padding-left: 20px;} .is-style-st-group-corner-brackets{padding: 30px; position: relative;} .is-style-st-group-corner-brackets::before,.is-style-st-group-corner-brackets::after{content: ""; width: 30px; height: 30px; position: absolute;} .is-style-st-group-corner-brackets::before{border-left: solid 1px #000; border-top: solid 1px #000; top: 0; right: auto; bottom: auto; left: 0;} .is-style-st-group-corner-brackets::after{border-right: solid 1px #000; border-bottom: solid 1px #000; top: auto; right: 0; bottom: 0; left: auto;} .is-style-st-group-square-brackets{padding: 30px; position: relative;} .is-style-st-group-square-brackets::before,.is-style-st-group-square-brackets::after{content: ""; width: 20px; height: 100%; position: absolute; box-sizing: border-box;} .is-style-st-group-square-brackets::before{border-left: solid 1px #eee; border-top: solid 1px #eee; border-bottom: solid 1px #eee; top: 0; right: auto; bottom: auto; left: 0;} .is-style-st-group-square-brackets::after{border-right: solid 1px #eee; border-top: solid 1px #eee; border-bottom: solid 1px #eee; top: 0; right: 0; bottom: auto; left: auto;} @keyframes af-g-bounce{ 0%, 40%, 60%, 80% { transform: scale(1.0); } 50%, 70% { transform: scale(0.95); } } .wp-block-group.has-background.is-style-st-group-outline,.is-style-st-group-outline{padding: 5px; background: linear-gradient( 145deg, #ff6f6f 0%, #ffa863 20%, #ffe76b 40%, #4cd38c 60%, #4ba3fd 80%, #8a6ce4 100% );} .is-style-st-group-outline > .wp-block-group__inner-container{padding: 20px; background: #fff; overflow: hidden;} [class^="is-style-st-heading-custom-"],[class*=" is-style-st-heading-custom-"]{margin-bottom: 20px; line-height: 1.5em;} [class^="is-style-st-heading-custom-"]::before,[class*=" is-style-st-heading-custom-"]::after,[class^="is-style-st-heading-custom-"]::before,[class*=" is-style-st-heading-custom-"]::after{content: none; position: inherit; top: inherit; bottom: inherit; left: inherit; right: inherit; border: none; font-weight: normal !important;} [class^="is-style-st-heading-custom-"].has-background:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count),[class*=" is-style-st-heading-custom-"].has-background:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count){padding: 10px 20px; border-radius: 5px;} .is-style-st-heading-custom-line:not(.has-text-color)::before,.is-style-st-heading-custom-diagonal:not(.has-text-color)::before{color: #999;} .is-style-st-heading-custom-line{position: relative; padding-bottom: 15px; text-align: center; display: block; margin: 0 auto 20px;} .is-style-st-heading-custom-line::after{content: ""; position: absolute; top: auto; bottom: 0; left: calc(50% - 1.5em); right: auto; display: block; width: 3em; height: 1px; background-color: #333; opacity: 0.9;} .is-style-st-heading-custom-attention{display: flex; align-items: center;} .is-style-st-heading-custom-attention::before{font-family: stsvg; content: "\f06a"; margin-right: 0.5em; color: #ef5350;} .st-faq{--st--st-blocks--faq--preset--font-size--s: 0.8em; --st--st-blocks--faq--preset--font-size--m: 1em; --st--st-blocks--faq--preset--font-size--l: 1.3em; --st--st-blocks--faq--preset--font-size--xl: 1.5em; --st--st-blocks--faq--question-font-size: var( --st--st-blocks--faq--preset--font-size--m ); --st--st-blocks--faq--answer-font-size: var( --st--st-blocks--faq--preset--font-size--m ); --st--st-blocks--faq--line-height: 1.7; margin-bottom: 20px; font-size: var(--st--st-blocks--faq--font-size); line-height: var(--st--st-blocks--faq--line-height);} .st-faq dd.st-faq__answer p{margin-bottom: 20px;} .post .entry-content .st-faq p:not(.st-static-font):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--st-blocks--faq--preset--font-size--s: 0.8em; --st--st-blocks--faq--preset--font-size--m: 1em; --st--st-blocks--faq--preset--font-size--l: 1.3em; --st--st-blocks--faq--preset--font-size--xl: 1.5em; --st--st-blocks--faq--question-font-size: var( --st--st-blocks--faq--preset--font-size--m ); --st--st-blocks--faq--answer-font-size: var( --st--st-blocks--faq--preset--font-size--m ); --st--st-blocks--faq--line-height: 1.7; font-size: var(--st--st-blocks--faq--font-size); line-height: var(--st--st-blocks--faq--line-height);} .post .entry-content .has-h .st-faq__question-content:not(.kanren-t):not(.popular-t):not(.st-cardbox-t),.post .st-faq__question-content,.has-h .st-faq__question-content{font-weight: bold;} .st-faq.has-background{padding: 20px; background: var(--st--st-blocks--faq--background-color);} .st-faq.has-color,.st-faq.has-color .st-faq__question-content{color: var(--st--st-blocks--faq--color);} .st-faq__item{margin-bottom: 20px;} .st-faq__question{display: flex; align-items: center; background-color: transparent !important;} .st-faq__question,.st-faq.has-color .st-faq__question-content{align-items: flex-start; margin-bottom: 10px;} .st-faq__question{font-size: 1.2em;} @media only screen and (min-width: 600px){.st-faq__question{font-size: 1.3333333333em;}} @media print, screen and (min-width: 960px){.st-faq__question{font-size: var(--st--st-blocks--faq--question-font-size);}} .st-faq__question::before{font-family: stsvg; content: "\e906"; color: #29b6f6; padding: 0 0.5em 0 0.25em;} .st-faq .st-faq__question::before{flex-grow: 0; flex-shrink: 0;} .st-faq:where( .is-style-st-circle, .is-style-st-square, .is-style-st-rounded-square ) .st-faq__question::before{margin-top: 0.3em;} .st-faq:where( .is-style-st-question-circle, .is-style-st-infomation-circle, .is-style-st-exclamation-circle, .is-style-st-files-o ) .st-faq__answer::before{content: none;} .is-style-st-icon-none .st-faq__answer::before,.is-style-st-icon-none .st-faq__question::before{content: none;} .st-faq:not(.is-style-st-circle):not(is-style-st-square):not( .is-style-st-rounded-square ).has-st-border:not(.st-toggle-visibility) .st-faq__question::before,.st-faq:not(.is-style-st-circle):not(is-style-st-square):not( .is-style-st-rounded-square ).has-st-border:not(.st-toggle-visibility) .st-faq__answer::before{padding-left: 0;} .st-faq.has-question-color .st-faq__question::before{color: var(--st--st-blocks--faq--question-color);} .st-faq.is-style-st-square .st-faq__question::before,.st-faq.is-style-st-rounded-square .st-faq__question::before,.st-faq.is-style-st-circle .st-faq__question::before{font-family: stsvg; content: "\e906"; margin-right: 0.7em; color: #fff; padding: 0.5em 0.5em; background: #29b6f6; font-size: 0.6em; line-height: 1; border-radius: 3px; width: 1.2em; height: 1.2em; display: flex; justify-content: center; align-items: center;} .is-style-st-question-circle .st-faq__question::before{content: "\f059";} .is-style-st-infomation-circle .st-faq__question::before{content: "\f05a";} .is-style-st-exclamation-circle .st-faq__question::before{content: "\f06a";} .is-style-st-files-o .st-faq__question::before{content: "\e918";} .st-faq.is-style-st-square .st-faq__question::before{border-radius: 0;} .st-faq.is-style-st-circle .st-faq__question::before{border-radius: 100%;} .st-faq.is-style-st-square.has-question-color .st-faq__question::before,.st-faq.is-style-st-rounded-square.has-question-color .st-faq__question::before,.st-faq.is-style-st-circle.has-question-color .st-faq__question::before{background-color: var(--st--st-blocks--faq--question-color);} .st-faq.is-style-st-question-circle.has-question-color .st-faq__question::before,.st-faq.is-style-st-infomation-circle.has-question-color .st-faq__question::before,.st-faq.is-style-st-exclamation-circle.has-question-color .st-faq__question::before,.st-faq.is-style-st-files-o.has-question-color .st-faq__question::before{color: var(--st--st-blocks--faq--question-color);} .st-faq__question-content,.post .entry-content .st-faq__question-content:not(.kanren-t):not(.popular-t):not(.st-cardbox-t),.post .st-faq__question-content{flex-grow: 1; max-width: 100%; margin: 0; font-size: 1em; font-weight: inherit; line-height: inherit;} .st-faq__question-content > :first-child{margin-top: 0;} .st-faq__question-content > :last-child{margin-bottom: 0;} .st-faq__answer{display: flex; align-items: center; background-color: transparent !important;} .st-faq__answer{align-items: flex-start;} .st-faq__answer{font-size: 1.2em;} .has-h .st-faq__answer{font-size: inherit;} @media only screen and (min-width: 600px){.has-h .st-faq__answer,.st-faq__answer{font-size: 1.3333333333em;}} @media print, screen and (min-width: 960px){.has-h .st-faq__answer,.st-faq__answer{font-size: var(--st--st-blocks--faq--answer-font-size);}} .st-faq__answer::before{font-family: stsvg; content: "\f031"; color: #ef5350; padding: 0 0.5em 0 0.25em;} .st-faq .st-faq__answer::before{flex-grow: 0; flex-shrink: 0;} .st-faq:where( .is-style-st-circle, .is-style-st-square, .is-style-st-rounded-square ) .st-faq__answer::before{margin-top: 0.3em;} .st-faq.has-answer-color .st-faq__answer::before{color: var(--st--st-blocks--faq--answer-color);} .st-faq.is-style-st-square .st-faq__answer::before,.st-faq.is-style-st-rounded-square .st-faq__answer::before,.st-faq.is-style-st-circle .st-faq__answer::before{font-family: stsvg; content: "\f031"; margin-right: 0.5em; color: #fff; padding: 0.5em 0.5em; background: #ef5350; font-size: 0.6em; line-height: 1; border-radius: 3px; width: 1.2em; height: 1.2em; display: flex; justify-content: center; align-items: center;} .st-faq.is-style-st-square .st-faq__answer::before{border-radius: 0;} .st-faq.is-style-st-circle .st-faq__answer::before{border-radius: 100%;} .st-faq.is-style-st-square.has-answer-color .st-faq__answer::before,.st-faq.is-style-st-rounded-square.has-answer-color .st-faq__answer::before,.st-faq.is-style-st-circle.has-answer-color .st-faq__answer::before{background-color: var(--st--st-blocks--faq--answer-color);} .st-faq__answer-content{flex-grow: 1; max-width: 100%; font-size: 1em;} .st-faq__answer-content > :first-child{margin-top: 0;} .st-faq__answer-content > :last-child{margin-bottom: 0;} .st-faq__answer-content p{font-size: 1em; line-height: inherit;} @media only screen and (min-width: 600px){.st-faq__answer-content p{font-size: 1em; line-height: inherit;}} @media print, screen and (min-width: 960px){.st-faq__answer-content p{font-size: 1em; line-height: inherit;}} .st-faq.st-toggle-visibility .wp-block-st-blocks-faq-question{position: relative; cursor: pointer; display: flex; justify-content: center; align-items: flex-start;} .st-faq.st-toggle-visibility .wp-block-st-blocks-faq-answer{display: flex; justify-content: center; align-items: flex-start;} .st-faq.st-toggle-visibility.has-st-border{padding: 1.5em 1em;} .st-faq.st-toggle-visibility.has-st-border p{padding: 0 1em 0 0.2em;} .st-faq.st-toggle-visibility .wp-block-st-blocks-faq-question::after{content: "\e923"; font-family: stsvg; font-size: 1em; padding: 0 0.25em 0 0.25em;} .st-faq.st-toggle-visibility .wp-block-st-blocks-faq-answer{display: none;} .st-faq.st-toggle-visibility .wp-block-st-blocks-faq-question.active::after{content: "\e922"; font-family: stsvg;} .st-faq.st-toggle-visibility .st-faq__question-content.toggle-visibility{margin-right: 30px;} .st-faq.st-toggle-visibility.has-background .st-faq__item,.st-faq.st-toggle-visibility.has-background .st-faq__question:not(.active){margin-bottom: 0;} .st-toggle-visibility.has-st-border .st-faq__item{margin-bottom: 0;} .has-st-border .st-faq__item:last-child{margin-bottom: 0;} .st-toggle-visibility.has-st-border .st-faq__question{margin-bottom: 0;} .st-toggle-visibility.has-st-border .st-faq__question.active{margin-bottom: 20px;} .is-style-st-heading-custom-check{display: flex; align-items: center;} .is-style-st-heading-custom-check::before{font-family: stsvg; content: "\f00c"; margin-right: 0.5em; color: #ffa726;} .is-style-st-heading-custom-ranking,:root [class^="has-"].is-style-st-heading-custom-ranking,:root [class*=" has-"].is-style-st-heading-custom-ranking{display: flex; position: relative; padding: 10px 0 10px 0 !important; margin-bottom: 20px; background-color: transparent !important; flex-direction: column; margin-top: 2.5em;} .is-style-st-heading-custom-ranking::before{font-family: Roboto, Arial, sans-serif; font-family: stsvg; background-color: #eee; color: #616161; font-size: 0.6em; line-height: 1; display: inline-block; white-space: nowrap; padding: 0.5em 0.8em; letter-spacing: 0.02em; position: absolute; top: -2em; border-radius: 2px;} h2.is-style-st-heading-custom-ranking{counter-increment: ranknumber-h2 1;} h2.is-style-st-heading-custom-ranking::before{content: "\e908 \0020 第"counter(ranknumber-h2) "位 ";} h3.is-style-st-heading-custom-ranking{counter-increment: ranknumber-h3 1;} h3.is-style-st-heading-custom-ranking::before{content: "\e908 \0020 第"counter(ranknumber-h3) "位 ";} h4.is-style-st-heading-custom-ranking{counter-increment: ranknumber-h3 1;} h4.is-style-st-heading-custom-ranking::before{content: "\e908 \0020 第"counter(ranknumber-h3) "位 ";} .is-style-st-heading-custom-ranking:nth-of-type(1)::before{background-color: #ffc107; color: #fff;} .is-style-st-heading-custom-ranking:nth-of-type(2)::before{background-color: #9e9e9e; color: #fff;} .is-style-st-heading-custom-ranking:nth-of-type(3)::before{background-color: #8d6e63; color: #fff;} .is-style-st-heading-custom-diagonal{background-color: #f5f6f7; background-image: -webkit-gradient( linear, 0 0, 100% 100%, color-stop(0.25, #fff), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #fff), color-stop(0.75, #fff), color-stop(0.75, transparent), to(transparent) ); -webkit-background-size: 7px 7px; padding: 10px 20px;} [class^="is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count).has-text-align-center,[class*=" is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count).has-text-align-center{display: flex; justify-content: center; flex-direction: column; align-items: center;} [class^="is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count).has-text-align-right,[class*=" is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-step ):not(.is-style-st-heading-custom-count).has-text-align-right{display: flex; justify-content: right; flex-direction: column; align-items: flex-end;} :root main .is-style-st-heading-custom-count{display: flex; counter-increment: countcnt; position: relative; padding: 10px 0 10px 0 !important; margin-bottom: 20px; background-color: transparent !important; flex-direction: column;} .is-style-st-heading-custom-count::before{font-family: Roboto, Arial, sans-serif; content: counter(countcnt, decimal-leading-zero); background-color: transparent; font-size: 1.3em; font-weight: bold !important; display: block; color: #e0e0e0; width: 100%; white-space: nowrap; padding-bottom: 0.1em; letter-spacing: 0.02em;} .has-text-align-center.is-style-st-heading-custom-count::before{font-size: 2em; padding-bottom: 0.5em;} .post{counter-reset: countcnt;} .is-style-st-heading-custom-step,:root [class^="has-"].is-style-st-heading-custom-step,:root [class*=" has-"].is-style-st-heading-custom-step{display: flex; counter-increment: stepcnt; position: relative; margin-bottom: 30px; flex-direction: row; padding: 0!important; border-radius: 0 3px 3px 0} .is-style-st-heading-custom-step::before{font-family: Roboto, Arial, sans-serif; top: 0; left: 0; content: counter(stepcnt, decimal-leading-zero); font-size: 1em; line-height: calc(1.5em + 20px); font-weight: bold !important; display: inline-block; white-space: nowrap; letter-spacing: 0.02em; display: flex; width: calc(1.5em + 20px); min-width: calc(1.5em + 20px); height: auto; text-align: center; align-items: center; justify-content: center; color: #333; background-color: #fafafa;} .is-style-st-heading-custom-step::after{content: ""; position: absolute; transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: transparent transparent transparent #fafafa; left: 10px; left: 10px; bottom: -10px;} .post,.st-step-reset{counter-reset: stepcnt;} .is-style-st-heading-custom-diagonal.has-st-icon{display: flex; align-items: center;} .is-style-st-heading-custom-line.has-st-icon{display: flex; align-items: center; justify-content: center;} [class*="is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-hoge ):not(.is-style-st-heading-custom-test):not( .is-style-st-heading-custom-count ):not(.is-style-st-heading-custom-attention):not( .is-style-st-heading-custom-check ):not(.is-style-st-heading-custom-question):not( .is-style-st-heading-custom-answer ):not(.is-style-st-heading-custom-step):not( .is-style-st-heading-custom-ranking ).has-st-icon::before{font-family: stsvg; margin-right: 0.3em; font-weight: normal;} [class*="is-style-st-heading-custom-"]:not( .is-style-st-heading-custom-hoge ):not(.is-style-st-heading-custom-test):not( .is-style-st-heading-custom-count ):not(.is-style-st-heading-custom-attention):not( .is-style-st-heading-custom-check ):not(.is-style-st-heading-custom-question):not( .is-style-st-heading-custom-answer ):not(.is-style-st-heading-custom-step):not( .is-style-st-heading-custom-ranking ).has-st-icon:not(.has-text-color)::before{color: #999;} .is-style-st-timeline-count{list-style: none; position: relative; counter-reset: st-list-timeline-section; margin-left: 1.5em;} .is-style-st-timeline-count::after{content: ""; border-left: 2px solid #ccc; position: absolute; height: calc(100% - 1.5em); top: 0.2em; left: 0; margin-top: 0.5em; opacity: 0.3;} .has-background.is-style-st-timeline-count::after,.has-st-border.is-style-st-timeline-count::after{top: 1.7em; height: calc(100% - 5em); left: 2.5em;} .has-background.is-style-st-timeline-count::after,.has-st-border.is-style-st-timeline-count::after{left: calc(var(--timeline-left) - 2px);} .has-background.is-style-st-timeline-count.has-huge-font-size::after,.has-st-border.is-style-st-timeline-count.has-large-font-size::after,.has-background.is-style-st-timeline-count::after,.has-st-border.is-style-st-timeline-count::after{top: 2.5em;} .is-style-st-timeline-count > li::before{position: absolute; border-radius: 50%; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; font-weight: normal; margin-top: -4px; background: #f3f3f3; color: #333; content: counters(st-list-timeline-section, ""); z-index: 1; border: 4px solid #fff; left: calc(-4px + -0.75em); transform: scale(0.9);} .is-style-st-timeline-count > li:first-child{padding-top: 0;} .is-style-st-timeline-count > li:last-child{margin-bottom: 0;} .is-style-st-timeline-count > li{counter-increment: st-list-timeline-section; list-style-type: none; padding-left: 1.2em; position: relative;} .is-style-st-timeline-count li{text-align: left; border: 0; text-indent: 0;} .is-style-st-timeline-count li::marker{color: #dedede;} .is-style-st-timeline-list{list-style: none; position: relative; margin-left: 1.5em;} .is-style-st-timeline-list::after{content: ""; border-left: 1px solid #ccc; position: absolute; height: calc(100% - 1em); top: 0.5em; left: 0; margin-top: 0; opacity: 0.3;} .is-style-st-timeline-list > li::before{position: absolute; border-radius: 50%; width: 1em; height: 1em; line-height: 1em; text-align: center; font-weight: normal; padding-right: 0; background: #f3f3f3; color: #333; content: ""; z-index: 1; border: 4px solid #fff; left: calc(-4px - 0.5em); transform: scale(0.9);} .is-style-st-timeline-list > li:first-child{padding-top: 0;} .is-style-st-timeline-list > li:last-child{margin-bottom: 0;} .is-style-st-timeline-list > li{counter-increment: st-list-timeline-section; list-style-type: none; padding-left: 1.2em; position: relative;} .is-style-st-timeline-list li{text-align: left; border: 0; text-indent: 0;} .is-style-st-timeline-list ol,.is-style-st-timeline-list ul,.post .is-style-st-timeline-list ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not( .st-pvm-nav-list ){padding-bottom: 0;} .is-style-st-timeline-list li::marker{color: #dedede;} .is-style-st-timeline-list.has-background::after,.is-style-st-timeline-list.has-st-border::after{height: calc(100% - 3.5em); top: 2em; left: 2.5em;} .is-style-st-timeline-list.has-background::after,.is-style-st-timeline-list.has-st-border::after{left: calc(var(--timeline-left) - 1px);} [class^="is-style-st-paragraph-"],[class*=" is-style-st-paragraph-"]{display: flex; position: relative; padding: 1em 1.2em; align-items: center;} [class^="is-style-st-paragraph-"]::before,[class*=" is-style-st-paragraph-"]::before{font-family: stsvg;} [class^="is-style-st-paragraph-"]:not(.has-st-regular-font-size):not( .is-style-st-paragraph-dotline ):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-kaiwa):not( .is-style-st-paragraph-kaiwa-b ):not(.has-small-font-size):not(.has-large-font-size):not( .has-huge-font-size ),[class*=" is-style-st-paragraph-"]:not(.has-st-regular-font-size):not( .is-style-st-paragraph-dotline ):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-kaiwa):not( .is-style-st-paragraph-kaiwa-b ):not(.has-small-font-size):not(.has-large-font-size):not( .has-huge-font-size ){font-size: 0.9em !important; line-height: 1.5 !important;} @media print, screen and (max-width: 599px){[class^="is-style-st-paragraph-"]:not(.has-st-regular-font-size):not( .is-style-st-paragraph-dotline ):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-kaiwa):not( .is-style-st-paragraph-kaiwa-b ),[class*=" is-style-st-paragraph-"]:not(.has-st-regular-font-size):not( .is-style-st-paragraph-dotline ):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-kaiwa):not( .is-style-st-paragraph-kaiwa-b ),[class^="is-style-st-paragraph-"]:not( .has-st-regular-font-size ).has-st-icon:not(.is-style-st-paragraph-dotline):not( .is-style-st-paragraph-memo ):not(.is-style-st-paragraph-kaiwa):not(.is-style-st-paragraph-kaiwa-b),[class*=" is-style-st-paragraph-"]:not( .has-st-regular-font-size ).has-st-icon:not(.is-style-st-paragraph-dotline):not( .is-style-st-paragraph-memo ):not(.is-style-st-paragraph-kaiwa):not(.is-style-st-paragraph-kaiwa-b){font-size: 0.95em; line-height: 1.5;}} [class^="is-style-st-paragraph-"]::before,[class*=" is-style-st-paragraph-"]::before{order: -2; padding: 0 0.8em 0 0;} .is-style-st-paragraph-bubble::before{padding-right: 0.5em; margin-left: -0.2em;} .is-style-st-paragraph-bubble:not(.has-text-color)::before{color: #999;} [class^="is-style-st-paragraph-"]::before,[class*=" is-style-st-paragraph-"]::before{font-size: 1.1em;} @media print, screen and (max-width: 599px){[class^="is-style-st-paragraph-"]::before,[class*=" is-style-st-paragraph-"]::before{font-size: 1.2em;}} .is-style-st-paragraph-kaiwa,.is-style-st-paragraph-kaiwa-b{padding: 0 !important; max-width: 100%; box-sizing: border-box; align-items: flex-start;} .is-style-st-paragraph-kaiwa .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b .st-paragraph-kaiwa-text{padding: 15px 20px; line-height: 1.5; background: #f5f5f5; margin-left: 15px; display: inline-block; border-radius: 5px; word-break: break-all; margin-top: 5px;} .is-style-st-paragraph-kaiwa::after,.is-style-st-paragraph-kaiwa-b::after{content: ""; position: absolute; top: 20px !important; right: inherit; bottom: inherit; border: 10px solid transparent; border-right-color: #f5f5f5; box-shadow: none;} .is-style-st-paragraph-kaiwa::before,.is-style-st-paragraph-kaiwa-b::before{content: ""; display: inline-block; width: 60px; min-width: 60px; height: 60px; background-size: cover; vertical-align: middle; top: 0 !important; left: 0 !important; border-radius: 50%; padding-right: 0;} @media screen and (-webkit-min-device-pixel-ratio: 0){.is-style-st-paragraph-kaiwa::before,.is-style-st-paragraph-kaiwa-b::before{image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;}} .is-style-st-paragraph-kaiwa.has-small-font-size::before,.is-style-st-paragraph-kaiwa-b.has-small-font-size::before{width: 50px; min-width: 50px; height: 50px; border-radius: 0; border: none;} .is-style-st-paragraph-kaiwa.has-small-font-size .st-paragraph-kaiwa-text,.is-style-st-paragraph-kaiwa-b.has-small-font-size .st-paragraph-kaiwa-text{padding: 10px 15px; margin-left: 13px;} .is-style-st-paragraph-kaiwa.has-small-font-size::after,.is-style-st-paragraph-kaiwa-b.has-small-font-size::after{left: 50px !important; top: 17px !important; border: 7px solid transparent; border-right-color: #f5f5f5;} .is-style-st-paragraph-kaiwa.has-small-font-size:not(.stop)::before,.is-style-st-paragraph-kaiwa-b.has-small-font-size:not(.stop)::before{animation: none;} :root .is-style-st-paragraph-bubble,:root .is-style-st-paragraph-bubble.has-background{position: relative; background: #f3f3f3; color: #1a1a1a; line-height: 1.4; margin-bottom: 20px; padding: 0.6em 1em; width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; z-index: 0;} .is-style-st-paragraph-bubble.has-st-border{border-style: solid;} .is-style-st-paragraph-bubble::after{content: ""; position: absolute; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #f3f3f3; top: 100%; left: 2em; right: inherit; padding: 0; margin-right: 0;} .is-style-st-paragraph-bubble.has-text-align-center{margin-left: auto; margin-right: auto;} .is-style-st-paragraph-bubble.has-text-align-center::after{left: 50%;} .wp-block-group.is-st-justify-center .wp-block-group__inner-container .is-style-st-paragraph-bubble::after{left: 50%;} .is-style-st-paragraph-bubble.has-text-align-right{margin-left: auto !important; margin-right: 0;} .is-style-st-paragraph-bubble.has-st-border::after{content: ""; position: absolute; margin-left: -2px; border: 12px solid transparent; border-top: 12px solid #eee; top: 100%; left: 1.5em; padding: 0; margin-right: 0; z-index: -1;} .is-style-st-paragraph-bubble.has-st-thick-border-width::after{margin-left: -7px; border-width: 16px;} .is-style-default::before{content: none;} .is-style-default{background-color: transparent;} .is-style-default::after{content: none;} .wp-block-column > *:last-child{margin-bottom: 0;} .wp-block-columns.is-st-fixed-columns{flex-wrap: nowrap;} .wp-block-columns{gap: 1em !important; margin-bottom: 20px;} @media only screen and (max-width: 600px){.wp-block-columns:not(.is-st-fixed-columns):not(.is-not-stacked-on-mobile){flex-direction: column;} .wp-block-columns:not(.is-st-fixed-columns):not(.is-not-stacked-on-mobile) .wp-block-column:last-child{margin-bottom: 0;} .wp-block-columns:not(.is-st-fixed-columns):not(.is-not-stacked-on-mobile) .wp-block-column{width: 100%; box-sizing: border-box; margin-left: 0;}} .wp-block-columns.scroll-x{flex-direction: row !important; flex-wrap: inherit !important; overflow-x: auto; min-width: 100%; display: flex;} .wp-block-columns.scroll-x > .wp-block-column{flex-basis: 100% !important; margin-bottom: 10px !important;} .wp-block-columns.scroll-x .wp-block-column{min-width: 100%;} .wp-block-columns.scroll-x.w50 > .wp-block-column{min-width: calc(50% - 5px); flex-basis: calc(50% - 5px) !important;} .wp-block-columns.scroll-x.w50 > .wp-block-column:not(:first-child){margin-left: 10px !important;} ul.blocks-gallery-grid li.blocks-gallery-item,.post ul.blocks-gallery-grid li.blocks-gallery-item{padding-bottom: 0; line-height: inherit; font-size: 0.9em;} ul.blocks-gallery-grid,.post ul.blocks-gallery-grid:not(.toc_list):not(.st_toc_list):not(.children):not( .slick-dots ):not(.st-pvm-nav-list){padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-bottom: 20px;} .wp-block-st-blocks-st-slidebox.st-slidebox-c{padding: 0; background-color: transparent;} .wp-block-st-blocks-st-slidebox.st-slidebox-c.has-st-background,.wp-block-st-blocks-st-slidebox.st-slidebox-c.has-st-border{padding: 15px;} .wp-block-st-blocks-st-slidebox.st-slidebox-c .st-btn-open i{opacity: 0.8;} @media only screen and (max-width: 959px){#content-w{position: relative; z-index: 0;} .s-navi-search-active body{position: fixed; width: 100%; height: 100%;} #st-ami{position: relative; transition: all 0.3s; left: 0;} #side aside{clear: both; float: none; width: auto; position: static; padding-top: 10px;} .sns .st-fa,.sns .fa{font-size: 20px;} .sns li a{box-sizing: border-box; height: 48px; padding: 10px 15px;} .st-originalbtn{padding: 10px 15px;} #footer .headbox{text-align: center;} #footer .headbox p{font-size: 0.9em; line-height: 1.2; text-align: center; margin-bottom: 0;}} @media only screen and (min-width: 600px) and (max-width: 959px){.sns .st-fa,.sns .fa{font-size: 25px;} .sns li a{box-sizing: border-box; height: 58px; padding: 15px 20px;} #s-navi dd.acordion_tree{width: 320px; left: -320px;} #s-navi dt.trigger{height: 58px;} .trigger .fa:not(.st-svg-bars){font-size: 25px;} #st-mobile-logo{padding: 15px 20px; line-height: 30px; font-size: 25px;} #s-navi dt.trigger .op{font-size: 30px; width: 66px; height: 58px;} .acordion_tree ul.menu li,#s-navi dd.acordion_search .acordion_search_content{font-size: 20px;} .acordion_tree ul.menu li a{padding: 15px 20px;} .acordion_tree ul.menu li .sub-menu a{padding-left: 40px;} .acordion_tree ul.menu li .sub-menu .sub-menu a{padding-left: 60px;} .acordion_tree ul.menu li .sub-menu .sub-menu .sub-menu a{padding-left: 80px;}} @media only screen and (min-width: 600px){pre,.wp-block-details summary,p,.st-kaiwa-hukidashi,.st-kaiwa-hukidashi2,.post ul li,.post ol li,.st-tab-content > label,.st-tabs__tab-list-item{font-size: 20px; line-height: 30px;} .st-tabs__tab-list-item{line-height: 30px !important;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 27px; line-height: 40px;} h2.has-st-regular-font-size,.h2modoki,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 24px; line-height: 35px;} .post h3.has-st-regular-font-size,.post h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title),.h3modoki,.st-step-title{font-size: 22px; line-height: 32px;} .post h4.has-st-regular-font-size,.h4modoki,.post h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.point):not(.rankh4){font-size: 21px; line-height: 31px;} .post h5.has-st-regular-font-size,h5,h5 span,.h5modoki,.post h5{font-size: 18px; line-height: 28px;} .post h6.has-st-regular-font-size,h6,h6 span,.post h6{font-size: 18px; line-height: 28px;} header{text-align: left;} #headbox{padding: 0 10px 10px; margin: 0; text-align: center;} #header-l img{margin: 0 auto;} .sitename img{max-width: 100%; margin: 0;} main{background-color: #fff; padding: 20px 30px; padding-right: calc(constant(safe-area-inset-right) + 10px); padding-left: calc(constant(safe-area-inset-left) + 10px);} .is-style-st-eyecatch-width{margin: 0 -30px 20px;} .freebox{font-size: 18px; line-height: 28px;} p,.post h5{margin-bottom: 20px;} dd p{margin-bottom: 5px;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){color: #333; margin-bottom: 10px;} .h2modoki::after,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2)::after{bottom: -10px; left: 50px;} .h2modoki::before,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):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([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 16px; line-height: 26px;} .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 18px; line-height: 27px;} aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.st-widgets-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 16px;} .responbox .lbox img{width: 100%; box-sizing: border-box;} .responbox30 .lbox{float: left; padding-right: 15px; width: 30%; box-sizing: border-box;} .responbox30 .rbox{float: left; box-sizing: border-box; width: 70%;} .responbox33 .lbox{float: left; padding: 5px; width: 33.33%; box-sizing: border-box;} .responbox .lbox{float: left; padding-right: 15px; width: 40%; box-sizing: border-box;} .responbox .rbox{float: left; box-sizing: border-box; width: 60%;} .responbox40 .lbox{float: left; padding-right: 15px; width: 40%; box-sizing: border-box;} .responbox40 .rbox{float: left; box-sizing: border-box; width: 60%;} .responbox50 .lbox{float: left; padding-right: 7px; width: 50%; box-sizing: border-box;} .responbox50 .rbox{float: left; padding-left: 7px; box-sizing: border-box; width: 50%;} .responbox60 .lbox{float: left; padding-right: 15px; width: 60%; box-sizing: border-box;} .responbox60 .rbox{float: left; box-sizing: border-box; width: 40%;} .responbox70 .lbox{float: left; padding-right: 15px; width: 70%; box-sizing: border-box;} .responbox70 .rbox{float: right; box-sizing: border-box; width: 30%;} #topnews dt{float: left; width: 150px;} #topnews dt img{width: 100%;} #topnews dd{padding-left: 170px;} #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;} .colum1 #side{display: none;} .colum1 main{margin: 0px -10px 20px; padding: 20px 30px; padding-right: calc(constant(safe-area-inset-right) + 10px); padding-left: calc(constant(safe-area-inset-left) + 10px);} .home .colum1 main,.category .colum1 main{padding-right: calc( constant(safe-area-inset-right) + 10px ) !important; padding-left: calc( constant(safe-area-inset-left) + 10px ) !important;} .colum1 .is-style-st-eyecatch-width{margin: 0 -50px 20px;} .st-youtube .st-svg-youtube-play{font-size: 60px; width: 60px; height: 60px;} .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.st-cardbox dd{padding: 15px 20px 20px;} .st-cardstyleb .kanren .clearfix dd p{line-height: 1.8;} .st-cardstyleb .cardbox-more a{display: block;} #st_toc_container > ul > li,.st_toc_container > ul > li{font-size: 20px;}} @media print, screen and (min-width: 960px){pre,.wp-block-details summary,p,.st-kaiwa-hukidashi,.st-kaiwa-hukidashi2,.post ul li,.post ol li,.post table tr td,.st-tab-content > label,.st-tabs__tab-list-item,table tr td{font-size: 15px; line-height: 27px;} .st-tabs__tab-list-item{line-height: 27px !important;} .st-tab-category .st-tab-content > label{font-size: 14px; line-height: 24px;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 27px; line-height: 40px;} h2.has-st-regular-font-size,.h2modoki,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 24px; line-height: 34px;} .post h3.has-st-regular-font-size,.post h3:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title),.h3modoki,.st-step-title{font-size: 20px; line-height: 30px;} .post h4.has-st-regular-font-size,.h4modoki,.post h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2):not(.point):not(.rankh4){font-size: 16px; line-height: 26px;} .post h5.has-st-regular-font-size,h5,h5 span,.h5modoki,.post h5{font-size: 15px; line-height: 27px;} .post h6.has-st-regular-font-size,h6,h6 span,.post h6{font-size: 15px; line-height: 27px;} .st-embed-cardlink .st-cardbox .clearfix dd h5,.post .st-embed-cardlink .st-cardbox .clearfix dd h5,#side .st-embed-cardlink .st-cardbox .clearfix dd h5{border-bottom: none;} header .sitename a:hover{-moz-opacity: 0.8; opacity: 0.8;} .post .st-catgroup a:hover{opacity: 0.5;} #playnow,.st-originalbtn{transition: 0.5s;} #playnow:hover,.st-originalbtn:hover{opacity: 0.6;} .st-pagelink a:hover{opacity: 0.5;} nav.smanone{margin: 0 auto;} header .smanone ul.menu li .st-fa,header .smanone ul.menu li .fa{margin-right: 5px;} header .smanone ul.menu li{box-sizing: border-box; list-style-type: none; float: left; height: 40px; text-align: center; border-right: solid 1px #f3f3f3; position: relative;} header .smanone ul.menu > li:last-child{border: none;} header .smanone ul.menu li a{display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 13px; overflow: hidden; width: 100%; height: 100%; line-height: 40px; color: #333; text-decoration: none; position: relative; z-index: 1;} header .smanone ul.menu li li a{background: #f3f3f3; border-top: solid 1px rgba(255, 255, 255, 0.1); z-index: 100000;} header .smanone ul.menu li a:hover{color: #ff0000;} header .smanone ul.sub-menu li ul.sub-menu{position: absolute; top: 0;} header .smanone ul.sub-menu{display: none;} header .smanone ul.menu{zoom: 1;} * + html header .smanone ul.menu li{display: inline; zoom: 1;} * + html header .smanone ul.sub-menu{zoom: 1; position: relative;} .smanone{display: block;} .pcnone{display: none !important;} header{padding: 0;} #header-l{padding-top: 0;} #headbox{padding: 15px 10px; margin: 0 auto; text-align: left;} #headbox img{margin: 0;} nav{display: block;} .freebox{font-size: 14px; line-height: 24px;} p,.post h5{margin-bottom: 20px;} dd p{margin-bottom: 5px;} .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.post .entry-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){color: #333; margin-bottom: 10px;} .blogbox p{font-size: 13px; margin: 0px; line-height: 18px;} .h2modoki::after,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2)::after{bottom: -10px; left: 50px;} .h2modoki::before,h2:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2)::before{bottom: -10px; left: 50px;} .post dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){margin-bottom: 5px;} #side aside ul li{font-size: 14px; line-height: 24px;} .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 16px; line-height: 26px;} .clip-memotext > *{font-size: 90%;} .st-memobox2 > *{font-size: 90%;} .post .st-minihukidashi,.st-minihukidashi{font-size: 90%;} #headbox{display: flex; align-items: center; justify-content: space-between;} #header-l{display: flex; align-items: center; max-width: 300px;} #header-r{padding-top: 0px;} #header-r a{text-decoration: none;} #header-r p{margin: 0px;} #footer .headbox p{font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 0;} .footer-r{box-sizing: border-box; padding: 0 15px 10px 0px; text-align: left;} .footer-r > *{text-align: left;} .footer-l{float: left; width: 30%; min-width: 30%; box-sizing: border-box; text-align: left; padding: 0 20px 0 0;} .footer-l > *{text-align: left;} .footer-r{float: right; width: 70%; box-sizing: border-box;} .footer-r.footer-column3{padding-right: 0;} .footer-r-2{float: left; width: 50%; box-sizing: border-box; padding-right: 10px; padding-bottom: 10px;} .footer-r-3{float: right; width: 50%; box-sizing: border-box; padding-left: 10px; padding-bottom: 10px;} .st-pagelink .page-numbers{padding: 7px 8px;} aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),#side aside h4:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2),.st-widgets-title:not([class^="is-style-st-heading-custom-"]):not( [class*=" is-style-st-heading-custom-"] ):not(.st-css-no2){font-size: 14px;} #wrapper{overflow: visible; padding: 0; width: 100%;} #st-header{margin: 0 auto; text-align: center;} #content{margin: 0 auto;} #wrapper:not(.colum1) #content-w,header + #content-w{padding-top: 10px;} #side{padding: 0;} footer{width: 100%;} #footer{margin: 0 auto;} #footer-in{margin: 0 auto;} .is-style-st-eyecatch-width{margin: 0 -50px 20px;} .colum1 main{margin: 0 0 20px; padding: 30px 70px;} .colum1.lp main{margin-bottom: 0;} .sns{width: 90%;} .sns li{width: 33%;} dd h3 a{color: #333; text-decoration: none; font-size: 16px; line-height: 26px;} .kanren:not(.st-cardbox) .clearfix dd p{font-size: 75%; line-height: 1.7;} .colum1 .is-style-st-eyecatch-width{margin: 0 -70px 20px;} nav.menu li .children{display: none;} .st-middle-menu{display: none;} #st_toc_container,.st_toc_container{padding-left: 20px; padding-right: 20px;} #st_toc_container > ul > li,.st_toc_container > ul > li{font-size: 15px;} #st_toc_container.only-toc > ul > li,.st_toc_container.only-toc > ul > li{font-size: 15px;}} @media only screen and (max-width: 599px){#side{overflow: hidden; padding-top: 20px;} .cardbox-more a{display: block;} .slick-slides-to-show-3 .post-card-date,.slick-slides-to-show-2 .post-slide-date,.is-small-columns-2 .post-card-date,.is-small-columns-3 .post-card-date{font-size: 0.7em;} .clip-memobox .clip-fonticon{font-size: 120%;} .st-cardbox,.st_toc_back,.rankstlink-l2 p a,.st-mybtn a,.kanren dd,.kanren dt,.post-slide-image,.post-slide-more,.post-card-image,.post-card-title,a,nav li{transition: unset;}}