@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child 2506
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用 25年6月に作られた新しい子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/**
 * フロント用
 */

/* ==== header ==== */
[data-scrolled="true"] .l-header {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.l-header__right {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    background: #fff;
    grid-column: 1 / -1; /* 全幅 */
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.l-headerCta {
    display: none;
    position: absolute;
    top: 0;
    right: 104px;
}
.l-header .l-header__body {
    /* 列の設定 */
    grid-template-columns: min-content auto 1fr min-content;

    /* 行の設定: 2段構成を作るために2つの行を定義します */
    grid-template-rows: auto auto;

    /* エリアの名前を設定: `right` を下の段に移動 */
    grid-template-areas:
        "search left center menu"
        ". . . right";
}
/* ヘッダーメニュー */
.l-header__center {
    padding: 15px 0;
}
.l-header__right {
    padding: 15px 0;
}
.l-header .c-gnav {
    justify-content: center;
    width: 100vw;
    max-width: 1000px;
}
.l-header .c-gnav__li {
    margin: 0 25px;
    background-image: none !important;
}
.l-header .c-gnav__li:hover {
    background: none;
}

.l-header .c-gnav__li > .c-gnav__a {
    padding: 10px 15px;
    font-weight: 700;
    line-height: 1;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
}

.l-header .c-gnav__li.current-menu-item > .c-gnav__a,
.l-header .c-gnav__li > .c-gnav__a:hover {
    color: #fff;
    background-color: var(--ark-color--main);
}
.l-header .c-gnav .__mainText,
.c-gnav .__subText {
    color: inherit;
    display: block;
    line-height: 1;
    font-size: 16px;
}
.c-gnav .__mainText .ark-block-icon {
    margin-bottom: 0.3rem;
}
.l-header__body .c-gnavWrap {
    margin-inline: auto;
}
.l-header__searchBtn {
    grid-column: 4;
}

/* ヘッダーCTAボタン */
.l-header__right .ark-block-button__link {
    min-height: 64px;
}
.l-header__right .ark-block-button__text {
    font-size: 0.8rem;
}
.l-header__right .-has-svg .arkb-inline-icon {
    font-size: 2em;
}
.l-header .-has-svg .ark-block-button__link {
    min-height: 44px;
    padding: 0 1.5em;
}

@media (max-width: 1000px) {
    .l-header .l-header__right .c-gnavWrap {
        display: flex;
        border-radius: 10px;
    }
}

/* ロゴ左寄せ */
@media not all and (min-width: 1000px) {
    .l-header__logo {
        margin-left: 50px;
        justify-content: flex-start;
    }
    .l-header__body {
        position: static;
        max-width: 100%;
    }

    .l-header__drawerBtn {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 30px;
        height: 30px;
        z-index: 100;
    }

    .l-header__drawerBtn:before,
    .l-header__drawerBtn:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #000;
        transform-origin: center center;
        transition: 0.3s ease;
    }
    .l-header__drawerBtn:before {
        transform: translateY(-5px);
    }

    .l-header__drawerBtn::after {
        width: 80%;
        transform: translateY(5px);
    }

    [data-drawer="opened"] .l-header__drawerBtn::before {
        transform: translateY(0) rotate(-45deg);
        background-color: #fff;
    }

    [data-drawer="opened"] .l-header__drawerBtn::after {
        width: 100%;
        transform: translateY(0) rotate(45deg);
        background-color: #fff;
    }

    .l-header__drawerBtn .c-iconBtn__icon {
        display: none;
    }

    /* drawer */
    .p-drawer {
        background: var(--ark-color--main);
    }
    .p-drawer__close {
        display: none;
    }

    .c-drawerNav {
        border: none;
    }
    .c-drawerNav > .menu-item + .menu-item {
        margin-top: 15px !important;
    }
    .c-drawerNav .menu-item {
        border: none;
    }
    .c-drawerNav__a {
        position: relative;
        padding: 10px 0;
        color: #fff;
        font-size: 1.4em;
        font-weight: 700;
    }

    .c-drawerNav > .menu-item.is_submenu > .c-drawerNav__a {
        display: none;
    }
    .c-drawerNav > .menu-item.is_submenu .sub-menu {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 15px;
        padding-top: 30px;
        opacity: 1 !important;
        height: auto !important;
        border-top: 1px solid #fff;
        visibility: visible !important;
    }
    .c-drawerNav > .menu-item.is_submenu .sub-menu > .menu-item {
        margin-bottom: 15px !important;
        width: calc(100% / 2 - 10px);
    }
    .c-drawerNav > .menu-item.is_submenu .sub-menu .c-drawerNav__a {
        position: relative;
        padding: 0;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        border: none;
    }
    .c-drawerNav > .menu-item.is_submenu .sub-menu .c-drawerNav__a::after {
        right: 5px;
    }
}
@media (max-width: 1000px) {
    .l-header__right {
        display: none;
    }
    .l-header__logo {
        margin-left: 40px;
        justify-content: center;
    }
}

.l-header__body {
    max-width: 100%;
}
.l-container {
    max-width: 1100px;
}
@media (min-width: 1000px) {
    [data-sidebar="on"] .l-main {
        width: calc(100% - 320px);
    }
    [data-sidebar="on"] .l-sidebar {
        width: 270px;
    }
}
/* p-breadcrumb */
.p-breadcrumb {
    padding: 15px 0;
}
.p-breadcrumb .p-breadcrumb__list > .p-breadcrumb__item:nth-child(1) a::before {
    content: "トップ";
}
.p-breadcrumb .p-breadcrumb__list > .p-breadcrumb__item:nth-child(1) span {
    display: none;
}
.p-breadcrumb__text {
    font-size: 12px;
    opacity: 1 !important;
}
.p-breadcrumb__text .arkhe-svg-home {
    display: none;
}
.p-breadcrumb__item:last-child > span {
    white-space: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 制限したい行数が3の場合 */
}
@media (max-width: 1000px) {
    .p-breadcrumb__text {
        font-size: 10px;
    }
}
@media (max-width: 750px) {
    .alignfull {
        /* --ark-mt--inner: var(--ark-mt); */
        left: -15px;
        width: calc(100% + 30px);
    }
}

/* ハンバーガーメニュー */
.c-iconBtn__icon {
    color: #000;
}

/* Coming soon */
.p-postList--notfound {
    visibility: hidden;
}
.p-postList--notfound::before {
    content: "Coming soon...";
    visibility: visible;
}

/* 固定ページヘッダー画像エリア */
.c-filterLayer.-filter-dot:after {
    background-image: none;
}

/* h1 */
.p-page__title {
    justify-content: center;
    margin-bottom: 1.5rem;
}

/* ブログ、アーカイブページ */
.p-archive__title .c-pageTitle__main {
    color: var(--ark-color--main);
    font-size: 2.5em;
}
:where(.blog, .archive) .p-postList {
    position: relative;
    /* margin-top: 6.875rem; */
}
/* :where(.blog, .archive) .p-postList::before {
    content: "";
    position: absolute;
    top: -7rem;
    left: calc(50% - 50vw);
    width: 80vw;
    height: calc(100% + 8rem);
    background-color: #e8fafd;
    z-index: -1;
} */

.c-postMetas svg {
    fill: var(--ark-color_main);
}

@media (max-width: 750px) {
    :where(.blog, .archive) .p-postList {
        margin-top: 0;
    }
    :where(.archive) .p-postList::before {
        top: -15rem;
        width: 90vw;
    }
    .blog .p-postList::before {
        top: -11rem;
        width: 90vw;
    }
}
/* ==== footer ==== */

.p-footerMenu .ark-block-section__body {
    max-width: 1100px;
}

.l-footer .l-container {
    max-width: 1100px;
}
.w-before-footer .c-widget + .c-widget {
    margin-top: 0;
}

.l-footer__nav {
    padding-bottom: 20px;
    margin-right: -20px;
    margin-bottom: 20px;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
}
.l-footer__nav > li {
    margin-bottom: 10px;
    margin-right: 20px;
}
.l-footer__nav a {
    padding: 0;
    display: flex;
    font-size: 14px;
    align-items: center;
}
.l-footer__nav a::before {
    content: "";
    display: block;
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: 0.3s ease-in-out;
    transform: rotate(45deg);
}
@media (max-width: 750px) {
    .p-footerMenu .wp-block-image {
        margin-left: auto;
        margin-right: auto;
    }
    .p-footerMenu .wp-block-image img {
        width: 200px !important;
    }
    .l-footer__nav {
        margin-right: -10px;
    }
    .l-footer__nav > li {
        margin-right: 10px;
        width: calc(50% - 10px);
    }
    .l-footer__nav a {
        font-size: 12px;
    }
}

/* トップへ戻るボタン */
.c-fixBtn {
    border: 1px solid var(--ark-color--main);
    border-radius: 8px;
}

/* safariのみ */
_::-webkit-full-page-media,
_:future,
:root .wp-block-cover.is-style-contain-center .wp-block-cover__image-background {
    max-width: 180px;
}
/* safariのみ */
.footer-cv-btn {
    /* display: none; */
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    z-index: 2;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

/* footer-cv-btn. */
.footer-cv-btn.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.footer-cv-btn.animate {
    animation: fadeInUp 0.5s ease forwards;
}

#footer-cv-btn .cta-button {
    position: relative;
    width: 100%;
    border: none;
    padding-top: 20px;
    text-align: center;
}

#footer-cv-btn .cta-button a {
    display: inline-block;
    width: 95%;
    max-width: 730px;
    text-decoration: none;
    margin: 20px auto 0;
}

