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

/* タイトルの改行を防ぐ */
 a.c-headLogo__link {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    max-width: none !important;
    display: inline-block !important;
} */

/* SWELLのグローバルナビゲーション（PC）のメニューリンクの太字＋フォントサイズ */
 https://chatgpt.com/c/67fc6d8c-d514-8001-90f1-d5bc54d1f5f9 */
 .l-header__gnav .c-gnav > .menu-item > a {
  font-weight: bold !important;
  font-size: 18px !important;
}

/* モバイルメニュー（ハンバーガーメニュー展開後）内のリンクに適用 */
/*#sp_menu .c-gnav__list .menu-item > a {
  font-weight: bold !important;
  font-size: 16px !important;
}


/* キャッチフレーズのフォント変更 */
a.c-headLogo__link {
    font-family: 'Arial', sans-serif !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
}

/* キャッチフレーズのフォントを自由に設定 */
.site-description {
    font-family: 'Arial', sans-serif !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #333333 !important;
}

div.l-header__barlnner.l-container {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #333333 !important;
}

.c-catchphrase {
    font-family: 'Arial', sans-serif !important; /* フォントをArialに変更 */
    font-size: 28px !important; /* フォントサイズを18pxに変更 */
    font-weight: bold !important; /* 太字にする */
    color: #FFFFFF !important; /* 文字色を#333（暗めのグレー）に変更 */
	text-transform: none !important;
}
/*  text-transform: uppercase !important; /* すべて大文字にする（必要なら） */

	
.l-header__bar a{
font-size:18px;
}                      


/* アイコンボタン全体のサイズ調整 */
.a2a_kit .a2a_button {
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: left;
  justify-content: left;
}

/* SVGアイコンのサイズ調整（AddToAnyはSVGを使用することが多い） */
.a2a_kit .a2a_svg {
  width: 24px !important;
  height: 24px !important;
  max-width: none;
  max-height: none;
  display: inline-block;
}

/* 万が一画像アイコンが使われている場合の調整 */
.a2a_kit .a2a_button img {
  width: 140% !important;
  height: auto !important;
  max-width: none;
  max-height: none;
  display: inline-block;
}

/* サイトタイトル用クラス（例：.site-title や .logo）を調整 */
.c-headLogo__link {
  display: block; /* 必須 */
  text-align: left !important; /* 左寄せ強制 */
  white-space: nowrap !important; /* 改行させない */
  overflow: visible !important; /* 省略防止 */
  text-overflow: clip !important; /* "…" 省略無効化 */
  font-size: clamp(12px, 1vw, 12px); /* フォントサイズ調整可能 */
/*  width: 100% !important;
  max-width: -200% !important;
  box-sizing: border-box;
  margin: 0;
  padding: -5000000 -500000rem; /* 任意：左右に余白を加える */
}

/*.c-headLogo__link {
  margin-left: 0 !important;
  padding-left: 1rem; /* または 0 */
}

/* ヘッダー全体の Flexbox を左寄せに変更（必要に応じて） */
/*.c-headLogo__link {
  display: flex !important;
  justify-content: flex-start !important; /* 左寄せ */
/*  align-items: center !important;
  text-align: left !important;
}

/* サイトタイトル文字自体の調整 */
/*.c-headLogo__link {
  display: inline-block !important;
  white-space: nowrap !important; /* 改行させない */
/*  overflow: visible !important;
/*  text-overflow: clip !important;
/*  font-size: clamp(18px, 2vw, 18px) !important; /* フォントサイズ調整可能 */
/*  line-height: 1.2 !important;
/*  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* タイトル部分を左寄せのため幅を明示 */
/*.c-headLogo__link {
  width: 100% !important;
  max-width: 100% !important;
}

/* サイトタイトルの外側を左寄せさせる */
/*.l-header__logo {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
}

/* タイトル本体を左寄せ、重なり防止 */
/*.c-headLogo__link {
  display: inline-block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(18px, 2vw, 18px) !important;
  max-width: 100% !important;
  z-index: 10 !important;
  position: relative !important;
}

/* ヘッダーメニューが左に来すぎている場合、右に押し出す */
/*.l-header__gnav {
  margin-left: auto !important;
}

.c-headLogo__link {
  padding-right: 2rem !important;
}

/* ========================
   サイトタイトル表示用 調整CSS
   ======================== */

a.l-header__logo {
  display: flex !important;
  align-items: left !important;
  justify-content: flex-start !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 1rem !important;
  box-sizing: border-box !important;
}

a.c-headLogo__link {
  display: inline-flex !important;
  align-items: left !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;         /* 改行防止 */
  overflow: visible !important;            /* はみ出し非表示 */
  text-overflow: ellipsis !important;     /* 省略記号で表示 */
  font-size: 18px !important;
  line-height: 1.2 !important;
  max-width: none !important;
  padding-left: 1rem !important;
  padding-right: 2rem !important;
  text-align: left !important;
  color: inherit !important;              /* テーマカラーに従う */
  box-sizing: border-box !important;
  text-decoration: none !important;       /* リンク装飾解除（必要であれば） */
}

/* 必要に応じてタイトルのフォントや太さを追加指定できます */

/* サイトタイトルの表示ずれ修正 */
a.c-headLogo__link::before {
  content: none !important;
}

a.c-headLogo__link {
  display: block !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  color: inherit !important;
  font-size: 18px !important;
  white-space: nowrap !important;
}

a.l-header__logo {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: 1rem !important;
}

.l-header__logo {
  display: flex;
  justify-content: flex-start;
  align-items: left;
}

.c-headLogo__link {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
}

/* 2025/06/19 */
.c-headLogo__link {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(18px, 2vw, 18px) !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0.5rem !important;
  margin-left: 0 !important;
}

