@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
*/

/*ここから*/
/*ヘッダーメニュー太字*/
.c-gnav > .menu-item > a .ttl,
.icon-search::before,
.c-smallNavTitle {
    font-weight: bold;
}
/*ヘッダー背景色*/
.l-header,
.l-fixHeader::before {
    background-color: #fbf7f2;
}
/*トップページの通常ヘッダーのみ透過*/
.home .l-header {
    background-color: transparent;
}
/*グローバルナビ文字色*/
.c-gnav > .menu-item > a .ttl {
    color: #241209;
}
/*迷いながらも～画像*/
/*PC*/
.wp-image-1186 {
    position: relative;
    top: 30px;
    left: 70px;
}
/*スマホ*/
@media (max-width: 599px) {
    .wp-image-1186 {
        position: relative !important;
        display: block !important;
        top: -10px !important;
        left: 20px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* タブレット */
@media (min-width: 600px) and (max-width: 959px) {
    figure:has(.wp-image-1186) {
        width: 100% !important;
        max-width: none !important;
        overflow: visible !important;
    }
    .wp-image-1186 {
        position: relative !important;
        display: block !important;
        width: 600px !important;
        max-width: none !important;
        height: auto !important;
        left: 50px !important;
        top: -80px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/*タイトルロゴ画像*/
/*PC*/
.wp-image-660 {
    position: relative;
    left: 60px;
	top: -15px;
}
/*スマホ*/
@media (max-width: 599px) {
    .wp-image-660 {
        position: relative;
        display: block;
        top: -5px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
/*タブレット*/
@media (min-width: 600px) and (max-width: 959px) {
    figure:has(.wp-image-660) {
        width: 100% !important;
        max-width: none !important;
    }
    .wp-image-660 {
        position: relative;
        display: block;
        width: 400px !important;
        max-width: none !important;
        height: auto !important;
        top: -130px;
        left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/*ペンの位置調整*/
/*スマホ*/
@media (max-width: 599px) {
    .img-arrange-wrapper {
        position: relative;
        z-index: 0;
    }
    .img-arrange-wrapper p {
        position: relative;
        z-index: 2;
    }
    .pen-img-sp {
        position: absolute;
        width: 160px;
        bottom: 50px;
        left: -70px;
        transform: rotate(-20deg);
    }
}
/*タブレット*/
@media (min-width: 600px) and (max-width: 959px) {
    .img-arrange-wrapper {
        position: relative;
        z-index: 0;
    }
    .img-arrange-wrapper p {
        position: relative;
        z-index: 2;
    }
    .pen-img-sp {
        position: absolute;
        width: 360px;
        bottom: 180px;
        left: -150px;
        transform: rotate(-20deg);
    }
}
/*方眼背景*/
#sidebar .p-profileBox,
.-frame-on .l-mainContent,
.c-widget + .c-widget {
    background-color: #ffffff !important;
    background-image:
        linear-gradient(
            #ebf4fb 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            #ebf4fb 1px,
            transparent 1px
        ) !important;
    background-size: 20px 20px !important;
}
/*プロフィール*/
#sidebar .p-profileBox {
    position: relative;
}
/*Profileロゴ画像*/
.p-profileBox__text::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 50px;
    background-image: url("https://konomama-iino.com/wp-content/uploads/2026/08/profile-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -25px;
    left: 16px;
    transform: rotate(-5deg);
}
/*付箋画像*/
.wp-image-1191 {
    transform: rotate(1deg);
}
.wp-image-247 {
    transform: rotate(3deg);
}
.wp-image-651 {
    transform: rotate(-2deg);
}
.wp-image-777 {
    transform: rotate(1deg);
}

/*記事一覧・サイドバー*/
/*枠線*/
#sidebar .c-widget {
    border: 5px solid #fef1e0;
}
.l-mainContent {
    border: 5px solid #fef1e0;
    padding: 20px;
}

/*カテゴリー*/
/*カテゴリーアイコン*/
.widget_categories > ul > .cat-item > a::before,
.wp-block-categories-list > li > a::before {
    content: "\e921";
    color: #f7bfb8;
}
/*カテゴリー下線削除*/
#sidebar .c-listMenu a {
    border-bottom: none !important;
}

/*お問い合わせフォーム*/
.wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    padding: 6px 20px;
    background-color: #ffffff;
    border: 1.5px solid hsla(0, 0%, 78%, 0.5);
    border-radius: 999px;
}
/*入力時*/
.wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus-visible,
.wpcf7 select:focus-visible,
.wpcf7 textarea:focus-visible {
    outline: 1px solid var(--color_main);
}
/*テキストエリア*/
.wpcf7 textarea {
    border-radius: 20px;
}
/*ラベル*/
.wpcf7 label {
    padding-left: 10px;
}
/*各項目*/
.wpcf7 form p {
    margin-bottom: 30px;
    font-weight: bold;
}
/*チェックボックス等*/
.wpcf7 .wpcf7-list-item-label,
.wpcf7 .wpcf7-quiz-label {
    font-weight: 400;
}
/*送信ボタン*/
.wpcf7 .wpcf7-submit {
    display: block;
    min-width: 200px;
    margin: 3em auto;
    padding: 0.3rem 2rem;
    border-radius: 999px;
    color: #ffffff;
    background-color: var(--color_main);
    font-weight: bold;
    letter-spacing: 5px;
}
/*アスタリスク*/
.wpcf7 span.required {
    display: inline-block;
    margin-left: 3px;
    color: #ce1d1d;
}
/*Turnstile中央寄せ*/
form.wpcf7-form div.wpcf7-turnstile {
    width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.wpcf7 .wpcf7-turnstile + br {
    display: none;
}