#footer-cv-btn .cta-button__bubble {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--ark-color--main);
    font-size: 18px;
    white-space: nowrap;
    font-weight: bold;
}

#footer-cv-btn .cta-button__main {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 10px;
    background: #ff6347;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

#footer-cv-btn .cta-button__badge {
    background: white;
    color: #ff6347;
    font-weight: bold;
    padding: 16px 12px;
    border-radius: 50%;
    font-size: 14px;
}

#footer-cv-btn .cta-button__text {
    color: white;
    font-size: 14px;
    font-weight: bold;
    flex-grow: 1;
}

#footer-cv-btn .cta-button__icon {
    background-color: white;
    color: #ff6347;
    font-size: 14px;
    margin-left: auto;
    border-radius: 50%;
    padding: 4px 7px;
}

#footer-cv-btn .cta-button a:hover {
    opacity: 0.9;
}

#footer-cv-btn .cta-button a:active {
    transform: translateY(1px);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (min-width: 768px) {
    #footer-cv-btn .cta-button__text {
        font-size: 18px;
    }

    #footer-cv-btn .cta-button__badge {
        font-size: 16px;
    }
}

/*.カバー画像のスマホレイアウト */
@media (max-width: 750px) {
    .arkb-obf-cover {
        object-fit: contain;
    }
    .arkb-section--1 .ark-block-section__bodyInner {
        padding: 2rem 0;
    }
}

