@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.copy-the-code-inside-wrap .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-inside .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-wrap {
display: block;
position: relative;
}
.copy-the-code-wrap .copy-the-code-button {
background: #e1e3e8;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
color: #424242;
font-size: 14px;
font-weight: normal;
border-radius: 0;
text-transform: capitalize;
border: none;
outline: none;
}
.copy-the-code-wrap .copy-the-code-button:hover {
background: #d0d1d6;
}
.copy-the-code-outside + * {
margin-top: 0;
}
.copy-the-code-outside {
text-align: right;
} .copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
background: transparent;
padding: 0;
}
.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button svg {
height: auto;
width: 20px;
fill: #c1c1c1;
}
.copy-the-code-wrap.copy-the-code-style-cover .copy-the-code-button {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
font-weight: bold;
color: #fff;
transition: all 0.3s ease-in-out;
padding: 0;
font-size: 12px;
}
.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
opacity: 1;
}
.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
padding: 10px;
}
.copy-the-code-wrap.copy-the-code-style-cover {
display: inline-block;
}
.copy-the-code-wrap .copy-the-code-target {
margin-top: 0;
}
.copy-the-code-style-svg-icon .copy-the-code-outside {
height: 32px;
}
.copy-the-code-shortcode svg {
height: 16px;
width: 16px;
fill: #424242;
}
.copy-the-code-shortcode {
cursor: pointer;
}.ctc-inline-copy-icon .copy-icon {
height: 16px;
width: 16px;
}
.ctc-inline-copy-icon .check-icon {
display: none;
}
.ctc-inline-copy-icon {
display: inline-flex;
}
.ctc-inline-hidden {
display: none !important;
}
.ctc-inline-copy-text {
line-height: normal;
}
.ctc-inline-copy {
display: inline-flex;
align-items: center;
gap: .5em;
position: relative;
cursor: pointer;
}
.ctc-inline-copy::before {
content: "";
top: 50%;
bottom: 50%;
left: -7px;
margin-top: -6px;
border: 6px solid transparent;
border-left-color: rgb(36, 41, 47);
position: absolute;
}
.ctc-inline-copy::after {
position: absolute;
content: attr(aria-label);
padding: 0.5em 0.75em;
right: 100%;
color: white;
background: rgb(36, 41, 47);
font-size: 11px;
border-radius: 6px;
line-height: 1;
right: 100%;
bottom: 50%;
margin-right: 6px;
transform: translateY(50%);
min-width: 60px;
}
.ctc-inline-copy::after,
.ctc-inline-copy::before {
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
}
.copied.ctc-inline-copy .check-icon {
display: block;
}
.copied.ctc-inline-copy .copy-icon {
display: none !important;
}
.copied.ctc-inline-copy::after,
.copied.ctc-inline-copy::before {
opacity: 1;
visibility: visible;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
} .ctc-inline-style-cover .ctc-inline-copy-icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ctc-inline-style-cover .copy-icon {
display: none;
}
.ctc-inline-style-cover:hover .copy-icon {
display: block;
}
.copied.ctc-inline-style-cover .check-icon {
display: block;
}
.ctc-inline-style-cover svg {
fill: white;
}
.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
background: rgb(0 0 0 / 50%);
}
 .sb-type-std {
overflow: hidden;
padding: 10px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-std > .sb-subtype-a:after,
.sb-type-std > .sb-subtype-b:after,
.sb-type-std > .sb-subtype-c:after,
.sb-type-std > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-std > .sb-subtype-a > .sb-speaker,
.sb-type-std > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-std > .sb-subtype-b > .sb-speaker,
.sb-type-std > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-icon  {
text-align: center;
height: 60px;
}
.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-radius: 5px;
} .sb-type-std > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
text-align: center;
font-size: 12px;
}     @media screen and (min-width:721px) {
.sb-type-std > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
margin-right:80px;
}
}
@media screen and (max-width:720px) {
.sb-type-std > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
}
}
.sb-type-std > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 9px;
left: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #CCCCCC;
content: "";
}
.sb-type-std > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 9px;
left: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #FFFFFF;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-std > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
margin-left:  80px;
}
}
@media screen and (max-width:720px) {
.sb-type-std > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
}
}
.sb-type-std > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 9px;
right: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #CCCCCC;
content: "";
}
.sb-type-std > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 9px;
right: -5px;
z-index: 3;
width: 0;
height: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #FFFFFF;
content: "";
} .sb-type-std > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
z-index: 2;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 5px;
color: #333333;
}     @media screen and (min-width:721px) {
.sb-type-std > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left:  100px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-std > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left: 100px;
}
}
.sb-type-std > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 10px;
left: -17px;
height: 12px;
width:  12px;
border:dashed 1px #909090;
border-radius: 10px;
content: "";
}
.sb-type-std > .sb-subtype-c > .sb-content:after {
content: "";
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
border:dashed 1px #909090;
border-radius: 5px;
}
@media screen and (min-width:721px) {
.sb-type-std > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
margin-left:  100px;
}
}
@media screen and (max-width:720px) {
.sb-type-std > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
}
}
.sb-type-std > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 10px;
right: -17px;
height: 12px;
width:  12px;
border:dashed 1px #909090;
border-radius: 10px;
content: "";
}
.sb-type-std > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -28px;
height: 8px;
width:  8px;
border:dashed 1px #909090;
border-radius: 5px;
content: "";
} .sb-type-std > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
margin-bottom: 20px;
border:dashed 1px #909090;
border-radius: 5px;
}
 .sb-type-fb {
overflow: hidden;
padding: 5px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-fb > .sb-subtype-a:after,
.sb-type-fb > .sb-subtype-b:after,
.sb-type-fb > .sb-subtype-c:after,
.sb-type-fb > .sb-subtype-d:after{
display: block;
clear: both;
content: "";
} .sb-type-fb > .sb-subtype-a > .sb-speaker,
.sb-type-fb > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-fb > .sb-subtype-b > .sb-speaker,
.sb-type-fb > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 59px;
width: 59px;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 50%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
} .sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
font-size: 12px;
text-align: center;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}     @media screen and (min-width:721px) {
.sb-type-fb > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 80px;
}
}
.sb-type-fb > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 23px;
left: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #CCCCCC;
content: "";
}
.sb-type-fb > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 23px;
left: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #FCFCFC;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-fb > .sb-subtype-b > .sb-content {
padding-top: 14px;
margin-left: 80px;
margin-right: 80px;
float: right;
position: relative;
}
}
@media screen and (max-width:720px) {
.sb-type-fb > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-right: 80px;
}
}
.sb-type-fb > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 23px;
right: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #A8BFDF;
content: "";
}
.sb-type-fb > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 23px;
right: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #E4ECFF;
content: "";
} .sb-type-fb > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-fb > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 5px 10px;
background-color: #FFFFFF;
background: linear-gradient(#FFFFFF, #F2F2F2);
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #333333;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.sb-type-fb > .sb-subtype-b > .sb-content > .sb-speech-bubble {
background-color: #E8F0FF;
background: linear-gradient(#E8F0FF, #C8DFFF);
border-color: #A8BFDF;
}     @media screen and (min-width:721px) {
.sb-type-fb > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
}
}
.sb-type-fb > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 12px;
width:  12px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
background-color: #FFFFFF;
background: linear-gradient(#FFFFFF, #F2F2F2);
border:solid 1px #CCCCCC;
border-radius: 10px;
color: #333333;
content: "";    
}
.sb-type-fb > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
background-color: #FFFFFF;
background: linear-gradient(#FFFFFF, #F2F2F2);
border:solid 1px #CCCCCC;
border-radius: 5px;
color: #333333;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-fb > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-right: 100px;
}
}
.sb-type-fb > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 12px;
width:  12px;
background-color: #E8F0FF;
background: linear-gradient(#E8F0FF, #C8DFFF);
border-color: #A8BFDF;
border:solid 1px #A8BFDF;
border-radius: 10px;
content: "";
}
.sb-type-fb > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 8px;
width:  8px;
background-color: #E8F0FF;
background: linear-gradient(#E8F0FF, #C8DFFF);
border-color: #A8BFDF;
border:solid 1px #A8BFDF;
border-radius: 5px;
content: "";
} .sb-type-fb > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-fb > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 5px 10px;
background-color: #FFFFFF;
background: linear-gradient(#FFFFFF, #F2F2F2);
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #333333;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.sb-type-fb > .sb-subtype-d > .sb-content > .sb-speech-bubble {
background-color: #E8F0FF;
background: linear-gradient(#E8F0FF, #C8DFFF);
border-color: #A8BFDF;
}
 .sb-type-fb-flat {
overflow: hidden;
padding: 5px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-fb-flat > .sb-subtype-a:after,
.sb-type-fb-flat > .sb-subtype-b:after,
.sb-type-fb-flat > .sb-subtype-c:after,
.sb-type-fb-flat > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-fb-flat > .sb-subtype-a > .sb-speaker,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-style: none;
border-radius: 50%;
} .sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
font-size: 12px;
text-align: center;
color: #666666;
}     @media screen and (min-width:721px) {
.sb-type-fb-flat > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb-flat > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 80px;
}
}
.sb-type-fb-flat > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 23px;
left: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #EEEEEE;
content: "";
}
.sb-type-fb-flat > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 23px;
left: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #EEEEEE;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-fb-flat > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb-flat > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-right: 80px;
}
}
.sb-type-fb-flat > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 23px;
right: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #5555FF;
content: "";
}
.sb-type-fb-flat > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 23px;
right: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #5555FF;
content: "";
} .sb-type-fb-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
z-index: 2;
background-color: #EEEEEE;
border-style: solid;
border-width: 1px;
border-color: #EEEEEE;
border-radius: 4px;
color: #333333;
}
.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
color: #FFFFFF;
background-color: #5555FF;
border-color: #5555FF;
}     @media screen and (min-width:721px) {
.sb-type-fb-flat > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb-flat > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
}
}
.sb-type-fb-flat > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 12px;
width:  12px;
background-color: #EEEEEE;
border-color: #EEEEEE;
border-radius: 10px;
color: #333333;
content: "";
}
.sb-type-fb-flat > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
background-color: #EEEEEE;
border-color: #EEEEEE;
border-radius: 5px;
color: #333333;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-fb-flat > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-fb-flat > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-right: 100px;
}
}
.sb-type-fb-flat > .sb-subtype-d > .sb-content:before {
top: 24px;
right: -17px;
height: 12px;
width:  12px;
background-color: #5555FF;
border-color: #5555FF;
position: absolute;
border-radius: 10px;
content: "";
}
.sb-type-fb-flat > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 8px;
width:  8px;
background-color: #5555FF;
border-color: #5555FF;
border-radius: 5px;
content: "";
} .sb-type-fb-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 5px 10px;
background-color: #EEEEEE;
border-style: solid;
border-width: 1px;
border-color: #EEEEEE;
border-radius: 4px;
color: #333333;
}
.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
background-color: #5555FF;
border-color: #5555FF;
color: #FFFFFF;
}
 .sb-type-ln {
overflow: hidden;
padding: 10px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-ln > .sb-subtype-a:after,
.sb-type-ln > .sb-subtype-b:after,
.sb-type-ln > .sb-subtype-c:after,
.sb-type-ln > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-ln > .sb-subtype-a > .sb-speaker,
.sb-type-ln > .sb-subtype-c > .sb-speaker {
float: left;
position: relative;
margin-right: -70px;
width: 70px;
}
.sb-type-ln > .sb-subtype-b > .sb-speaker,
.sb-type-ln > .sb-subtype-d > .sb-speaker {
float: right;
position: relative;
margin-left: -70px;
width: 70px;
} .sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-style: none;
} .sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-name {
position: absolute;
overflow: hidden;
top: 0;
font-size: 12px;
white-space: nowrap;
}
.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-name {
left: 80px;
}
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-name {
right: 80px;
}     @media screen and (min-width:721px) {
.sb-type-ln > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 26px;
margin-right: 80px;
margin-left: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 26px;
margin-left: 80px;
}
}
.sb-type-ln > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 26px;
left: -8px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none none solid;
border-width: 8px;
border-color: #AAAAAA transparent;
content: "";
}
.sb-type-ln > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 27px;
left: -6px;
z-index: 3;
height: 0;
width: 0;
border-style: solid none none solid;
border-width: 8px;
border-color: #F9F9F9 transparent;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-ln > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 26px;
margin-right: 80px;
margin-left: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 26px;
margin-right: 80px;
}
}
.sb-type-ln > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 26px;
right: -8px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid none none;
border-width: 8px;
border-color: #AAAAAA transparent;
content: "";
}
.sb-type-ln > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 27px;
right: -6px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid none none;
border-width: 8px;
border-color: #CCFF88 transparent;
content: "";
} .sb-type-ln > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-ln > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 6px 12px;
background-color: #FCFCFC;
border-style: solid;
border-width: 1px;
border-color: #AAAAAA #999999 #777777;
border-radius: 15px;
color: #333333;
}
.sb-type-ln > .sb-subtype-a > .sb-content > .sb-speech-bubble {
border-radius: 0 15px 15px 15px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
}
.sb-type-ln > .sb-subtype-b > .sb-content > .sb-speech-bubble {
background-color: #BBFF77;
border-radius: 15px 0 15px 15px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
}     @media screen and (min-width:721px) {
.sb-type-ln > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
}
}
.sb-type-ln > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 12px;
width:  12px;
background-color: #FCFCFC;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
border:solid 1px #ABABAB;
border-radius: 10px;
color: #333333;
content: "";    
}
.sb-type-ln > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
background-color: #FCFCFC;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
border:solid 1px #ABABAB;
border-radius: 5px;
color: #333333;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-ln > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-right: 100px;
}
}
.sb-type-ln > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 12px;
width:  12px;
background-color: #BBFF77;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
border:solid 1px #AAAAAA;
border-radius: 10px;
content: "";
}
.sb-type-ln > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 8px;
width:  8px;
background-color: #BBFF77;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
border:solid 1px #AAAAAA;
border-radius: 5px;
content: "";
} .sb-type-ln > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-ln > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 6px 12px;
z-index: 2;
background-color: #FCFCFC;
border-style: solid;
border-width: 1px;
border-color: #AAAAAA #999999 #777777;
border-radius: 15px;
color: #333333;
}
.sb-type-ln > .sb-subtype-c > .sb-content > .sb-speech-bubble {
border-radius: 15px 15px 15px 15px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
}
.sb-type-ln > .sb-subtype-d > .sb-content > .sb-speech-bubble {
background-color: #BBFF77;
border-radius: 15px 15px 15px 15px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
}
 .sb-type-ln-flat {
overflow: hidden;
padding: 10px 20px;
margin: 0;
ln-height: 1.5;
color: #333333;
}
.sb-type-ln-flat > .sb-subtype-a:after,
.sb-type-ln-flat > .sb-subtype-b:after,
.sb-type-ln-flat > .sb-subtype-c:after,
.sb-type-ln-flat > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-ln-flat > .sb-subtype-a > .sb-speaker,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker {
float: left;
position: relative;
margin-right: -70px;
width: 70px;
}
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker {
float: right;
position: relative;
margin-left: -70px;
width: 70px;
} .sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
border-style: none;
height: 60px;
width: 60px;
} .sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-name {
position: absolute;
top: 0;
overflow: hidden;
font-size: 12px;
white-space: nowrap;
}
.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-name {
left: 80px;
}
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-name {
right: 80px;
}     @media screen and (min-width:721px) {
.sb-type-ln-flat > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 26px;
margin-right: 80px;
margin-left: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln-flat > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 26px;
margin-left: 80px;
}
}
.sb-type-ln-flat > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 26px;
left: -8px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none none solid;
border-width: 8px;
border-color: #EEEEEE transparent;
content: "";
}
.sb-type-ln-flat > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 27px;
left: -6px;
z-index: 3;
height: 0;
width: 0;
border-style: solid none none solid;
border-width: 8px;
border-color: #EEEEEE transparent;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-ln-flat > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 26px;
margin-right: 80px;
margin-left: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln-flat > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top: 26px;
margin-right: 80px;
}
}
.sb-type-ln-flat > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 26px;
right: -8px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid none none;
border-width: 8px;
border-color: #77DD66 transparent;
content: "";
}
.sb-type-ln-flat > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 27px;
right: -6px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid none none;
border-width: 8px;
border-color: #77DD66 transparent;
content: "";
} .sb-type-ln-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-ln-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 6px 12px;
background-color: #EEEEEE;
border-style: solid;
border-width: 1px;
border-color: #EEEEEE;
border-radius: 15px; 
color: #333333;
}
.sb-type-ln-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble {
border-radius: 0 15px 15px 15px;
}
.sb-type-ln-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
background-color: #77DD66;
border-color: #77DD66;
border-radius: 15px 0 15px 15px;
}     @media screen and (min-width:721px) {
.sb-type-ln-flat > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln-flat > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
}
}
.sb-type-ln-flat > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 12px;
width:  12px;
background-color: #EEEEEE;
border:solid 1px #EEEEEE;
border-radius: 10px;
color: #333333;
content: "";    
}
.sb-type-ln-flat > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
background-color: #EEEEEE;
border:solid 1px #EEEEEE;
border-radius: 5px;
color: #333333;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-ln-flat > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-ln-flat > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-right: 100px;
}
}
.sb-type-ln-flat > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 12px;
width:  12px;
background-color: #77DD66;
border: solid 1px #77DD66;
border-radius: 10px;
content: "";
}
.sb-type-ln-flat > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 8px;
width:  8px;
background-color: #77DD66;
border: solid 1px #77DD66;
border-radius: 5px;
content: "";
} .sb-type-ln-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-ln-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 6px 12px;
background-color: #EEEEEE;
border-style: solid;
border-width: 1px;
border-color: #EEEEEE;
border-radius: 15px;
color: #333333;
}
.sb-type-ln-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble {
border-radius: 15px 15px 15px 15px;
}
.sb-type-ln-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
background-color: #77DD66;
border-color: #77DD66;
border-radius: 15px 15px 15px 15px;
}
 .sb-type-pink {
overflow: hidden;
padding: 10px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-pink > .sb-subtype-a:after,
.sb-type-pink > .sb-subtype-b:after,
.sb-type-pink > .sb-subtype-c:after,
.sb-type-pink > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-pink > .sb-subtype-a > .sb-speaker,
.sb-type-pink > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-pink > .sb-subtype-b > .sb-speaker,
.sb-type-pink > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-radius: 10px;
} .sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #FF0099;
}     @media screen and (min-width:721px) {
.sb-type-pink > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
margin-right:80px;
}
}
@media screen and (max-width:720px) {
.sb-type-pink > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
}
}
.sb-type-pink > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 10px;
left: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #FF0099;
content: "";
}
.sb-type-pink > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 10px;
left: -3px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #FFF0F8;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-pink > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
margin-left:  80px;
}
}
@media screen and (max-width:720px) {
.sb-type-pink > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
}
}
.sb-type-pink > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 10px;
right: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #FF0099;
content: "";
}
.sb-type-pink > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 10px;
right: -3px;
z-index: 3;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #FFF0F8;
content: "";
} .sb-type-pink > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-pink > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
z-index: 2;
padding: 5px 10px;
background-color: #FFF0F8;
border-style: solid;
border-width: 2px;
border-color: #FF0099;
border-radius: 10px;
color: #FF0099;
}     @media screen and (min-width:721px) {
.sb-type-pink > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-pink > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
}
}
.sb-type-pink > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 10px;
width:  10px;
background-color: #FFF0F8;
border:solid 2px #FF0099;
border-radius: 8px;
color: #333333;
content: "";    
}
.sb-type-pink > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -27px;
height: 6px;
width:  6px;
background-color: #FFF0F8;
border:solid 2px #FF0099;
border-radius: 5px;
color: #333333;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-pink > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-pink > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-right: 100px;
}
}
.sb-type-pink > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 10px;
width:  10px;
background-color: #FFF0F8;
border: solid 2px #FF0099;
border-radius: 8px;
content: "";
}
.sb-type-pink > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 6px;
width:  6px;
background-color: #FFF0F8;
border: solid 2px #FF0099;
border-radius: 5px;
content: "";
} .sb-type-pink > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-pink > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
z-index: 2;
background-color: #FFF0F8;
border-style: solid;
border-width: 2px;
border-color: #FF0099;
border-radius: 10px;
color: #FF0099;
}
 .sb-type-rtail {
overflow: hidden;
line-height: 1.5;
color: #333333;
padding: 5px 20px;
margin: 0;
}
.sb-type-rtail > .sb-subtype-a:after,
.sb-type-rtail > .sb-subtype-b:after,
.sb-type-rtail > .sb-subtype-c:after,
.sb-type-rtail > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-rtail > .sb-subtype-a > .sb-speaker,
.sb-type-rtail > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-rtail > .sb-subtype-b > .sb-speaker,
.sb-type-rtail > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-radius: 5px;
} .sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
font-size: 12px;
text-align: center;
}     @media screen and (min-width:721px) {
.sb-type-rtail > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-rtail > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
}
}
.sb-type-rtail > .sb-subtype-a > .sb-content:before {
position: absolute;
top:  -5px;
left: -11px;
z-index: 1;
height: 50px;
width: 50px;
border-radius: 25px;
background: #4FDCE2;
content: "";
}
.sb-type-rtail > .sb-subtype-a > .sb-content:after {
position: absolute;
top:  -16px;
left: -15px;
z-index: 2;
height: 45px;
width: 57px;
border-radius: 15px;
background: #FFFFFF;
content: "";
}
@media screen and (min-width:721px)
{
.sb-type-rtail > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
margin-left:  80px;
}
}
@media screen and (max-width:720px)
{
.sb-type-rtail > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
}
}
.sb-type-rtail > .sb-subtype-b > .sb-content:before {
position: absolute;
top:  -5px;
right: -11px;
z-index: 1;
height: 50px;
width: 50px;
border-radius: 25px;
background: #4FDCE2;
content: "";
}
.sb-type-rtail > .sb-subtype-b > .sb-content:after {
position: absolute;
top:  -16px;
right: -15px;
z-index: 2;
height: 45px;
width: 57px;
border-radius: 15px;
background: #FFFFFF;
content: "";
} .sb-type-rtail > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-rtail > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
padding: 17px 11px;
z-index: 3;
background: #4FDCE2;
border-radius: 5px;
}     @media screen and (min-width:721px) {
.sb-type-rtail > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-rtail > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 14px;
margin-left: 100px;
}
}
.sb-type-rtail > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 14px;
width:  14px;
background-color: #4FDCE2;
border-color: #4FDCE2;
border-radius: 14px;
content: "";    
}
.sb-type-rtail > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 9px;
width:  9px;
background-color: #4FDCE2;
border-color: #4FDCE2;
border-radius: 9px;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-rtail > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-rtail > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 14px;
margin-right: 100px;
}
}
.sb-type-rtail > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 14px;
width:  14px;
background-color: #4FDCE2;
border-color: #4FDCE2;
border-radius: 14px;
content: "";
}
.sb-type-rtail > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
height: 9px;
width:  9px;
background-color: #4FDCE2;
border-color: #4FDCE2;
border-radius: 9px;
content: "";
} .sb-type-rtail > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-rtail > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
z-index: 2;
background-color: #4FDCE2;
border-style: solid;
border-width: 1px;
border-color: #4FDCE2;
border-radius: 4px;
}
.sb-type-rtail > .sb-subtype-d > .sb-content > .sb-speech-bubble {
background-color: #4FDCE2;
border-color: #4FDCE2;
}
 @media screen and (min-width:721px) {
.sb-type-drop {
overflow: hidden;
padding: 10px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
}
@media screen and (max-width:720px) {
.sb-type-drop {
overflow: hidden;
padding: 5px 10px;
margin: 0;
line-height: 1.5;
color: #333333;
}
}
.sb-type-drop > .sb-subtype-a:after,
.sb-type-drop > .sb-subtype-b:after,
.sb-type-drop > .sb-subtype-c:after,
.sb-type-drop > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-drop > .sb-subtype-a > .sb-speaker,
.sb-type-drop > .sb-subtype-c > .sb-speaker {
float: left;
position: relative;
margin-right: -70px;
width: 70px;
}
.sb-type-drop > .sb-subtype-b > .sb-speaker,
.sb-type-drop > .sb-subtype-d > .sb-speaker {
float: right;
position: relative;
margin-left: -70px;
width: 70px;
} .sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-radius: 5px;
} .sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
position: absolute;
overflow: hidden;
top: 0;
font-size: 12px;
white-space: nowrap;
}
.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name {
left: 80px;
}
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
right: 80px;
}     @media screen and (min-width:721px) {
.sb-type-drop > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-drop > .sb-subtype-a > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
}
}
@media screen and (min-width:721px) {
.sb-type-drop > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top:  1.5em;
margin-right: 80px;
margin-left:  70px;
}
}
@media screen and (max-width:720px) {
.sb-type-drop > .sb-subtype-b > .sb-content {
float: right;
position: relative;
padding-top:  1.5em;
margin-right: 80px;
}
} .sb-type-drop > .sb-subtype-a > .sb-content > .sb-speech-bubble {
float: left;
padding: 10px 20px;
margin-bottom: 6px;
background: #D9E5FF;
border-radius: 15px 33px 50px 50px / 0px 50px 50px 50px;
border: solid 3px rgba(122,122,180,0.3);
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}
.sb-type-drop > .sb-subtype-b > .sb-content > .sb-speech-bubble {
float: right;
padding: 10px 20px;
margin-bottom: 6px;
background: #D9E5FF;
border-radius: 50px 15px 50px 50px / 50px 0px 50px 50px;
border: solid 3px rgba(122,122,180,0.3);
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}     @media screen and (min-width:721px) {
.sb-type-drop > .sb-subtype-c > .sb-content {   
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
margin-right: 80px;
}
}
@media screen and (max-width:720px) {
.sb-type-drop > .sb-subtype-c > .sb-content {
float: left;
position: relative;
padding-top: 1.5em;
margin-left: 100px;
}
}
.sb-type-drop > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -16px;
z-index: 3;
height: 9px;
width:  9px;
background: #D9E5FF;
border:solid 3px rgba(122,122,180,0.3);
border-radius: 9px;
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
content: "";
}
.sb-type-drop > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -27px;
z-index: 2;
height: 5px;
width:  5px;
background: #D9E5FF;
border:solid 3px rgba(122,122,180,0.3);
border-radius: 5px;
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
content: "";
}
@media screen and (min-width:721px) {
.sb-type-drop > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-left: 80px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-drop > .sb-subtype-d > .sb-content {
float: right;
position: relative;
padding-top: 1.5em;
margin-right: 100px;
}
}
.sb-type-drop > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -16px;
z-index: 5;
height: 9px;
width:  9px;
background: #D9E5FF;
border: solid 3px rgba(122,122,180,0.3);
border-radius: 9px;
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
content: "";
}
.sb-type-drop > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -27px;
z-index: 4; height: 5px;
width:  5px;
background: #D9E5FF;
border: solid 3px rgba(122,122,180,0.3);
border-radius: 5px;
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
content: "";
} .sb-type-drop > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-drop > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
z-index: 3;
background: #D9E5FF;
border-style: solid;
border-width: 2px;
border: solid 3px rgba(122,122,180,0.3);
border-radius: 10px;
box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}
 .sb-type-think {
overflow: hidden;
padding: 5px 20px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-think > .sb-subtype-a:after,
.sb-type-think > .sb-subtype-b:after,
.sb-type-think > .sb-subtype-c:after,
.sb-type-think > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
} .sb-type-think > .sb-subtype-a > .sb-speaker,
.sb-type-think > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-think > .sb-subtype-b > .sb-speaker,
.sb-type-think > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
} .sb-type-think > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-icon {
text-align: center;
height: 60px;
}
.sb-type-think > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
height: 60px;
width: 60px;
border-radius: 5px;
} .sb-type-think > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
font-size: 12px;
text-align: center;
} @media screen and (min-width:721px) {
.sb-type-think > .sb-subtype-a > .sb-content,
.sb-type-think > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left:  100px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-think > .sb-subtype-a > .sb-content,
.sb-type-think > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left: 100px;
}
}
.sb-type-think > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 15px;
width: 15px;
background: #D9E5FF;
border-radius: 10px;
content: "";
}
.sb-type-think > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 10px;
width: 10px;
background: #D9E5FF;
border-radius: 5px;
content: "";
}
.sb-type-think > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 24px;
left: -17px;
height: 15px;
width: 15px;
background: #FFDDBB;
border-radius: 10px;
content: "";
}
.sb-type-think > .sb-subtype-c > .sb-content:after {
position: absolute;
top: 20px;
left: -28px;
height: 10px;
width: 10px;
background: #FFDDBB;
border-radius: 5px;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-think > .sb-subtype-b > .sb-content,
.sb-type-think > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
margin-left:  100px;
}
}
@media screen and (max-width:720px) {
.sb-type-think > .sb-subtype-b > .sb-content,
.sb-type-think > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
}
}
.sb-type-think > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 15px;
width: 15px;
background: #D9E5FF;
border-radius: 10px;
content: "";
}
.sb-type-think > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 20px;
right: -28px;
height: 10px;
width: 10px;
background: #D9E5FF;
border-radius: 5px;
content: "";
}
.sb-type-think > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 24px;
right: -17px;
height: 15px;
width: 15px;
background: #FFDDBB;
border-radius: 10px;
content: "";
}
.sb-type-think > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -28px;
height: 10px;
width: 10px;
background: #FFDDBB;
border-radius: 5px;
content: "";
} .sb-type-think > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
padding: 15px 10px;
margin-bottom: 20px;
background: #D9E5FF;
border-radius: 15px;
}
.sb-type-think > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 15px 10px;
margin-bottom: 20px;
background: #FFDDBB;
border-radius: 15px;
}

