:root {
--arkb-list-icon_color: var(--ark-color--main, #000)
}
.is-style-ark-media-shadow img,
.is-style-ark-media-shadow video {
box-shadow: var(--arkb-shadow)
}
.is-style-ark-media-border img,
.is-style-ark-media-border video {
border: 1px solid var(--ark-color--border, #c8c8c880)
}
.is-style-ark-media-frame {
background-color: #fff;
box-shadow: var(--arkb-shadow);
margin-left: auto;
margin-right: auto;
padding: 12px;
width: -moz-fit-content;
width: fit-content
}
.is-style-ark-media-frame figcaption {
margin-bottom: -4px;
margin-top: 8px
} [class*=is-style-ark-list-] ::marker {
color: var(--arkb-list-icon_color) !important;
} [class*=is-style-ark-list-icon]>li:before {
background-color: var(--arkb-list-icon_color) !important;
content: "\00a0";
display: block;
left: -1.25em !important;
-webkit-mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
position: absolute;
top: 6px !important;
width: 0.8em !important;
height: 0.8em !important;
}
.is-style-ark-list-icon--dot li:before {
-webkit-clip-path: circle(16% at 50%);
clip-path: circle(16% at 50%);
-webkit-mask: unset;
mask: unset
}
.is-style-ark-list-icon--caret {
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23.4,14.4L12.9,7C11.6,6,9.7,7,9.7,8.6v14.8c0,1.6,1.8,2.6,3.1,1.6l10.5-7.4C24.5,16.8,24.5,15.2,23.4,14.4z"/></svg>')
}
.is-style-ark-list-icon--check {
--arkb-list-icon_color: #52cb4c;
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.2 20.56l-5.92-5.92c-0.16-0.16-0.4-0.16-0.56 0l-2.8 2.8c-0.16 0.16-0.16 0.4 0 0.56l9.040 9.040c0.16 0.16 0.4 0.16 0.56 0l18.64-18.64c0.16-0.16 0.16-0.4 0-0.56l-2.8-2.8c-0.16-0.16-0.4-0.16-0.56 0l-15.6 15.52z"></path></svg>')
}
.is-style-ark-list-icon--circle,
.is-style-ark-list-icon--good {
--arkb-list-icon_color: #51b0e7;
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 30.4c-7.92 0-14.4-6.48-14.4-14.4s6.48-14.4 14.4-14.4 14.4 6.48 14.4 14.4-6.48 14.4-14.4 14.4zM16 5.2c-6 0-10.8 4.8-10.8 10.8s4.8 10.8 10.8 10.8 10.8-4.8 10.8-10.8-4.8-10.8-10.8-10.8z"></path></svg>')
}
.is-style-ark-list-icon--triangle {
--arkb-list-icon_color: #e9d525;
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.9,26.5L17.6,3.6c-0.3-0.6-1-0.9-1.6-0.9c-0.7,0-1.3,0.4-1.6,0.9L1.1,26.5c-0.3,0.6-0.3,1.3,0,1.9c0.3,0.6,1,0.9,1.6,0.9 h26.5c0.7,0,1.3-0.4,1.6-0.9C31.2,27.8,31.2,27.1,30.9,26.5z M26.9,26.1H5.1L16,7.3L26.9,26.1z"/></svg>')
}
.is-style-ark-list-icon--bad,
.is-style-ark-list-icon--x {
--arkb-list-icon_color: #ee6767;
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28.88 5.68l-2.48-2.48c-0.16-0.16-0.4-0.16-0.56 0l-9.84 9.76-9.76-9.84c-0.16-0.16-0.4-0.16-0.56 0l-2.56 2.56c-0.16 0.16-0.16 0.4 0 0.56l9.84 9.76-9.84 9.76c-0.16 0.16-0.16 0.4 0 0.56l2.48 2.48c0.16 0.16 0.4 0.16 0.56 0l9.84-9.76 9.76 9.76c0.16 0.16 0.4 0.16 0.56 0l2.48-2.48c0.16-0.16 0.16-0.4 0-0.56l-9.76-9.76 9.84-9.76c0.16-0.16 0.16-0.4 0-0.56z"></path></svg>')
}
.is-style-ark-list-icon--question {
--arkb-list-icon_color: #5759e7;
--arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><circle cx="15.7" cy="27.8" r="2.8"/><path d="M20.6,16.2c1.3-0.8,2.3-1.8,3.2-3C24.6,12.1,25,10.6,25,9c0.1-2.1-0.8-4-2.4-5.4c-1.6-1.5-3.8-2.2-6.5-2.2 c-2.9,0-5.2,0.8-6.7,2.4C7.8,5.4,7.1,7.3,7,9.6l3.6,0c0.1-1.5,0.6-2.7,1.6-3.5c1-0.9,2.2-1.3,3.8-1.3c1.6,0,2.9,0.5,3.7,1.4 c0.9,0.7,1.3,1.9,1.3,3.2c0,1.1-0.3,2-0.8,2.8c-0.6,0.8-1.4,1.5-2.6,2.3c-1.4,0.8-2.5,1.8-3.2,2.8c-0.7,1-1,2.2-1,3.6v1.9h3.7v-1.4 c0-1.1,0.2-2,0.7-2.8C18.4,17.8,19.3,17.1,20.6,16.2z"/></svg>')
}
.is-style-ark-list-note {
--arkb-li-padding--left: 1em;
--arkb-list-icon_color: currentColor
}
.is-style-ark-list-note:not(.has-text-color) {
opacity: .85
}
.is-style-ark-list-note>li:before {
content: "※";
left: 0;
position: absolute;
top: 0;
transform: scale(.8)
}
ol.is-style-ark-list-note {
--arkb-li-padding--left: 1.75em;
counter-reset: arkb-ct
}
ol.is-style-ark-list-note>li:before {
content: "※" counter(arkb-ct);
counter-increment: arkb-ct;
letter-spacing: 4px
}
ol.is-style-ark-list-note[reversed]>li:before {
counter-increment: arkb-ct -1
}
.is-style-ark-list-numbered {
--arkb-the-lh: 1.8;
--arkb-li-padding--left: calc(1em*var(--arkb-the-lh) + 0.2em);
counter-reset: arkb-ct
}
.is-style-ark-list-numbered>li {
line-height: var(--arkb-the-lh) !important;
list-style: none !important;
position: relative
}
.is-style-ark-list-numbered>li:before {
background-color: var(--arkb-list-icon_color);
border-radius: 50%;
box-sizing: initial;
color: #fff;
content: counter(arkb-ct);
counter-increment: arkb-ct;
display: block;
height: calc(1em*var(--arkb-the-lh));
left: 0;
line-height: inherit;
padding: 0;
position: absolute;
text-align: center;
top: 0;
transform: scale(.8);
transform-origin: 0 50%;
width: calc(1em*var(--arkb-the-lh))
}
.is-style-ark-list-numbered[reversed]>li:before {
counter-increment: arkb-ct -1
}
.arkb-boxLink {
position: relative
}
.arkb-boxLink__title {
display: block;
font-weight: 700
}
.arkb-boxLink__inner {
background-color: #fff;
color: inherit;
color: #000;
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
transition: box-shadow .25s
}
.ark-block-boxLinks .arkb-boxLink__inner {
height: 100%
}
.arkb-boxLink__figure {
margin: 0;
overflow: hidden;
position: relative
}
.arkb-boxLink__img {
display: block;
width: 100%
}
[data-arkb-linkbox]:hover>.arkb-boxLink__inner,
a.arkb-boxLink__inner:hover {
box-shadow: 0 4px 24px -8px #00000014, 0 16px 40px -16px #00000026
}
[data-arkb-linkbox]:hover>.arkb-boxLink__inner .arkb-boxLink__bg,
a.arkb-boxLink__inner:hover .arkb-boxLink__bg {
opacity: .75
}
[data-arkb-linkbox]:hover>.arkb-boxLink__inner .arkb-boxLink__more__svg,
a.arkb-boxLink__inner:hover .arkb-boxLink__more__svg {
transform: translateX(4px)
}
.arkb-boxLink__figure.is-fixed-ratio:before {
content: "";
display: block;
height: 0;
padding-top: var(--ark-thumb_ratio, 56.25%);
width: 100%
}
.arkb-boxLink__figure.is-fixed-ratio .arkb-boxLink__img {
left: 0;
position: absolute;
top: 0
}
.arkb-boxLink__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 1.25rem 1rem
}
.arkb-boxLink__content {
font-size: .9em;
margin-top: .5em
}
.arkb-boxLink__more {
align-items: center;
display: flex;
font-size: .75rem;
justify-content: flex-end;
line-height: 1;
margin: auto 0 0;
padding-top: 1rem;
text-align: right
}
.is-style-ark-card.wp-block-media-text {
--ark-mediatext--gap: 0;
--ark-mediatext--offsetX: 0;
--ark-mediatext--offsetY: 0;
background: #fff;
box-shadow: var(--arkb-shadow);
color: #333
}
.is-style-ark-card>.wp-block-media-text__media {
height: 100%
}
.is-style-ark-card>.wp-block-media-text__media>img {
font-family: "object-fit: cover;";
height: 100%;
object-fit: cover
}
.is-style-ark-card>.wp-block-media-text__content {
padding: var(--ark-mediatext--space)
}
.is-style-ark-broken.wp-block-media-text {
--ark-mediatext--gap: 0;
--ark-mediatext--lap: -5rem
}
.is-style-ark-broken>.wp-block-media-text__content {
z-index: 1
}
.is-style-ark-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
margin-left: var(--ark-mediatext--lap)
}
.is-style-ark-broken.has-media-on-the-right .wp-block-media-text__content {
margin-right: var(--ark-mediatext--lap)
}
.arkb-small {
font-size: .75em;
opacity: .75
}
.arkb-marker {
background: var(--arkb-marker-style);
display: inline;
font-weight: var(--arkb-marker-txt-weight, unset);
padding: 1px
}
.arkb-fz-xs {
font-size: .75em !important
}
.arkb-fz-s {
font-size: .9em !important
}
.arkb-fz-l {
font-size: 1.25em !important
}
.arkb-fz-xl {
font-size: 1.5em !important
}
.arkb-fz-xxl {
font-size: 2em !important
}
.arkb-inline-icon {
display: inline-block;
font-family: arial;
letter-spacing: 0;
min-width: 1em;
position: relative
}
.arkb-inline-icon.-has-margin {
margin-left: .1em;
margin-right: .1em
}
.arkb-inline-icon:after {
background: currentColor;
content: "";
display: block;
height: 100%;
left: 0;
-webkit-mask-image: var(--the-icon-svg);
mask-image: var(--the-icon-svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
max-width: 1em;
position: absolute;
top: 0;
width: 100%
}
.ark-keep-mt>:not(:first-child) {
--ark-mt--inner: var(--ark-mt, 2rem)
}
.ark-keep-mt--s>:not(:first-child) {
--ark-mt--inner: var(--ark-mt--s, 1rem)
}
[class*=ark-keep-mt]>:first-child {
margin-top: 0
}
[data-arkb-linkbox] {
cursor: pointer
}
[data-arkb-link] {
color: inherit;
text-decoration: none
}
[data-arkb-link][aria-hidden=true] {
pointer-events: none;
position: absolute;
top: 0;
visibility: hidden;
z-index: -1
}
:root {
--arkb-shadow: 0 0 4px 1px #0000000d, 0 1px 24px -8px #00000026;
--arkb-shadow--s: 0 0 0 1px #00000003, 0 1px 6px 0 #0000001a
}
[class*=ark-block-] {
box-sizing: border-box
}
@keyframes FloatHorizontal {
0% {
transform: translate3d(4px, 0, 0)
}
50% {
transform: translate3d(-4px, 0, 0)
}
to {
transform: translate3d(4px, 0, 0)
}
}
.arkb-scrollHint {
animation: FloatHorizontal 2s ease-in-out infinite alternate;
line-height: 1;
margin: 0;
padding: 0;
text-align: right
}
.arkb-scrollHint__text {
align-items: center;
display: inline-flex;
font-size: 12px;
line-height: 1.5;
opacity: .75;
vertical-align: middle
}
.arkb-scrollHint__svg {
font-size: 16px;
margin-left: .25em
}
.c-filterLayer.arkb-absLayer {
z-index: 1
}
.c-filterLayer.arkb-absLayer:before {
content: none
}
.arkb-absLayer {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.arkb-obf-cover {
object-fit: cover
}
.arkb-obf-contain,
.arkb-obf-cover {
display: block;
height: 100% !important;
width: 100% !important
}
.arkb-obf-contain {
object-fit: contain
}
.arkb-has-padding {
padding: var(--arkb-padding, 0) !important
}
.c-rssSite {
margin-right: .5rem
}
.c-rssSite__favi {
display: block;
height: 14px;
margin-right: .25rem;
width: 14px
}
svg:not([fill]) {
fill: currentColor
}
[class*=ark-keep-mt]>* {
margin-bottom: 0;
margin-top: var(--ark-mt--inner, 2rem)
}
@media (max-width:600px) {
.is-style-ark-card.wp-block-media-text {
--ark-mediatext--space: 1.25rem
}
.is-style-ark-broken.is-stacked-on-mobile .wp-block-media-text__content {
margin: var(--ark-mediatext--lap) 0 0
}
}
@media (min-width:1000px) {
.arkb-only-sp {
display: none !important
}
}
@media not all and (min-width:1000px) {
.arkb-only-pc {
display: none !important
}
}