/* for Flexible Table Block plugin */
.header-fixed-tablearea.wp-block-flexible-table-block-table {
    height: 500px;
    overflow-y: scroll;
}

@media (max-width: 750px) {
    /* for Flexible Table Block plugin */
    .header-fixed-tablearea.wp-block-flexible-table-block-table {
        height: 300px;
        overflow-y: scroll;
    }
}

/* 見出し. orverride for removing 'Montserrat' */
.ark-block-heading .ark-block-heading__sub {
    font-size: 1.25em;
    font-family: sans-serif;
}

@media (max-width: 750px) {
    .is_scroll_sp .p-postList {
        display: flex;
        overflow-y: scroll;
        flex-wrap: nowrap;
    }
    .is_scroll_sp .p-postList .p-postList__item {
        min-width: 300px;
    }
}

/* search_modal  */
#search_modal .p-searchModal__close {
    position: fixed;
    top: 18px;
    left: auto;
    right: 12px;
    transform: none;
    font-size: 0;
}
#search_modal .p-searchModal__close svg {
    margin-right: 0;
    font-size: 24px;
    fill: #000;
}

#search_modal .c-overlay {
    background-color: rgba(255, 255, 255, 0.95);
}

#search_modal .p-searchModal__inner {
    background-color: transparent;
}
#search_modal .c-searchForm__s {
    border: 1px solid var(--ark-color--main);
}

