@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 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;
}#toc_container li,#toc_container ul{margin:0;padding:0;list-style-position:inside}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container.toc_numbered ul{list-style:none}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container .toc_title{text-align:left;font-weight:700;margin:0;padding:0}#toc_container.toc_title_center .toc_title{text-align:center}#toc_container.toc_title_right .toc_title{text-align:right}#toc_container.toc_black .toc_title{color:#aaa}#toc_container.toc_black a,#toc_container.toc_black a:visited{color:#fff}#toc_container.toc_black a:hover{color:#fff}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container .toc_toggle_icon a{text-decoration:none;line-height:1}#toc_container .toc_toggle_indicator{display:inline-block;line-height:1}#toc_container .toc_toggle_plus_minus a{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border:1px solid currentColor;border-radius:3px;vertical-align:middle}#toc_container .toc_toggle_plus_minus .toc_toggle_indicator{font-size:.8em}#toc_container .toc_toggle_indicator::before{font-weight:700}#toc_container .toc_toggle_plus_minus .toc_toggle_indicator::before{content:'\2212'}#toc_container.contracted .toc_toggle_plus_minus .toc_toggle_indicator::before{content:'\002B'}#toc_container .toc_toggle_caret .toc_toggle_indicator::before{content:'\25BE'}#toc_container.contracted .toc_toggle_caret .toc_toggle_indicator::before{content:'\25B8'}#toc_container .toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
 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;