.sb-no-br br{
display: none;
}
.sb-no-br p{
margin: 0 0 0px
}@font-face{font-family:wp-svg-plugin-icon-set1;src:url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/icon-font/wp-svg-plugin-icon-set1.eot);src:url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/icon-font/wp-svg-plugin-icon-set1.eot?#iefix) format('embedded-opentype'),url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/icon-font/wp-svg-plugin-icon-set1.woff) format('woff'),url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/icon-font/wp-svg-plugin-icon-set1.ttf) format('truetype'),url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/icon-font/wp-svg-plugin-icon-set1.svg#wp-svg-plugin-icon-set1) format('svg');font-weight:400;font-style:normal}.dashicons-wp-svg-gift:before,[data-icon]:before{font-family:wp-svg-plugin-icon-set1!important;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.dropDownButton{background:url(//mailtui.top/wp-content/plugins/svg-vector-icon-plugin/public/../admin/images/download-icon-small.png) 6px 6px/13px 14px no-repeat!important;padding-left:24px!important}.wp-svg-Celsius,.wp-svg-Fahrenheit,.wp-svg-IE,.wp-svg-IcoMoon,.wp-svg-accessibility,.wp-svg-address-book,.wp-svg-aid,.wp-svg-airplane,.wp-svg-alarm,.wp-svg-alarm-2,.wp-svg-android,.wp-svg-angry,.wp-svg-angry-2,.wp-svg-aperture,.wp-svg-apple,.wp-svg-arrow-down,.wp-svg-arrow-down-2,.wp-svg-arrow-down-3,.wp-svg-arrow-down-left,.wp-svg-arrow-down-left-2,.wp-svg-arrow-down-left-3,.wp-svg-arrow-down-right,.wp-svg-arrow-down-right-2,.wp-svg-arrow-down-right-3,.wp-svg-arrow-left,.wp-svg-arrow-left-2,.wp-svg-arrow-left-3,.wp-svg-arrow-right,.wp-svg-arrow-right-2,.wp-svg-arrow-right-3,.wp-svg-arrow-up,.wp-svg-arrow-up-2,.wp-svg-arrow-up-3,.wp-svg-arrow-up-left,.wp-svg-arrow-up-left-2,.wp-svg-arrow-up-left-3,.wp-svg-arrow-up-right,.wp-svg-arrow-up-right-2,.wp-svg-arrow-up-right-3,.wp-svg-attachment,.wp-svg-backward,.wp-svg-backward-2,.wp-svg-barcode,.wp-svg-bars,.wp-svg-bars-2,.wp-svg-bell,.wp-svg-binoculars,.wp-svg-blocked,.wp-svg-blog,.wp-svg-blogger,.wp-svg-blogger-2,.wp-svg-bold,.wp-svg-book,.wp-svg-bookmark,.wp-svg-bookmarks,.wp-svg-books,.wp-svg-box-add,.wp-svg-box-remove,.wp-svg-briefcase,.wp-svg-brightness-contrast,.wp-svg-brightness-medium,.wp-svg-bubble,.wp-svg-bubble-2,.wp-svg-bubbles,.wp-svg-bubbles-2,.wp-svg-bubbles-3,.wp-svg-bubbles-4,.wp-svg-bug,.wp-svg-bullhorn,.wp-svg-busy,.wp-svg-cabinet,.wp-svg-calculate,.wp-svg-calendar,.wp-svg-calendar-2,.wp-svg-camera,.wp-svg-camera-2,.wp-svg-camera-3,.wp-svg-cancel-circle,.wp-svg-cart,.wp-svg-cart-2,.wp-svg-cart-3,.wp-svg-checkbox-checked,.wp-svg-checkbox-partial,.wp-svg-checkbox-unchecked,.wp-svg-checkmark,.wp-svg-checkmark-2,.wp-svg-checkmark-circle,.wp-svg-chrome,.wp-svg-clock,.wp-svg-clock-2,.wp-svg-close,.wp-svg-cloud,.wp-svg-cloud-2,.wp-svg-cloud-3,.wp-svg-cloud-4,.wp-svg-cloud-5,.wp-svg-cloud-6,.wp-svg-cloud-download,.wp-svg-cloud-upload,.wp-svg-cloudy,.wp-svg-cloudy-2,.wp-svg-cloudy-3,.wp-svg-cloudy-4,.wp-svg-clubs,.wp-svg-code,.wp-svg-cog,.wp-svg-cog-2,.wp-svg-cogs,.wp-svg-coin,.wp-svg-compass,.wp-svg-compass-2,.wp-svg-confused,.wp-svg-confused-2,.wp-svg-connection,.wp-svg-console,.wp-svg-contract,.wp-svg-contract-2,.wp-svg-contrast,.wp-svg-cool,.wp-svg-cool-2,.wp-svg-copy,.wp-svg-copy-2,.wp-svg-copy-3,.wp-svg-credit,.wp-svg-crop,.wp-svg-css3,.wp-svg-dashboard,.wp-svg-delicious,.wp-svg-deviantart,.wp-svg-deviantart-2,.wp-svg-diamonds,.wp-svg-dice,.wp-svg-disk,.wp-svg-download,.wp-svg-download-2,.wp-svg-download-3,.wp-svg-drawer,.wp-svg-drawer-2,.wp-svg-drawer-3,.wp-svg-dribbble,.wp-svg-dribbble-2,.wp-svg-dribbble-3,.wp-svg-droplet,.wp-svg-earth,.wp-svg-eject,.wp-svg-embed,.wp-svg-enter,.wp-svg-envelop,.wp-svg-equalizer,.wp-svg-evil,.wp-svg-evil-2,.wp-svg-exit,.wp-svg-expand,.wp-svg-expand-2,.wp-svg-eye,.wp-svg-eye-2,.wp-svg-eye-blocked,.wp-svg-facebook,.wp-svg-facebook-2,.wp-svg-facebook-3,.wp-svg-feed,.wp-svg-feed-2,.wp-svg-feed-3,.wp-svg-feed-4,.wp-svg-file,.wp-svg-file-2,.wp-svg-file-3,.wp-svg-file-4,.wp-svg-file-css,.wp-svg-file-excel,.wp-svg-file-openoffice,.wp-svg-file-pdf,.wp-svg-file-powerpoint,.wp-svg-file-word,.wp-svg-file-xml,.wp-svg-file-zip,.wp-svg-film,.wp-svg-filter,.wp-svg-filter-2,.wp-svg-finder,.wp-svg-fire,.wp-svg-firefox,.wp-svg-first,.wp-svg-flag,.wp-svg-flattr,.wp-svg-flickr,.wp-svg-flickr-2,.wp-svg-flickr-3,.wp-svg-flickr-4,.wp-svg-flip,.wp-svg-flip-2,.wp-svg-folder,.wp-svg-folder-open,.wp-svg-font,.wp-svg-food,.wp-svg-forrst,.wp-svg-forrst-2,.wp-svg-forward,.wp-svg-forward-2,.wp-svg-forward-3,.wp-svg-foursquare,.wp-svg-foursquare-2,.wp-svg-gift,.wp-svg-github,.wp-svg-github-2,.wp-svg-github-3,.wp-svg-github-4,.wp-svg-github-5,.wp-svg-glass,.wp-svg-globe,.wp-svg-google,.wp-svg-google-drive,.wp-svg-google-plus,.wp-svg-google-plus-2,.wp-svg-google-plus-3,.wp-svg-google-plus-4,.wp-svg-grin,.wp-svg-grin-2,.wp-svg-hammer,.wp-svg-hammer-2,.wp-svg-happy,.wp-svg-happy-2,.wp-svg-headphones,.wp-svg-heart,.wp-svg-heart-2,.wp-svg-heart-broken,.wp-svg-history,.wp-svg-home,.wp-svg-home-2,.wp-svg-home-3,.wp-svg-html5,.wp-svg-html5-2,.wp-svg-image,.wp-svg-image-2,.wp-svg-images,.wp-svg-indent-decrease,.wp-svg-indent-increase,.wp-svg-info,.wp-svg-info-2,.wp-svg-insert-template,.wp-svg-instagram,.wp-svg-italic,.wp-svg-joomla,.wp-svg-key,.wp-svg-key-2,.wp-svg-keyboard,.wp-svg-lab,.wp-svg-lanyrd,.wp-svg-laptop,.wp-svg-last,.wp-svg-lastfm,.wp-svg-lastfm-2,.wp-svg-leaf,.wp-svg-left-to-right,.wp-svg-library,.wp-svg-libreoffice,.wp-svg-lightning,.wp-svg-lightning-2,.wp-svg-lightning-3,.wp-svg-lightning-4,.wp-svg-lightning-5,.wp-svg-lightning-6,.wp-svg-lines,.wp-svg-link,.wp-svg-linkedin,.wp-svg-list,.wp-svg-list-2,.wp-svg-location,.wp-svg-location-2,.wp-svg-lock,.wp-svg-lock-2,.wp-svg-loop,.wp-svg-loop-2,.wp-svg-loop-3,.wp-svg-magnet,.wp-svg-mail,.wp-svg-mail-2,.wp-svg-mail-3,.wp-svg-mail-4,.wp-svg-map,.wp-svg-map-2,.wp-svg-menu,.wp-svg-menu-2,.wp-svg-meter,.wp-svg-meter2,.wp-svg-minus,.wp-svg-mobile,.wp-svg-mobile-2,.wp-svg-moon,.wp-svg-moon-2,.wp-svg-mug,.wp-svg-music,.wp-svg-neutral,.wp-svg-neutral-2,.wp-svg-new-tab,.wp-svg-newspaper,.wp-svg-next,.wp-svg-none,.wp-svg-notebook,.wp-svg-notification,.wp-svg-numbered-list,.wp-svg-office,.wp-svg-omega,.wp-svg-opera,.wp-svg-pacman,.wp-svg-paint-format,.wp-svg-paragraph-center,.wp-svg-paragraph-center-2,.wp-svg-paragraph-justify,.wp-svg-paragraph-justify-2,.wp-svg-paragraph-left,.wp-svg-paragraph-left-2,.wp-svg-paragraph-right,.wp-svg-paragraph-right-2,.wp-svg-paste,.wp-svg-paste-2,.wp-svg-paste-3,.wp-svg-pause,.wp-svg-pause-2,.wp-svg-pawn,.wp-svg-paypal,.wp-svg-paypal-2,.wp-svg-paypal-3,.wp-svg-pen,.wp-svg-pencil,.wp-svg-pencil-2,.wp-svg-phone,.wp-svg-phone-hang-up,.wp-svg-picassa,.wp-svg-picassa-2,.wp-svg-pie,.wp-svg-pilcrow,.wp-svg-pinterest,.wp-svg-pinterest-2,.wp-svg-play,.wp-svg-play-2,.wp-svg-play-3,.wp-svg-plus,.wp-svg-podcast,.wp-svg-point-down,.wp-svg-point-left,.wp-svg-point-right,.wp-svg-point-up,.wp-svg-power-cord,.wp-svg-previous,.wp-svg-print,.wp-svg-profile,.wp-svg-pushpin,.wp-svg-qrcode,.wp-svg-question,.wp-svg-quill,.wp-svg-quotes-left,.wp-svg-radio-checked,.wp-svg-radio-unchecked,.wp-svg-rainy,.wp-svg-rainy-2,.wp-svg-rainy-3,.wp-svg-rainy-4,.wp-svg-reddit,.wp-svg-redo,.wp-svg-redo-2,.wp-svg-remove,.wp-svg-remove-2,.wp-svg-reply,.wp-svg-right-to-left,.wp-svg-road,.wp-svg-rocket,.wp-svg-sad,.wp-svg-sad-2,.wp-svg-safari,.wp-svg-scissors,.wp-svg-screen,.wp-svg-search-2,.wp-svg-settings,.wp-svg-share,.wp-svg-shield,.wp-svg-shocked,.wp-svg-shocked-2,.wp-svg-shuffle,.wp-svg-sigma,.wp-svg-signup,.wp-svg-skype,.wp-svg-smiley,.wp-svg-smiley-2,.wp-svg-snowflake,.wp-svg-snowy,.wp-svg-snowy-2,.wp-svg-snowy-3,.wp-svg-snowy-4,.wp-svg-snowy-5,.wp-svg-soundcloud,.wp-svg-soundcloud-2,.wp-svg-spades,.wp-svg-spam,.wp-svg-spell-check,.wp-svg-spinner-1,.wp-svg-spinner-2,.wp-svg-spinner-3,.wp-svg-spinner-4,.wp-svg-spinner-5,.wp-svg-spinner-6,.wp-svg-stack,.wp-svg-stackoverflow,.wp-svg-star,.wp-svg-star-2,.wp-svg-star-3,.wp-svg-stats,.wp-svg-steam,.wp-svg-steam-2,.wp-svg-stop,.wp-svg-stop-2,.wp-svg-stopwatch,.wp-svg-storage,.wp-svg-strikethrough,.wp-svg-stumbleupon,.wp-svg-stumbleupon-2,.wp-svg-sun,.wp-svg-sun-2,.wp-svg-sun-3,.wp-svg-sunrise,.wp-svg-support,.wp-svg-switch,.wp-svg-tab,.wp-svg-table,.wp-svg-table-2,.wp-svg-tablet,.wp-svg-tag,.wp-svg-tags,.wp-svg-target,.wp-svg-text-height,.wp-svg-text-width,.wp-svg-thermometer,.wp-svg-thumbs-up,.wp-svg-thumbs-up-2,.wp-svg-ticket,.wp-svg-tongue,.wp-svg-tongue-2,.wp-svg-tree,.wp-svg-trophy,.wp-svg-truck,.wp-svg-tumblr,.wp-svg-tumblr-2,.wp-svg-tux,.wp-svg-tv,.wp-svg-twitter,.wp-svg-twitter-2,.wp-svg-twitter-3,.wp-svg-underline,.wp-svg-undo,.wp-svg-undo-2,.wp-svg-unlocked,.wp-svg-upload,.wp-svg-upload-2,.wp-svg-upload-3,.wp-svg-user,.wp-svg-user-2,.wp-svg-user-3,.wp-svg-user-4,.wp-svg-users,.wp-svg-users-2,.wp-svg-vimeo,.wp-svg-vimeo-2,.wp-svg-vimeo2,.wp-svg-volume-decrease,.wp-svg-volume-high,.wp-svg-volume-increase,.wp-svg-volume-low,.wp-svg-volume-medium,.wp-svg-volume-mute,.wp-svg-volume-mute-2,.wp-svg-wand,.wp-svg-warning,.wp-svg-weather,.wp-svg-weather-2,.wp-svg-weather-3,.wp-svg-weather-4,.wp-svg-weather-5,.wp-svg-wind,.wp-svg-windows,.wp-svg-windows8,.wp-svg-windy,.wp-svg-windy-2,.wp-svg-windy-3,.wp-svg-windy-4,.wp-svg-windy-5,.wp-svg-wink,.wp-svg-wink-2,.wp-svg-wondering,.wp-svg-wondering-2,.wp-svg-wordpress,.wp-svg-wordpress-2,.wp-svg-wrench,.wp-svg-xing,.wp-svg-xing-2,.wp-svg-yahoo,.wp-svg-yelp,.wp-svg-youtube,.wp-svg-youtube-2,.wp-svg-zoom-in,.wp-svg-zoom-out{font-family:wp-svg-plugin-icon-set1!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.wp-svg-home:before{content:"\e000"}.wp-svg-home-2:before{content:"\e001"}.wp-svg-home-3:before{content:"\e002"}.wp-svg-office:before{content:"\e003"}.wp-svg-newspaper:before{content:"\e004"}.wp-svg-pencil:before{content:"\e005"}.wp-svg-pencil-2:before{content:"\e006"}.wp-svg-quill:before{content:"\e007"}.wp-svg-pen:before{content:"\e008"}.wp-svg-blog:before{content:"\e009"}.wp-svg-droplet:before{content:"\e00a"}.wp-svg-paint-format:before{content:"\e00b"}.wp-svg-image:before{content:"\e00c"}.wp-svg-image-2:before{content:"\e00d"}.wp-svg-images:before{content:"\e00e"}.wp-svg-camera:before{content:"\e00f"}.wp-svg-music:before{content:"\e010"}.wp-svg-headphones:before{content:"\e011"}.wp-svg-play:before{content:"\e012"}.wp-svg-film:before{content:"\e013"}.wp-svg-camera-2:before{content:"\e014"}.wp-svg-dice:before{content:"\e015"}.wp-svg-pacman:before{content:"\e016"}.wp-svg-spades:before{content:"\e017"}.wp-svg-clubs:before{content:"\e018"}.wp-svg-diamonds:before{content:"\e019"}.wp-svg-pawn:before{content:"\e01a"}.wp-svg-bullhorn:before{content:"\e01b"}.wp-svg-connection:before{content:"\e01c"}.wp-svg-podcast:before{content:"\e01d"}.wp-svg-feed:before{content:"\e01e"}.wp-svg-book:before{content:"\e01f"}.wp-svg-books:before{content:"\e020"}.wp-svg-library:before{content:"\e021"}.wp-svg-file:before{content:"\e022"}.wp-svg-profile:before{content:"\e023"}.wp-svg-file-2:before{content:"\e024"}.wp-svg-file-3:before{content:"\e025"}.wp-svg-file-4:before{content:"\e026"}.wp-svg-copy:before{content:"\e027"}.wp-svg-copy-2:before{content:"\e028"}.wp-svg-copy-3:before{content:"\e029"}.wp-svg-paste:before{content:"\e02a"}.wp-svg-paste-2:before{content:"\e02b"}.wp-svg-paste-3:before{content:"\e02c"}.wp-svg-stack:before{content:"\e02d"}.wp-svg-folder:before{content:"\e02e"}.wp-svg-folder-open:before{content:"\e02f"}.wp-svg-tag:before{content:"\e030"}.wp-svg-tags:before{content:"\e031"}.wp-svg-barcode:before{content:"\e032"}.wp-svg-qrcode:before{content:"\e033"}.wp-svg-ticket:before{content:"\e034"}.wp-svg-cart:before{content:"\e035"}.wp-svg-cart-2:before{content:"\e036"}.wp-svg-cart-3:before{content:"\e037"}.wp-svg-coin:before{content:"\e038"}.wp-svg-credit:before{content:"\e039"}.wp-svg-calculate:before{content:"\e03a"}.wp-svg-support:before{content:"\e03b"}.wp-svg-phone:before{content:"\e03c"}.wp-svg-phone-hang-up:before{content:"\e03d"}.wp-svg-address-book:before{content:"\e03e"}.wp-svg-notebook:before{content:"\e03f"}.wp-svg-envelop:before{content:"\e040"}.wp-svg-pushpin:before{content:"\e041"}.wp-svg-location:before{content:"\e042"}.wp-svg-location-2:before{content:"\e043"}.wp-svg-compass:before{content:"\e044"}.wp-svg-map:before{content:"\e045"}.wp-svg-map-2:before{content:"\e046"}.wp-svg-history:before{content:"\e047"}.wp-svg-clock:before{content:"\e048"}.wp-svg-clock-2:before{content:"\e049"}.wp-svg-alarm:before{content:"\e04a"}.wp-svg-alarm-2:before{content:"\e04b"}.wp-svg-bell:before{content:"\e04c"}.wp-svg-stopwatch:before{content:"\e04d"}.wp-svg-calendar:before{content:"\e04e"}.wp-svg-calendar-2:before{content:"\e04f"}.wp-svg-print:before{content:"\e050"}.wp-svg-keyboard:before{content:"\e051"}.wp-svg-screen:before{content:"\e052"}.wp-svg-laptop:before{content:"\e053"}.wp-svg-mobile:before{content:"\e054"}.wp-svg-mobile-2:before{content:"\e055"}.wp-svg-tablet:before{content:"\e056"}.wp-svg-tv:before{content:"\e057"}.wp-svg-cabinet:before{content:"\e058"}.wp-svg-drawer:before{content:"\e059"}.wp-svg-drawer-2:before{content:"\e05a"}.wp-svg-drawer-3:before{content:"\e05b"}.wp-svg-box-add:before{content:"\e05c"}.wp-svg-box-remove:before{content:"\e05d"}.wp-svg-download:before{content:"\e05e"}.wp-svg-upload:before{content:"\e05f"}.wp-svg-disk:before{content:"\e060"}.wp-svg-storage:before{content:"\e061"}.wp-svg-undo:before{content:"\e062"}.wp-svg-redo:before{content:"\e063"}.wp-svg-flip:before{content:"\e064"}.wp-svg-flip-2:before{content:"\e065"}.wp-svg-undo-2:before{content:"\e066"}.wp-svg-redo-2:before{content:"\e067"}.wp-svg-forward:before{content:"\e068"}.wp-svg-reply:before{content:"\e069"}.wp-svg-bubble:before{content:"\e06a"}.wp-svg-bubbles:before{content:"\e06b"}.wp-svg-bubbles-2:before{content:"\e06c"}.wp-svg-bubble-2:before{content:"\e06d"}.wp-svg-bubbles-3:before{content:"\e06e"}.wp-svg-bubbles-4:before{content:"\e06f"}.wp-svg-user:before{content:"\e070"}.wp-svg-users:before{content:"\e071"}.wp-svg-user-2:before{content:"\e072"}.wp-svg-users-2:before{content:"\e073"}.wp-svg-user-3:before{content:"\e074"}.wp-svg-user-4:before{content:"\e075"}.wp-svg-quotes-left:before{content:"\e076"}.wp-svg-busy:before{content:"\e077"}.wp-svg-spinner-1:before{content:"\e078"}.wp-svg-spinner-2:before{content:"\e079"}.wp-svg-spinner-3:before{content:"\e07a"}.wp-svg-spinner-4:before{content:"\e07b"}.wp-svg-spinner-5:before{content:"\e07c"}.wp-svg-spinner-6:before{content:"\e07d"}.wp-svg-binoculars:before{content:"\e07e"}.wp-svg-search-2:before{content:"\e07f"}.wp-svg-zoom-in:before{content:"\e080"}.wp-svg-zoom-out:before{content:"\e081"}.wp-svg-expand:before{content:"\e082"}.wp-svg-contract:before{content:"\e083"}.wp-svg-expand-2:before{content:"\e084"}.wp-svg-contract-2:before{content:"\e085"}.wp-svg-key:before{content:"\e086"}.wp-svg-key-2:before{content:"\e087"}.wp-svg-lock:before{content:"\e088"}.wp-svg-lock-2:before{content:"\e089"}.wp-svg-unlocked:before{content:"\e08a"}.wp-svg-wrench:before{content:"\e08b"}.wp-svg-settings:before{content:"\e08c"}.wp-svg-equalizer:before{content:"\e08d"}.wp-svg-cog:before{content:"\e08e"}.wp-svg-cogs:before{content:"\e08f"}.wp-svg-cog-2:before{content:"\e090"}.wp-svg-hammer:before{content:"\e091"}.wp-svg-wand:before{content:"\e092"}.wp-svg-aid:before{content:"\e093"}.wp-svg-bug:before{content:"\e094"}.wp-svg-pie:before{content:"\e095"}.wp-svg-stats:before{content:"\e096"}.wp-svg-bars:before{content:"\e097"}.wp-svg-bars-2:before{content:"\e098"}.wp-svg-gift:before{content:"\e099"}.wp-svg-trophy:before{content:"\e09a"}.wp-svg-glass:before{content:"\e09b"}.wp-svg-mug:before{content:"\e09c"}.wp-svg-food:before{content:"\e09d"}.wp-svg-leaf:before{content:"\e09e"}.wp-svg-rocket:before{content:"\e09f"}.wp-svg-meter:before{content:"\e0a0"}.wp-svg-meter2:before{content:"\e0a1"}.wp-svg-dashboard:before{content:"\e0a2"}.wp-svg-hammer-2:before{content:"\e0a3"}.wp-svg-fire:before{content:"\e0a4"}.wp-svg-lab:before{content:"\e0a5"}.wp-svg-magnet:before{content:"\e0a6"}.wp-svg-remove:before{content:"\e0a7"}.wp-svg-remove-2:before{content:"\e0a8"}.wp-svg-briefcase:before{content:"\e0a9"}.wp-svg-airplane:before{content:"\e0aa"}.wp-svg-truck:before{content:"\e0ab"}.wp-svg-road:before{content:"\e0ac"}.wp-svg-accessibility:before{content:"\e0ad"}.wp-svg-target:before{content:"\e0ae"}.wp-svg-shield:before{content:"\e0af"}.wp-svg-lightning:before{content:"\e0b0"}.wp-svg-switch:before{content:"\e0b1"}.wp-svg-power-cord:before{content:"\e0b2"}.wp-svg-signup:before{content:"\e0b3"}.wp-svg-list:before{content:"\e0b4"}.wp-svg-list-2:before{content:"\e0b5"}.wp-svg-numbered-list:before{content:"\e0b6"}.wp-svg-menu:before{content:"\e0b7"}.wp-svg-menu-2:before{content:"\e0b8"}.wp-svg-tree:before{content:"\e0b9"}.wp-svg-cloud:before{content:"\e0ba"}.wp-svg-cloud-download:before{content:"\e0bb"}.wp-svg-cloud-upload:before{content:"\e0bc"}.wp-svg-download-2:before{content:"\e0bd"}.wp-svg-upload-2:before{content:"\e0be"}.wp-svg-download-3:before{content:"\e0bf"}.wp-svg-upload-3:before{content:"\e0c0"}.wp-svg-globe:before{content:"\e0c1"}.wp-svg-earth:before{content:"\e0c2"}.wp-svg-link:before{content:"\e0c3"}.wp-svg-flag:before{content:"\e0c4"}.wp-svg-attachment:before{content:"\e0c5"}.wp-svg-eye:before{content:"\e0c6"}.wp-svg-eye-blocked:before{content:"\e0c7"}.wp-svg-eye-2:before{content:"\e0c8"}.wp-svg-bookmark:before{content:"\e0c9"}.wp-svg-bookmarks:before{content:"\e0ca"}.wp-svg-brightness-medium:before{content:"\e0cb"}.wp-svg-brightness-contrast:before{content:"\e0cc"}.wp-svg-contrast:before{content:"\e0cd"}.wp-svg-star:before{content:"\e0ce"}.wp-svg-star-2:before{content:"\e0cf"}.wp-svg-star-3:before{content:"\e0d0"}.wp-svg-heart:before{content:"\e0d1"}.wp-svg-heart-2:before{content:"\e0d2"}.wp-svg-heart-broken:before{content:"\e0d3"}.wp-svg-thumbs-up:before{content:"\e0d4"}.wp-svg-thumbs-up-2:before{content:"\e0d5"}.wp-svg-happy:before{content:"\e0d6"}.wp-svg-happy-2:before{content:"\e0d7"}.wp-svg-smiley:before{content:"\e0d8"}.wp-svg-smiley-2:before{content:"\e0d9"}.wp-svg-tongue:before{content:"\e0da"}.wp-svg-tongue-2:before{content:"\e0db"}.wp-svg-sad:before{content:"\e0dc"}.wp-svg-sad-2:before{content:"\e0dd"}.wp-svg-wink:before{content:"\e0de"}.wp-svg-wink-2:before{content:"\e0df"}.wp-svg-grin:before{content:"\e0e0"}.wp-svg-grin-2:before{content:"\e0e1"}.wp-svg-cool:before{content:"\e0e2"}.wp-svg-cool-2:before{content:"\e0e3"}.wp-svg-angry:before{content:"\e0e4"}.wp-svg-angry-2:before{content:"\e0e5"}.wp-svg-evil:before{content:"\e0e6"}.wp-svg-evil-2:before{content:"\e0e7"}.wp-svg-shocked:before{content:"\e0e8"}.wp-svg-shocked-2:before{content:"\e0e9"}.wp-svg-confused:before{content:"\e0ea"}.wp-svg-confused-2:before{content:"\e0eb"}.wp-svg-neutral:before{content:"\e0ec"}.wp-svg-neutral-2:before{content:"\e0ed"}.wp-svg-wondering:before{content:"\e0ee"}.wp-svg-wondering-2:before{content:"\e0ef"}.wp-svg-point-up:before{content:"\e0f0"}.wp-svg-point-right:before{content:"\e0f1"}.wp-svg-point-down:before{content:"\e0f2"}.wp-svg-point-left:before{content:"\e0f3"}.wp-svg-warning:before{content:"\e0f4"}.wp-svg-notification:before{content:"\e0f5"}.wp-svg-question:before{content:"\e0f6"}.wp-svg-info:before{content:"\e0f7"}.wp-svg-info-2:before{content:"\e0f8"}.wp-svg-blocked:before{content:"\e0f9"}.wp-svg-cancel-circle:before{content:"\e0fa"}.wp-svg-checkmark-circle:before{content:"\e0fb"}.wp-svg-spam:before{content:"\e0fc"}.wp-svg-close:before{content:"\e0fd"}.wp-svg-checkmark:before{content:"\e0fe"}.wp-svg-checkmark-2:before{content:"\e0ff"}.wp-svg-spell-check:before{content:"\e100"}.wp-svg-minus:before{content:"\e101"}.wp-svg-plus:before{content:"\e102"}.wp-svg-enter:before{content:"\e103"}.wp-svg-exit:before{content:"\e104"}.wp-svg-play-2:before{content:"\e105"}.wp-svg-pause:before{content:"\e106"}.wp-svg-stop:before{content:"\e107"}.wp-svg-backward:before{content:"\e108"}.wp-svg-forward-2:before{content:"\e109"}.wp-svg-play-3:before{content:"\e10a"}.wp-svg-pause-2:before{content:"\e10b"}.wp-svg-stop-2:before{content:"\e10c"}.wp-svg-backward-2:before{content:"\e10d"}.wp-svg-forward-3:before{content:"\e10e"}.wp-svg-first:before{content:"\e10f"}.wp-svg-last:before{content:"\e110"}.wp-svg-previous:before{content:"\e111"}.wp-svg-next:before{content:"\e112"}.wp-svg-eject:before{content:"\e113"}.wp-svg-volume-high:before{content:"\e114"}.wp-svg-volume-medium:before{content:"\e115"}.wp-svg-volume-low:before{content:"\e116"}.wp-svg-volume-mute:before{content:"\e117"}.wp-svg-volume-mute-2:before{content:"\e118"}.wp-svg-volume-increase:before{content:"\e119"}.wp-svg-volume-decrease:before{content:"\e11a"}.wp-svg-loop:before{content:"\e11b"}.wp-svg-loop-2:before{content:"\e11c"}.wp-svg-loop-3:before{content:"\e11d"}.wp-svg-shuffle:before{content:"\e11e"}.wp-svg-arrow-up-left:before{content:"\e11f"}.wp-svg-arrow-up:before{content:"\e120"}.wp-svg-arrow-up-right:before{content:"\e121"}.wp-svg-arrow-right:before{content:"\e122"}.wp-svg-arrow-down-right:before{content:"\e123"}.wp-svg-arrow-down:before{content:"\e124"}.wp-svg-arrow-down-left:before{content:"\e125"}.wp-svg-arrow-left:before{content:"\e126"}.wp-svg-arrow-up-left-2:before{content:"\e127"}.wp-svg-arrow-up-2:before{content:"\e128"}.wp-svg-arrow-up-right-2:before{content:"\e129"}.wp-svg-arrow-right-2:before{content:"\e12a"}.wp-svg-arrow-down-right-2:before{content:"\e12b"}.wp-svg-arrow-down-2:before{content:"\e12c"}.wp-svg-arrow-down-left-2:before{content:"\e12d"}.wp-svg-arrow-left-2:before{content:"\e12e"}.wp-svg-arrow-up-left-3:before{content:"\e12f"}.wp-svg-arrow-up-3:before{content:"\e130"}.wp-svg-arrow-up-right-3:before{content:"\e131"}.wp-svg-arrow-right-3:before{content:"\e132"}.wp-svg-arrow-down-right-3:before{content:"\e133"}.wp-svg-arrow-down-3:before{content:"\e134"}.wp-svg-arrow-down-left-3:before{content:"\e135"}.wp-svg-arrow-left-3:before{content:"\e136"}.wp-svg-tab:before{content:"\e137"}.wp-svg-checkbox-checked:before{content:"\e138"}.wp-svg-checkbox-unchecked:before{content:"\e139"}.wp-svg-checkbox-partial:before{content:"\e13a"}.wp-svg-radio-checked:before{content:"\e13b"}.wp-svg-radio-unchecked:before{content:"\e13c"}.wp-svg-crop:before{content:"\e13d"}.wp-svg-scissors:before{content:"\e13e"}.wp-svg-filter:before{content:"\e13f"}.wp-svg-filter-2:before{content:"\e140"}.wp-svg-italic:before{content:"\e146"}.wp-svg-strikethrough:before{content:"\e147"}.wp-svg-omega:before{content:"\e148"}.wp-svg-sigma:before{content:"\e149"}.wp-svg-table:before{content:"\e14a"}.wp-svg-table-2:before{content:"\e14b"}.wp-svg-insert-template:before{content:"\e14c"}.wp-svg-pilcrow:before{content:"\e14d"}.wp-svg-left-to-right:before{content:"\e14e"}.wp-svg-right-to-left:before{content:"\e14f"}.wp-svg-paragraph-left:before{content:"\e150"}.wp-svg-paragraph-center:before{content:"\e151"}.wp-svg-paragraph-right:before{content:"\e152"}.wp-svg-paragraph-justify:before{content:"\e153"}.wp-svg-paragraph-left-2:before{content:"\e154"}.wp-svg-paragraph-center-2:before{content:"\e155"}.wp-svg-paragraph-right-2:before{content:"\e156"}.wp-svg-paragraph-justify-2:before{content:"\e157"}.wp-svg-indent-increase:before{content:"\e158"}.wp-svg-indent-decrease:before{content:"\e159"}.wp-svg-new-tab:before{content:"\e15a"}.wp-svg-embed:before{content:"\e15b"}.wp-svg-code:before{content:"\e15c"}.wp-svg-console:before{content:"\e15d"}.wp-svg-share:before{content:"\e15e"}.wp-svg-mail:before{content:"\e15f"}.wp-svg-mail-2:before{content:"\e160"}.wp-svg-mail-3:before{content:"\e161"}.wp-svg-mail-4:before{content:"\e162"}.wp-svg-google:before{content:"\e163"}.wp-svg-google-plus:before{content:"\e164"}.wp-svg-google-plus-2:before{content:"\e165"}.wp-svg-google-plus-3:before{content:"\e166"}.wp-svg-google-plus-4:before{content:"\e167"}.wp-svg-google-drive:before{content:"\e168"}.wp-svg-facebook:before{content:"\e169"}.wp-svg-facebook-2:before{content:"\e16a"}.wp-svg-facebook-3:before{content:"\e16b"}.wp-svg-instagram:before{content:"\e16c"}.wp-svg-twitter:before{content:"\e16d"}.wp-svg-twitter-2:before{content:"\e16e"}.wp-svg-twitter-3:before{content:"\e16f"}.wp-svg-feed-2:before{content:"\e170"}.wp-svg-feed-3:before{content:"\e171"}.wp-svg-feed-4:before{content:"\e172"}.wp-svg-youtube:before{content:"\e173"}.wp-svg-youtube-2:before{content:"\e174"}.wp-svg-vimeo:before{content:"\e175"}.wp-svg-vimeo2:before{content:"\e176"}.wp-svg-vimeo-2:before{content:"\e177"}.wp-svg-lanyrd:before{content:"\e178"}.wp-svg-flickr:before{content:"\e179"}.wp-svg-flickr-2:before{content:"\e17a"}.wp-svg-flickr-3:before{content:"\e17b"}.wp-svg-flickr-4:before{content:"\e17c"}.wp-svg-picassa:before{content:"\e17d"}.wp-svg-picassa-2:before{content:"\e17e"}.wp-svg-dribbble:before{content:"\e17f"}.wp-svg-dribbble-2:before{content:"\e180"}.wp-svg-dribbble-3:before{content:"\e181"}.wp-svg-forrst:before{content:"\e182"}.wp-svg-forrst-2:before{content:"\e183"}.wp-svg-deviantart:before{content:"\e184"}.wp-svg-deviantart-2:before{content:"\e185"}.wp-svg-steam:before{content:"\e186"}.wp-svg-steam-2:before{content:"\e187"}.wp-svg-github:before{content:"\e188"}.wp-svg-github-2:before{content:"\e189"}.wp-svg-github-3:before{content:"\e18a"}.wp-svg-github-4:before{content:"\e18b"}.wp-svg-github-5:before{content:"\e18c"}.wp-svg-wordpress:before{content:"\e18d"}.wp-svg-wordpress-2:before{content:"\e18e"}.wp-svg-joomla:before{content:"\e18f"}.wp-svg-blogger:before{content:"\e190"}.wp-svg-blogger-2:before{content:"\e191"}.wp-svg-tumblr:before{content:"\e192"}.wp-svg-tumblr-2:before{content:"\e193"}.wp-svg-yahoo:before{content:"\e194"}.wp-svg-tux:before{content:"\e195"}.wp-svg-apple:before{content:"\e196"}.wp-svg-finder:before{content:"\e197"}.wp-svg-android:before{content:"\e198"}.wp-svg-windows:before{content:"\e199"}.wp-svg-windows8:before{content:"\e19a"}.wp-svg-soundcloud:before{content:"\e19b"}.wp-svg-soundcloud-2:before{content:"\e19c"}.wp-svg-skype:before{content:"\e19d"}.wp-svg-reddit:before{content:"\e19e"}.wp-svg-linkedin:before{content:"\e19f"}.wp-svg-lastfm:before{content:"\e1a0"}.wp-svg-lastfm-2:before{content:"\e1a1"}.wp-svg-delicious:before{content:"\e1a2"}.wp-svg-stumbleupon:before{content:"\e1a3"}.wp-svg-stumbleupon-2:before{content:"\e1a4"}.wp-svg-stackoverflow:before{content:"\e1a5"}.wp-svg-pinterest:before{content:"\e1a6"}.wp-svg-pinterest-2:before{content:"\e1a7"}.wp-svg-xing:before{content:"\e1a8"}.wp-svg-xing-2:before{content:"\e1a9"}.wp-svg-flattr:before{content:"\e1aa"}.wp-svg-foursquare:before{content:"\e1ab"}.wp-svg-foursquare-2:before{content:"\e1ac"}.wp-svg-paypal:before{content:"\e1ad"}.wp-svg-paypal-2:before{content:"\e1ae"}.wp-svg-paypal-3:before{content:"\e1af"}.wp-svg-yelp:before{content:"\e1b0"}.wp-svg-libreoffice:before{content:"\e1b1"}.wp-svg-file-pdf:before{content:"\e1b2"}.wp-svg-file-openoffice:before{content:"\e1b3"}.wp-svg-file-word:before{content:"\e1b4"}.wp-svg-file-excel:before{content:"\e1b5"}.wp-svg-file-zip:before{content:"\e1b6"}.wp-svg-file-powerpoint:before{content:"\e1b7"}.wp-svg-file-xml:before{content:"\e1b8"}.wp-svg-file-css:before{content:"\e1b9"}.wp-svg-html5:before{content:"\e1ba"}.wp-svg-html5-2:before{content:"\e1bb"}.wp-svg-css3:before{content:"\e1bc"}.wp-svg-chrome:before{content:"\e1bd"}.wp-svg-firefox:before{content:"\e1be"}.wp-svg-IE:before{content:"\e1bf"}.wp-svg-opera:before{content:"\e1c0"}.wp-svg-safari:before{content:"\e1c1"}.wp-svg-IcoMoon:before{content:"\e1c2"}.wp-svg-sunrise:before{content:"\e1c3"}.wp-svg-sun:before{content:"\e1c4"}.wp-svg-moon:before{content:"\e1c5"}.wp-svg-sun-2:before{content:"\e1c6"}.wp-svg-windy:before{content:"\e1c7"}.wp-svg-wind:before{content:"\e1c8"}.wp-svg-snowflake:before{content:"\e1c9"}.wp-svg-cloudy:before{content:"\e1ca"}.wp-svg-cloud-2:before{content:"\e1cb"}.wp-svg-weather:before{content:"\e1cc"}.wp-svg-weather-2:before{content:"\e1cd"}.wp-svg-weather-3:before{content:"\e1ce"}.wp-svg-lines:before{content:"\e1cf"}.wp-svg-cloud-3:before{content:"\e1d0"}.wp-svg-lightning-2:before{content:"\e1d1"}.wp-svg-lightning-3:before{content:"\e1d2"}.wp-svg-rainy:before{content:"\e1d3"}.wp-svg-rainy-2:before{content:"\e1d4"}.wp-svg-windy-2:before{content:"\e1d5"}.wp-svg-windy-3:before{content:"\e1d6"}.wp-svg-snowy:before{content:"\e1d7"}.wp-svg-snowy-2:before{content:"\e1d8"}.wp-svg-snowy-3:before{content:"\e1d9"}.wp-svg-weather-4:before{content:"\e1da"}.wp-svg-cloudy-2:before{content:"\e1db"}.wp-svg-cloud-4:before{content:"\e1dc"}.wp-svg-lightning-4:before{content:"\e1dd"}.wp-svg-sun-3:before{content:"\e1de"}.wp-svg-moon-2:before{content:"\e1df"}.wp-svg-cloudy-3:before{content:"\e1e0"}.wp-svg-cloud-5:before{content:"\e1e1"}.wp-svg-cloud-6:before{content:"\e1e2"}.wp-svg-lightning-5:before{content:"\e1e3"}.wp-svg-rainy-3:before{content:"\e1e4"}.wp-svg-rainy-4:before{content:"\e1e5"}.wp-svg-windy-4:before{content:"\e1e6"}.wp-svg-windy-5:before{content:"\e1e7"}.wp-svg-snowy-4:before{content:"\e1e8"}.wp-svg-snowy-5:before{content:"\e1e9"}.wp-svg-weather-5:before{content:"\e1ea"}.wp-svg-cloudy-4:before{content:"\e1eb"}.wp-svg-lightning-6:before{content:"\e1ec"}.wp-svg-thermometer:before{content:"\e1ed"}.wp-svg-compass-2:before{content:"\e1ee"}.wp-svg-none:before{content:"\e1ef"}.wp-svg-Celsius:before{content:"\e1f0"}.wp-svg-Fahrenheit:before{content:"\e1f1"}.wp-svg-aperture:before{content:"\e1f2"}.wp-svg-camera-3:before{content:"\e1f3"}.wpSVGiconDropShadow{text-shadow:3px 3px 8px #888}.wpSVGanimatedSpin-fast{-webkit-animation-name:rotate;-webkit-animation-duration:1500ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:1000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:rotate;-ms-animation-duration:1000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:rotate;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear}.wpSVGanimatedSpin-medium{-webkit-animation-name:rotate;-webkit-animation-duration:3000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:3000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:rotate;-ms-animation-duration:3000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:rotate;animation-duration:3000ms;animation-iteration-count:infinite;animation-timing-function:linear}.wpSVGanimatedSpin-slow{-webkit-animation-name:rotate;-webkit-animation-duration:5000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:5000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:rotate;-ms-animation-duration:5000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:rotate;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.wpSVGlink{-o-transition:color .2s ease-out;-ms-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}.wpSVGsmall{font-size:1.5em!important}.wpSVGmedium{font-size:4em!important}.wpSVGlarge{font-size:6.5em!important}.wpSVGxlarge{font-size:9em!important}.wpSVGroundedCorners{-moz-border-radius:50%;border-radius:50%}.wpSVGfloatRight{float:right;margin-left:13px}.wpSVGfloatLeft{float:left;margin-right:13px}.wpSVGnoFloat{float:none!important}.custom-icons-file-upload-note{font-size:10px;color:#EE3B3B}.wp-svg-custom-upload-wrap{margin:10px 30px 0 50px}.wp-sv-gcustom-icon-upload-new-image{width:41px;position:absolute;margin-top:.5em}.svg-custom-pack-buttons{display:inline-block;width:430px;height:55px}.svg-custom-pack-buttons>p{float:left}.svg-custom-pack-buttons>p:last-child{margin-left:1em}
 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: 700;
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: 4px;
}
input[type=password] {
letter-spacing: 0.3em;
}
textarea {
min-height: 90pt;
width: 100%;
overflow: auto;
vertical-align: top;
}
select {
-webkit-appearance: none;
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;
appearance: button;
cursor: pointer;
font-size: 0.95em;
padding: 8px 20px;
background: #666;
color: #fff;
border: 0;
border-radius: 3px;
}
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;
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;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.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: 3px;
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);
font-weight: var(--stk-font-weight);
line-height: 1.9;
letter-spacing: 0.3px;
color: var(--main-text-color);
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
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;
}
#container {
overflow-wrap: break-word;
overflow-x: clip;
}
.wrap {
max-width: var(--stk-wrap-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);
}
.disable-hover {
pointer-events: none;
}
[role=button] {
cursor: pointer;
}
.stk_svgicon {
width: 1.1em;
height: 1.1em;
}
iframe {
max-width: 100%;
}
.wp-block-embed.alignwide iframe,
.wp-block-embed.alignfull iframe {
max-width: initial;
}
.txt_c {
text-align: center;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}
.txt_s {
font-size: 80%;
}
.txt_m {
font-size: 150%;
}
.txt_l {
font-size: 250%;
}
.txt_ll {
font-size: 350%;
}
.stk-mt_0 {
margin-top: 0 !important;
}
.stk-mt_ss {
margin-top: calc(var(--stk-margin, 1.6em) / 2) !important;
}
.stk-mt_s {
margin-top: var(--stk-margin, 1.6em) !important;
}
.stk-mt_m {
margin-top: calc(var(--stk-margin, 1.6em) * 2) !important;
}
.stk-mt_l {
margin-top: calc(var(--stk-margin, 1.6em) * 3) !important;
}
.stk-mb_0 {
margin-bottom: 0 !important;
}
.stk-mb_ss {
margin-bottom: calc(var(--stk-margin, 1.6em) / 2) !important;
}
.stk-mb_s {
margin-bottom: var(--stk-margin, 1.6em) !important;
}
.stk-mb_m {
margin-bottom: calc(var(--stk-margin, 1.6em) * 2) !important;
}
.stk-mb_l {
margin-bottom: calc(var(--stk-margin, 1.6em) * 3) !important;
}
.stk-hidden_all {
display: none !important;
}
@media (min-width: 768px) {
.stk-hidden_pc {
display: none !important;
}
}
@media (max-width: 767px) {
.stk-hidden_sp {
display: none !important;
}
}
.alignleft,
img.alignleft {
margin-right: 2.5%;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 2.5%;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.wp-block-button.alignright,
.wp-block-button.alignleft,
.wp-block-embed.alignright,
.wp-block-embed.alignleft {
display: block;
float: none;
}
.wp-block-embed.alignright .wp-block-embed__wrapper > div {
margin-left: auto;
}
.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;
}
hr.wp-block-separator.is-style-wide {
border-style: solid;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
}
}
@keyframes blinkDown {
0% {
opacity: 1;
transform: translateY(-1px);
}
100% {
opacity: 0.8;
transform: translateY(1px);
}
}
@keyframes flash {
0% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.fadeIn {
animation: fadeIn 0.3s ease 0s 1 both;
}
.fadeInUp {
animation: fadeInUp 0.7s ease 0s 1 both;
}
.fadeInDown {
animation: fadeInDown 0.6s ease 0s 1 both;
}
.blinkDown {
animation: blinkDown 1.2s ease infinite alternate;
}
.delay-0_1s {
animation-delay: 0.1s;
}
.delay-0_2s {
animation-delay: 0.2s;
}
.delay-0_3s {
animation-delay: 0.3s;
}
.delay-0_4s {
animation-delay: 0.4s;
}
.delay-0_5s {
animation-delay: 0.5s;
}
.delay-0_6s {
animation-delay: 0.6s;
}
.delay-0_8s {
animation-delay: 0.8s;
}
.delay-1s {
animation-delay: 1s;
}
.mw-728 {
max-width: 728px;
}
.has-stk-palette-one-color {
color: var(--stk-palette-color1) !important;
}
.has-stk-palette-one-background-color {
background-color: var(--stk-palette-color1) !important;
}
.has-stk-palette-two-color {
color: var(--stk-palette-color2) !important;
}
.has-stk-palette-two-background-color {
background-color: var(--stk-palette-color2) !important;
}
.has-stk-palette-three-color {
color: var(--stk-palette-color3) !important;
}
.has-stk-palette-three-background-color {
background-color: var(--stk-palette-color3) !important;
}
.has-stk-palette-four-color {
color: var(--stk-palette-color4) !important;
}
.has-stk-palette-four-background-color {
background-color: var(--stk-palette-color4) !important;
}
.has-stk-palette-five-color {
color: var(--stk-palette-color5) !important;
}
.has-stk-palette-five-background-color {
background-color: var(--stk-palette-color5) !important;
}
.has-stk-palette-six-color {
color: var(--stk-palette-color6) !important;
}
.has-stk-palette-six-background-color {
background-color: var(--stk-palette-color6) !important;
}
.has-stk-palette-seven-color {
color: var(--stk-palette-color7) !important;
}
.has-stk-palette-seven-background-color {
background-color: var(--stk-palette-color7) !important;
}
.has-stk-palette-eight-color {
color: var(--stk-palette-color8) !important;
}
.has-stk-palette-eight-background-color {
background-color: var(--stk-palette-color8) !important;
}
.has-stk-palette-nine-color {
color: var(--stk-palette-color9) !important;
}
.has-stk-palette-nine-background-color {
background-color: var(--stk-palette-color9) !important;
}
.has-stk-palette-ten-color {
color: var(--stk-palette-color10) !important;
}
.has-stk-palette-ten-background-color {
background-color: var(--stk-palette-color10) !important;
}
.has-mainttlbg-color {
color: var(--main-ttl-bg) !important;
}
.has-mainttlbg-background-color {
background-color: var(--main-ttl-bg) !important;
}
.has-mainttltext-color {
color: var(--main-ttl-color) !important;
}
.has-mainttltext-background-color {
background-color: var(--main-ttl-color) !important;
}
.has-stkeditorcolor-one-color,
.has-stkeditorcolor-1-color,
.has-stkeditorcolor1-color {
color: var(--stk-editor-color1) !important;
}
.has-stkeditorcolor-one-background-color,
.has-stkeditorcolor-1-background-color,
.has-stkeditorcolor1-background-color {
background-color: var(--stk-editor-color1) !important;
}
.has-stkeditorcolor-two-color,
.has-stkeditorcolor-2-color,
.has-stkeditorcolor2-color {
color: var(--stk-editor-color2) !important;
}
.has-stkeditorcolor-two-background-color,
.has-stkeditorcolor-2-background-color,
.has-stkeditorcolor2-background-color {
background-color: var(--stk-editor-color2) !important;
}
.has-stkeditorcolor-three-color,
.has-stkeditorcolor-3-color,
.has-stkeditorcolor3-color {
color: var(--stk-editor-color3) !important;
}
.has-stkeditorcolor-three-background-color,
.has-stkeditorcolor-3-background-color,
.has-stkeditorcolor3-background-color {
background-color: var(--stk-editor-color3) !important;
}
#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.7s 0.2s, transform 0.7s ease-out 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);
}
.stk_header {
width: 100%;
color: var(--header-text-color);
background-color: var(--header-bg);
transition: all 0.3s;
position: relative;
}
@media only screen and (min-width: 1167px) {
.stk_header.wide .wrap {
max-width: 98%;
}
}
.stk_header a {
text-decoration: none;
}
.stk_header .nav_btn:hover {
color: var(--header-text-color);
}
.stk_header a:hover {
opacity: 0.7;
}
.headeroverlay .stk_header {
background: none !important;
box-shadow: none !important;
position: absolute !important;
top: var(--wp-admin--admin-bar--height, 0);
max-width: initial !important;
z-index: 9999;
}
.headeroverlay .stk_header:not([data-fixheader=true]) .ul__g_nav > li > a,
.headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn,
.headeroverlay .stk_header:not([data-fixheader=true]) .text-logo-link,
.headeroverlay .stk_header:not([data-fixheader=true]) .site_description {
color: var(--header-bg-overlay);
background: none;
}
.headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon,
.headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon path,
.headeroverlay .stk_header:not([data-fixheader=true]) .stk_sns__svgicon {
transition: fill 0.25s;
fill: var(--header-bg-overlay) !important;
}
.headeroverlay .stk_custom_header__text {
margin-top: 50px;
}
.fixhead-active .stk_header {
position: sticky !important;
z-index: 9999;
padding: 0;
top: var(--wp-admin--admin-bar--height, 0);
}
@media only screen and (max-width: 600px) {
.fixhead-active .stk_header:not([data-fixheader=false]) {
top: 0;
}
}
.fixhead-active .stk_header[data-scrollhide=true] {
animation: UpMove 0.3s forwards;
}
@keyframes UpMove {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100%);
}
}
.fixhead-active .stk_header[data-scrollhide=false] {
animation: DownMove 0.3s forwards;
}
@keyframes DownMove {
from {
opacity: 0;
transform: translateY(-100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fixhead-active.headeroverlay .stk_header {
position: fixed !important;
}
.fixhead-active.headeroverlay .stk_header[data-fixheader=true] {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.fixhead-active.headeroverlay .stk_header::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: var(--header-bg);
transform: translateY(-100%);
position: absolute;
z-index: -1;
transition: opacity 0.3s, transform 0.3s;
opacity: 0.9;
}
.fixhead-active.headeroverlay .stk_header:hover::before {
opacity: 1;
}
.fixhead-active.headeroverlay .stk_header[data-fixheader=true]::before {
transform: translateY(0);
}
.fixhead-active.headeroverlay .stk_header .sitelogo_double {
position: relative;
}
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link {
transition: opacity 0.35s, transform 0.35s;
}
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo {
position: absolute;
top: 0;
bottom: 0;
}
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) {
opacity: 0;
transform: translateY(-50%);
}
.fixhead-active.headeroverlay .stk_header[data-fixheader=true] .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) {
opacity: 1;
transform: translateY(0);
}
.fixhead-active.headeroverlay .stk_header[data-fixheader=true] .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo {
opacity: 0;
transform: translateY(-150%);
}
.site_description {
font-size: 10px;
margin: 6px 0 0;
line-height: 1.2;
width: 100%;
}
.header-info {
margin: auto;
font-size: 75%;
text-align: center;
font-weight: 700;
}
.header-info__text,
.header-info__link {
display: block;
padding: 0.5em;
}
.header-info__link {
text-decoration: none;
color: inherit;
}
.header-info__link:hover {
color: inherit;
opacity: 0.8;
}
.site__logo .custom-logo-link {
display: inline-flex;
}
@media only screen and (min-width: 768px) {
.site__logo .custom-logo-link {
display: grid;
place-items: center;
}
}
.site__logo .custom-logo {
width: auto;
height: auto;
margin: 5px 0;
}
.site__logo .text-logo-link {
color: var(--header-logo-color);
display: inline-flex;
}
.site__logo .site__logo__title {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.5;
letter-spacing: 0.3px;
font-weight: 700;
}
.site__logo.fs_ss .text {
font-size: 133%;
}
.site__logo.fs_s .text {
font-size: 161%;
}
.site__logo.fs_m .text {
font-size: 190%;
}
.site__logo.fs_l .text {
font-size: 285%;
}
.site__logo.fs_ll .text {
font-size: 380%;
}
.site__logo.fs_ss .custom-logo {
max-height: 18px;
}
.site__logo.fs_s .custom-logo {
max-height: 25px;
}
.site__logo.fs_m .custom-logo {
max-height: 35px;
}
.site__logo.fs_l .custom-logo {
max-height: 60px;
}
.site__logo.fs_ll .custom-logo {
max-height: 100vh;
}
.ul__g_nav .sub-menu .gf {
display: none !important;
}
.nav_btn {
width: 3em;
min-height: 50px;
padding: 8px 0;
border: none;
background: none;
text-align: center;
color: var(--header-text-color);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}
.nav_btn .text {
font-size: 9px;
display: block;
margin-top: 6px;
transform: scale(0.9);
}
.nav_btn__svgicon {
width: 1.25em;
height: 1.25em;
transition: all 0.25s;
fill: var(--header-text-color);
}
#navbtn_search_content::before {
content: "キーワードで記事を検索";
}
#navbtn_search_content .searchform {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
#navbtn_search_content .searchform {
height: 60px;
}
}
.stk_header .stk_sns_links {
flex-wrap: nowrap;
margin-bottom: 0;
font-size: 78%;
padding: 8px;
}
.stk_header .stk_sns_links .stk_sns__svgicon {
transition: all 0.25s;
--svgsize: 1.4em;
fill: var(--header-text-color);
}
@media only screen and (max-width: 767px) {
.inner-header {
position: relative;
padding: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.inner-header .nav_btn {
width: 45px;
}
.site__logo {
order: 2;
flex-grow: 2;
max-width: calc(100% - 117px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 50px;
}
.site__logo .site__logo__title {
word-break: break-all;
}
.site__logo.img .custom-logo-link {
display: inline-flex;
}
.h_layout_sp_center .nav_btn {
position: absolute;
top: 0;
left: 0;
order: 1;
margin-right: auto;
}
.h_layout_sp_center .nav_btn.search_btn, .h_layout_sp_center .nav_btn.contact_btn {
left: auto;
right: 0;
order: 3;
margin-left: auto;
margin-right: inherit;
}
.h_layout_sp_left .inner-header {
display: flex;
justify-content: flex-start;
}
.h_layout_sp_left .site__logo {
order: 1;
align-items: start;
margin-left: 1em;
text-align: left;
}
.h_layout_sp_left .site_description {
width: auto;
}
.h_layout_sp_left .nav_btn {
order: 2;
margin-left: auto;
margin-right: 0;
}
.h_layout_sp_left .stk_sns_links.--position-header {
justify-content: flex-start;
}
.stk_g_nav {
display: block;
width: 100%;
order: 4;
position: relative;
max-width: 1166px;
padding: 0.5em 0;
font-size: 70%;
font-weight: 700;
overflow: hidden;
}
.stk_g_nav a {
color: inherit;
text-decoration: none;
display: block;
padding: 0.3em 0.9em;
background: rgba(255, 255, 255, 0.11);
border-radius: 1em;
}
.ul__g_nav {
width: 100%;
margin: 0;
display: flex;
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.ul__g_nav::-webkit-scrollbar {
display: none;
}
.ul__g_nav .sub-menu,
.ul__g_nav .gf {
display: none;
}
.ul__g_nav .menu-item {
padding-right: 0.8em;
}
.ul__g_nav .menu-item:first-child {
padding-left: 0.8em;
}
.stk_header .stk_sns_links {
width: 100%;
order: 5;
background: rgba(255, 255, 255, 0.1);
}
.stk_header .stk_g_nav.stk-hidden_pc + .stk_sns_links {
margin-top: 0.2em;
}
}
@media only screen and (min-width: 768px) {
.stk_header {
position: relative;
z-index: 999;
}
.inner-header {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0 0 0 0.9em;
}
.site__logo {
margin-right: auto;
}
.ul__g_nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0;
}
.ul__g_nav > .menu-item {
font-size: 68%;
flex-flow: row wrap;
font-weight: 700;
}
.ul__g_nav > .menu-item > a {
color: inherit;
display: block;
padding: 0.7em 1em;
text-align: center;
position: relative;
}
.ul__g_nav > .menu-item > a::after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0px;
transition: 0.25s ease-out;
width: 0;
border-bottom: 2px solid;
}
.ul__g_nav > .menu-item > a:hover::after {
left: 0;
width: 100%;
}
.ul__g_nav .gf {
display: block;
font-weight: 400;
font-size: 84%;
margin-top: -0.5em;
opacity: 0.8;
}
.ul__g_nav > .menu-item.stk-button-color1 > a {
background: var(--header-text-color);
color: var(--header-bg);
}
.ul__g_nav > .menu-item.stk-button-color2 > a {
background: var(--header-logo-color);
color: var(--header-bg);
}
.ul__g_nav > .menu-item.stk-button-color1 > a:hover,
.ul__g_nav > .menu-item.stk-button-color2 > a:hover {
background-color: var(--header-bg);
color: var(--header-text-color);
}
.ul__g_nav .sub-menu {
font-weight: 700;
margin: 0;
text-align: left;
position: absolute;
z-index: 1;
box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
background-color: var(--footer-bg);
width: 17em;
opacity: 0;
visibility: hidden;
transition: 0.18s;
}
.ul__g_nav .sub-menu .menu-item {
position: relative;
}
.ul__g_nav .sub-menu a {
padding: 0.5em 1.5em 0.5em 0.5em;
color: var(--footer-link-color);
}
.ul__g_nav .sub-menu a::after {
color: inherit;
opacity: 0.5;
}
.ul__g_nav .sub-menu a:hover::after {
right: 3px;
}
.ul__g_nav .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
}
.ul__g_nav .sub-menu .sub-menu {
top: 0;
left: 100%;
}
body:not([class*=h_layout_pc_center_]) .inner-header .menu_btn {
display: none;
}
[class*=h_layout_pc_center_] .stk_header {
min-height: 55px;
}
[class*=h_layout_pc_center_] .site__logo {
width: 100%;
margin: 10px auto 0;
}
[class*=h_layout_pc_center_] .site__logo .site__logo__title {
display: inline-flex;
}
[class*=h_layout_pc_center_] .site__logo.fs_ss .site__logo__title {
align-items: center;
min-height: 45px;
}
[class*=h_layout_pc_center_] .site__logo.fs_ss .site_description + .site__logo__title {
min-height: auto;
}
[class*=h_layout_pc_center_] .inner-header {
justify-content: center;
flex-wrap: wrap;
padding: 0;
text-align: center;
position: relative;
}
[class*=h_layout_pc_center_] .nav_btn {
position: absolute;
top: 0.3em;
}
[class*=h_layout_pc_center_] .search_btn, [class*=h_layout_pc_center_] .contact_btn {
right: 0;
}
[class*=h_layout_pc_center_] .menu_btn {
left: 0;
}
[class*=h_layout_pc_center_] .nav_btn {
transform: scale(1.1);
}
}
@media only screen and (min-width: 1167px) {
.h_layout_pc_left_normal:not(.page-template-page-wide) .stk_header,
.h_layout_pc_center_normal:not(.page-template-page-wide) .stk_header {
margin: 0 auto;
padding: 0;
position: relative;
z-index: 5;
max-width: 1166px;
}
.h_layout_pc_left_normal:not(.page-template-page-wide) .header-info,
.h_layout_pc_center_normal:not(.page-template-page-wide) .header-info {
max-width: 1166px;
position: relative;
z-index: 4;
font-weight: 700;
}
.h_layout_pc_left_normal:not(.page-template-page-wide):not(.headeroverlay) #container,
.h_layout_pc_center_normal:not(.page-template-page-wide):not(.headeroverlay) #container {
padding-top: 25px;
}
.h_layout_pc_left_normal:not(.page-template-page-wide):not(.headeroverlay) #custom_header_img,
.h_layout_pc_center_normal:not(.page-template-page-wide):not(.headeroverlay) #custom_header_img {
max-width: 1166px;
margin: 25px auto;
}
.h_layout_pc_left_normal:not(.page-template-page-wide) #custom_header,
.h_layout_pc_center_normal:not(.page-template-page-wide) #custom_header {
margin-top: -30px;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.ul__g_nav:not(.gnav_custom) > .menu-item {
font-size: 78%;
}
}
@media only screen and (min-width: 981px) {
.ul__g_nav:not(.gnav_custom).gnav_s > .menu-item {
font-size: 68%;
}
.ul__g_nav:not(.gnav_custom).gnav_m > .menu-item {
font-size: 78%;
}
.ul__g_nav:not(.gnav_custom).gnav_l > .menu-item {
font-size: 88%;
}
}
.breadcrumb {
font-size: 70%;
background-color: var(--inner-content-bg);
padding: 1em;
}
.breadcrumb__ul {
display: flex;
flex-wrap: wrap;
margin: 0;
gap: 0.5em;
}
.breadcrumb__li {
display: inline-flex;
align-items: center;
gap: 0.5em;
}
.breadcrumb__li:not(:last-child):after {
color: var(--main-text-color);
content: "/";
}
.breadcrumb__link {
color: inherit;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.3em;
}
.breadcrumb.--bc-scroll {
padding-inline: 0;
}
.breadcrumb.--bc-scroll .wrap {
position: relative;
}
.breadcrumb.--bc-scroll .wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
background: linear-gradient(90deg, transparent, var(--inner-content-bg));
width: 2em;
height: 100%;
}
.breadcrumb.--bc-scroll .breadcrumb__ul {
padding-inline: 1em;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.breadcrumb.--bc-scroll .breadcrumb__li {
white-space: nowrap;
}
.breadcrumb .bc_homelink .breadcrumb__link::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f015";
color: var(--main-link-color);
}
#inner-content {
padding: 4%;
background-color: var(--inner-content-bg);
}
#sidebar1 {
margin-top: 1.5em;
color: var(--side-text-color);
}
#sidebar1:empty {
display: none;
}
#viral-header {
min-height: auto;
padding: 0;
background-size: cover;
margin-bottom: 0;
}
#viral-header .wp-block-cover__inner-container {
padding: 11% 0%;
width: 92%;
max-width: var(--stk-main-width);
margin: auto;
display: flex;
flex-direction: column;
gap: 1em;
}
#viral-header .entry-title {
font-size: 200%;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
padding: 0;
}
@media only screen and (max-width: 767px) {
#viral-header .entry-title {
font-size: 130%;
}
}
#viral-header .byline .time__date {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.29);
}
#inner-content.viral #main > .sns_btn__ul {
margin-bottom: 1em;
}
.wp-block-group {
--stk-group-padding_rl: min(4vw, 2.5em);
--stk-group-padding_tb: min(8vw, 5em);
}
.wp-block-group.has-background {
padding: var(--stk-group-padding_tb) var(--stk-group-padding_rl);
}
.wp-block-group.alignwide > .wp-block-group__inner-container, .wp-block-group.alignfull > .wp-block-group__inner-container {
max-width: var(--stk-wide-width);
margin: auto;
}
.wp-block-group.alignfull:not(.has-background) {
padding: calc(var(--stk-group-padding_tb) / 4) var(--stk-group-padding_rl);
}
.wp-block-group.stk-pd-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: hidden;
}
.wp-block-group.stk-pd-0 :first-child {
margin-top: 0;
}
.wp-block-group.stk-pd-0 :last-child {
margin-bottom: 0;
}
.wp-block-group.stk-pd-s {
padding: calc(var(--stk-group-padding_tb) / 2) var(--stk-group-padding_rl) !important;
}
.wp-block-group.stk-pd-m {
padding: calc(var(--stk-group-padding_tb) * 1.5) var(--stk-group-padding_rl) !important;
}
.wp-block-group.stk-pd-l {
padding: calc(var(--stk-group-padding_tb) * 2) var(--stk-group-padding_rl) !important;
}
.wp-block-cover {
min-height: 40vh;
padding: 5% 4%;
width: inherit;
z-index: 0;
}
.wp-block-cover.has-parallax {
-webkit-clip-path: inset(0);
clip-path: inset(0);
}
.wp-block-cover__image-background.has-parallax {
position: fixed;
}
.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: var(--stk-wide-width);
width: calc(100% - 30px);
}
@media only screen and (max-width: 600px) {
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
width: 100%;
}
}
[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);
}
.stk-clip-up {
-webkit-clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% 100%, 0% 100%);
}
.stk-clip-down {
-webkit-clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% 100%);
}
.stk-clip-upscale {
-webkit-clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% calc(100% - var(--stk-clip-padding)), 0% 100%);
clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% calc(100% - var(--stk-clip-padding)), 0% 100%);
}
.stk-clip-downscale {
-webkit-clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% calc(100% - var(--stk-clip-padding)));
clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% calc(100% - var(--stk-clip-padding)));
}
.stk-clip-uppoint {
-webkit-clip-path: polygon(50% 0, 100% var(--stk-clip-padding), 100% 100%, 0 100%, 0 var(--stk-clip-padding));
clip-path: polygon(50% 0, 100% var(--stk-clip-padding), 100% 100%, 0 100%, 0 var(--stk-clip-padding));
}
.stk-clip-downpoint {
-webkit-clip-path: polygon(50% var(--stk-clip-padding), 100% 0%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% var(--stk-clip-padding), 100% 0%, 100% 100%, 0 100%, 0 0);
}
.stk-linked-block {
position: relative !important;
}
.stk-linked-block a.stk-block-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 90;
}
.stk-linked-block.stk-linked-block-animate {
transition: 0.3s ease-in-out;
}
.stk-linked-block.stk-linked-block-animate:hover {
transform: translateY(-5px);
opacity: 0.8;
}
a.editorskit-block-link[target=_blank]::after {
content: none !important;
}
@media (min-width: 981px) and (max-width: 1166px) {
#inner-content.page-full .alignwide,
#inner-content.page-full .alignfull,
#inner-content.viral .alignwide,
#inner-content.viral .alignfull {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
}
@media only screen and (min-width: 1167px) {
.h_layout_pc_left_normal #viral-header, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_left_normal:not(.page-template-page-wide) #footer,
.h_layout_pc_center_normal #viral-header,
.h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb,
.h_layout_pc_center_normal:not(.page-template-page-wide) #footer {
max-width: var(--stk-wrap-width);
margin: 25px auto;
}
.h_layout_pc_left_normal #viral-header, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb,
.h_layout_pc_center_normal #viral-header,
.h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb {
margin: 0 auto;
}
#inner-content,
.stk_header,
.stk_header[data-fixheader=true]::before,
body:not(.page-template-page-wide) #footer,
.h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb,
.h_layout_pc_left_normal #viral-header,
.h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb,
.h_layout_pc_center_normal #viral-header {
box-shadow: 0 0 15px rgba(102, 102, 102, 0.2);
}
#inner-content.page-full .alignwide,
#inner-content.viral .alignwide {
width: calc(100% + 100px);
max-width: calc(100% + 100px);
margin-left: -50px;
}
#inner-content.page-full .alignfull,
#inner-content.viral .alignfull .alignfull {
width: calc(100% + var(--stk-wrap-width) - var(--stk-wide-width));
max-width: calc(100% + var(--stk-wrap-width) - var(--stk-wide-width));
margin-left: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2);
}
#inner-content.viral .alignwide .alignfull {
width: var(--stk-wrap-width);
max-width: var(--stk-wrap-width);
margin-left: calc((100% - var(--stk-wrap-width)) / 2);
}
#inner-content.viral .alignfull {
width: calc(100% + var(--stk-wrap-width) - var(--stk-main-width));
max-width: calc(100% + var(--stk-wrap-width) - var(--stk-main-width));
margin-left: calc((var(--stk-main-width) - var(--stk-wrap-width)) / 2);
}
}
@media only screen and (min-width: 981px) {
#content:not(.lp-wrap) #inner-content {
margin-top: 35px;
margin-bottom: 35px;
}
#inner-content {
display: flex;
justify-content: var(--stk-flex-style, flex-start);
padding: 35px;
gap: 0 2%;
}
#main {
width: var(--stk-main-width);
max-width: var(--stk-main-width);
min-width: 0;
}
#sidebar1 {
font-size: 88%;
width: calc(var(--stk-wrap-width) - var(--stk-main-width) - var(--stk-side-margin) - 70px);
max-width: min(336px, 33%);
flex: none;
margin-top: 0;
margin-left: auto;
}
#scrollfix {
position: sticky !important;
z-index: 9998;
top: 4%;
}
.fixhead-active #scrollfix {
top: 10%;
}
.sidebarleft #main {
margin-left: auto;
order: 2;
}
.sidebarleft #sidebar1 {
order: 1;
margin-left: 0;
}
}
@media only screen and (max-width: 980px) {
.alignwide, .alignfull {
margin-left: var(--stk-el-margin-rl, -4vw);
margin-right: var(--stk-el-margin-rl, -4vw);
overflow-x: hidden;
}
}
@media only screen and (min-width: 768px) {
#inner-content.page-full #main {
max-width: var(--stk-wide-width);
width: 100%;
margin: auto;
}
#inner-content.viral #main {
margin: auto;
}
}
.byline {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
font-size: 85%;
gap: 0.6em;
}
.time__date {
opacity: 0.75;
}
.time__date::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 400;
content: "\f017";
margin-right: 0.3em;
}
.time__date.undo::before {
content: "\f0e2";
font-weight: 700;
}
.time__date + .post__views {
margin-left: 0.3em;
}
.post__views {
font-size: 80%;
opacity: 0.75;
}
.post__views::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 400;
content: "\f06e";
margin-right: 0.15em;
}
.byline .writer {
margin-right: 0;
margin-left: auto;
}
.byline .writer .fn {
opacity: 0.7;
}
.byline .writer .avatar {
display: inline-block;
border-radius: 50%;
width: 1.6em;
margin: 0 3px 0 auto;
border: 1px solid #fff;
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
transform: translateY(-2px);
}
.entry-header {
display: flex;
flex-flow: column nowrap;
gap: 1em;
margin-bottom: 1em;
}
.entry-header .entry-title {
font-size: var(--stk-post-title-font_size);
margin: 0;
}
@media only screen and (max-width: 767px) {
.entry-header .entry-title {
font-size: 115%;
}
}
.entry-header .byline:not(:has(.writer)) .pr-notation {
margin-left: auto;
}
.pr-notation {
font-size: 85%;
font-weight: 700;
padding: 0.2em 0.5em;
display: table;
width: -moz-fit-content;
width: fit-content;
box-shadow: 0 0 1px;
border-radius: 3px;
opacity: 0.75;
}
.pr-notation::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f06a";
display: inline-block;
transform: scale(1.05);
margin-right: 0.3em;
}
.page .pr-notation, .archive .pr-notation {
font-size: 70%;
}
.archive .pr-notation {
margin-bottom: 1em;
}
.eyecatch-caption-text {
opacity: 0.7;
font-size: 80%;
}
@media only screen and (min-width: 1167px) {
.single .byline:has(.cat-name:not(.noposition)) {
position: relative;
padding-top: 1em;
}
.single .byline:has(.cat-name:not(.noposition)) .cat-name {
position: absolute;
top: -1.7em;
left: -3.3em;
}
}
dl,
ol,
p,
ul {
letter-spacing: 0.025em;
}
p {
margin: 0 0 var(--stk-margin, 1.6em);
line-height: var(--stk-line_height, 1.8);
}
.has-drop-cap:not(:focus):first-letter {
font-size: 3.2em;
line-height: 1;
margin: 0.05em 0.1em 0 0;
}
.entry-content a:not(.no-icon)[target=_blank]::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f35d";
font-size: 95%;
margin: 0 3px 0 2px;
}
.entry-content a.wp-block-social-link-anchor[target=_blank]::after {
content: none;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
.entry-content table {
width: 100%;
font-size: 90%;
margin-bottom: 1.5em;
border-collapse: collapse;
line-height: var(--stk-line_height, 1.8);
}
.entry-content td,
.entry-content th {
padding: 0.8em 0.5em;
border-style: solid;
border: 1px solid #ddd;
border-color: hsla(0, 0%, 80%, 0.3);
}
.entry-content td input {
margin: 3px 0;
}
.stk-table-thdesign tr td:first-child,
th {
font-weight: 700;
text-align: center;
background-color: hsla(0, 0%, 80%, 0.15);
}
.wp-block-table {
margin-bottom: 1.5em;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table thead {
border-bottom: none;
}
.wp-block-table th, .wp-block-table td {
padding: 0.8em 0.5em;
border-color: hsla(0, 0%, 80%, 0.3);
}
.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;
}
.wp-block-table.is-style-stk-table-border td,
.wp-block-table.is-style-stk-table-border th {
border-width: 2px;
border-left: none;
border-right: none;
}
.wp-block-table.is-style-stripes {
margin-bottom: 1.5em;
border-bottom: 0;
}
.wp-block-table.is-style-stripes th {
background: none;
}
.wp-block-table.is-style-stripes thead {
border-bottom: 2px solid #ddd;
border-color: hsla(0, 0%, 80%, 0.3);
}
.wp-block-table.is-style-stripes tfoot {
border-top: 2px solid #ddd;
border-color: hsla(0, 0%, 80%, 0.3);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: hsla(0, 0%, 80%, 0.15);
}
@media only screen and (max-width: 480px) {
.stk-table-scroll {
overflow: auto;
display: inherit !important;
-webkit-overflow-scrolling: touch;
margin-bottom: 2em;
}
.stk-table-scroll table {
margin-bottom: 0.5em;
white-space: nowrap;
width: var(--stk-main-width);
}
.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;
}
.page-full .stk-table-scroll table, .lp-wrap .stk-table-scroll table {
width: var(--stk-wide-width);
}
}
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: 700;
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: "\f10d";
left: -0.2em;
top: -0.3em;
}
blockquote:not([class*=-embed]):not(.is-style-large)::after {
content: "\f10e";
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;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor {
padding: 2.6em 5%;
border: 2px solid rgba(213, 213, 213, 0.5);
border-radius: 7px;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::after, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::after {
font-size: 1.6em;
padding: 0.5em 0.6em;
background: none;
opacity: 0.4;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::before {
top: 0;
left: 0;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::after, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::after {
bottom: 0;
right: 0;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor {
background: var(--main-ttl-bg-rgba);
border: none;
}
blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor:not(.has-text-color)::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor:not(.has-text-color)::after {
color: var(--main-ttl-bg);
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0;
padding: 0;
}
.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 {
--stk-mediatext-padding_tb: min(8%, 5em);
--stk-mediatext-padding_rl: min(4%, 2.5em);
}
.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.has-media-on-the-right .wp-block-media-text__content {
padding-right: var(--stk-mediatext-padding_rl);
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-left: var(--stk-mediatext-padding_rl);
}
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: var(--stk-mediatext-padding_tb);
}
@media only screen and (max-width: 600px) {
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: var(--stk-mediatext-padding_tb) var(--stk-mediatext-padding_rl);
}
}
.wp-block-media-text:not(.has-background).alignfull .wp-block-media-text__content {
padding-left: var(--stk-mediatext-padding_rl);
padding-right: var(--stk-mediatext-padding_rl);
}
@media only screen and (max-width: 600px) {
.wp-block-media-text:not(.has-background).is-stacked-on-mobile .wp-block-media-text__content {
padding: var(--stk-mediatext-padding_tb) 0;
}
.wp-block-media-text:not(.has-background).is-stacked-on-mobile.alignwide .wp-block-media-text__content, .wp-block-media-text:not(.has-background).is-stacked-on-mobile.alignfull .wp-block-media-text__content {
padding-left: var(--stk-mediatext-padding_rl);
padding-right: var(--stk-mediatext-padding_rl);
}
}
.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;
}
.wp-block-details {
margin: 1em 0;
}
.wp-block-details > :not(summary) {
margin-block-end: 0;
margin-block-start: 1em;
}
.wp-block-details summary {
display: list-item;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
letter-spacing: 0.3px;
font-weight: 700;
line-height: var(--stk-heading-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: var(--stk-h1-font_size);
margin-top: 0.67em;
margin-bottom: 0.67em;
}
.h2,
h2 {
font-size: 120%;
font-size: var(--stk-h2-font_size);
margin-top: 0.83em;
margin-bottom: 0.83em;
}
.h3,
h3 {
font-size: 110%;
font-size: var(--stk-h3-font_size);
margin-top: 1em;
margin-bottom: 1em;
}
.h4,
h4 {
font-size: var(--stk-h4-font_size);
margin-top: 1.33em;
margin-bottom: 1.33em;
}
.h5,
h5 {
font-size: var(--stk-h5-font_size);
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: var(--stk-h2-normal-font_size);
padding: 1em 1.1em;
margin-top: var(--stk-heading-margin_top, 2em);
margin-bottom: var(--stk-heading-margin_bottom, 1em);
border-radius: var(--stk-h2-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);
}
.homeadd_wrap.homeaddtop .widget:first-child h2.widgettitle {
margin-top: 0;
}
.entry-content h3:not([class*=is-style-style]) {
border-top: var(--stk-h3-border_width, 4px) solid;
border-bottom: var(--stk-h3-border_width, 4px) solid;
padding: 0.5em 0.2em;
margin-top: var(--stk-heading-margin_top, 2em);
margin-bottom: var(--stk-heading-margin_bottom, 1em);
}
.entry-content h4:not([class*=is-style-style]) {
border-left: var(--stk-h4-border_width, 4px) solid;
padding: 0.5em 0 0.5em 0.8em;
margin-top: var(--stk-heading-margin_top, 2em);
margin-bottom: var(--stk-heading-margin_bottom, 1em);
}
.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);
}
.is-style-style__section_ttl__border_under {
position: relative;
padding-bottom: 1.2em;
}
.is-style-style__section_ttl__border_under::before {
content: "";
display: block;
position: absolute;
bottom: 0.5em;
width: 60px;
border-top-style: solid;
}
.is-style-style__section_ttl__border_under:not(.has-text-color)::before {
border-color: var(--main-ttl-bg);
}
.is-style-style__section_ttl__border_under.has-text-align-center::before {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.is-style-style__section_ttl__border_under.has-text-align-right::before {
margin-left: auto;
margin-right: 0;
right: 0;
}
h2.is-style-style__section_ttl__border_under::before {
border-top-width: var(--stk-h2-border_width, 4px);
}
h3.is-style-style__section_ttl__border_under::before {
border-top-width: var(--stk-h3-border_width, 4px);
}
h4.is-style-style__section_ttl__border_under::before {
border-top-width: var(--stk-h4-border_width, 4px);
}
.h_boader .entry-content h2:not([class*=is-style-style]),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]), .h_bl_bg .entry-content h2:not([class*=is-style-style]),
.h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]), .h_bb_bg .entry-content h2:not([class*=is-style-style]),
.h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]) {
border-radius: 0;
box-shadow: none;
}
.h_rgba .entry-content h2:not([class*=is-style-style]),
.h_rgba .homeadd_wrap h2:not([class*=is-style-style]) {
box-shadow: none;
}
.h_rgba .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_rgba .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) {
background-color: var(--main-ttl-bg-rgba);
}
.h_rgba .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_rgba .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) {
color: inherit;
}
.h_boader .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_marker .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) {
background: none;
}
.h_boader .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_marker .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) {
color: inherit;
}
@media only screen and (min-width: 481px) {
.h_boader .entry-content h2:not([class*=is-style-style]),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]) {
font-size: 140%;
}
}
@media only screen and (max-width: 480px) {
.h_boader .entry-content h2:not([class*=is-style-style]),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]) {
margin-left: 0;
margin-right: 0;
}
}
.h_boader .entry-content h3:not([class*=is-style-style]), .h_bs_bd .entry-content h3:not([class*=is-style-style]), .h_marker .entry-content h3:not([class*=is-style-style]) {
border-top: none;
padding: 0.1em;
}
.h_boader .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) {
border-color: var(--main-ttl-bg);
}
.h_boader .entry-content h2:not([class*=is-style-style]),
.h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]),
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]) {
border-top: var(--stk-h2-border_width, 4px) solid;
border-bottom: var(--stk-h2-border_width, 4px) solid;
padding: 0.5em 0.2em;
}
.h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::before,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::before {
border-top-color: var(--main-ttl-bg);
}
.h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::after,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::after {
border-bottom-color: var(--main-ttl-bg);
}
.h_bs_bd .entry-content h2:not([class*=is-style-style])::before, .h_bs_bd .entry-content h2:not([class*=is-style-style])::after,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::before,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::after {
content: "";
position: absolute;
left: 0;
width: 100%;
opacity: 0.75;
}
.h_bs_bd .entry-content h2:not([class*=is-style-style])::before,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::before {
top: 2px;
border-top: 2px dotted;
}
.h_bs_bd .entry-content h2:not([class*=is-style-style])::after,
.h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::after {
bottom: 2px;
border-bottom: 2px dotted;
}
.h_bs_bd .entry-content h3:not([class*=is-style-style]) {
border-bottom-style: dotted;
}
.h_bs_bd .entry-content h4:not([class*=is-style-style]) {
border-left-style: dotted;
}
.h_marker .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::after,
.h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::after {
border-bottom-color: var(--main-ttl-bg);
}
.h_marker .entry-content h2:not([class*=is-style-style]),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]) {
position: relative;
border: none;
}
.h_marker .entry-content h2:not([class*=is-style-style]),
.h_marker .homeadd_wrap h2:not([class*=is-style-style]) {
padding: 0.1em;
}
.h_marker .entry-content h2:not([class*=is-style-style])::after,
.h_marker .homeadd_wrap h2:not([class*=is-style-style])::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 0.7em solid;
z-index: -1;
opacity: 0.25;
}
.h_marker .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after {
border-bottom-color: var(--main-ttl-bg);
}
.h_marker .entry-content h3:not([class*=is-style-style]),
.h_marker .entry-content h4:not([class*=is-style-style]) {
position: relative;
border: none;
}
.h_marker .entry-content h3:not([class*=is-style-style]) {
padding: 0.1em;
}
.h_marker .entry-content h3:not([class*=is-style-style])::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 0.25em solid;
opacity: 0.5;
}
.h_marker .entry-content h4:not([class*=is-style-style]):not(.has-text-color)::before {
border-left-color: var(--main-ttl-bg);
}
.h_marker .entry-content h4:not([class*=is-style-style])::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: var(--stk-h4-border_width, 4px) solid;
opacity: 0.5;
}
.h_balloon .entry-content h2:not([class*=is-style-style])::before,
.h_balloon .homeadd_wrap h2:not([class*=is-style-style])::before {
content: "";
position: absolute;
background-color: inherit;
width: 0.8em;
height: 0.8em;
transform: scale(0.75, 1) rotate(45deg);
bottom: -0.4em;
left: 5%;
}
.h_stitch .entry-content h2:not([class*=is-style-style]),
.h_stitch .homeadd_wrap h2:not([class*=is-style-style]) {
position: relative;
}
.h_stitch .entry-content h2:not([class*=is-style-style])::before, .h_stitch .entry-content h2:not([class*=is-style-style])::after,
.h_stitch .homeadd_wrap h2:not([class*=is-style-style])::before,
.h_stitch .homeadd_wrap h2:not([class*=is-style-style])::after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 1px;
border-top: 2px dashed #ffffff;
opacity: 0.5;
}
.h_stitch .entry-content h2:not([class*=is-style-style])::after,
.h_stitch .homeadd_wrap h2:not([class*=is-style-style])::after {
top: auto;
bottom: 3px;
}
.h_stitch .entry-content h3:not([class*=is-style-style]) {
border-top-style: dotted;
border-bottom-style: dotted;
}
.h_stitch .entry-content h4:not([class*=is-style-style]) {
border-left-style: dotted;
}
.h_stripe .entry-content h2:not([class*=is-style-style]),
.h_stripe .homeadd_wrap h2:not([class*=is-style-style]) {
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 8px);
}
.h_stripe .entry-content h3:not([class*=is-style-style]) {
padding-top: 0.1em;
border: none;
position: relative;
}
.h_stripe .entry-content h3:not([class*=is-style-style])::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: var(--stk-h3-border_width, 4px);
background: linear-gradient(45deg, transparent 25%, var(--main-ttl-bg) 25%, var(--main-ttl-bg) 50%, transparent 50%, transparent 75%, var(--main-ttl-bg) 75%, var(--main-ttl-bg));
background-size: 4px 4px;
opacity: 0.5;
}
.h_stripe .entry-content h4:not([class*=is-style-style]) {
border-left: none;
position: relative;
}
.h_stripe .entry-content h4:not([class*=is-style-style])::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: var(--stk-h4-border_width, 4px);
height: 100%;
background-color: var(--main-ttl-bg);
opacity: 0.4;
}
.h_bl_bg .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_bb_bg .entry-content h2:not([class*=is-style-style]):not(.has-background),
.h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) {
background-color: rgba(238, 238, 238, 0.5);
}
.h_bl_bg .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bb_bg .entry-content h2:not([class*=is-style-style]):not(.has-text-color),
.h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) {
color: inherit;
border-color: var(--main-ttl-bg);
}
.h_bl_bg .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after, .h_bb_bg .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after {
border-bottom-color: var(--main-ttl-bg);
}
.h_bl_bg .entry-content h3:not([class*=is-style-style]), .h_bb_bg .entry-content h3:not([class*=is-style-style]) {
border-top: none;
position: relative;
border-bottom-color: rgba(221, 221, 221, 0.5);
padding: 0.3em 0.1em;
}
.h_bl_bg .entry-content h3:not([class*=is-style-style])::after, .h_bb_bg .entry-content h3:not([class*=is-style-style])::after {
content: "";
position: absolute;
left: 0;
bottom: calc(var(--stk-h3-border_width, 4px) * -1);
width: 30%;
border-bottom: var(--stk-h3-border_width, 4px) solid;
}
.h_bl_bg .entry-content h2:not([class*=is-style-style]),
.h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]) {
border-left: var(--stk-h2-border_width, 4px) solid;
}
.h_bb_bg .entry-content h2:not([class*=is-style-style]),
.h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]) {
border-bottom: var(--stk-h2-border_width, 4px) solid;
}
.w_stylenone .sidebar .widgettitle, .w_stylenone .spnavi .widgettitle {
background: inherit;
color: inherit;
padding: inherit;
}
.w_border .sidebar .widgettitle, .w_border .spnavi .widgettitle, .w_dotted .sidebar .widgettitle, .w_dotted .spnavi .widgettitle, .w_borderleft .sidebar .widgettitle, .w_borderleft .spnavi .widgettitle, .w_bycolor .sidebar .widgettitle, .w_bycolor .spnavi .widgettitle {
background: none;
color: inherit;
padding: 0.25em 0.1em;
}
.w_border .sidebar .widgettitle, .w_border .spnavi .widgettitle {
border-bottom: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg);
}
.w_dotted .sidebar .widgettitle, .w_dotted .spnavi .widgettitle {
border-bottom: var(--stk-wttl-border_width, 2px) dotted var(--main-ttl-bg);
}
.w_borderleft .sidebar .widgettitle, .w_borderleft .spnavi .widgettitle {
border-left: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg);
padding: 0.1em 0.65em;
}
.w_bycolor .sidebar .widgettitle, .w_bycolor .spnavi .widgettitle {
border-bottom: var(--stk-wttl-border_width, 2px) solid rgba(221, 221, 221, 0.5);
position: relative;
}
.w_bycolor .sidebar .widgettitle::after, .w_bycolor .spnavi .widgettitle::after {
content: "";
position: absolute;
left: 0;
bottom: calc(var(--stk-wttl-border_width, 2px) * -1);
width: 30%;
border-bottom: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg);
}
.w_stitch .sidebar .widgettitle, .w_stitch .spnavi .widgettitle {
position: relative;
}
.w_stitch .sidebar .widgettitle::before, .w_stitch .sidebar .widgettitle::after, .w_stitch .spnavi .widgettitle::before, .w_stitch .spnavi .widgettitle::after {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 100%;
height: 1px;
border-top: 1px dashed rgba(255, 255, 255, 0.75);
}
.w_stitch .sidebar .widgettitle::after, .w_stitch .spnavi .widgettitle::after {
top: auto;
bottom: 2px;
}
.w_stripe .sidebar .widgettitle, .w_stripe .spnavi .widgettitle {
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 8px);
}
h2.is-style-stylenone,
h3.is-style-stylenone,
h4.is-style-stylenone {
border: none;
box-shadow: none;
position: static;
border-radius: 0;
margin: 1.15em 0;
}
h2.is-style-stylenone:not(.has-text-color):not(.has-background),
h3.is-style-stylenone:not(.has-text-color):not(.has-background),
h4.is-style-stylenone:not(.has-text-color):not(.has-background) {
background: none;
padding: 0;
}
@media only screen and (max-width: 480px) {
.entry-content h2:not([class*=is-style-style]):not(.alignwide):not(.alignfull),
.homeadd_wrap h2,
#inner-content .widgettitle {
margin-left: var(--stk-h2-margin-rl, -2vw);
margin-right: var(--stk-h2-margin-rl, -2vw);
}
.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%;
}
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: var(--oc-has-background-basic-padding);
}
.entry-content ul:not(li ul), .entry-content ol:not(li ol) {
line-height: var(--stk-line_height, 1.8);
margin: 0 0 var(--stk-list-margin, 1em);
}
.entry-content li ul, .entry-content li ol {
margin: 0 0 var(--stk-list-item-margin, 0.7em);
}
.entry-content li {
position: relative;
padding-left: 1.35em;
margin: var(--stk-list-item-margin, 0.7em) 0;
}
.entry-content li li {
margin: calc(var(--stk-list-item-margin, 0.7em) - 0.1em) 0;
}
.entry-content ul li::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f111";
display: block;
position: absolute;
left: 2px;
top: 0;
transform: scale(0.6);
color: var(--main-ttl-bg);
background: none;
}
.entry-content li ul li::before {
content: "\f192";
}
.entry-content ol {
counter-reset: number;
}
.entry-content ol[start] {
counter-reset: unset;
}
.entry-content ol > li {
padding-left: calc(var(--stk-list-icon-size, 1.8em) + 0.1em);
}
.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: var(--stk-list-icon-size, 1.8em);
height: var(--stk-list-icon-size, 1.8em);
line-height: var(--stk-list-icon-size, 1.8em);
font-weight: 700;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
transform: scale(0.65);
left: 1px;
top: 0;
}
.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 ul.has-background,
.entry-content ol.has-background {
padding: 1% 3%;
}
.entry-content .stk-list-icon--stylenone,
.entry-content .stk-list-icon--stylenone ul,
.entry-content .stk-list-icon--stylenone ol,
.entry-content ol.wp-block-footnotes {
padding-left: 1.5em;
}
.entry-content .stk-list-icon--stylenone.has-background,
.entry-content .stk-list-icon--stylenone ul.has-background,
.entry-content .stk-list-icon--stylenone ol.has-background,
.entry-content ol.wp-block-footnotes.has-background {
padding-left: 2.5em !important;
}
.entry-content .stk-list-icon--stylenone[class*=is-style-faq_type_] {
padding-left: 2.9em;
}
.entry-content .stk-list-icon--stylenone li,
.entry-content .wp-block-footnotes 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,
.entry-content .wp-block-footnotes li::before,
.entry-content .wp-block-footnotes li ul li::before {
content: none;
}
.entry-content ul[class*=stk-list-icon--] > li::before {
transform: scale(1);
}
.entry-content ul.stk-list-icon--check01 > li::before {
content: "\f00c";
}
.entry-content ul.stk-list-icon--check02 > li::before {
content: "\f14a";
font-weight: 400;
}
.entry-content ul.stk-list-icon--arrow01 > li::before {
content: "\f061";
}
.entry-content ul.stk-list-icon--arrow02 > li::before {
content: "\f105";
left: 6px;
}
.entry-content ul.stk-list-icon--star > li::before {
content: "\f005";
}
.entry-content ul.stk-list-icon--bell > li::before {
content: "\f0f3";
font-weight: 400;
}
.entry-content ul.stk-list-icon--comment > li::before {
content: "\f075";
font-weight: 400;
}
.entry-content ul.stk-list-icon--lightbulb > li::before {
content: "\f0eb";
font-weight: 400;
left: 4px;
}
.entry-content ul.stk-list-icon--map > li::before {
content: "\f3c5";
left: 4px;
}
.entry-content ul.stk-list-icon--exclamation1 > li::before {
content: "\f06a";
}
.entry-content ul.stk-list-icon--exclamation2 > li::before {
content: "\f071";
}
.entry-content ul.stk-list-icon--good > li::before {
content: "\f164";
}
.entry-content ul.stk-list-icon--bad > li::before {
content: "\f165";
}
.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: var(--stk-margin, 1.6em);
}
.wp-block-image.alignfull, .wp-block-image.alignwide {
margin-bottom: 0;
}
.wp-block-video video {
vertical-align: bottom;
}
.wp-block-video.alignfull video {
width: 100%;
}
.wp-block-image.is-style-stk_shadow_s img,
.wp-block-video.is-style-stk_shadow_s video {
filter: drop-shadow(var(--stk-shadow-s));
margin-bottom: 0.5em;
}
.wp-block-image.is-style-stk_shadow_l img,
.wp-block-video.is-style-stk_shadow_l video {
filter: drop-shadow(var(--stk-shadow-l));
margin-bottom: 1em;
}
.wp-block-image.is-style-stk_border figure,
figure.wp-block-image.is-style-stk_border,
.wp-block-video.is-style-stk_border video {
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 3px;
}
.is-style-stk_clip_tilt_r img {
-webkit-clip-path: polygon(5em 0%, 100% 0%, calc(100% - 5em) 100%, 0% 100%);
clip-path: polygon(5em 0%, 100% 0%, calc(100% - 5em) 100%, 0% 100%);
}
.is-style-stk_clip_tilt_l img {
-webkit-clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 100%, 5em 100%);
clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 100%, 5em 100%);
}
.is-style-stk_clip_point_r img {
-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.is-style-stk_clip_point_l img {
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
.is-style-stk_clip_tryangle img {
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.is-style-stk_clip_rhombus img {
-webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0 50%);
clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0 50%);
}
.is-style-stk_clip_pentagon img {
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.is-style-stk_clip_hexagon img {
-webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.is-style-stk_clip_random1 img {
-webkit-clip-path: polygon(13% 7%, 36% 0, 84% 10%, 89% 20%, 98% 27%, 100% 40%, 96% 65%, 98% 75%, 80% 93%, 31% 100%, 12% 91%, 1% 63%, 3% 39%, 0 29%);
clip-path: polygon(13% 7%, 36% 0, 84% 10%, 89% 20%, 98% 27%, 100% 40%, 96% 65%, 98% 75%, 80% 93%, 31% 100%, 12% 91%, 1% 63%, 3% 39%, 0 29%);
}
.is-style-stk_clip_random2 img {
-webkit-clip-path: polygon(50% 0, 78% 2%, 98% 31%, 89% 86%, 70% 100%, 28% 100%, 9% 87%, 2% 46%, 21% 6%);
clip-path: polygon(50% 0, 78% 2%, 98% 31%, 89% 86%, 70% 100%, 28% 100%, 9% 87%, 2% 46%, 21% 6%);
}
figure.is-style-stk_frame_browser, .is-style-stk_frame_browser > figure {
position: relative;
background: #dfe1e6;
padding-top: calc(var(--stk-caption-font-size) + 19px);
border-radius: 8px;
filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.1));
}
figure.is-style-stk_frame_browser::before, figure.is-style-stk_frame_browser::after, .is-style-stk_frame_browser > figure::before, .is-style-stk_frame_browser > figure::after {
content: "";
position: absolute;
top: 11px;
width: 8px;
height: 8px !important;
border-radius: 50%;
}
figure.is-style-stk_frame_browser::before, .is-style-stk_frame_browser > figure::before {
left: 11px !important;
background: #f36b5d;
}
figure.is-style-stk_frame_browser::after, .is-style-stk_frame_browser > figure::after {
left: 23px;
background: #57c354;
}
figure.is-style-stk_frame_browser img, .is-style-stk_frame_browser > figure img {
border-radius: 0 0 8px 8px;
}
figure.is-style-stk_frame_browser figcaption, .is-style-stk_frame_browser > figure figcaption {
background: rgba(255, 255, 255, 0.85) !important;
font-size: var(--stk-caption-font-size) !important;
border-radius: 6px 6px 0 0;
position: absolute !important;
top: 5px;
left: 42px !important;
right: auto !important;
bottom: auto !important;
line-height: 1;
margin: 0 !important;
max-width: calc(100% - 53px);
padding: 7px 8px !important;
z-index: 2;
}
figure.is-style-stk_instant,
.is-style-stk_instant > figure {
position: relative;
padding: 30px 15px;
background: #fff;
border-radius: 3px;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
figure.is-style-stk_instant img,
.is-style-stk_instant > figure img {
filter: sepia(5%) saturate(85%) contrast(90%);
}
figure.is-style-stk_instant figcaption,
.is-style-stk_instant > figure figcaption {
margin: 0;
padding: 1em 0 0 !important;
width: 100%;
opacity: 1;
}
figure.is-style-stk_instant.aligncenter > figcaption, figure.is-style-stk_instant.alignleft > figcaption, figure.is-style-stk_instant.alignright > figcaption,
.is-style-stk_instant > figure.aligncenter > figcaption,
.is-style-stk_instant > figure.alignleft > figcaption,
.is-style-stk_instant > figure.alignright > figcaption {
display: inherit;
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_frame_browser figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_instant figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_border figcaption {
background: none;
color: inherit;
position: relative;
width: auto;
padding: 0;
text-shadow: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_frame_browser:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_instant:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_border:has(figcaption):before {
-webkit-backdrop-filter: none;
backdrop-filter: none;
-webkit-mask-image: none;
mask-image: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
margin-bottom: 0;
}
.gallery,
.wp-block-gallery {
display: flex;
flex-flow: row wrap;
justify-content: left;
}
.gallery {
margin-bottom: 1.5em;
}
.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)));
}
.wp-block-gallery.has-background:not(.stk-galgap_0) {
padding: var(--wp--style--gallery-gap-default, 0.5em);
}
.wp-block-gallery.stk-galgap_0 {
--wp--style--gallery-gap-default: 0px;
}
.wp-block-gallery.stk-galgap_ss {
--wp--style--gallery-gap-default: 1px;
}
.wp-block-gallery.stk-galgap_s {
--wp--style--gallery-gap-default: 5px;
}
.wp-block-gallery.stk-galgap_m {
--wp--style--gallery-gap-default: 1em;
}
.wp-block-gallery.stk-galgap_l {
--wp--style--gallery-gap-default: 2em;
}
.wp-block-gallery .wp-block-image:not(.is-style-stk_border) figcaption {
margin: 0;
}
.gallery-item,
li.blocks-gallery-item {
margin: 0;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
width: 100%;
}
.gallery-item img,
li.blocks-gallery-item img {
margin: 0;
}
li.blocks-gallery-item::before {
content: none !important;
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin: 0 5px 5px 0 !important;
}
.gallery-columns-2 .gallery-item,
.wp-block-gallery.columns-2 .blocks-gallery-item {
max-width: calc((100% - 5px) / 2);
}
.gallery-columns-3 .gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item {
max-width: calc((100% - 10px) / 3);
}
.gallery-columns-4 .gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item {
max-width: calc((100% - 15px) / 4);
}
.gallery-columns-5 .gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item {
max-width: calc((100% - 20px) / 5);
}
.gallery-columns-6 .gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item {
max-width: calc((100% - 25px) / 6);
}
.gallery-columns-7 .gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item {
max-width: calc((100% - 30px) / 7);
}
.gallery-columns-8 .gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item {
max-width: calc((100% - 35px) / 8);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n+2),
.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n+3),
.gallery-columns-4 .gallery-item:nth-of-type(4n+4),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n+4),
.gallery-columns-5 .gallery-item:nth-of-type(5n+5),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n+5),
.gallery-columns-6 .gallery-item:nth-of-type(6n+6),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n+6),
.gallery-columns-7 .gallery-item:nth-of-type(7n+7),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n+7),
.gallery-columns-8 .gallery-item:nth-of-type(8n+8),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n+8) {
margin-right: 0 !important;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
margin: 0;
padding: 0.3em;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.cat-name {
font-size: 85%;
padding: 0.2em 0.5em;
background-color: var(--label-bg);
color: var(--label-text-color);
}
.cat-name a,
.cat-name a:hover {
text-decoration: none;
color: inherit;
}
.cat-name.cat-id-page:before {
content: "PICK UP";
}
.eyecatch {
position: relative;
text-align: center;
}
.eyecatch.of-cover img {
aspect-ratio: var(--stk-post-thumb-ratio, 16/10);
object-fit: cover;
}
.eyecatch .cat-name {
position: absolute;
top: -0.1px;
right: 0;
max-width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#top_carousel:not(.slide_style-overlay) .eyecatch,
.archives-list.simple-list .eyecatch,
.archives-list.big-list .eyecatch img,
.archives-list.card-column2-sp .post-list__link {
border-radius: var(--stk-post-radius, 0);
overflow: hidden;
}
#top_carousel.slide_size-large:not(.slide_style-overlay) .eyecatch,
.archives-list.card-list:not(.card-column2-sp) .post-list__link {
border-radius: var(--stk-cardlist-radius, 0);
overflow: hidden;
position: relative;
}
.np-post-list .eyecatch,
.related_newpost__li .eyecatch,
.related_article__link .eyecatch,
.cat_postlist .eyecatch {
border-radius: var(--stk-postlist-radius, 0);
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.stk_post_main_thum__img {
border-radius: var(--stk-post-radius, 0);
}
}
.cta-wrap .widget_text {
margin-bottom: 0;
}
.cta-inner {
background-color: var(--footer-bg);
color: var(--footer-text-color);
padding: 1.5em 5%;
}
.cta-inner:not(:first-child) {
margin-top: -1.4em;
}
.page .cta-inner:last-child {
margin-bottom: 0;
}
.cta-inner .inner {
width: 94%;
max-width: 780px;
margin: auto;
}
.cta-inner .cta_ttl {
text-align: center;
color: inherit;
margin: 1em 0;
padding: 0;
font-size: 160%;
font-weight: 700;
background: none;
box-shadow: none;
}
.cta-inner .btn-wrap a {
box-shadow: none;
margin-top: 1em;
}
.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 .entry-content > p:first-child,
body.page:not(.home) #content:not(.lp-wrap) .entry-content > p:first-child {
margin-top: calc(var(--stk-margin, 1.6em) - 1em);
}
.single .entry-content > h2:first-child,
body.page:not(.home) #content:not(.lp-wrap) .entry-content > h2:first-child {
margin-top: 1em;
}
.single .entry-content > .add.titleunder > .widget:first-child > h2,
.single .entry-content > .add.titleunder > .widget:first-child > .textwidget > h2:first-child,
body.page:not(.home) .entry-content > .add.titleunder > .widget:first-child > h2,
body.page:not(.home) .entry-content > .add.titleunder > .widget:first-child > .textwidget > h2:first-child {
margin-top: 1em;
}
#single_foot {
display: flex;
flex-direction: column;
gap: 1em;
margin-top: 1em;
}
#related-box a,
#np-post a,
.author_name a,
#author-newpost a {
color: inherit;
text-decoration: none;
}
#related-box ul,
#author-newpost ul {
display: flex;
flex-wrap: wrap;
--postlist_card__gap: 0.5em;
margin-left: calc(var(--postlist_card__gap) * -1);
margin-right: calc(var(--postlist_card__gap) * -1);
margin-top: calc(var(--postlist_card__gap) * -1);
}
#related-box ul .related_newpost__li,
#author-newpost ul .related_newpost__li {
width: calc(25% - var(--postlist_card__gap) * 2);
margin: var(--postlist_card__gap);
padding: 0;
}
@media only screen and (max-width: 480px) {
#related-box ul .related_newpost__li,
#author-newpost ul .related_newpost__li {
width: calc(50% - var(--postlist_card__gap) * 2);
}
}
#related-box ul .related_newpost__li::before,
#author-newpost ul .related_newpost__li::before {
content: none;
}
#related-box ul .related_newpost__li img,
#author-newpost ul .related_newpost__li img {
margin-bottom: 0;
}
.h_ttl {
display: flex;
align-items: center;
gap: 0.5em;
}
.h_ttl::after,
.h_ttl .subtext {
font-size: 11px;
line-height: 1.2;
}
#related-box.ga_recommend .h_ttl::after {
content: "関連記事（広告を含む）";
}
.stk_authorbox > .h_ttl {
margin-top: 0;
}
.h_ttl.subtext__none::after {
content: none;
}
.related_newpost__li {
line-height: var(--stk-heading-line_height, 1.5);
}
.related_newpost__li .cat-name {
font-size: 10px;
}
.related_newpost__li a {
display: block;
margin: 0;
}
.related_newpost__li .ttl {
font-weight: 700;
font-size: 75%;
}
.related_newpost__li .time__date {
font-size: 70%;
}
.related_newpost__li .time__date:has(+ .undo) {
display: none;
}
@media only screen and (max-width: 767px) {
#inner-content .entry-header .eyecatch,
.cta-inner,
.fb-likebtn {
margin-left: var(--stk-el-margin-rl, -4vw);
margin-right: var(--stk-el-margin-rl, -4vw);
}
.cta-inner .cta_ttl {
font-size: 120%;
}
.alignleft:not(.wp-block-latest-posts__featured-image),
img.alignleft,
.alignright:not(.wp-block-latest-posts__featured-image),
img.alignright {
max-width: 55%;
}
.alignleft,
img.alignleft,
.alignright,
img.alignright {
margin-bottom: 0.5em;
}
}
.stk_authorbox {
padding: 4% 5% calc(4% - 1em);
border: solid 5px #eee;
}
.author_meta:not(.nowrap) {
display: flex;
font-size: 90%;
}
@media only screen and (min-width: 768px) {
.author_meta:not(.nowrap) .stk_sns_links {
justify-content: flex-start;
}
}
.author_meta.nowrap:not(.bgnone) {
background-color: var(--main-ttl-bg-rgba);
}
.author_meta .author_img {
width: 90px;
max-width: 30%;
margin-right: 1.5em;
flex-shrink: 0;
}
.author_meta .author_img img {
margin-bottom: 1.5em;
}
.author_meta .avatar {
border: 3px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.author_info .author_name,
.author_info .author_name a {
font-weight: 700;
text-decoration: none;
margin-bottom: 1em;
}
.author_info .userposition {
font-size: 70%;
display: block;
margin-bottom: 1em;
font-weight: 400;
}
.author_info .author_description {
margin-bottom: var(--stk-margin, 1.6em);
}
.author_meta.nowrap {
overflow: hidden;
}
.author_meta.nowrap .author_name {
text-align: center;
}
.author_meta.nowrap .author_img {
margin: 2em auto 1em;
}
.author_meta.nowrap .avatar {
border-radius: 50%;
margin-bottom: 0;
}
.author_meta.nowrap .author_info {
padding: 0 1.5em 1.5em;
}
.author_meta.nowrap .author_info .author_name:last-child,
.author_meta.nowrap .author_info .author_description:last-child {
margin-bottom: 0;
}
.author_meta .author__bgimg {
margin-bottom: -5em;
}
@media only screen and (max-width: 480px) {
.stk_authorbox {
margin-left: -2vw;
margin-right: -2vw;
}
.stk_authorbox .author_meta {
display: block;
}
.author_meta .author_img {
margin: 1em auto;
}
.author_meta .author_img img {
width: 100%;
margin: auto;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.author_info {
font-size: 90%;
}
.author_meta .author_name {
text-align: center;
margin-bottom: 0.8em;
}
}
.entry-content .stk_authorbox {
margin-top: 2em;
margin-bottom: 2em;
}
#np-post {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 0.5em;
}
#np-post:not(.np-reverse):not(:has(.prev)) {
justify-content: flex-end;
}
@media not screen and (min-width: 768px) {
#np-post {
margin-left: var(--stk-el-margin-rl, -4vw);
margin-right: var(--stk-el-margin-rl, -4vw);
}
}
.np-post-list {
width: 50%;
}
.np-post-list a {
display: flex;
align-items: center;
padding: 0.6em;
font-size: 75%;
line-height: var(--stk-heading-line_height, 1.5);
gap: 0.5em;
}
.np-post-list a .ttl {
overflow: hidden;
}
.np-post-list a .eyecatch {
flex: none;
}
.np-post-list a .eyecatch img {
width: 55px;
min-width: 55px;
}
@media only screen and (max-width: 480px) {
.np-post-list a {
font-size: 10px;
}
.np-post-list a .eyecatch img {
width: 40px;
min-width: 40px;
}
}
.np-post-list.prev a::before, .np-post-list.next a::after, .np-post-list.next a::before, .np-post-list.prev a::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
font-size: 120%;
color: var(--main-link-color);
}
#np-post:not(.np-reverse) .np-post-list.prev a::before, #np-post:not(.np-reverse) .np-post-list.next a::after {
content: "\f0d9";
}
#np-post:not(.np-reverse) .np-post-list.next a {
justify-content: flex-end;
}
#np-post:not(.np-reverse) .np-post-list.next a::after {
content: "\f0da";
}
#np-post.np-reverse:not(:has(.next)) {
justify-content: flex-end;
}
#np-post.np-reverse .np-post-list.next {
order: -1;
}
#np-post.np-reverse .np-post-list.next a .ttl {
order: 1;
}
#np-post.np-reverse .np-post-list.prev a .ttl {
order: -1;
}
#np-post.np-reverse .np-post-list.next a::before, #np-post.np-reverse .np-post-list.prev a::after {
content: "\f0d9";
}
#np-post.np-reverse .np-post-list.prev a {
justify-content: flex-end;
}
#np-post.np-reverse .np-post-list.prev a::after {
content: "\f0da";
}
.article-footer {
display: flex;
flex-wrap: wrap;
gap: 0.3em;
margin-top: 1em;
}
.article-footer .post-categories {
margin: 0;
display: inline-flex;
flex-wrap: wrap;
gap: 0.3em;
}
.article-footer .post-categories li {
display: inline-flex;
}
.article-footer .post-categories a {
display: inline-block;
padding: 0.35em 0.5em;
text-decoration: none;
line-height: 1.1;
font-size: 75%;
border-width: 1px;
border-style: solid;
border-color: var(--main-link-color);
background-color: var(--main-link-color);
color: #fff;
border-radius: 3px;
}
.article-footer .post-categories a:hover {
background: var(--main-link-color-hover);
border-color: var(--main-link-color-hover);
}
.article-footer .post-categories a::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f07b";
margin-right: 0.2em;
}
.article-footer .post-categories.tags a:not(:hover) {
background: none;
color: var(--main-link-color);
}
.article-footer .post-categories.tags a::before {
content: "\f02b";
}
.fb-likebtn {
background-position: center center;
background-size: cover;
position: relative;
z-index: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.fb-likebtn::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0.8;
z-index: 1;
}
.fb-likebtn .inner {
padding: 9% 3%;
position: relative;
z-index: 2;
overflow: hidden;
}
.fb-likebtn .fb-button {
display: block;
transform: scale(1.1);
overflow: hidden;
}
.fb-likebtn .like_text {
flex-direction: column;
}
.fb-likebtn .like_text span {
font-size: 140%;
}
.fb-likebtn .like_text::after {
opacity: 0.7;
}
.stk_sns_links {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.stk_sns_links:not(.--followbtns) {
gap: 1em;
}
.stk_sns_links li:not(:root) {
padding: 0;
margin: 0;
}
.stk_sns_links li:not(:root)::before {
content: none;
}
.stk_sns_links__link {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 100%;
margin: 0;
text-decoration: none;
gap: 0.3em;
}
.snslinks_overlay .stk_sns_links {
gap: 2em;
}
.snslinks_overlay .stk_sns_links__link {
font-size: 2rem;
color: #fff;
flex-direction: column;
}
.snslinks_overlay .stk_sns_links__link::after {
font-size: 10px;
letter-spacing: 0.5px;
}
.snslinks_overlay .stk_sns__svgicon {
fill: #fff;
}
.snslinks_overlay:not(.--nolabel) .stk_sns_links .stk_sns_links__link::after,
.stk_sns_links__link.--followbtn::after,
.stk_sns_links__link.--author_sns::after {
content: attr(aria-label);
}
.stk_sns__svgicon {
--svgsize: 1.25em;
width: var(--svgsize);
height: var(--svgsize);
fill: var(--main-link-color);
margin: 0;
}
.sns_li__line .stk_sns__svgicon {
width: calc(var(--svgsize) + 0.1em);
}
.sns_li__tiktok .stk_sns__svgicon {
width: calc(var(--svgsize) - 0.25em);
}
.stk_sns_links__link.--followbtn {
color: #fff;
background: #777;
width: auto;
font-size: 80%;
font-weight: 700;
text-decoration: none;
line-height: 26px;
padding: 0.1em 0.8em;
margin: 3px;
border-radius: 3px;
}
.stk_sns_links__link.--followbtn:hover {
color: inherit;
}
.stk_sns_links__link.--followbtn .stk_sns__svgicon {
fill: #fff;
}
.stk_sns_links__link.--followbtn[aria-label="X.com"] {
background: #2a2a2a;
}
.stk_sns_links__link.--followbtn[aria-label=Facebook] {
background: #236ee7;
}
.stk_sns_links__link.--followbtn[aria-label=Feedly] {
background: #5fd043;
}
.stk_sns_links__link.--followbtn[aria-label=YouTube] {
background: #ff0000;
}
.stk_sns_links__link.--followbtn[aria-label=Instagram] {
background: #b900b4;
background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}
.stk_sns_links__link.--followbtn[aria-label=LINE] {
background: #25af00;
}
.sns_li__twitter.--bird .stk_sns_links__link.--followbtn[aria-label=Twitter] {
background: #00acee;
}
.stk_sns_links__link.--author_sns {
width: auto;
background: none;
color: var(--main-text-color);
}
.author_meta.nowrap .stk_sns_links [aria-label]::after {
content: none;
}
input[name=post_password] {
display: inherit;
max-width: 50%;
}
#comments-title {
padding: 0.75em 0;
margin: 0;
}
#comments-title::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f086";
margin-right: 7px;
}
.commentlist {
margin: 0 0 1.5em;
list-style-type: none;
}
.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 .comment-meta,
.pingback .comment-meta {
padding: 0;
}
.comment .comment-meta a {
color: inherit;
text-decoration: none;
}
.comment .comment-author {
border: 0;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment-metadata {
font-size: 80%;
}
.comment .vcard .avatar {
border-radius: 50%;
}
.comment:last-child,
.pingback:last-child {
margin-bottom: 0;
}
.comment .children,
.pingback .children {
margin: 0;
}
.comment.depth-1,
.pingback.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1),
.pingback:not(.depth-1) {
margin-top: 0;
}
.comment-content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}
.comment-body .reply {
text-align: right;
}
.comment-reply-link {
font-size: 90%;
font-weight: 700;
display: inline-block;
text-decoration: none;
}
.comment-reply-link::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f3e5";
margin-right: 5px;
}
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 90%;
}
.comment-navigation {
text-align: center;
padding: 1em;
}
.sharewrap__title {
margin-top: 0;
}
.sharewrap__title::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f1e0";
margin: 0 0.3em;
}
@media only screen and (min-width: 981px) {
.sns-fix {
position: fixed;
left: 10px;
top: 50%;
transform: translate(-65px, -50%);
opacity: 0;
z-index: 9;
transition: all 0.3s ease-in-out;
}
.sns-fix.--is-active {
transform: translate(0, -50%);
opacity: 1;
}
.sns-fix .sharewrap__title {
display: none;
}
.sns-fix .sns_btn__ul {
flex-direction: column;
}
.sns-fix .sns_btn__li {
width: 65px;
}
.sns-fix .sns_btn__li.copyurl .copy_success_text {
left: 100%;
right: auto;
transform: translateX(8px) translateY(50%);
bottom: 50%;
margin-bottom: 0;
}
.sns-fix .sns_btn__li.copyurl .copy_success_text::after {
top: 50%;
left: auto;
right: 100%;
margin-top: -4px;
border: 4px solid transparent;
border-right: 8px solid rgba(0, 0, 0, 0.5);
}
.sns-fix .sns_btn__link {
flex-direction: column;
}
.sns-fix .sns_btn__link .sns_btn__text {
font-size: 10px;
margin-bottom: -4px;
transform: scale(0.85);
text-overflow: ellipsis;
}
}
@media only screen and (min-width: 1336px) {
.sns-fix .--style-simple .sns_btn__li {
width: 50px;
}
.sns-fix .--style-simple .sns_btn__link {
padding: 1em 0;
}
}
@media (min-width: 981px) and (max-width: 1335px) {
.sns-fix {
left: 0;
}
.sns-fix .sns_btn__li {
width: 30px;
}
.sns-fix .sns_btn__li .sns_btn__link {
padding: 0.4em 0.5em;
border-radius: 0 0.2em 0.2em 0;
}
.sns-fix .sns_btn__li .sns_btn__link .sns_btn__text {
display: none;
}
}
.sns_btn__ul {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0;
gap: 6px;
}
.sns_btn__li {
width: 100%;
text-align: center;
color: #fff;
font-size: 80%;
font-weight: 700;
}
.sns_btn__link {
display: flex;
justify-content: center;
align-items: center;
gap: 0.3em;
text-decoration: none;
padding: 0.8em 0.2em;
border-radius: var(--stk-btn-border_radius, 3px);
position: relative;
line-height: 1.2;
background: #999;
box-shadow: 0 3px 0 #888;
margin-bottom: 3px;
}
.sns_btn__link .stk_sns__svgicon {
--svgsize: 1.5em;
fill: #fff;
}
@media not screen and (min-width: 768px) {
.sns_btn__link {
flex-direction: column;
}
}
.sns_btn__link,
.sns_btn__link:hover {
color: inherit;
}
@media not screen and (min-width: 768px) {
.sns_btn__text {
font-size: 10px;
margin-bottom: -4px;
transform: scale(0.75);
text-overflow: ellipsis;
}
.sns_btn__text span {
display: none;
}
}
.sns_btn__count {
position: absolute;
right: 3px;
top: 2px;
font-size: 10px;
transform: scale(0.83);
margin: 0;
min-width: 1.5em;
}
.sns_btn__li.twitter:not(.--bird) .sns_btn__link {
background: #2a2a2a;
box-shadow: 0 3px 0 #000000;
}
.sns_btn__li.twitter.--bird .sns_btn__link {
background: #00acee;
box-shadow: 0 3px 0 #009bdd;
}
.sns_btn__li.bluesky .sns_btn__link {
background: #2787e7;
box-shadow: 0 3px 0 #187adc;
}
.sns_btn__li.facebook .sns_btn__link {
background: #236ee7;
box-shadow: 0 3px 0 #185ed8;
}
.sns_btn__li.hatebu .sns_btn__link {
background: #01a4de;
box-shadow: 0 3px 0 #0092c7;
}
.sns_btn__li.line .sns_btn__link {
background: #25af00;
box-shadow: 0 3px 0 #149e00;
}
.sns_btn__li.pocket .sns_btn__link {
background: #ec2136;
box-shadow: 0 3px 0 #db1025;
}
.sns_btn__li.pinterest .sns_btn__link {
background: #e60023;
box-shadow: 0 3px 0 #d50012;
}
amp-social-share {
border-radius: 5px;
min-width: 90%;
}
.sns_btn__li.bluesky amp-social-share .stk_sns__svgicon,
.sns_btn__li.pocket amp-social-share .stk_sns__svgicon,
.sns_btn__li.hatebu amp-social-share .stk_sns__svgicon {
fill: #fff;
width: 2.4em;
height: 100%;
}
.sns_btn__li.bluesky amp-social-share {
background: #2787e7;
}
.sns_btn__li.hatebu amp-social-share {
background: #01a4de;
}
.sns_btn__li.pocket amp-social-share {
background: #ec2136;
}
.sns_btn__li.copyurl {
position: relative;
cursor: pointer;
}
.sns_btn__li.copyurl .sns_btn__text span {
display: none;
}
.sns_btn__li.copyurl .copy_success_text {
position: absolute;
width: 100%;
min-width: 110px;
max-width: 120px;
bottom: 100%;
right: 0;
margin-bottom: 10px;
padding: 0.5em 0;
border-radius: 1.25em;
background-color: rgba(0, 0, 0, 0.5);
overflow: visible;
text-align: center;
font-size: 80%;
color: #fff;
display: none;
}
@media only screen and (min-width: 768px) {
.sns_btn__li.copyurl .copy_success_text {
left: 50%;
transform: translateX(-50%);
}
}
.sns_btn__li.copyurl .copy_success_text::after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 100%;
left: 50%;
margin-left: -6px;
border: 6px solid transparent;
border-top: 8px solid rgba(0, 0, 0, 0.5);
}
.--style-simple .sns_btn__link {
padding: 0.4em 0.2em;
border-radius: 3px;
box-shadow: none !important;
margin-bottom: 0;
}
.--style-simple .sns_btn__text {
display: none !important;
}
@media only screen and (min-width: 768px) {
.pickup_content__link:hover,
.archives-list:not(.big-list):not(.text-list) .post-list a:hover {
transform: translateY(-5px);
}
.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);
}
.article-footer a:hover,
.tag-cloud-link:hover {
transform: translateY(-1px);
}
.sns_btn__link:hover,
.stk_sns_links__link:hover {
opacity: 0.8;
}
}
.wp-block-columns {
--block-column-gap: 2em;
gap: var(--block-column-gap);
}
.wp-block-columns.has-background {
padding: var(--block-column-gap);
}
@media only screen and (max-width: 767px) {
.wp-block-columns.stk-mobile-columns_on {
flex-wrap: wrap !important;
}
.wp-block-columns.stk-mobile-columns_on.stk-colgap_sp_0 .wp-block-column {
flex-basis: 50% !important;
}
.wp-block-columns.stk-mobile-columns_on .wp-block-column {
flex-basis: calc(50% - var(--block-column-gap) / 2) !important;
flex-grow: 0;
}
.wp-block-columns.stk-colgap_sp_0 {
--block-column-gap: 0;
}
.wp-block-columns.stk-colgap_sp_0.has-background {
padding: 0;
}
.wp-block-columns.stk-colgap_sp_ss {
--block-column-gap: 0.5em;
}
.wp-block-columns.stk-colgap_sp_s {
--block-column-gap: 1em;
}
.wp-block-columns.stk-colgap_sp_m {
--block-column-gap: 3em;
}
.wp-block-columns.stk-colgap_sp_l {
--block-column-gap: 4em;
}
}
@media only screen and (min-width: 768px) {
.wp-block-columns.stk-colgap_0 {
--block-column-gap: 0;
}
.wp-block-columns.stk-colgap_0.has-background {
padding: 0;
}
.wp-block-columns.stk-colgap_ss {
--block-column-gap: 0.5em;
}
.wp-block-columns.stk-colgap_s {
--block-column-gap: 1em;
}
.wp-block-columns.stk-colgap_m {
--block-column-gap: 3em;
}
.wp-block-columns.stk-colgap_l {
--block-column-gap: 4em;
}
}
.wp-block-column > :last-child {
margin-bottom: 0;
}
.wp-block-column.has-background {
padding: 1.25em;
}
.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,
.wp-block-table figcaption {
margin: 0.5em;
}
.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%);
}
.span-stk-maker-blue,
.span__stk_maker_blue {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-blue, "#b5dfff") 50%);
}
.span-stk-maker-green {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-green, "#cff7c7") 50%);
}
[class*=span-stk-label-] {
font-size: 0.9em;
padding: 0.25em 0.5em;
border-radius: 0.2em;
color: #fff;
}
[class*=span-stk-label-] + [class*=span-stk-label-] {
margin-left: 0.1em;
margin-right: 0.1em;
}
.span-stk-label-sitecolor {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.span-stk-label-yellow {
background-color: #f5f512;
color: #333;
}
.span-stk-label-pink {
background-color: #f7b2b2;
}
.span-stk-label-red {
background-color: #e77373;
color: #fff;
}
.span-stk-label-blue {
background-color: #82c8e2;
}
.span-stk-label-green {
background-color: #79e37c;
}
.span-stk-label-gray {
background-color: #9c9c9c;
}
.span-stk-label-black {
background-color: #222;
color: #fff;
}
.span-stk-label-border {
background: none;
color: inherit;
border: 1px solid;
}
.span-stk-fs-ss {
font-size: 70%;
}
.span-stk-fs-s {
font-size: 90%;
}
.span-stk-fs-m {
font-size: 120%;
}
.span-stk-fs-l {
font-size: 150%;
}
.span-stk-fs-ll {
font-size: 180%;
}
.span-stk-fs-sub {
font-size: 12px;
}
.span-stk-fs-large {
font-size: 28px;
}
.lp-wrap {
margin: 0 auto;
}
.lp-wrap #inner-content {
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
padding: 4%;
}
.lp-wrap #main {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: var(--stk-wide-width);
float: none;
}
.eyecatch.lp {
width: 100%;
margin: auto;
text-align: center;
max-width: var(--stk-wrap-width);
}
[class*=page-template-page-wide] #container {
background-color: var(--inner-content-bg);
}
.page-template-page-wide #custom_header {
margin-bottom: 0;
}
.fullwide {
overflow: hidden;
box-shadow: none;
}
.fullwide #inner-content {
padding: 0;
}
@media only screen and (min-width: 1167px) {
.fullwide .alignwide {
margin-left: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2);
margin-right: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2);
max-width: initial;
}
}
@media only screen and (min-width: 981px) {
.fullwide .alignfull {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
}
@media only screen and (max-width: 980px) {
.fullwide #inner-content {
padding: 0 4%;
}
}
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;
}
i.stk_icons-circle,
i.stk_icons-circle_shadow {
background-color: rgba(0, 0, 0, 0.07);
margin: 5px auto;
}
i.stk_icons-circle.--bg_dark,
i.stk_icons-circle_shadow.--bg_dark {
color: #fff;
background-color: rgba(127, 127, 127, 0.5);
}
.has-inline-color i.stk_icons-circle,
.has-inline-color i.stk_icons-circle_shadow {
color: inherit;
}
i.stk_icons-circle_shadow {
color: #fff;
text-shadow: rgba(0, 0, 0, 0.03) 1px 1px, rgba(0, 0, 0, 0.03) 2px 2px, rgba(0, 0, 0, 0.03) 3px 3px, rgba(0, 0, 0, 0.02) 4px 4px, rgba(0, 0, 0, 0.01) 5px 5px, rgba(0, 0, 0, 0.01) 6px 6px, rgba(0, 0, 0, 0.01) 7px 7px, rgba(0, 0, 0, 0.01) 8px 8px, rgba(0, 0, 0, 0.01) 9px 9px, rgba(0, 0, 0, 0.01) 10px 10px, rgba(0, 0, 0, 0.01) 11px 11px, rgba(0, 0, 0, 0.01) 12px 12px, rgba(0, 0, 0, 0.01) 13px 13px, rgba(0, 0, 0, 0.01) 14px 14px, rgba(0, 0, 0, 0.01) 15px 15px;
}
.stk_grids {
display: grid;
}
@media only screen and (min-width: 768px) {
.stk_grids {
gap: var(--gridgap_pc, 16px);
grid-template-columns: repeat(var(--gridcolumn_pc, 3), 1fr);
}
}
@media only screen and (max-width: 767px) {
.stk_grids {
gap: var(--gridgap_sp, 16px);
grid-template-columns: repeat(var(--gridcolumn_sp, 2), 1fr);
}
}
.stk_grids .stk_grid__child {
word-break: break-all;
}
.stk_grids .stk_grid__child > :last-child {
margin-bottom: 0;
}
.stk_grids.has-background,
.stk_grids .has-background {
padding: var(--oc-has-background-basic-padding);
}
#custom_header {
text-align: center;
}
#custom_header .wp-block-cover__inner-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 1166px;
}
#custom_header .en {
font-size: 240%;
font-size: clamp(28px, 6vw, 45px);
margin-bottom: 0.375em;
}
#custom_header .ja {
font-size: 85%;
font-size: clamp(12px, 1.5vw, 15px);
font-weight: 700;
margin: 0 1em 1.5em;
}
#custom_header .wp-block-button {
margin: 0 auto;
}
@media only screen and (max-width: 480px) {
#custom_header .wp-block-button {
font-size: 90%;
}
}
#custom_header .wp-block-button__link {
width: 340px;
}
@media only screen and (min-width: 768px) {
#custom_header .stk_custom_header__text {
width: 100%;
max-width: 600px;
}
#custom_header.textleft .wp-block-cover__inner-container {
justify-content: flex-start;
}
#custom_header.textright .wp-block-cover__inner-container {
justify-content: flex-end;
}
}
#custom_header_img {
text-align: center;
font-size: 0;
}
#custom_header_img img {
margin: -1px auto 0;
}
#main-pickup_content {
margin: 1em auto;
}
@media (min-width: 768px) and (max-width: 1166px) {
#main-pickup_content {
margin: 1em;
}
}
#top_carousel:not(.slide_style-overlay) + .pickup_content {
margin-top: 35px;
}
@media only screen and (min-width: 981px) {
[id^=custom_header] + #main-pickup_content,
#top_carousel.slide_style-overlay + #main-pickup_content {
margin-top: 35px;
}
}
.pickup_content {
max-width: var(--stk-wrap-width, 1166px);
}
.pickup_content .pickup_content__img {
margin: 0;
padding: 0;
border: none;
}
.pickup_content .pickup_content__img[class*="--sizeratio-"] {
aspect-ratio: 16/9;
object-fit: cover;
}
.pickup_content .pickup_content__img.--sizeratio-square {
aspect-ratio: 1;
}
.pickup_content .pickup_content__img.--sizeratio-standard {
aspect-ratio: 4/3;
}
.pickup_content .pickup_content__img.--sizeratio-classic {
aspect-ratio: 3/2;
}
.pickup_content__ul {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
gap: 1em;
}
li.pickup_content__li {
width: 33%;
padding: 0;
position: relative;
}
li.pickup_content__li::before, li.pickup_content__li::after {
content: none !important;
}
.pickup_content__link {
display: block;
color: #fff;
text-decoration: none;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.pickup_content__link:hover {
color: #fff;
}
.pickup_content__link::before, .pickup_content__link::after {
position: absolute;
z-index: 2;
content: "";
display: inline-block;
width: 2em;
height: 2em;
border-color: #fff;
border-width: 1px;
}
.pickup_content__link::before {
border-top-style: solid;
border-left-style: solid;
top: 5px;
left: 5px;
}
.pickup_content__link::after {
border-bottom-style: solid;
border-right-style: solid;
bottom: 5px;
right: 5px;
}
.pickup_content__text {
position: absolute;
font-size: 80%;
font-weight: 700;
top: 0;
left: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.pickup_content__text__label {
border-radius: 2em;
padding: 0.5em 1em;
text-align: center;
line-height: 1.2;
min-width: 50%;
max-width: 85%;
position: relative;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.pickup_content__text__label::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 768px) {
.pickup_content__link:hover {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
.pickup_content__link:hover .pickup_content__text__label {
box-shadow: 0 0 7px 5px;
}
.pickup_content__link:hover::before, .pickup_content__link:hover::after {
width: 3em;
height: 3em;
}
#sidebar1 .pickup_content__ul {
flex-wrap: wrap;
}
#sidebar1 .pickup_content__li {
width: calc(50% - 0.5em);
}
}
@media only screen and (max-width: 767px) {
#main-pickup_content {
margin: 4%;
}
.pickup_content__ul {
flex-wrap: wrap;
}
li.pickup_content__li {
width: calc(50% - 0.5em);
}
.pickup_content__text {
font-size: 60%;
}
}
.stk_step {
--label_color: var(--main-ttl-color);
--label_bg: var(--main-ttl-bg);
--first_num: 0;
counter-reset: number var(--first_num, 0);
margin-bottom: var(--stk-margin);
}
.stk_step .stk_step__label {
font-weight: 700;
position: relative;
}
.stk_step .stk_step__label::after {
counter-increment: number;
content: counter(number);
}
.stk_step:not([class*=is-style-step]) .stk_step__child {
position: relative;
}
.stk_step:not([class*=is-style-step]) .stk_step__child::before {
display: block;
content: "";
width: 0;
height: 0;
border: 10px solid var(--label_bg);
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
position: absolute;
bottom: -3em;
left: 50%;
transform: translate(-50%, -50%);
}
.stk_step:not([class*=is-style-step]) .stk_step__content {
border: 1px solid var(--label_bg);
padding: 1em;
margin-bottom: 3em;
}
.stk_step:not([class*=is-style-step]) .stk_step__label {
width: -moz-fit-content;
width: fit-content;
margin-bottom: 0;
background: var(--label_bg);
color: var(--label_color);
padding: 2px 8px;
line-height: 1.5;
}
.stk_step:not([class*=is-style-step]) .stk_step__label .__labeltext {
font-size: 0.8em;
margin-right: 0.2em;
}
.stk_step.is-style-step_design1 .stk_step__child {
display: flex;
padding-bottom: 2.5em;
position: relative;
}
.stk_step.is-style-step_design1 .stk_step__child::before {
content: "";
width: 1px;
height: 100%;
position: absolute;
left: 1.5em;
background-color: var(--label_bg);
}
.stk_step.is-style-step_design1 .stk_step__content {
padding-top: 0.5em;
flex-grow: 1;
flex: 1;
}
.stk_step.is-style-step_design1 .stk_step__label {
--label-size: 3em;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.2;
max-width: var(--label-size);
width: var(--label-size);
height: var(--label-size);
padding: 3px;
border-radius: 0.4em;
margin-right: 1em;
text-align: center;
background: var(--label_bg);
color: var(--label_color);
}
.stk_step.is-style-step_design1 .stk_step__label .__labeltext {
font-size: 0.5em;
}
.stk_step.is-style-step_design2 .stk_step__child {
padding-left: 30px;
position: relative;
}
.stk_step.is-style-step_design2 .stk_step__label {
--iconsize: 14px;
font-size: 0.9em;
line-height: 1;
font-weight: 400;
margin-bottom: 5px;
}
.stk_step.is-style-step_design2 .stk_step__label::before {
content: "";
display: inline-block;
position: absolute;
left: -28px;
width: var(--iconsize);
height: var(--iconsize);
border-radius: 50%;
border: 2px solid var(--label_bg);
box-sizing: border-box;
}
.stk_step.is-style-step_design2 .stk_step__content {
position: relative;
margin-bottom: 5px;
padding: 0.5em 0 1.5em;
}
.stk_step.is-style-step_design2 .stk_step__content::before {
content: "";
display: inline-block;
position: absolute;
left: -22px;
top: 0;
width: 2px;
height: 100%;
background: currentColor;
opacity: 0.2;
}
.stk_step.is-style-step_design2 .stk_step__child:first-of-type .stk_step__label::before, .stk_step.is-style-step_design2 .stk_step__child:last-of-type .stk_step__label::before {
background: var(--label_bg);
}
.stk_step.is-style-step_design2 .stk_step__child:last-of-type .stk_step__content::before {
content: none;
}
.stk_step .stk_step__child:last-of-type::before {
content: none;
}
.related_article {
margin: 3% auto;
text-align: left;
max-width: 980px;
}
.related_article .ttl {
margin: 0 0 0.1em;
font-size: 95%;
font-weight: 700;
line-height: var(--stk-heading-line_height, 1.5);
}
.related_article .labeltext {
font-size: 70%;
font-weight: 700;
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: inherit;
background: rgba(255, 255, 255, 0.07);
box-shadow: 0 0 1px rgba(60, 60, 60, 0.4);
text-decoration: none;
width: 100%;
padding: 2.5%;
display: block;
overflow: hidden;
}
.related_article__link:hover {
color: inherit;
box-shadow: 0 0 10px rgba(60, 60, 60, 0.3);
}
.related_article__link:active {
transform: translateY(1px);
box-shadow: 0 0 1px rgba(60, 60, 60, 0.3);
}
.related_article.typecard .related_article__link {
max-width: 350px;
}
.related_article.typecard .eyecatch {
margin-bottom: 0.7em;
}
.related_article.typecard .eyecatch img {
margin-bottom: 0;
}
.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;
}
.related_article.typetext:not(.blog_card) {
margin-top: 0;
margin-bottom: 0;
}
.related_article.typetext .related_article__link {
color: var(--main-text-color);
background: none;
padding: 0.3em;
box-shadow: none;
}
.related_article.typetext .related_article__meta {
display: flex;
}
.related_article.typetext .time__date {
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
flex-shrink: 0;
}
.related_article.typetext .ttl {
margin: 0;
}
.blog_card {
margin: var(--stk-margin, 1.6em) 0;
}
.blog_card .related_article__link {
position: relative;
overflow: inherit;
padding: min(3vw, 1rem);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
border-radius: var(--oc-base-border-radius, 2px);
}
.blog_card .blog_card__title {
font-size: 95%;
font-weight: 700;
line-height: var(--stk-heading-line_height, 1.5);
}
.blog_card .blog_card__excerpt {
font-size: clamp(10px, 2.5vw, 70%);
line-height: var(--stk-line_height, 1.8);
margin-top: 0.5em;
opacity: 0.75;
}
.blog_card .blog_card__caption,
.blog_card .blog_card__sitename {
display: block;
}
.blog_card .blog_card__caption::before,
.blog_card .blog_card__sitename::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f02e";
margin-right: 0.3em;
}
.blog_card .blog_card__caption {
font-size: clamp(10px, 2.5vw, 70%);
margin-bottom: 0.3em;
}
.blog_card .blog_card__sitename {
font-size: 10px;
font-weight: 700;
margin-top: 0.5em;
opacity: 0.75;
}
@media only screen and (max-width: 480px) {
.blog_card.typesimple .blog_card__excerpt {
display: none;
}
}
.blog_card.typetext .blog_card__meta {
display: flex;
flex-direction: column;
}
.blog_card.typetext .blog_card__caption {
order: -1;
}
.blog_card:not(.typetext) .related_article__link:has(.blog_card__caption) {
padding-top: min(5vw, 1.5rem);
padding-bottom: min(5vw, 1.5rem);
margin-top: 0.75em;
}
.blog_card:not(.typetext) .related_article__link::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: 0.3s;
border-radius: var(--oc-base-border-radius, 2px);
}
.blog_card:not(.typetext) .related_article__link:hover::before {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
.blog_card:not(.typetext) .blog_card__caption {
position: absolute;
}
.blog_card:not(.typetext) .blog_card__caption {
top: -1em;
left: 1rem;
background: var(--inner-content-bg);
padding: 0.1em 0.75em;
}
.supplement,
[class*=is-style-supplement-] {
--stk-supplement-hue: 50;
border: var(--stk-supplement-border_width, 2px) solid hsl(var(--stk-supplement-hue), var(--stk-supplement-sat, 82%), var(--stk-supplement-lig, 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: var(--stk-supplement-border_radius, 4px);
}
.supplement::before,
[class*=is-style-supplement-]::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
line-height: 1;
content: "\f06a";
display: inline-block;
font-size: max(1.7em, 17px);
position: absolute;
left: 0.5em;
color: hsl(var(--stk-supplement-hue), 99%, 47%);
}
.supplement:not(.is-style-border) ul li::before,
[class*=is-style-supplement-]:not(.is-style-border) ul li::before {
color: inherit;
}
.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: "\f071";
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: "\f058";
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: "\f304";
}
.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: "\f0eb";
}
.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;
}
.is-style-border-sitecolor,
.is-style-stitch-sitecolor,
.is-style-simple_bg-stripe,
.is-style-simple_bg-gray,
.is-style-simple_bg-sitecolor,
.is-style-simple_bg-sitecolor_rgba {
font-size: 93%;
padding: var(--oc-has-background-basic-padding);
border-radius: var(--stk-supplement-border_radius, 4px);
}
.is-style-border-sitecolor.has-text-color,
.is-style-stitch-sitecolor.has-text-color,
.is-style-simple_bg-stripe.has-text-color,
.is-style-simple_bg-gray.has-text-color,
.is-style-simple_bg-sitecolor.has-text-color,
.is-style-simple_bg-sitecolor_rgba.has-text-color {
border-color: initial;
}
.is-style-border-sitecolor {
border: var(--stk-supplement-border_width, 2px) solid var(--main-ttl-bg);
}
.is-style-stitch-sitecolor,
.is-style-simple_bg-sitecolor {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.is-style-stitch-sitecolor {
position: relative;
}
.is-style-stitch-sitecolor::before {
box-sizing: border-box;
content: "";
position: absolute;
top: 5px;
left: 5px;
border: var(--stk-supplement-border_width, 2px) dashed var(--main-ttl-color);
width: calc(100% - 10px);
height: calc(100% - 10px);
border-radius: var(--stk-supplement-border_radius, 4px);
opacity: 0.5;
pointer-events: none;
}
.is-style-simple_bg-stripe {
color: #111;
background-size: auto auto;
background-color: #eeeeee;
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #f6f6f6 4px, #f6f6f6 8px);
}
.is-style-simple_bg-sitecolor_rgba {
background-color: var(--main-ttl-bg-rgba);
}
.is-style-simple_bg-gray {
background-color: #eeeeee;
}
.is-style-balloon-border,
.is-style-balloon-sitecolor {
border: 1px solid;
border-radius: var(--stk-supplement-border_radius, 4px);
position: relative;
font-size: 93%;
padding: 0.5em 1.2em !important;
width: -moz-fit-content;
width: fit-content;
}
.is-style-balloon-border.-balloon-top::before,
.is-style-balloon-sitecolor.-balloon-top::before {
transform: rotate(-135deg);
top: -6px;
bottom: auto;
}
.is-style-balloon-border:not(.has-background) {
background-color: var(--inner-content-bg);
}
.is-style-balloon-border::before {
content: "";
background: inherit;
border-bottom: 1px solid;
border-right: 1px solid;
position: absolute;
left: 1.3em;
bottom: -6px;
width: 10px;
height: 10px;
transform: rotate(45deg);
visibility: visible;
}
.is-style-balloon-sitecolor {
border-width: 0;
color: var(--main-ttl-color);
background-color: var(--main-ttl-bg);
}
.is-style-balloon-sitecolor::before {
content: "";
background: inherit;
position: absolute;
left: 1.3em;
bottom: -6px;
width: 12px;
height: 12px;
transform: rotate(-45deg);
visibility: visible;
}
.is-style-balloon-sitecolor.-balloon-top::before {
top: -6px;
bottom: auto;
}
.is-style-sticky-note {
border: 1px solid rgba(125, 125, 125, 0.2);
border-left: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
font-size: 93%;
position: relative;
padding: 0.7em calc(1em + 4px) !important;
width: -moz-fit-content;
width: fit-content;
}
.is-style-sticky-note:not(.has-background) {
background: var(--inner-content-bg);
}
.is-style-sticky-note::before {
content: "";
position: absolute;
top: -1px;
left: 0;
border-left: 2px solid;
border-right: 2px solid;
height: calc(100% + 2px);
}
.is-style-sticky-note:not(.has-text-color)::before {
border-color: var(--main-ttl-bg);
}
.is-layout-constrained > .is-style-balloon-border:not(.has-text-align-center),
.is-layout-constrained > .is-style-balloon-sitecolor:not(.has-text-align-center),
.is-layout-constrained > .is-style-sticky-note:not(.has-text-align-center) {
margin-left: 0 !important;
}
.is-style-balloon-border.has-text-align-center,
.is-style-balloon-sitecolor.has-text-align-center,
.is-style-sticky-note.has-text-align-center {
margin-inline: auto;
}
.is-style-p_balloon_bottom,
.is-style-p_microcopy {
font-size: 90%;
margin: 0 auto 1em;
padding: 0.5em 2em !important;
position: relative;
display: block;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
.is-style-p_microcopy {
max-width: 85%;
max-width: clamp(200px, 85%, 618px);
margin: 0 auto 0.5em;
}
.is-style-p_balloon_bottom {
border-radius: 40px;
}
.is-style-p_balloon_bottom a {
color: inherit !important;
}
.is-style-p_balloon_bottom::before,
.is-style-p_microcopy::before,
.is-style-p_microcopy::after {
content: "";
display: inline-block;
position: absolute;
}
.is-style-p_microcopy::before,
.is-style-p_microcopy::after {
height: 100%;
width: 1px;
background: currentColor;
left: 0;
top: 0;
transform: rotate(-20deg);
}
.is-style-p_microcopy::after {
bottom: auto !important;
left: auto !important;
right: 0 !important;
transform: rotate(20deg);
}
.is-style-p_balloon_bottom::before {
top: auto !important;
right: auto !important;
bottom: -0.3em !important;
left: calc(50% - 0.3em) !important;
width: 0.6em;
height: 0.6em;
transform: rotate(-45deg);
background: inherit;
border-radius: 0 !important;
}
.is-style-p_balloon_bottom:not(.has-background) {
background: var(--main-ttl-bg);
}
.is-style-p_balloon_bottom:not(.has-text-color) {
color: var(--main-ttl-color);
}
p.has-background {
padding: var(--oc-has-background-basic-padding);
}
.cbox {
padding: 1em;
margin: 2em 0 2em;
border: var(--stk-box-border_width, 2px) solid;
background-color: var(--main-ttl-bg-rgba);
border-color: var(--main-ttl-bg);
border-radius: var(--stk-box-border_radius, 4px);
}
.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: 700;
border-radius: calc(var(--stk-box-border_radius, 4px) / 2);
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-editor_color3 {
background: var(--stk-editor-color3-rgba);
border-color: var(--stk-editor-color3);
}
.cbox.is-style-editor_color3 .span__box_title {
background: var(--stk-editor-color3);
}
.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-green_box {
background: var(--oc-box-green-inner);
border-color: var(--oc-box-green);
color: #42613a;
}
.cbox.is-style-green_box .span__box_title {
background: var(--oc-box-green);
}
.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.is-style-black_box {
background: var(--oc-box-black-inner);
border-color: var(--oc-box-black);
color: #ffffff;
}
.cbox.is-style-black_box .span__box_title {
background: var(--oc-box-black);
}
.cbox.type_ttl {
padding: 0;
position: static;
border-radius: 0;
background: none;
color: inherit;
}
.cbox.type_ttl .cboxcomment {
padding: 1em;
}
.cbox.type_ttl .span__box_title {
width: 100%;
position: static;
border-radius: 0;
vertical-align: top;
}
.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-editor_color3 .span__box_title {
color: var(--stk-editor-color3);
}
.cbox.type_simple.is-style-blue_box .span__box_title {
color: var(--oc-box-blue);
}
.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-green_box .span__box_title {
color: var(--oc-box-green);
}
.cbox.type_simple.is-style-pink_box .span__box_title {
color: var(--oc-box-pink);
}
.cbox.type_simple.is-style-glay_box .span__box_title {
color: var(--oc-box-gray);
}
.cbox.type_simple.is-style-black_box, .cbox.type_simple.is-style-black_box .span__box_title {
color: var(--oc-box-black);
}
.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-editor_color3 ul li::before {
color: var(--stk-editor-color3);
}
.cbox.list-icon-box_color.is-style-editor_color3 ol li::before {
background: var(--stk-editor-color3);
border-color: var(--stk-editor-color3);
color: #fff;
}
.cbox.list-icon-box_color.is-style-blue_box ul li::before {
color: var(--oc-box-blue);
}
.cbox.list-icon-box_color.is-style-blue_box ol li::before {
background: var(--oc-box-blue);
border-color: var(--oc-box-blue);
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-green_box ul li::before {
color: var(--oc-box-green);
}
.cbox.list-icon-box_color.is-style-green_box ol li::before {
background: var(--oc-box-green);
border-color: var(--oc-box-green);
color: #fff;
}
.cbox.list-icon-box_color.is-style-pink_box ul li::before {
color: var(--oc-box-pink);
}
.cbox.list-icon-box_color.is-style-pink_box ol li::before {
background: var(--oc-box-pink);
border-color: var(--oc-box-pink);
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;
}
.cbox.list-icon-box_color.is-style-black_box ul li::before {
color: var(--oc-box-gray);
}
.cbox.list-icon-box_color.is-style-black_box ol li::before {
background: var(--oc-box-gray);
border-color: var(--oc-box-gray);
color: #fff;
}
.accordion {
position: relative;
margin: 0.9em 0;
}
.accordion_check {
display: none;
}
.accordion_label {
position: relative;
z-index: 2;
color: inherit;
display: block;
margin: 0;
padding: 10px 30px 10px 10px;
font-weight: 700;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accordion label::after,
.oc-faq label::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f107";
position: absolute;
right: 0.8em;
top: calc(50% - 0.5em);
line-height: 1;
transition: 0.17s;
}
.accordion_check:checked + .accordion_label::after, .accordion_check:checked + .faq__label::after {
transform: rotate(-180deg);
}
.accordion_content {
position: relative;
z-index: 2;
border-top: none;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 1em;
margin: 0 3px;
transition: 0.17s;
visibility: hidden;
background-color: var(--inner-content-bg);
}
.accordion_check:checked + .accordion_label + .accordion_content {
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
transform: translateY(-3px);
visibility: visible;
}
.accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain) {
font-size: 95%;
box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
}
.accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::before, .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::after {
background: #666666;
opacity: 0.02;
}
.accordion.is-style-accordion_type_border {
border-top: 1px solid;
border-bottom: 1px solid;
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
}
.accordion.is-style-accordion_type_border + .accordion.is-style-accordion_type_border {
margin-top: -1px;
}
.accordion.is-style-accordion_type_border::before, .accordion.is-style-accordion_type_border::after {
content: none;
}
.accordion.is-style-accordion_type_border .accordion_content {
background: none;
}
.accordion.is-style-accordion_type_border .accordion_check:checked + .accordion_label + .accordion_content {
padding: 10px;
margin: 0;
}
.accordion.is-style-accordion_type_simple::before, .accordion.is-style-accordion_type_simple::after {
content: none;
}
.accordion.is-style-accordion_type_simple .accordion_label {
margin-bottom: 10px;
}
.accordion.is-style-accordion_type_simple .accordion_label {
display: inline-block;
padding: 0 1.9em 0 0;
}
.accordion.is-style-accordion_type_simple .accordion_content {
box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);
border-radius: 5px;
}
.accordion.is-style-accordion_type_plain {
display: flex;
flex-wrap: wrap;
margin: 0 0 var(--stk-margin, 1.6em);
}
.accordion.is-style-accordion_type_plain .accordion_content {
order: -1;
width: 100%;
background: none;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.accordion.is-style-accordion_type_plain .accordion_label {
margin: 0;
padding: 0 0 0 1.25em;
}
.accordion.is-style-accordion_type_plain .accordion_label::after {
content: "\f057";
font-weight: 400;
transform: rotate(45deg);
top: calc(50% - 0.45em);
left: 0;
right: auto;
}
.accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before {
content: "閉じる";
position: absolute;
left: 1.25em;
text-indent: 0;
}
.accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after {
text-indent: 0;
transform: rotate(90deg);
}
.accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label + .accordion_content {
padding: 0 0 1em;
margin: 0;
transform: none;
}
.oc-faq {
padding: 1em 0;
margin: 1em 0;
}
.oc-faq__title,
.oc-faq__comment {
position: relative;
padding-left: max(2.2em, 22px);
margin-bottom: 0;
}
.oc-faq__title::before,
.oc-faq__comment::before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: max(1.8em, 18px);
height: max(1.8em, 18px);
line-height: 1.8;
text-align: center;
font-weight: 700;
content: "";
border-radius: 4px;
}
.oc-faq__title {
font-weight: 700;
margin-top: 0;
}
.oc-faq__title::before {
content: "Q";
}
.oc-faq__comment::before {
content: "A";
}
.faq-icon--simple .oc-faq__title::before,
.faq-icon--simple .oc-faq__comment::before {
transform: scale(1.2);
}
.faq-icon--simple .oc-faq__title::before {
color: #f55e5e;
}
.faq-icon--simple .oc-faq__comment::before {
color: #1bb4d4;
}
.faq-icon--bg_themecolor .oc-faq__title::before,
.faq-icon--bg_themecolor .oc-faq__comment::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.faq-icon--bg_monoqlo .oc-faq__title::before,
.faq-icon--bg_monoqlo .oc-faq__comment::before {
border: 1px solid #333;
background: #333;
color: #fff;
}
.faq-icon--bg_monoqlo .oc-faq__comment::before {
background: #fff;
color: #333;
}
.faq-icon--border .oc-faq__title::before,
.faq-icon--border .oc-faq__comment::before {
border: 1px solid;
}
.faq-icon--radius_none .oc-faq__title::before,
.faq-icon--radius_none .oc-faq__comment::before {
border-radius: 0;
}
.faq-icon--radius_maru .oc-faq__title::before,
.faq-icon--radius_maru .oc-faq__comment::before {
border-radius: 50%;
}
.is-style-faq_type_border,
.is-style-faq_type_border__dot,
.is-style-faq_type_bg1,
.is-style-faq_type_bg2,
.is-style-faq_type_bg3 {
padding: 3% 3%;
}
.is-style-faq_type_border {
border: 2px solid rgba(102, 102, 102, 0.3);
}
.is-style-faq_type_border__dot {
border: 2px dashed rgba(102, 102, 102, 0.3);
}
.is-style-faq_type_bg1 {
position: relative;
}
.is-style-faq_type_bg1::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 100%;
height: 100%;
opacity: 0.2;
}
.is-style-faq_type_bg2 {
background: rgba(102, 102, 102, 0.1);
}
.is-style-faq_type_bg3 {
background: #fff;
}
.oc-faq label::after {
right: 0;
}
.oc-faq:not(.is-style-faq_type_border):not(.is-style-faq_type_border__dot):not(.is-style-faq_type_bg1):not(.is-style-faq_type_bg2):not(.is-style-faq_type_bg3) .faq__label {
display: inline-block;
}
.faq__label {
padding-right: 1em;
z-index: 2;
display: block;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.faq__label + .oc-faq__comment {
position: relative;
z-index: 2;
height: 0;
opacity: 0;
overflow: hidden;
transition: 0.17s;
visibility: hidden;
}
.accordion_check:checked + .faq__label + .oc-faq__comment {
height: auto;
opacity: 1;
margin-top: calc(0.5em + 3px);
transform: translateY(-3px);
visibility: visible;
}
.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-padding: 0.667em;
}
.btn-wrap p,
.wp-block-button p {
margin: 0;
padding: 0;
}
.btn-wrap {
margin: 0.5em auto 1em !important;
text-align: center;
}
.btn-wrap a {
padding: var(--stk-btn-padding, 0.667em) 2em;
font-size: 1em;
vertical-align: middle;
font-weight: 700;
border-radius: var(--stk-btn-border_radius, 3px);
max-width: calc(100% - 1em);
width: auto;
z-index: 2;
display: inline-block;
text-decoration: none;
border-width: var(--stk-btn-border_width, 2px);
border-style: solid;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
color: #ffffff;
text-decoration: none !important;
}
.btn-wrap.big a, .btn-wrap.wp-block-button.big a {
font-size: 103%;
width: 480px;
max-width: calc(100% - 1em);
}
.btn-wrap.stripe a {
border-style: none;
padding: calc(var(--stk-btn-padding) + 2px) 2em;
}
.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-buttons:has([class*=is-style-rich_]) {
margin-bottom: calc(0.5em + 4px);
}
.wp-block-button {
max-width: calc(100% - 1em);
min-width: min(220px, calc(100% - 1em));
margin: 0;
}
.wp-block-button__link {
font-size: 1em;
font-weight: 700;
vertical-align: middle;
text-decoration: none !important;
max-width: 100%;
border-radius: var(--stk-btn-border_radius, 3px);
}
.wp-block-button__link:not(.has-text-color) {
color: #ffffff;
}
.wp-block-button.is-style-outline .wp-block-button__link {
padding: var(--stk-btn-padding, 0.667em) 1em;
}
: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: 0.2em 0.9em;
}
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button.is-style-stripe .wp-block-button__link {
padding: calc(var(--stk-btn-padding, 0.667em) + var(--stk-btn-border_width, 2px)) calc(1em + var(--stk-btn-border_width, 2px));
}
.wp-block-button.is-style-fill.small .wp-block-button__link,
.wp-block-buttons.is-style-small .is-style-fill .wp-block-button__link,
.wp-block-buttons.is-style-small .is-style-stripe .wp-block-button__link {
padding: calc(0.2em + var(--stk-btn-border_width, 2px)) calc(0.9em + var(--stk-btn-border_width, 2px));
}
.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 a,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color),
.wp-block-button.is-style-stripe .wp-block-button__link:not(.has-background) {
background-color: var(--main-link-color);
border-color: var(--main-link-color);
}
.btn-wrap.simple a,
.wp-block-button.is-style-outline .wp-block-button__link {
border-width: var(--stk-btn-border_width, 2px);
}
.btn-wrap.simple a {
color: var(--main-link-color);
border-color: var(--main-link-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
color: var(--main-link-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
border-color: var(--main-link-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
background: transparent;
}
.wp-block-button.lightning .wp-block-button__link {
background: #C81C1C;
border-color: #C81C1C;
color: #ffffff;
}
.btn-wrap.simple a:link {
background: none;
color: var(--main-link-color);
}
.btn-wrap.bg {
background: #efefef;
background: rgba(0, 0, 0, 0.1);
padding: 1.5em 1em;
margin: 2.5em 0;
}
.btn-wrap.bg-yellow {
background: lightyellow;
background: rgba(255, 255, 0, 0.2);
padding: 1.5em 1em;
margin: 2.5em 0;
}
.btn-wrap.maru, .btn-wrap.maru a {
border-radius: 0.6em;
}
.btn-wrap[class*=rich_] a,
.wp-block-button[class*=is-style-rich_] .wp-block-button__link {
padding: calc(var(--stk-btn-padding, 0.667em) + var(--stk-btn-border_width, 2px)) calc(1em + var(--stk-btn-border_width, 2px));
font-weight: 700;
position: relative;
border-radius: var(--stk-btn-border_radius, 3px);
color: #ffffff !important;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_yellow a,
.wp-block-button.is-style-rich_yellow .wp-block-button__link {
background-color: var(--oc-btn-rich_yellow);
box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw);
}
.btn-wrap.rich_pink a,
.wp-block-button.is-style-rich_pink .wp-block-button__link {
background-color: var(--oc-btn-rich_pink);
box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw);
}
.btn-wrap.rich_orange a,
.wp-block-button.is-style-rich_orange .wp-block-button__link {
background-color: var(--oc-btn-rich_orange);
box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw);
}
.btn-wrap.rich_green a,
.wp-block-button.is-style-rich_green .wp-block-button__link {
background-color: var(--oc-btn-rich_green);
box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw);
}
.btn-wrap.rich_blue a,
.wp-block-button.is-style-rich_blue .wp-block-button__link {
background-color: var(--oc-btn-rich_blue);
box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw);
}
@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);
}
}
.btn-wrap.stripe a,
.wp-block-button.is-style-stripe .wp-block-button__link {
background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255, 255, 255, 0.15) 8px, rgba(255, 255, 255, 0.15) 16px);
}
.stk-shiny-button a,
.stk-shiny-button > figure,
.stk-shiny-button > div {
overflow: hidden;
position: relative;
}
.stk-shiny-button a::before,
.stk-shiny-button > figure::before,
.stk-shiny-button > div::before {
content: "";
position: absolute;
top: -100px;
left: -100px;
width: 50px;
height: 50px;
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%);
animation-name: shiny;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes shiny {
0% {
transform: scale(0) rotate(25deg);
opacity: 0;
}
50% {
transform: scale(1) rotate(25deg);
opacity: 0.5;
}
100% {
transform: scale(50) rotate(25deg);
opacity: 0;
}
}
.stk-bound-button a,
.stk-bound-button > figure,
.stk-bound-button > div {
animation-name: bound;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes bound {
0% {
transform: translateY(0);
}
5% {
transform: translateY(-10px);
}
12% {
transform: translateY(0);
}
18% {
transform: translateY(-10px);
}
24% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
}
@media only screen and (min-width: 768px) {
.column-wrap {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.column-wrap .column_2,
.column-wrap .column_3 {
width: calc(50% - 0.5em);
margin: 0 0.5em 0.5em;
}
.column-wrap .column_3 {
width: calc(33.3333% - 0.85em);
}
.column-wrap .column_4 {
width: calc(25% - 0.5em);
}
.column-wrap .column_5 {
width: calc(20% - 0.5em);
}
.column-wrap .child_column:first-child {
margin-left: 0;
}
.column-wrap .child_column:last-child {
margin-right: 0;
}
.column-wrap p {
margin-bottom: 0.5em;
}
.column-wrap .child_column img {
margin-bottom: 1.5%;
}
.column-wrap .child_column h2,
.column-wrap .child_column h3 {
margin-top: 1em;
}
}
.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.width_stretch .icon {
flex: none;
}
.voice.width_stretch .voicecomment {
flex: inherit;
}
.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.fb .voicecomment, .voice.comment_blue .voicecomment {
background: #418ed8;
border-color: #418ed8;
color: #fff;
}
.voice.line .voicecomment, .voice.comment_green .voicecomment {
background: #7ACC40;
border-color: #7ACC40;
color: #fff;
}
.voice.comment_gray .voicecomment {
background: #eee;
border-color: #eee;
color: #222;
}
.voice.comment_pink .voicecomment {
background: #ffecec;
border-color: #ffecec;
}
.voice.comment_yellow .voicecomment {
background: #fbf79f;
border-color: #fbf79f;
}
.voice.comment_white .voicecomment {
background: #fff;
border-color: #fff;
color: #222;
}
.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_red .voice_icon__img {
border-color: #ec6565;
}
.voice.icon_blue .voice_icon__img {
border-color: #418ed8;
}
.voice.icon_yellow .voice_icon__img {
border-color: #fbf79f;
}
.voice.icon_black .voice_icon__img {
border-color: #222;
}
.voice.icon_color_none .voice_icon__img {
border-color: transparent;
}
.cat_postlist {
width: 100%;
margin-bottom: 1em;
}
.cat_postlist .catttl {
font-size: 105%;
font-weight: 700;
padding: 5px 0;
margin: 0 0 5px;
border-bottom: 2px solid var(--main-ttl-bg);
}
.cat_postlist .catttl.ttlimg {
border: none;
padding: 0;
}
.cat_postlist .catttl.ttlimg img {
margin: 0;
}
.cat_postlist.postviews_order ul.cat_postlist__ul {
counter-reset: number;
}
.cat_postlist.postviews_order ul.cat_postlist__ul li .eyecatch::before {
counter-increment: number;
content: counter(number);
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
margin-right: 3px;
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
font-size: 11px;
font-weight: 900;
display: block;
text-align: center;
position: absolute;
left: 0;
top: 0;
border-radius: 0 0 3px;
z-index: 1;
}
.cat_postlist__ul {
margin-top: 0;
margin-bottom: 0;
}
li.cat_postlist__li {
margin: 0;
padding-left: 0;
}
.cat_postlist__li::before {
content: none !important;
}
.cat_postlist__li .eyecatch img {
margin: 0;
}
.cat_postlist__li .cat-name {
font-size: 70%;
font-weight: 400;
}
.cat_postlist__li .ttl {
font-size: 90%;
font-weight: 700;
margin: 0;
padding: 0;
line-height: var(--stk-heading-line_height, 1.5);
}
.cat_postlist__li .time__date {
font-size: 80%;
}
.cat_postlist__li .time__date:has(+ .undo) {
display: none;
}
.cat_postlist__link {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
overflow: hidden;
}
.cat_postlist__link:hover {
color: inherit;
}
@media only screen and (min-width: 768px) {
.cat_postlist__link:hover {
opacity: 0.8;
}
.cat_postlist__link:hover img {
opacity: 1;
}
}
.cat_postlist.typecard {
--stk-postlist_column_pc: 25%;
--stk-postlist_column_tb: 25%;
--stk-postlist_column_sp: 50%;
}
.cat_postlist.typecard .cat_postlist__ul {
--postlist_card__gap: 0.5em;
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--postlist_card__gap) * -1);
margin-right: calc(var(--postlist_card__gap) * -1);
}
.cat_postlist.typecard .cat_postlist__li {
width: calc(var(--stk-postlist_column_pc) - var(--postlist_card__gap) * 2);
font-size: 90%;
margin: var(--postlist_card__gap);
}
@media only screen and (min-width: 481px) and (max-width: 980px) {
.cat_postlist.typecard .cat_postlist__li {
width: calc(var(--stk-postlist_column_tb) - var(--postlist_card__gap) * 2);
}
}
@media only screen and (max-width: 480px) {
.cat_postlist.typecard .cat_postlist__li {
width: calc(var(--stk-postlist_column_sp) - var(--postlist_card__gap) * 2);
}
}
.cat_postlist.typecard .eyecatch {
margin: 0 0 0.5em;
}
@media only screen and (max-width: 480px) {
.stk-horizontal-scroll.stk_grids, .stk-horizontal-scroll.cat_postlist__ul, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile, .stk-horizontal-scroll.wp-block-gallery.has-nested-images {
margin-left: var(--stk-el-margin-rl, -4vw) !important;
margin-right: var(--stk-el-margin-rl, -4vw) !important;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
}
.stk-horizontal-scroll.stk_grids::-webkit-scrollbar, .stk-horizontal-scroll.cat_postlist__ul::-webkit-scrollbar, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile::-webkit-scrollbar, .stk-horizontal-scroll.wp-block-gallery.has-nested-images::-webkit-scrollbar {
display: none;
}
.stk-horizontal-scroll.cat_postlist__ul, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile, .stk-horizontal-scroll.wp-block-gallery.has-nested-images {
flex-wrap: nowrap !important;
}
.stk-horizontal-scroll.stk_grids {
grid-auto-flow: column;
grid-auto-columns: 70%;
grid-template-columns: none;
}
.stk-horizontal-scroll.stk_grids .stk_grid__child {
white-space: normal;
scroll-snap-align: center;
}
.stk-horizontal-scroll.cat_postlist__ul {
padding-left: calc(var(--stk-el-margin-rl) * -1);
padding-right: calc(var(--stk-el-margin-rl) * -1);
gap: calc(var(--stk-el-margin-rl) * -1);
}
.stk-horizontal-scroll.cat_postlist__ul .cat_postlist__li {
margin: 0;
}
.stk-horizontal-scroll.stk_grids:not(.alignfull):not(.alignwide), .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile:not(.alignfull):not(.alignwide), .stk-horizontal-scroll.wp-block-gallery.has-nested-images:not(.alignfull):not(.alignwide) {
padding-left: calc(var(--stk-el-margin-rl) * -1);
padding-right: calc(var(--stk-el-margin-rl) * -1);
}
.stk-horizontal-scroll.cat_postlist__ul .cat_postlist__li, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile .wp-block-column, .stk-horizontal-scroll.wp-block-gallery.has-nested-images .wp-block-image {
display: inline-block;
white-space: normal;
flex: 0 0 70%;
scroll-snap-align: center;
}
}
.cat_postlist.typesimple .cat_postlist__link {
padding: 0.7em 0;
display: flex;
align-items: flex-start;
}
.cat_postlist.typesimple .eyecatch {
width: 30%;
max-width: 110px;
margin-right: 0.7em;
overflow: hidden;
text-align: center;
}
.cat_postlist.typesimple .cat-name {
font-size: 10px;
padding: 0 0.2em;
}
.cat_postlist.typesimple .archives_post__meta {
flex: 1;
}
.cat_postlist.typetext .cat_postlist__link {
padding: 0.5em 0.3em;
border-bottom: 1px dotted rgba(102, 102, 102, 0.3);
}
.cat_postlist.typetext .cat-name {
font-size: 10px;
display: inline-block;
margin-right: 0.5em;
}
.cat_postlist.typetext.text__datefirst .archives_post__meta {
display: flex;
}
.cat_postlist.typetext.text__datefirst .time__date {
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
flex-shrink: 0;
}
.cat_postlist .wp-block-button {
margin: 1em auto 2em;
}
.cat_postlist .wp-block-button.is-style-outline > .wp-block-button__link {
padding: calc(var(--stk-btn-padding, 0.667em) / 2) 1em;
padding-right: 1.5em;
width: auto;
min-width: 220px;
position: relative;
}
.cat_postlist .wp-block-button.--style-arrow a::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f105";
position: absolute;
right: 5px;
transform: scale(0.9);
}
.entry-content .stk-toc {
margin: 2em 0;
}
.stk-toc {
width: 100%;
padding: 1em;
border: var(--stk-box-border_width, 2px) solid hsla(0, 0%, 40%, 0.3);
border-radius: var(--stk-box-border_radius, 4px);
}
.stk-toc .stk-toc__title {
max-width: 640px;
font-weight: bold;
margin: 0 auto;
display: block;
position: relative;
}
.stk-toc .stk-toc__title::before {
display: inline-block;
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 900;
content: "\f03a";
margin-right: 0.3em;
color: var(--main-ttl-bg);
}
.stk-toc.--ttl-bg .toc_number {
color: var(--main-ttl-bg);
}
.stk-toc .stk-toc__list {
max-width: 640px;
margin: 0 auto;
}
.stk-toc .stk-toc__list ul {
margin-bottom: 0.5em;
}
.stk-toc .stk-toc__list > li {
padding-left: 0;
}
.stk-toc .stk-toc__list > li > ul {
font-size: 0.9em;
margin-top: 0.9em;
margin-bottom: 1em;
}
.stk-toc ul li {
margin: 1em 0;
font-weight: bold;
line-height: var(--stk-heading-line_height, 1.5);
}
.stk-toc ul li.other-page {
opacity: 0.7;
}
.stk-toc ul li::before {
content: none;
}
.stk-toc ul li li {
font-weight: normal;
margin: 0.5em 0;
}
.stk-toc ul li li::before {
content: none;
}
.stk-toc a {
color: inherit;
text-decoration: none;
display: inline-flex;
}
.stk-toc a:hover {
opacity: 0.7;
}
.stk-toc .toc_number {
margin-right: 0.3em;
}
.stk-toc .toc_number::after {
content: ".";
margin-left: 0.3em;
}
.stk-toc input {
display: none;
}
.stk-toc .stk-toc__label {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.stk-toc .stk-toc__label::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f107";
position: absolute;
right: auto;
top: calc(50% - 0.5em);
margin-left: 0.4em;
line-height: 1;
transition: 0.17s;
}
.stk-toc .stk-toc__check + .stk-toc__label + .stk-toc__list {
height: 0;
opacity: 0;
overflow: hidden;
transition: 0.17s;
visibility: hidden;
}
.stk-toc .stk-toc__check:checked + .stk-toc__label + .stk-toc__list {
height: auto;
opacity: 1;
margin-top: 3px;
transform: translateY(-3px);
visibility: visible;
}
.stk-toc .stk-toc__check:checked + .stk-toc__label::after {
transform: rotate(-180deg);
}
.stk-toc.--style-themecolor {
border: none;
background-color: var(--main-ttl-bg-rgba);
}
.stk-toc.--style-themecolor .toc_number {
flex: none;
}
.stk-toc.--style-box {
padding-top: 0;
padding-bottom: 0;
border-color: var(--main-ttl-bg);
border-radius: 0;
}
.stk-toc.--style-box .stk-toc__title {
max-width: 100%;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
text-align: center;
padding: 0.2em 1em;
margin-left: -1em;
margin-right: -1em;
max-width: calc(100% + 2em);
}
.stk-toc.--style-box .stk-toc__title::before {
color: inherit;
}
.stk-toc.--style-stripe {
border: none;
background-size: auto auto;
background-color: #fcfcfc;
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #f6f6f6 4px, #f6f6f6 8px);
}
@media only screen and (max-width: 480px) {
.btn-wrap a,
.wp-block-button a {
font-size: 90%;
}
.btn-wrap.big a,
.wp-block-button.is-style-big a {
font-size: 90%;
min-width: 80%;
max-width: 90%;
}
.btn-wrap.bg {
padding: 0.9em 0.8em;
margin: 2.5em 0;
}
.voice .voicecomment {
font-size: 95%;
}
.cat_postlist.typetext,
.related_article {
font-size: 90%;
}
.stk-toc {
font-size: 90%;
}
}
.archive-title {
font-size: 115%;
margin: 0 0 1.5em;
padding: 0 0.1em 0.5em;
border-bottom: 3px solid var(--main-ttl-bg);
}
.archive-title span, .archive-title::before {
font-size: 10px;
line-height: var(--stk-heading-line_height, 1.5);
display: block;
opacity: 0.5;
margin-bottom: 0.5em;
}
.archive-title.ttl-category::before {
content: "CATEGORY";
}
.archive-title.ttl-tags::before {
content: "TAGS";
}
.archive-title.ttl-author {
display: flex;
align-items: center;
}
.archive-title.ttl-author .avatar {
width: 50px;
border-radius: 50%;
margin-right: 5px;
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
}
.archives-list .cat-name {
opacity: 0.88;
}
.archives-list .cat-name:empty {
display: none;
}
.archives-list:not(.card-column2-sp) .cat-name {
font-size: 72%;
}
.archives-list:not(.big-list) .post-list__link {
display: block;
text-decoration: none;
color: inherit;
}
.archives-list .entry-title {
margin: 0;
font-size: 115%;
font-weight: 700;
line-height: var(--stk-heading-line_height, 1.5);
background: none !important;
color: inherit !important;
padding: 0;
box-shadow: none;
overflow-wrap: anywhere;
}
@media only screen and (min-width: 768px) {
.archives-list .byline {
font-size: 75%;
}
}
.archives-list .description {
opacity: 0.75;
font-size: 70%;
}
.archives-list .archives-list-entry-content :where(.one-line, .two-lines, .three-lines) {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.archives-list .archives-list-entry-content .one-line {
-webkit-line-clamp: 1;
line-clamp: 1;
}
.archives-list .archives-list-entry-content .two-lines {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.archives-list .archives-list-entry-content .three-lines {
-webkit-line-clamp: 3;
line-clamp: 3;
}
@media only screen and (max-width: 480px) {
.archives-list.big-list {
font-size: 90%;
}
}
.archives-list.big-list .post-list {
margin-bottom: 3em;
}
.archives-list.big-list .article-header {
display: flex;
flex-flow: column nowrap;
gap: 1em;
margin-bottom: 1em;
}
.archives-list.big-list .archives-list-entry-content {
gap: 0;
}
.archives-list.big-list .entry-title a {
color: inherit;
text-decoration: none;
}
.archives-list.big-list .wp-block-button {
max-width: 100%;
}
.archives-list.simple-list .post-list {
margin: 3px auto;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list__link {
display: flex;
align-items: flex-start;
width: 100%;
padding: 3%;
background-color: var(--inner-content-bg);
}
.archives-list.simple-list .eyecatch {
flex-shrink: 0;
width: 40%;
max-width: 280px;
margin-bottom: 0 !important;
}
.archives-list.simple-list section {
padding-left: 3%;
}
@media only screen and (max-width: 767px) {
.archives-list.simple-list .entry-title {
font-size: 100%;
}
.archives-list.simple-list .description {
display: none;
}
}
@media only screen and (max-width: 480px) {
.archives-list.simple-list .post-list {
margin-left: -4%;
margin-right: -4%;
font-size: 90%;
}
}
.archives-list.card-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
word-break: break-all;
margin: 0.5em auto;
}
@media only screen and (min-width: 481px) {
.archives-list.card-list {
margin: 0 auto;
}
}
.archives-list.card-list .post-list__link {
height: 100%;
padding: 1em;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.archives-list.card-list .eyecatch {
margin: -1em -1em 1em;
overflow: hidden;
}
.archives-list.card-list .post-list {
margin-bottom: 1.4em;
width: 100%;
}
@media only screen and (min-width: 481px) {
.archives-list.card-list .post-list {
width: calc(50% - 0.7em);
}
}
@media only screen and (max-width: 480px) {
.archives-list.card-list.card-column2-sp {
margin: 0 -5px;
}
.archives-list.card-list.card-column2-sp .post-list {
width: calc(50% - 0.5em);
font-size: 70%;
}
.archives-list.card-list.card-column2-sp .description {
display: none;
}
}
.archives-list.card-list.card-overlay .post-list__link {
padding-bottom: 0;
}
.archives-list.card-list.card-overlay .eyecatch {
margin-bottom: 0;
}
.archives-list.card-list.card-overlay .archives-list-entry-content {
position: absolute;
bottom: 0;
color: #fff;
background: rgba(0, 0, 0, 0.5);
margin-left: -1em;
margin-right: -1em;
width: 100%;
padding: 0.75em;
transition: all 0.3s ease-in-out;
}
.archives-list.card-list.card-overlay .archives-list-entry-content::after {
content: "";
background: var(--main-ttl-bg-rgba);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.archives-list.card-list.card-overlay .entry-title {
font-size: 95%;
margin-bottom: 0;
position: relative;
z-index: 1;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.archives-list.card-list.card-overlay .description {
display: none;
}
@media only screen and (min-width: 768px) {
.archives-list.card-list.card-overlay .post-list a:hover .archives-list-entry-content {
background: rgba(0, 0, 0, 0.75);
}
}
.archives-list.text-list .post-list__link {
padding: 1em 0.5em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.text-list .entry-title {
font-size: 105%;
}
@media only screen and (min-width: 768px) {
.archives-list.text-list .post-list a:hover {
background: var(--main-ttl-bg-rgba, rgba(0, 0, 0, 0.1));
}
}
@media only screen and (max-width: 480px) {
.archives-list.text-list .post-list {
font-size: 90%;
}
.archives-list.text-list .cat-name {
font-size: 60%;
}
}
@media only screen and (min-width: 768px) {
.archives-list:not(.big-list):not(.text-list) .post-list__link:hover {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
}
.archives-list-entry-content {
display: flex;
flex-flow: column nowrap;
gap: 0.4em;
}
.newmark::before {
content: "NEW";
font-weight: 400;
font-size: 70%;
padding: 0.35em;
margin-right: 4px;
border-radius: 3px;
background-color: var(--new-mark-bg);
color: #fff;
}
.pagination,
.page-links {
font-size: 90%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
}
.pagination {
margin: 3em auto 4em;
padding: 0;
}
.pagination:empty,
.search-no-results .pagination {
display: none;
}
.pagination .page-numbers,
.page-links .post-page-numbers {
min-width: 2.8em;
padding: 12px 6px;
text-decoration: none;
line-height: 90%;
color: var(--main-link-color);
border: 2px solid var(--main-link-color);
border-radius: 3px;
font-weight: 700;
}
.page-links.type_number {
margin: 3em 0 1.5em;
}
.page-links:not(.type_number) .post-page-numbers {
width: 46%;
max-width: 15em;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.page-links .post-page-numbers:hover,
.page-links .post-page-numbers:focus {
color: #fff;
background-color: var(--main-link-color);
}
.pagination .page-numbers.current,
.page-links .post-page-numbers.current {
cursor: default;
color: #fff;
background-color: var(--main-link-color);
}
.pagination .page-numbers.dots {
cursor: default;
}
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar):not(.widget_stk_profilewidget) a {
text-decoration: none;
color: inherit;
}
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar):not(.widget_stk_profilewidget) a:hover {
color: inherit;
opacity: 0.7;
}
.widgettitle {
font-size: 100%;
padding: 0.65em 0.8em;
margin-top: 0;
margin-bottom: 0;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
border-radius: var(--stk-wttl-border_radius, 0);
}
.widget_text .widgettitle,
.widget_search .widgettitle,
.widget_media_video .widgettitle,
.widget_media_image .widgettitle,
.widget_media_gallery .widgettitle {
margin-bottom: 1em;
}
.homeaddtop .widget:last-child,
.titleunder .widget:last-child {
margin-bottom: var(--stk-margin, 1.6em);
}
.widget {
margin: 0 0 2.5em;
}
.widget ul {
margin: 0;
}
.widget_rss li a {
font-weight: 700;
}
.widget_rss li .rssSummary,
.widget_rss li .rss-date,
.widget_rss li cite {
font-size: 88%;
opacity: 0.6;
}
.widget_categories ul,
.widget_recent_entries__ul,
.widget_newentryimagewidget .cat_postlist__ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_mycategoryorder ul {
margin-top: 0;
}
.widget_categories .cat-item,
.widget_recent_entries__li,
.widget_newentryimagewidget .cat_postlist__li,
.widget_nav_menu .menu-item,
.widget_pages .page_item,
.widget_archive li,
.widget_mycategoryorder li,
.ul__g_nav ul li {
border-bottom: 1px dotted var(--oc-base-border-color);
margin: 0;
padding: 0;
}
.widget .children li:first-child,
.widget .sub-menu li:first-child {
border-top: 1px dotted var(--oc-base-border-color);
}
.widget_categories .cat-item a,
.widget_recent_entries__link,
.widget_newentryimagewidget a,
.widget_nav_menu .menu-item a,
.widget_pages .page_item a,
.widget_archive li a,
.widget_mycategoryorder li a,
.ul__g_nav ul li a {
display: block;
padding: 1em 1.3em 1em 0.3em;
margin: 0;
position: relative;
}
.widget li a .countpost {
opacity: 0.9;
border-radius: 1em;
background: rgba(50, 50, 50, 0.1);
font-size: 89%;
padding: 0 0.5em;
margin-left: 0.3em;
}
.widget_categories .cat-item:last-child,
.widget_recent_entries__li:last-child,
.widget_newentryimagewidget .cat_postlist__li:last-child,
.widget_nav_menu .menu-item:last-child,
.widget_pages .page_item:last-child,
.widget_archive li:last-child,
.widget_mycategoryorder li:last-child,
.ul__g_nav ul li:last-child {
border-bottom: none;
}
.widget_categories .cat-item a::after,
.widget_recent_entries__li a::after,
.widget_newentryimagewidget .cat_postlist__li a::after,
.widget_nav_menu .menu-item a::after,
.widget_pages .page_item a::after,
.widget_archive li a::after,
.widget_mycategoryorder li a::after,
.ul__g_nav ul li a::after {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f105";
position: absolute;
right: 6px;
line-height: 1;
font-size: 1em;
top: 50%;
margin-top: -0.5em;
transition: 0.15s ease-in-out;
color: var(--main-link-color);
}
.cat_postlist.mode_widget .ttl {
font-size: 100%;
font-weight: 400;
}
.cat_postlist.mode_widget .archives_post__meta {
padding-right: 1.2em;
}
.cat_postlist.mode_widget .cat_postlist__link {
padding-top: 1em;
padding-bottom: 1em;
}
.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%;
}
.widget_categories label,
.widget_archive label {
display: none;
}
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_categories .children {
padding: 0;
margin: 0;
background: rgba(125, 125, 125, 0.02);
}
.widget_nav_menu .sub-menu a::before,
.widget_pages .children a::before,
.widget_categories .children a::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f0da";
display: inline-block;
margin-right: 5px;
opacity: 0.15;
}
.widget_nav_menu .sub-menu a::after,
.widget_pages .children a::after,
.widget_categories .children a::after {
content: none;
}
.widget_nav_menu .sub-menu .sub-menu a,
.widget_pages .children .children a,
.widget_categories .children .children a {
padding-left: 1.6em;
}
.widget_nav_menu .sub-menu li a,
.widget_pages .children .page_item a {
padding-left: 0.5em;
}
.widget_recent_comments ul {
margin-top: 0;
}
.widget_recent_comments .recentcomments {
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin: 0;
padding: 0.5em 0;
}
.widget_recent_comments .recentcomments:first-child {
border-top: none;
}
.widget_recent_comments .recentcomments:last-child {
border-bottom: none;
}
.wp-block-search .wp-block-search__label {
display: block;
}
.wp-block-search .wp-block-search__input {
display: initial;
}
.svgicon_searchform {
width: 1em;
height: 1em;
}
.searchform {
position: relative;
height: 50px;
margin: 0 auto 1.5em;
max-width: 500px;
text-align: center;
}
.searchform .searchform_input {
position: absolute;
width: 100%;
height: 100%;
padding: 12px 40px 12px 2%;
margin: 0;
font-size: 16px;
}
.searchform .searchsubmit {
position: absolute;
right: 3px;
border: 0;
background: none;
color: initial;
display: inline-flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 1em 0.6em;
font-size: 140%;
}
.widget_calendar .wp-calendar-table {
width: 100%;
}
.widget_calendar .wp-calendar-table,
.widget_calendar .wp-calendar-table th,
.widget_calendar .wp-calendar-table td,
.widget_calendar .wp-calendar-nav {
text-align: center;
}
.tagcloud, .wp-block-tag-cloud {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.6em;
}
.tagcloud {
padding-top: 0.6em;
}
.tag-cloud-link, .wp-block-tag-cloud a {
padding: 0.5em 0.6em;
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: 700;
content: "\f02b";
margin-right: 3px;
}
@media only screen and (min-width: 768px) {
.tag-cloud-link:hover {
opacity: 0.7;
box-shadow: 0 0 5px;
}
.tag-cloud-link:active {
box-shadow: 0 0 2px;
}
}
.widget_nav_menu .menu-item a .gf {
display: none;
}
.widget li .time__date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: 0.5;
display: inline-block;
}
.widget li .post__views {
font-size: 0.9em;
}
.widget_categories .cat-item,
.widget_nav_menu .menu-item,
.widget_pages .page_item {
position: relative;
}
.widget li.accordionMenu > a {
padding-right: 2em;
}
.widget li.accordionMenu > a::after {
content: none;
}
.accordionBtn {
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
border-radius: 50%;
display: inline-block;
text-align: center;
position: absolute;
top: 0.75em;
right: 1px;
color: #ffffff;
background-color: var(--main-link-color);
cursor: pointer;
transition: 0.2s ease;
}
.accordionBtn.active {
background-color: var(--main-link-color-hover);
}
.accordionBtn::before {
font-weight: 700;
content: "＋";
display: inline-block;
}
.accordionBtn.active {
transform: rotate(45deg);
}
@media only screen and (min-width: 768px) {
.accordionBtn {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
top: 1em;
}
}
.gsc-search-button svg {
max-width: inherit;
}
#before-footer {
margin-bottom: 0;
padding: min(4%, 1em);
border-top: 1px solid #eee;
background: rgba(250, 250, 250, 0.9);
width: 100%;
}
#before-footer.footer-fixed {
position: sticky;
bottom: 0;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
max-height: 50vh;
overflow: hidden;
transform: translateY(100%);
}
#before-footer.footer-fixed.pt-active {
transform: translateY(0);
transition: transform 0.2s ease-out;
}
#before-footer.footer-fixed:not(.pt-active) {
bottom: 0 !important;
}
@media not screen and (min-width: 768px) {
#before-footer.footer-fixed {
z-index: 1;
}
}
#before-footer .inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1em;
}
#before-footer .inner .widget {
width: 100%;
margin: 0;
}
#before-footer .inner .widget.widget_media_image {
text-align: center;
}
#before-footer .inner .widget img.banner-big {
width: 728px;
}
#before-footer .inner .widget img.banner-mobile {
width: 300px;
}
#before-footer + #breadcrumb {
border-top: 1px solid #f5f5f5;
}
.btn-bf-close {
position: fixed;
left: 0;
bottom: 0;
z-index: 2;
display: none;
background: hsla(0, 0%, 40%, 0.5);
width: min(8vw, 32px);
height: min(8vw, 32px);
line-height: min(8vw, 32px);
border-radius: 0 3px 0 0;
text-align: center;
padding: 0;
color: #fff;
cursor: pointer;
}
.btn-bf-close::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f00d";
font-weight: 700;
}
.btn-bf-close.pt-active.--is-active {
display: block;
}
.bf-position-static,
.bf-position-static:checked + .btn-bf-close {
display: none;
}
.bf-position-static:checked + .btn-bf-close + #before-footer.footer-fixed {
position: static;
}
.stk_adminEdit {
opacity: 0.7;
}
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: var(--side-text-color);
background: var(--inner-content-bg);
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-opening.--modeleft {
animation-name: remodal-opening-left;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing;
}
.remodal.remodal-is-closing.--modeleft {
animation-name: remodal-opening-left;
animation-direction: reverse;
}
#navbtn_menu_content,
#navbtn_search_content,
#navbtn_sns_content {
width: calc(100% - 40px);
margin: 10px 20px;
}
#navbtn_menu_content {
padding: clamp(0.5em, 2%, 1em);
}
#navbtn_menu_content.--modeleft {
margin: 0 !important;
position: absolute;
top: 0;
left: 0;
min-height: 100%;
}
#navbtn_search_content,
#navbtn_sns_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 .svgicon_close {
width: 1.2em;
}
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
}
@keyframes remodal-opening {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes remodal-closing {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
}
}
.oc-modal {
margin: 0 0 var(--stk-margin);
}
.oc-modal__label {
font-weight: 700;
cursor: pointer;
}
.oc-modal__label::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f0fe";
margin-right: 0.3em;
display: inline-block;
transition: transform 0.3s;
}
@media only screen and (min-width: 768px) {
.oc-modal__label:hover {
opacity: 0.8;
transform: translateX(2px);
}
.oc-modal__label:hover::before {
transform: scale(1.25);
}
}
.modal-label--btn_outline .oc-modal__label::before,
.modal-label--border .oc-modal__label::before {
font-weight: 400;
}
.modal-label--simple .oc-modal__label,
.modal-label--border .oc-modal__label {
color: var(--main-text-color);
display: inline-block;
}
.modal-label--border {
text-align: center;
}
.modal-label--border .oc-modal__label {
font-size: 90%;
padding: 0.2223333333em 0.9em;
border: 1px solid;
border-radius: 3px;
}
@media only screen and (min-width: 768px) {
.modal-label--border .oc-modal__label:hover {
transform: translateY(-2px);
}
}
.modal-label--btn_fill,
.modal-label--btn_outline {
display: flex;
justify-content: center;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.modal-label--btn_fill .oc-modal__label,
.modal-label--btn_outline .oc-modal__label {
padding: 0.667em 1em;
min-width: 220px !important;
text-align: center;
border-radius: 3px;
}
@media only screen and (min-width: 768px) {
.modal-label--btn_fill .oc-modal__label:hover,
.modal-label--btn_outline .oc-modal__label:hover {
transform: translate3d(0, -3px, 0);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
}
.modal-label--btn_fill .oc-modal__label {
padding: calc(0.667em + 2px) calc(1em + 2px);
color: #fff;
background-color: var(--main-link-color);
}
.modal-label--btn_outline .oc-modal__label {
color: var(--main-link-color);
border-style: solid;
border-width: 2px;
border-color: var(--main-link-color);
}
.remodal.oc-modal__content {
color: var(--main-text-color);
padding: 4% 4% 0;
max-width: calc(100% - 40px);
margin: 20px 0;
}
@media only screen and (min-width: 981px) {
.remodal.oc-modal__content {
padding: 32px 32px 0;
}
}
.remodal.oc-modal__content .alignfull, .remodal.oc-modal__content .alignwide {
margin-left: auto;
margin-right: auto;
}
.remodal.modal-box--radius {
border-radius: 16px;
}
.remodal.modal-box--frame {
padding: 8px 8px 0;
border-radius: 4px;
}
.remodal.modal-box--paddingnone {
padding: 0;
}
.remodal.modal-box--paddingnone .remodal-close {
justify-content: center;
position: absolute;
left: 0;
right: 0;
color: #fff;
}
@media only screen and (min-width: 981px) {
.remodal.modal-size--small:not(.modal-box--paddingnone):not(.modal-box--frame) {
max-width: 664px;
}
.remodal.modal-size--small.modal-box--frame {
max-width: 616px;
}
.remodal.modal-size--small.modal-box--paddingnone {
max-width: 600px;
}
.remodal.modal-size--medium:not(.modal-box--paddingnone):not(.modal-box--frame) {
max-width: calc(var(--stk-main-width) + 64px);
}
.remodal.modal-size--medium.modal-box--frame {
max-width: calc(var(--stk-main-width) + 16px);
}
.remodal.modal-size--medium.modal-box--paddingnone {
max-width: var(--stk-main-width);
}
}
@media only screen and (min-width: 1167px) {
.remodal.modal-size--large:not(.modal-box--paddingnone):not(.modal-box--frame) {
max-width: calc(var(--stk-wrap-width) + 64px);
}
.remodal.modal-size--large.modal-box--frame {
max-width: calc(var(--stk-wrap-width) + 16px);
}
.remodal.modal-size--large.modal-box--paddingnone {
max-width: var(--stk-wrap-width);
}
}
@media only screen and (min-width: 981px) {
body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium:not(.modal-box--paddingnone):not(.modal-box--frame) {
max-width: calc(var(--stk-wide-width) + 64px);
}
body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium.modal-box--frame {
max-width: calc(var(--stk-wide-width) + 16px);
}
body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium.modal-box--paddingnone {
max-width: var(--stk-wide-width);
}
}
#footer {
background-color: var(--footer-bg);
color: var(--footer-text-color);
}
#inner-footer {
font-size: 88%;
padding: 4%;
}
#inner-footer a {
color: var(--footer-link-color);
}
@media only screen and (min-width: 768px) {
#inner-footer {
padding: 35px;
}
}
#inner-footer .stk_sns__svgicon {
fill: var(--footer-link-color);
}
#footer-top .widgettitle {
font-size: 110%;
padding: 0.4em 0.1em;
background: none;
color: var(--footer-text-color);
}
@media only screen and (min-width: 768px) {
#footer-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#footer-top .footerwidget {
width: calc(33.333333% - 1em);
}
#footer-top:not(.--style-flex)::after {
content: "";
width: calc(33.333333% - 1em);
}
#footer-top.--style-col-two::after,
#footer-top.--style-col-two .footerwidget {
width: calc(50% - 1.5em);
}
#footer-top.--style-flex {
gap: 0 1.5em;
}
#footer-top.--style-flex .footerwidget {
flex: 1;
}
}
#footer-bottom {
text-align: center;
font-size: 90%;
}
#footer-bottom .stk_sns_links {
margin: 1.5em 0;
}
.footer-links > .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1em;
}
.footer-links a {
text-decoration: none;
}
.footer-links a::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
font-weight: 700;
content: "\f105";
margin-right: 0.3em;
color: var(--main-link-color);
}
.footer-links .gf,
.footer-links .sub-menu {
display: none;
}
.pt-button {
position: fixed;
right: 10px;
bottom: 0;
transform: translateY(50px);
transition: 0.2s ease-out;
cursor: pointer;
background: hsla(0, 0%, 50%, 0.5);
text-decoration: none;
width: 50px;
height: 50px;
padding: 0;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.pt-button.--link-color {
background: var(--main-link-color-rgba);
}
.pt-button::before {
font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
content: "\f106";
font-size: 1.1em;
font-weight: 700;
}
.pt-button.pt-active {
transform: translateY(-10px);
}
.pt-button:not(.pt-active) {
bottom: 0 !important;
}
.pt-button .btn-text {
margin-top: 0.3em;
font-size: 10px;
font-feature-settings: "palt";
line-height: 1;
transform: scale(0.9);
}
#fixed-footer-menu {
display: block;
position: fixed;
width: 100%;
left: 0;
visibility: hidden;
transition: 0.2s;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
z-index: 3;
}
#fixed-footer-menu::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--inner-content-bg);
opacity: 0.95;
}
#fixed-footer-menu.pt-active {
bottom: 0 !important;
visibility: visible;
}
#fixed-footer-menu ul {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0;
margin: 0;
padding: 8px 0 calc(8px + env(safe-area-inset-bottom) * 0.5);
gap: 8px;
position: relative;
z-index: 1;
}
#fixed-footer-menu ul li {
flex: 1 1 100%;
text-align: center;
display: block;
}
#fixed-footer-menu ul li a {
color: inherit;
display: block;
text-decoration: none;
}
#fixed-footer-menu ul li i {
display: block;
font-size: 20px;
font-weight: 700;
transform: scale(0.9);
}
#fixed-footer-menu ul li span, #fixed-footer-menu ul li::after {
display: block;
font-size: 10px;
line-height: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
}
#fixed-footer-menu:not(.textnone) li:not(:has(span))::after {
content: attr(aria-label);
margin-top: 0.6em;
}
#fixed-footer-menu.--style-headercolor {
color: var(--header-text-color);
}
#fixed-footer-menu.--style-headercolor::before {
background: var(--header-bg);
}
#fixed-footer-menu.--style-footercolor {
color: var(--footer-link-color);
}
#fixed-footer-menu.--style-footercolor::before {
background: var(--footer-bg);
}
.copyright {
margin: auto;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.accordionBtn {
line-height: 2.3 !important;
}
.is-style-p_balloon_bottom,
.is-style-p_microcopy {
max-width: 30em;
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}