@charset "UTF-8";
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}div.yyi-rinker-contents {
margin: 2em 0;
padding: 0;
border: solid 1px #dbdbdb;
background-color: #fff;
box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
position: relative;
overflow: visible;
}
div.yyi-rinker-contents a {
border: none;
}
div.yyi-rinker-contents div.yyi-rinker-box{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
box-sizing: border-box;
padding: 12px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
padding: 0;
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 175px;
min-width: 175px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 200px;
min-width: 200px;
}
.yyi-rinker-images {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 5px;
}
div.yyi-rinker-image img.yyi-rinker-main-img.hidden {
display: none;
}
.yyi-rinker-images-arrow {
cursor: pointer;
position: absolute;
top: 50%;
display: block;
margin-top: -11px;
opacity: 0.6;
width: 22px;
}
.yyi-rinker-images-arrow-left{
left: -10px;
}
.yyi-rinker-images-arrow-right{
right: -10px;
}
.yyi-rinker-images-arrow-left.hidden {
display: none;
}
.yyi-rinker-images-arrow-right.hidden {
display: none;
} div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info{
width: calc(100% - 175px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 200px);
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #333;
text-decoration: none;
}
div.yyi-rinker-contents div.yyi-rinker-title p{
margin: 5px;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: 0.8em;
color: #999;
padding-left: 15px;
}
div.yyi-rinker-contents div.yyi-rinker-detail a {
text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
color: #aaa;
}
div.yyi-rinker-contents div.yyi-rinker-detail .free-text {
color: #aaa;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
border: none;
list-style-type: none;
display: inline-flex;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px auto;
padding: 0;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
content: '';
position: static;
margin: 2px 5px;
padding: 0;
border-radius: 2px;
border: none;
box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);
-ms-flex: 0 0 auto;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before {
content: '';
position: static;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .30);
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #f6a306;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
position: relative;
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
height: 30px;
line-height: 30px;
padding: 0 18px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
border: none;
opacity: 0.7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: white;
text-align: center;
border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
order: 20;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
background: #666;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #cf4944;
order: 30;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #51a7e8;
order: 40;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
background-color: #ff0211;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
background: #4072B3;
order: 10;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
background: #4DC0B2;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
background: #6f63ad;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
background: #63ad87;
order: 55;
}
div.yyi-rinker-contents ul.yyi-rinker-links img,
div.yyi-rinker-contents div.yyi-rinker-title img,
div.yyi-rinker-contents div.yyi-rinker-image a + img{
display: none;
}
div.yyi-rinker-detail .credit-box {
font-size: 75%;
}
ul.yyi-rinker-links li::before {
background-color: transparent;
}
@media all and (max-width: 420px) {
.yyi-rinker-images {
margin: auto;
}
}
@media all and (max-width: 420px) and (min-width: 321px) {
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 15px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 125px;
min-width: 125px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 150px;
min-width: 150px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 125px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 150px);
}
}
@media all and (max-width: 320px) {
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 7px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 100px;
min-width: 100px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 125px;
min-width: 125px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 100px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 125px);
}
}
body div.yyi-rinker-contents ul.yyi-rinker-links li {
list-style: none;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li:before {
position: absolute;
}
div.yyi-rinker-contents p{
padding: 0;
}
div.yyi-rinker-contents img{
margin-bottom: 0;
} div.yyi_rinker-gutenberg input.rinkerg-richtext{
width: 300px;
}
input.rinkerg-richtext {
width: 70%;
} div.yyi-rinker-contents div.yyi-rinker-detail .free-text .count-in{
color: #333;
} .editor-styles-wrapper div.yyi-rinker-contents .count-top p {
margin-top: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-tate  div.yyi-rinker-box{
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
width: 100%;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
margin: auto;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
flex-direction: column;
padding: 14px 5px 0;
}
.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}
.yyi-rinker-design-slim div.price-box span.price {
display: block;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{
font-size:16px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
font-size:12px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
font-size: 13px;
} .yyi-rinker-contents .yyi-rinker-info {
padding-left: 10px;
}
.yyi-rinker-img-s .yyi-rinker-image .yyi-rinker-images img{
max-height: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image .yyi-rinker-images img{
max-height: 175px;
}
.yyi-rinker-img-l .yyi-rinker-image .yyi-rinker-images img{
max-height: 200px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
flex-direction: column;
align-items: center;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails {
display: flex;
flex-direction: row;
flex-wrap : wrap;
list-style: none;
border:none;
padding: 0;
margin: 5px 0;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{
cursor: pointer;
height: 32px;
text-align: center;
vertical-align: middle;
width: 32px;
border:none;
padding: 0;
margin: 0;
box-sizing: content-box;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li img {
vertical-align: middle;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li {
border: 1px solid #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li.thumb-active {
border: 1px solid #eee;
} div.yyi-rinker-contents.yyi-rinker-design-mini {
border: none;
box-shadow: none;
background-color: transparent;
} .yyi-rinker-design-mini div.yyi-rinker-info ul.yyi-rinker-links,
.yyi-rinker-design-mini div.yyi-rinker-info .brand,
.yyi-rinker-design-mini div.yyi-rinker-info .price-box {
display: none;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .credit-box{
text-align: right;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-info {
width:100%;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title {
line-height: 1.2;
min-height: 2.4em;
margin-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 12px;
text-decoration: none;
text-decoration: underline;
}
div.yyi-rinker-contents.yyi-rinker-design-mini {
position: relative;
max-width: 100%;
border: none;
border-radius: 12px;
box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
background-color: #fff;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
border: none;
}
.yyi-rinker-design-mini div.yyi-rinker-image {
width: 60px;
min-width: 60px;
}
.yyi-rinker-design-mini div.yyi-rinker-image img{
max-height: 3.6em;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.credit-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.brand,
.yyi-rinker-design-mini div.yyi-rinker-detail div.price-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-detail {
padding: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-image a {
margin-bottom: 16px;
}
@media (min-width: 768px){
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
padding-left: 24px;
}
}
@media (max-width: 767px){
div.yyi-rinker-contents.yyi-rinker-design-mini {
max-width:100%;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
flex-direction: row;
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
margin-bottom: 16px;
padding-left: 16px;
text-align: left;
}
}
div.yyi-rinker-contents .yyi-rinker-attention {
display: inline;
line-height: 30px;
position: absolute;
top: -10px;
left: -9px;
min-width: 60px;
padding: 0;
height: 30px;
text-align: center;
font-weight: 600;
color: #ffffff;
background: #fea724;
z-index: 10;
}
div.yyi-rinker-contents .yyi-rinker-attention span{
padding: 0 15px;
}
.yyi-rinker-attention-before, .yyi-rinker-attention-after {
display: inline;
position: absolute;
content: '';
}
.yyi-rinker-attention-before {
bottom: -8px;
left: 0.1px;
width: 0;
height: 0;
border-top: 9px solid;
border-top-color: inherit;
border-left: 9px solid transparent;
z-index: 1;
}
.yyi-rinker-attention-after {
top: 0;
right: -14.5px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid;
border-left-color: inherit;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
display: flex;
position: absolute;
top: -20px;
left: -20px;
width: 60px;
height: 60px;
min-width: auto;
min-height: auto;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
background: #fea724;
font-weight: 600;
font-size: 17px;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .yyi-rinker-attention.attention_desing_circle{
top: -14px;
left: -14px;
width: 36px;
height: 36px;
font-size: 12px;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle span {
padding: 0;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-after,
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-before{
display: none;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
width: 89px;
height: 91px;
position: absolute;
top: -1px;
right: -1px;
left: auto;
overflow: hidden;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon span {
display: inline-block;
width: 146px;
position: absolute;
padding: 4px 0;
left: -13px;
top: 12px;
text-align: center;
font-size: 12px;
line-height: 24px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
background: none;
}
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-after,
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-before{
display:none;
}
div.yyi-rinker-use-right_ribbon div.yyi-rinker-title {
margin-right: 2rem;
}
 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;
}
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;
}
dd {
margin: 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: #666;
border: 3px solid rgba(66, 66, 66, 0.3);
border-radius: 1px;
max-width: 96%;
background-color: #fff;
-webkit-transition: background-color .24s ease-in-out;
transition: background-color .24s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
}
#main textarea {
width: 100%;
}
input[type=password] {
letter-spacing: .3em;
}
textarea {
max-width: 100%;
min-height: 90pt;
line-height: 1.5;
}
select {
-webkit-appearance: none;
background-image: url(//bedroom-danikiller.com/wp-content/themes/jstork19/images/select_arrow.png);
background-repeat: no-repeat;
background-position: 97.5% center;
background-size: 9px;
}
@media only screen and (max-width: 480px) {
#main .field,
#main input[type="color"],
#main input[type="date"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="email"],
#main input[type="month"],
#main input[type="number"],
#main input[type="password"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="text"],
#main input[type="time"],
#main input[type="url"],
#main input[type="week"],
#main select,
#main textarea {
width: auto;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.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 {
width: 92%;
max-width: 92%;
}
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none;
}
select::-ms-expand {
display: none;
}
select {
line-height: 1.2;
}
button,
html input[type="button"],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
font-size: .95em;
padding: 8px 20px;
background: #666;
color: #fff;
border: 0;
border-radius: 5px;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.cf,
.comment-respond,
.widget li {
zoom: 1;
}
.cf:after,
.cf:before,
.comment-respond:after,
.comment-respond:before {
content: "";
display: table;
}
.cf:after,
.comment-respond:after {
clear: both;
}
#submit,
.blue-btn {
display: inline-block;
position: relative;
font-size: 90%;
font-weight: 400;
padding: 1em;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color .14s ease-in-out;
transition: background-color .14s ease-in-out;
}
#submit,
#submit:focus,
#submit:hover,
.blue-btn {
text-decoration: none;
color: #fff;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
text-rendering: optimizelegibility;
letter-spacing: .3px;
font-weight: 700;
}
.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;
line-height: 1.5;
}
.h2,
h2 {
font-size: 1.5em;
line-height: 1.4;
margin-bottom: .375em;
}
.h3,
h3 {
font-size: 1.3em;
}
.h4,
h4 {
font-size: 1.2em;
}
.h5,
h5 {
font-size: 1em;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 103%;
line-height: 1.9;
letter-spacing: .3px;
color: var(--main-text-color);
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
background: #f7f7f7;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrap {
max-width: 1166px;
margin: 0 auto;
}
a {
color: var(--main-link-color);
}
a:hover {
color: var(--main-link-color-hover);
}
a,
a img,
.pickup_content__text__label,
.pickup_content__link::before,
.pickup_content__link::after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a,
a img,
.fadeIn,
.fadeInUp,
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a:hover img {
opacity: 0.8;
}
a:link,
a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.disable-hover {
pointer-events: none;
}
[role=button] {
cursor: pointer;
}
iframe {
max-width: 100%;
}
.wp-block-embed.alignwide iframe,
.wp-block-embed.alignfull iframe {
max-width: initial;
}
.txt_c {
text-align: center;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}
.txt_s {
font-size: 80%;
}
.txt_m {
font-size: 150%;
}
.txt_l {
font-size: 250%;
}
.txt_ll {
font-size: 350%;
}
.alignleft,
img.alignleft {
margin-right: 2.5%;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 2.5%;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.wp-block-button.alignright,
.wp-block-button.alignleft,
.wp-block-embed.alignright,
.wp-block-embed.alignleft {
display: block;
float: none;
}
.wp-block-embed.alignright .wp-block-embed__wrapper > div {
margin-left: auto;
}
.wp-block-embed.aligncenter .wp-block-embed__wrapper > div {
margin-left: auto;
margin-right: auto;
}
hr.wp-block-separator:not([class*="is-style-"]),
hr.wp-block-separator.is-style-default {
width: 7em;
border: 1px solid;
}
hr:not(.wp-block-separator) {
margin: 1.8em 0;
border-width: 1px 0 0;
border-style: dashed;
}
hr.wp-block-separator.is-style-wide {
border-style: solid;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
}
@keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
}
.fadeIn {
-webkit-animation: fadeIn 0.3s ease 0s 1 both;
animation: fadeIn 0.3s ease 0s 1 both;
}
.fadeInUp {
-webkit-animation: fadeInUp 0.7s ease 0s 1 both;
animation: fadeInUp 0.7s ease 0s 1 both;
}
.fadeInDown {
-webkit-animation: fadeInDown 0.6s ease 0s 1 both;
animation: fadeInDown 0.6s ease 0s 1 both;
}
.delay-0_1s {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.delay-0_2s {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay-0_3s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay-0_4s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay-0_5s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-0_6s {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.delay-0_8s {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.mw-728 {
max-width: 728px;
}
.has-mainttlbg-color {
color: var(--main-ttl-bg);
}
.has-mainttlbg-background-color {
background-color: var(--main-ttl-bg);
}
.has-mainttltext-color {
color: var(--main-ttl-color);
}
.has-mainttltext-background-color {
background-color: var(--main-ttl-color);
}
#header {
width: 100%;
color: var(--header-text-color);
}
.bgfull #header,
.bgnormal #inner-header {
background-color: var(--header-bg);
}
.fixhead-active #header {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 9999;
top: 0;
padding: 0;
}
.bgfull.fixhead-active #header {
margin-top: 0;
}
#header a {
text-decoration: none;
}
#header a.nav_btn:hover {
color: inherit;
}
#header a:hover {
opacity: 0.7;
}
.site_description {
font-size: 10px;
margin: 4px 0 0;
line-height: 1.2;
width: 100%;
}
.header-info {
margin: auto;
}
.header-info .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 .header-info__link:hover {
color: #fff;
opacity: 0.9;
}
.header-info .header-info__link i,
.header-info .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 .h1 {
margin: 0;
padding: 0;
}
#site__logo.fs_ss .text {
font-size: 133%;
}
#site__logo.fs_s .text {
font-size: 161%;
}
#site__logo.fs_l .text {
font-size: 285%;
}
#site__logo.fs_ll .text {
font-size: 380%;
}
#site__logo.fs_ss .custom-logo {
max-height: 18px;
}
#site__logo.fs_s .custom-logo {
max-height: 25px;
}
#site__logo.fs_m .custom-logo {
max-height: 35px;
}
#site__logo.fs_l .custom-logo {
max-height: 60px;
}
#site__logo.fs_ll .custom-logo {
max-height: 100vh;
}
#ul__g_nav .sub-menu .gf {
display: none !important;
}
.nav_btn {
width: 3em;
min-height: 50px;
padding: 8px 0;
border: none;
background: none;
text-align: center;
color: var(--header-text-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}
.nav_btn .text {
font-size: 9px;
display: block;
margin-top: 6px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.nav_btn::before,
.search_btn::before {
font-family: 'skticon';
content: '\e900';
font-size: 125%;
width: 100%;
display: block;
}
.search_btn:before,
.widget_search button::before,
#main .entry-content .searchform button::before,
.searchbox .searchform button::before {
font-family: 'skticon';
content: '\e901';
}
.searchbox::before {
content: "キーワードで記事を検索";
}
.searchbox .searchform {
position: relative;
}
.searchbox input[type="search"] {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.2;
font-size: 16px;
padding: 17px 1.5%;
}
.searchbox button.searchsubmit {
color: initial;
position: absolute;
right: 3px;
top: 50%;
-webkit-transform: translateY(-48%);
transform: translateY(-48%);
border: 0;
background: none;
display: inline-block;
width: 1.8em;
height: 100%;
padding: 0 2%;
font-size: 160%;
}
@media only screen and (max-width: 767px) {
#inner-header {
position: relative;
padding: 0.2em 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#inner-header .nav_btn {
position: absolute;
top: 0;
left: 0;
width: 50px;
margin-right: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#inner-header .nav_btn.search_btn {
left: auto;
right: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: auto;
margin-right: inherit;
}
#site__logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
max-width: calc(100% - 110px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
}
#site__logo .h1 {
word-break: break-all;
}
#g_nav {
display: block;
width: 100%;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
position: relative;
max-width: 1166px;
padding: .2em 0 .2em .5em;
font-size: 70%;
font-weight: bold;
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
#g_nav a {
color: inherit;
text-decoration: none;
display: block;
padding: .3em .9em;
background: rgba(255, 255, 255, 0.11);
border-radius: 1em;
}
#ul__g_nav {
width: 100%;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
white-space: nowrap;
}
#ul__g_nav::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 160%;
content: "\f101";
color: #fff;
position: absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
right: 3px;
margin-top: -0.22em;
opacity: .5;
-webkit-animation: blink 1.2s ease infinite alternate;
animation: blink 1.2s ease infinite alternate;
}
#ul__g_nav .sub-menu,
#ul__g_nav .gf {
display: none;
}
#ul__g_nav .menu-item {
padding-right: .8em;
}
}
@media only screen and (min-width: 768px) {
#header {
position: relative;
z-index: 999;
}
#inner-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 0 0.9em;
}
#site__logo {
margin-right: auto;
}
#ul__g_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
#ul__g_nav > .menu-item {
font-size: 68%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-weight: bold;
}
#ul__g_nav > .menu-item > a {
color: inherit;
display: block;
padding: 0.7em 1em;
text-align: center;
position: relative;
}
#ul__g_nav > .menu-item > a::after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
width: 0;
border-bottom: 2px solid;
}
#ul__g_nav > .menu-item > a:hover::after {
left: 0;
width: 100%;
}
#ul__g_nav .gf {
display: block;
font-weight: normal;
font-size: 84%;
margin-top: -0.5em;
opacity: 0.8;
}
#ul__g_nav > .menu-item[class*="menu-btn-"] > a {
background: #333;
color: #fff;
}
#ul__g_nav > .menu-item.menu-btn-white > a {
background: #fff;
color: #333;
}
#ul__g_nav > .menu-item.menu-btn-gray > a {
background: rgba(102, 102, 102, 0.3);
color: inherit;
}
#ul__g_nav > .menu-item.menu-btn-lightgray > a {
background: rgba(102, 102, 102, 0.1);
color: inherit;
}
#ul__g_nav .sub-menu {
font-weight: bold;
margin: 0;
text-align: left;
position: absolute;
z-index: 8999;
-webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
background-color: var(--footer-bg);
}
#ul__g_nav .sub-menu .menu-item {
position: relative;
overflow: hidden;
line-height: 1.2;
height: 0;
-webkit-transition: .18s;
transition: .18s;
}
#ul__g_nav .sub-menu .menu-item:last-child {
border-bottom: 0;
}
#ul__g_nav .sub-menu a {
display: block;
width: 240px;
padding: 0.9em 0.5em;
color: var(--footer-link-color);
}
#ul__g_nav .sub-menu a:hover {
opacity: 0.8;
}
#ul__g_nav .menu-item:hover > .sub-menu > .menu-item {
overflow: visible;
height: 3em;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#ul__g_nav .sub-menu .sub-menu {
top: 0;
left: 100%;
}
body:not(.headercenter) #inner-header .menu_btn {
display: none;
}
.bgnormal #header {
position: relative;
z-index: 1;
}
.headercenter #site__logo {
width: 100%;
margin: 10px auto;
}
.headercenter #site__logo .h1 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.headercenter #inner-header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
text-align: center;
position: relative;
}
.headercenter .search_btn {
position: absolute;
right: 0;
top: 0.3em;
}
.headercenter .menu_btn {
display: inline-block;
position: absolute;
left: 0;
top: 0.3em;
}
.headercenter .nav_btn {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media only screen and (min-width: 1167px) {
.bgnormal #header {
margin: 25px auto 0;
padding: 0;
position: relative;
z-index: 5;
}
.bgnormal .header-info {
max-width: 1166px;
position: relative;
z-index: 4;
font-weight: bold;
}
.bgnormal #custom_header {
margin-top: -30px;
-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.bgfull.post-template-single-viral #content {
margin-top: 0;
}
#custom_header {
margin-bottom: 25px;
}
#content {
margin-top: 25px;
margin-bottom: 25px;
}
.bgnormal #custom_header_img {
max-width: 1166px;
margin: 25px auto;
}
#ul__g_nav > .menu-item {
font-size: 78%;
}
}
#breadcrumb {
font-size: 70%;
background-color: var(--inner-content-bg);
padding: 1em;
}
.bgfull.post-template-single-viral #header + #breadcrumb {
margin-bottom: 0;
}
.breadcrumb__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.breadcrumb__li:not(:first-child) {
margin-left: 0.5em;
}
.breadcrumb__li:not(:last-child):after {
color: var(--main-text-color);
content: '/';
margin-left: 0.5em;
}
.bc_homelink .breadcrumb__link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f015";
display: inline-block;
margin-right: 0.3em;
-webkit-transform: scale(1.3);
transform: scale(1.3);
color: var(--main-link-color);
}
.breadcrumb__link {
color: inherit;
text-decoration: none;
}
.breadcrumb__link:hover {
opacity: .5;
}
#inner-content {
padding: 3% 4%;
background-color: var(--inner-content-bg);
}
#sidebar1 {
margin-top: 1.5em;
color: var(--side-text-color);
}
#sidebar1:empty {
display: none;
}
#viral-header {
min-height: auto;
padding: 0;
}
#viral-header .wp-block-cover__inner-container {
padding: 11% 0%;
width: 92%;
}
#viral-header .entry-title {
font-size: 200%;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
padding: 0;
}
#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%;
}
.wp-block-group.alignfull:not(.has-background) {
padding: 2% 4%;
}
#content .wp-block-group.stk-pd-0 {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
#content .wp-block-group.stk-pd-0 :last-child {
margin-bottom: 0;
}
#content .wp-block-group.stk-pd-s {
padding-top: 2.5%;
padding-bottom: 2.5%;
}
#content .wp-block-group.stk-pd-m {
padding-top: 10%;
padding-bottom: 10%;
}
#content .wp-block-group.stk-pd-l {
padding-top: 15%;
padding-bottom: 15%;
}
.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.alignwide .wp-block-group__inner-container .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container .wp-block-group__inner-container {
max-width: initial;
}
.wp-block-group.has-background .wp-block-group__inner-container .wp-block-group__inner-container {
max-width: initial;
}
.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.wide .alignwide,
#inner-content.wide .alignfull,
#inner-content.viral .alignwide,
#inner-content.viral .alignfull {
width: calc(100% + 8.7%);
max-width: calc(100% + 8.7%);
margin-left: -4.35%;
}
}
@media only screen and (min-width: 1167px) {
.bgnormal #viral-header {
max-width: 1166px;
margin: 0 auto;
}
.bgnormal #breadcrumb {
max-width: 1166px;
margin: 25px auto;
}
#inner-content,
.bgfull #header,
.bgfull #footer,
.bgfull #page-top + #breadcrumb,
.bgnormal #inner-header,
.bgnormal #inner-footer,
.bgnormal #breadcrumb,
.bgnormal #viral-header {
-webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.2);
box-shadow: 0 0 15px rgba(102, 102, 102, 0.2);
}
#inner-content.wide .alignwide,
#inner-content.viral .alignwide {
width: calc(100% + 100px);
max-width: calc(100% + 100px);
margin-left: -50px;
}
#inner-content.wide .alignfull {
width: calc(100% + 186px);
max-width: calc(100% + 186px);
margin-left: -93px;
}
#inner-content.viral .alignfull {
width: calc(100% + 438px);
max-width: calc(100% + 438px);
margin-left: -219px;
}
.bgnormal #inner-footer {
margin: 25px auto;
}
}
@media only screen and (min-width: 981px) {
#inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 35px;
}
#main {
margin-right: 2%;
width: 728px;
max-width: 728px;
min-width: 0;
}
#sidebar1 {
font-size: 88%;
width: 336px;
max-width: 34%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-top: 0;
margin-left: auto;
}
#scrollfix {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 9998;
top: 4%;
}
.fixhead-active #scrollfix {
top: 10%;
}
.sidebarleft #main {
margin-right: 0;
margin-left: 2%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.sidebarleft #sidebar1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: 0;
}
}
@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.wide #main {
max-width: 980px;
width: 100%;
margin: auto;
}
#inner-content.viral #main {
margin: auto;
}
}
.byline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 95%;
}
.single .byline .cat-name,
.byline .time__date,
.byline .writer {
margin-right: 0.6em;
}
.single .byline .time__date {
font-size: 90%;
}
.time__date {
opacity: .6;
}
.time__date:before {
font-family: "Font Awesome 5 Free";
font-weight: normal;
content: "\f017";
margin-right: .3em;
display: inline-block;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.time__date.undo:before {
content: "\f0e2";
font-weight: 900;
}
.byline .writer {
margin-right: 0;
margin-left: auto;
font-size: 90%;
}
.byline .writer .fn {
opacity: .7;
}
.byline .writer .avatar {
display: inline-block;
border-radius: 50%;
width: 1.6em;
margin: 0 3px 0 auto;
border: 1px solid #fff;
-webkit-box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
#content p.byline {
margin: 0;
}
.entry-header .entry-title,
.entry-header .eyecatch {
margin: 0.4em 0;
}
.eyecatch-caption-text {
opacity: 0.7;
font-size: 80%;
}
@media only screen and (min-width: 1167px) {
.single .byline {
position: relative;
padding-top: 10px;
}
.entry-header .cat-name {
position: absolute;
top: -1.7em;
left: -3.3em;
}
.sidebarleft .entry-header .cat-name {
position: relative;
top: 0;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@media only screen and (max-width: 767px) {
#content p.byline {
font-size: 72%;
}
.entry-header .entry-title {
font-size: 115%;
}
#viral-header .entry-title {
font-size: 130%;
}
.wp-block-group.has-background {
padding: 10% 4%;
}
}
#content dl,
#content ol,
#content p,
#content ul {
letter-spacing: .025em;
}
p {
margin: 0 0 1.6em;
line-height: 1.8;
}
.entry-content a[target="_blank"]::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f35d';
font-size: 95%;
margin: 0 3px 0 2px;
}
.entry-content a.no-icon[target="_blank"]::after {
content: none;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
.entry-content table {
width: 100%;
font-size: 90%;
margin-bottom: 1.5em;
}
.entry-content td,
.entry-content th {
padding: .8em .5em;
}
.entry-content td {
border: 1px solid #ddd;
border-color: rgba(102, 102, 102, 0.08);
}
.entry-content td input {
margin: 3px 0;
}
.entry-content th {
background-color: #f7f7f7;
background-color: rgba(102, 102, 102, 0.05);
border: 1px solid #ddd;
border-color: rgba(102, 102, 102, 0.08);
}
.wp-block-table {
margin-bottom: 1.5em;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table.is-style-stripes {
margin-bottom: 1.5em;
border-bottom: 0;
}
.wp-block-table.is-style-stripes th {
background: none;
}
.wp-block-table.is-style-stripes thead {
border-bottom: 2px solid #ddd;
border-color: rgba(102, 102, 102, 0.08);
}
.wp-block-table.is-style-stripes tfoot {
border-top: 2px solid #ddd;
border-color: rgba(102, 102, 102, 0.08);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: rgba(102, 102, 102, 0.05);
}
@media only screen and (max-width: 480px) {
.stk-table-scroll table {
margin-bottom: 0.5em;
white-space: nowrap;
}
.stk-table-scroll .has-fixed-layout {
table-layout: initial;
}
.stk-table-scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 2em;
}
.stk-table-scroll::-webkit-scrollbar {
height: 5px;
}
.stk-table-scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.stk-table-scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}
blockquote:not([class*="-embed"]):not(.is-style-large) {
font-size: 90%;
padding: 6% 4% 2%;
margin: 2.5em 0 3em;
position: relative;
border: 1px solid;
border-radius: 5px;
opacity: .8;
}
blockquote:not([class*="-embed"]):not(.is-style-large)::before, blockquote:not([class*="-embed"]):not(.is-style-large)::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
width: 1em;
height: 1em;
display: block;
padding: .2em;
text-align: center;
font-size: 1.3em;
line-height: 1;
background-color: var(--inner-content-bg);
}
blockquote:not([class*="-embed"]):not(.is-style-large)::before {
content: '\f10d';
left: -.2em;
top: -.3em;
}
blockquote:not([class*="-embed"]):not(.is-style-large)::after {
content: '\f10e';
right: -.2em;
bottom: -.4em;
}
blockquote:not([class*="-embed"]):not(.is-style-large) h2,
blockquote:not([class*="-embed"]):not(.is-style-large) h3,
blockquote:not([class*="-embed"]):not(.is-style-large) h4 {
margin-top: 0 !important;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0;
padding: 0;
}
.wp-block-pullquote blockquote {
border: none;
border-top: 4px solid;
border-bottom: 4px solid;
border-radius: 0;
}
.wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after {
content: none;
}
blockquote cite {
display: block;
font-size: 88%;
}
.entry-content dt {
font-weight: bold;
margin-bottom: 2%;
}
.entry-content dd {
margin-left: 0;
}
.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-left: 4%;
padding-right: 4%;
}
@media only screen and (min-width: 601px) {
.wp-block-media-text.has-background {
padding: 4.5%;
}
}
@media only screen and (min-width: 1100px) {
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
}
}
@media only screen and (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: 1.5em;
}
.wp-block-media-text.is-stacked-on-mobile:not(.has-background) .wp-block-media-text__content {
margin-bottom: 2em;
}
.wp-block-media-text.has-background.is-stacked-on-mobile {
padding-bottom: 4.5%;
}
.wp-block-media-text.is-stacked-on-mobile:not(.alignwide):not(.alignfull):not(.has-background) .wp-block-media-text__content {
padding-left: 0;
padding-right: 0;
}
}
.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;
}
@media only screen and (max-width: 480px) {
.entry-content h1 {
font-size: 125%;
}
}
.entry-content h2:not(.is-style-stylenone),
.homeadd_wrap h2 {
position: relative;
border: none;
font-size: 125%;
padding: 1em 1.1em;
margin-top: 2.1em;
margin-bottom: 1em;
border-radius: 3px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
.entry-content h2:not(.is-style-stylenone):not(.has-background),
.homeadd_wrap h2 {
background-color: var(--main-ttl-bg);
}
.entry-content h2:not(.is-style-stylenone):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(.is-style-stylenone) {
border-top: 4px solid;
border-bottom: 4px solid;
padding: .5em .2em;
margin-top: 1.8em;
}
.entry-content h4:not(.is-style-stylenone) {
border-left: 4px solid;
padding: .5em 0 .5em .8em;
margin-top: 1.8em;
}
.entry-content h3:not(.is-style-stylenone):not(.has-text-color),
.entry-content h4:not(.is-style-stylenone):not(.has-text-color) {
border-color: var(--main-ttl-bg);
}
.h_boader .entry-content h2:not(.is-style-stylenone):not(.has-background),
.h_boader .homeadd_wrap h2 {
background: none;
}
.h_boader .entry-content h2:not(.is-style-stylenone):not(.has-text-color),
.h_boader .homeadd_wrap h2 {
color: inherit;
border-color: var(--main-ttl-bg);
}
.h_boader .entry-content h2:not(.is-style-stylenone),
.h_boader .homeadd_wrap h2 {
font-size: 140%;
padding: .5em .2em;
border-top: 4px solid;
border-bottom: 4px solid;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media only screen and (max-width: 480px) {
.h_boader .entry-content h2:not(.is-style-stylenone),
.h_boader .homeadd_wrap h2 {
margin-left: 0;
margin-right: 0;
font-size: 110%;
}
}
.h_boader .entry-content h3:not(.is-style-stylenone) {
border-width: 2px;
border-top: none;
font-size: 120%;
padding: 0.1em;
}
.h_boader .entry-content h4:not(.is-style-stylenone) {
border-width: 2px;
}
.h_balloon .entry-content h2:not(.is-style-stylenone)::before,
.h_balloon .homeadd_wrap h2::before {
content: '';
position: absolute;
background-color: inherit;
width: 0.8em;
height: 0.8em;
-webkit-transform: scale(0.75, 1) rotate(45deg);
transform: scale(0.75, 1) rotate(45deg);
bottom: -0.4em;
left: 5%;
}
.h_stitch .entry-content h2:not(.is-style-stylenone),
.h_stitch .homeadd_wrap h2 {
position: relative;
}
.h_stitch .entry-content h2:not(.is-style-stylenone)::before,
.h_stitch .entry-content h2:not(.is-style-stylenone)::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(.is-style-stylenone)::after,
.h_stitch .homeadd_wrap h2::after {
top: auto;
bottom: 3px;
}
.h_stitch .entry-content h3:not(.is-style-stylenone) {
border-top-style: dotted;
border-bottom-style: dotted;
}
.h_stitch .entry-content h4:not(.is-style-stylenone) {
border-left-style: dotted;
}
h2.is-style-stylenone,
h3.is-style-stylenone,
h4.is-style-stylenone {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
border-radius: 0;
margin: 2.5% 0;
}
h2.is-style-stylenone:not(.has-text-color):not(.has-background),
h3.is-style-stylenone:not(.has-text-color):not(.has-background),
h4.is-style-stylenone:not(.has-text-color):not(.has-background) {
background: none;
padding: 0;
}
h2.is-style-stylenone {
font-size: 120%;
}
h3.is-style-stylenone {
font-size: 110%;
}
h4.is-style-stylenone {
font-size: 105%;
}
@media only screen and (min-width: 768px) {
h2.is-style-stylenone {
font-size: 130%;
}
h3.is-style-stylenone {
font-size: 115%;
}
}
@media only screen and (max-width: 480px) {
.entry-content h2:not(.is-style-stylenone),
.homeadd_wrap h2,
#inner-content .widgettitle {
margin-left: -0.5em;
margin-right: -0.5em;
}
.entry-content h2:not(.is-style-stylenone),
.entry-content h3:not(.is-style-stylenone),
.entry-content h4:not(.is-style-stylenone),
.h_boader .entry-content h3:not(.is-style-stylenone),
.homeadd_wrap h2 {
font-size: 105%;
}
.entry-content h5:not(.is-style-stylenone),
.entry-content h6:not(.is-style-stylenone),
.entry-content h7:not(.is-style-stylenone) {
font-size: 100%;
}
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1em 1.1em;
}
.entry-content li {
position: relative;
padding-left: 1.35em;
margin: 0.7em 0;
}
.entry-content li li {
margin: 0.6em 0;
}
.entry-content ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f111";
display: block;
position: absolute;
left: 2px;
top: 1px;
-webkit-transform: scale(0.6);
transform: scale(0.6);
color: var(--main-ttl-bg);
background: none;
}
.entry-content li ul li:before {
content: "\f192";
}
.entry-content ol {
counter-reset: number;
}
.entry-content ol[start] {
counter-reset: unset;
}
.entry-content ol > li {
padding-left: 1.8em;
}
.entry-content ol > li:before {
font-family: inherit;
counter-increment: number;
content: counter(number);
background-color: var(--main-ttl-bg);
border: 1px solid var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
font-weight: bold;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
-webkit-transform: scale(0.7);
transform: scale(0.7);
left: 1px;
top: 0;
}
.entry-content li ol > li:before {
background: none;
content: counter(number) ".";
border: none;
color: inherit;
opacity: 0.6;
-webkit-transform: scale(0.9);
transform: scale(0.9);
top: 3px;
}
.entry-content .stk-list-icon--stylenone,
.entry-content .stk-list-icon--stylenone ul,
.entry-content .stk-list-icon--stylenone ol {
padding-left: 1.5em;
}
.entry-content .stk-list-icon--stylenone[class*="is-style-faq_type_"] {
padding-left: 2.9em;
}
.entry-content .stk-list-icon--stylenone li {
padding-left: 0;
list-style-type: inherit;
}
.entry-content .stk-list-icon--stylenone li::before {
content: none;
}
.wp-block-social-links li {
padding: 0;
margin: initial;
position: initial;
list-style: initial;
}
.wp-block-social-links li::before {
content: none !important;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
padding: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment::before {
content: none;
}
.wp-caption {
max-width: 100%;
background: #fff;
padding: 5px;
margin-bottom: 1.2em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
}
.wp-caption img,
.wp-block-image img {
max-width: 100%;
margin-bottom: 0;
}
.wp-block-image.alignfull, .wp-block-image.alignwide {
margin-bottom: 0;
}
.wp-block-video.alignfull video {
width: 100%;
}
.wp-block-image.is-style-stk_shadow_s img,
.wp-block-video.is-style-stk_shadow_s video {
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}
.wp-block-image.is-style-stk_shadow_l img,
.wp-block-video.is-style-stk_shadow_l video {
-webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
margin-bottom: 1em;
}
.wp-block-image.is-style-stk_border figure,
figure.wp-block-image.is-style-stk_border,
.wp-block-video.is-style-stk_border video {
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 3px;
}
.gallery,
.wp-block-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-bottom: 1.5em;
}
.gallery-item,
li.blocks-gallery-item {
margin: 0;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
width: 100%;
}
.gallery-item img,
li.blocks-gallery-item img {
margin: 0;
}
li.blocks-gallery-item::before {
content: none !important;
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin: 0 5px 5px 0 !important;
}
.gallery-columns-2 .gallery-item,
.wp-block-gallery.columns-2 .blocks-gallery-item {
max-width: calc((100% - 5px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n+2) {
margin-right: 0 !important;
}
.gallery-columns-3 .gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item {
max-width: calc((100% - 5px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n+3) {
margin-right: 0 !important;
}
.gallery-columns-4 .gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item {
max-width: calc((100% - 5px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n+4) {
margin-right: 0 !important;
}
.gallery-columns-5 .gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item {
max-width: calc((100% - 5px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n+5) {
margin-right: 0 !important;
}
.gallery-columns-6 .gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item {
max-width: calc((100% - 5px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n+6) {
margin-right: 0 !important;
}
.gallery-columns-7 .gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item {
max-width: calc((100% - 5px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n+7) {
margin-right: 0 !important;
}
.gallery-columns-8 .gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item {
max-width: calc((100% - 5px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n+8) {
margin-right: 0 !important;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
margin: 0;
padding: 0.3em;
}
.gallery-item > div > a {
display: block;
line-height: 0;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
.cat-name {
font-size: 85%;
padding: 0.2em 0.5em;
background-color: var(--label-bg);
color: var(--label-text-color);
}
.cat-name a,
.cat-name a:hover {
text-decoration: none;
color: inherit;
}
.cat-name.cat-id-page:before {
content: "PICK UP";
}
.eyecatch {
position: relative;
text-align: center;
}
.eyecatch.of-cover {
overflow: hidden;
}
.eyecatch.of-cover::before {
content: "";
display: block;
padding-top: 62.5%;
}
.eyecatch.of-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.eyecatch .cat-name {
position: absolute;
top: -0.1px;
right: 0;
}
.archives-list .cat-name {
font-size: 72%;
opacity: 0.88;
}
.archives-list .cat-name:empty {
display: none;
}
.cta-wrap .widget_text {
margin-bottom: 0;
}
.cta-inner {
background-color: var(--footer-bg);
color: var(--footer-text-color);
padding: 1.5em 5%;
margin-bottom: 1.5em;
}
.cta-inner:not(:first-child) {
margin-top: -1.4em;
}
.page .cta-inner:last-child {
margin-bottom: 0;
}
.cta-inner .inner {
width: 94%;
max-width: 780px;
margin: auto;
}
.cta-inner .cta_ttl {
text-align: center;
color: inherit;
margin: 1em 0;
padding: 0;
font-size: 160%;
font-weight: bold;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.cta-inner .btn-wrap a {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 1em;
}
.single .entry-content > :first-child,
.page .entry-content > :first-child {
margin-top: 0;
}
#single_foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#related-box a,
#np-post a,
.author_name a,
#author-newpost a {
color: inherit;
text-decoration: none;
}
.author_sns a {
text-decoration: none;
}
.author_sns a .socialname {
color: initial;
}
#related-box ul,
#author-newpost ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.6em;
}
.related_newpost__li {
width: 25%;
}
.related_newpost__li a {
padding: 0.3em 0.6em 1em;
}
@media only screen and (max-width: 480px) {
.related_newpost__li {
width: 50%;
}
}
#related-box .h_ttl::after,
.author_profile .h_ttl::after,
#author-newpost .h_ttl::after {
font-size: 11px;
margin-left: 1em;
vertical-align: middle;
}
#related-box .h_ttl::after {
content: "こちらの記事も人気です";
}
#related-box.ga_recommend .h_ttl::after {
content: "関連記事（広告を含む）";
}
.author_profile .h_ttl {
margin-top: 0;
}
.author_profile .h_ttl::after {
content: "この記事を書いた人";
}
#author-newpost .h_ttl::after {
content: "このライターの最新記事";
}
.related_newpost__li {
line-height: 1.5;
}
.related_newpost__li .cat-name {
font-size: 10px;
}
.related_newpost__li a {
display: block;
margin: 0;
}
.related_newpost__li .ttl {
font-weight: bold;
font-size: 75%;
}
.related_newpost__li .time__date {
font-size: 70%;
}
@media only screen and (max-width: 767px) {
#inner-content .entry-header .eyecatch,
.cta-inner,
.fb-likebtn {
margin-left: -4.35%;
margin-right: -4.35%;
}
.cta-inner .cta_ttl {
font-size: 120%;
}
.alignleft:not(.wp-block-latest-posts__featured-image),
img.alignleft,
.alignright:not(.wp-block-latest-posts__featured-image),
img.alignright {
max-width: 55%;
}
.alignleft,
img.alignleft,
.alignright,
img.alignright {
margin-bottom: 0.5em;
}
}
#authorbox {
padding: 4% 5% 1%;
margin-bottom: 2%;
border: solid 5px #eee;
}
.author_meta:not(.singlefoot_other) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 90%;
}
.author_meta.singlefoot_other:not(.bgnone) {
background-color: var(--main-ttl-bg-rgba);
}
.author_meta .author_img {
width: 90px;
max-width: 30%;
margin-right: 1em;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.author_meta .avatar {
border: 3px solid #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.author_info .author_name,
.author_info .author_name a {
font-weight: bold;
text-decoration: none;
}
.author_info .userposition {
font-size: 70%;
display: block;
margin-bottom: 1.5em;
font-weight: normal;
}
.author_info .author_description {
margin-bottom: 1em;
}
.author_sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.author_sns_li {
margin: 2px 10px;
padding: 0;
}
.author_sns .author_sns_li::before {
content: none;
}
[class*="author_sns_li__link"]::before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
display: inline-block;
margin-right: 0.3em;
color: inherit;
font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
}
.author_sns_li__link__user_url::before {
content: "\f0ac";
font-weight: 900;
}
.author_sns_li__link__twitter::before {
content: "\f099";
}
.author_sns_li__link__facebook::before {
content: "\f09a";
}
.author_sns_li__link__instagram::before {
content: "\f16d";
}
.author_sns_li__link__youtube::before {
content: "\f167";
}
.author_sns_li__link__line::before {
content: "\f3c0";
}
.author_meta.singlefoot_other {
overflow: hidden;
}
.author_meta.singlefoot_other .author_name {
text-align: center;
}
.author_meta.singlefoot_other .author_img {
margin: 2em auto;
}
.author_meta.singlefoot_other .avatar {
border-radius: 50%;
margin-bottom: 0;
}
.author_meta .author__bgimg {
margin-bottom: -5em;
}
.author_meta.singlefoot_other .author_info {
padding: 0 1.5em 1.5em;
}
.author_meta.singlefoot_other .socialname {
display: none;
}
.author_meta.singlefoot_other .author_sns a::before {
font-size: 140%;
margin: 0;
padding: 0 3px;
}
@media only screen and (max-width: 480px) {
#authorbox {
margin: auto -3%;
}
.author_profile .author_meta {
display: block;
}
.author_meta .author_img {
margin: 1em auto;
}
.author_meta .author_img img {
width: 100%;
margin: auto;
border-radius: 50%;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.author_info {
font-size: 90%;
}
.author_meta .author_name {
text-align: center;
margin-bottom: 0.8em;
}
}
.np-post-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1em;
font-size: 88%;
}
.np-post-list a .eyecatch {
width: 55px;
min-width: 55px;
}
.np-post-list a .ttl {
overflow: hidden;
}
.np-post-list.prev a .eyecatch {
margin-right: 0.7em;
}
.np-post-list.next a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.np-post-list.next a .eyecatch {
margin-left: 0.7em;
}
.np-post-list.prev a::before,
.np-post-list.next a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d9";
margin: 0 0.5em;
font-size: 120%;
color: var(--main-link-color);
}
.np-post-list.next a::after {
content: "\f0da";
}
@media only screen and (max-width: 480px) {
.np-post-list a .eyecatch {
width: 40px;
min-width: 40px;
}
.np-post-list .ttl {
font-size: 90%;
}
}
.article-footer .post-categories {
margin: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-footer .post-categories a {
display: inline-block;
padding: .35em .5em;
margin-right: 0.3em;
margin-bottom: 2px;
text-decoration: none;
line-height: 1.1;
font-size: 75%;
border-width: 1px;
border-style: solid;
border-color: var(--main-link-color);
background-color: var(--main-link-color);
color: #ffffff;
border-radius: 5px;
}
.article-footer .post-categories a:hover {
background: var(--main-link-color-hover);
border-color: var(--main-link-color-hover);
}
.article-footer .post-categories.tags a:not(:hover) {
background: none;
color: var(--main-link-color);
}
.article-footer .post-categories a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f07b';
margin-right: 0.2em;
}
.article-footer .post-categories.tags a::before {
content: '\f02b';
}
.fb-likebtn {
background-position: center center;
background-size: cover;
position: relative;
z-index: 0;
text-align: center;
color: #fff;
overflow: hidden;
margin-top: 1em;
}
.fb-likebtn::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0.8;
z-index: 1;
}
.fb-likebtn .inner {
padding: 9% 3%;
position: relative;
z-index: 2;
overflow: hidden;
}
.fb-likebtn .fb-button {
display: block;
-webkit-transform: scale(1.1);
transform: scale(1.1);
overflow: hidden;
}
.fb-likebtn .like_text {
font-size: 180%;
font-weight: bold;
margin-bottom: 0.5em;
}
.fb-likebtn .like_text::after {
content: "この記事が気に入ったらフォローしよう！";
display: block;
padding: 3px;
font-size: 10px;
margin-bottom: 0;
opacity: 0.7;
}
.followbtn {
color: #ffffff;
background: #04acee;
font-size: 83%;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
line-height: 26px;
padding: 0.1em 0.8em;
margin: 0.4em 0.3em;
border-radius: 3px;
}
.followbtn:hover {
color: inherit;
}
.followbtn::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
margin-right: 0.4em;
font-size: 110%;
}
.followbtn.btn_twitter::before {
content: "\f099";
}
.followbtn.btn_facebook {
background: #1f6aba;
}
.followbtn.btn_facebook::before {
content: "\f09a";
}
.followbtn.btn_feedly {
background: #5fd043;
}
.followbtn.btn_youtube {
background: #ff0000;
}
.followbtn.btn_youtube::before {
content: "\f167";
}
.followbtn.btn_instagram {
background: #b900b4;
background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}
.followbtn.btn_instagram::before {
content: "\f16d";
}
.followbtn.btn_line {
background: #25af00;
}
.followbtn.btn_line::before {
content: "\f3c0";
}
#comments-title {
padding: 0.75em 0;
margin: 0;
}
#comments-title::before {
font-family: "Font Awesome 5 Free";
content: "\f086";
font-size: 140%;
margin-right: 7px;
}
.commentlist {
margin: 0 0 1.5em;
list-style-type: none;
}
.comment,
.pingback {
clear: both;
overflow: hidden;
padding: 3.5%;
margin-bottom: 1em;
font-size: 90%;
border: 5px solid #efefef;
}
.comment .comment {
font-size: 1em;
border: none;
padding-right: 0 !important;
}
.comment .comment-meta,
.pingback .comment-meta {
padding: 0;
}
.comment .comment-meta a {
color: inherit;
text-decoration: none;
}
.comment .comment-author {
border: 0;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment-metadata {
font-size: 80%;
}
.comment .vcard .avatar {
border-radius: 50%;
}
.comment:last-child,
.pingback:last-child {
margin-bottom: 0;
}
.comment .children,
.pingback .children {
margin: 0;
}
.comment.depth-1,
.pingback.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1),
.pingback:not(.depth-1) {
margin-top: 0;
}
.comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}
.comment-reply-link {
font-size: 90%;
font-weight: bold;
display: block;
text-align: right;
text-decoration: none;
}
.comment-reply-link::before {
font-family: "Font Awesome 5 Free";
content: "\f3e5";
margin-right: 5px;
font-size: 130%;
}
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 90%;
}
.comment-navigation {
text-align: center;
padding: 1em;
}
.sharewrap h3 {
margin-bottom: 0;
}
.sharewrap h3::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1e0";
display: inline-block;
-webkit-transform: scale(1.2);
transform: scale(1.2);
margin: 0 0.3em;
}
.sns_btn {
margin: 1em 0;
}
.sns_btn__ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
font-size: 80%;
font-weight: bold;
}
.sns_btn__li {
width: 25%;
margin: 4px;
text-align: center;
color: #ffffff;
}
.sns_btn__li:first-child {
margin-left: 0;
}
.sns_btn__li:last-child {
margin-right: 0;
}
.sns_btn__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 0.4em 0.2em;
border-radius: 0.3em;
position: relative;
}
.sns_btn__link::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
display: inline-block;
margin-right: 3px;
text-align: center;
font-size: 155%;
width: 1.2em;
}
.sns_btn__link,
.sns_btn__link:hover {
color: inherit;
}
.sns_btn__link .count {
position: absolute;
right: 3px;
top: 2px;
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
margin: 0;
min-width: 1.5em;
}
.sns_btn__li.twitter .sns_btn__link {
background: #00acee;
-webkit-box-shadow: 0 3px 0 #0092ca;
box-shadow: 0 3px 0 #0092ca;
}
.sns_btn__li.twitter .sns_btn__link::before {
content: '\f099';
}
.sns_btn__li.facebook .sns_btn__link {
background: #1f6aba;
-webkit-box-shadow: 0 3px 0 #2c4373;
box-shadow: 0 3px 0 #2c4373;
}
.sns_btn__li.facebook .sns_btn__link::before {
content: "\f09a";
}
.sns_btn__li.hatebu .sns_btn__link {
background-color: #2f70be;
-webkit-box-shadow: 0 3px 0 #43638b;
box-shadow: 0 3px 0 #43638b;
}
.sns_btn__li.hatebu .sns_btn__link::before {
content: 'B!';
font-family: inherit;
font-weight: bold;
}
.sns_btn__li.line .sns_btn__link {
background: #25af00;
-webkit-box-shadow: 0 3px 0 #219900;
box-shadow: 0 3px 0 #219900;
}
.sns_btn__li.line .sns_btn__link::before {
content: "\f3c0";
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.sns_btn__li.pocket .sns_btn__link {
background: #ec2136;
-webkit-box-shadow: 0 3px 0 #c0392b;
box-shadow: 0 3px 0 #c0392b;
}
.sns_btn__li.pocket .sns_btn__link::before {
content: "\f265";
}
amp-social-share {
border-radius: 5px;
min-width: 90%;
}
amp-social-share::before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
display: inline-block;
margin-right: 3px;
text-align: center;
font-size: 180%;
width: 1.2em;
color: inherit;
}
.sns_btn__li.hatebu amp-social-share {
background-color: #2f70be;
}
.sns_btn__li.hatebu amp-social-share::before {
content: 'B!';
font-family: inherit;
font-weight: bold;
}
.sns_btn__li.pocket amp-social-share {
background: #ec2136;
}
.sns_btn__li.pocket amp-social-share::before {
content: "\f265";
}
@media only screen and (max-width: 767px) {
.sns_btn a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: wrap column;
flex-flow: wrap column;
line-height: 1.2;
padding: 0.7em 0.1em 0.4em;
}
.sns_btn a::before {
margin: 0 auto 2px;
display: block;
}
.sns_btn a .text {
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
display: block;
}
}
@media only screen and (min-width: 768px) {
.pickup_content__link:hover,
.archives-list:not(.big-list) .post-list a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.btn-wrap a:hover,
.wp-block-button a:hover,
.followbtn:hover,
.sns_btn a:hover {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
#top_carousel a:hover,
.related_newpost__li a:hover,
.np-post-list.prev a:hover,
.np-post-list.next a:hover,
.cat_postlist__link:hover,
.related_article a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.article-footer a:hover,
.tag-cloud-link:hover {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.sns_btn a:hover,
.followbtn:hover {
opacity: 0.8;
}
}
.entry-content .has-small-font-size {
font-size: 80%;
}
.entry-content .has-medium-font-size {
font-size: 120%;
}
.entry-content .has-large-font-size {
font-size: 150%;
}
.entry-content .has-huge-font-size {
font-size: 200%;
}
@media only screen and (max-width: 599px) {
.wp-block-column:not(:last-child) {
margin-bottom: 28px;
}
}
.wp-block-column :last-child {
margin-bottom: 0;
}
.wp-block-latest-posts {
overflow: hidden;
}
.wp-block-latest-posts li {
padding: 0;
}
.wp-block-latest-posts li:before {
content: none !important;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-date {
font-size: 80%;
opacity: 0.9;
}
.wp-block-latest-posts__featured-image img {
margin-bottom: initial;
}
.wp-block-latest-posts__featured-image:not(.aligncenter) {
margin-bottom: 0.5em;
}
.wp-caption .wp-caption-text,
.wp-block-image figcaption {
margin: 4px;
}
.span-stk-maker-yellow,
.span__stk_maker_yellow,
.span-stk-maker-pink,
.span__stk_maker_pink,
.span-stk-maker-blue,
.span__stk_maker_blue,
.span-stk-maker-green {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-size: 200% .6em;
padding-bottom: .6em;
}
.span-stk-maker-yellow,
.span__stk_maker_yellow {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ff6));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6 50%);
}
.span-stk-maker-pink,
.span__stk_maker_pink {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ffd5d5));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd5d5 50%);
}
.span-stk-maker-blue,
.span__stk_maker_blue {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #b5dfff));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #b5dfff 50%);
}
.span-stk-maker-green {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #cff7c7));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #cff7c7 50%);
}
[class*="span-stk-label-"] {
font-size: 0.9em;
padding: 0.2em 0.5em;
border-radius: 0.2em;
color: #fff;
}
[class*="span-stk-label-"] + [class*="span-stk-label-"] {
margin-left: 0.1em;
margin-right: 0.1em;
}
.span-stk-label-sitecolor {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.span-stk-label-yellow {
background-color: #f5f512;
color: #333;
}
.span-stk-label-pink {
background-color: #f7b2b2;
}
.span-stk-label-red {
background-color: #e77373;
color: #fff;
}
.span-stk-label-blue {
background-color: #82c8e2;
}
.span-stk-label-green {
background-color: #79e37c;
}
.span-stk-label-gray {
background-color: #9c9c9c;
}
.span-stk-label-black {
background-color: #222;
color: #fff;
}
.span-stk-fs-ss {
font-size: 70%;
}
.span-stk-fs-s {
font-size: 90%;
}
.span-stk-fs-m {
font-size: 120%;
}
.span-stk-fs-l {
font-size: 150%;
}
.span-stk-fs-ll {
font-size: 180%;
}
.page-template-page-wide #container {
background-color: var(--inner-content-bg);
}
.page-template-page-wide-php #custom_header {
margin-bottom: 0;
}
#lp-containar {
max-width: 1166px;
margin: 0 auto;
-webkit-box-shadow: 0 0 1px #ccc;
box-shadow: 0 0 1px #ccc;
}
#lp-containar #content {
margin: 0;
width: 100%;
}
#lp-containar #inner-content {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 4%;
}
#lp-containar #main {
margin: 0 auto;
padding: 0;
width: 100%;
float: none;
}
#lp-containar #inner-content .eyecatch.lp {
width: 100%;
margin: auto;
text-align: center;
}
#lp-containar .catchcopy {
text-align: center;
margin: 1.5em 0.3em;
padding: 0;
font-size: 2em;
background: none;
}
@media only screen and (max-width: 767px) {
#lp-containar .catchcopy {
font-size: 1.8em;
}
}
@media only screen and (max-width: 480px) {
#lp-containar .catchcopy {
font-size: 1.4em;
}
}
@media only screen and (min-width: 801px) {
#lp-containar #main {
width: 100%;
max-width: 980px;
}
}
#lp-containar.fullwide {
-webkit-box-shadow: none;
box-shadow: none;
}
#lp-containar.fullwide #inner-content {
padding: 0;
}
@media only screen and (min-width: 1166px) {
#lp-containar.fullwide .alignwide {
margin-left: -93px;
margin-right: -93px;
max-width: initial;
}
}
@media only screen and (min-width: 981px) {
#lp-containar.fullwide .alignfull {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
}
@media only screen and (max-width: 980px) {
#lp-containar.fullwide #inner-content {
padding: 0 4%;
}
}
#custom_header {
text-align: center;
}
#custom_header .wp-block-cover__inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 1166px;
}
#custom_header .en {
font-size: 240%;
font-size: clamp(28px, 6vw, 45px);
}
#custom_header .ja {
font-size: 85%;
font-size: clamp(12px, 1.5vw, 15px);
font-weight: bold;
margin: 0 1em 1.5em;
}
#custom_header .wp-block-button {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
#custom_header .wp-block-button {
font-size: 90%;
}
}
#custom_header .wp-block-button__link {
width: 340px;
border: none;
}
#custom_header_img {
text-align: center;
margin-bottom: 1em;
}
#custom_header_img img {
margin: -1px auto 0;
}
@media only screen and (min-width: 768px) {
#custom_header .header-text {
width: 100%;
max-width: 600px;
}
#custom_header.textleft .wp-block-cover__inner-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#custom_header.textright .wp-block-cover__inner-container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 1166px) {
.pickup_content__ul {
margin: 10px -7px -5px;
}
.post-template-single-viral .pickup_content__ul {
margin: 10px -7px;
}
}
.pickup_content {
margin: 0.5em auto;
max-width: 1166px;
}
.pickup_content .pickup_content__img {
margin: 0;
padding: 0;
border: none;
}
.pickup_content__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
font-size: 80%;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.pickup_content__ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
li.pickup_content__li {
width: 33%;
margin: 0.5em;
padding: 0;
position: relative;
}
@media only screen and (max-width: 767px) {
li.pickup_content__li {
width: calc(50% - 1.5em);
font-size: 80%;
}
}
li.pickup_content__li::before, li.pickup_content__li::after {
content: none !important;
}
.pickup_content__link {
display: block;
color: #fff;
text-decoration: none;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.pickup_content__link:hover {
color: #fff;
}
.pickup_content__link::before, .pickup_content__link::after {
position: absolute;
z-index: 2;
content: "";
display: inline-block;
width: 3em;
height: 3em;
border-color: #fff;
border-width: 1px;
}
.pickup_content__link::before {
border-top-style: solid;
border-left-style: solid;
top: 5px;
left: 5px;
}
.pickup_content__link::after {
border-bottom-style: solid;
border-right-style: solid;
bottom: 5px;
right: 5px;
}
.pickup_content__text {
position: absolute;
font-weight: bold;
top: 0;
left: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(14, 14, 14, 0.4);
}
.pickup_content__text__label {
border-radius: 2em;
border: 1px solid;
padding: 0.4em 0.8em;
text-align: center;
line-height: 1.2;
min-width: 50%;
max-width: 90%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 0 10px -4px;
box-shadow: 0 0 10px -4px;
text-shadow: 0 1px 4px #111;
}
.pickup_content__text__label::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.25;
}
@media only screen and (min-width: 768px) {
.pickup_content__link:hover {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
.pickup_content__link:hover .pickup_content__text__label {
-webkit-box-shadow: 0 0 20px 3px;
box-shadow: 0 0 20px 3px;
}
.pickup_content__link:hover::before, .pickup_content__link:hover::after {
width: 4em;
height: 4em;
}
#sidebar1 .pickup_content__ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#sidebar1 .pickup_content__li {
width: calc(50% - 1em);
}
}
.related_article {
margin: 3% auto;
text-align: left;
max-width: 980px;
}
.related_article .ttl {
margin: 0 0 0.1em;
font-size: 95%;
font-weight: bold;
}
.related_article .ttl::before {
content: attr(data-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.labelnone .ttl::before {
content: none;
}
.related_article .time__date {
font-size: 80%;
}
.related_article__link {
color: #333333;
background: #ffffff;
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
text-decoration: none;
width: 100%;
padding: 2.5%;
overflow: hidden;
}
.related_article__link:hover {
color: #888888;
-webkit-box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
}
.related_article__link:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
}
.related_article.typecard .related_article__link {
display: block;
max-width: 350px;
}
.related_article.typecard .eyecatch {
margin-bottom: 0.7em;
}
.related_article.typesimple .related_article__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.related_article.typesimple .archives_post__meta {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.related_article.typesimple .eyecatch {
width: 22%;
min-width: 100px;
margin-right: 0.7em;
}
.related_article.typesimple .eyecatch .wp-post-image {
width: 100%;
margin-bottom: 0;
}
.supplement,
[class*="is-style-supplement-"] {
border: 2px solid;
background-color: #fcf8e3;
border-color: #faebcc;
color: #766341;
position: relative;
font-size: 93%;
margin: 1.5em 0 2em;
border-radius: 4px;
}
.supplement,
[class*="is-style-supplement-"],
[class*="is-style-supplement-"].has-background:not(.is-style-supplement-border) {
padding: 4% 4% 4% 50px;
}
[class*="is-style-supplement-"].has-text-color {
border-color: inherit;
}
.supplement p {
margin-bottom: .8em;
}
.supplement.warning,
.supplement.is-style-warning,
.is-style-supplement-warning {
background-color: #fce3e3;
border-color: #facccc;
color: #764141;
}
.supplement.succes,
.supplement.is-style-succes,
.is-style-supplement-succes {
background-color: #cff7c7;
border-color: #a3cc72;
color: #466348;
}
.supplement::before,
[class*="is-style-supplement-"]::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 1;
content: '\f06a';
display: inline-block;
font-size: 1.1em;
}
.supplement:not(.boader)::before,
[class*="is-style-supplement-"]::before {
font-size: 26px;
position: absolute;
left: 0.5em;
}
.supplement.warning::before,
.supplement.is-style-warning::before,
.is-style-supplement-warning::before {
content: '\f071';
}
.supplement.succes::before,
.supplement.is-style-succes::before,
.is-style-supplement-succes::before {
content: '\f058';
}
.supplement.boader::before,
.supplement.border::before,
.supplement.is-style-border::before,
.is-style-supplement-border::before {
content: none;
}
.supplement.noicon::before {
content: none;
}
.supplement.boader,
.supplement.border,
.supplement.is-style-border,
.is-style-supplement-border {
background: none;
color: inherit;
border-color: #d4d4d4;
}
.supplement.boader,
.supplement.border,
.supplement.is-style-border,
.supplement.noicon,
.is-style-supplement-border {
padding: 3% 4%;
}
.is-style-p_balloon_bottom,
.is-style-p_balloon_bottom.has-background,
.is-style-p_microcopy {
font-size: 90%;
margin: 0 auto 1em;
padding: 0.5em 2em;
position: relative;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.is-style-p_balloon_bottom::before,
.is-style-p_microcopy::before,
.is-style-p_microcopy::after {
content: "";
display: inline-block;
position: absolute;
}
.is-style-p_microcopy::before, .is-style-p_microcopy::after {
height: 100%;
width: 1px;
background: currentColor;
left: 0;
top: 0;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.is-style-p_microcopy {
max-width: 85%;
margin: 0 auto 0.5em;
}
.is-style-p_microcopy::after {
left: auto;
right: 0;
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
.is-style-p_balloon_bottom {
border-radius: 40px;
}
.is-style-p_balloon_bottom:not(.has-background) {
background-color: var(--main-ttl-bg);
}
.is-style-p_balloon_bottom:not(.has-text-color) {
color: var(--main-ttl-color);
}
.is-style-p_balloon_bottom::before {
bottom: -0.3em;
left: calc(50% - 0.3em);
width: 0.6em;
height: 0.6em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: inherit;
}
.is-style-p_balloon_bottom a {
color: inherit;
}
.cbox {
padding: 1em 3%;
margin: 2em 0 2em;
border: 2px solid;
background-color: var(--main-ttl-bg-rgba);
border-color: var(--main-ttl-bg);
border-radius: 0.2em;
}
.cbox.intitle {
padding-top: 0;
padding-bottom: 1.4em;
}
.cbox.intitle .span__box_title {
position: relative;
top: -1.1em;
padding: 0.1em 0.7em;
background-color: var(--main-ttl-bg);
color: #fff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: bottom;
min-width: 3em;
text-align: center;
}
.cbox .span__box_title:empty {
visibility: hidden;
}
.cbox.is-style-blue_box {
background: var(--oc-box-blue-inner);
border-color: var(--oc-box-blue);
color: #465d65;
}
.cbox.is-style-blue_box .span__box_title {
background: var(--oc-box-blue);
}
.cbox.is-style-red_box {
background: var(--oc-box-red-inner);
border-color: var(--oc-box-red);
color: #654646;
}
.cbox.is-style-red_box .span__box_title {
background: var(--oc-box-red);
}
.cbox.is-style-yellow_box {
background: var(--oc-box-yellow-inner);
border-color: var(--oc-box-yellow);
color: #636546;
}
.cbox.is-style-yellow_box .span__box_title {
background: var(--oc-box-yellow);
}
.cbox.is-style-green_box {
background: var(--oc-box-green-inner);
border-color: var(--oc-box-green);
color: #42613a;
}
.cbox.is-style-green_box .span__box_title {
background: var(--oc-box-green);
}
.cbox.is-style-pink_box {
background: var(--oc-box-pink-inner);
border-color: var(--oc-box-pink);
color: #654646;
}
.cbox.is-style-pink_box .span__box_title {
background: var(--oc-box-pink);
}
.cbox.is-style-glay_box {
background: var(--oc-box-gray-inner);
border-color: var(--oc-box-gray);
color: #444444;
}
.cbox.is-style-glay_box .span__box_title {
background: var(--oc-box-gray);
}
.cbox.is-style-black_box {
background: var(--oc-box-black-inner);
border-color: var(--oc-box-black);
color: #ffffff;
}
.cbox.is-style-black_box .span__box_title {
background: var(--oc-box-black);
}
.cbox.type_simple {
background-color: var(--inner-content-bg);
}
.cbox.type_simple .span__box_title {
background-color: var(--inner-content-bg);
color: var(--main-ttl-bg);
}
.cbox.type_simple.is-style-blue_box .span__box_title {
color: var(--oc-box-blue);
}
.cbox.type_simple.is-style-red_box .span__box_title {
color: var(--oc-box-red);
}
.cbox.type_simple.is-style-yellow_box .span__box_title {
color: var(--oc-box-yellow);
}
.cbox.type_simple.is-style-green_box .span__box_title {
color: var(--oc-box-green);
}
.cbox.type_simple.is-style-pink_box .span__box_title {
color: var(--oc-box-pink);
}
.cbox.type_simple.is-style-glay_box .span__box_title {
color: var(--oc-box-gray);
}
.cbox.type_simple.is-style-black_box,
.cbox.type_simple.is-style-black_box .span__box_title {
color: var(--oc-box-black);
}
.cbox.type_ttl {
padding: 0;
position: static;
border-radius: 0;
background: none;
color: inherit;
}
.cbox.type_ttl .cboxcomment {
padding: 1em 3%;
}
.cbox.type_ttl .span__box_title {
width: 100%;
position: static;
border-radius: 0;
}
.cbox.is-style-site_color {
border-color: var(--main-ttl-bg);
}
.cbox:not(.type_simple):not(.type_ttl).is-style-site_color {
background-color: var(--main-ttl-bg-rgba);
}
.cbox.type_simple.is-style-site_color .span__box_title {
color: var(--main-ttl-bg);
}
.cbox:not(.type_simple).is-style-site_color .span__box_title {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.accordion {
position: relative;
margin: 0.9em 0;
}
.accordion_check {
display: none;
}
.accordion_label {
position: relative;
z-index: 2;
color: inherit;
display: block;
margin: 0;
padding: 10px 30px 10px 10px;
font-weight: bold;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accordion label::after {
font-family: "Font Awesome 5 Free";
content: "\f107";
position: absolute;
right: 0.8em;
top: calc(50% - 0.5em);
line-height: 1;
-webkit-transition: .3s;
transition: .3s;
}
.accordion_check:checked + .accordion_label::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion_content {
position: relative;
z-index: 2;
border-top: none;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 1em;
-webkit-transition: .5s;
transition: .5s;
visibility: hidden;
background-color: var(--inner-content-bg);
}
.accordion_check:checked + .accordion_label + .accordion_content {
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
visibility: visible;
}
.accordion:not(.is-style-accordion_type_simple) {
font-size: 95%;
-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
}
.accordion:not(.is-style-accordion_type_simple)::before, .accordion:not(.is-style-accordion_type_simple)::after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.accordion:not(.is-style-accordion_type_simple)::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.accordion:not(.is-style-accordion_type_simple)::after {
background: #666666;
opacity: 0.02;
}
.accordion.is-style-accordion_type_simple::before,
.accordion.is-style-accordion_type_simple::after {
content: none;
}
.accordion.is-style-accordion_type_simple .accordion_label {
margin-bottom: 10px;
}
.accordion.is-style-accordion_type_simple .accordion_label {
display: inline-block;
padding: 0 30px 0 0;
}
.accordion.is-style-accordion_type_simple .accordion_content {
-webkit-box-shadow: 0 0 2px rgba(102, 102, 102, 0.3);
box-shadow: 0 0 2px rgba(102, 102, 102, 0.3);
border-radius: 5px;
}
.oc-faq {
padding: 1em 0;
margin-bottom: 0;
}
.oc-faq + .oc-faq {
margin-bottom: 1em;
margin-top: 1em;
}
.oc-faq__title,
.oc-faq__comment {
position: relative;
padding-left: 2.2em;
margin-bottom: 0;
}
.oc-faq__title::before,
.oc-faq__comment::before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 1.8em;
height: 1.8em;
line-height: 1.8;
text-align: center;
font-weight: bold;
content: "";
border-radius: 4px;
}
.oc-faq__title {
font-weight: bold;
}
.oc-faq__title::before {
content: "Q";
}
.oc-faq__comment::before {
content: "A";
}
.faq-icon--simple .oc-faq__title::before,
.faq-icon--simple .oc-faq__comment::before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.faq-icon--simple .oc-faq__title::before {
color: #f55e5e;
}
.faq-icon--simple .oc-faq__comment::before {
color: #1bb4d4;
}
.faq-icon--bg_themecolor .oc-faq__title::before,
.faq-icon--bg_themecolor .oc-faq__comment::before {
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.faq-icon--bg_monoqlo .oc-faq__title::before,
.faq-icon--bg_monoqlo .oc-faq__comment::before {
border: 1px solid #333;
background: #333;
color: #fff;
}
.faq-icon--bg_monoqlo .oc-faq__comment::before {
background: #fff;
color: #333;
}
.faq-icon--border .oc-faq__title::before,
.faq-icon--border .oc-faq__comment::before {
border: 1px solid;
}
.faq-icon--radius_none .oc-faq__title::before,
.faq-icon--radius_none .oc-faq__comment::before {
border-radius: 0;
}
.faq-icon--radius_maru .oc-faq__title::before,
.faq-icon--radius_maru .oc-faq__comment::before {
border-radius: 50%;
}
.is-style-faq_type_border,
.is-style-faq_type_border__dot,
.is-style-faq_type_bg1,
.is-style-faq_type_bg2 {
padding: 3% 3%;
}
.is-style-faq_type_border {
border: 2px solid rgba(102, 102, 102, 0.3);
}
.is-style-faq_type_border__dot {
border: 2px dashed rgba(102, 102, 102, 0.3);
}
.is-style-faq_type_bg1 {
position: relative;
}
.is-style-faq_type_bg1::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
width: 100%;
height: 100%;
opacity: 0.2;
}
.is-style-faq_type_bg2 {
background: rgba(102, 102, 102, 0.1);
}
.accordion_content p:last-child,
.oc-faq__title,
.oc-faq__comment p:last-child,
.supplement p:last-child,
.cbox p:last-child,
.voice .voicecomment p:last-child,
.wp-block-group.has-background p:last-child,
.archives-list a .description p:last-child {
margin-bottom: 0;
}
.wp-block-buttons .wp-block-button {
max-width: calc(100% - 1em);
margin: 0 .5em .5em;
}
.wp-block-buttons:not(.alignleft):not(.alignright):not(.is-content-justification-left):not(.is-content-justification-right) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-wrap,
.wp-block-button {
margin: 0.5em 0 1em;
}
.wp-block-buttons.is-vertical > .wp-block-button {
margin-left: .5em;
margin-right: .5em;
}
.btn-wrap {
text-align: center;
}
.btn-wrap p,
.wp-block-button p {
margin: 0;
padding: 0;
}
.btn-wrap a,
.wp-block-button__link {
padding: 0.667em 1em;
font-size: 1em;
vertical-align: middle;
font-weight: bold;
border-radius: 3px;
max-width: 90%;
}
.wp-block-button__link {
min-width: 220px;
}
.btn-wrap a {
z-index: 2;
display: inline-block;
text-decoration: none;
border-width: 2px;
border-style: solid;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
color: #ffffff;
text-decoration: none !important;
}
.stk-shiny-button .wp-block-button__link {
overflow: hidden;
position: relative;
}
.stk-shiny-button .wp-block-button__link::before {
content: '';
position: absolute;
top: -100px;
left: -100px;
width: 50px;
height: 50px;
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
-webkit-animation-name: shiny;
animation-name: shiny;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes shiny {
0% {
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
opacity: 0;
}
50% {
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
opacity: 0.5;
}
100% {
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
opacity: 0;
}
}
@keyframes shiny {
0% {
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
opacity: 0;
}
50% {
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
opacity: 0.5;
}
100% {
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
opacity: 0;
}
}
.wp-block-button.is-style-fill .wp-block-button__link {
padding: calc(0.667em + 2px) calc(1em + 2px);
}
.btn-wrap.big a,
.wp-block-button.big .wp-block-button__link,
.wp-block-buttons.is-style-big .wp-block-button__link {
font-size: 103%;
width: 470px;
max-width: 100%;
}
.wp-block-button.small .wp-block-button__link,
.wp-block-buttons.is-style-small .wp-block-button__link {
min-width: initial;
max-width: initial;
font-size: 90%;
padding: 0.2em 0.9em;
}
.wp-block-button.is-style-fill.small .wp-block-button__link,
.wp-block-buttons.is-style-small .is-style-fill .wp-block-button__link {
padding: calc(0.2em + 2px) calc(0.9em + 2px);
}
.btn-wrap a:active,
.wp-block-button a:active {
-webkit-transform: translate3d(0, 1px, 1px);
transform: translate3d(0, 1px, 1px);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.btn-wrap a,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color) {
background-color: var(--main-link-color);
border-color: var(--main-link-color);
}
.btn-wrap.simple a,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
border-color: var(--main-link-color);
color: var(--main-link-color);
}
.btn-wrap.simple a:hover {
background-color: var(--main-link-color);
}
.wp-block-button.lightning .wp-block-button__link {
background: #C81C1C;
border-color: #C81C1C;
color: #ffffff;
}
.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_"] a {
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 a {
background-color: var(--oc-btn-rich_yellow);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw);
box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw);
}
.btn-wrap.rich_pink a,
.wp-block-button.is-style-rich_pink a {
background-color: var(--oc-btn-rich_pink);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw);
box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw);
}
.btn-wrap.rich_orange a,
.wp-block-button.is-style-rich_orange a {
background-color: var(--oc-btn-rich_orange);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw);
box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw);
}
.btn-wrap.rich_green a,
.wp-block-button.is-style-rich_green a {
background-color: var(--oc-btn-rich_green);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw);
box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw);
}
.btn-wrap.rich_blue a,
.wp-block-button.is-style-rich_blue a {
background-color: var(--oc-btn-rich_blue);
-webkit-box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw);
box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw);
}
@media only screen and (min-width: 768px) {
.btn-wrap a:hover,
.wp-block-button a:hover {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
opacity: 0.8;
text-decoration: none !important;
}
.btn-wrap.rich_yellow a:hover,
.wp-block-button.is-style-rich_yellow a:hover {
color: #ffffff !important;
background-color: #f7cf2e;
-webkit-box-shadow: 0 4px 0 #ecb254, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #ecb254, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_pink a:hover,
.wp-block-button.is-style-rich_pink a:hover {
color: #ffffff !important;
background-color: #ee5656;
-webkit-box-shadow: 0 4px 0 #d34e4e, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #d34e4e, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_orange a:hover,
.wp-block-button.is-style-rich_orange a:hover {
color: #ffffff !important;
background-color: #ef9b2f;
-webkit-box-shadow: 0 4px 0 #cc8c23, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #cc8c23, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_green a:hover,
.wp-block-button.is-style-rich_green a:hover {
color: #ffffff !important;
background-color: #39cd75;
-webkit-box-shadow: 0 4px 0 #1eae59, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #1eae59, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_blue a:hover,
.wp-block-button.is-style-rich_blue a:hover {
color: #ffffff !important;
background-color: #19b4ce;
-webkit-box-shadow: 0 4px 0 #07889d, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 4px 0 #07889d, 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.09);
}
}
@media only screen and (min-width: 768px) {
.column-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}
.column-wrap .column_2,
.column-wrap .column_3 {
width: calc(50% - 0.5em);
margin: 0 0.5em 0.5em;
}
.column-wrap .column_3 {
width: calc(33.3333% - 0.85em);
}
.column-wrap .column_4 {
width: calc(25% - 0.5em);
}
.column-wrap .column_5 {
width: calc(20% - 0.5em);
}
.column-wrap .child_column:first-child {
margin-left: 0;
}
.column-wrap .child_column:last-child {
margin-right: 0;
}
.column-wrap p {
margin-bottom: 0.5em;
}
.column-wrap .child_column img {
margin-bottom: 1.5%;
}
.column-wrap .child_column h2,
.column-wrap .child_column h3 {
margin-top: 1em;
}
}
.voice {
margin: 1em 0 1.3em;
font-size: 95%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.voice.r {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
.voice .voicecomment {
border: 5px solid rgba(213, 213, 213, 0.5);
margin-top: 1em;
padding: 2.5%;
position: relative;
border-radius: 0.6em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.voice .voicecomment:after {
content: "";
position: absolute;
top: 7px;
left: -19px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-right-color: inherit;
border-width: 7px;
}
.voice.r .voicecomment:after {
left: auto;
right: -19px;
border-color: transparent;
border-left-color: inherit;
border-width: 7px;
}
.voice.fb .voicecomment,
.voice.comment_blue .voicecomment {
background: #418ed8;
border-color: #418ed8;
color: #fff;
}
.voice.line .voicecomment,
.voice.comment_green .voicecomment {
background: #7ACC40;
border-color: #7ACC40;
color: #fff;
}
.voice.comment_gray .voicecomment {
background: #eee;
border-color: #eee;
color: #222;
}
.voice.comment_pink .voicecomment {
background: #ffecec;
border-color: #ffecec;
}
.voice.comment_yellow .voicecomment {
background: #fbf79f;
border-color: #fbf79f;
}
.voice .voicecomment p {
margin-bottom: 1em;
}
.voice .icon {
width: 12%;
min-width: 80px;
text-align: center;
}
.voice.l .icon {
margin-right: 2%;
}
.voice.r .icon {
margin-left: 2%;
}
.voice .voice_icon__img {
border-radius: 50%;
margin: 0;
border: 4px solid #f5f5f5;
}
.voice.icon_red .voice_icon__img {
border-color: #ec6565;
}
.voice.icon_blue .voice_icon__img {
border-color: #418ed8;
}
.voice.icon_yellow .voice_icon__img {
border-color: #fbf79f;
}
.voice.icon_black .voice_icon__img {
border-color: #222;
}
.voice .icon .name {
font-size: 0.65em;
padding: 0.4em 0;
}
.voice.big .icon {
width: 18%;
}
.cat_postlist {
width: 100%;
margin-bottom: 2%;
}
.cat_postlist .catttl {
font-size: 105%;
font-weight: bold;
padding: 5px 0;
margin: 0 0 5px;
border-bottom: 2px solid var(--main-ttl-bg);
}
.cat_postlist .catttl.ttlimg {
border: none;
padding: 0;
}
.cat_postlist .catttl.ttlimg img {
margin: 0;
}
.cat_postlist__ul {
margin-bottom: 0;
}
li.cat_postlist__li {
margin: 0;
padding-left: 0;
}
.cat_postlist__li::before {
content: none !important;
}
.cat_postlist__li .eyecatch img {
margin: 0;
}
.cat_postlist__li .ttl {
font-size: 90%;
font-weight: bold;
margin: 0;
padding: 0;
}
.cat_postlist__li .time__date {
font-size: 85%;
opacity: 0.8;
}
.cat_postlist__link {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
overflow: hidden;
}
.cat_postlist.typecard .cat_postlist__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.cat_postlist.typecard .cat_postlist__li {
width: calc(25% - 10px);
margin: 5px;
font-size: 90%;
line-height: 1.5;
}
.cat_postlist.typecard .eyecatch {
margin: 0 0 0.5em;
}
.cat_postlist.typesimple .cat_postlist__link {
padding: 0.7em 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cat_postlist.typesimple .eyecatch {
width: 30%;
max-width: 110px;
margin-right: 0.7em;
overflow: hidden;
text-align: center;
}
.cat_postlist.typesimple .archives_post__meta {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cat_postlist.typetext .cat_postlist__link {
padding: 0.5em 0.3em;
border-bottom: 1px dotted rgba(102, 102, 102, 0.3);
}
.cat_postlist .btn-wrap {
margin: 1.5em 0 2em;
}
.cat_postlist .btn-wrap a {
padding: 5px 1.2em 5px 0.5em;
width: 230px;
}
.cat_postlist .btn-wrap.arrow a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
position: absolute;
right: 5px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
@media only screen and (max-width: 480px) {
.btn-wrap a,
.wp-block-button a {
font-size: 90%;
}
.btn-wrap.big a,
.wp-block-button.is-style-big a {
font-size: 90%;
min-width: 80%;
max-width: 90%;
}
.btn-wrap.bg {
padding: 0.9em 0.8em;
margin: 2.5em 0;
}
.voice .voicecomment {
font-size: 95%;
}
.related_article {
font-size: 80%;
}
#container .related_article__link {
padding: 0.6em;
}
.cat_postlist.typecard .cat_postlist__li {
width: calc(50% - 10px);
}
}
.archive-title {
font-size: 115%;
margin: 0 0 1.5em;
padding: 0 0.1em 0.5em;
border-bottom: 3px solid var(--main-ttl-bg);
}
.archive-title span, .archive-title::before {
font-size: 10px;
line-height: 1.5;
display: block;
opacity: 0.7;
}
.archive-title.ttl-category::before {
content: "Category";
}
.archive-title.ttl-tags::before {
content: "Tags";
}
.archives-list:not(.big-list) .post-list__link {
display: block;
text-decoration: none;
color: inherit;
}
.archives-list .entry-title {
margin: 0 0 0.4em;
font-size: 115%;
background: none !important;
color: inherit !important;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.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;
}
.archives-list .post-list .description {
opacity: 0.6;
font-size: 70%;
}
.archives-list .entry-meta,
.archives-list .description {
font-size: 75%;
}
.archives-list.big-list .post-list {
margin-bottom: 3em;
}
.archives-list.big-list .entry-title a {
color: inherit;
}
.archives-list.big-list .entry-meta,
.archives-list.big-list .eyecatch {
margin: 0.7em 0;
}
.archives-list.big-list .cat-name {
margin-right: 10px;
}
@media only screen and (max-width: 480px) {
.archives-list.big-list {
font-size: 90%;
}
.archives-list.big-list .entry-title {
margin-bottom: 0;
}
.archives-list.big-list .byline {
font-size: 80%;
}
}
.archives-list.simple-list .post-list {
margin: 3px auto;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding: 3%;
background-color: var(--inner-content-bg);
}
.archives-list.simple-list .eyecatch {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40%;
max-width: 280px;
margin-bottom: 0 !important;
}
.archives-list.simple-list .entry-content {
padding-left: 3%;
}
@media only screen and (max-width: 767px) {
.archives-list.simple-list .entry-title {
font-size: 100%;
}
.archives-list.simple-list .description {
display: none;
}
}
@media only screen and (max-width: 480px) {
.archives-list.simple-list .post-list {
margin-left: -4%;
margin-right: -4%;
font-size: 90%;
}
.archives-list.simple-list .cat-name {
font-size: 60%;
}
}
.archives-list.card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
word-break: break-all;
margin: 0.5em auto;
}
@media only screen and (min-width: 481px) {
.archives-list.card-list {
margin: 0 auto;
}
}
.archives-list.card-list .post-list__link {
height: 100%;
padding: 1em;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.archives-list.card-list .eyecatch {
margin: -1em -1em 1em;
overflow: hidden;
}
.archives-list.card-list .post-list {
margin-bottom: 1.4em;
width: 100%;
}
@media only screen and (min-width: 481px) {
.archives-list.card-list .post-list {
width: calc(50% - 0.7em);
}
}
@media only screen and (min-width: 768px) {
.archives-list:not(.big-list) .post-list__link:hover {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
}
.pagination,
.page-links {
font-size: 90%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination {
margin: 3em auto 4em;
padding: 0;
}
.pagination:empty,
.pagination:empty,
.search-no-results .pagination {
display: none;
}
.pagination .page-numbers,
.page-links .post-page-numbers {
margin: 0 2px 4px;
min-width: 2.8em;
padding: 12px 6px;
text-decoration: none;
line-height: 1;
color: var(--main-link-color);
border: 2px solid var(--main-link-color);
border-radius: 4px;
font-weight: bold;
}
.page-links:not(.type_number) .post-page-numbers {
width: 46%;
max-width: 15em;
margin: 1%;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.page-links .post-page-numbers:hover,
.page-links .post-page-numbers:focus {
color: #fff;
background-color: var(--main-link-color);
}
.pagination .page-numbers.current,
.page-links .post-page-numbers.current {
cursor: default;
color: #fff;
background-color: var(--main-link-color);
}
.pagination .page-numbers.dots {
cursor: default;
}
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a {
text-decoration: none;
color: inherit;
}
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a:hover {
color: inherit;
opacity: 0.7;
}
.widgettitle {
font-size: 100%;
padding: 0.65em 0.8em;
margin-top: 0;
margin-bottom: 0;
background-color: var(--main-ttl-bg);
color: var(--main-ttl-color);
}
.widget_text .widgettitle,
.widget_search .widgettitle,
.widget_media_video .widgettitle,
.widget_media_image .widgettitle,
.widget_media_gallery .widgettitle {
margin-bottom: 0.75em;
}
.homewidget.widget:last-child,
.titleunder .widget:last-child {
margin-bottom: 1em;
}
.widget {
margin: 0 0 2.5em;
}
.widget ul {
margin: 0;
}
.widget_rss li a {
font-weight: bold;
}
.widget_rss li .rssSummary,
.widget_rss li .rss-date,
.widget_rss li cite {
font-size: 88%;
opacity: 0.6;
}
.widget_categories ul,
.widget_recent_entries__ul,
.widget_newentryimagewidget .cat_postlist__ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_mycategoryorder ul {
margin-top: 0;
}
.widget_categories .cat-item,
.widget_recent_entries__li,
.widget_newentryimagewidget .cat_postlist__li,
.widget_nav_menu .menu-item,
.widget_pages .page_item,
.widget_archive li,
.widget_mycategoryorder li {
border-bottom: 1px dotted var(--oc-base-border-color);
margin: 0;
padding: 0;
}
.widget .children li:first-child,
.widget .sub-menu li:first-child {
border-top: 1px dotted var(--oc-base-border-color);
}
.widget_categories .cat-item a,
.widget_recent_entries__link,
.widget_newentryimagewidget a,
.widget_nav_menu .menu-item a,
.widget_pages .page_item a,
.widget_archive li a,
.widget_mycategoryorder li a {
display: block;
padding: 1em 1.3em 1em 0.3em;
margin: 0;
position: relative;
}
.widget li a .countpost {
opacity: 0.9;
border-radius: 1em;
background: rgba(50, 50, 50, 0.1);
font-size: 89%;
padding: 0 0.5em;
margin-left: 0.3em;
}
.widget_categories .cat-item:last-child,
.widget_recent_entries__li:last-child,
.widget_newentryimagewidget .cat_postlist__li:last-child,
.widget_nav_menu .menu-item:last-child,
.widget_pages .page_item:last-child,
.widget_archive li:last-child,
.widget_mycategoryorder li:last-child {
border-bottom: none;
}
.widget_categories .cat-item a::after,
.widget_recent_entries__li a::after,
.widget_newentryimagewidget .cat_postlist__li a::after,
.widget_nav_menu .menu-item a::after,
.widget_pages .page_item a::after,
.widget_archive li a::after,
.widget_mycategoryorder li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
position: absolute;
right: 6px;
line-height: 1;
font-size: 1em;
top: 50%;
margin-top: -0.5em;
-webkit-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
color: var(--main-link-color);
}
.cat_postlist.mode_widget .ttl {
font-size: 100%;
font-weight: normal;
}
.cat_postlist.mode_widget .archives_post__meta {
padding-right: 1.2em;
}
.cat_postlist.mode_widget .cat_postlist__link {
padding-top: 1em;
padding-bottom: 1em;
}
.entry-content .widget:not(.widget_text) li {
padding-left: 0;
margin: 0;
}
.entry-content .widget:not(.widget_text) li::before {
content: none;
}
.widget li a:hover::after {
right: 3px;
}
.widget select {
margin-top: 1em;
width: 100%;
max-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;
}
.widget_search .searchform,
#main .entry-content .searchform {
position: relative;
height: 45px;
margin: 0 auto 1.5em;
max-width: 500px;
text-align: center;
}
.widget_search:not(.widget_block) input[type="search"],
#main .entry-content .searchform input[type="search"] {
position: absolute;
width: 100% !important;
max-width: 100%;
padding: 12px 1%;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.widget_search:not(.widget_block) button,
#main .entry-content .searchform button {
position: absolute;
right: 3px;
border: 0;
background: none;
display: inline-block;
height: 100%;
padding: .6em;
font-size: 150%;
color: initial;
line-height: 1;
}
@media only screen and (min-width: 1100px) {
#main .entry-content .searchform input[type="search"] {
line-height: 1.8;
}
#main .entry-content .searchform button {
font-size: 170%;
height: 60px;
}
}
.widget_calendar .wp-calendar-table {
width: 100%;
}
.widget_calendar .wp-calendar-table,
.widget_calendar .wp-calendar-table th,
.widget_calendar .wp-calendar-table td,
.widget_calendar .wp-calendar-nav {
text-align: center;
}
.tag-cloud-link {
padding: 0.1em 0.6em;
margin: 0 0.2em 0.3em 0;
display: inline-block;
font-size: 12px !important;
text-decoration: none;
border-radius: 3px;
color: inherit;
-webkit-box-shadow: 0 0 1px;
box-shadow: 0 0 1px;
opacity: 0.8;
}
.tag-cloud-link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f02b';
margin-right: 3px;
}
@media only screen and (min-width: 768px) {
.tag-cloud-link:hover {
opacity: 0.7;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px;
}
.tag-cloud-link:active {
-webkit-box-shadow: 0 0 2px;
box-shadow: 0 0 2px;
}
}
.widget_nav_menu .menu-item a .gf {
display: none;
}
.widget li .time__date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: .5;
display: inline-block;
}
.widget_categories .cat-item,
.widget_nav_menu .menu-item,
.widget_pages .page_item {
position: relative;
}
.widget li.accordionMenu > a {
padding-right: 2em;
}
.widget li.accordionMenu > a::after {
content: none;
}
.accordionBtn {
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
border-radius: 50%;
display: inline-block;
text-align: center;
position: absolute;
top: 0.75em;
right: 1px;
color: #ffffff;
background-color: var(--main-link-color);
cursor: pointer;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.accordionBtn.active {
background-color: var(--main-link-color-hover);
}
.accordionBtn::before {
font-weight: bold;
font-family: 'skticon';
content: '\e902';
display: inline-block;
}
.accordionBtn.active {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (min-width: 768px) {
.accordionBtn {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
top: 1em;
}
}
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.remodal,
[data-remodal-id] {
display: none;
}
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
background: rgba(43, 46, 56, 0.9);
}
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 10px 20px 0;
}
.remodal-wrapper::after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
}
.remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 700px;
margin-bottom: 10px;
padding: 1em;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
text-align: left;
}
.remodal-is-initialized {
display: inline-block;
}
.remodal.searchbox,
.remodal.searchbox .remodal-close {
background: none;
color: #fff;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
vertical-align: middle;
}
.remodal .widget {
margin: 0 0 1em;
}
.remodal-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1em auto;
padding: .5em;
cursor: pointer;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
color: initial;
background: none;
font-size: 1.2em;
}
.remodal-close:not(:hover):not(:focus) {
opacity: 0.5;
}
.remodal-close::before {
font-family: 'skticon';
content: "\e903";
-webkit-transform: scale(1.5);
transform: scale(1.5);
margin-right: 0.4em;
}
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
}
@-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media only screen and (max-width: 480px) {
.remodal {
padding: .5em;
font-size: .88em;
}
}
.bgfull #footer,
.bgnormal #inner-footer {
background-color: var(--footer-bg);
color: var(--footer-text-color);
}
#inner-footer {
font-size: 88%;
padding: 4%;
}
#inner-footer a {
color: var(--footer-link-color);
}
@media only screen and (min-width: 768px) {
#inner-footer {
padding: 35px;
}
}
.bgfull #inner-footer {
margin-bottom: 0;
}
#footer-top .widgettitle {
font-size: 110%;
padding: 0.4em 0.1em;
background: none;
color: var(--footer-text-color);
}
@media only screen and (min-width: 768px) {
#footer-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#footer-top .footerwidget {
width: calc( 33.333333% - 1em);
}
}
#footer-bottom {
text-align: center;
font-size: 90%;
}
.footer-links {
margin: 0 auto 1em;
}
.footer-links > .menu {
margin: 0 auto;
}
.footer-links .menu-item {
display: inline-block;
margin: 0 0.9em 0 0;
}
.footer-links a {
text-decoration: none;
}
.footer-links a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
margin-right: 2px;
color: var(--main-link-color);
}
.footer-links .gf,
.footer-links .sub-menu {
display: none;
}
#page-top {
position: fixed;
right: 10px;
bottom: 0;
z-index: 99999;
-webkit-transform: translateY(55px);
transform: translateY(55px);
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
#page-top.pt-active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
#page-top .pt-button {
background: rgba(102, 102, 102, 0.5) no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 3px;
text-align: center;
line-height: 55px;
padding: 0;
display: block;
color: #fff;
}
#page-top .pt-button::before {
font-family: "Font Awesome 5 Free";
content: "\f077";
font-weight: 900;
}
.copyright {
margin: auto;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.searchbox button.searchsubmit {
right: 33px;
color: #444;
}
.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;
}