@charset "UTF-8";article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}audio,
canvas,
video {
display: inline-block;
}audio:not([controls]) {
display: none;
height: 0;
}[hidden],
template {
display: none;
}a {
background: transparent;
}a:focus {
outline: thin dotted;
}a:active,
a:hover {
outline: 0;
}abbr[title] {
border-bottom: 1px dotted;
}.strong,
.bold,
b,
strong {
font-weight: 700;
}.em,
dfn,
em {
font-style: italic;
}p {
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
}code,
kbd,
pre,
samp {
font-family: Consolas, Courier New, Courier, Monaco, monospace;
}code,
kbd,
samp {
font-size: 95%;
padding: 0.05em 0.4em;
border-radius: 3px;
background: #f6f6f6;
color: #444;
}pre {
white-space: pre-wrap;
margin: 0;
}q {
quotes: "“" "”" "‘" "’";
}q:after,
q:before {
content: "";
content: none;
}.small,
small,
sub,
sup {
font-size: 75%;
}sub,
sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}sup {
top: -0.5em;
}sub {
bottom: -0.25em;
}figcaption {
font-size: 80%;
text-align: center;
opacity: 0.9;
}dl,
menu,
ol,
ul {
margin: 0 0 1em;
}dt {
font-weight: bold;
margin: 1% 0;
}dd {
margin: 0;
}dt + dd {
margin: 0.5em 0;
}menu {
padding: 0 0 0 40px;
}ol,
ul {
padding: 0;
}li {
list-style-type: none;
}img,
svg {
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}svg:not(:root) {
overflow: hidden;
}figure {
margin: 0;
}.field,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
display: block;
padding: 10px 2%;
font-size: 1em;
color: var(--main-text-color);
background-color: var(--inner-content-bg);
border: 3px solid rgba(66, 66, 66, 0.3);
box-sizing: border-box;
width: auto;
max-width: 100%;
-webkit-appearance: none;
appearance: none;
border-radius: 5px;
}input[type=password] {
letter-spacing: 0.3em;
}textarea {
min-height: 90pt;
width: 100%;
overflow: auto;
vertical-align: top;
}select {
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"5\"><path d=\"M0,0 10,0 5,5z\" fill=\"var(--main-text-color)\" /></svg>");
background-position: right;
background-repeat: no-repeat;
}fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}legend {
border: 0;
padding: 0;
}button,
input,
select,
textarea {
margin: 0;
}button,
input {
line-height: normal;
}button,
select {
-webkit-appearance: none;
appearance: none;
text-transform: none;
}select::-ms-expand {
display: none;
}select {
line-height: 1.2;
}button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
font-size: 0.95em;
padding: 8px 20px;
background: #666;
color: #fff;
border: 0;
border-radius: 5px;
}button[disabled],
html input[disabled] {
cursor: default;
}input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}input[type=search] {
-webkit-appearance: none;
}input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}table {
border-collapse: collapse;
border-spacing: 0;
}.cf,
.comment-respond,
.widget li {
zoom: 1;
}.cf:after,
.cf:before,
.comment-respond:after,
.comment-respond:before {
content: "";
display: table;
}.cf:after,
.comment-respond:after {
clear: both;
}#submit,
.blue-btn {
display: inline-block;
position: relative;
font-size: 90%;
font-weight: 400;
padding: 1em;
border-radius: 4px;
border: 0;
cursor: pointer;
transition: background-color 0.14s ease-in-out;
}#submit,
#submit:focus,
#submit:hover,
.blue-btn {
text-decoration: none;
color: #fff;
}html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}body {
font-family: var(--stk-base-font-family, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif);
line-height: 1.9;
letter-spacing: 0.3px;
color: var(--main-text-color);
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
background: #f7f7f7;
}@media only screen and (min-width: 768px){body {
font-size: var(--stk-base-font-size-pc, 103%);
}}@media only screen and (max-width: 767px){body {
font-size: var(--stk-base-font-size-sp, 103%);
}}*,
*:before,
*:after {
box-sizing: border-box;
}.wrap {
max-width: 1166px;
margin: 0 auto;
}a {
color: var(--main-link-color);
}a:hover {
color: var(--main-link-color-hover);
}.has-text-color:not(.has-link-color) a:not(.wp-block-button__link) {
color: inherit;
}a,
a img,
.pickup_content__text__label,
.pickup_content__link::before,
.pickup_content__link::after {
transition: all 0.3s ease-in-out;
}a,
a img,
.fadeIn,
.fadeInUp,
.fadeInDown,
.remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden;
}@media only screen and (min-width: 768px){a:hover img {
opacity: 0.8;
}}a:link,
a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}[role=button] {
cursor: pointer;
}iframe {
max-width: 100%;
}.stk-mt_0 {
margin-top: 0 !important;
}.stk-mt_ss {
margin-top: calc(var(--stk-margin, 1.6em) / 2) !important;
}.stk-mb_0 {
margin-bottom: 0 !important;
}.stk-mb_ss {
margin-bottom: calc(var(--stk-margin, 1.6em) / 2) !important;
}.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}.wp-block-embed.aligncenter .wp-block-embed__wrapper > div {
margin-left: auto;
margin-right: auto;
}hr.wp-block-separator:not([class*=is-style-]),
hr.wp-block-separator.is-style-default {
width: 7em;
border: 1px solid;
}hr:not(.wp-block-separator) {
margin: 1.8em 0;
border-width: 1px 0 0;
border-style: dashed;
}#stk_observer_target {
width: 100%;
height: 400px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}.stk-wow-fadeIn,
.stk-wow-fadeInUp,
.stk-wow-fadeInDown,
.stk-wow-fadeInRight,
.stk-wow-fadeInLeft {
transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
}.stk-wow-fadeIn:not([data-animated=animated]),
.stk-wow-fadeInUp:not([data-animated=animated]),
.stk-wow-fadeInDown:not([data-animated=animated]),
.stk-wow-fadeInRight:not([data-animated=animated]),
.stk-wow-fadeInLeft:not([data-animated=animated]) {
opacity: 0;
}.stk-wow-fadeIn[data-animated=animated],
.stk-wow-fadeInUp[data-animated=animated],
.stk-wow-fadeInDown[data-animated=animated],
.stk-wow-fadeInRight[data-animated=animated],
.stk-wow-fadeInLeft[data-animated=animated] {
opacity: 1;
transform: translateY(0px);
}.stk-wow-fadeInUp:not([data-animated=animated]) {
transform: translateY(50px);
}.stk-wow-fadeInDown:not([data-animated=animated]) {
transform: translateY(-50px);
}.stk-wow-fadeInRight:not([data-animated=animated]) {
transform: translateX(50px);
}.stk-wow-fadeInLeft:not([data-animated=animated]) {
transform: translateX(-50px);
}#navbtn_search_content::before {
content: "キーワードで記事を検索";
}@media only screen and (min-width: 768px){[class*=h_layout_pc_center_] .search_btn, [class*=h_layout_pc_center_] .contact_btn {
right: 0;
}}#breadcrumb {
font-size: 70%;
background-color: var(--inner-content-bg);
padding: 1em;
}#sidebar1 {
margin-top: 1.5em;
color: var(--side-text-color);
}#sidebar1:empty {
display: none;
}.wp-block-group {
--stk-group-padding_rl: min(4%, 2.5em);
--stk-group-padding_tb: min(8%, 5em);
}.wp-block-cover {
min-height: 40vh;
padding: 5% 4%;
width: inherit;
z-index: 0;
}.wp-block-cover-image .wp-block-cover__inner-container:not(.mw-728),
.wp-block-cover .wp-block-cover__inner-container:not(.mw-728) {
max-width: 980px;
width: calc(100% - 30px);
}[class*=stk-clip] {
--stk-clip-padding: 2em;
margin-top: calc(var(--stk-clip-padding) * -1);
}@media only screen and (min-width: 768px){[class*=stk-clip] {
--stk-clip-padding: 4em;
}}[class*=stk-clip] > .wp-block-cover__inner-container,
[class*=stk-clip] > .wp-block-group__inner-container {
padding-top: var(--stk-clip-padding);
padding-bottom: var(--stk-clip-padding);
}@media only screen and (min-width: 981px){#sidebar1 {
font-size: 88%;
width: 336px;
max-width: 34%;
flex: none;
margin-top: 0;
margin-left: auto;
}}.time__date {
opacity: 0.75;
}.time__date::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: normal;
content: "";
margin-right: 0.3em;
display: inline-block;
transform: scale(1.05);
}.time__date.undo::before {
content: "";
font-weight: 900;
}dl,
ol,
p,
ul {
letter-spacing: 0.025em;
}p {
margin: 0 0 var(--stk-margin, "1.6em");
line-height: 1.8;
}.entry-content a[target=_blank]::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
content: "";
font-size: 95%;
margin: 0 3px 0 2px;
}.entry-content a.no-icon[target=_blank]::after,
.entry-content a.wp-block-social-link-anchor[target=_blank]::after {
content: none;
}a[href^="tel:"] {
color: inherit;
text-decoration: none;
}table {
width: 100%;
font-size: 90%;
margin-bottom: 1.5em;
border-collapse: collapse;
}td,
th {
padding: 0.8em 0.5em;
border-style: solid;
border: 1px solid #ddd;
border-color: rgba(102, 102, 102, 0.1);
}td input {
margin: 3px 0;
}.stk-table-thdesign tr td:first-child,
th {
font-weight: bold;
text-align: center;
background-color: rgba(102, 102, 102, 0.08);
}.wp-block-table {
margin-bottom: 1.5em;
}.wp-block-table table {
margin-bottom: 0;
}.wp-block-table th, .wp-block-table td {
padding: 0.8em 0.5em;
border-color: rgba(102, 102, 102, 0.1);
}.wp-block-table .has-text-color th,
.wp-block-table .has-text-color td,
.wp-block-table .has-text-color thead,
.wp-block-table .has-text-color tfoot {
border-color: initial;
}@media only screen and (max-width: 480px){.stk-table-scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 2em;
}.stk-table-scroll table {
margin-bottom: 0.5em;
white-space: nowrap;
}.stk-table-scroll .has-fixed-layout {
table-layout: initial;
}.stk-table-scroll::-webkit-scrollbar {
height: 5px;
}.stk-table-scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}.stk-table-scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}}blockquote:not([class*=-embed]):not(.is-style-large) {
font-size: 90%;
padding: 1.6em 4%;
margin: 2.5em 0 3em;
position: relative;
border: 1px solid;
border-radius: 5px;
}blockquote:not([class*=-embed]):not(.is-style-large)::before, blockquote:not([class*=-embed]):not(.is-style-large)::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
position: absolute;
width: 1em;
height: 1em;
box-sizing: content-box;
display: block;
padding: 0.2em;
text-align: center;
font-size: 1.3em;
line-height: 1;
background-color: var(--inner-content-bg);
}blockquote:not([class*=-embed]):not(.is-style-large)::before {
content: "";
left: -0.2em;
top: -0.3em;
}blockquote:not([class*=-embed]):not(.is-style-large)::after {
content: "";
right: -0.2em;
bottom: -0.4em;
}blockquote:not([class*=-embed]):not(.is-style-large) h2,
blockquote:not([class*=-embed]):not(.is-style-large) h3,
blockquote:not([class*=-embed]):not(.is-style-large) h4 {
margin-top: 0 !important;
}.wp-block-pullquote blockquote {
border: none;
border-top: 4px solid;
border-bottom: 4px solid;
border-radius: 0;
}.wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after {
content: none;
}blockquote cite {
display: block;
font-size: 88%;
font-style: normal;
opacity: 0.8;
}.entry-content img {
margin-bottom: 1.5em;
max-width: 100%;
height: auto;
}.entry-content p img {
margin-bottom: 0;
vertical-align: baseline;
}.wp-block-media-text__media img {
margin-bottom: 0;
}.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}.wp-block-media-text .wp-block-media-text__content :first-child {
margin-top: 0;
}.wp-block-media-text .wp-block-media-text__content :last-child {
margin-bottom: 0;
}.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-left: 1.1em;
}@media only screen and (max-width: 600px){.wp-block-media-text {
margin-bottom: 1.5em;
}}.size-auto:not(.alignwide):not(.alignfull),
.size-full:not(.alignwide):not(.alignfull),
.size-large:not(.alignwide):not(.alignfull),
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}pre:not(.prettyprint) {
background: #555;
background: rgba(0, 0, 0, 0.7);
color: #f8f9fa;
font-size: 85%;
line-height: 1.3;
padding: 1.2em 1.7em;
margin: 0.2em 0 2.2em;
border-radius: 5px;
}pre code {
padding: 0;
border-radius: 0;
background: none;
color: inherit;
}.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
letter-spacing: 0.3px;
font-weight: 700;
line-height: 1.5;
}.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
text-decoration: none;
}.h1,
h1 {
font-size: 1.9em;
font-size: clamp(1.4em, 4vw, 1.9em);
margin-top: 0.67em;
margin-bottom: 0.67em;
}.h2,
h2 {
font-size: 120%;
font-size: clamp(1.2em, 2.6vw, 1.3em);
margin-top: 0.83em;
margin-bottom: 0.83em;
}.h3,
h3 {
font-size: 110%;
font-size: clamp(1.1em, 2.3vw, 1.15em);
margin-top: 1em;
margin-bottom: 1em;
}.h4,
h4 {
font-size: 105%;
margin-top: 1.33em;
margin-bottom: 1.33em;
}.h5,
h5 {
font-size: 100%;
margin-top: 1.33em;
margin-bottom: 1.33em;
}.entry-content h2:not([class*=is-style-style]),
.homeadd_wrap h2:not([class*=is-style-style]) {
position: relative;
border: none;
font-size: 125%;
padding: 1em 1.1em;
margin-top: 2.1em;
margin-bottom: 1em;
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}.entry-content h2:not([class*=is-style-style]):not(.has-background),
.homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) {
background-color: var(--main-ttl-bg);
}.entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) {
color: var(--main-ttl-color);
}.entry-content h3:not([class*=is-style-style]) {
border-top: 4px solid;
border-bottom: 4px solid;
padding: 0.5em 0.2em;
margin-top: 1.8em;
}.entry-content h4:not([class*=is-style-style]) {
border-left: 4px solid;
padding: 0.5em 0 0.5em 0.8em;
margin-top: 1.8em;
}.entry-content h3:not([class*=is-style-style]):not(.has-text-color),
.entry-content h4:not([class*=is-style-style]):not(.has-text-color) {
border-color: var(--main-ttl-bg);
}@media only screen and (max-width: 480px){.entry-content h2:not([class*=is-style-style]),
.homeadd_wrap h2,
#inner-content .widgettitle {
margin-left: -0.5em;
margin-right: -0.5em;
}.entry-content h2:not([class*=is-style-style]),
.entry-content h3:not([class*=is-style-style]),
.entry-content h4:not([class*=is-style-style]),
.homeadd_wrap h2 {
font-size: 105%;
}}.entry-content li {
position: relative;
padding-left: 1.35em;
margin: 0.7em 0;
}.entry-content li li {
margin: 0.6em 0;
}.entry-content ul li::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
content: "";
display: block;
position: absolute;
left: 2px;
top: 1px;
transform: scale(0.6);
color: var(--main-ttl-bg);
background: none;
}.entry-content li ul li::before {
content: "";
}.entry-content ol {
counter-reset: number;
}.entry-content ol[start] {
counter-reset: unset;
}.entry-content ol > li {
padding-left: 1.8em;
}.entry-content ol > li::before {
font-family: inherit;
counter-increment: number;
content: counter(number);
background-color: var(--main-ttl-bg);
border: 1px solid var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
font-weight: bold;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
transform: scale(0.7);
left: 1px;
top: 1px;
}.entry-content li ol > li:before {
background: none;
content: counter(number) ".";
border: none;
color: inherit;
opacity: 0.6;
transform: scale(0.9);
top: 1px;
}.entry-content ul.has-text-color li::before {
color: currentColor;
}.entry-content .stk-list-icon--stylenone,
.entry-content .stk-list-icon--stylenone ul,
.entry-content .stk-list-icon--stylenone ol {
padding-left: 1.5em;
}.entry-content .stk-list-icon--stylenone[class*=is-style-faq_type_] {
padding-left: 2.9em;
}.entry-content .stk-list-icon--stylenone li {
padding-left: 0;
list-style-type: inherit;
}.entry-content .stk-list-icon--stylenone li::before,
.entry-content .stk-list-icon--stylenone li ul li::before {
content: none;
}.entry-content ul[class*=stk-list-icon--] > li::before {
transform: scale(1.1);
}.entry-content ul.stk-list-icon--check01 > li::before {
content: "";
}.entry-content ul.stk-list-icon--lightbulb > li::before {
content: "";
font-weight: 400;
}.wp-block-social-links li {
padding: 0;
margin: initial;
position: initial;
list-style: initial;
}.wp-block-social-links li::before {
content: none !important;
}.wp-block-latest-comments .wp-block-latest-comments__comment {
padding: 0;
}.wp-block-latest-comments .wp-block-latest-comments__comment::before {
content: none;
}.wp-caption {
max-width: 100%;
background: #fff;
padding: 5px;
margin-bottom: 1.2em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
}.wp-caption img,
.wp-block-image img {
max-width: 100%;
margin-bottom: 0;
}.wp-block-image,
.wp-block-video,
.wp-block-embed.is-type-video {
margin-bottom: 1em;
}.wp-block-video video {
vertical-align: bottom;
}.gallery,
.wp-block-gallery {
display: flex;
flex-flow: row wrap;
justify-content: left;
}.wp-block-gallery {
margin-top: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
margin-bottom: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
}.eyecatch {
position: relative;
text-align: center;
}.eyecatch.of-cover {
overflow: hidden;
}.eyecatch.of-cover::before {
content: "";
display: block;
padding-top: 62.5%;
}.eyecatch.of-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}.single .entry-content > :first-child,
.page .entry-content > :first-child {
margin-top: 0;
}.single .entry-content > .cbox.intitle:not(.type_ttl):first-child,
.page .entry-content > .cbox.intitle:not(.type_ttl):first-child {
margin-top: 1rem;
}#single_foot {
display: flex;
flex-direction: column;
}input[name=post_password] {
display: inherit;
max-width: 50%;
}.comment,
.pingback {
clear: both;
overflow: hidden;
padding: 3.5%;
margin-bottom: 1em;
font-size: 90%;
border: 5px solid #efefef;
}.comment .comment {
font-size: 1em;
border: none;
padding-right: 0 !important;
}.comment:last-child,
.pingback:last-child {
margin-bottom: 0;
}.comment .children,
.pingback .children {
margin: 0;
}.comment:not(.depth-1),
.pingback:not(.depth-1) {
margin-top: 0;
}amp-social-share {
border-radius: 5px;
min-width: 90%;
}@media only screen and (min-width: 768px){.btn-wrap a:hover,
.wp-block-button a:hover,
.stk_sns_links__link:hover,
.sns_btn__link:hover {
transform: translate3d(0, -3px, 0);
}#top_carousel a:hover,
.related_newpost__li a:hover,
.np-post-list.prev a:hover,
.np-post-list.next a:hover,
.cat_postlist__link:hover,
.related_article a:hover {
transform: translateY(-2px);
}}.wp-block-column > :last-child {
margin-bottom: 0;
}.wp-block-latest-posts {
overflow: hidden;
}.wp-block-latest-posts li {
padding: 0;
}.wp-block-latest-posts li::before {
content: none !important;
}.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-date {
font-size: 80%;
opacity: 0.9;
}.wp-block-latest-posts__featured-image img {
margin-bottom: initial;
}.wp-block-latest-posts__featured-image:not(.aligncenter) {
margin-bottom: 0.5em;
}.wp-caption .wp-caption-text,
.wp-block-image figcaption {
margin: 4px;
}.span-stk-maker-yellow,
.span__stk_maker_yellow,
.span-stk-maker-pink,
.span__stk_maker_pink,
.span-stk-maker-blue,
.span__stk_maker_blue,
.span-stk-maker-green {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-size: 200% 0.6em;
padding-bottom: 0.6em;
}.span-stk-maker-yellow,
.span__stk_maker_yellow {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-yellow, "#ff6") 50%);
}.span-stk-maker-pink,
.span__stk_maker_pink {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-pink, "#ffd5d5") 50%);
}[class*=span-stk-label-] {
font-size: 0.9em;
padding: 0.2em 0.5em;
border-radius: 0.2em;
color: #fff;
}[class*=span-stk-label-] + [class*=span-stk-label-] {
margin-left: 0.1em;
margin-right: 0.1em;
}i[class*=stk_icons-] {
height: 2.5em;
width: 2.5em;
line-height: 2.5em;
font-size: 2.2em;
margin: 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 50%;
background-color: #fff;
}.related_article {
margin: 3% auto;
text-align: left;
max-width: 980px;
}.related_article .ttl {
margin: 0 0 0.1em;
font-size: 95%;
font-weight: bold;
}.related_article .labeltext {
font-size: 70%;
font-weight: bold;
background-color: var(--label-bg);
color: var(--label-text-color);
display: inline-block;
padding: 0.1em 0.5em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
border-radius: 2px;
}.related_article .time__date {
font-size: 80%;
}.related_article__link {
color: #333333;
background: #ffffff;
box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
text-decoration: none;
width: 100%;
padding: 2.5%;
display: block;
overflow: hidden;
}.related_article__link:hover {
color: #888888;
box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
}.related_article__link:active {
transform: translateY(1px);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
}.related_article.typesimple .related_article__link {
display: flex;
align-items: flex-start;
}.related_article.typesimple .archives_post__meta {
flex: 1;
}.related_article.typesimple .eyecatch {
width: 22%;
min-width: 100px;
margin-right: 0.7em;
}.related_article.typesimple .eyecatch .wp-post-image {
width: 100%;
margin-bottom: 0;
}.supplement,
[class*=is-style-supplement-] {
--stk-supplement-hue: 50;
border: 2px solid hsl(var(--stk-supplement-hue), 82%, 86%);
background-color: hsl(var(--stk-supplement-hue), 92%, 95%);
color: hsl(var(--stk-supplement-hue), 36%, 40%);
position: relative;
font-size: 93%;
padding: var(--oc-has-background-basic-padding);
padding-left: max(3.2em, 30px);
margin-bottom: var(--stk-margin);
border-radius: 4px;
}.supplement::before,
[class*=is-style-supplement-]::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
line-height: 1;
content: "";
display: inline-block;
font-size: max(1.7em, 17px);
position: absolute;
left: 0.5em;
color: hsl(var(--stk-supplement-hue), 99%, 47%);
}.supplement.warning,
.supplement.is-style-warning,
.is-style-supplement-warning {
--stk-supplement-hue: 360;
}.supplement.warning::before,
.supplement.is-style-warning::before,
.is-style-supplement-warning::before {
content: "";
color: hsl(var(--stk-supplement-hue), 45%, 45%);
}.supplement.succes,
.supplement.is-style-succes,
.is-style-supplement-succes {
--stk-supplement-hue: 100;
}.supplement.succes::before,
.supplement.is-style-succes::before,
.is-style-supplement-succes::before {
content: "";
color: hsl(var(--stk-supplement-hue), 45%, 45%);
}.supplement.memo::before,
.supplement.is-style-memo::before,
.is-style-supplement-memo::before,
.supplement.hint::before,
.supplement.is-style-hint::before,
.is-style-supplement-hint::before {
color: hsl(var(--stk-supplement-hue), 92%, 95%);
background-color: hsl(var(--stk-supplement-hue), 45%, 45%);
font-size: max(0.85em, 8px);
left: 1em;
width: max(2em, 17px);
height: max(2em, 17px);
line-height: 2em;
text-align: center;
border-radius: 50%;
}.supplement.memo,
.supplement.is-style-memo,
.is-style-supplement-memo {
--stk-supplement-hue: 40;
}.supplement.memo::before,
.supplement.is-style-memo::before,
.is-style-supplement-memo::before {
content: "";
}.supplement.hint,
.supplement.is-style-hint,
.is-style-supplement-hint {
--stk-supplement-hue: 200;
}.supplement.hint::before,
.supplement.is-style-hint::before,
.is-style-supplement-hint::before {
content: "";
}.supplement.border,
.supplement.boader,
.supplement.is-style-border,
.supplement.noicon,
.is-style-supplement-border {
padding: var(--oc-has-background-basic-padding);
}.supplement.border::before,
.supplement.boader::before,
.supplement.is-style-border::before,
.supplement.noicon::before,
.is-style-supplement-border::before {
content: none;
}.supplement.border,
.supplement.boader,
.supplement.is-style-border,
.is-style-supplement-border {
background: none;
color: inherit;
border-color: #d4d4d4;
}[class*=is-style-supplement-].has-text-color {
border-color: inherit;
}.cbox {
padding: 1em;
margin: 2em 0 2em;
border: 2px solid;
background-color: var(--main-ttl-bg-rgba);
border-color: var(--main-ttl-bg);
border-radius: 0.2em;
}.cbox:not(.type_ttl) .box_title {
margin-bottom: -0.4em;
}.cbox.intitle {
padding-top: 0;
}.cbox.intitle .span__box_title {
position: relative;
top: -1.1rem;
padding: 0.1em 0.7em;
background-color: var(--main-ttl-bg);
color: #fff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: middle;
text-align: center;
min-width: 3em;
}@media only screen and (max-width: 480px){.cbox.intitle .span__box_title {
font-size: 88%;
}}.cbox.intitle .span__box_title:empty {
visibility: hidden;
}.cbox.is-style-editor_color1 {
background: var(--stk-editor-color1-rgba);
border-color: var(--stk-editor-color1);
}.cbox.is-style-editor_color1 .span__box_title {
background: var(--stk-editor-color1);
}.cbox.is-style-editor_color2 {
background: var(--stk-editor-color2-rgba);
border-color: var(--stk-editor-color2);
}.cbox.is-style-editor_color2 .span__box_title {
background: var(--stk-editor-color2);
}.cbox.is-style-blue_box {
background: var(--oc-box-blue-inner);
border-color: var(--oc-box-blue);
color: #465d65;
}.cbox.is-style-blue_box .span__box_title {
background: var(--oc-box-blue);
}.cbox.is-style-red_box {
background: var(--oc-box-red-inner);
border-color: var(--oc-box-red);
color: #654646;
}.cbox.is-style-red_box .span__box_title {
background: var(--oc-box-red);
}.cbox.is-style-yellow_box {
background: var(--oc-box-yellow-inner);
border-color: var(--oc-box-yellow);
color: #636546;
}.cbox.is-style-yellow_box .span__box_title {
background: var(--oc-box-yellow);
}.cbox.is-style-pink_box {
background: var(--oc-box-pink-inner);
border-color: var(--oc-box-pink);
color: #654646;
}.cbox.is-style-pink_box .span__box_title {
background: var(--oc-box-pink);
}.cbox.is-style-glay_box {
background: var(--oc-box-gray-inner);
border-color: var(--oc-box-gray);
color: #444444;
}.cbox.is-style-glay_box .span__box_title {
background: var(--oc-box-gray);
}.cbox.type_simple {
background-color: var(--inner-content-bg);
}.cbox.type_simple .span__box_title {
background-color: var(--inner-content-bg);
color: var(--main-ttl-bg);
}.cbox.type_simple.is-style-editor_color1 .span__box_title {
color: var(--stk-editor-color1);
}.cbox.type_simple.is-style-editor_color2 .span__box_title {
color: var(--stk-editor-color2);
}.cbox.type_simple.is-style-red_box .span__box_title {
color: var(--oc-box-red);
}.cbox.type_simple.is-style-yellow_box .span__box_title {
color: var(--oc-box-yellow);
}.cbox.type_simple.is-style-glay_box .span__box_title {
color: var(--oc-box-gray);
}.cbox.is-style-site_color {
border-color: var(--main-ttl-bg);
}.cbox:not(.type_simple):not(.type_ttl).is-style-site_color {
background-color: var(--main-ttl-bg-rgba);
}.cbox.type_simple.is-style-site_color .span__box_title {
color: var(--main-ttl-bg);
}.cbox:not(.type_simple).is-style-site_color .span__box_title {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}.cbox.list-icon-box_color.is-style-editor_color1 ul li::before {
color: var(--stk-editor-color1);
}.cbox.list-icon-box_color.is-style-editor_color1 ol li::before {
background: var(--stk-editor-color1);
border-color: var(--stk-editor-color1);
color: #fff;
}.cbox.list-icon-box_color.is-style-editor_color2 ul li::before {
color: var(--stk-editor-color2);
}.cbox.list-icon-box_color.is-style-editor_color2 ol li::before {
background: var(--stk-editor-color2);
border-color: var(--stk-editor-color2);
color: #fff;
}.cbox.list-icon-box_color.is-style-red_box ul li::before {
color: var(--oc-box-red);
}.cbox.list-icon-box_color.is-style-red_box ol li::before {
background: var(--oc-box-red);
border-color: var(--oc-box-red);
color: #fff;
}.cbox.list-icon-box_color.is-style-yellow_box ul li::before {
color: var(--oc-box-yellow);
}.cbox.list-icon-box_color.is-style-yellow_box ol li::before {
background: var(--oc-box-yellow);
border-color: var(--oc-box-yellow);
color: #fff;
}.cbox.list-icon-box_color.is-style-glay_box ul li::before {
color: var(--oc-box-gray);
}.cbox.list-icon-box_color.is-style-glay_box ol li::before {
background: var(--oc-box-gray);
border-color: var(--oc-box-gray);
color: #fff;
}.accordion_content p:last-child,
.oc-faq__title,
.oc-faq__comment p:last-child,
.supplement p:last-child,
.cbox p:last-child,
.voice .voicecomment p:last-child,
.wp-block-group.has-background p:last-child,
.stk_step__child p:last-child,
.archives-list a .description p:last-child,
.wp-block-quote p:last-child {
margin-bottom: 0;
}.wp-block-buttons.is-vertical > .wp-block-button {
margin-left: 0.5em;
margin-right: 0.5em;
}.btn-wrap,
.wp-block-button {
--stk-btn-border_width: 2px;
--stk-btn-padding: 0.667em;
}.btn-wrap p,
.wp-block-button p {
margin: 0;
padding: 0;
}.wp-block-buttons:not(.alignleft):not(.alignright):not(.is-content-justification-left):not(.is-content-justification-right):not([class*=wp-container-]) {
justify-content: center;
}.wp-block-buttons {
margin-top: 0.5em;
margin-bottom: 0.5em;
}.wp-block-button {
max-width: calc(100% - 1em);
min-width: min(220px, calc(100% - 1em));
margin: 0;
}.wp-block-button__link {
padding: var(--stk-btn-padding, 0.667em) 1em;
font-size: 1em;
font-weight: bold;
vertical-align: middle;
text-decoration: none !important;
max-width: 100%;
border-radius: 3px;
}.wp-block-button__link:not(.has-text-color) {
color: #ffffff;
}:where(.wp-block-button__link) {
width: 100%;
}.wp-block-button.big,
.wp-block-buttons.is-style-big {
font-size: 103%;
}.wp-block-button.big .wp-block-button,
.wp-block-buttons.is-style-big .wp-block-button {
min-width: min(470px, calc(100% - 1em));
}@media only screen and (max-width: 480px){.wp-block-button.big .wp-block-button,
.wp-block-buttons.is-style-big .wp-block-button {
width: calc(100% - 1em);
}}.wp-block-button.big .wp-block-button__link,
.wp-block-buttons.is-style-big .wp-block-button__link {
width: 100%;
}.wp-block-button.small,
.wp-block-buttons.is-style-small {
font-size: 90%;
}.wp-block-button.small .wp-block-button,
.wp-block-buttons.is-style-small .wp-block-button {
min-width: 90px;
text-align: center;
}.wp-block-button.small .wp-block-button__link,
.wp-block-buttons.is-style-small .wp-block-button__link {
max-width: initial;
width: initial;
padding: calc(var(--stk-btn-padding, 0.667em) / 3) 0.9em;
}.btn-wrap a:active,
.wp-block-button a:active {
transform: translate3d(0, 1px, 1px);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}.btn-wrap[class*=rich_] a,
.wp-block-button[class*=is-style-rich_] .wp-block-button__link {
font-weight: bold;
position: relative;
border-radius: 0.2em;
color: #ffffff !important;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}@media only screen and (min-width: 768px){.btn-wrap a:hover,
.wp-block-button .wp-block-button__link:hover {
opacity: 0.8;
text-decoration: none !important;
}.btn-wrap:not([class*=rich_]) a:hover,
.wp-block-button:not([class*=is-style-rich_]) .wp-block-button__link:hover {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}}.voice {
margin: 1em 0 1.3em;
font-size: 95%;
overflow: hidden;
display: flex;
align-items: flex-start;
}.voice .voicecomment {
border: 5px solid rgba(213, 213, 213, 0.5);
margin-top: 1em;
padding: 2.5%;
position: relative;
border-radius: 0.6em;
flex: 1;
}.voice .voicecomment p {
margin-bottom: 1em;
}.voice .voicecomment::after {
content: "";
position: absolute;
top: 13px;
left: -19px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-right-color: inherit;
border-width: 7px;
}.voice.r {
flex-flow: row-reverse;
}.voice.r .voicecomment::after {
left: auto;
right: -19px;
border-color: transparent;
border-left-color: inherit;
border-width: 7px;
}.voice .icon {
width: 12%;
min-width: 80px;
text-align: center;
}.voice .icon .name {
font-size: 0.65em;
padding: 0.4em 0;
}.voice.big .icon {
width: 18%;
}.voice.l .icon {
margin-right: 1em;
}.voice.r .icon {
margin-left: 1em;
}.voice .voice_icon__img {
border-radius: 50%;
margin: 0;
border: 4px solid #f5f5f5;
}.voice.icon_blue .voice_icon__img {
border-color: #418ed8;
}@media only screen and (max-width: 480px){.btn-wrap a,
.wp-block-button a {
font-size: 90%;
}.voice .voicecomment {
font-size: 95%;
}.cat_postlist.typetext,
.related_article {
font-size: 90%;
}}.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a {
text-decoration: none;
color: inherit;
}.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a:hover {
color: inherit;
opacity: 0.7;
}.widget {
margin: 0 0 2.5em;
}.widget ul {
margin: 0;
}.widget .children li:first-child,
.widget .sub-menu li:first-child {
border-top: 1px dotted var(--oc-base-border-color);
}.entry-content .widget:not(.widget_text) li {
padding-left: 0;
margin: 0;
}.entry-content .widget:not(.widget_text) li::before {
content: none;
}.widget li a:hover::after {
right: 3px;
}.widget select {
margin-top: 1em;
width: 100%;
}.wp-block-search .wp-block-search__label {
display: block;
}.wp-block-search .wp-block-search__input {
display: initial;
}.tagcloud, .wp-block-tag-cloud {
align-items: center;
display: flex;
flex-wrap: wrap;
}.tag-cloud-link, .wp-block-tag-cloud a {
padding: 0.5em 0.6em;
margin: 0 8px 8px 0;
display: inline-block;
line-height: 1;
font-size: 12px !important;
text-decoration: none;
border-radius: 3px;
color: inherit;
box-shadow: 0 0 1px;
opacity: 0.8;
}.tag-cloud-link::before, .wp-block-tag-cloud a::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
content: "";
margin-right: 3px;
}.widget li .time__date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: 0.5;
display: inline-block;
}html.remodal-is-locked {
overflow: hidden;
touch-action: none;
}.remodal,
[data-remodal-id] {
display: none;
}.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
background: rgba(43, 46, 56, 0.9);
}.remodal-wrapper {
position: fixed;
z-index: 11000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
}.remodal-wrapper::after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
}.remodal {
position: relative;
outline: none;
width: 100%;
max-width: 700px;
color: #3E3E3E;
background: #fff;
text-align: left;
}@media only screen and (max-width: 480px){.remodal {
font-size: 0.88em;
}}.remodal-is-initialized {
display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
}.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing,
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}.remodal-overlay.remodal-is-opening {
animation-name: fadeIn;
}.remodal-overlay.remodal-is-closing {
animation-name: fadeIn;
animation-direction: reverse;
}.remodal.remodal-is-opening {
animation-name: remodal-opening;
}.remodal.remodal-is-closing {
animation-name: remodal-closing;
}#navbtn_menu_content,
#navbtn_search_content {
width: calc(100% - 40px);
margin: 10px 20px;
}#navbtn_search_content {
background: none;
color: #fff;
}.remodal,
.remodal-wrapper:after {
vertical-align: middle;
}.remodal .widget {
margin: 0 0 1em;
}.remodal-close {
display: flex;
align-items: center;
margin: 1em auto;
padding: 0.5em;
cursor: pointer;
transition: opacity 0.2s;
color: currentColor;
background: none;
font-size: 1.2em;
}.remodal-close:not(:hover):not(:focus) {
opacity: 0.5;
}.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
}#page-top {
position: fixed;
right: 10px;
bottom: 0;
z-index: 10000;
transform: translateY(55px);
transition: transform 0.2s ease-out;
}#page-top.pt-active {
transform: translateY(-10px);
}#page-top .pt-button {
background: rgba(102, 102, 102, 0.5) no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 3px;
text-align: center;
line-height: 55px;
padding: 0;
display: block;
color: #fff;
}#page-top .pt-button::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "";
font-weight: 900;
}@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}@keyframes remodal-opening {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
}
}@keyframes remodal-closing {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
}
}