@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 {
font-size: 20px;
	font-family: 'Gabarito', sans-serif;
	margin-right: 16px; /* メニュー間の間隔を指定 */
}


/*メディアとテキストのメディア部分をスマホで縮小 */
@media (max-width: 768px) {
    .wp-block-media-text__media img {
        width: 85%; /* 画像の幅を85%に設定 */
        max-width: 85%; /* 最大幅を85%に制限 */
        height: auto; /* 縦横比を維持 */
        margin: 0 auto; /* 画像を中央揃え（必要に応じて） */
        display: block; /* 中央揃えを確実にするため */
    }

    .wp-block-media-text__media {
        width: auto; /* 親要素の幅を適切に自動調整 */
    }
}

/*固定ページのタイトル用 */

.title-menu {
font-size: 40px;
	font-family: 'Gabarito', sans-serif;
}

.wpcf7 label {
	font-weight: bold;
}

.form-group {
			padding-bottom: 1.5em;
}

/* 特定の投稿リストの色を白にする */

.white-post-list {
  color: #fff;
}

.white-post-list a {
  color: #fff;
}


/* top-title画像をスマホ・小型タブレットで大きくする */
@media (max-width: 820px) {
  .top-title {
    width: 120% !important;
    max-width: none !important;
    margin-left: -10% !important;
  }
}



/* PCのグローバルメニューの文字を太くする */
#gnav a {
  font-weight: 600; /* 500〜700あたりが太さの目安 */
}

/* 追従ヘッダーのロゴ幅を正常化 */
.l-fixHeader .c-headLogo {
  width: auto !important;
  max-width: none !important;
  min-width: 180px !important;
  flex-shrink: 0 !important;
}

.l-fixHeader .c-headLogo__img {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
}


/* WEBフォント */

body {
  font-family: "momochidori", sans-serif;
  font-weight: 400;
}

/* ===== メニューテーブル ===== */

.menu-table table {
    table-layout: fixed !important;
    width: 100% !important;
}

.menu-table table th,
.menu-table table td {
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* PC：商品85% / 価格15% */
.menu-table table td:first-child {
    width: 85% !important;
}

.menu-table table td:last-child {
    width: 15% !important;
    text-align: left !important;
    white-space: nowrap !important;
}


@media screen and (max-width: 767px) {

    .menu-table table td:first-child {
        width: 75% !important;
    }

    .menu-table table td:last-child {
        width: 25% !important;
    }

    .menu-table table td {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
}

/*フルワイドスマホの拡大防ぐ*/

@media screen and (max-width: 767px) {
    .menu-bg {
        background-size: contain !important;
        background-repeat: repeat-y !important;
        background-position: center top !important;
    }
}

/* トップページ：メインビジュアル下の余白をなくす */
.home #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.home .l-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* トップページのブログパーツ画像を
   タブレット・スマホでは小さくする */
@media (max-width: 820px) {
  img.wp-image-211 {
    width: 70% !important;
    max-width: 70% !important;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}


/* 下線調整 */
u {
    text-decoration-line: underline !important;
    text-underline-offset: 6px !important;
    text-decoration-thickness: 1px !important;
}