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

/* ＝＝＝共通設定＝＝＝ */
/* フォント */
.kaisei-tokumin-regular {
    font-family: "Kaisei Tokumin", serif;
    font-weight: 400;
    font-style: normal;
}

.kaisei-tokumin-bold {
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
}

.shippori-mincho-b1-regular {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
}

.shippori-mincho-b1-bold {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 700;
    font-style: normal;
}

.yuji-syuku-regular {
    font-family: "Yuji Syuku", serif;
    font-weight: 400;
    font-style: normal;
}


body {
    font-family: "Shippori Mincho B1", serif;
    color: #432f2f;
}

h1,
h2 {
    font-family: "Yuji Syuku", serif;
}


/* ＝＝＝ヘッダー＝＝＝ */
/* グローバルナビ文字サイズ変更 */
.c-gnav>.menu-item>a .ttl {
    font-family: "Yuji Syuku", serif;
    font-size: 16px;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

/* RSSアイコンを非表示 */
li.c-iconList__item.-rss {
    display: none;
}

/* SNSリンクアイコンサイズ変更 */
.widget_swell_sns_links a {
    font-size: 24px;
}


/* ロゴの位置を調整 */
@media screen and (min-width: 960px) {
    .-series .l-header__logo {
        align-items: baseline;
        padding-top: 40px;
    }
}


/* ＝＝＝FV＝＝＝ */
/* テキストの位置調整 */
.p-mainVisual__textLayer {
    justify-content: flex-end;
}

/* テキストのスタイル */
.p-mainVisual .post_content .is-style-section_ttl {
    font-family: "Yuji Syuku", serif;
    margin-bottom: 2rem !important;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

/* ＝＝＝ハイライト＝＝＝ */
/* 一番上の余白をなくす */
.top #content {
    padding-top: 4em;
    padding-top: 0;
}

/* 大阪産エリアが横に広がり過ぎるのをタブレットとPCでは横余白を */
@media screen and (min-width: 768px) {
    .hightlight .second-column {
        padding: 0 10%;
    }
}

/* ＝＝＝購入案内＝＝＝ */
/* カラムの左揃えを中央揃えに */
.top-guide .swell-block-columns__inner {
    justify-content: center;
}


/* ＝＝＝玉鬘とは＝＝＝ */
/* 画像をカルーセルっぽく流す */
.loop-slider {
    display: flex;
    overflow: visible;
    gap: 1.5rem;
    /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 20s infinite linear;
    /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 300px;
    /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%;
    /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px;
        /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* 画像の高さをずらしてジグザグに */
/* 少し上にずらす */
.loop-slider .swell-block-column:nth-child(odd) figure {
    transform: translateY(-1.5rem);
}

/* 少し下にずらす */
.loop-slider .swell-block-column:nth-child(even) figure {
    transform: translateY(1.5rem);
}



/* =========================================================
//  ページトップボタンをオリジナル画像に変更する
// ========================================================= */
/* アイコンを消す */
.icon-chevron-small-up:before,
.icon-chevron-up:before {
    content: none;
}

/* ボーダー、影を消す */
.c-fixBtn {
    border: none;
    box-shadow: none;
    overflow: visible;
    /* ラベル表示対応 */
}

/* ラベルの位置 */
.c-fixBtn__label {
    position: absolute;
    bottom: -1em;
}

/* hoverの背景を消す */
.c-fixBtn:hover {
    background-color: transparent !important;
}

/* 画像を配置 */
#pagetop.c-fixBtn .c-fixBtn__icon {
    display: block;
    background-image: url(/wp-content/uploads/2025/09/mama-image.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

/* ＝＝＝フッター＝＝＝ */
/* 制作者の部分 */
#text-2 a {
    border: 1px solid #fff;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 0.75rem;
}

#footer img.wp-image-30.luminous.ls-is-cached.lazyloaded {
    width: 10rem !important;
}

.l-footer__foot,
.l-footer__widgetArea {
    padding-bottom: 0;
}

/* ＝＝＝個別ページ＝＝＝ */

/* 各セクションの上余白をなくす */
.page-id-34 .swell-block-fullWide,
.page-id-36 .swell-block-fullWide,
.page-id-38 .swell-block-fullWide,
.page-id-40 .swell-block-fullWide {
    padding-top: 0 !important;
}

/* ヘッダーの縦幅を狭める */
.page-id-34 .-series .l-header__logo,
.page-id-36 .-series .l-header__logo,
.page-id-38 .-series .l-header__logo,
.page-id-40 .-series .l-header__logo {
    padding: 8px;
}

.page-id-34 .-series .c-headLogo,
.page-id-36 .-series .c-headLogo,
.page-id-38 .-series .c-headLogo,
.page-id-40 .-series .c-headLogo {
    max-width: 150px;
}


.page-id-36 .matsuzaka .swell-block-fullWide {
    padding-bottom: 1rem !important;
}

.page-id-36 .swell-block-fullWide.pc-py-60.sp-py-40.alignfull.u-mb-ctrl.u-mb-0 {
    padding-bottom: 4rem !important;
}

.page-id-38 .swell-block-columns__inner {
    justify-content: center;
}

@media (max-width: 767px) {

    /* フルワイドの横幅を狭める */
    .swell-block-fullWide__inner {
        width: 90%;
        margin: 0 auto;
    }

    /* トップページのキャッチコピーのサイズ変更 */
    .p-mainVisual .post_content .is-style-section_ttl {
        margin-bottom: 5rem !important;
        font-size: 1.5rem;
    }

    /* トップページ下「玉鬘とは」のテキストを左寄せに */
    .top-about p.has-text-align-center {
        text-align: start;
    }

    /* 中央寄せのテキストを左寄せに */
    .page-id-36 p.has-text-align-center,
    .page-id-38 p.has-text-align-center,
    .page-id-40 p.has-text-align-center {
        text-align: start;
    }

    /* 店舗案内の「一見さんお断り」部分のテキストと画像の位置を入れ替え */
    .page-id-40 .reverse .swell-block-columns__inner {
        flex-direction: column-reverse;
    }

    /* 購入案内・店舗案内の一番下の余白をなくす */
    .page-id-38 div#content,
    .page-id-40 div#content {
        margin: 0 auto;
    }

}