@charset "UTF-8";
/******************************************************************
Theme Name: stork19
Theme URI: https://open-cage.com/stork19/
Description: ストークの最新モデル。誰が使っても美しいデザインのサイトがつくれます。使い方はドキュメントをご覧ください。
Version: 3.2
Author: opencage
Author URI: https://open-cage.com/
License: GNU General Public License
License URI: licence.txt
******************************************************************/
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);
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,');
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] {
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;
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: var(--stk-base-font-family, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif);
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; }
@media only screen and (min-width: 768px) {
body {
font-size: var(--stk-base-font-size-pc, 103%); } }
@media only screen and (max-width: 767px) {
body {
font-size: var(--stk-base-font-size-sp, 103%); } }
*,
*:before,
*:after {
box-sizing: border-box; }
.wrap {
max-width: 1166px;
margin: 0 auto; }
a {
color: var(--main-link-color); }
a:hover {
color: var(--main-link-color-hover); }
.has-text-color:not(.has-link-color) a:not(.wp-block-button__link) {
color: inherit; }
a,
a img,
.pickup_content__text__label,
.pickup_content__link::before,
.pickup_content__link::after {
transition: all 0.3s ease-in-out; }
a,
a img,
.fadeIn,
.fadeInUp,
.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; }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(10px); }
100% {
opacity: 1; } }
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10px); }
100% {
opacity: 1; } }
@keyframes blinkDown {
0% {
opacity: 1;
transform: translateY(-1px); }
100% {
opacity: .8;
transform: translateY(1px); } }
.fadeIn {
animation: fadeIn 0.3s ease 0s 1 both; }
.fadeInUp {
animation: fadeInUp 0.7s ease 0s 1 both; }
.fadeInDown {
animation: fadeInDown 0.6s ease 0s 1 both; }
.blinkDown {
animation: blinkDown 1.2s ease infinite alternate; }
.delay-0_1s {
animation-delay: 0.1s; }
.delay-0_2s {
animation-delay: 0.2s; }
.delay-0_3s {
animation-delay: 0.3s; }
.delay-0_4s {
animation-delay: 0.4s; }
.delay-0_5s {
animation-delay: 0.5s; }
.delay-0_6s {
animation-delay: 0.6s; }
.delay-0_8s {
animation-delay: 0.8s; }
.delay-1s {
animation-delay: 1s; }
.mw-728 {
max-width: 728px; }
.has-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); }
#stk_observer_target {
width: 100%;
height: 400px;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
.stk_header {
width: 100%;
color: var(--header-text-color);
background-color: var(--header-bg);
transition: all 0.3s;
position: relative; }
@media only screen and (min-width: 1167px) {
.stk_header.wide .wrap {
max-width: 98%; } }
.stk_header a {
text-decoration: none; }
.stk_header .nav_btn:hover {
color: var(--header-text-color); }
.stk_header a:hover {
opacity: 0.7; }
.headeroverlay .stk_header {
background: none !important;
box-shadow: none !important;
position: absolute !important;
top: var(--wp-admin--admin-bar--height, 0);
max-width: initial !important;
z-index: 9999; }
.headeroverlay .stk_header:not([data-fixheader="true"]) .ul__g_nav > li > a,
.headeroverlay .stk_header:not([data-fixheader="true"]) .nav_btn,
.headeroverlay .stk_header:not([data-fixheader="true"]) .text-logo-link,
.headeroverlay .stk_header:not([data-fixheader="true"]) .site_description {
color: var(--header-bg-overlay); }
.headeroverlay .stk_header:not([data-fixheader="true"]) .nav_btn__svgicon,
.headeroverlay .stk_header:not([data-fixheader="true"]) .nav_btn__svgicon path {
transition: fill 0.25s;
fill: var(--header-bg-overlay) !important; }
.headeroverlay .stk_custom_header__text {
margin-top: 50px; }
.fixhead-active .stk_header {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 9999;
top: var(--wp-admin--admin-bar--height, 0);
padding: 0; }
.fixhead-active.headeroverlay .stk_header {
position: fixed !important; }
.fixhead-active.headeroverlay .stk_header::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: var(--header-bg);
transform: translateY(-100%);
position: absolute;
z-index: -1;
transition: all 0.25s;
opacity: 0.9; }
.fixhead-active.headeroverlay .stk_header:hover::before {
opacity: 1; }
.fixhead-active.headeroverlay .stk_header[data-fixheader="true"]::before {
transform: translateY(0); }
.fixhead-active.headeroverlay .stk_header .sitelogo_double {
position: relative; }
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link {
transition: all 0.35s; }
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo {
position: absolute;
top: 0;
bottom: 0; }
.fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) {
opacity: 0;
transform: translateY(-50%); }
.fixhead-active.headeroverlay .stk_header[data-fixheader="true"] .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) {
opacity: 1;
transform: translateY(0); }
.fixhead-active.headeroverlay .stk_header[data-fixheader="true"] .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo {
opacity: 0;
transform: translateY(-150%); }
.site_description {
font-size: 10px;
margin: 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;
line-height: 1.5;
letter-spacing: .3px;
font-weight: 700; }
.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: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
text-transform: uppercase; }
.nav_btn .text {
font-size: 9px;
display: block;
margin-top: 6px;
transform: scale(0.9); }
.nav_btn__svgicon {
width: 1.25em;
height: 1.25em;
transition: all 0.25s;
fill: var(--header-text-color); }
#navbtn_search_content::before {
content: "キーワードで記事を検索"; }
#navbtn_search_content .searchform {
max-width: 100%; }
@media only screen and (min-width: 768px) {
#navbtn_search_content .searchform {
height: 60px; } }
@media only screen and (max-width: 767px) {
.inner-header {
position: relative;
padding: 0.2em 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.inner-header .nav_btn {
position: absolute;
top: 0;
left: 0;
width: 50px;
margin-right: auto;
order: 1; }
.inner-header .nav_btn.search_btn {
left: auto;
right: 0;
order: 3;
margin-left: auto;
margin-right: inherit; }
.site__logo {
order: 2;
flex-grow: 2;
max-width: calc(100% - 110px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 50px; }
.site__logo .site__logo__title {
word-break: break-all; }
.stk_g_nav {
display: block;
width: 100%;
order: 4;
position: relative;
max-width: 1166px;
padding: .2em 0 .2em .5em;
font-size: 70%;
font-weight: bold;
overflow: hidden;
-webkit-overflow-scrolling: touch; }
.stk_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: flex;
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none; }
.ul__g_nav::-webkit-scrollbar {
display: none; }
.ul__g_nav .sub-menu,
.ul__g_nav .gf {
display: none; }
.ul__g_nav .menu-item {
padding-right: .8em; } }
@media only screen and (min-width: 768px) {
.stk_header {
position: relative;
z-index: 999; }
.inner-header {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0 0 0 0.9em; }
.site__logo {
margin-right: auto; }
.ul__g_nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0; }
.ul__g_nav > .menu-item {
font-size: 68%;
flex-flow: row wrap;
font-weight: 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;
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;
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;
transition: .18s; }
.ul__g_nav .sub-menu .menu-item:last-child {
border-bottom: 0; }
.ul__g_nav .sub-menu a {
display: block;
width: 17em;
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; }
.headercenter .site__logo {
width: 100%;
margin: 10px auto 0; }
.headercenter .site__logo .site__logo__title {
display: inline-flex; }
.headercenter .inner-header {
justify-content: center;
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 {
transform: scale(1.1); } }
@media only screen and (min-width: 1167px) {
.bgnormal .stk_header {
margin: 0 auto;
padding: 0;
position: relative;
z-index: 5;
max-width: 1166px; }
.bgnormal .header-info {
max-width: 1166px;
position: relative;
z-index: 4;
font-weight: bold; }
.bgnormal:not(.headeroverlay) #container {
padding-top: 25px; }
.bgnormal:not(.headeroverlay) #custom_header_img {
max-width: 1166px;
margin: 25px auto; }
.bgnormal #custom_header {
margin-top: -30px;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset; }
.ul__g_nav > .menu-item {
font-size: 78%; } }
#breadcrumb {
font-size: 70%;
background-color: var(--inner-content-bg);
padding: 1em; }
.breadcrumb__ul {
display: flex;
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;
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,
.bgnormal #breadcrumb,
.bgnormal #footer {
max-width: 1166px;
margin: 25px auto; }
.bgnormal #viral-header,
.bgnormal #breadcrumb {
margin: 0 auto; }
#inner-content,
.stk_header,
.stk_header[data-fixheader="true"]::before,
#footer,
.bgfull #breadcrumb.pannavi_on_bottom,
.bgnormal #breadcrumb,
.bgnormal #viral-header {
box-shadow: 0 0 15px rgba(102, 102, 102, 0.2); }
#inner-content.page-full .alignwide,
#inner-content.viral .alignwide {
width: calc(100% + 100px);
max-width: calc(100% + 100px);
margin-left: -50px; }
#inner-content.page-full .alignfull {
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; } }
@media only screen and (min-width: 981px) {
#inner-content {
display: flex;
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%;
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;
order: 2; }
.sidebarleft #sidebar1 {
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: flex;
flex-wrap: wrap;
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;
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;
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
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;
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;
box-sizing: content-box;
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 {
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;
font-size: clamp(1.4em, 4vw, 1.9em);
margin-top: 0.67em;
margin-bottom: 0.67em; }
.h2,
h2 {
font-size: 120%;
font-size: clamp(1.2em, 2.6vw, 1.3em);
margin-top: 0.83em;
margin-bottom: 0.83em; }
.h3,
h3 {
font-size: 110%;
font-size: clamp(1.1em, 2.3vw, 1.15em);
margin-top: 1em;
margin-bottom: 1em; }
.h4,
h4 {
font-size: 105%;
margin-top: 1.33em;
margin-bottom: 1.33em; }
.h5,
h5 {
font-size: 100%;
margin-top: 1.33em;
margin-bottom: 1.33em; }
.entry-content h2:not([class*="is-style-style"]),
.homeadd_wrap h2 {
position: relative;
border: none;
font-size: 125%;
padding: 1em 1.1em;
margin-top: 2.1em;
margin-bottom: 1em;
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03); }
.entry-content h2:not([class*="is-style-style"]):not(.has-background),
.homeadd_wrap h2 {
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.2em; }
.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;
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;
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,
h5.is-style-stylenone {
border: 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;
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;
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;
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 {
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 {
filter: drop-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 {
filter: drop-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: flex;
flex-flow: row wrap;
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;
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%;
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;
box-shadow: none; }
.cta-inner .btn-wrap a {
box-shadow: none;
margin-top: 1em; }
.single .entry-content > :first-child,
.page .entry-content > :first-child {
margin-top: 0; }
#single_foot {
display: flex;
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: flex;
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%; } }
.h_ttl::after,
.h_ttl .subtext {
font-size: 11px;
margin-left: 1em;
vertical-align: middle; }
#related-box .h_ttl::after {
content: "こちらの記事も人気です"; }
#related-box.ga_recommend .h_ttl::after {
content: "関連記事（広告を含む）"; }
.stk_authorbox .h_ttl {
margin-top: 0; }
.stk_authorbox .h_ttl::after {
content: "この記事を書いた人"; }
#author-newpost .h_ttl::after {
content: "このライターの最新記事"; }
.h_ttl.subtext__none::after {
content: none; }
.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; } }
.stk_authorbox {
padding: 4% 5% 1%;
margin-bottom: 2%;
border: solid 5px #eee; }
.author_meta:not(.nowrap) {
display: flex;
font-size: 90%; }
.author_meta.nowrap:not(.bgnone) {
background-color: var(--main-ttl-bg-rgba); }
.author_meta .author_img {
width: 90px;
max-width: 30%;
margin-right: 1em;
flex-shrink: 0; }
.author_meta .avatar {
border: 3px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.author_info .author_name,
.author_info .author_name a {
font-weight: 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: flex;
flex-wrap: wrap;
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 {
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.nowrap {
overflow: hidden; }
.author_meta.nowrap .author_name {
text-align: center; }
.author_meta.nowrap .author_img {
margin: 2em auto; }
.author_meta.nowrap .avatar {
border-radius: 50%;
margin-bottom: 0; }
.author_meta.nowrap .author_info {
padding: 0 1.5em 1.5em; }
.author_meta.nowrap .socialname {
display: none; }
.author_meta.nowrap .author_sns a::before {
font-size: 140%;
margin: 0;
padding: 0 3px; }
.author_meta .author__bgimg {
margin-bottom: -5em; }
@media only screen and (max-width: 480px) {
.stk_authorbox {
margin: auto -3%; }
.stk_authorbox .author_meta {
display: block; }
.author_meta .author_img {
margin: 1em auto; }
.author_meta .author_img img {
width: 100%;
margin: auto;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }
.author_info {
font-size: 90%; }
.author_meta .author_name {
text-align: center;
margin-bottom: 0.8em; } }
.np-post-list a {
display: flex;
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 {
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: inline-flex;
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;
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__title {
margin-bottom: 0; }
.sharewrap__title::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1e0";
display: inline-block;
transform: scale(1.2);
margin: 0 0.3em; }
.sns_btn__ul {
padding: 1em 0;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0;
font-size: 80%;
font-weight: bold; }
.sns_btn__li {
width: 25%;
margin: 3px;
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: block;
text-decoration: none;
padding: 0.8em 0.1em;
border-radius: 0.3em;
position: relative;
line-height: 1.2;
text-align: center;
background: #999;
box-shadow: 0 3px 0 #777; }
.sns_btn__link::before {
font-family: "Font Awesome 5 Brands";
content: "\f384";
font-weight: 400;
display: inline-block;
font-size: 155%;
width: 1.2em; }
@media only screen and (min-width: 768px) {
.sns_btn__link::before {
margin-left: 3px;
margin-right: 3px; } }
@media only screen and (min-width: 768px) {
.sns_btn__link {
display: flex;
justify-content: center;
align-items: center; } }
.sns_btn__link,
.sns_btn__link:hover {
color: inherit; }
.sns_btn__text {
font-weight: bold; }
@media only screen and (max-width: 767px) {
.sns_btn__text {
font-size: 10px;
margin-bottom: -4px;
transform: scale(0.73);
display: block;
text-overflow: ellipsis; } }
.sns_btn__count {
position: absolute;
right: 3px;
top: 2px;
font-size: 10px;
transform: scale(0.83);
margin: 0;
min-width: 1.5em; }
.sns_btn__li.twitter .sns_btn__link {
background: #00acee;
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;
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;
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;
box-shadow: 0 3px 0 #219900; }
.sns_btn__li.line .sns_btn__link::before {
content: "\f3c0";
transform: scale(1.2); }
.sns_btn__li.pocket .sns_btn__link {
background: #ec2136;
box-shadow: 0 3px 0 #c0392b; }
.sns_btn__li.pocket .sns_btn__link::before {
content: "\f265"; }
.sns_btn__li.pinterest .sns_btn__link {
background: #e60023;
box-shadow: 0 3px 0 #c0392b; }
.sns_btn__li.pinterest .sns_btn__link::before {
content: "\f0d2"; }
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 (min-width: 768px) {
.pickup_content__link:hover,
.archives-list:not(.big-list) .post-list a:hover {
transform: translateY(-5px); }
.btn-wrap a:hover,
.wp-block-button a:hover,
.followbtn:hover,
.sns_btn__link:hover {
transform: translate3d(0, -3px, 0); }
#top_carousel a:hover,
.related_newpost__li a:hover,
.np-post-list.prev a:hover,
.np-post-list.next a:hover,
.cat_postlist__link:hover,
.related_article a:hover {
transform: translateY(-2px); }
.article-footer a:hover,
.tag-cloud-link:hover {
transform: translateY(-1px); }
.sns_btn__link:hover,
.followbtn:hover {
opacity: 0.8; } }
.wp-block-columns.has-background {
padding: 1.25em; }
.wp-block-columns.stk-mobile-columns_on {
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: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6 50%); }
.span-stk-maker-pink,
.span__stk_maker_pink {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd5d5 50%); }
.span-stk-maker-blue,
.span__stk_maker_blue {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #b5dfff 50%); }
.span-stk-maker-green {
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 {
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;
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: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 1166px; }
#custom_header .en {
font-size: 240%;
font-size: clamp(28px, 6vw, 45px);
margin-bottom: 0.375em; }
#custom_header .ja {
font-size: 85%;
font-size: clamp(12px, 1.5vw, 15px);
font-weight: 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; }
@media only screen and (min-width: 768px) {
#custom_header .stk_custom_header__text {
width: 100%;
max-width: 600px; }
#custom_header.textleft .wp-block-cover__inner-container {
justify-content: flex-start; }
#custom_header.textright .wp-block-cover__inner-container {
justify-content: flex-end; } }
#custom_header_img {
text-align: center;
margin-bottom: 1em; }
#custom_header_img img {
margin: -1px auto 0; }
@media only screen and (min-width: 1166px) {
.pickup_content__ul {
margin: 10px -7px -5px; }
.post-template-single-viral .pickup_content__ul {
margin: 10px -7px; } }
@media only screen and (min-width: 981px) {
#custom_header + .pickup_content {
margin-top: 25px; } }
.pickup_content {
margin: 0.5em auto;
max-width: 1166px; }
.pickup_content .pickup_content__img {
margin: 0;
padding: 0;
border: none; }
.pickup_content__ul {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
font-size: 80%;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.pickup_content__ul {
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;
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: flex;
flex-direction: column;
justify-content: 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;
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 {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); }
.pickup_content__link:hover .pickup_content__text__label {
box-shadow: 0 0 20px 3px; }
.pickup_content__link:hover::before, .pickup_content__link:hover::after {
width: 4em;
height: 4em; }
#sidebar1 .pickup_content__ul {
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;
box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
text-decoration: none;
width: 100%;
padding: 2.5%;
display: block;
overflow: hidden; }
.related_article__link:hover {
color: #888888;
box-shadow: 0 0 10px rgba(125, 125, 125, 0.5); }
.related_article__link:active {
transform: translateY(1px);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5); }
.related_article.typecard .related_article__link {
max-width: 350px; }
.related_article.typecard .eyecatch {
margin-bottom: 0.7em; }
.related_article.typesimple .related_article__link {
display: flex;
align-items: flex-start; }
.related_article.typesimple .archives_post__meta {
flex: 1; }
.related_article.typesimple .eyecatch {
width: 22%;
min-width: 100px;
margin-right: 0.7em; }
.related_article.typesimple .eyecatch .wp-post-image {
width: 100%;
margin-bottom: 0; }
.related_article.typetext {
margin-top: 0;
margin-bottom: 0; }
.related_article.typetext .related_article__link {
color: var(--main-text-color);
background: none;
padding: 0.3em;
box-shadow: none; }
.related_article.typetext .related_article__meta {
display: flex; }
.related_article.typetext .time__date {
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
flex-shrink: 0; }
.related_article.typetext .ttl {
margin: 0; }
.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;
transform: rotate(-20deg); }
.is-style-p_microcopy {
max-width: 85%;
margin: 0 auto 0.5em; }
.is-style-p_microcopy::after {
left: auto;
right: 0;
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;
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.1rem;
padding: 0.1em 0.7em;
background-color: var(--main-ttl-bg);
color: #fff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: middle;
text-align: center;
min-width: 3em; }
@media only screen and (max-width: 480px) {
.cbox.intitle .span__box_title {
font-size: 88%; } }
.cbox.intitle .span__box_title:empty {
visibility: hidden; }
.cbox.is-style-blue_box {
background: var(--oc-box-blue-inner);
border-color: var(--oc-box-blue);
color: #465d65; }
.cbox.is-style-blue_box .span__box_title {
background: var(--oc-box-blue); }
.cbox.is-style-red_box {
background: var(--oc-box-red-inner);
border-color: var(--oc-box-red);
color: #654646; }
.cbox.is-style-red_box .span__box_title {
background: var(--oc-box-red); }
.cbox.is-style-yellow_box {
background: var(--oc-box-yellow-inner);
border-color: var(--oc-box-yellow);
color: #636546; }
.cbox.is-style-yellow_box .span__box_title {
background: var(--oc-box-yellow); }
.cbox.is-style-green_box {
background: var(--oc-box-green-inner);
border-color: var(--oc-box-green);
color: #42613a; }
.cbox.is-style-green_box .span__box_title {
background: var(--oc-box-green); }
.cbox.is-style-pink_box {
background: var(--oc-box-pink-inner);
border-color: var(--oc-box-pink);
color: #654646; }
.cbox.is-style-pink_box .span__box_title {
background: var(--oc-box-pink); }
.cbox.is-style-glay_box {
background: var(--oc-box-gray-inner);
border-color: var(--oc-box-gray);
color: #444444; }
.cbox.is-style-glay_box .span__box_title {
background: var(--oc-box-gray); }
.cbox.is-style-black_box {
background: var(--oc-box-black-inner);
border-color: var(--oc-box-black);
color: #ffffff; }
.cbox.is-style-black_box .span__box_title {
background: var(--oc-box-black); }
.cbox.type_ttl {
padding: 0;
position: static;
border-radius: 0;
background: none;
color: inherit; }
.cbox.type_ttl .cboxcomment {
padding: 1em 3%; }
.cbox.type_ttl .span__box_title {
width: 100%;
position: static;
border-radius: 0;
vertical-align: top; }
.cbox.type_simple {
background-color: var(--inner-content-bg); }
.cbox.type_simple .span__box_title {
background-color: var(--inner-content-bg);
color: var(--main-ttl-bg); }
.cbox.type_simple.is-style-blue_box .span__box_title {
color: var(--oc-box-blue); }
.cbox.type_simple.is-style-red_box .span__box_title {
color: var(--oc-box-red); }
.cbox.type_simple.is-style-yellow_box .span__box_title {
color: var(--oc-box-yellow); }
.cbox.type_simple.is-style-green_box .span__box_title {
color: var(--oc-box-green); }
.cbox.type_simple.is-style-pink_box .span__box_title {
color: var(--oc-box-pink); }
.cbox.type_simple.is-style-glay_box .span__box_title {
color: var(--oc-box-gray); }
.cbox.type_simple.is-style-black_box,
.cbox.type_simple.is-style-black_box .span__box_title {
color: var(--oc-box-black); }
.cbox.is-style-site_color {
border-color: var(--main-ttl-bg); }
.cbox:not(.type_simple):not(.type_ttl).is-style-site_color {
background-color: var(--main-ttl-bg-rgba); }
.cbox.type_simple.is-style-site_color .span__box_title {
color: var(--main-ttl-bg); }
.cbox:not(.type_simple).is-style-site_color .span__box_title {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color); }
.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;
transition: .17s; }
.accordion_check:checked + .accordion_label::after {
transform: rotate(-180deg); }
.accordion_content {
position: relative;
z-index: 2;
border-top: none;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 1em;
margin: 0 3px;
transition: .17s;
visibility: hidden;
background-color: var(--inner-content-bg); }
.accordion_check:checked + .accordion_label + .accordion_content {
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
transform: translateY(-3px);
visibility: visible; }
.accordion:not(.is-style-accordion_type_simple) {
font-size: 95%;
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 {
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 {
transform: scale(1.2); }
.faq-icon--simple .oc-faq__title::before {
color: #f55e5e; }
.faq-icon--simple .oc-faq__comment::before {
color: #1bb4d4; }
.faq-icon--bg_themecolor .oc-faq__title::before,
.faq-icon--bg_themecolor .oc-faq__comment::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color); }
.faq-icon--bg_monoqlo .oc-faq__title::before,
.faq-icon--bg_monoqlo .oc-faq__comment::before {
border: 1px solid #333;
background: #333;
color: #fff; }
.faq-icon--bg_monoqlo .oc-faq__comment::before {
background: #fff;
color: #333; }
.faq-icon--border .oc-faq__title::before,
.faq-icon--border .oc-faq__comment::before {
border: 1px solid; }
.faq-icon--radius_none .oc-faq__title::before,
.faq-icon--radius_none .oc-faq__comment::before {
border-radius: 0; }
.faq-icon--radius_maru .oc-faq__title::before,
.faq-icon--radius_maru .oc-faq__comment::before {
border-radius: 50%; }
.is-style-faq_type_border,
.is-style-faq_type_border__dot,
.is-style-faq_type_bg1,
.is-style-faq_type_bg2,
.is-style-faq_type_bg3 {
padding: 3% 3%; }
.is-style-faq_type_border {
border: 2px solid rgba(102, 102, 102, 0.3); }
.is-style-faq_type_border__dot {
border: 2px dashed rgba(102, 102, 102, 0.3); }
.is-style-faq_type_bg1 {
position: relative; }
.is-style-faq_type_bg1::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 100%;
height: 100%;
opacity: 0.2; }
.is-style-faq_type_bg2 {
background: rgba(102, 102, 102, 0.1); }
.is-style-faq_type_bg3 {
background: #fff; }
.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-"]) {
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;
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%);
animation-name: shiny;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
@keyframes shiny {
0% {
transform: scale(0) rotate(25deg);
opacity: 0; }
50% {
transform: scale(1) rotate(25deg);
opacity: 0.5; }
100% {
transform: scale(50) rotate(25deg);
opacity: 0; } }
.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 {
transform: translate3d(0, 1px, 1px);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }
.btn-wrap a,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color) {
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);
box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw); }
.btn-wrap.rich_pink a,
.wp-block-button.is-style-rich_pink .wp-block-button__link {
background-color: var(--oc-btn-rich_pink);
box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw); }
.btn-wrap.rich_orange a,
.wp-block-button.is-style-rich_orange .wp-block-button__link {
background-color: var(--oc-btn-rich_orange);
box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw); }
.btn-wrap.rich_green a,
.wp-block-button.is-style-rich_green .wp-block-button__link {
background-color: var(--oc-btn-rich_green);
box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw); }
.btn-wrap.rich_blue a,
.wp-block-button.is-style-rich_blue .wp-block-button__link {
background-color: var(--oc-btn-rich_blue);
box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw); }
@media only screen and (min-width: 768px) {
.btn-wrap a:hover,
.wp-block-button .wp-block-button__link:hover {
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;
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;
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;
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;
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;
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: flex;
flex-flow: row wrap;
width: 100%; }
.column-wrap .column_2,
.column-wrap .column_3 {
width: calc(50% - 0.5em);
margin: 0 0.5em 0.5em; }
.column-wrap .column_3 {
width: calc(33.3333% - 0.85em); }
.column-wrap .column_4 {
width: calc(25% - 0.5em); }
.column-wrap .column_5 {
width: calc(20% - 0.5em); }
.column-wrap .child_column:first-child {
margin-left: 0; }
.column-wrap .child_column:last-child {
margin-right: 0; }
.column-wrap p {
margin-bottom: 0.5em; }
.column-wrap .child_column img {
margin-bottom: 1.5%; }
.column-wrap .child_column h2,
.column-wrap .child_column h3 {
margin-top: 1em; } }
.voice {
margin: 1em 0 1.3em;
font-size: 95%;
overflow: hidden;
display: flex;
align-items: flex-start; }
.voice .voicecomment {
border: 5px solid rgba(213, 213, 213, 0.5);
margin-top: 1em;
padding: 2.5%;
position: relative;
border-radius: 0.6em;
flex: 1; }
.voice .voicecomment p {
margin-bottom: 1em; }
.voice .voicecomment::after {
content: "";
position: absolute;
top: 13px;
left: -19px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-right-color: inherit;
border-width: 7px; }
.voice.r {
flex-flow: row-reverse; }
.voice.r .voicecomment::after {
left: auto;
right: -19px;
border-color: transparent;
border-left-color: inherit;
border-width: 7px; }
.voice.fb .voicecomment,
.voice.comment_blue .voicecomment {
background: #418ed8;
border-color: #418ed8;
color: #fff; }
.voice.line .voicecomment,
.voice.comment_green .voicecomment {
background: #7ACC40;
border-color: #7ACC40;
color: #fff; }
.voice.comment_gray .voicecomment {
background: #eee;
border-color: #eee;
color: #222; }
.voice.comment_pink .voicecomment {
background: #ffecec;
border-color: #ffecec; }
.voice.comment_yellow .voicecomment {
background: #fbf79f;
border-color: #fbf79f; }
.voice.comment_white .voicecomment {
background: #fff;
border-color: #fff;
color: #222; }
.voice .icon {
width: 12%;
min-width: 80px;
text-align: center; }
.voice .icon .name {
font-size: 0.65em;
padding: 0.4em 0; }
.voice.big .icon {
width: 18%; }
.voice.l .icon {
margin-right: 1em; }
.voice.r .icon {
margin-left: 1em; }
.voice .voice_icon__img {
border-radius: 50%;
margin: 0;
border: 4px solid #f5f5f5; }
.voice.icon_red .voice_icon__img {
border-color: #ec6565; }
.voice.icon_blue .voice_icon__img {
border-color: #418ed8; }
.voice.icon_yellow .voice_icon__img {
border-color: #fbf79f; }
.voice.icon_black .voice_icon__img {
border-color: #222; }
.voice.icon_color_none .voice_icon__img {
border-color: transparent; }
.cat_postlist {
width: 100%;
margin-bottom: 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: flex;
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: flex;
align-items: flex-start; }
.cat_postlist.typesimple .eyecatch {
width: 30%;
max-width: 110px;
margin-right: 0.7em;
overflow: hidden;
text-align: center; }
.cat_postlist.typesimple .archives_post__meta {
flex: 1; }
.cat_postlist.typetext .cat_postlist__link {
padding: 0.5em 0.3em;
border-bottom: 1px dotted rgba(102, 102, 102, 0.3); }
.cat_postlist.typetext.text__datefirst .archives_post__meta {
display: flex; }
.cat_postlist.typetext.text__datefirst .time__date {
order: -1;
margin-right: 0.2em;
margin-top: 2px;
min-width: 7.5em;
flex-shrink: 0; }
.cat_postlist .wp-block-button {
margin: 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;
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"; }
.archive-title.ttl-author {
display: flex;
align-items: center; }
.archive-title.ttl-author .avatar {
width: 50px;
border-radius: 50%;
margin-right: 5px;
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3); }
.archives-list: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;
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: flex;
align-items: flex-start;
width: 100%;
padding: 3%;
background-color: var(--inner-content-bg); }
.archives-list.simple-list .eyecatch {
flex-shrink: 0;
width: 40%;
max-width: 280px;
margin-bottom: 0 !important; }
.archives-list.simple-list .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: flex;
justify-content: space-between;
flex-wrap: wrap;
word-break: break-all;
margin: 0.5em auto; }
@media only screen and (min-width: 481px) {
.archives-list.card-list {
margin: 0 auto; } }
.archives-list.card-list .post-list__link {
height: 100%;
padding: 1em;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.archives-list.card-list .eyecatch {
margin: -1em -1em 1em;
overflow: hidden; }
.archives-list.card-list .post-list {
margin-bottom: 1.4em;
width: 100%; }
@media only screen and (min-width: 481px) {
.archives-list.card-list .post-list {
width: calc(50% - 0.7em); } }
@media only screen and (max-width: 480px) {
.archives-list.card-list.card-column2-sp {
margin: 0 -5px; }
.archives-list.card-list.card-column2-sp .post-list {
width: calc(50% - 0.5em);
font-size: 70%; }
.archives-list.card-list.card-column2-sp .description {
display: none; } }
@media only screen and (min-width: 768px) {
.archives-list:not(.big-list) .post-list__link:hover {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } }
.pagination,
.page-links {
font-size: 90%;
text-align: center;
display: flex;
flex-wrap: wrap;
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;
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: inline-flex;
justify-content: 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;
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;
box-shadow: 0 0 5px; }
.tag-cloud-link:active {
box-shadow: 0 0 2px; } }
.widget_nav_menu .menu-item a .gf {
display: none; }
.widget li .time__date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: .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;
transition: 0.2s ease; }
.accordionBtn.active {
background-color: var(--main-link-color-hover); }
.accordionBtn::before {
font-weight: bold;
content: '＋';
display: inline-block; }
.accordionBtn.active {
transform: rotate(45deg); }
@media only screen and (min-width: 768px) {
.accordionBtn {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
top: 1em; } }
html.remodal-is-locked {
overflow: hidden;
touch-action: none; }
.remodal,
[data-remodal-id] {
display: none; }
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
background: rgba(43, 46, 56, 0.9); }
.remodal-wrapper {
position: fixed;
z-index: 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;
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 {
filter: blur(3px); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes; }
.remodal,
.remodal-wrapper:after {
vertical-align: middle; }
.remodal .widget {
margin: 0 0 1em; }
.remodal-close {
display: flex;
align-items: center;
margin: 1em auto;
padding: .5em;
cursor: pointer;
transition: opacity 0.2s;
color: currentColor;
background: none;
font-size: 1.2em; }
.remodal-close:not(:hover):not(:focus) {
opacity: 0.5; }
.remodal-close .svgicon_close {
width: 1.2em; }
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0; }
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0; }
to {
transform: none;
opacity: 1; } }
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.95);
opacity: 0; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
#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; } }
#footer-top .widgettitle {
font-size: 110%;
padding: 0.4em 0.1em;
background: none;
color: var(--footer-text-color); }
@media only screen and (min-width: 768px) {
#footer-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#footer-top .footerwidget {
width: calc( 33.333333% - 1em); } }
#footer-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;
transform: translateY(55px);
transition: transform 0.2s ease-out; }
#page-top.pt-active {
transform: translateY(-10px); }
#page-top .pt-button {
background: rgba(102, 102, 102, 0.5) no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 3px;
text-align: center;
line-height: 55px;
padding: 0;
display: block;
color: #fff; }
#page-top .pt-button::before {
font-family: "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; }