a.l-header__logo {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: left !important;
  max-width: none !important;
  overflow: visible !important;
  margin-right: auto !important;
}

a.l-header__gnav {
  margin-left: auto !important;
}

.l-header__gnav {
  margin-left: auto !important;  /* グローバルナビを右へ追いやる */
}

.c-headLogo__link {
	overflow: visible !important;
}

	
/* ナビ右寄せ、タイトル左寄せ */
/*
a.l-header__logo {
  margin-right: auto !important;
}

.l-header__gnav {
  margin-left: auto !important;
}














































*/

/* フッターのアイコンサイズ変更 */
/*.l-footer__foot .c-iconList__item a{
font-size:24px;
}

/*
.c-gnav>.menu-item>a .ttl {
font-size: 24px;
color: #006d4d;
font-weight: bold;
letter-spacing: 1.3px;
} */

/* フッターのウィジェット全体を中央揃え */
#text-4 {
    text-align: center;
}

/* タイトル（Shumai.YOKOHAMAΨHòu huì yǒu qī!）を中央揃え */
#text-4 .c-widget__title {
    text-align: center;
    display: block;
}

/* ウィジェット全体を中央に寄せる */
#text-4 .textwidget {
    display: flex;
    justify-content: center;
    font-size: 18px;
	color: #FF0000;
}

/*--------------------------------------
  footerボタン
--------------------------------------*/
#footer-menu .footer-links a {/*footerのリンク*/
    display: inline-block;/*高さと幅を設定できるように*/
    background: #ececec;/*背景色*/
    padding: 5px 13px;/*内側の余白*/
    border-radius: 3px;/*角丸*/
    text-decoration: none;/*下線を削除*/
    margin-bottom: 10px;/*外側の下余白*/
    font-weight: 600;/*文字の太さ*/
    letter-spacing: 2px;/*字と字の距離*/
    font-size: .8em;/*文字サイズ*/
}
#footer-menu .footer-links a:hover {/*マウスホバー時*/
    text-decoration: none;/*文字装飾なし*/
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.24);/*影を追加*/
}

/* Caraのカスタムリンクの基本スタイル */

.nav-cara a {
    font-family: 'Arial', sans-serif !important;
    font-size: 48px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
	text-transform: none !important;
}	
 /* text-transform: uppercase !important;


/* フロントページ（ホーム）のみで異なるスタイルを適用 */
.home .nav-cara a {
    font-size: 48px !important;
	font-weight: bold !important; /* 太字にする */
    color:  #FFFFFF !important; /* オレンジ */
	text-transform: none !important;
}
/*	text-transform: uppercase !important; /* すべて大文字にする（必要なら） */


/* サブメニュー内のCara */
.nav-cara a.sub-menu {
    font-size: 32px !important
    color: #FFFFFF !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.nav-cara.custom-link {
    text-decoration: underline !important;
}


/* フッターメニューのCaraの基本スタイル */
.footer-cara a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのCaraをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-cara a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のCara */
.footer-cara a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-cara.custom-link {
    text-decoration: underline !important;
}

/* @media screen and (max-width: 768px) {
  .line-btn-custom {
      margin-left:  auto !important;
      margin-right: auto !important; 
  }
} */

/* @media screen and (max-width: 768px) {
  .line-btn-custom {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center;
  }
} */


/* @media screen and (max-width: 768px) {
  .line-btn-custom {
    display: block !important;
	margin-left: auto !important;
    margin-right: auto !important;
	margin: 0 auto; /* 要素を水平方向に中央に配置 */
 /* text-align: center;
   }
} */

@media screen and (max-width: 768px) {
  .line-btn-custom-wrapper {
    text-align: center;
  }

  .line-btn-custom {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-block !important;
  }
}


/* .widget .a2a_kit {
  display: flex !important;
  justify-content: center !important;
} */

/* フッターメニューのVRoid Hubの基本スタイル */
.footer-vroidhub a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのVRoid Hubをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-vroidhub a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のVRoid Hub */
.footer-vroidhub a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-vroidhub.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのshumaiFrontPageの基本スタイル */
.footer-shumai a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのshumaiFrontPageをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-shumai a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のshumaiFrontPage */
.footer-shumai a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-shumai.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのXの基本スタイル */
.footer-x a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのXをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-x a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のX */
.footer-x a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-x.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのYoutubeの基本スタイル */
.footer-youtube a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのYoutubeをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-youtube a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のYoutube */
.footer-youtube a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-youtube.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのTikTokの基本スタイル */
.footer-tiktok a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのTikTokをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-tiktok a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のTikTok */
.footer-tiktok a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-tiktok.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのThreadsの基本スタイル */
.footer-threads a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのThreadsをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-threads a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のThreads */
.footer-threads a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}

/* すべてのカスタムリンクを対象とするスタイル */
.footer-threads.custom-link {
    text-decoration: underline !important;
}

/* フッターメニューのFacebookの基本スタイル */
.footer-facebook a {
    font-family: 'Arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important; 
	text-transform: none !important;
}    
/* text-transform: uppercase !important;


/* フッターのFacebookをフロントページ（ホーム）だけ別のスタイルに */
.home .footer-facebook a {
    font-size: 16px !important;
    color: #660066
		!important; /* グリーン */
}

/* フッターのサブメニュー内のFacebook */
.footer-facebook a.sub-menu {
    font-size: 16px !important;
    color: #00FF00 !important; /* グリーン */
}




/* AddToAny のフォローボタンを横並びに */
.a2a_kit {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; /* ボタンの間隔を調整 */
  flex-wrap: nowrap;
}

/* 各フォローボタンの調整（必要であれば） */
.a2a_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}