-ms-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3; }
p.has-background {
padding: var(--oc-has-background-basic-padding); }
code,
kbd,
pre,
samp {
font-family: Consolas, Courier New, Courier, Monaco, monospace; }
code,
kbd,
samp {
font-size: 95%;
padding: .05em .4em;
border-radius: 3px;
background: #f6f6f6;
color: #444; }
pre {
white-space: pre-wrap;
margin: 0; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
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: -.5em; }
sub {
bottom: -.25em; }
figcaption {
font-size: 80%;
text-align: center;
opacity: 0.9; }
dl,
menu,
ol,
ul {
margin: 0 0 1em; }
dt {
font-weight: bold;
margin: 1% 0; }
dd {
margin: 0; }
dt + dd {
margin: 0.5em 0; }
menu {
padding: 0 0 0 40px; }
ol,
ul {
padding: 0; }
li {
list-style-type: none; }
img {
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);
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px; }
input[type=password] {
letter-spacing: .3em; }
textarea {
min-height: 90pt;
width: 100%;
overflow: auto;
vertical-align: top; }
select {
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="5"><path d="M0,0 10,0 5,5z" fill="var(--main-text-color)" /></svg>');
background-position: right;
background-repeat: no-repeat; }
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em; }
legend {
border: 0;
padding: 0; }
button,
input,
select,
textarea {
margin: 0; }
button,
input {
line-height: normal; }
button,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none; }
select::-ms-expand {
display: none; }
select {
line-height: 1.2; }
button,
html input[type="button"],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
font-size: .95em;
padding: 8px 20px;
background: #666;
color: #fff;
border: 0;
border-radius: 5px; }
button[disabled],
html input[disabled] {
cursor: default; }
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type=search] {
-webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
table {
border-collapse: collapse;
border-spacing: 0; }
.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: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color .14s ease-in-out;
transition: background-color .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: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 103%;
line-height: 1.9;
letter-spacing: .3px;
color: var(--main-text-color);
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
background: #f7f7f7; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.wrap {
max-width: 1166px;
margin: 0 auto; }
a {
color: var(--main-link-color); }
a:hover {
color: var(--main-link-color-hover); }
.has-text-color:not(.has-link-color) a {
color: inherit; }
a,
a img,
.pickup_content__text__label,
.pickup_content__link::before,
.pickup_content__link::after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
a,
a img,
.fadeIn,
.fadeInUp,
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
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%; }
.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; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
opacity: 1; } }
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
opacity: 1; } }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
opacity: 1; } }
@-webkit-keyframes blink {
0% {
opacity: .2; }
100% {
opacity: .9;
-webkit-transform: translateX(2px);
transform: translateX(2px); } }
@keyframes blink {
0% {
opacity: .2; }
100% {
opacity: .9;
-webkit-transform: translateX(2px);
transform: translateX(2px); } }
.fadeIn {
-webkit-animation: fadeIn 0.3s ease 0s 1 both;
animation: fadeIn 0.3s ease 0s 1 both; }
.fadeInUp {
-webkit-animation: fadeInUp 0.7s ease 0s 1 both;
animation: fadeInUp 0.7s ease 0s 1 both; }
.fadeInDown {
-webkit-animation: fadeInDown 0.6s ease 0s 1 both;
animation: fadeInDown 0.6s ease 0s 1 both; }
.delay-0_1s {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.delay-0_2s {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.delay-0_3s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.delay-0_4s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.delay-0_5s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.delay-0_6s {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.delay-0_8s {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s; }
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.mw-728 {
max-width: 728px; }
.has-mainttlbg-color {
color: var(--main-ttl-bg); }
.has-mainttlbg-background-color {
background-color: var(--main-ttl-bg); }
.has-mainttltext-color {
color: var(--main-ttl-color); }
.has-mainttltext-background-color {
background-color: var(--main-ttl-color); }
#header {
width: 100%;
color: var(--header-text-color); }
.bgfull #header,
.bgnormal #inner-header {
background-color: var(--header-bg); }
.fixhead-active #header {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 9999;
top: 0;
padding: 0; }
.bgfull.fixhead-active #header {
margin-top: 0; }
#header a {
text-decoration: none; }
#header a.nav_btn:hover {
color: var(--header-text-color); }
#header a:hover {
opacity: 0.7; }
.site_description {
font-size: 10px;
margin: 4px 0 0;
line-height: 1.2;
width: 100%; }
.header-info {
margin: auto; }
.header-info__link {
display: block;
font-size: 75%;
text-decoration: none;
text-align: center;
color: #fff;
background: #F55E5E;
padding: .5em;
font-weight: bold; }
.header-info__link:hover {
color: #fff;
opacity: 0.9; }
.header-info__link i,
.header-info__link span {
vertical-align: middle; }
@media only screen and (min-width: 768px) {
#site__logo .custom-logo-link {
display: -ms-grid;
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); }
#site__logo .site__logo__title {
margin: 0;
padding: 0;
font-size: 1.9em; }
#site__logo.fs_ss .text {
font-size: 133%; }
#site__logo.fs_s .text {
font-size: 161%; }
#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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
text-decoration: none;
text-transform: uppercase; }
.nav_btn .text {
font-size: 9px;
display: block;
margin-top: 6px;
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.nav_btn__svgicon {
width: 1.25em;
height: 1.25em; }
#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; } }
@media only screen and (max-width: 767px) {
#inner-header {
position: relative;
padding: 0.2em 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#inner-header .nav_btn {
position: absolute;
top: 0;
left: 0;
width: 50px;
margin-right: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
#inner-header .nav_btn.search_btn {
left: auto;
right: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: auto;
margin-right: inherit; }
#site__logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
max-width: calc(100% - 110px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px; }
#site__logo .site__logo__title {
word-break: break-all; }
#g_nav {
display: block;
width: 100%;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
position: relative;
max-width: 1166px;
padding: .2em 0 .2em .5em;
font-size: 70%;
font-weight: bold;
overflow: hidden;
-webkit-overflow-scrolling: touch; }
#g_nav a {
color: inherit;
text-decoration: none;
display: block;
padding: .3em .9em;
background: rgba(255, 255, 255, 0.11);
border-radius: 1em; }
#ul__g_nav {
width: 100%;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
white-space: nowrap; }
#ul__g_nav::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 160%;
content: "\f101";
color: #fff;
position: absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
right: 3px;
margin-top: -0.22em;
opacity: .5;
-webkit-animation: blink 1.2s ease infinite alternate;
animation: blink 1.2s ease infinite alternate; }
#ul__g_nav .sub-menu,
#ul__g_nav .gf {
display: none; }
#ul__g_nav .menu-item {
padding-right: .8em; } }
@media only screen and (min-width: 768px) {
#header {
position: relative;
z-index: 999; }
#inner-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 0 0.9em; }
#site__logo {
margin-right: auto; }
#ul__g_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0; }
#ul__g_nav > .menu-item {
font-size: 68%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-weight: bold; }
#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;
-webkit-transition: .25s ease-out;
transition: .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: normal;
font-size: 84%;
margin-top: -0.5em;
opacity: 0.8; }
#ul__g_nav .sub-menu {
font-weight: bold;
margin: 0;
text-align: left;
position: absolute;
z-index: 8999;
-webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
background-color: var(--footer-bg); }
#ul__g_nav .sub-menu .menu-item {
position: relative;
overflow: hidden;
line-height: 1.2;
height: 0;
-webkit-transition: .18s;
transition: .18s; }
#ul__g_nav .sub-menu .menu-item:last-child {
border-bottom: 0; }
#ul__g_nav .sub-menu a {
display: block;
width: 240px;
padding: 0.9em 0.5em;
color: var(--footer-link-color); }
#ul__g_nav .sub-menu a:hover {
opacity: 0.8; }
#ul__g_nav .menu-item:hover > .sub-menu > .menu-item {
overflow: visible;
height: 3em;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
#ul__g_nav .sub-menu .sub-menu {
top: 0;
left: 100%; }
body:not(.headercenter) #inner-header .menu_btn {
display: none; }
.bgnormal #header {
position: relative;
z-index: 1; }
.headercenter #site__logo {
width: 100%;
margin: 10px auto; }
.headercenter #site__logo .site__logo__title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.headercenter #inner-header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
text-align: center;
position: relative; }
.headercenter .nav_btn {
position: absolute;
top: 0.3em; }
.headercenter .search_btn {
right: 0; }
.headercenter .menu_btn {
left: 0; }
.headercenter .nav_btn {
-webkit-transform: scale(1.1);
transform: scale(1.1); } }
@media only screen and (min-width: 1167px) {
.bgnormal #header {
margin: 25px auto 0;
padding: 0;
position: relative;
z-index: 5; }
.bgnormal .header-info {
max-width: 1166px;
position: relative;
z-index: 4;
font-weight: bold; }
.bgnormal #custom_header {
margin-top: -30px;
-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset; }
#custom_header {
margin-bottom: 25px; }
.bgnormal #custom_header_img {
max-width: 1166px;
margin: 25px auto; }
#ul__g_nav > .menu-item {
font-size: 78%; } }
#breadcrumb {
font-size: 70%;
background-color: var(--inner-content-bg);
padding: 1em; }
.breadcrumb__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0; }
.breadcrumb__li:not(:first-child) {
margin-left: 0.5em; }
.breadcrumb__li:not(:last-child):after {
color: var(--main-text-color);
content: '/';
margin-left: 0.5em; }
.bc_homelink .breadcrumb__link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f015";
display: inline-block;
margin-right: 0.3em;
-webkit-transform: scale(1.3);
transform: scale(1.3);
color: var(--main-link-color); }
.breadcrumb__link {
color: inherit;
text-decoration: none; }
.breadcrumb__link:hover {
opacity: .5; }
#inner-content {
padding: 3% 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; }
#viral-header .wp-block-cover__inner-container {
padding: 11% 0%;
width: 92%; }
#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); }
#viral-header + #inner-content {
padding-top: 0; }
.wp-block-group.has-background {
padding: 8% 4%; }
@media only screen and (max-width: 767px) {
.wp-block-group.has-background {
padding: 10% 4%; } }
.wp-block-group.alignfull:not(.has-background) {
padding: 2% 4%; }
.wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {
max-width: 980px;
margin: auto; }
.wp-block-group.stk-pd-0 {
padding-top: 0;
padding-bottom: 0;
overflow: hidden; }
.wp-block-group.stk-pd-0 :last-child {
margin-bottom: 0; }
.wp-block-group.stk-pd-s {
padding-top: 2.5%;
padding-bottom: 2.5%; }
.wp-block-group.stk-pd-m {
padding-top: 10%;
padding-bottom: 10%; }
.wp-block-group.stk-pd-l {
padding-top: 15%;
padding-bottom: 15%; }
.wp-block-cover {
min-height: 40vh;
padding: 5% 4%;
width: inherit; }
.wp-block-cover-image .wp-block-cover__inner-container:not(.mw-728),
.wp-block-cover .wp-block-cover__inner-container:not(.mw-728) {
max-width: 980px;
width: calc(100% - 30px); }
@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%; } }
@media only screen and (max-width: 1166px) {
#inner-content.page-full .alignwide,
#inner-content.page-full .alignfull,
#inner-content.viral .alignwide,
#inner-content.viral .alignfull {
width: calc(100% + 8.7%);
max-width: calc(100% + 8.7%);
margin-left: -4.35%; } }
@media only screen and (min-width: 1167px) {
.bgnormal #viral-header {
max-width: 1166px;
margin: 0 auto; }
.bgnormal #breadcrumb {
max-width: 1166px;
margin: 25px auto; }
#inner-content,
.bgfull #header,
.bgfull #footer,
.bgfull #page-top + #breadcrumb,
.bgnormal #inner-header,
.bgnormal #inner-footer,
.bgnormal #breadcrumb,
.bgnormal #viral-header {
-webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.2);
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 {
width: calc(100% + 186px);
max-width: calc(100% + 186px);
margin-left: -93px; }
#inner-content.viral .alignfull {
width: calc(100% + 438px);
max-width: calc(100% + 438px);
margin-left: -219px; }
.bgnormal #inner-footer {
margin: 25px auto; } }
@media only screen and (min-width: 981px) {
#inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 35px; }
#inner-content:not(.page-wide):not(.viral) {
margin-top: 25px;
margin-bottom: 25px; }
#inner-content.viral {
margin-bottom: 25px; }
#main {
margin-right: 2%;
width: 728px;
max-width: 728px;
min-width: 0; }
#sidebar1 {
font-size: 88%;
width: 336px;
max-width: 34%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-top: 0;
margin-left: auto; }
#scrollfix {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 9998;
top: 4%; }
.fixhead-active #scrollfix {
top: 10%; }
.sidebarleft #main {
margin-right: 0;
margin-left: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.sidebarleft #sidebar1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: 0;
margin-right: 2%; } }
@media only screen and (max-width: 980px) {
.alignwide,
.alignfull {
width: calc(100% + 8.7%);
max-width: calc(100% + 8.7%);
margin-left: -4.35%; }
.alignfull .alignfull,
.alignwide .alignfull,
.alignfull .alignwide,
.alignwide .alignwide {
width: calc(100% + 7.945%);
max-width: calc(100% + 7.945%);
margin-left: -3.9725%; } }
@media only screen and (min-width: 768px) {
#inner-content.page-full #main {
max-width: 980px;
width: 100%;
margin: auto; }
#inner-content.viral #main {
margin: auto; } }
.byline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
font-size: 85%; }
@media only screen and (max-width: 767px) {
.byline {
font-size: 75%; } }
.single .byline .cat-name,
.byline .time__date,
.byline .writer {
margin-right: 0.6em; }
.time__date {
opacity: .6; }
.time__date::before {
font-family: "Font Awesome 5 Free";
font-weight: normal;
content: "\f017";
margin-right: .3em;
display: inline-block;
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.time__date.undo::before {
content: "\f0e2";
font-weight: 900; }
.byline .writer {
margin-right: 0;
margin-left: auto; }
.byline .writer .fn {
opacity: .7; }
.byline .writer .avatar {
display: inline-block;
border-radius: 50%;
width: 1.6em;
margin: 0 3px 0 auto;
border: 1px solid #fff;
-webkit-box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.entry-header .entry-title,
.entry-header .eyecatch {
margin: 0.4em 0; }
@media only screen and (max-width: 767px) {
.entry-header .entry-title {
font-size: 115%; } }
.eyecatch-caption-text {
opacity: 0.7;
font-size: 80%; }
@media only screen and (min-width: 1167px) {
.single .byline {
position: relative;
padding-top: 10px; }
.single .byline .cat-name {
position: absolute;
top: -1.7em;
left: -3.3em; }
.sidebarleft .entry-header .cat-name {
position: relative;
top: 0;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
dl,
ol,
p,
ul {
letter-spacing: .025em; }
p {
margin: 0 0 1.6em;
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[target="_blank"]::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f35d';
font-size: 95%;
margin: 0 3px 0 2px; }
.entry-content a.no-icon[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; }
.entry-content td,
.entry-content th {
padding: .8em .5em; }
.entry-content td {
border: 1px solid #ddd;
border-color: rgba(102, 102, 102, 0.08); }
.entry-content td input {
margin: 3px 0; }
.entry-content th {
background-color: #f7f7f7;
background-color: rgba(102, 102, 102, 0.05);
border: 1px solid #ddd;
border-color: rgba(102, 102, 102, 0.08); }
.wp-block-table {
margin-bottom: 1.5em; }
.wp-block-table table {
margin-bottom: 0; }
.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: rgba(102, 102, 102, 0.08); }
.wp-block-table.is-style-stripes tfoot {
border-top: 2px solid #ddd;
border-color: rgba(102, 102, 102, 0.08); }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: rgba(102, 102, 102, 0.05); }
@media only screen and (max-width: 480px) {
.stk-table-scroll table {
margin-bottom: 0.5em;
white-space: nowrap; }
.stk-table-scroll .has-fixed-layout {
table-layout: initial; }
.stk-table-scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 2em; }
.stk-table-scroll::-webkit-scrollbar {
height: 5px; }
.stk-table-scroll::-webkit-scrollbar-track {
background: #F1F1F1; }
.stk-table-scroll::-webkit-scrollbar-thumb {
background: #BCBCBC; } }
blockquote:not([class*="-embed"]):not(.is-style-large) {
font-size: 90%;
padding: 6% 4% 2%;
margin: 2.5em 0 3em;
position: relative;
border: 1px solid;
border-radius: 5px;
opacity: .8; }
blockquote:not([class*="-embed"]):not(.is-style-large)::before, blockquote:not([class*="-embed"]):not(.is-style-large)::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
width: 1em;
height: 1em;
display: block;
padding: .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: -.2em;
top: -.3em; }
blockquote:not([class*="-embed"]):not(.is-style-large)::after {
content: '\f10e';
right: -.2em;
bottom: -.4em; }
blockquote:not([class*="-embed"]):not(.is-style-large) h2,
blockquote:not([class*="-embed"]):not(.is-style-large) h3,
blockquote:not([class*="-embed"]):not(.is-style-large) h4 {
margin-top: 0 !important; }
.wp-block-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%; }
.entry-content img {
margin-bottom: 1.5em;
max-width: 100%;
height: auto; }
.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: 1.1em; }
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-left: 1.1em; }
@media only screen and (min-width: 601px) {
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: 1.1em; } }
@media only screen and (max-width: 600px) {
.wp-block-media-text {
margin-bottom: 1.5em; }
.wp-block-media-text.has-background {
padding: 1.1em; }
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding: 1.1em 0 0; }
.wp-block-media-text.is-stacked-on-mobile:not(.has-background).alignwide .wp-block-media-text__content, .wp-block-media-text.is-stacked-on-mobile:not(.has-background).alignfull .wp-block-media-text__content {
padding-left: 4%;
padding-right: 4%; } }
.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; }
.entry-content 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; }
.entry-content pre code {
padding: 0;
border-radius: 0;
background: none;
color: inherit; }
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
text-rendering: optimizelegibility;
letter-spacing: .3px;
font-weight: 700;
line-height: 1.5; }
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
text-decoration: none; }
.h1,
h1 {
font-size: 1.9em; }
@media only screen and (max-width: 480px) {
.h1:not(.site__logo__title),
h1:not(.site__logo__title) {
font-size: 125%; } }
.h2,
h2 {
font-size: 120%; }
@media only screen and (min-width: 768px) {
.h2,
h2 {
font-size: 130%; } }
.h3,
h3 {
font-size: 110%; }
@media only screen and (min-width: 768px) {
.h3,
h3 {
font-size: 115%; } }
.h4,
h4 {
font-size: 105%; }
.h5,
h5 {
font-size: 100%; }
.entry-content h2:not([class*="is-style-style"]),
.homeadd_wrap h2 {
position: relative;
border: none;
font-size: 125%;
padding: 1em 1.1em;
margin-top: 2.1em;
margin-bottom: 1em;
border-radius: 3px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
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 {
background-color: var(--main-ttl-bg); }
.entry-content h2:not([class*="is-style-style"]):not(.has-text-color),
.homeadd_wrap h2 {
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: 4px solid;
border-bottom: 4px solid;
padding: .5em .2em;
margin-top: 1.8em; }
.entry-content h4:not([class*="is-style-style"]) {
border-left: 4px solid;
padding: .5em 0 .5em .8em;
margin-top: 1.8em; }
.entry-content h3:not([class*="is-style-style"]):not(.has-text-color),
.entry-content h4:not([class*="is-style-style"]):not(.has-text-color) {
border-color: var(--main-ttl-bg); }
.is-style-style__section_ttl__border_under {
position: relative;
padding-bottom: 1.5em; }
.is-style-style__section_ttl__border_under::before {
content: "";
display: inline-block;
position: absolute;
bottom: 0.5em;
width: 5em;
border-top: 4px 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; }
.h_boader .entry-content h2:not([class*="is-style-style"]):not(.has-background),
.h_boader .homeadd_wrap h2 {
background: none; }
.h_boader .entry-content h2:not([class*="is-style-style"]):not(.has-text-color),
.h_boader .homeadd_wrap h2 {
color: inherit;
border-color: var(--main-ttl-bg); }
.h_boader .entry-content h2:not([class*="is-style-style"]),
.h_boader .homeadd_wrap h2 {
padding: .5em .2em;
border-top: 4px solid;
border-bottom: 4px solid;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none; }
@media only screen and (min-width: 481px) {
.h_boader .entry-content h2:not([class*="is-style-style"]),
.h_boader .homeadd_wrap h2 {
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 {
margin-left: 0;
margin-right: 0; } }
.h_boader .entry-content h3:not([class*="is-style-style"]) {
border-width: 2px;
border-top: none;
padding: 0.1em; }
.h_boader .entry-content h4:not([class*="is-style-style"]) {
border-width: 2px; }
.h_balloon .entry-content h2:not([class*="is-style-style"])::before,
.h_balloon .homeadd_wrap h2::before {
content: '';
position: absolute;
background-color: inherit;
width: 0.8em;
height: 0.8em;
-webkit-transform: scale(0.75, 1) rotate(45deg);
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 {
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::before,
.h_stitch .homeadd_wrap h2::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::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; }
h2.is-style-stylenone,
h3.is-style-stylenone,
h4.is-style-stylenone {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
border-radius: 0;
margin: 2.5% 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"]),
.homeadd_wrap h2,
#inner-content .widgettitle {
margin-left: -0.5em;
margin-right: -0.5em; }
.entry-content h2:not([class*="is-style-style"]),
.entry-content h3:not([class*="is-style-style"]),
.entry-content h4:not([class*="is-style-style"]),
.homeadd_wrap h2 {
font-size: 105%; } }
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 li {
position: relative;
padding-left: 1.35em;
margin: 0.7em 0; }
.entry-content li li {
margin: 0.6em 0; }
.entry-content ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f111";
display: block;
position: absolute;
left: 2px;
top: 1px;
-webkit-transform: scale(0.6);
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: 1.8em; }
.entry-content ol > li:before {
font-family: inherit;
counter-increment: number;
content: counter(number);
background-color: var(--main-ttl-bg);
border: 1px solid var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
font-weight: bold;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
-webkit-transform: scale(0.7);
transform: scale(0.7);
left: 1px;
top: 0; }
.entry-content li ol > li:before {
background: none;
content: counter(number) ".";
border: none;
color: inherit;
opacity: 0.6;
-webkit-transform: scale(0.9);
transform: scale(0.9);
top: 3px; }
.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 {
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 {
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 {
padding-left: 0;
list-style-type: inherit; }
.entry-content .stk-list-icon--stylenone li::before {
content: none; }
.entry-content ul[class*="stk-list-icon--"] li::before {
-webkit-transform: scale(1);
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: "\f054"; }
.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; }
.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.alignfull, .wp-block-image.alignwide {
margin-bottom: 0; }
.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 {
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); }
.wp-block-image.is-style-stk_shadow_l img,
.wp-block-video.is-style-stk_shadow_l video {
-webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
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; }
.gallery,
.wp-block-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-bottom: 1.5em; }
.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 * 1) / 2); }
.gallery-columns-3 .gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item {
max-width: calc((100% - 5px * 2) / 3); }
.gallery-columns-4 .gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item {
max-width: calc((100% - 5px * 3) / 4); }
.gallery-columns-5 .gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item {
max-width: calc((100% - 5px * 4) / 5); }
.gallery-columns-6 .gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item {
max-width: calc((100% - 5px * 5) / 6); }
.gallery-columns-7 .gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item {
max-width: calc((100% - 5px * 6) / 7); }
.gallery-columns-8 .gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item {
max-width: calc((100% - 5px * 7) / 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;
-webkit-box-shadow: 0 0 0 0 transparent;
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 {
overflow: hidden; }
.eyecatch.of-cover::before {
content: "";
display: block;
padding-top: 62.5%; }
.eyecatch.of-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'; }
.eyecatch .cat-name {
position: absolute;
top: -0.1px;
right: 0; }
.archives-list .cat-name {
font-size: 72%;
opacity: 0.88; }
.archives-list .cat-name:empty {
display: none; }
.cta-wrap .widget_text {
margin-bottom: 0; }
.cta-inner {
background-color: var(--footer-bg);
color: var(--footer-text-color);
padding: 1.5em 5%;
margin-bottom: 1.5em; }
.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: bold;
background: none;
-webkit-box-shadow: none;
box-shadow: none; }
.cta-inner .btn-wrap a {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 1em; }
.single .entry-content > :first-child,
.page .entry-content > :first-child {
margin-top: 0; }
#single_foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
#related-box a,
#np-post a,
.author_name a,
#author-newpost a {
color: inherit;
text-decoration: none; }
.author_sns a {
text-decoration: none; }
.author_sns a .socialname {
color: initial; }
#related-box ul,
#author-newpost ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.6em; }
.related_newpost__li {
width: 25%; }
.related_newpost__li a {
padding: 0.3em 0.6em 1em; }
@media only screen and (max-width: 480px) {
.related_newpost__li {
width: 50%; } }
#related-box .h_ttl::after,
.author_profile .h_ttl::after,
#author-newpost .h_ttl::after {
font-size: 11px;
margin-left: 1em;
vertical-align: middle; }
#related-box .h_ttl::after {
content: "こちらの記事も人気です"; }
#related-box.ga_recommend .h_ttl::after {
content: "関連記事（広告を含む）"; }
.author_profile .h_ttl {
margin-top: 0; }
.author_profile .h_ttl::after {
content: "この記事を書いた人"; }
#author-newpost .h_ttl::after {
content: "このライターの最新記事"; }
.related_newpost__li {
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: bold;
font-size: 75%; }
.related_newpost__li .time__date {
font-size: 70%; }
@media only screen and (max-width: 767px) {
#inner-content .entry-header .eyecatch,
.cta-inner,
.fb-likebtn {
margin-left: -4.35%;
margin-right: -4.35%; }
.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; } }
#authorbox {
padding: 4% 5% 1%;
margin-bottom: 2%;
border: solid 5px #eee; }
.author_meta:not(.singlefoot_other) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 90%; }
.author_meta.singlefoot_other:not(.bgnone) {
background-color: var(--main-ttl-bg-rgba); }
.author_meta .author_img {
width: 90px;
max-width: 30%;
margin-right: 1em;
-ms-flex-negative: 0;
flex-shrink: 0; }
.author_meta .avatar {
border: 3px solid #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.author_info .author_name,
.author_info .author_name a {
font-weight: bold;
text-decoration: none; }
.author_info .userposition {
font-size: 70%;
display: block;
margin-bottom: 1.5em;
font-weight: normal; }
.author_info .author_description {
margin-bottom: 1em; }
.author_sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.author_sns_li {
margin: 2px 10px;
padding: 0; }
.author_sns .author_sns_li::before {
content: none; }
[class*="author_sns_li__link"]::before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
display: inline-block;
margin-right: 0.3em;
color: inherit;
font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free"; }
.author_sns_li__link__user_url::before {
content: "\f0ac";
font-weight: 900; }
.author_sns_li__link__twitter::before {
content: "\f099"; }
.author_sns_li__link__facebook::before {
content: "\f09a"; }
.author_sns_li__link__instagram::before {
content: "\f16d"; }
.author_sns_li__link__youtube::before {
content: "\f167"; }
.author_sns_li__link__line::before {
content: "\f3c0"; }
.author_meta.singlefoot_other {
overflow: hidden; }
.author_meta.singlefoot_other .author_name {
text-align: center; }
.author_meta.singlefoot_other .author_img {
margin: 2em auto; }
.author_meta.singlefoot_other .avatar {
border-radius: 50%;
margin-bottom: 0; }
.author_meta .author__bgimg {
margin-bottom: -5em; }
.author_meta.singlefoot_other .author_info {
padding: 0 1.5em 1.5em; }
.author_meta.singlefoot_other .socialname {
display: none; }
.author_meta.singlefoot_other .author_sns a::before {
font-size: 140%;
margin: 0;
padding: 0 3px; }
@media only screen and (max-width: 480px) {
#authorbox {
margin: auto -3%; }
.author_profile .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;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
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; } }
.np-post-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1em;
font-size: 88%; }
.np-post-list a .eyecatch {
width: 55px;
min-width: 55px; }
.np-post-list a .ttl {
overflow: hidden; }
.np-post-list.prev a .eyecatch {
margin-right: 0.7em; }
.np-post-list.next a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.np-post-list.next a .eyecatch {
margin-left: 0.7em; }
.np-post-list.prev a::before,
.np-post-list.next a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d9";
margin: 0 0.5em;
font-size: 120%;
color: var(--main-link-color); }
.np-post-list.next a::after {
content: "\f0da"; }
@media only screen and (max-width: 480px) {
.np-post-list a .eyecatch {
width: 40px;
min-width: 40px; }
.np-post-list .ttl {
font-size: 90%; } }
.article-footer .post-categories {
margin: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.article-footer .post-categories a {
display: inline-block;
padding: .35em .5em;
margin-right: 0.3em;
margin-bottom: 2px;
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: #ffffff;
border-radius: 5px; }
.article-footer .post-categories a:hover {
background: var(--main-link-color-hover);
border-color: var(--main-link-color-hover); }
.article-footer .post-categories.tags a:not(:hover) {
background: none;
color: var(--main-link-color); }
.article-footer .post-categories a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f07b';
margin-right: 0.2em; }
.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;
margin-top: 1em; }
.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;
-webkit-transform: scale(1.1);
transform: scale(1.1);
overflow: hidden; }
.fb-likebtn .like_text {
font-size: 180%;
font-weight: bold;
margin-bottom: 0.5em; }
.fb-likebtn .like_text::after {
content: "この記事が気に入ったらフォローしよう！";
display: block;
padding: 3px;
font-size: 10px;
margin-bottom: 0;
opacity: 0.7; }
.followbtn {
color: #ffffff;
background: #04acee;
font-size: 83%;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
line-height: 26px;
padding: 0.1em 0.8em;
margin: 0.4em 0.3em;
border-radius: 3px; }
.followbtn:hover {
color: inherit; }
.followbtn::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
margin-right: 0.4em;
font-size: 110%; }
.followbtn.btn_twitter::before {
content: "\f099"; }
.followbtn.btn_facebook {
background: #1f6aba; }
.followbtn.btn_facebook::before {
content: "\f09a"; }
.followbtn.btn_feedly {
background: #5fd043; }
.followbtn.btn_youtube {
background: #ff0000; }
.followbtn.btn_youtube::before {
content: "\f167"; }
.followbtn.btn_instagram {
background: #b900b4;
background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); }
.followbtn.btn_instagram::before {
content: "\f16d"; }
.followbtn.btn_line {
background: #25af00; }
.followbtn.btn_line::before {
content: "\f3c0"; }
#comments-title {
padding: 0.75em 0;
margin: 0; }
#comments-title::before {
font-family: "Font Awesome 5 Free";
content: "\f086";
font-size: 140%;
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-reply-link {
font-size: 90%;
font-weight: bold;
display: block;
text-align: right;
text-decoration: none; }
.comment-reply-link::before {
font-family: "Font Awesome 5 Free";
content: "\f3e5";
margin-right: 5px;
font-size: 130%; }
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 90%; }
.comment-navigation {
text-align: center;
padding: 1em; }
.sharewrap h3 {
margin-bottom: 0; }
.sharewrap h3::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1e0";
display: inline-block;
-webkit-transform: scale(1.2);
transform: scale(1.2);
margin: 0 0.3em; }
.sns_btn {
padding: 1em 0; }
.sns_btn__ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
font-size: 80%;
font-weight: bold; }
.sns_btn__li {
width: 25%;
margin: 4px;
text-align: center;
color: #ffffff; }
.sns_btn__li:first-child {
margin-left: 0; }
.sns_btn__li:last-child {
margin-right: 0; }
.sns_btn__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 0.4em 0.2em;
border-radius: 0.3em;
position: relative; }
.sns_btn__link::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
display: inline-block;
margin-right: 3px;
text-align: center;
font-size: 155%;
width: 1.2em; }
.sns_btn__link,
.sns_btn__link:hover {
color: inherit; }
.sns_btn__link .count {
position: absolute;
right: 3px;
top: 2px;
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
margin: 0;
min-width: 1.5em; }
.sns_btn__li.twitter .sns_btn__link {
background: #00acee;
-webkit-box-shadow: 0 3px 0 #0092ca;
box-shadow: 0 3px 0 #0092ca; }
.sns_btn__li.twitter .sns_btn__link::before {
content: '\f099'; }
.sns_btn__li.facebook .sns_btn__link {
background: #1f6aba;
-webkit-box-shadow: 0 3px 0 #2c4373;
box-shadow: 0 3px 0 #2c4373; }
.sns_btn__li.facebook .sns_btn__link::before {
content: "\f09a"; }
.sns_btn__li.hatebu .sns_btn__link {
background-color: #2f70be;
-webkit-box-shadow: 0 3px 0 #43638b;
box-shadow: 0 3px 0 #43638b; }
.sns_btn__li.hatebu .sns_btn__link::before {
content: 'B!';
font-family: inherit;
font-weight: bold; }
.sns_btn__li.line .sns_btn__link {
background: #25af00;
-webkit-box-shadow: 0 3px 0 #219900;
box-shadow: 0 3px 0 #219900; }
.sns_btn__li.line .sns_btn__link::before {
content: "\f3c0";
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.sns_btn__li.pocket .sns_btn__link {
background: #ec2136;
-webkit-box-shadow: 0 3px 0 #c0392b;
box-shadow: 0 3px 0 #c0392b; }
.sns_btn__li.pocket .sns_btn__link::before {
content: "\f265"; }
amp-social-share {
border-radius: 5px;
min-width: 90%; }
amp-social-share::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
display: inline-block;
margin-right: 3px;
text-align: center;
font-size: 180%;
width: 1.2em;
color: inherit; }
.sns_btn__li.hatebu amp-social-share {
background-color: #2f70be; }
.sns_btn__li.hatebu amp-social-share::before {
content: 'B!';
font-family: inherit;
font-weight: bold; }
.sns_btn__li.pocket amp-social-share {
background: #ec2136; }
.sns_btn__li.pocket amp-social-share::before {
content: "\f265"; }
@media only screen and (max-width: 767px) {
.sns_btn a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: wrap column;
flex-flow: wrap column;
line-height: 1.2;
padding: 0.7em 0.1em 0.4em; }
.sns_btn a::before {
margin: 0 auto 2px;
display: block; }
.sns_btn a .text {
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
display: block; } }
@media only screen and (min-width: 768px) {
.pickup_content__link:hover,
.archives-list:not(.big-list) .post-list a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.btn-wrap a:hover,
.wp-block-button a:hover,
.followbtn:hover,
.sns_btn a:hover {
-webkit-transform: translate3d(0, -3px, 0);
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 {
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.article-footer a:hover,
.tag-cloud-link:hover {
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
.sns_btn a:hover,
.followbtn:hover {
opacity: 0.8; } }
.entry-content .has-small-font-size {
font-size: 80%; }
.entry-content .has-medium-font-size {
font-size: 120%; }
.entry-content .has-large-font-size {
font-size: 150%; }
.entry-content .has-huge-font-size {
font-size: 200%; }
.wp-block-columns.has-background {
padding: 1.25em; }
.wp-block-columns.stk-mobile-columns_on {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.wp-block-columns.stk-mobile-columns_on .wp-block-column {
margin-bottom: 0; }
@media only screen and (min-width: 600px) and (max-width: 781px) {
.wp-block-columns.stk-mobile-columns_on .wp-block-column:not(:first-child) {
margin-left: 2em; } }
@media only screen and (max-width: 599px) {
.wp-block-columns.stk-mobile-columns_on .wp-block-column:not(:first-child) {
margin-left: 1em; } }
@media only screen and (max-width: 781px) {
.wp-block-column:not(:last-child) {
margin-bottom: 28px; } }
.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 {
margin: 4px; }
.span-stk-maker-yellow,
.span__stk_maker_yellow,
.span-stk-maker-pink,
.span__stk_maker_pink,
.span-stk-maker-blue,
.span__stk_maker_blue,
.span-stk-maker-green {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-size: 200% .6em;
padding-bottom: .6em; }
.span-stk-maker-yellow,
.span__stk_maker_yellow {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ff6));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6 50%); }
.span-stk-maker-pink,
.span__stk_maker_pink {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ffd5d5));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd5d5 50%); }
.span-stk-maker-blue,
.span__stk_maker_blue {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #b5dfff));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #b5dfff 50%); }
.span-stk-maker-green {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #cff7c7));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #cff7c7 50%); }
[class*="span-stk-label-"] {
font-size: 0.9em;
padding: 0.2em 0.5em;
border-radius: 0.2em;
color: #fff; }
[class*="span-stk-label-"] + [class*="span-stk-label-"] {
margin-left: 0.1em;
margin-right: 0.1em; }
.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-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 {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
padding: 4%; }
.lp-wrap #main {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 980px;
float: none; }
.eyecatch.lp {
width: 100%;
margin: auto;
text-align: center;
max-width: 1166px; }
.page-template-page-wide #container {
background-color: var(--inner-content-bg); }
.page-template-page-wide #custom_header {
margin-bottom: 0; }
.fullwide {
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none; }
.fullwide #inner-content {
padding: 0; }
@media only screen and (min-width: 1166px) {
.fullwide .alignwide {
margin-left: -93px;
margin-right: -93px;
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%; } }
#custom_header {
text-align: center; }
#custom_header .wp-block-cover__inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: 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: bold;
margin: 0 1em 1.5em; }
#custom_header .wp-block-button {
margin-bottom: 0; }
@media only screen and (max-width: 480px) {
#custom_header .wp-block-button {
font-size: 90%; } }
#custom_header .wp-block-button__link {
width: 340px;
border: none; }
#custom_header_img {
text-align: center;
margin-bottom: 1em; }
#custom_header_img img {
margin: -1px auto 0; }
@media only screen and (min-width: 768px) {
#custom_header .header-text {
width: 100%;
max-width: 600px; }
#custom_header.textleft .wp-block-cover__inner-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
#custom_header.textright .wp-block-cover__inner-container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
@media only screen and (min-width: 1166px) {
.pickup_content__ul {
margin: 10px -7px -5px; }
.post-template-single-viral .pickup_content__ul {
margin: 10px -7px; } }
.pickup_content {
margin: 0.5em auto;
max-width: 1166px; }
.pickup_content .pickup_content__img {
margin: 0;
padding: 0;
border: none; }
.pickup_content__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
font-size: 80%;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.pickup_content__ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
li.pickup_content__li {
width: 33%;
margin: 0.5em;
padding: 0;
position: relative; }
@media only screen and (max-width: 767px) {
li.pickup_content__li {
width: calc(50% - 1.5em);
font-size: 80%; } }
li.pickup_content__li::before, li.pickup_content__li::after {
content: none !important; }
.pickup_content__link {
display: block;
color: #fff;
text-decoration: none;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
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: 3em;
height: 3em;
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-weight: bold;
top: 0;
left: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(14, 14, 14, 0.4); }
.pickup_content__text__label {
border-radius: 2em;
border: 1px solid;
padding: 0.4em 0.8em;
text-align: center;
line-height: 1.2;
min-width: 50%;
max-width: 90%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 0 10px -4px;
box-shadow: 0 0 10px -4px;
text-shadow: 0 1px 4px #111; }
.pickup_content__text__label::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.25; }
@media only screen and (min-width: 768px) {
.pickup_content__link:hover {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); }
.pickup_content__link:hover .pickup_content__text__label {
-webkit-box-shadow: 0 0 20px 3px;
box-shadow: 0 0 20px 3px; }
.pickup_content__link:hover::before, .pickup_content__link:hover::after {
width: 4em;
height: 4em; }
#sidebar1 .pickup_content__ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#sidebar1 .pickup_content__li {
width: calc(50% - 1em); } }
.related_article {
margin: 3% auto;
text-align: left;
max-width: 980px; }
.related_article .ttl {
margin: 0 0 0.1em;
font-size: 95%;
font-weight: bold; }
.related_article .labeltext {
font-size: 70%;
font-weight: bold;
background-color: var(--label-bg);
color: var(--label-text-color);
display: inline-block;
padding: 0.1em 0.5em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
border-radius: 2px; }
.related_article .time__date {
font-size: 80%; }
.related_article__link {
color: #333333;
background: #ffffff;
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
text-decoration: none;
width: 100%;
padding: 2.5%;
display: block;
overflow: hidden; }
.related_article__link:hover {
color: #888888;
-webkit-box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 10px rgba(125, 125, 125, 0.5); }
.related_article__link:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5); }
.related_article.typecard .related_article__link {
max-width: 350px; }
.related_article.typecard .eyecatch {
margin-bottom: 0.7em; }
.related_article.typesimple .related_article__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.related_article.typesimple .archives_post__meta {
-webkit-box-flex: 1;
-ms-flex: 1;
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 {
margin-top: 0;
margin-bottom: 0; }
.related_article.typetext .related_article__link {
color: var(--main-text-color);
background: none;
padding: 0.3em;
-webkit-box-shadow: none;
box-shadow: none; }
.related_article.typetext .related_article__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.related_article.typetext .time__date {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
-ms-flex-negative: 0;
flex-shrink: 0; }
.related_article.typetext .ttl {
margin: 0; }
.supplement,
[class*="is-style-supplement-"] {
border: 2px solid;
background-color: #fcf8e3;
border-color: #faebcc;
color: #766341;
position: relative;
font-size: 93%;
margin: 1.5em 0 2em;
border-radius: 4px; }
.supplement,
[class*="is-style-supplement-"],
[class*="is-style-supplement-"].has-background:not(.is-style-supplement-border) {
padding: 4% 4% 4% 50px; }
[class*="is-style-supplement-"].has-text-color {
border-color: inherit; }
.supplement p {
margin-bottom: .8em; }
.supplement.warning,
.supplement.is-style-warning,
.is-style-supplement-warning {
background-color: #fce3e3;
border-color: #facccc;
color: #764141; }
.supplement.succes,
.supplement.is-style-succes,
.is-style-supplement-succes {
background-color: #cff7c7;
border-color: #a3cc72;
color: #466348; }
.supplement::before,
[class*="is-style-supplement-"]::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 1;
content: '\f06a';
display: inline-block;
font-size: 1.1em; }
.supplement:not(.boader)::before,
[class*="is-style-supplement-"]::before {
font-size: 26px;
position: absolute;
left: 0.5em; }
.supplement.warning::before,
.supplement.is-style-warning::before,
.is-style-supplement-warning::before {
content: '\f071'; }
.supplement.succes::before,
.supplement.is-style-succes::before,
.is-style-supplement-succes::before {
content: '\f058'; }
.supplement.boader::before,
.supplement.border::before,
.supplement.is-style-border::before,
.is-style-supplement-border::before {
content: none; }
.supplement.noicon::before {
content: none; }
.supplement.boader,
.supplement.border,
.supplement.is-style-border,
.is-style-supplement-border {
background: none;
color: inherit;
border-color: #d4d4d4; }
.supplement.boader,
.supplement.border,
.supplement.is-style-border,
.supplement.noicon,
.is-style-supplement-border {
padding: 3% 4%; }
.is-style-p_balloon_bottom,
.is-style-p_balloon_bottom.has-background,
.is-style-p_microcopy {
font-size: 90%;
margin: 0 auto 1em;
padding: 0.5em 2em;
position: relative;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.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;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg); }
.is-style-p_microcopy {
max-width: 85%;
margin: 0 auto 0.5em; }
.is-style-p_microcopy::after {
left: auto;
right: 0;
-webkit-transform: rotate(20deg);
transform: rotate(20deg); }
.is-style-p_balloon_bottom {
border-radius: 40px; }
.is-style-p_balloon_bottom:not(.has-background) {
background-color: var(--main-ttl-bg); }
.is-style-p_balloon_bottom:not(.has-text-color) {
color: var(--main-ttl-color); }
.is-style-p_balloon_bottom::before {
bottom: -0.3em;
left: calc(50% - 0.3em);
width: 0.6em;
height: 0.6em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: inherit; }
.is-style-p_balloon_bottom a {
color: inherit; }
.cbox {
padding: 1em 3%;
margin: 2em 0 2em;
border: 2px solid;
background-color: var(--main-ttl-bg-rgba);
border-color: var(--main-ttl-bg);
border-radius: 0.2em; }
.cbox.intitle {
padding-top: 0;
padding-bottom: 1.4em; }
.cbox.intitle .span__box_title {
position: relative;
top: -1.1em;
padding: 0.1em 0.7em;
background-color: var(--main-ttl-bg);
color: #fff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: bottom;
min-width: 3em;
text-align: center; }
.cbox .span__box_title:empty {
visibility: hidden; }
.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_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-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.type_ttl {
padding: 0;
position: static;
border-radius: 0;
background: none;
color: inherit; }
.cbox.type_ttl .cboxcomment {
padding: 1em 3%; }
.cbox.type_ttl .span__box_title {
width: 100%;
position: static;
border-radius: 0; }
.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); }
.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: bold;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.accordion label::after {
font-family: "Font Awesome 5 Free";
content: "\f107";
position: absolute;
right: 0.8em;
top: calc(50% - 0.5em);
line-height: 1;
-webkit-transition: .3s;
transition: .3s; }
.accordion_check:checked + .accordion_label::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.accordion_content {
position: relative;
z-index: 2;
border-top: none;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 1em;
-webkit-transition: .5s;
transition: .5s;
visibility: hidden;
background-color: var(--inner-content-bg); }
.accordion_check:checked + .accordion_label + .accordion_content {
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
visibility: visible; }
.accordion:not(.is-style-accordion_type_simple) {
font-size: 95%;
-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
box-shadow: 0 0 10px rgba(102, 102, 102, 0.05); }
.accordion:not(.is-style-accordion_type_simple)::before, .accordion:not(.is-style-accordion_type_simple)::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)::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color); }
.accordion:not(.is-style-accordion_type_simple)::after {
background: #666666;
opacity: 0.02; }
.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 30px 0 0; }
.accordion.is-style-accordion_type_simple .accordion_content {
-webkit-box-shadow: 0 0 2px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 2px rgba(102, 102, 102, 0.3);
border-radius: 5px; }
.oc-faq {
padding: 1em 0;
margin-bottom: 0; }
.oc-faq + .oc-faq {
margin-bottom: 1em;
margin-top: 1em; }
.oc-faq__title,
.oc-faq__comment {
position: relative;
padding-left: 2.2em;
margin-bottom: 0; }
.oc-faq__title::before,
.oc-faq__comment::before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 1.8em;
height: 1.8em;
line-height: 1.8;
text-align: center;
font-weight: bold;
content: "";
border-radius: 4px; }
.oc-faq__title {
font-weight: bold; }
.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 {
-webkit-transform: scale(1.2);
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 {
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); }
.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,
.archives-list a .description p:last-child {
margin-bottom: 0; }
.wp-block-buttons {
margin-top: 0.5em;
margin-bottom: 0.5em; }
.wp-block-buttons .wp-block-button {
max-width: calc(100% - 1em);
margin: 0; }
.wp-block-buttons:not(.alignleft):not(.alignright):not(.is-content-justification-left):not(.is-content-justification-right):not([class*="wp-container-"]) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.btn-wrap,
.wp-block-button {
margin: 0.5em 0 1em; }
.wp-block-buttons.is-vertical > .wp-block-button {
margin-left: .5em;
margin-right: .5em; }
.btn-wrap {
text-align: center; }
.btn-wrap p,
.wp-block-button p {
margin: 0;
padding: 0; }
.btn-wrap a,
.wp-block-button__link {
padding: 0.667em 1em;
font-size: 1em;
vertical-align: middle;
font-weight: bold;
border-radius: 3px;
max-width: 90%; }
.wp-block-buttons .wp-block-button__link {
max-width: 100%; }
.wp-block-button__link {
min-width: 220px; }
.btn-wrap a {
z-index: 2;
display: inline-block;
text-decoration: none;
border-width: 2px;
border-style: solid;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
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; }
.stk-shiny-button .wp-block-button__link {
overflow: hidden;
position: relative; }
.stk-shiny-button .wp-block-button__link::before {
content: '';
position: absolute;
top: -100px;
left: -100px;
width: 50px;
height: 50px;
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
-webkit-animation-name: shiny;
animation-name: shiny;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
@-webkit-keyframes shiny {
0% {
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
opacity: 0; }
50% {
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
opacity: 0.5; }
100% {
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
opacity: 0; } }
@keyframes shiny {
0% {
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
opacity: 0; }
50% {
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
opacity: 0.5; }
100% {
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
opacity: 0; } }
.wp-block-button.is-style-fill .wp-block-button__link {
padding: calc(0.667em + 2px) calc(1em + 2px); }
.btn-wrap.big a,
.wp-block-button.big .wp-block-button__link,
.wp-block-buttons.is-style-big .wp-block-button__link {
font-size: 103%;
width: 470px;
max-width: 100%; }
.wp-block-button.small .wp-block-button__link,
.wp-block-buttons.is-style-small .wp-block-button__link {
min-width: initial;
max-width: initial;
font-size: 90%;
padding: 0.2em 0.9em; }
.wp-block-button.is-style-fill.small .wp-block-button__link,
.wp-block-buttons.is-style-small .is-style-fill .wp-block-button__link {
padding: calc(0.2em + 2px) calc(0.9em + 2px); }
.btn-wrap a:active,
.wp-block-button a:active {
-webkit-transform: translate3d(0, 1px, 1px);
transform: translate3d(0, 1px, 1px);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
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) {
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:not(.has-background):not(.has-text-color) {
border-color: var(--main-link-color);
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; }
.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 {
font-weight: bold;
position: relative;
border-radius: 0.2em;
color: #ffffff !important;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09); }
.btn-wrap.rich_yellow a,
.wp-block-button.is-style-rich_yellow .wp-block-button__link {
background-color: var(--oc-btn-rich_yellow);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw);
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);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw);
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);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw);
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);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw);
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);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw);
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 {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
opacity: 0.8;
text-decoration: none !important; }
.btn-wrap.rich_yellow a:hover,
.wp-block-button.is-style-rich_yellow .wp-block-button__link:hover {
color: #ffffff !important;
background-color: #f7cf2e;
-webkit-box-shadow: 0 4px 0 #ecb254, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #ecb254, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09); }
.btn-wrap.rich_pink a:hover,
.wp-block-button.is-style-rich_pink .wp-block-button__link:hover {
color: #ffffff !important;
background-color: #ee5656;
-webkit-box-shadow: 0 4px 0 #d34e4e, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #d34e4e, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09); }
.btn-wrap.rich_orange a:hover,
.wp-block-button.is-style-rich_orange .wp-block-button__link:hover {
color: #ffffff !important;
background-color: #ef9b2f;
-webkit-box-shadow: 0 4px 0 #cc8c23, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #cc8c23, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09); }
.btn-wrap.rich_green a:hover,
.wp-block-button.is-style-rich_green .wp-block-button__link:hover {
color: #ffffff !important;
background-color: #39cd75;
-webkit-box-shadow: 0 4px 0 #1eae59, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #1eae59, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09); }
.btn-wrap.rich_blue a:hover,
.wp-block-button.is-style-rich_blue .wp-block-button__link:hover {
color: #ffffff !important;
background-color: #19b4ce;
-webkit-box-shadow: 0 4px 0 #07889d, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #07889d, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09); } }
@media only screen and (min-width: 768px) {
.column-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.voice.r {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse; }
.voice .voicecomment {
border: 5px solid rgba(213, 213, 213, 0.5);
margin-top: 1em;
padding: 2.5%;
position: relative;
border-radius: 0.6em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.voice .voicecomment:after {
content: "";
position: absolute;
top: 13px;
left: -19px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-right-color: inherit;
border-width: 7px; }
.voice.r .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 .voicecomment p {
margin-bottom: 1em; }
.voice .icon {
width: 12%;
min-width: 80px;
text-align: center; }
.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 .name {
font-size: 0.65em;
padding: 0.4em 0; }
.voice.big .icon {
width: 18%; }
.cat_postlist {
width: 100%;
margin-bottom: 2%; }
.cat_postlist .catttl {
font-size: 105%;
font-weight: bold;
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__ul {
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 .ttl {
font-size: 90%;
font-weight: bold;
margin: 0;
padding: 0; }
.cat_postlist__li .time__date {
font-size: 80%; }
.cat_postlist__link {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
overflow: hidden; }
.cat_postlist.typecard .cat_postlist__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px; }
.cat_postlist.typecard .cat_postlist__li {
width: calc(25% - 10px);
margin: 5px;
font-size: 90%;
line-height: 1.5; }
.cat_postlist.typecard .eyecatch {
margin: 0 0 0.5em; }
.cat_postlist.typesimple .cat_postlist__link {
padding: 0.7em 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
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 .archives_post__meta {
-webkit-box-flex: 1;
-ms-flex: 1;
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.text__datefirst .archives_post__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.cat_postlist.typetext.text__datefirst .time__date {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
-ms-flex-negative: 0;
flex-shrink: 0; }
.cat_postlist .wp-block-button {
margin: 1.5em 0 2em; }
.cat_postlist .wp-block-button a {
padding: 5px 1.2em 5px 0.5em;
width: 230px;
position: relative; }
.cat_postlist .wp-block-button.arrow a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
position: absolute;
right: 5px;
-webkit-transform: scale(0.9);
transform: scale(0.9); }
@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%; }
.cat_postlist.typecard .cat_postlist__li {
width: calc(50% - 10px); } }
.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: 1.5;
display: block;
opacity: 0.7; }
.archive-title.ttl-category::before {
content: "Category"; }
.archive-title.ttl-tags::before {
content: "Tags"; }
.archives-list:not(.big-list) .post-list__link {
display: block;
text-decoration: none;
color: inherit; }
.archives-list .entry-title {
margin: 0 0 0.4em;
font-size: 115%;
background: none !important;
color: inherit !important;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.archives-list .byline {
font-size: 75%; }
.archives-list .description {
opacity: 0.6;
font-size: 70%; }
.newmark::before {
content: 'NEW';
font-weight: normal;
font-size: 70%;
padding: 0.35em;
margin-right: 4px;
border-radius: 3px;
background-color: var(--new-mark-bg);
color: #fff; }
@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 .entry-title {
margin-bottom: 0; }
.archives-list.big-list .entry-title a {
color: inherit; }
.archives-list.big-list .byline,
.archives-list.big-list .eyecatch {
margin: 0.7em 0; }
.archives-list.big-list .cat-name {
margin-right: 10px; }
.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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding: 3%;
background-color: var(--inner-content-bg); }
.archives-list.simple-list .eyecatch {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40%;
max-width: 280px;
margin-bottom: 0 !important; }
.archives-list.simple-list .entry-content {
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.simple-list .cat-name {
font-size: 60%; } }
.archives-list.card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
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;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
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; } }
@media only screen and (min-width: 768px) {
.archives-list:not(.big-list) .post-list__link:hover {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } }
.pagination,
.page-links {
font-size: 90%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.pagination {
margin: 3em auto 4em;
padding: 0; }
.pagination:empty,
.search-no-results .pagination {
display: none; }
.pagination .page-numbers,
.page-links .post-page-numbers {
margin: 0 2px 4px;
min-width: 2.8em;
padding: 12px 6px;
text-decoration: none;
line-height: 1;
color: var(--main-link-color);
border: 2px solid var(--main-link-color);
border-radius: 4px;
font-weight: bold; }
.page-links:not(.type_number) .post-page-numbers {
width: 46%;
max-width: 15em;
margin: 1%; }
.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) a {
text-decoration: none;
color: inherit; }
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) 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); }
.widget_text .widgettitle,
.widget_search .widgettitle,
.widget_media_video .widgettitle,
.widget_media_image .widgettitle,
.widget_media_gallery .widgettitle {
margin-bottom: 0.75em; }
.homewidget.widget:last-child,
.titleunder .widget:last-child {
margin-bottom: 1em; }
.widget {
margin: 0 0 2.5em; }
.widget ul {
margin: 0; }
.widget_rss li a {
font-weight: bold; }
.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 {
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 {
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 {
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 {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
position: absolute;
right: 6px;
line-height: 1;
font-size: 1em;
top: 50%;
margin-top: -0.5em;
-webkit-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
color: var(--main-link-color); }
.cat_postlist.mode_widget .ttl {
font-size: 100%;
font-weight: normal; }
.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: "Font Awesome 5 Free";
font-weight: 900;
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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 1em .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; }
.tag-cloud-link {
padding: 0.1em 0.6em;
margin: 0 0.2em 0.3em 0;
display: inline-block;
font-size: 12px !important;
text-decoration: none;
border-radius: 3px;
color: inherit;
-webkit-box-shadow: 0 0 1px;
box-shadow: 0 0 1px;
opacity: 0.8; }
.tag-cloud-link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f02b';
margin-right: 3px; }
@media only screen and (min-width: 768px) {
.tag-cloud-link:hover {
opacity: 0.7;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px; }
.tag-cloud-link:active {
-webkit-box-shadow: 0 0 2px;
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: .5;
display: inline-block; }
.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;
-webkit-transition: 0.2s ease;
transition: 0.2s ease; }
.accordionBtn.active {
background-color: var(--main-link-color-hover); }
.accordionBtn::before {
font-weight: bold;
content: '＋';
display: inline-block; }
.accordionBtn.active {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@media only screen and (min-width: 768px) {
.accordionBtn {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
top: 1em; } }
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
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: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 10px 20px 0; }
.remodal-wrapper::after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""; }
.remodal {
position: relative;
outline: none;
width: 100%;
max-width: 700px;
margin-bottom: 10px;
padding: 1em;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
text-align: left; }
@media only screen and (max-width: 480px) {
.remodal {
padding: .5em;
font-size: .88em; } }
.remodal-is-initialized {
display: inline-block; }
.remodal.searchbox,
.remodal.searchbox .remodal-close {
background: none;
color: #fff; }
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes; }
.remodal,
.remodal-wrapper:after {
vertical-align: middle; }
.remodal .widget {
margin: 0 0 1em; }
.remodal-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1em auto;
padding: .5em;
cursor: pointer;
-webkit-transition: opacity 0.2s;
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; }
@-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0; } }
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0; } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
.bgfull #footer,
.bgnormal #inner-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; } }
.bgfull #inner-footer {
margin-bottom: 0; }
#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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#footer-top .footerwidget {
width: calc( 33.333333% - 1em); } }
#footer-bottom {
text-align: center;
font-size: 90%; }
.footer-links {
margin: 0 auto 1em; }
.footer-links > .menu {
margin: 0 auto; }
.footer-links .menu-item {
display: inline-block;
margin: 0 0.9em 0 0; }
.footer-links a {
text-decoration: none; }
.footer-links a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
margin-right: 2px;
color: var(--main-link-color); }
.footer-links .gf,
.footer-links .sub-menu {
display: none; }
#page-top {
position: fixed;
right: 10px;
bottom: 0;
z-index: 99999;
-webkit-transform: translateY(55px);
transform: translateY(55px);
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
#page-top.pt-active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
#page-top .pt-button {
background: rgba(102, 102, 102, 0.5) no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 3px;
text-align: center;
line-height: 55px;
padding: 0;
display: block;
color: #fff; }
#page-top .pt-button::before {
font-family: "Font Awesome 5 Free";
content: "\f077";
font-weight: 900; }
.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; }