#search_modal .c-searchForm__submit svg {
    fill: var(--ark-color--main);
}
#search_modal .search_ttl_w {
    margin-bottom: 10px;
    color: var(--ark-color--main);
    font-size: 20px;
    font-weight: 700;
}
#search_modal .popular_list {
    margin-top: 40px;
}

#search_modal .p-postList__item {
    margin-bottom: 1.5em;
    flex-basis: 100%;
}

#search_modal .p-postList__link {
    flex-direction: inherit;
    justify-content: space-between;
    align-items: flex-start;
}
#search_modal .p-postList__link > div:nth-of-type(2) {
    flex-shrink: 0;
    max-width: 280px;
    width: 36%;
}
#search_modal .p-postList__link > div:nth-of-type(3) {
    padding-left: 1.5rem;
    flex: 1 1 auto;
}

#search_modal .p-postList__ranking {
    position: absolute;
    left: calc(36% + 1.5rem);
    top: 0;
    width: 20px;
}

#search_modal .p-postList .p-postList__body {
    padding: 0 0 2em;
}
#search_modal .p-postList > .p-postList__item:nth-child(-n + 3) .p-postList__body {
    padding-top: 15px;
}
#search_modal .p-postList .p-postList__title {
    font-size: 0.9rem;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    overflow: hidden;
}

@media (max-width: 750px) {
    #search_modal .p-postList {
        overflow: auto;
        flex-wrap: wrap;
    }
}

/* page */
.container {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 0 1rem; */
}

.page-header {
    color: var(--ark-color--main);
    margin-bottom: 3rem;
    border: none;
}

.page .page-header {
    display: none;
}

/* === ブログアーカイブ === */
.c-postThumb__figure {
    padding-top: 66%;
}
.p-postList.-type-card .p-postList__link {
    /* background: #fff; */
    overflow: hidden;
    transition: box-shadow 0.3s;
    display: flex;
    flex-direction: column;
}
.p-postList.-type-card .p-postList__thumb {
    border-radius: 8px;
    overflow: hidden;
}
.p-postList.-type-card .p-postList__body {
    /* background: #fff; */
    padding: 0.5em 0 2em;
    position: relative;
    flex: 1;
}

.p-postList.-type-card .p-postList__body {
    display: flex;
    flex-direction: column;
}
.p-postList.-type-card .p-postList__item {
    margin-bottom: 2em;
    flex-basis: calc(100% / 3);
}

.p-postList.-type-list .p-postList__thumb {
    border-radius: 8px;
    overflow: hidden;
}
.p-postList.-type-list .p-postList__body {
    padding-bottom: 2em;
}
.p-postList.-type-list .p-postList__title {
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    overflow: hidden;
}
@media (min-width: 375px) and (max-width: 750px) {
    .p-postList.-type-card .p-postList__item {
        flex-basis: 50%;
    }
}

