@charset "UTF-8";
.c-gnav .sub-menu a::before, .c-filterLayer::before, .c-filterLayer::after, .c-filterLayer__img, .c-iconBtn__icon .__close, .c-submenuToggleBtn::after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
content: ""; }
.p-entry__thumb__figcaption, .mce-content-body figcaption,
.editor-styles-wrapper figcaption {
display: block !important;
margin-top: .75rem;
margin-bottom: 0;
color: inherit;
font-size: .8rem;
line-height: 1.5;
text-align: center;
opacity: 0.75; }
.c-submenuToggleBtn::before, .p-entry__foot .-category > .c-postTerms__link::before, .comment-reply-title::before, .c-pnNav__item.-prev .c-pnNav__link::before, .c-pnNav__item.-next .c-pnNav__link::before, .wp-block-categories > .cat-item > a::before,
.widget_categories > ul > .cat-item > a::before {
font-weight: 400;
font-family: arkhe-icon !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@font-face {
font-weight: normal;
font-family: arkhe-icon;
font-style: normal;
src: url(../../assets/fonts/icomoon.woff2?s7d81) format("woff2"), url(../../assets/fonts/icomoon.ttf?s7d81) format("truetype"), url(../../assets/fonts/icomoon.woff?s7d81) format("woff"), url(../../assets/fonts/icomoon.svg?s7d81#icomoon) format("svg"); }
[class^="arkhe-icon-"],
[class*=" arkhe-icon-"] {
font-weight: normal;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: arkhe-icon !important;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: never;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.arkhe-icon-person::before {
content: "\e910"; }
.arkhe-icon-check::before {
content: "\e900"; }
.arkhe-icon-chevron-down::before, .c-submenuToggleBtn::before {
content: "\e901"; }
.arkhe-icon-chevron-left::before, .c-pnNav__item.-prev .c-pnNav__link::before {
content: "\e902"; }
.arkhe-icon-chevron-right::before, .c-pnNav__item.-next .c-pnNav__link::before {
content: "\e903"; }
.arkhe-icon-chevron-up::before {
content: "\e904"; }
.arkhe-icon-close::before {
content: "\e905"; }
.arkhe-icon-menu::before {
content: "\e906"; }
.arkhe-icon-search::before {
content: "\e907"; }
.arkhe-icon-link::before {
content: "\e908"; }
.arkhe-icon-modified::before {
content: "\e909"; }
.arkhe-icon-posted::before {
content: "\e90a"; }
.arkhe-icon-comment::before, .comment-reply-title::before {
content: "\e90b"; }
.arkhe-icon-tag::before {
content: "\e90c"; }
.arkhe-icon-folder::before, .p-entry__foot .-category > .c-postTerms__link::before, .wp-block-categories > .cat-item > a::before,
.widget_categories > ul > .cat-item > a::before {
content: "\e90d"; }
.arkhe-icon-rss::before {
content: "\e90e"; }
.arkhe-icon-home::before {
content: "\e90f"; }
:root {
--ark-mt: 2rem;
--ark-mt--s: 1rem;
--ark-mt--h: 2.5em;
--ark-font_size: 16px;
--ark-font_size_sp: 3.8vw;
--ark-font_family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--ark-pad--container: 48px;
--ark-color_border: rgba(200,200,200,.5);
--ark-color_gray: rgba(200,200,200,.15);
--ark-color_table_border: #ededed;
--ark-header_height: 0px;
--ark-nav-padding: .75rem .5rem;
--ark-hover_gray: rgba(150, 150, 150, .05);
--ark-scrollbar_width: 0px;
--ark-adminbar_height: 0px;
--ark-offset_y: 0px; }
@media (max-width: 999px) {
:root {
--ark-pad--container: 4vw; } }
body.admin-bar {
--ark-adminbar_height: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar {
--ark-adminbar_height: 46px; } }
.post-template-default,
.page-template-one-column-slim,
.post-template-one-column-slim {
--ark-article_width: var(--ark-slim_width); }
.l-article {
max-width: var(--ark-article_width); }
[data-sidebar="off"] .l-article {
margin-right: auto;
margin-left: auto; }
.l-container {
width: 100%;
max-width: calc(var(--ark-container_width) + (var(--ark-pad--container) * 2));
margin-right: auto;
margin-left: auto;
padding-right: var(--ark-pad--container);
padding-left: var(--ark-pad--container); }
.l-header {
top: 0;
z-index: 100;
width: 100%;
color: #333;
background: #fff; }
@media (min-width: 1000px) {
.l-header[data-pcfix="1"] {
position: sticky; } }
@media (max-width: 999px) {
.l-header[data-spfix="1"] {
position: sticky; } }
.admin-bar .l-header {
top: var(--ark-adminbar_height); }
@media (max-width: 999px) {
.l-header__bar,
.l-header__left,
.l-header__right,
.l-headerUnder {
display: none; } }
.l-header__body {
position: relative;
z-index: 1;
display: grid;
align-items: center;
width: 100%;
column-gap: 0; }
@media (max-width: 999px) {
.l-header__body {
padding-right: 2vw;
padding-left: 2vw; } }
:root {
--ark-drawerW: 40px;
--ark-searchW: 40px; }
@media (min-width: 1000px) {
[data-has-drawer="sp"] {
--ark-drawerW: 0px; }
[data-has-drawer="sp"] .l-header__drawerBtn {
display: none; } }
@media (max-width: 999px) {
[data-has-drawer="pc"] {
--ark-drawerW: 0px; }
[data-has-drawer="pc"] .l-header__drawerBtn {
display: none; } }
[data-has-drawer=""] {
--ark-drawerW: 0px; }
[data-has-drawer=""] .l-header__drawerBtn {
display: none; }
[data-has-search=""] {
--ark-searchW: 0px; }
[data-has-search=""] .l-header__searchBtn {
display: none; }
@media (min-width: 1000px) {
[data-has-search="sp"] {
--ark-searchW: 0px; }
[data-has-search="sp"] .l-header__searchBtn {
display: none; } }
@media (max-width: 999px) {
[data-has-search="pc"] {
--ark-searchW: 0px; }
[data-has-search="pc"] .l-header__searchBtn {
display: none; } }
[data-btns="l-r"] .l-header__body {
grid-template-areas: "menu left center right search";
grid-template-columns: var(--ark-drawerW) calc(25% - var(--ark-drawerW)) 50% calc(25% - var(--ark-searchW)) var(--ark-searchW); }
[data-btns="r-l"] .l-header__body {
grid-template-areas: "search left center right menu";
grid-template-columns: var(--ark-searchW) calc(25% - var(--ark-searchW)) 50% calc(25% - var(--ark-drawerW)) var(--ark-drawerW); }
[data-btns="rl-rr"] .l-header__body {
grid-template-areas: "left center right menu search";
grid-template-columns: 25% 50% auto var(--ark-drawerW) var(--ark-searchW); }
[data-btns="rr-rl"] .l-header__body {
grid-template-areas: "left center right search menu";
grid-template-columns: 25% 50% auto var(--ark-searchW) var(--ark-drawerW); }
@media (min-width: 1000px) {
[data-btns="l-r"][data-logo="left"] .l-header__body,
[data-btns="r-l"][data-logo="left"] .l-header__body {
grid-template-columns: min-content auto 1fr auto min-content; }
[data-btns="rl-rr"][data-logo="left"] .l-header__body,
[data-btns="rr-rl"][data-logo="left"] .l-header__body {
grid-template-columns: auto 1fr auto min-content min-content; } }
.l-header__left {
display: flex;
grid-area: left;
align-items: center;
justify-self: start; }
.l-header__right {
display: flex;
grid-area: right;
align-items: center;
align-self: stretch;
justify-self: end; }
.l-header__center {
grid-area: center;
padding: 8px 0; }
[data-logo="center"] .l-header__center {
text-align: center; }
@media (max-width: 999px) {
.l-header__center {
flex-basis: 100%; } }
.l-header__center .c-tagline {
font-size: .75rem;
line-height: 1.5;
letter-spacing: .2px; }
@media (max-width: 999px) {
.l-header__center .c-tagline {
width: 100%;
font-size: 10px;
text-align: center; } }
.l-header__center .has-image + .c-tagline {
margin-top: .25em; }
.l-header__drawerBtn {
z-index: 2;
grid-area: menu; }
.l-header__searchBtn {
z-index: 1;
grid-area: search; }
.l-header__customBtn,
.l-header__drawerBtn,
.l-header__searchBtn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
line-height: 1.25;
text-align: center; }
.l-header__bar {
position: relative; }
.l-header__bar .l-header__barInner {
display: flex;
justify-content: flex-end; }
.l-header__bar .c-tagline {
width: 50%;
margin-right: auto;
padding: 4px 0;
overflow: hidden;
font-size: 11px;
letter-spacing: .2px;
white-space: nowrap; }
.l-header__logo {
display: flex;
align-items: center;
justify-content: center;
line-height: 1; }
@media (max-width: 999px) {
.l-header__logo {
font-size: var(--ark-logo_size_sp); } }
@media (min-width: 1000px) {
.l-header__logo {
font-size: var(--ark-logo_size_pc); }
[data-logo="left"] .l-header__logo {
justify-content: flex-start; } }
.c-headLogo {
display: block;
color: inherit;
font-weight: normal;
text-decoration: none; }
@media (max-width: 999px) {
.has-image > .c-headLogo {
height: var(--ark-logo_size_sp); } }
@media (min-width: 1000px) {
.has-image > .c-headLogo {
height: var(--ark-logo_size_pc); } }
.has-text > .c-headLogo {
font-size: .75em;
line-height: 1.5; }
.c-headLogo__img {
width: auto;
height: 100%;
object-fit: contain; }
.l-headerUnder {
z-index: 1;
width: 100%;
background: #fff; }
.l-headerUnder .c-gnav {
justify-content: center;
width: 100%; }
.l-headerUnder .c-gnav > .menu-item > a {
padding: 16px 24px; }
.l-headerUnder[data-fix] {
position: sticky;
top: 0; }
[data-pcfix="1"] + .l-headerUnder[data-fix] {
top: var(--ark-header_height); }
.admin-bar .l-headerUnder[data-fix] {
top: var(--ark-adminbar_height); }
.admin-bar [data-pcfix="1"] + .l-headerUnder[data-fix] {
top: calc(var(--ark-header_height) + var(--ark-adminbar_height)); }
.c-gnavWrap {
height: 100%; }
.l-header__body .c-gnavWrap {
position: relative;
z-index: 1; }
.c-gnav {
height: 100%;
font-size: .9rem;
text-align: center;
list-style: none; }
.c-gnav a {
font-size: 1em;
text-decoration: none; }
.c-gnav > .menu-item {
position: relative;
height: 100%; }
.c-gnav > .menu-item > a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 16px 12px;
color: inherit;
white-space: nowrap;
transition: color .25s; }
.c-gnav > .menu-item > a .c-submenuToggleBtn {
display: none; }
.c-gnav > .menu-item.-current > a, .c-gnav > .menu-item:hover, .c-gnav > .menu-item.focus {
color: var(--ark-color_main); }
.c-gnav > .menu-item:hover > .sub-menu, .c-gnav > .menu-item.focus > .sub-menu {
visibility: visible;
opacity: 1; }
.c-gnav .sub-menu {
color: #fff;
text-align: left;
background: var(--ark-color_main);
border-top: 1px solid rgba(255, 255, 255, 0.1);
visibility: hidden; }
.c-gnav .sub-menu a {
position: relative;
display: block;
padding: 1em .75em;
color: inherit;
font-size: .9em;
outline-offset: -3px;
transition: opacity .25s, background-color .25s; }
.c-gnav .sub-menu a::before {
background-color: transparent;
transition: background-color .25s;
content: ""; }
.c-gnav .sub-menu a:hover::before {
background-color: rgba(255, 255, 255, 0.1); }
.c-gnav .sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.c-gnav > .menu-item > .sub-menu {
position: absolute;
top: 100%;
left: 50%;
z-index: 1;
width: 100%;
min-width: 240px;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: opacity .5s, visibility .35s; }
.c-gnav > .menu-item > .sub-menu::before {
position: absolute;
top: -16px;
left: 50%;
z-index: 1;
border: 8px solid transparent;
border-bottom-color: var(--ark-color_main);
transform: translateX(-50%);
content: ""; }
.c-gnav .__mainText {
display: block;
color: inherit;
font-size: inherit;
line-height: 1; }
.c-gnav .__subText {
position: relative;
top: 4px;
display: block;
color: inherit;
font-size: 10px;
line-height: 1;
opacity: .6; }
.c-drawerNav a, .c-gnav .sub-menu a, .wp-block-categories a, .widget_categories a, .widget_pages a, .widget_nav_menu a {
position: relative; }
.c-drawerNav a:not(:last-child), .c-gnav .sub-menu a:not(:last-child), .wp-block-categories a:not(:last-child), .widget_categories a:not(:last-child), .widget_pages a:not(:last-child), .widget_nav_menu a:not(:last-child) {
padding-right: 3rem; }
@media (min-width: 600px) {
.c-drawerNav a:not(:last-child), .c-gnav .sub-menu a:not(:last-child), .wp-block-categories a:not(:last-child), .widget_categories a:not(:last-child), .widget_pages a:not(:last-child), .widget_nav_menu a:not(:last-child) {
padding-right: 40px; } }
.c-drawerNav .sub-menu,
.c-gnav .sub-menu .sub-menu, .wp-block-categories .children,
.widget_categories .children,
.widget_pages .children, .widget_nav_menu .sub-menu {
position: relative;
height: 0;
margin: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: .25s; }
.c-drawerNav .is-opened.sub-menu,
.c-gnav .sub-menu .is-opened.sub-menu, .wp-block-categories .is-opened.children,
.widget_categories .is-opened.children,
.widget_pages .is-opened.children, .widget_nav_menu .is-opened.sub-menu {
height: auto;
visibility: visible;
opacity: 1; }
.c-drawerNav .sub-menu a, .c-gnav .sub-menu .sub-menu a, .wp-block-categories .children a, .widget_categories .children a, .widget_pages .children a, .widget_nav_menu .sub-menu a {
padding-left: 1.5rem;
font-size: .9em; }
.c-drawerNav .sub-menu ul a, .c-gnav .sub-menu .sub-menu ul a, .wp-block-categories .children ul a, .widget_categories .children ul a, .widget_pages .children ul a, .widget_nav_menu .sub-menu ul a {
padding-left: 2.5rem; }
.c-filterLayer {
z-index: 0; }
.c-filterLayer::before {
z-index: 1; }
.c-filterLayer::after {
z-index: 2;
display: block; }
.c-filterLayer.-filter-none::before, .c-filterLayer.-filter-none::after {
content: none; }
.c-filterLayer.-filter-dot::after {
background-color: rgba(0, 0, 0, 0.1);
background-image: url(../../assets/img/dot_texture.png);
background-size: 2px;
opacity: .5; }
.c-filterLayer__img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
backface-visibility: hidden; }
.c-filterLayer__img > img {
width: 100%; }
.c-fixBtn {
width: 40px;
height: 40px;
overflow: hidden;
color: #fff;
line-height: 1;
background: var(--ark-color_main);
border-radius: 1px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 4px -4px rgba(0, 0, 0, 0.15);
cursor: pointer;
opacity: .5;
transition: opacity .25s; }
@media (min-width: 1000px) {
.c-fixBtn:hover {
opacity: 1; } }
.c-fixBtn__icon {
display: block;
font-size: 16px; }
.c-gnavWrap {
height: 100%; }
.l-header__body .c-gnavWrap {
position: relative;
z-index: 1; }
.c-gnav {
height: 100%;
font-size: .9rem;
text-align: center;
list-style: none; }
.c-gnav a {
font-size: 1em;
text-decoration: none; }
.c-gnav > .menu-item {
position: relative;
height: 100%; }
.c-gnav > .menu-item > a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 16px 12px;
color: inherit;
white-space: nowrap;
transition: color .25s; }
.c-gnav > .menu-item > a .c-submenuToggleBtn {
display: none; }
.c-gnav > .menu-item.-current > a, .c-gnav > .menu-item:hover, .c-gnav > .menu-item.focus {
color: var(--ark-color_main); }
.c-gnav > .menu-item:hover > .sub-menu, .c-gnav > .menu-item.focus > .sub-menu {
visibility: visible;
opacity: 1; }
.c-gnav .sub-menu {
color: #fff;
text-align: left;
background: var(--ark-color_main);
border-top: 1px solid rgba(255, 255, 255, 0.1);
visibility: hidden; }
.c-gnav .sub-menu a {
position: relative;
display: block;
padding: 1em .75em;
color: inherit;
font-size: .9em;
outline-offset: -3px;
transition: opacity .25s, background-color .25s; }
.c-gnav .sub-menu a::before {
background-color: transparent;
transition: background-color .25s;
content: ""; }
.c-gnav .sub-menu a:hover::before {
background-color: rgba(255, 255, 255, 0.1); }
.c-gnav .sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.c-gnav > .menu-item > .sub-menu {
position: absolute;
top: 100%;
left: 50%;
z-index: 1;
width: 100%;
min-width: 240px;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: opacity .5s, visibility .35s; }
.c-gnav > .menu-item > .sub-menu::before {
position: absolute;
top: -16px;
left: 50%;
z-index: 1;
border: 8px solid transparent;
border-bottom-color: var(--ark-color_main);
transform: translateX(-50%);
content: ""; }
.c-gnav .__mainText {
display: block;
color: inherit;
font-size: inherit;
line-height: 1; }
.c-gnav .__subText {
position: relative;
top: 4px;
display: block;
color: inherit;
font-size: 10px;
line-height: 1;
opacity: .6; }
.c-iconBtn {
width: 100%;
height: 100%;
padding: 0;
color: inherit;
text-decoration: none;
background: none;
border: none;
cursor: pointer; }
.c-iconBtn .-menuBtn {
z-index: 1; }
.c-iconBtn__icon {
position: relative;
display: block;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 1; }
.c-iconBtn__icon svg {
display: block;
width: 100% !important;
height: 100% !important; }
.c-iconBtn__icon i {
display: block;
transform-origin: 50% 50%;
transition: .25s; }
.c-iconBtn__icon i::before {
display: block; }
.c-iconBtn__icon .__close {
transform: rotate(180deg);
opacity: 0; }
[data-drawer="opened"] .c-iconBtn__icon .__close {
transform: rotate(0);
opacity: 1; }
[data-drawer="opened"] .c-iconBtn__icon .__open {
transform: rotate(-180deg);
opacity: 0; }
.c-iconBtn__label {
display: block;
width: 100%;
font-size: 10px;
transform: scale(0.9); }
.c-modal {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition-duration: .5s;
transition-property: visibility, opacity; }
[data-loaded="false"] .c-modal {
display: none; }
.c-modal.is-open {
visibility: visible;
opacity: 1; }
.c-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75); }
.c-pageTitle__main {
position: relative;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.5; }
@media (min-width: 600px) {
.c-pageTitle__main {
font-size: 2rem; } }
.c-pageTitle__sub {
position: relative;
font-weight: normal;
font-size: .9rem;
font-style: italic;
vertical-align: middle; }
.c-pageTitle__sub::before, .c-pageTitle__sub::after {
margin: 0 1em;
vertical-align: baseline;
content: "–"; }
.p-page__title,
.p-archive__title {
margin-bottom: 2.5rem; }
.p-404__title {
padding-top: 2rem;
font-size: 1.5rem;
text-align: center; }
.c-secTitle,
.c-bottomSection__title {
margin-bottom: 2rem;
font-size: 1.5rem; }
@media (max-width: 999px) {
.c-secTitle,
.c-bottomSection__title {
font-size: 1.25rem; } }
/**
* 投稿リスト / コメントエリア のページャーは各番号に .page-numbers
* 投稿ページのページャーは 各番号に.post-page-numbers
*/
.pagination {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 3rem 0;
font-size: 13px; }
.pagination .dots {
margin: 0;
opacity: 0.75; }
.pagination .prev,
.pagination .next {
display: none; }
.post-page-numbers,
.page-numbers {
position: relative;
display: block;
box-sizing: content-box;
width: auto;
min-width: 32px;
height: 32px;
margin: 0 2px;
padding: 0;
color: inherit;
font-size: 14px;
line-height: 32px;
text-align: center;
text-decoration: none;
transition: color .25s, background-color .25s; }
@media (max-width: 340px) {
.post-page-numbers,
.page-numbers {
min-width: 28px;
height: 28px;
line-height: 28px; } }
@media (min-width: 600px) {
.post-page-numbers,
.page-numbers {
min-width: 40px;
height: 40px;
line-height: 40px; } }
.post-page-numbers:not(.dots):hover, .post-page-numbers:not(.dots).current,
.page-numbers:not(.dots):hover,
.page-numbers:not(.dots).current {
color: #fff;
background-color: var(--ark-color_main); }
@media (max-width: 360px) {
.page-numbers[data-apart="2"] {
display: none; } }
.c-searchForm {
position: relative; }
.c-searchForm__s {
width: 100%;
padding: 4px 44px 4px 8px;
line-height: 2; }
.c-searchForm__submit {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
overflow: hidden;
background: none;
border: none;
transition: opacity .25s; }
.c-searchForm__submit:hover {
opacity: .75; }
.c-submenuToggleBtn {
position: absolute;
top: 50%;
right: 8px;
z-index: 1;
width: 2rem;
height: 2rem;
color: inherit;
line-height: 2;
text-align: center;
background: none !important;
border: none !important;
box-shadow: none !important;
transform: translateY(-50%);
cursor: pointer; }
.c-submenuToggleBtn:focus {
outline-width: 2px;
outline-style: solid; }
@media (min-width: 600px) {
.c-submenuToggleBtn {
width: 24px;
height: 24px;
line-height: 24px;
transition: background-color .25s; } }
.c-submenuToggleBtn::before {
display: block;
font-size: 12px;
line-height: 1;
transform: rotate(0deg);
transition: transform .25s; }
.c-submenuToggleBtn::after {
box-shadow: inset 0 0 0 1px currentColor;
opacity: .15;
transition: background-color .25s; }
@media (min-width: 1000px) {
.c-submenuToggleBtn:hover::after {
background-color: currentColor; } }
.c-submenuToggleBtn.is-opened::before {
transform: rotate(-180deg); }
.skip-link {
position: absolute !important;
top: 0;
left: 0;
z-index: 999;
overflow: hidden;
text-decoration: none;
opacity: 0;
pointer-events: none; }
.skip-link:focus {
top: 8px;
left: 8px;
z-index: 1000;
display: block;
width: auto;
height: auto;
padding: 16px 24px;
color: #21759b;
font-weight: 700;
font-size: 14px;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
opacity: 1;
pointer-events: auto; }
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
word-wrap: normal !important;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%); }
.c-postAuthor {
color: inherit;
text-decoration: none; }
a.c-postAuthor:hover {
text-decoration: underline; }
.c-postAuthor__figure {
width: 16px;
height: 16px;
margin-right: .25rem;
margin-left: 1px;
overflow: hidden;
border-radius: 50%; }
.c-postMetas > div,
.c-postMetas > .c-postAuthor {
margin-bottom: 4px; }
.c-postMetas__icon {
display: block;
margin-right: .25rem; }
.c-postTerms__item {
margin-right: .25rem; }
.c-postTerms__link {
display: block;
margin-right: .25rem;
color: inherit; }
.p-entry__head .c-postTerms__link:not(:hover) {
text-decoration: none; }
.p-entry__head .c-postTerms__link:not(:last-child)::after {
content: ","; }
.p-entry__foot .c-postTerms__link {
position: relative;
display: block;
margin-right: .5rem;
margin-bottom: .5rem;
padding: 6px 8px;
color: #333;
line-height: 1;
text-decoration: none;
background: #f7f7f7;
border: none;
transition: opacity .25s; }
.p-entry__foot .c-postTerms__link:hover {
opacity: .75; }
.p-entry__foot .-category > .c-postTerms__link::before {
margin-right: .25rem; }
.p-entry__foot .-tag > .c-postTerms__link::before {
letter-spacing: 2px;
content: "#"; }
.c-postThumb {
position: relative;
overflow: hidden;
vertical-align: middle; }
.c-postThumb__figure {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding-top: var(--ark-thumb_ratio);
overflow: hidden;
transform: perspective(0);
backface-visibility: hidden; }
.c-postThumb__img {
position: absolute;
top: 0;
left: 0;
transform: scale(1) perspective(0);
backface-visibility: hidden;
transition: transform .25s; }
.c-postTimes__item {
margin-right: .5rem; }
.p-archive__desc {
margin-bottom: 2rem; }
.p-entry__thumb {
width: 100%;
margin: 2rem 0 0;
text-align: center; }
.p-entry__thumb__img {
display: block;
width: 100%; }
.p-entry__thumb__figcaption {
margin-top: .75rem;
font-size: .9rem;
text-align: center; }
.p-authorBox {
padding: 1.5rem;
background-color: var(--ark-color_gray); }
@media (min-width: 600px) {
.p-authorBox {
display: flex;
align-items: center;
padding: 1.5rem 2rem; } }
.author .p-authorBox {
margin-bottom: 4rem; }
.p-authorBox__avatar {
flex: 1 0 auto; }
@media (max-width: 599px) {
.p-authorBox__avatar {
margin-bottom: .75em; } }
.p-authorBox__avatar .avatar {
display: block;
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%; }
@media (max-width: 599px) {
.p-authorBox__avatar .avatar {
margin: 0 auto; } }
.p-authorBox__name {
display: block;
color: inherit;
font-weight: 700;
text-decoration: none; }
@media (max-width: 599px) {
.p-authorBox__name {
text-align: center; } }
.p-authorBox__position {
display: block;
margin-top: .25rem;
font-size: .75rem; }
@media (max-width: 599px) {
.p-authorBox__position {
text-align: center; } }
@media (min-width: 600px) {
.p-authorBox__body {
flex: 1 1 100%;
margin-left: 1.5em; } }
.p-authorBox__description {
margin-top: .75rem;
font-size: .9rem; }
.p-authorBox__footer {
margin-top: 1rem;
font-size: .9rem; }
@media (min-width: 600px) {
.p-authorBox__footer {
display: flex;
align-items: center; } }
@media (min-width: 600px) {
.p-authorBox__links {
margin-right: 1rem; } }
@media (min-width: 1200px) {
.p-authorBox__links {
display: flex;
flex-wrap: wrap; } }
@media (max-width: 599px) {
.p-authorBox__weblink {
text-align: center; } }
.p-authorBox__weblink i {
font-size: .95em;
line-height: inherit; }
@media (min-width: 1200px) {
.p-authorBox__weblink + .p-authorBox__iconList {
margin-left: 1em; } }
@media (max-width: 1199px) {
.p-authorBox__weblink + .p-authorBox__iconList {
margin-top: 8px; } }
@media (min-width: 600px) {
.p-authorBox__archivelink {
align-self: flex-end;
margin-left: auto; } }
@media (max-width: 599px) {
.p-authorBox__archivelink {
margin-top: 1.25rem; } }
.p-authorBox__archivelink a {
display: block;
margin: 0 auto;
color: inherit;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
box-shadow: 0 0 0 1px currentColor;
opacity: 0.75;
transition: opacity .25s; }
@media (min-width: 600px) {
.p-authorBox__archivelink a {
padding: .5rem 1.5rem;
font-size: .8rem; } }
.p-authorBox__archivelink a:hover {
opacity: 1; }
@media (max-width: 599px) {
.p-authorBox__archivelink a {
padding: .75rem 1rem; } }
.p-breadcrumb {
position: relative;
margin: 0 auto;
padding: 8px 0; }
.p-breadcrumb__list {
display: flex;
width: 100%;
overflow: hidden;
list-style: none; }
.p-breadcrumb__item {
position: relative;
margin-right: 10px;
padding-right: 12px; }
.p-breadcrumb__item::after {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 4px;
height: 4px;
color: inherit;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
transform: translateY(-50%) rotate(45deg);
opacity: 0.75;
content: ""; }
.p-breadcrumb__item:last-child::after {
content: none; }
.p-breadcrumb__item:last-child span {
opacity: 0.75; }
.p-breadcrumb__text {
display: block;
color: inherit;
font-size: 10px;
white-space: nowrap;
text-decoration: none; }
@media (min-width: 600px) {
.p-breadcrumb__text {
font-size: 11px; } }
.p-breadcrumb__text i {
margin-right: 3px; }
.p-breadcrumb__text:hover span {
opacity: 0.75; }
.c-commentList {
margin: 2rem 0 0;
font-size: .9rem; }
.c-commentList .comment {
margin-top: 1rem; }
.c-commentList > .comment {
padding: 1rem;
background-color: var(--ark-color_gray); }
.c-commentList .children {
margin-left: 1rem;
padding: 0 0 0 1rem;
border-left: solid 1px var(--ark-color_border); }
.c-commentList .reply {
margin-top: .5rem; }
.comment-body {
padding: 8px; }
.comment-author {
display: flex;
align-items: center; }
.comment-author .avatar {
border-radius: 50%; }
.comment-author .fn {
margin-left: 1rem;
font-size: 1.1em; }
.comment-author .url {
color: inherit;
text-decoration: none; }
.comment-author .says {
display: none; }
.comment-metadata a {
color: inherit;
font-size: 11px;
text-decoration: none;
opacity: 0.75; }
.comment-content {
margin-top: 1rem;
line-height: 1.5; }
.comment-content > :first-child {
margin-top: 0; }
.comment-content p {
margin-top: 1rem; }
.comment-awaiting-moderation {
display: block;
margin-top: 1rem;
font-weight: bold; }
.comment-respond {
margin-top: 2.5rem; }
.comment-reply-title {
font-weight: bold;
font-size: 1rem; }
.comment-reply-title::before {
margin-right: .5em; }
.comment-notes {
font-size: .75rem; }
.comment-form {
margin-top: 1rem; }
.comment-form p {
margin-top: 1rem; }
.comment-form label {
display: block;
margin-bottom: .5rem;
font-weight: bold; }
.comment-form .comment-form-comment label {
display: none; }
.comment-form [for="wp-comment-cookies-consent"] {
font-weight: normal; }
.comment-form #comment,
.comment-form #author,
.comment-form #email,
.comment-form #url {
width: 100%; }
.comment-form .form-submit {
margin-top: 2rem; }
.comment-form .submit {
padding: .5rem 1.5rem;
color: #fff;
background-color: var(--ark-color_main);
border: none;
transition: opacity .25s; }
.comment-form .submit:hover {
opacity: .75; }
#cancel-comment-reply-link {
margin-left: 1em;
font-size: .9em;
font-style: italic; }
.comment-form-cookies-consent {
display: flex;
align-items: center; }
.comment-form-cookies-consent label {
margin-bottom: 0;
margin-left: .5em; }
#wp-comment-cookies-consent {
margin: 0; }
[data-drawer="closed"] .p-drawer {
visibility: hidden;
opacity: 0;
pointer-events: none; }
[data-drawer="opened"] body {
overflow-y: hidden;
touch-action: none; }
[data-drawer="opened"] .l-header__left,
[data-drawer="opened"] .l-header__center,
[data-drawer="opened"] .l-header__right,
[data-drawer="opened"] .l-header__searchBtn {
pointer-events: none; }
.p-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: var(--ark-header_height) 0 1rem;
color: #fff;
font-size: .9rem;
background: rgba(0, 0, 0, 0.92);
transition: opacity .5s, visibility .5s;
pointer-events: none;
--ark-nav-padding: 1rem .5rem;
--ark-color_border: rgba(255, 255, 255, .15); }
@media (min-width: 1000px) {
.p-drawer {
padding-bottom: var(--ark-header_height); } }
[data-loaded="false"] .p-drawer {
display: none; }
.p-drawer a {
color: inherit; }
.admin-bar .p-drawer {
top: var(--ark-adminbar_height);
height: calc(100% - var(--ark-adminbar_height)); }
.p-drawer__inner {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
pointer-events: auto; }
.p-drawer__body {
position: relative;
max-width: 560px;
margin: 0 auto;
padding: 4vw 6vw; }
@media (min-width: 1000px) {
.p-drawer__body {
padding: 2rem; } }
.c-drawerNav {
display: block;
text-align: left;
border-top: 1px solid var(--ark-color_border); }
.c-drawerNav .menu-item {
position: relative; }
.c-drawerNav > .menu-item:first-child > a {
border-top: none; }
.c-drawerNav a {
position: relative;
display: block;
padding: var(--ark-nav-padding, 0.75rem 0.5rem);
text-decoration: none;
border-bottom: 1px solid var(--ark-color_border);
outline-offset: -3px;
transition: background-color .25s; }
@media (min-width: 1000px) {
.c-drawerNav a:hover {
background-color: var(--ark-hover_gray); } }
.c-drawerNav .__subText {
margin-left: 1em;
font-size: .75em;
opacity: .6; }
[data-drawer-move="fade"][data-drawer="opened"] .l-header__drawerBtn {
color: #fff; }
.p-drawer__close {
margin: 1rem auto .5em;
color: inherit;
background: none;
border: none; }
.p-drawer__close i {
margin-right: .5em;
line-height: 1; }
.p-drawerUnderlayer {
position: fixed;
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background: none;
visibility: hidden;
opacity: 0;
transition: opacity .5s, visibility .5s; }
[data-loaded="false"] .p-drawerUnderlayer {
display: none; }
[data-drawer="opened"] .p-drawerUnderlayer {
visibility: visible;
opacity: 1; }
.p-entry__head .c-postMetas {
margin-top: 1rem;
font-size: .75rem;
letter-spacing: .1px; }
.p-entry__content.c-postContent {
margin-bottom: 4rem; }
.p-entry__foot > .c-postMetas {
font-size: .8rem; }
.p-fixBtnWrap {
position: fixed;
right: 2.5vw;
bottom: 5vw;
z-index: 10;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: center;
visibility: hidden;
opacity: 0;
transition: opacity .5s, visibility .5s; }
@media (min-width: 600px) {
.p-fixBtnWrap {
right: 40px;
bottom: 40px; } }
[data-scrolled="true"] .p-fixBtnWrap {
visibility: visible;
opacity: 1; }
@media (max-width: 999px) {
.p-fixBtnWrap {
padding-bottom: calc(env(safe-area-inset-bottom) * .5); } }
.c-pnNav {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin: 1rem 0; }
.c-pnNav__item {
position: relative;
flex: 1 0 auto;
max-width: 100%;
font-size: .8rem; }
@media (min-width: 600px) {
.c-pnNav__item {
width: 50%; } }
.c-pnNav__item.-prev .c-pnNav__link {
padding-left: 1.5em; }
.c-pnNav__item.-prev .c-pnNav__link::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
font-size: 1.2em;
transform: translateY(-50%); }
.c-pnNav__item.-next .c-pnNav__link {
justify-content: flex-end;
padding-right: 1.5em; }
.c-pnNav__item.-next .c-pnNav__link::before {
position: absolute;
top: 50%;
right: 0;
display: inline-block;
font-size: 1.2em;
transform: translateY(-50%); }
.c-pnNav__link {
position: relative;
width: 100%;
height: 100%;
padding: .5rem .75rem;
color: inherit;
line-height: 1.5;
text-decoration: none;
transition: .25s; }
.c-pnNav__link:hover {
opacity: .75; }
.c-pnNav__title {
position: relative;
left: 0;
transition: all .25s; }
.p-postList.-type-simple {
border-top: solid 1px var(--ark-color_border); }
.p-postList.-type-card {
display: flex;
flex-wrap: wrap;
margin-right: -.75rem;
margin-left: -.75rem; }
.c-postContent .p-postList {
padding: 0;
list-style: none; }
.-type-simple .p-postList__item {
margin-top: 0;
margin-bottom: 0; }
.-type-list .p-postList__item {
margin-top: 0;
margin-bottom: 2rem; }
.-type-card .p-postList__item {
width: 100%;
margin-top: 0;
margin-bottom: 2.5rem;
padding: 0 .75rem; }
@media (min-width: 600px) {
.-type-card .p-postList__item {
width: 50%; } }
@media (min-width: 1000px) {
[data-sidebar="off"] .-type-card .p-postList__item {
width: 33.3%; } }
.is-first-big > .p-postList__item:first-child {
width: 100%; }
@media (min-width: 1000px) {
.l-sidebar .-type-card .p-postList__item {
width: 100%; } }
.p-postList__link {
position: relative;
z-index: 0;
display: block;
height: 100%;
color: inherit;
text-decoration: none; }
.c-postContent .p-postList__link {
color: inherit; }
.p-postList__link:hover .c-postThumb::before {
opacity: .1; }
.p-postList__link:hover .c-postThumb__img {
transform: scale(1.15); }
.-type-simple .p-postList__link {
display: block;
padding: .75rem .5rem;
border-bottom: solid 1px var(--ark-color_border);
transition: background-color .25s; }
.-type-simple .p-postList__link:hover {
background-color: var(--ark-color_gray); }
.-type-list .p-postList__link {
display: flex;
align-items: flex-start; }
.-type-card .p-postList__thumb {
width: 100%; }
.-type-list .p-postList__thumb {
flex-shrink: 0;
width: 36%;
max-width: 280px; }
.p-postList__thumb::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
background: #000;
transform: perspective(0);
backface-visibility: hidden;
opacity: 0;
transition: opacity .25s;
content: ""; }
.p-postList__body {
position: relative;
transition: opacity .25s; }
.-type-card .p-postList__body {
padding-top: 1.25rem; }
.-type-card .p-postList__item:hover .p-postList__body,
.-type-list .p-postList__item:hover .p-postList__body {
opacity: .75; }
.-type-list .p-postList__body {
flex: 1 1 auto;
padding-left: 1rem; }
@media (min-width: 600px) {
.-type-list .p-postList__body {
padding-left: 1.5rem; } }
.p-postList .p-postList__title {
margin: 0;
font-weight: 700;
font-size: 1.1rem;
line-height: 1.6; }
.-type-simple .p-postList__title {
font-size: 1rem; }
@media (max-width: 599px) {
.-type-list .p-postList__title {
font-size: 4vw; } }
.-related .p-postList__title {
font-size: .9rem; }
.p-postList__excerpt {
margin-top: .5rem;
font-size: .8rem;
line-height: 1.6; }
@media (min-width: 600px) {
.p-postList__excerpt {
font-size: .8rem; } }
.p-postList__meta {
position: relative;
margin-top: .5rem;
font-size: 10px;
letter-spacing: .1px; }
.p-postList__title + .p-postList__meta {
margin-top: .25rem; }
@media (min-width: 600px) {
.p-postList__meta {
font-size: 11px; } }
.-type-simple .p-postList__meta {
margin: 0 0 .25rem; }
.p-postList__category {
margin-right: .5rem; }
.-type-simple .p-postList__author {
padding: 0; }
@media (max-width: 599px) {
.-related.-type-card {
margin-right: -.5rem;
margin-left: -.5rem; } }
.-related.-type-card .p-postList__item {
width: 50%;
margin-bottom: 1.5rem; }
@media (max-width: 599px) {
.-related.-type-card .p-postList__item {
padding: 0 .5rem; } }
@media (min-width: 1000px) {
.-related.-type-card .p-postList__item {
width: 33.33%; } }
.-related.-type-list .p-postList__thumb {
max-width: 240px; }
@media (max-width: 599px) {
.-type-card .c-infeedAd {
width: 100%; } }
.dump_data {
display: block;
padding: 16px;
font-size: 13px;
font-family: Arial, sans-serif;
white-space: pre-wrap;
background: #fafafa;
border: solid 1px #ddd; }
.alignfull {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw; }
@supports (--css: variables) {
.alignfull {
left: calc(50% - ( 50vw - var(--ark-scrollbar_width) / 2 ));
width: calc(100vw - var(--ark-scrollbar_width)); } }
.alignfull + .alignfull {
margin-top: 0; }
@media (min-width: 1000px) {
[data-sidebar="on"] .l-main .alignfull {
left: -16px;
width: calc(100% + 32px); } }
.alignfull.wp-block-cover, .alignfull.wp-block-group.has-background {
padding: 4em var(--ark-pad--container, 48px); }
.alignfull > .wp-block-cover__inner-container,
.alignfull.has-background > .wp-block-group__inner-container {
max-width: var(--ark-article_width);
margin: 0 auto; }
.alignfull > .wp-block-cover__inner-container > .alignfull,
.alignfull.has-background > .wp-block-group__inner-container > .alignfull {
left: calc(50% - ( 50vw - var(--ark-pad--container) ));
width: calc(100vw - var(--ark-pad--container) * 2); }
@media (min-width: 1000px) {
.alignfull.wp-block-media-text .wp-block-media-text__content {
padding-right: 2.5em;
padding-left: 2.5em; } }
.alignwide {
position: relative; }
[data-sidebar="on"] .alignwide {
left: 0;
max-width: 100%; }
.u-cf {
clear: both !important; }
.u-cf--after::after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ""; }
.u-color-thin {
opacity: 0.75 !important; }
.u-display-none {
display: none !important; }
.u-display-block {
display: block !important; }
.u-flex {
display: flex; }
.u-flex--aic {
display: flex;
align-items: center; }
.u-flex--aicw {
display: flex;
flex-wrap: wrap;
align-items: center; }
.u-flex--c {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: center; }
.has-xsmall-font-size {
font-size: .75rem !important; }
.has-small-font-size {
font-size: .9rem !important; }
.has-normal-font-size {
font-size: 1rem !important; }
.has-large-font-size {
font-size: 1.25rem !important; }
.has-xlarge-font-size {
font-size: 1.5rem !important; }
.has-huge-font-size {
font-size: 2rem !important; }
.u-fz-xs {
font-size: .75em !important; }
.u-fz-s {
font-size: .9em !important; }
.u-fz-n {
font-size: 1em !important; }
.u-fz-l {
font-size: 1.25em !important; }
.u-fz-xl {
font-size: 1.5em !important; }
.u-fz-xxl {
font-size: 2em !important; }
.u-fw-bold {
font-weight: bold !important; }
.u-fw-normal {
font-weight: normal !important; }
.u-fw-lighter {
font-weight: lighter !important; }
.u-fullheight {
height: calc(100vh - var(--ark-offset_y, 0px)) !important; }
.u-lh-10 {
line-height: 1 !important; }
.u-lh-12 {
line-height: 1.2 !important; }
.u-lh-14 {
line-height: 1.4 !important; }
.u-lh-15 {
line-height: 1.5 !important; }
.u-lh-16 {
line-height: 1.6 !important; }
.u-lh-18 {
line-height: 1.8 !important; }
.u-lh-20 {
line-height: 2 !important; }
.u-mb-0 {
margin-bottom: 0 !important; }
.u-mb-5 {
margin-bottom: .5rem !important; }
.u-mb-10 {
margin-bottom: 1rem !important; }
.u-mb-15 {
margin-bottom: 1.5rem !important; }
.u-mb-20 {
margin-bottom: 2rem !important; }
.u-mb-25 {
margin-bottom: 2.5rem !important; }
.u-mb-30 {
margin-bottom: 3rem !important; }
.u-mb-40 {
margin-bottom: 4rem !important; }
.u-mb-50 {
margin-bottom: 5rem !important; }
.u-mb-60 {
margin-bottom: 6rem !important; }
.u-mb-80 {
margin-bottom: 8rem !important; }
.u-mt-0 {
margin-top: 0 !important; }
.u-mt-5 {
margin-top: .5rem !important; }
.u-mt-10 {
margin-top: 1rem !important; }
.u-mt-15 {
margin-top: 1.5rem !important; }
.u-mt-20 {
margin-top: 2rem !important; }
.u-mt-25 {
margin-top: 2.5rem !important; }
.u-mt-30 {
margin-top: 3rem !important; }
.u-mt-40 {
margin-top: 4rem !important; }
.u-mt-50 {
margin-top: 5rem !important; }
.u-mt-60 {
margin-top: 6rem !important; }
.u-mt-80 {
margin-top: 8rem !important; }
.u-obf-cover, .c-postAuthor__figure .avatar, .c-postThumb__img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
font-family: "object-fit: cover;"; }
.u-obf-contain {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: contain;
font-family: "object-fit: contain;"; }
@media (min-width: 1000px) {
.u-only-sp {
display: none !important; }
.u-hide-pc {
display: none !important; } }
@media (max-width: 999px) {
.u-only-pc {
display: none !important; }
.u-hide-sp {
display: none !important; } }
.u-ta-c {
text-align: center !important; }
.u-ta-l {
text-align: left !important; }
.u-ta-r {
text-align: right !important; }
/* --------------------------------------
WP class
-------------------------------------- */
.alignleft {
float: left; }
.alignright {
float: right; }
.sticky {
display: block; }
.bypostauthor {
color: inherit; }
/*
ブロック
.wp-block-calendar
table.wp-calendar-table
nav.wp-calendar-nav
ウィジェット
.widget_calendar
.calendar_wrap
table.wp-calendar-table
nav.wp-calendar-nav
*/
.wp-block-calendar,
.calendar_wrap {
width: 100%;
max-width: 480px;
margin: auto;
padding: 24px;
color: #333;
background: #fff;
border: 1px solid var(--ark-color_border); }
@media (min-width: 600px) {
.wp-block-calendar,
.calendar_wrap {
font-size: 14px; } }
.wp-block-calendar .wp-calendar-table,
.widget_calendar .wp-calendar-table {
width: 100%;
border: none; }
.wp-block-calendar caption,
.widget_calendar caption {
padding: 0 0 .75em;
color: #40464d;
line-height: 1; }
@media (min-width: 600px) {
.wp-block-calendar caption,
.widget_calendar caption {
font-size: 13px; } }
.wp-block-calendar .wp-calendar-table th,
.widget_calendar .wp-calendar-table th {
padding: 0 0 10px;
color: inherit;
font-weight: 700;
text-align: center;
background: none;
border: none; }
.wp-block-calendar tbody a,
.widget_calendar tbody a {
display: block;
color: #fff !important;
line-height: 36px;
background-color: var(--ark-color_main); }
.wp-block-calendar tbody td,
.widget_calendar tbody td {
padding: 0;
font-family: arial, sans-serif;
line-height: 36px;
text-align: center;
background: #f7f7f7;
border: 1px solid #fff; }
.wp-block-calendar .pad,
.widget_calendar .pad {
background: none; }
.wp-block-calendar #prev,
.wp-block-calendar #next,
.widget_calendar #prev,
.widget_calendar #next {
padding-top: 8px;
text-transform: uppercase; }
@media (min-width: 600px) {
.wp-block-calendar #prev,
.wp-block-calendar #next,
.widget_calendar #prev,
.widget_calendar #next {
font-size: 13px; } }
.wp-block-calendar #prev,
.widget_calendar #prev {
text-align: left; }
.wp-block-calendar #next,
.widget_calendar #next {
text-align: right; }
.wp-calendar-nav {
display: flex;
justify-content: space-between;
margin-top: 8px; }
.wp-calendar-nav a {
color: inherit; }
.widget_archive,
.widget_categories,
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
/* stylelint-disable function-url-quotes */ }
.widget_archive select,
.widget_categories select,
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
display: block;
width: 100%;
height: auto;
padding: 0 1em;
padding: 4px 24px 4px 12px;
color: #333;
line-height: 32px;
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
background-size: 24px 24px;
border: solid 1px var(--ark-color_border);
border-radius: 2px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.widget_archive select::-ms-expand,
.widget_categories select::-ms-expand,
.wp-block-categories-dropdown select::-ms-expand,
.wp-block-archives-dropdown select::-ms-expand {
display: none; }
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
max-width: 400px; }
.wp-block-latest-comments li,
.widget_recent_comments li {
position: relative;
margin: 0;
padding: var(--ark-nav-padding, 0.75rem 0.5rem);
border-bottom: solid 1px var(--ark-color_border); }
.wp-block-latest-comments__comment::after {
display: block;
clear: both;
height: 0;
content: ""; }
.widget_recent_entries li {
position: relative;
margin: 0;
border-bottom: solid 1px var(--ark-color_border); }
.widget_recent_entries a {
position: relative;
display: block;
padding: var(--ark-nav-padding, 0.75rem 0.5rem);
color: inherit;
text-decoration: none;
transition: background-color .25s; }
.widget_recent_entries a:hover {
background-color: var(--ark-hover_gray); }
.recent_entries_date {
display: block;
margin-top: 2px; }
.widget_search .c-widget__title {
display: none; }
.tagcloud,
.wp-block-tag-cloud {
display: flex;
flex-wrap: wrap;
align-items: center; }
.tag-cloud-link {
position: relative;
display: block;
margin-right: 8px;
margin-bottom: 8px;
padding: 6px 8px;
color: #333 !important;
font-size: .75rem !important;
line-height: 1;
text-decoration: none;
background: #f7f7f7;
border: none;
transition: opacity .25s; }
.tag-cloud-link::before {
margin-right: .25em;
opacity: .75;
content: "#"; }
.tag-cloud-link:hover {
opacity: .75; }
.w-drawerBottom {
margin-top: 2rem; }
/*
リスト系のウィジェットに関するもの
※ エディター側は .wp-block-categories__list
*/
.wp-block-rss .wp-block-rss__item {
padding: .5rem 0; }
.wp-block-categories-list,
.wp-block-archives-list,
.wp-block-latest-comments,
.widget_nav_menu .menu,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_pages > ul {
border-top: solid 1px var(--ark-color_border); }
.wp-block-categories li,
.wp-block-archives li,
.widget_nav_menu li,
.widget_archive li,
.widget_categories li,
.widget_pages li {
position: relative;
margin: 0 !important; }
.wp-block-categories li a,
.wp-block-archives li a,
.widget_nav_menu li a,
.widget_archive li a,
.widget_categories li a,
.widget_pages li a {
border-bottom: solid 1px var(--ark-color_border); }
.wp-block-categories a,
.wp-block-archives a,
.widget_nav_menu a,
.widget_archive a,
.widget_categories a,
.widget_pages a {
position: relative;
display: block;
padding: var(--ark-nav-padding, 0.75rem 0.5rem);
color: inherit;
text-decoration: none;
transition: background-color .25s; }
.wp-block-categories a:hover,
.wp-block-archives a:hover,
.widget_nav_menu a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_pages a:hover {
background-color: var(--ark-hover_gray); }
.wp-block-categories > .cat-item > a,
.widget_categories > ul > .cat-item > a {
padding-left: 1.75rem; }
.wp-block-categories > .cat-item > a::before,
.widget_categories > ul > .cat-item > a::before {
position: absolute;
top: 50%;
left: .5rem;
display: inline-block;
color: inherit;
vertical-align: middle;
transform: scale(0.9) translateY(-50%);
transform-origin: 0 0;
opacity: 0.75; }
.widget_categories .children a,
.wp-block-categories .children a {
padding-left: 1.75rem; }
.widget_categories label,
.wp-block-categories label {
display: none; }
.tag-link-count,
.cat-post-count {
position: relative;
display: inline-block;
margin-left: .25em;
color: inherit;
letter-spacing: 1px;
transform: scale(0.85);
opacity: 0.75; }
.c-widget + .c-widget {
margin-top: 2.5rem; }
.c-widget__title {
position: relative;
margin-bottom: 1.25rem;
overflow: hidden;
font-weight: bold;
font-size: 1.25em; }
.textwidget a {
transition: opacity .25s; }
.textwidget a:hover {
text-decoration: underline;
opacity: .75; }
.mce-content-body,
.editor-styles-wrapper {
/* ---------- 見出し ---------- */
/* ---------- 横線 ---------- */
/* ---------- 引用 ---------- */
/* ---------- テーブル ---------- */
/* ---------- テキスト装飾 ---------- */ }
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
margin-top: var(--ark-mt--h);
font-weight: 700;
line-height: 1.5; }
.mce-content-body h1,
.editor-styles-wrapper h1 {
font-size: 1.75rem; }
@media (min-width: 600px) {
.mce-content-body h1,
.editor-styles-wrapper h1 {
font-size: 2rem; } }
.mce-content-body h2,
.editor-styles-wrapper h2 {
font-size: 1.75rem; }
.mce-content-body h3,
.editor-styles-wrapper h3 {
font-weight: bold;
font-size: 1.5rem; }
.mce-content-body h4,
.editor-styles-wrapper h4 {
font-size: 1.25rem; }
.mce-content-body h5,
.editor-styles-wrapper h5 {
font-size: 1.1rem; }
.mce-content-body h6,
.editor-styles-wrapper h6 {
font-size: 1rem; }
.mce-content-body dt,
.editor-styles-wrapper dt {
font-weight: bold; }
.mce-content-body hr:not(.wp-block-separator),
.editor-styles-wrapper hr:not(.wp-block-separator) {
border: none;
border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
.mce-content-body pre,
.editor-styles-wrapper pre {
padding: 1rem;
overflow-x: auto;
background-color: var(--ark-color_gray); }
.mce-content-body pre code,
.editor-styles-wrapper pre code {
font-size: .9rem;
font-family: Menlo, Consolas, monaco, monospace; }
.mce-content-body blockquote,
.editor-styles-wrapper blockquote {
padding: .25rem 1rem;
background: none;
border-left: solid 2px var(--ark-color_border); }
.mce-content-body blockquote cite,
.editor-styles-wrapper blockquote cite {
display: block;
margin-top: .75rem;
font-size: .8rem;
opacity: .75; }
.mce-content-body blockquote p + p,
.editor-styles-wrapper blockquote p + p {
margin-top: .75rem; }
.mce-content-body table,
.editor-styles-wrapper table {
width: 100%;
max-width: 100%;
text-align: left;
border: none;
border-top: solid 1px var(--ark-color_table_border);
border-right: solid 1px var(--ark-color_table_border);
border-spacing: 0; }
.mce-content-body table caption,
.editor-styles-wrapper table caption {
margin-top: .75rem;
font-size: .9rem;
opacity: 0.75; }
.mce-content-body th,
.mce-content-body td,
.editor-styles-wrapper th,
.editor-styles-wrapper td {
padding: .5em .75em;
vertical-align: top;
border-bottom: solid 1px var(--ark-color_table_border);
border-left: solid 1px var(--ark-color_table_border); }
.mce-content-body thead td,
.mce-content-body thead th,
.editor-styles-wrapper thead td,
.editor-styles-wrapper thead th {
color: #fff;
background-color: var(--ark-color_main); }
.mce-content-body tbody th,
.editor-styles-wrapper tbody th {
font-weight: bold;
background-color: var(--ark-color_gray); }
.mce-content-body kbd,
.mce-content-body :not(pre) > code,
.editor-styles-wrapper kbd,
.editor-styles-wrapper :not(pre) > code {
display: inline-block;
margin: 0 .25em;
padding: .2em .5em;
color: #3f3f3f;
font-size: .9em;
font-family: Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;
line-height: 1.5;
letter-spacing: 0;
background: #edf0f3;
border-radius: 3px; }
.mce-content-body kbd,
.editor-styles-wrapper kbd {
background-color: #fbfbfb;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); }
.mce-content-body small,
.editor-styles-wrapper small {
font-size: .75em;
opacity: 0.75; }
.mce-content-body sup,
.mce-content-body sub,
.editor-styles-wrapper sup,
.editor-styles-wrapper sub {
font-size: .75em; }
.mce-content-body iframe,
.editor-styles-wrapper iframe {
display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto; }
.mce-content-body ul,
.editor-styles-wrapper ul {
list-style: disc; }
.mce-content-body ol,
.editor-styles-wrapper ol {
list-style: decimal; }
.mce-content-body li,
.editor-styles-wrapper li {
margin: .25em 0; }
.mce-content-body ul,
.mce-content-body ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
padding-left: 1.5em; }
.mce-content-body ul.has-background,
.mce-content-body ol.has-background,
.editor-styles-wrapper ul.has-background,
.editor-styles-wrapper ol.has-background {
padding: 1.5em 1.75em 1.5em 3em; }
.mce-content-body ul ul,
.mce-content-body ol ul,
.editor-styles-wrapper ul ul,
.editor-styles-wrapper ol ul {
padding-left: 1.5em;
list-style: circle; }
.mce-content-body ul ol,
.mce-content-body ol ol,
.editor-styles-wrapper ul ol,
.editor-styles-wrapper ol ol {
padding-left: 1.5em; }
.mce-content-body .u-only-pc,
.mce-content-body .u-only-sp,
.editor-styles-wrapper .u-only-pc,
.editor-styles-wrapper .u-only-sp {
display: block !important; }
.mce-content-body .u-only-pc.wp-block-columns,
.mce-content-body .u-only-sp.wp-block-columns,
.editor-styles-wrapper .u-only-pc.wp-block-columns,
.editor-styles-wrapper .u-only-sp.wp-block-columns {
display: flex !important; }
.mce-content-body .u-only-pc.wp-block-media-text,
.mce-content-body .u-only-sp.wp-block-media-text,
.editor-styles-wrapper .u-only-pc.wp-block-media-text,
.editor-styles-wrapper .u-only-sp.wp-block-media-text {
display: grid !important; }
@media (min-width: 1000px) {
.mce-content-body .u-only-sp,
.editor-styles-wrapper .u-only-sp {
opacity: .5; } }
@media (max-width: 999px) {
.mce-content-body .u-only-pc,
.editor-styles-wrapper .u-only-pc {
opacity: .5; } }
p.has-background,
.wp-block-group.has-background,
.wp-block-columns.has-background {
padding: 1.5rem 1.75rem; }
.has-drop-cap {
min-height: 3rem; }
.has-drop-cap:not(:focus)::first-letter {
font-size: 4rem; }
.wp-block-audio audio {
display: block; }
.wp-block-buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
float: none !important; }
.wp-block-buttons.aligncenter {
justify-content: center; }
.wp-block-buttons.alignright {
justify-content: flex-end; }
.wp-block-buttons .wp-block-button {
display: block;
margin: 0;
padding: 4px; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
color: #fff; }
.wp-block-button__link {
min-width: 8rem;
padding: .75em 1.5em;
font-size: 1rem;
line-height: 1.5;
background-color: var(--ark-color_main);
transition: opacity .25s; }
.is-style-outline > .wp-block-button__link {
border-width: 1px; }
.is-style-outline > .wp-block-button__link:not(.has-text-color) {
color: var(--ark-color_main); }
.wp-block-button__link:hover {
opacity: .75; }
@media (min-width: 1000px) {
.wp-block-columns {
flex-wrap: nowrap; } }
@media (min-width: 1000px) {
.wp-block-columns .wp-block-column {
flex-basis: calc(50% - 1rem);
flex-grow: 0; }
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 2rem; } }
@media (max-width: 999px) {
.wp-block-columns {
flex-wrap: wrap; } }
.wp-block-column {
margin-top: 0;
margin-bottom: 0; }
@media (max-width: 999px) {
.wp-block-column {
flex-basis: 100%; }
.wp-block-column:not(:only-child) {
flex-basis: 100% !important; }
.wp-block-column:not(:first-child) {
margin-left: 0; }
.wp-block-column + .wp-block-column {
margin-top: 2rem; } }
.wp-block-cover {
padding: 2rem;
overflow: hidden; }
@media (max-width: 999px) {
.wp-block-cover {
padding: 1rem; } }
.wp-block-cover .wp-block-cover__inner-container {
width: 100%; }
.c-postContent blockquote.wp-embedded-content {
display: none; }
.c-postContent iframe.wp-embedded-content {
position: relative !important;
max-width: 100%; }
@media (max-width: 599px) {
.twitter-tweet,
.instagram-media {
display: none !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 88vw !important; }
.twitter-tweet-rendered,
.instagram-media-rendered {
display: block !important; }
.twitter-tweet > iframe {
width: 100% !important; } }
.wp-block-embed {
max-width: 100%; }
.wp-block-embed-facebook,
.wp-block-embed-twitter,
.wp-block-embed-instagram {
max-width: 100%;
overflow: hidden;
text-align: center; }
.wp-block-embed.aligncenter iframe {
display: block !important;
margin: 0 auto !important; }
.twitter-tweet-rendered,
.instagram-media-rendered {
margin-right: auto !important;
margin-left: auto !important; }
.wp-has-aspect-ratio {
position: relative; }
.wp-has-aspect-ratio .wp-block-embed__wrapper {
position: relative;
width: 100%; }
.wp-has-aspect-ratio .wp-block-embed__wrapper::before {
display: block;
padding-top: 50%;
content: ""; }
.wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%; }
.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%; }
.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%; }
.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%; }
.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%; }
.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
padding-top: 177.78%; }
.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%; }
.wp-block-file a:not(.wp-block-file__button)::before {
font-family: arkhe-icon;
letter-spacing: -2px;
content: "\e908\0020"; }
.wp-block-file .wp-block-file__button {
padding: .75em 1.25em;
font-size: inherit;
font-size: .8rem;
border-radius: 2rem; }
.wp-block-gallery .blocks-gallery-grid {
width: 100%;
padding: 0;
list-style: none; }
.wp-block-gallery figure {
margin: 0; }
.gallery-caption,
.blocks-gallery-caption {
width: 100%;
font-size: .8rem;
text-align: center;
opacity: 0.75; }
.wp-block-image {
text-align: center; }
.wp-block-image img {
vertical-align: bottom; }
.wp-block-image.is-resized {
display: block; }
.wp-block-image figure {
display: block !important; }
.wp-block-image a {
display: block;
transition: opacity .25s; }
.wp-block-image a:hover {
opacity: .75; }
.wp-block-image figcaption a {
display: inline; }
.wp-caption {
width: 100%;
max-width: 100%;
text-align: center; }
.wp-caption-text {
margin-top: .75rem;
font-size: .8rem;
opacity: 0.75; }
img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto; }
.wp-block-latest-comments__comment-excerpt p {
margin: .5em 0 0; }
.wp-block-latest-posts > li::after {
display: block;
clear: both;
height: 0;
content: ""; }
.wp-block-latest-posts:not(.is-grid) {
border-top: solid 1px var(--ark-color_border); }
.wp-block-latest-posts:not(.is-grid) li {
padding: 1em .25em;
border-bottom: solid 1px var(--ark-color_border); }
.wp-block-latest-posts__featured-image > img {
display: block;
width: 100%; }
.wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts__featured-image.alignright {
max-width: 40%; }
/*
* メディアと文章ブロック
* コアのCSSが .wp-block-media-text のブレークポイントだけ 600px なのでそれに合わせることに注意。
*/
.wp-block-media-text__media img {
display: block; }
@media (max-width: 600px) {
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
min-height: 56vw; } }
.wp-block-media-text .wp-block-media-text__content {
padding: 1.5rem; }
@media (max-width: 600px) {
.is-stacked-on-mobile .wp-block-media-text__media {
grid-row: 1 !important; }
.is-stacked-on-mobile .wp-block-media-text__content {
grid-row: 2 !important; } }
.wp-block-preformatted {
white-space: pre-wrap; }
.wp-block-pullquote {
padding: 2rem 0;
text-align: center;
border-top: solid 2px currentColor;
border-bottom: solid 2px currentColor; }
.wp-block-pullquote.alignleft {
float: none;
max-width: 100%;
text-align: left; }
.wp-block-pullquote.alignright {
float: none;
max-width: 100%;
text-align: right; }
.wp-block-pullquote > blockquote {
margin: 0;
padding: .5rem;
background: none;
border-left: none !important; }
.wp-block-pullquote p {
font-size: 1.2rem !important; }
.wp-block-pullquote a {
text-decoration: underline; }
.wp-block-pullquote.is-style-solid-color {
padding: 2rem;
background-color: var(--ark-color_gray); }
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: inherit; }
.wp-block-quote.has-text-align-center {
border-left: none; }
.wp-block-quote.has-text-align-right {
border-right: solid 2px var(--ark-color_border);
border-left: none; }
.wp-block-quote.is-style-large {
position: relative;
margin: var(--ark-mt) auto 0;
padding: 2.5rem 3rem;
background: var(--ark-color_gray);
border: none; }
.wp-block-quote.is-style-large::before, .wp-block-quote.is-style-large::after {
position: absolute;
z-index: 0;
display: inline-block;
color: #000;
font-size: 5rem;
font-family: Arial, sans-serif;
line-height: 1;
opacity: .1;
content: "\00201c"; }
.wp-block-quote.is-style-large::before {
top: .25rem;
left: .5rem; }
.wp-block-quote.is-style-large::after {
right: .5rem;
bottom: .25rem;
transform: rotate(180deg); }
.wp-block-quote.is-style-large p {
font-size: 1.25rem; }
.wp-block-quote.is-style-large cite {
font-size: 1rem;
text-align: inherit; }
.wp-block-search__label {
font-weight: 700; }
.wp-block-search__button {
font-size: 14px;
background: #f7f7f7;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px #aaa, inset 0 -1px 0 #ccc; }
.wp-block-search .wp-block-search__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1px solid var(--ark-color_border); }
.wp-block-search__button.has-icon {
display: flex;
align-items: center; }
.wp-block-search__button-inside .wp-block-search__button {
background: none;
border: none;
box-shadow: none; }
.wp-block-search__button-only .wp-block-search__button {
padding: .5em; }
.wp-block-separator {
height: 1px;
background-color: currentColor;
border: none;
opacity: .5; }
.wp-block-separator.has-background {
opacity: 1; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 6em;
height: 2px;
margin-right: auto;
margin-left: auto; }
.wp-block-separator.is-style-wide {
height: 1px; }
.wp-block-social-links {
align-items: center; }
.c-postContent .wp-block-social-links {
padding: 0;
list-style: none; }
.wp-block-social-links .wp-block-social-link {
margin: 0 8px 8px 0; }
.wp-block-social-links a {
color: inherit; }
.wp-block-social-links.is-style-logos-only a {
padding: 0; }
.wp-block-table > table {
margin-bottom: 0; }
table.is-style-stripes,
.is-style-stripes table {
border: none; }
.is-style-stripes figcaption {
margin-top: 0;
padding: .5rem 0;
border-top: 1px solid #ededed; }
.wp-block-video {
text-align: center; }
.wp-block-video video {
display: block;
width: 100%; }
.wp-block-rss,
.wp-block-categories-list,
.wp-block-archives-list,
.wp-block-latest-posts,
.wp-block-latest-comments {
padding: 0 !important;
list-style: none !important; }
.wp-block-categories-list .children {
padding-left: 0;
list-style: none; }
.block-editor-writing-flow [data-type="core/group"]:not(.has-background).has-child-selected::after,
.block-editor-writing-flow [data-type="core/columns"]:not(.has-background).has-child-selected::after {
border: dashed 1px rgba(123, 134, 162, 0.3); }
.block-editor-writing-flow :not([data-align="full"]) > [data-type="core/group"]::after,
.block-editor-writing-flow :not([data-align="full"]) > [data-type="core/columns"]::after {
top: -8px !important;
right: -8px !important;
bottom: -8px !important;
left: -8px !important; }
a {
color: var(--ark-color_link); }
.wp-block {
max-width: var(--ark-block_width, 900px); }
.wp-block[data-align="wide"] {
max-width: calc(var(--ark-block_width, 900px) + 160px); }
.wp-block-cover__inner-container > .wp-block,
.wp-block-group__inner-container > .wp-block,
.wp-block-media-text__content > .wp-block,
.wp-block-column > .wp-block {
max-width: 100%; }
.block-editor .editor-styles-wrapper {
color: var(--ark-color_text);
font-size: var(--ark-font_size, 16px);
font-family: var(--ark-font_family);
background-color: var(--ark-color_bg); }
.editor-post-title .editor-post-title__input {
font-size: 2rem; }
.branch-5-7 .block-editor-writing-flow,
.branch-5-8 .block-editor-writing-flow {
padding-bottom: 40px; }
.branch-5-8 .edit-post-visual-editor__post-title-wrapper {
margin-bottom: 2em; }
[data-align="center"] {
clear: both; }
#wpbody .is-block-moving-mode .wp-block.is-selected::before {
position: absolute;
top: -14px;
right: 0;
bottom: auto;
left: 0;
z-index: 0;
display: inline;
margin: 0;
padding: 0;
border: none;
border-top: 4px solid var(--wp-admin-theme-color);
border-radius: 2px;
transform: none;
content: ""; }
.editor-styles-wrapper .is-root-container > [data-type="core/heading"]:first-child {
margin-top: 0 !important; }
.editor-styles-wrapper .wp-block {
margin-top: var(--ark-mt);
margin-bottom: 0; }
.editor-styles-wrapper .wp-block[data-type="core/heading"] {
margin-top: var(--ark-mt--h); }
.editor-styles-wrapper .is-root-container > [data-align="full"] + [data-align="full"],
.editor-styles-wrapper .is-root-container > [data-align="full"] + style + [data-align="full"] {
margin-top: 0; }
.editor-styles-wrapper .is-root-container > [data-align="full"] + [data-align="full"] > .block-editor-block-list__block,
.editor-styles-wrapper .is-root-container > [data-align="full"] + style + [data-align="full"] > .block-editor-block-list__block {
margin-top: 0; }
.editor-styles-wrapper .wp-block-column > .wp-block,
.editor-styles-wrapper .wp-block-media-text__content > .wp-block,
.editor-styles-wrapper .wp-block > .wp-block-cover__inner-container > .wp-block,
.editor-styles-wrapper .wp-block > .wp-block-group__inner-container > .wp-block {
margin-top: var(--ark-mt--s); }
.editor-styles-wrapper [data-align="wide"] > .wp-block-cover > .wp-block-cover__inner-container > .wp-block,
.editor-styles-wrapper [data-align="wide"] > .wp-block-group > .wp-block-group__inner-container > .wp-block,
.editor-styles-wrapper [data-align="full"] > .wp-block-cover > .wp-block-cover__inner-container > .wp-block,
.editor-styles-wrapper [data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block {
margin-top: var(--ark-mt); }
.editor-styles-wrapper .block-editor-block-list__layout > .wp-block:first-child,
.editor-styles-wrapper .block-editor-block-list__layout > .block-list-appender:first-child {
margin-top: 0 !important; }
.editor-styles-wrapper .block-editor-block-list__layout > .block-list-appender {
margin-top: var(--ark-mt--s);
margin-bottom: 0; }
.editor-styles-wrapper .block-editor-block-list__layout > .block-list-appender .block-editor-default-block-appender__content {
margin-top: 0;
margin-bottom: 0; }
.editor-styles-wrapper .block-editor-block-list__layout [data-type="core/paragraph"] + .block-list-appender {
margin-top: 0; }
/*
* プレビュー画面の調整
*/
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
border-width: 1px; }
.edit-post-sidebar .block-editor-block-preview__container .is-root-container > .wp-block,
.block-editor-block-switcher__styles__menugroup .block-editor-block-preview__container .is-root-container > .wp-block {
transform: scale(0.9); }
.block-editor-block-patterns-list__item .block-editor-block-preview__container {
box-sizing: content-box;
padding: 1px 0; }
/**
* サイドバー用のスタイル
*/
.edit-post-sidebar .components-base-control__label {
display: block; }
.edit-post-sidebar .components-circular-option-picker__option-wrapper::before {
background: none; }
.edit-post-sidebar .postbox .handle-actions button {
width: 28px;
height: 28px; }
.edit-post-sidebar .postbox .handle-actions .handlediv {
margin-right: 4px; }
.edit-post-sidebar .postbox .handle-actions .order-higher-indicator::before,
.edit-post-sidebar .postbox .handle-actions .order-lower-indicator::before {
font-size: 16px; }
.components-base-control__label {
margin-bottom: 8px; }
#widgets-editor .edit-widgets-sidebar__panel-tabs [data-label="ブロック"] {
white-space: nowrap; }
.wp-block-widget-area .block-editor-block-list__layout > .block-list-appender:last-child {
margin-top: 40px; }
#customize-controls [class*="customize-widgets"] .customize-control {
overflow: visible; }
.branch-5-6 .block-editor-media-flow__url-input {
overflow: hidden; }
.branch-5-6 .interface-interface-skeleton__editor {
width: 100%; }
.branch-5-6 .block-library-block__reusable-block-container .wp-block-image > div {
max-width: 100%; }
[data-type="core/buttons"] .block-editor-inner-blocks {
text-align: inherit !important; }
[data-type="core/buttons"] [data-type="core/button"] {
display: block;
margin-top: 0;
margin-bottom: 0; }
[data-type="core/buttons"] [data-type="core/button"] + .block-list-appender {
margin-top: 0 !important; }
[data-type="core/buttons"] > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
flex-wrap: wrap;
align-items: center; }
[data-align="center"] > .wp-block-buttons {
justify-content: center; }
[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
margin-bottom: 0; }
[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce {
padding: 1rem;
border: dashed 1px var(--ark-color_border);
border-top: none; }
[data-type="core/freeform"] .block-library-rich-text__tinymce blockquote {
border-color: var(--ark-color_border);
border-width: 2px; }
[data-type="core/freeform"] .block-library-rich-text__tinymce blockquote p {
margin: 0; }
[data-type="core/freeform"] .block-library-rich-text__tinymce blockquote p + p {
margin-top: 1rem; }
[data-align="full"] .wp-embed-aspect-16-9,
[data-align="full"] .wp-block-embed-youtube {
max-width: 100%; }
.wp-block-embed-twitter,
.wp-block-embed-instagram {
margin-right: auto !important;
margin-left: auto !important; }
.wp-block-embed-twitter .wp-block-embed__wrapper > iframe,
.wp-block-embed-instagram .wp-block-embed__wrapper > iframe {
display: block;
max-width: 500px;
margin: 0 auto; }
[data-type="core/file"] .wp-block-file__textlink {
color: var(--ark-color_link);
text-decoration: underline; }
[data-type="core/file"] .wp-block-file__textlink div::before {
font-family: arkhe-icon;
letter-spacing: -2px;
content: "\e908\0020"; }
.block-editor .editor-styles-wrapper kbd {
display: inline-block;
margin: 0 .25em;
padding: .2em .5em;
color: #3f3f3f;
font-size: .9em;
font-family: Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;
line-height: 1.5;
letter-spacing: 0;
background: #edf0f3;
background-color: #fbfbfb;
border-radius: 3px;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); }
.editor-styles-wrapper h1.wp-block {
font-size: 1.75rem; }
@media (min-width: 600px) {
.editor-styles-wrapper h1.wp-block {
font-size: 2rem; } }
.editor-styles-wrapper h2.wp-block {
font-size: 1.75rem; }
.editor-styles-wrapper h3.wp-block {
font-weight: bold;
font-size: 1.5rem; }
.editor-styles-wrapper h4.wp-block {
font-size: 1.25rem; }
.editor-styles-wrapper h5.wp-block {
font-size: 1.1rem; }
.editor-styles-wrapper h6.wp-block {
font-size: 1rem; }
[data-type="core/html"] .block-editor-plain-text {
max-height: 250px;
padding: .8em 1em;
color: #1e1e1e;
font-size: 14px;
font-family: Menlo, Consolas, monaco, monospace;
border: 1px solid #ddd;
border-radius: 4px; }
.wp-block-image {
text-align: center; }
.wp-block-image .components-resizable-box__container {
max-width: 100% !important;
height: auto !important; }
.wp-block-image.is-resized > div:not(.components-resizable-box__container) {
max-width: 100% !important;
height: auto !important; }
.editor-styles-wrapper ul[data-type="core/list"] {
list-style: disc; }
.editor-styles-wrapper ol[data-type="core/list"] {
list-style: decimal; }
.editor-styles-wrapper [data-type="core/list"] {
padding-left: 1.5em;
white-space: normal; }
.editor-styles-wrapper [data-type="core/list"] ol {
margin-left: 0;
padding-left: 1.5em; }
.editor-styles-wrapper [data-type="core/list"] ul {
margin-left: 0;
padding-left: 1.5em;
list-style: circle; }
[data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block[data-type="core/list"] {
padding-left: 1.5em; }
[data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block[data-type="core/list"].has-background {
padding-left: 3em; }
[data-type="core/media-text"].is-selected .wp-block-media-text__content, [data-type="core/media-text"].has-child-selected .wp-block-media-text__content {
border-top: dashed 1px rgba(123, 134, 162, 0.3);
border-bottom: dashed 1px rgba(123, 134, 162, 0.3); }
.wp-block-code {
background-color: var(--ark-color_gray);
border: none; }
.wp-block-code .block-editor-plain-text {
display: block;
margin: 0;
padding: 1rem;
overflow-x: auto !important;
font-size: .9rem;
white-space: pre;
background: none; }
.wp-block-code code.rich-text {
background: none; }
.wp-block-preformatted {
font-family: inherit; }
[data-type="core/quote"] p,
[data-type="core/pullquote"] p {
margin-bottom: 0 !important; }
[data-type="core/quote"] p:first-child,
[data-type="core/pullquote"] p:first-child {
margin-top: 0 !important; }
[data-type="core/quote"] p + p,
[data-type="core/pullquote"] p + p {
margin-top: 1rem; }
.wp-block-quote__citation,
.wp-block-pullquote__citation {
margin-top: 1rem; }
.wp-block-quote.is-style-large::after {
left: initial; }
.wp-block-table table {
border-bottom: none;
border-left: none; }
.wp-block-table thead,
.wp-block-table tfoot {
border: none; }
.wp-block-table th,
.wp-block-table td {
border-top: none;
border-right: none; }
.wp-block-latest-comments a,
.wp-block-latest-posts a,
.wp-block-categories a,
.wp-block-archives a,
.wp-block-tag-cloud a {
pointer-events: none; }
[data-type="core/latest-comments"].wp-block-latest-comments {
border: none; }
[data-type="core/latest-comments"] .wp-block-latest-comments {
margin: 0 !important;
padding: 0 !important; }
[data-type="core/latest-comments"] .wp-block-latest-comments__comment-excerpt p {
margin: .5em 0 0; }
[data-type="core/rss"] .wp-block-rss,
[data-type="core/archives"] .wp-block-archives-list,
[data-type="core/categories"] .wp-block-categories__list {
margin: 0 !important;
padding: 0 !important;
list-style: none; }
.wp-block-archives-list,
.wp-block-categories__list {
border-top: solid 1px var(--ark-color_border); }
[data-type="core/rss"] {
padding: 0 !important; }
/*
* カテゴリーブロック調整
* エディター上でだけ wp_list_categories フックが通っていない。
*/
.wp-block-categories__list .wp-block-categories__list {
font-size: .9rem;
border-top: none;
opacity: .5; }
.wp-block-categories__list .wp-block-categories__list a {
padding-left: 1.75rem; }
.wp-block-categories__list .wp-block-categories__list a a {
padding-left: 2.5rem; }
ul.wp-block-categories__list li {
position: relative; }
ul.wp-block-categories__list .wp-block-categories__post-count {
position: absolute;
top: .75rem;
right: .5em;
transform: scale(0.9);
opacity: .8; }
[data-type="core/latest-posts"] .wp-block-latest-posts {
margin: 0 !important; }
[data-type="core/archives"] select,
[data-type="core/categories"] select {
display: block;
width: 100%;
max-width: 400px;
height: auto;
padding: 4px 24px 4px 12px;
color: #333;
line-height: 32px;
background-color: #fff !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 24px 24px;
border: solid 1px var(--ark-color_border);
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[data-type="core/archives"] select::-ms-expand,
[data-type="core/categories"] select::-ms-expand {
display: none; }
.wp-block-search .wp-block-search__button {
font-size: 14px;
background: #f7f7f7;
border: none;
box-shadow: 0 0 1px #aaa, inset 0 -1px 0 #ccc; }
.wp-block-search .wp-block-search__button-inside .wp-block-search__button {
background: none;
border: none;
box-shadow: none; }
[data-type="core/calendar"].wp-block-calendar {
border: none; }
.wp-block-social-links.is-style-logos-only .wp-block-social-link button {
padding: 0; }
.wp-block-social-links .block-list-appender {
margin-top: 0 !important; }
.wp-block-social-links .wp-block-social-link {
margin: 0 8px 8px 0 !important; }
[data-align="full"] > .wp-block-cover,
[data-align="full"] > .wp-block-group.has-background {
padding: 4em 48px; }
[data-align="full"] > .wp-block-cover > .wp-block-cover__inner-container > .wp-block,
[data-align="full"] > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block {
max-width: var(--ark-block_width, 900px); }
[data-align="full"] > .wp-block-cover > .wp-block-cover__inner-container > [data-align="wide"],
[data-align="full"] > .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="wide"] {
max-width: calc(var(--ark-block_width, 900px) + 160px); }
[data-align="full"] > .wp-block-cover > .wp-block-cover__inner-container > [data-align="full"],
[data-align="full"] > .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
width: 100%;
max-width: 100%; }
.interface-interface-skeleton__content {
overflow-x: hidden; }
.wp-block[data-align="left"],
.wp-block[data-align="right"] {
height: auto;
margin-top: var(--ark-mt); }
[data-align="left"],
[data-align="right"] {
height: auto; }
[data-align="left"] > .wp-block-pullquote,
[data-align="right"] > .wp-block-pullquote {
float: none;
width: 100%;
margin-right: 0;
margin-left: 0; }
[data-align="left"] > .wp-block-pullquote {
text-align: left; }
[data-align="right"] > .wp-block-pullquote {
text-align: right; }
.editor-styles-wrapper [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .has-background {
padding: 1.5rem 1.75rem; }