@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 水澤佳寿子オフィシャルサイト style.css ------------------- */

/* アーカイブ投稿リスト ------------------------------------ */
.archive span.c-pageTitle__inner {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.archive ul.p-postList.-type-list {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

/* アイキャッチ */
.archive .p-postList__thumb.c-postThumb {
    width: 20%;
}

/* アイキャッチホバー時のシャドウを消す */
.archive .p-postList__thumb:before {
    background: transparent;
}

/* 投稿 */
.archive .-type-list .p-postList__body, .-type-list2 .p-postList__body {
    width: 76%;
}

/* 投稿ページ --------------------------------------------- */
/* 日付とタイトル */
.single-post time.c-postTitle__date.u-thin {
    background-color: #FBDFDC;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
    border: dotted 1px #0D0D0D;
    font-family: "Montserrat", sans-serif;
    color: #0D0D0D;
    line-height: 1 !important;
    font-weight: 400;
    text-align: center;
    padding: 11px 8px 0 8px;
}

.single-post span.__y {
    font-size: 1em !important;
    margin-bottom: 0 !important;
}

.single-post h1.c-postTitle__ttl {
    color: #0D0D0D;
    font-weight: 400;
}

/* カテゴリ非表示 */
.single-post .p-articleMetas__termList.c-categoryList {
    display: none;
}

/* アイキャッチ */
.single-post figure.p-articleThumb {
    width: 100%;
    max-width: 400px;
}

.single-post img.p-articleThumb__img {
    aspect-ratio: 1/1;
}


/* footer ------------------------------------------------ */
footer#footer {
    position: relative;
}

footer#footer::before,
footer#footer::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 96%;
    height: 1px;
    background: radial-gradient(circle at center, #0D0D0D 1px, transparent 1px);
    background-size: 4px 2px;
    /* 4px = 2pxの点 + 2pxの間隔。左の数値で間隔を調整 */
    background-position: 0 0;
}

footer#footer::before {
    top: 18px;
}

footer#footer::after {
    bottom: 18px;
}

/* footer pc 左---------- */
.footer-pc-left {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
}

img.footer-logo.lazyloaded {
    width: 240px;
    margin-top: 20px;
}

.sns-icons-wrap {
    width: 100%;
    max-width: 240px;
    text-align: right;
    font-size: 26px;
}

i.fa-brands.fa-square-facebook {
    margin-right: 12px;
}

/* footer 中央------------- */
ul.footer-menu {
    list-style: none;
    width: 100%;
    max-width: 260px;
    margin: 1.6em auto 1.4em auto;
}

ul.footer-menu li {
    padding: .5em 0 .5em 1em;
    border-bottom: dotted 1px #0D0D0D;
}

ul.footer-menu li:last-child {
    border-bottom: none;
}

/* footer 右の丸 ---------- */
.footer-circle-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -84px;
}

.footer-right-circle {
    position: relative;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    writing-mode: vertical-rl;
    padding: 3.5em 5em 0 0;
    background-color: #fff;
    border: dashed 1px #757575;
}

.footer-circle-text-wrap .name {
    font-size: 1.4em;
    letter-spacing: .4em;
}

.footer-circle-text-wrap .official-website {
    font-size: 1.1em;
    letter-spacing: .45em;
}

@media (max-width: 959px) {
    .footer-circle-wrap {
        display: none;
    }
}

/* Copyright ------------- */
.l-footer__foot {
    padding-bottom: 2em;
}

/* page-up button -------- */
.c-fixBtn:hover {
    background-color: #FBDFDC !important;
    color: #0D0D0D !important;
}

/* header ----------------------------------------------- */
.header-contact-button {
    background-color: #fff;
    padding: .5em 1em;
    border-radius: 40px;
    border: solid 1px #0D0D0D;
}

.header-contact-button:hover {
    background-color: #F8C8BA;
}

/* SP表示 mobile menu ---------- */
.c-widget__title.-spmenu {
    display: none;
}

.p-spMenu__nav {
    margin-top: 0;
    position: relative;
}

ul.c-spnav.c-listMenu {
    padding-top: 4em;
    font-size: 16px !important;
}

ul.c-spnav.c-listMenu li.menu-item a {
    border-bottom: dotted 1px #0D0D0D;
    padding: .8em 1em .8em 1.5em;
}

ul.c-spnav.c-listMenu li.menu-item-has-children>a {
    border-bottom: none;
    padding-bottom: .4em;
}

ul.c-spnav.c-listMenu li.menu-item-has-children::after {
    content: '';
    display: block;
    border-bottom: dotted 1px #0D0D0D;
}

ul.c-spnav.c-listMenu li.menu-item a::before {
    display: none;
}

ul.c-spnav.c-listMenu .sub-menu li.menu-item a {
    padding: .6em .8em .6em 3.2em;
    border-bottom: none;
}

ul.c-spnav.c-listMenu .sub-menu li.menu-item:last-child a {
    padding-bottom: 1.2em;
}

ul.c-spnav.c-listMenu .sub-menu li.menu-item a::before {
    display: block;
    left: 1.8em;
    color: #0D0D0D;
}

/* general ----------------------------------------- */
body {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
}

div#breadcrumb {
    display: none;
}