.p-postList .p-postList__title {
    font-size: 17px;
    overflow-wrap: anywhere;
}
.p-postList .p-postList__excerpt p {
    font-size: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.p-postList__meta {
    order: -1;
    position: static;
    margin-block: 0 0.25em;
}
.p-postList__category {
    background: var(--ark-color_main);
    color: #fff;
    padding: 0.3em 1em;
    font-size: 0.75rem;
    border-radius: 5rem;
}
.p-postList__times {
    position: absolute;
    bottom: 0;
    opacity: 1;
}

.new .p-postList__times::before {
    content: "NEW";
    margin-right: 0.5em;
    color: #e53935;
    font-weight: 700;
}

.p-postList__times time {
    font-size: 14px;
    color: #868686;
}
.p-postList .c-postMetas__icon {
    display: none;
}
.p-postList .c-postMetas__icon.arkhe-svg-folder {
    display: none;
}
.p-postList .p-postList__author {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #868686;
}

.p-postList .p-postList__author .c-postAuthor__name{
    opacity: 1 !important;
}

.p-postList .c-postAuthor__figure {
    display: none;
}

/* c-ranking */
.c-ranking .p-postList__item .p-postList__ranking {
    margin-bottom: 10px;
    height: 32px;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.c-ranking .p-postList__item:nth-of-type(1) .p-postList__ranking {
    background-image: url(./img/rank_1.svg);
}
.c-ranking .p-postList__item:nth-of-type(2) .p-postList__ranking {
    background-image: url(./img/rank_2.svg);
}
.c-ranking .p-postList__item:nth-of-type(3) .p-postList__ranking {
    background-image: url(./img/rank_3.svg);
}

/* p-entry__related */
.p-entry__related .p-postList__times {
    display: none;
}

@media (min-width: 750px) {
    :is(.is-style-bg-left, .is-style-bg-right) .p-postList {
        margin-top: 6.875rem;
    }
}
/* アーカイブシンプル型 */
.p-postList.-type-simple .p-postList__item:nth-child(odd) {
    background: #f8f8f8;
}
.p-postList.-type-simple {
    --ark-color--border: #f8f8f8;
}
.p-postList.-type-simple .p-postList__link:hover {
    background: #bc1c3c1c;
}

.wp-block-latest-posts__list a {
    text-decoration: none;
    color: var(--ark-color_text);
}

/* .l-sidebar */
.l-sidebar .c-widget + .c-widget {
    margin-top: 0;
}

.l-sidebar .c-widget > * {
    margin-bottom: 2em;
}

.l-sidebar h2.wp-block-heading {
    padding: 0.5em 1em;
    margin-bottom: 0;
    border-bottom: none;
    background: var(--color-main);
    color: #fff;
    font-size: 1.15em !important;
}
.l-sidebar .p-postList__title {
    font-size: 0.9rem;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    overflow: hidden;
}
.l-sidebar .p-postList__meta {
    margin: 0;
}
.l-sidebar .p-postList .p-postList__item {
    margin-bottom: 0 !important;
}
.l-sidebar .p-postList .p-postList__item + .p-postList__item {
    margin-top: 1.2em;
}

.l-sidebar .c-ranking .p-postList__item {
    flex-basis: 100%;
}

.l-sidebar .p-postList__thumb {
    border-radius: 4px !important;
}

.l-sidebar .p-postList__times time {
    font-size: 12px;
}
.l-sidebar .p-postList .p-postList__author {
    font-size: 12px;
}

.l-sidebar .c-ranking .p-postList__link {
    flex-direction: inherit;
    justify-content: space-between;
    align-items: flex-start;
}
.l-sidebar .c-ranking .p-postList__link > div:nth-of-type(2) {
    flex: none;
    width: calc(40% - 20px);
}
.l-sidebar .c-ranking .p-postList__link > div:nth-of-type(3) {
    flex: none;
    width: 60%;
}

.l-sidebar .c-ranking .p-postList__excerpt {
    display: none;
}
.l-sidebar .c-ranking .p-postList__ranking {
    position: absolute;
    left: calc(31% + 1.5rem);
    top: 0;
    width: 20px;
}

.l-sidebar .c-ranking .p-postList .p-postList__body {
    padding: 0 0 0;
}
.l-sidebar .c-ranking .p-postList > .p-postList__item:nth-child(-n + 3) .p-postList__body {
    padding-top: 15px;
}

.l-sidebar .c-ranking .p-postList .p-postList__title {
    font-size: 0.9rem;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    overflow: hidden;
}
.l-sidebar .c-ranking .p-postList .p-postList__title {
    font-size: 0.9rem;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    overflow: hidden;
}

.l-sidebar .c-ranking .p-postList .p-postList__meta {
    display: none;
}

@media (max-width: 750px) {
    .l-sidebar .c-ranking .p-postList__item {
        flex-basis: 100% !important;
    }
}
/* widget_1 */
.widget_1 {
    border-radius: 16px;
}

.widget_1 .wp-block-button__link {
    position: relative;
    padding: 0 10px !important;
    color: var(--ark-color--main) !important;
    font-weight: 700;
    background-color: transparent !important;
}
.widget_1 .wp-block-button__link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--ark-color--main);
    border-right: 1px solid var(--ark-color--main);
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s ease-in-out;
}
/* my-share-widget */
.widget_my_share_widget + * {
    margin-top: 10px !important;
}
.my-share-widget {
    display: flex;
    justify-content: flex-end;
}

