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


/* 投稿画像上の分類（NEWS）非表示 */
.c-postThumb__cat {
    display: none;
}

/* 投稿リストブロックのカード型とサムネイル型を4列表示にする */
@media (min-width: 960px) {
  .-col4 .-type-card.-pc-col3 .p-postList__item, .-col4 .-type-thumb.-pc-col3 .p-postList__item{
    width: calc(100% / 4);
  }
}

/* モバイル表示時の投稿を2列にする */
@media (max-width: 768px) {
  .-col4 .-type-card.-pc-col3 .p-postList__item, .-col4 .-type-thumb.-pc-col3 .p-postList__item{
    width: calc(100% / 2);
  }
}
/* 投稿画像の影を消す */
.p-articleThumb__img {
    box-shadow: none !important;
}

/* アンカーリンクの色とアンダーバーを反映させない設定 */
a {
    color: inherit; /* リンクの色を通常のテキスト色に合わせる */
    text-decoration: none; /* アンダーバー（下線）を削除 */
}

/* ホバー時のスタイルも消したい場合 */
a:hover {
    color: inherit;
    text-decoration: none;
}
/* 特定のクラス「.no-style-link」にだけスタイルを適用 */
a.no-style-link {
    color: inherit;
    text-decoration: none;
}

/* タイトルの色、フォントサイズを変更 */
.p-postList .p-postList__title {
	font-family: '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 14px;         /* フォントサイズ */
}

.c-gnav>.menu-item {
	font-family: '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 14px;         /* フォントサイズ */
}

/* 公開日の色と位置 */
.c-postTimes__posted {
 	font-family: '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
　　color: #777777;          /* テキストカラー */
    font-size: 10px;         /* フォントサイズ */
    margin-top: 5px;         /* 上にスペース */
    display: block;          /* ブロック要素にすることで余白調整 */
}

/* グローバルメニューの書体、フォントサイズを変更 */
#header #gnav .menu-item .ttl  {
	font-family:ont-family: "HCo Gotham", sans-serif;
    font-size: 0.9rem; /* フォントサイズを指定 */
		   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    font-feature-settings: "pkna";
	
}

.c-gnav>.menu-item {
	font-family:ont-family: "HCo Gotham", sans-serif;
  letter-spacing: 0.1em; /* 字間を指定 */
	   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    font-feature-settings: "pkna";
}
	



/**** ハンバガーメニューのカスタマイズ*****/

/*メニューの内容を消す*/
.p-spMenu__nav{
	display:none;
}
/*メニューのタイトルを消す*/
.c-widget__title.-spmenu{
  display:none;
}

/* リンクリストメニュー余白 */
.p-spMenu__body .swell-block-linkList {
	gap: 2em;
}

/* リンクリストメニュー中央寄せ */
.p-spMenu__body .swell-block-linkList__text {
	margin-inline: auto;
}

.p-spMenu__body .swell-block-linkList  {
	font-family: "HCo Gotham", sans-serif;
    font-size: 1.3rem; /* フォントサイズを指定 */
  letter-spacing: 0.1em; /* 字間を指定 */
	   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    font-feature-settings: "pkna";
}

/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: rgba(255 255 255 / .7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* スマホの時に見出しタイトル縮小 */
@media (max-width: 768px) {
  #news img, #about img, #ryouri img,  #menu img,  #takeout img, #info img, #insta img  {
    width: auto !important;
    height: 35px !important;
  }
}

/* 背景画像パターン */
#about-block {
    background-image: url('https://test-shenlong.kosael.com/wp-content/uploads/2024/12/sl_background01.jpg');
    background-repeat: repeat;
    background-size: auto;
}
#menu-block {
    background-image: url('https://test-shenlong.kosael.com/wp-content/uploads/2024/12/sl_background03.jpg');
    background-repeat: repeat;
    background-size: auto;
}
#takeout-block {
    background-image: url('https://test-shenlong.kosael.com/wp-content/uploads/2024/12/sl_background02.jpg');
    background-repeat: repeat;
    background-size: auto;
}