@charset "UTF-8"; .c-filterLayer::before, .c-filterLayer::after, .c-filterLayer__img, .c-gnav .sub-menu a::before, .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, .c-postContent 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"; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; } ::before, ::after { box-sizing: inherit; text-decoration: inherit; vertical-align: inherit; } b, strong { font-weight: bold; } main { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { word-break: break-all; } img { max-width: 100%; height: auto; border-style: none; } video { outline: none; } pre, code { -moz-tab-size: 4; tab-size: 4; } svg:not([fill]) { fill: currentColor; } [hidden] { display: none; /* Add the correct display in IE */ } /* * Form */ button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } /* Show the overflow in IE. */ button, input { /* Show the overflow in Edge. */ overflow: visible; } /* Remove the inheritance of text transform in Edge, Firefox, and IE. */ button, select { /* Remove the inheritance of text transform in Firefox. */ text-transform: none; } /* button */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; display: inline-block; cursor: pointer; } [role="button"] { cursor: pointer; } /* normalize 通り */ fieldset { padding: 0.35em 0.75em 0.625em; } /* normalize 通り */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } input, textarea, select, button { padding: .25em .5em; color: #333; border: 1px solid var(--ark-color_border); border-radius: 0; } [type="color"] { padding: 0; } [type="range"] { vertical-align: middle; } /* * Accessibility */ /* Specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* Hide content from screens but not screenreaders */ @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } :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; } } html { font-size: var(--ark-font_size); } @media (max-width: 599px) { html { font-size: var(--ark-font_size_sp); } } body { position: relative; min-width: 100%; max-width: 100%; overflow-x: hidden; color: var(--ark-color_text); font-weight: 400; font-family: var(--ark-font_family); line-height: 1.5; word-wrap: break-word; overflow-wrap: break-word; background-color: var(--ark-color_bg); -webkit-text-size-adjust: 100%; } a { color: var(--ark-color_link); } .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; } .c-bottomSection { margin-top: 4rem; } .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-content { position: relative; z-index: 0; flex: 1 0 auto; } .l-content__body { margin: 3rem auto; } .home.page .l-content__body { margin-top: 0; margin-bottom: 0; } @media (min-width: 1000px) { [data-sidebar="on"] .l-content__body { display: flex; flex-wrap: wrap; justify-content: space-between; } } .l-footer { position: relative; z-index: 0; color: #333; background-color: #fff; } .l-footer a, .l-footer span { color: inherit; } @media (max-width: 999px) { .l-footer__inner { padding-bottom: calc(env(safe-area-inset-bottom) * .5); } } .l-footer__widgets { padding: 2rem 0; } @media (min-width: 1000px) { .l-footer__widgets.has-columns, .l-footer__widgets .wp-block-columns { font-size: .9rem; } } @media (min-width: 1000px) { .l-footer__widgets > .l-container { display: flex; } } @media (min-width: 1000px) { .l-footer__widgets .w-footer { flex-basis: 100%; } } @media (min-width: 1000px) { .l-footer__widgets .w-footer + .w-footer { margin-left: 2rem; } } @media (max-width: 999px) { .l-footer__widgets .w-footer + .w-footer { margin-top: 2rem; } } .l-footer__foot { padding-top: 1rem; padding-bottom: 1rem; } .l-footer__nav { margin-bottom: 1rem; } .l-footer__nav a { display: block; padding: 0 .5rem; color: inherit; font-size: .8rem; } .l-footer__nav a:not(:hover) { text-decoration: none; } @media (min-width: 600px) { .l-footer__nav a { padding: 0 .75em; } } .l-footer__nav .sub-menu { display: none; } .c-copyright { font-size: .8rem; text-align: center; } .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-main { position: static !important; width: 100%; } @media (min-width: 1000px) { [data-sidebar="on"] .l-main { width: calc(100% - 368px); max-width: 100%; } } .l-main__body > :first-child { margin-top: 0 !important; } .l-main__body > :last-child { margin-bottom: 0 !important; } .l-scrollObserver { position: absolute; top: 100px; left: 0; z-index: 1000; display: block; width: 100%; height: 1px; visibility: hidden; pointer-events: none; } .l-sidebar { position: relative; } @media (min-width: 1000px) { .l-sidebar { font-size: .9rem; } } @media (max-width: 999px) { .l-sidebar { margin-top: 4rem; } } @media (min-width: 1000px) { [data-sidebar="on"] .l-sidebar { width: 320px; } } .p-topArea { position: relative; display: flex; align-items: center; width: 100%; min-height: 32vh; margin: 0; padding: 2rem 0; overflow: hidden; text-align: center; } .p-topArea.-noimg { background: #555; } .p-topArea__body { position: relative; z-index: 3; width: 100%; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); } .p-topArea__excerpt { font-size: .9em; } .l-wrapper { display: flex; flex-direction: column; min-height: 100vh; } .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)); } .p-searchModal__inner { position: absolute; top: calc(50% + 16px); left: 50%; z-index: 1; width: 96%; max-width: 600px; padding: 1em; background: rgba(255, 255, 255, 0.1); transform: translateX(-50%) translateY(-50%); transition: top .5s; } .is-open > .p-searchModal__inner { top: 50%; } .p-searchModal__inner .c-searchForm { box-shadow: 0 0 4px rgba(255, 255, 255, 0.2); } .p-searchModal__inner .s { font-size: 1rem; } .p-searchModal__close { position: absolute; top: 100%; left: 50%; margin-top: 1em; color: #fff; background: none; border: none; transform: translateX(-50%); } .p-searchModal__close i { margin-right: .5em; line-height: 1; } .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; } .c-postContent { margin: 0; padding: 0; line-height: 1.8; /* ---------- 見出し ---------- */ /* ---------- 横線 ---------- */ /* ---------- 引用 ---------- */ /* ---------- テーブル ---------- */ /* ---------- テキスト装飾 ---------- */ } .c-postContent > * { margin-top: var(--ark-mt); margin-bottom: 0; } .l-main__body > .c-postContent { margin-top: 4rem; } .c-pageTitle + .c-postContent { margin-top: 0; } .c-postContent h1, .c-postContent h2, .c-postContent h3, .c-postContent h4, .c-postContent h5, .c-postContent h6 { margin-top: var(--ark-mt--h); font-weight: 700; line-height: 1.5; } .c-postContent h1 { font-size: 1.75rem; } @media (min-width: 600px) { .c-postContent h1 { font-size: 2rem; } } .c-postContent h2 { font-size: 1.75rem; } .c-postContent h3 { font-weight: bold; font-size: 1.5rem; } .c-postContent h4 { font-size: 1.25rem; } .c-postContent h5 { font-size: 1.1rem; } .c-postContent h6 { font-size: 1rem; } .c-postContent dt { font-weight: bold; } .c-postContent hr:not(.wp-block-separator) { border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .c-postContent pre { padding: 1rem; overflow-x: auto; background-color: var(--ark-color_gray); } .c-postContent pre code { font-size: .9rem; font-family: Menlo, Consolas, monaco, monospace; } .c-postContent blockquote { padding: .25rem 1rem; background: none; border-left: solid 2px var(--ark-color_border); } .c-postContent blockquote cite { display: block; margin-top: .75rem; font-size: .8rem; opacity: .75; } .c-postContent blockquote p + p { margin-top: .75rem; } .c-postContent 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; } .c-postContent table caption { margin-top: .75rem; font-size: .9rem; opacity: 0.75; } .c-postContent th, .c-postContent 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); } .c-postContent thead td, .c-postContent thead th { color: #fff; background-color: var(--ark-color_main); } .c-postContent tbody th { font-weight: bold; background-color: var(--ark-color_gray); } .c-postContent kbd, .c-postContent :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; } .c-postContent 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); } .c-postContent small { font-size: .75em; opacity: 0.75; } .c-postContent sup, .c-postContent sub { font-size: .75em; } .c-postContent iframe { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .c-postContent ul { list-style: disc; } .c-postContent ol { list-style: decimal; } .c-postContent li { margin: .25em 0; } .c-postContent ul, .c-postContent ol { padding-left: 1.5em; } .c-postContent ul.has-background, .c-postContent ol.has-background { padding: 1.5em 1.75em 1.5em 3em; } .c-postContent ul ul, .c-postContent ol ul { padding-left: 1.5em; list-style: circle; } .c-postContent ul ol, .c-postContent ol ol { padding-left: 1.5em; } .c-postContent .wp-block-column > *, .c-postContent .wp-block-media-text__content > *, .c-postContent .wp-block-cover__inner-container > *, .c-postContent .wp-block-group__inner-container > * { margin-top: var(--ark-mt--s); margin-bottom: 0; } .alignwide > .wp-block-cover__inner-container > *, .alignfull > .wp-block-cover__inner-container > *, .alignwide > .wp-block-group__inner-container > *, .alignfull > .wp-block-group__inner-container > * { margin-top: var(--ark-mt); } .c-postContent > :first-child, .c-postContent div > :first-child { margin-top: 0 !important; } 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; }