.my-share-widget a {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s ease-in-out;
}
.my-share-widget a:hover {
    opacity: 0.6;
}

.my-share-widget a + a {
    margin-left: 10px;
}
.my-share-widget .x-share {
    background-image: url(./img/share_x.svg);
}

.my-share-widget .line-share {
    background-image: url(./img/share_line.svg);
}

.my-share-widget .copy-url {
    background-image: url(./img/share_url.svg);
}
/* ark-block-toc */
.ark-block-toc {
    color: #225167;
    background-color: #f5f5f4;
    background-image: none;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
}
.ark-block-toc .ark-block-toc__list {
    padding-left: 0;
    list-style: none;
}

.ark-block-toc .ark-block-toc__title {
    font-size: 1em;
    text-align: left;
}
.ark-block-toc .ark-block-toc__list[data-level="2"] {
    font-weight: 700;
}
.ark-block-toc .ark-block-toc__list[data-level="2"] > li + li {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #c9c9c9;
}
.ark-block-toc .ark-block-toc__list[data-level="3"] {
    list-style: none;
    font-weight: 400;
}
.ark-block-toc .ark-block-toc__list[data-level="3"]:before {
    display: none;
}

/* p-entry__foot*/
.p-entry__foot .c-postTerms {
    display: none;
}
.p-entry__foot .c-pnNav {
    display: none;
}

.p-entry__author {
    display: none;
}

/*p-entry__author */
.p-authorBox {
    align-items: flex-start;
    padding: 2em;
    background-color: #f5f5f4;
    border-radius: 8px;
}
.p-authorBox__avatar {
    flex: none;
    margin-right: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
}
.p-authorBox__avatar .avatar {
    width: 100%;
    height: auto;
    border-radius: 0;
}
.p-authorBox__body {
    flex: auto;
    width: auto;
}
.p-authorBox__name {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
    border-bottom: 1px solid #000;
}
.p-authorBox__name::before {
    content: "執筆者 ";
}
@media (max-width: 750px) {
    .p-authorBox {
        padding: 1.5em;
    }
    .p-authorBox__avatar {
        margin: 0 auto 1em;
        width: 70px;
        height: 70px;
    }
}

/* page-only */
.page-only,
.single-only,
.archive-only {
    display: none;
}

.single .single-only {
    display: block;
}
.archive .archive-only {
    display: block;
}
.page .page-only {
    display: block;
}

/* pagination */
.page-numbers,
.post-page-numbers {
    margin: 0 5px;
    color: var(--ark-color--main);
    border: 1px solid var(--ark-color--main);
}
.pagination .next,
.pagination .prev {
    position: relative;
    display: block;
    margin: 0 5px;
    font-size: 0;
    border: 1px solid var(--ark-color--main);
}
.pagination .prev {
    transform: scaleX(-1);
}
.pagination .next::before,
.pagination .prev::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--ark-color--main);
    border-right: 2px solid var(--ark-color--main);
    transition: 0.3s ease-in-out;
    transform: translate(-50%, -50%) rotate(45deg);
}
.pagination .next:hover::before,
.pagination .prev:hover::before {
    border-color: #fff;
}

/* p-entry__head*/
.p-entry__head .c-postTerms .c-postMetas__icon {
    display: none;
}

.p-entry__head .c-postTerms__link::before {
    content: "#";
}
.p-entry__head .c-postTerms__link:not(:last-child):after {
    content: " ";
}

/* ページ TOP */

.home .cat-series-list .item {
    display: flex;
}

.home .cat-series-list .item > .clm_wrap:nth-of-type(1) {
    flex: none;
    width: 60%;
}
.home .cat-series-list .item > .clm_wrap:nth-of-type(2) {
    flex: auto;
    width: auto;
    margin-left: 20px;
}
.home .cat-series-list .item .cat_img {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.home .cat-series-list .item .cat_img .img > span {
    display: block;
    padding-top: 72%;
    background-size: cover;
    background-position: center;
}

@media (min-width: 750px) {
    .home .slick-slider {
        padding: 0 80px;
    }
}
.home .slick-prev,
.home .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    transition: 0.3s ease-in-out;
    z-index: 10;
}
.home .slick-prev {
    left: 0;
    transform: translateY(-50%) scaleX(-1);
}
.home .slick-next {
    right: 0;
}

.home .slick-prev::after,
.home .slick-next::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s ease-in-out;
}

@media (min-width: 1000px) {
    .home .is_col_4_pc .p-postList__item {
        flex-basis: 25% !important;
    }

    .home .is_col_2_pc .p-postList.-type-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .home .is_col_2_pc .p-postList.-type-list .p-postList__item {
        margin-bottom: 2.5rem;
        padding: 0 0.75rem;
        flex-basis: 50% !important;
    }
}

@media (max-width: 1000px) {
    .home .cat-series-list .item {
        display: block;
    }

    .home .cat-series-list .item > .clm_wrap:nth-of-type(1) {
        width: auto;
        min-width: 340px;
    }
    .home .cat-series-list .item > .clm_wrap:nth-of-type(2) {
        display: none;
    }
}

/* ページ サイトマップ */
.page-sitemap .list_1 {
    padding: 0;
    list-style: none;
}

.page-sitemap .list_1 > li {
    margin: 0 0;
}
.page-sitemap .list_1 > li + li {
    margin-top: 1em;
}
.page-sitemap .list_1 ul {
    list-style: none;
}
.page-sitemap .list_1 a {
    color: var(--ark-color_text);
    text-decoration: none;
}

.page-sitemap .list_1 a:hover {
    opacity: 0.6;
}

/* ページ コンテンツ制作ポリシー */
.page-policy .list_1 table {
    border-left: none;
    border-right: none;
    border-top: none;
}

.page-policy .list_1 td {
    border-left: none;
    border-right: none;
    border-color: #e8e8e8;
}

/* ページ ナレソメノートについて */

.page-about .l-content {
    /* background-image: url(./img/bg_l.png), url(./img/bg_l.png);
    background-size: 600px auto;
    background-position:
        left top,
        right bottom;
    background-repeat: no-repeat; */
}
.page-about .content_1 p {
    line-height: 2.5;
}
.page-about .content_1 h5 {
    font-size: 1.5em;
    font-weight: 500;
}
.page-about .content_1 h5 span {
    background: linear-gradient(transparent 70%, #d3f4fa 50%);
}
.page-about .content_1 h5.co_2 span {
    background: linear-gradient(transparent 70%, #fbe6e6 50%);
}

/* ページ よくあるご質問 */
.ark-block-faq__q::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    transition: transform 0.3s ease;
    color: #666;
}

.ark-block-faq__item.active .ark-block-faq__q::after {
    transform: translateY(-50%) rotate(45deg);
}

.ark-block-faq__a {
    display: none;
}

.ark-block-faq__item {
    padding: 2em;
    border-radius: 8px;
    /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); */
    border: 1px solid #e4e4e4 !important;
}
.ark-block-faq__item + .ark-block-faq__item {
    border-top: none;
}
.ark-block-faq__q {
    color: var(--ark-color--main);
    padding: 0.75em 2em 0.75em 3em;
}
.ark-block-faq__a:before,
.ark-block-faq__q:before {
    color: #fff;
    background-color: var(--ark-color--main);
    border-radius: 100%;
    box-shadow: none;
}
.ark-block-faq__q::after {
    right: 0;
    color: #000;
}
@media (max-width: 750px) {
    .ark-block-faq__item {
        padding: 1em;
    }
}

/* ページ 編集長・編集チーム */

.writers-list-page .container {
    max-width: 1000px;
    margin: 0 auto;
}

.writers-list-page .page-header {
    text-align: center;
    margin-bottom: 3rem;
}

.writers-list-page .page-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.writers-list-page .page-description {
    font-size: 1.1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.writers-list-page .writers-grid {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.writers-list-page .writer-card {
    padding: 1.5em;
    height: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    min-height: 250px;
}

.writers-list-page .writer-image {
    position: relative;
    flex: 0 0 22%;
    margin-right: 1.5em;
    border-radius: 100%;
    overflow: hidden;
}

.writers-list-page .writer-image > * {
    position: relative;
    display: block;
    padding-top: 100%;
}

.writers-list-page .writer-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.writers-list-page .writer-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.writers-list-page .writer-name {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.writers-list-page .writer-name a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.writers-list-page .writer-name a:hover {
    color: #0073aa;
}

.writers-list-page .writer-title {
    color: var(--ark-color--main);
    font-weight: 700;
    margin-bottom: 0.2rem;
}
.writers-list-page .writer-title::before {
    content: "ー";
}

.writers-list-page .writer-profile {
    flex-grow: 1;
}

.writers-list-page .writer-profile .writer-profile__title {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
}
.writers-list-page .writer-profile .writer-profile__title::after {
    content: "";
    flex: auto;
    width: auto;
    height: 1px;
    background-color: var(--ark-color--main);
}
.writers-list-page .writer-profile .writer-profile__title span {
    flex: initial;
    width: auto;
    margin-right: 10px;
    font-weight: 700;
}

.writers-list-page .writer-profile .desc {
    font-size: 0.9em;
    line-height: 2;
}

.writers-list-page .writer-social {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.writers-list-page .social-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.writers-list-page .social-link:hover {
    opacity: 0.6;
}

.writers-list-page .social-icon {
    display: block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc();
}
.writers-list-page .twitter .social-icon {
    background-image: url(./img/x_icon.svg);
}
.writers-list-page .instagram .social-icon {
    background-image: url(./img/instagram_icon.svg);
}
.writers-list-page .tiktok .social-icon {
    background-image: url(./img/tiktok_icon.svg);
}
.writers-list-page .facebook .social-icon {
    background-image: url(./img/facebook_icon.svg);
}
.writers-list-page .youtube .social-icon {
    background-image: url(./img/youtube_icon.svg);
}
.writers-list-page .website .social-icon {
    background-image: url(./img/website_icon.svg);
}
.writers-list-page .social-text {
    display: none;
}

.writers-list-page .writer-meta {
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0f0f0;
}

.writers-list-page .post-count {
    font-size: 0.9rem;
    color: #888;
    background: #f8f8f8;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.writers-list-page .writer-link {
    margin-top: auto;
}

.writers-list-page .btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 500;
}

.writers-list-page .btn-primary {
    background-color: #0073aa;
    color: white;
}

.writers-list-page .btn-primary:hover {
    background-color: #005a87;
    color: white;
}

.writers-list-page .no-writers {
    text-align: center;
    color: #666;
    font-size: 1.1rem;
    max-width: 800px;
    margin: 0 auto;
}

.writers-list-page .writers-team {
    margin: 4em auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.writers-list-page .writers-team > .writers-team-left {
    flex-basis: calc(60% - 1em);
}
.writers-list-page .writers-team > .writers-team-right {
    flex-basis: calc(40% - 1em);
}
.writers-list-page .team-title {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.writers-list-page .team-title::before {
    content: "";
    display: block;
    width: 25px;
    height: 4px;
    background: var(--ark-color--main);
    margin-right: 10px;
}

.writers-list-page .team-desc {
    line-height: 2;
}
.writers-list-page .writers-more-btn {
    margin-top: 1em;
    text-align: right;
}
.writers-list-page .writers-more-btn a {
    text-decoration: none;
}

@media (min-width: 750px) {
    .writers-list-page .writers-grid.col_2 {
        flex-direction: initial;
    }
    .writers-list-page .writers-grid.col_2 .writer-item {
        width: calc(50% - 1em);
    }
    .writers-list-page .writers-grid.col_2 .writer-image {
        flex: 0 0 30%;
    }
}
@media (max-width: 750px) {
    .writers-list-page .writer-card {
        display: block;
    }
    .writers-list-page .writer-image {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.5em;
        width: 50%;
    }

    .writers-list-page .writers-team {
        display: block;
    }

    .writers-list-page .writers-team-right {
        margin-top: 2em;
    }
}

/* シングル 専門家・監修者 */
.single-authority .l-content__body {
    display: block;
}
.single-authority .l-main {
    width: 100%;
}
.single-authority .l-sidebar {
    display: none;
}

/* オーサーページ */
.archive.author .p-authorBox {
    display: none;
}