/* ==========================
   TOP NEWS欄
========================== */ 

.postList {
	padding-left: 0;
	margin-left: 0;
	list-style: none; 
}

.postList li {
	display: flex !important;
	align-items: center; 
	gap: 12px; 
}

.postList_date::before {
	display: inline-block;	
} 

.postList_terms {
	display: inline-block;
	width: 80px; 
} 

.postList_title {
	display: inline-block;
	flex: 1; 
} 

.postList_title a {
	display: inline; 
} 

/* ==========================
   ヘッダーメニュー
========================== */


/* ロゴ */

.site-header-logo img {
	height: 100px !important;
	width: auto !important;
	max-width: none !important; 
} 

/* メニューアイコン */

.global-nav img {
	height: 28px;
	width: auto !important;
	max-width: none !important;
	object-fit: contain;
} 

/* メニュー文字 */

.global-nav li a {
	
	/* フォント */
	
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 800;
	
	/* 文字サイズ */
	
	font-size: 20px;
	letter-spacing: 0.05em;
}

/* メニュー位置 */
/* メニュー全体を少し左へ寄せる */
.global-nav {
	float: none !important;
	margin-left: -30px; 
}

/* メニューのホバーエフェクト */

.global-nav li a:hover {
	opacity: 0.7; 
}

/* ヘッダーコンテナの余白 */

.site-header-container {
	padding-top: 0;
	padding-bottom: 0;
}

/* ==========================
   ヘッダーの高さ（通常時・スクロール時）
========================== */

/* 通常時 */

body:not(.header_scrolled) .site-header {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* スクロール時 */

body.header_scrolled .site-header {
	padding-top: 10px;
	padding-bottom: 10px; 
} 


/* ==========================
   PCメニューの区切り線
========================== */

#global-nav ul li {
	position: relative; 
}

#global-nav ul li a {
	padding: 0 20px; 
} 

#global-nav ul li + li a::before {
	content: "";
	position: absolute;
	
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	
	width: 1px;
	height: 60px;
	
	background: #ddd; 
}

/* ==========================
   ハンバーガーメニュー（スマホ・タブレット）
========================== */


/* ハンバーガーボタンを少し下へ */

.vk-mobile-nav-menu-btn {	
    margin-top: 11px;
}

@media (max-width: 1024px){

  /* 文字とアイコンの間隔 */
	
  .menu-image-title{
      margin-top: -12px !important;
  }

  /* メニュー本体 */
	
  .vk-mobile-nav{
      width: 50vw !important;
      background-color: #f4f0e6 !important;
  }

  .vk-mobile-nav,
  .vk-mobile-nav nav,
  .vk-mobile-nav ul{
      height: auto !important;
      min-height: 0 !important;
      padding-bottom: 15px !important;
      margin-bottom: 0 !important;
  }

}

/* ==========================
   タブレット用ヘッダー調整
========================== */

@media (min-width:768px) and (max-width:1180px){

	/* メニュー文字 */
	
  .global-nav li a{
      font-size: 10px !important;
      padding: 0 8px !important;
    }

	/* メニュー画像 */
	
  .global-nav img{
      height: 20px !important;
    }

	/* アイコン＋文字を縦並び */
	
  .global-nav-name{
      display: flex !important;
      flex-direction: column;
      align-items: center;
    }

	/* アイコンと文字の間隔 */
	
  .menu-image-title{
      margin-top: 0 !important;
    }	
	
	/* ロゴサイズ */
	
  .site-header-logo img{
      height: 65px !important;
    }

	/* 区切り線の高さ */
	
  #global-nav ul li + li a::before{
      height: 32px;
    }

}

/* ==========================
   スマホ用スライドタイトル
========================== */

@media (max-width: 767px) {

  .ltg-slide-text-title {
    font-size: 32px !important;
  }

}

/* ==========================
   見出し装飾
========================== */


/* 植物マーク */

.section-title::before {
  content: "🌿";
  margin-right: 8px;
  color: #6aa84f;
}

/* ==========================
   ホバーエフェクト
========================== */


/* 検索ボタン */

.searchandfilter input[type="submit"]:hover,
.wp-block-search__button:hover {
    opacity: 0.7 !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    transform: translateY(-1px);
}

/* キーワード入力欄 */
/* 枠線を緑に */

.searchandfilter input[type="text"]:hover,
.wp-block-search__input:hover {
    opacity: 0.8 !important;
    border-color: #6aa84f !important; 
    transition: 0.3s !important;
}

/* 症状のプルダウン */

.searchandfilter select:hover,
.wp-block-categories-dropdown select:hover {
    opacity: 0.8 !important;
    cursor: pointer !important;
    border-color: #6aa84f !important;
    transition: 0.3s !important;
}

/* 画像ホバー */

/* WordPress画像ブロック・Elementor画像用 */

a .wp-block-image img,
.wp-block-image a img,
.elementor-image a img,
.wp-block-image img {
    transition: all 0.3s ease !important;
}

/* ホバー時の動き：透明度を下げて上に少し浮かせる */

a:hover .wp-block-image img,
.wp-block-image a:hover img,
.elementor-image a:hover img,
.wp-block-image img:hover {
    opacity: 0.6 !important;
    transform: translateY(-1px) !important;
}

/* バナーホバー */

/* 「知る・学ぶ」バナー用（hover-itemクラス） */

.hover-item {
    transition: all 0.3s ease-in-out !important;
}

.hover-item:hover {
    opacity: 0.7 !important;
    transform: translateY(-5px) !important;
    cursor: pointer;
}

/* バナー内の画像も連動して透過させる */

.hover-item:hover img {
    opacity: 0.8 !important;
}

/* ==========================
   お悩み検索（PC・タブレット）
========================== */

@media (min-width:768px){

  .searchandfilter ul{
      display: flex !important;
      align-items: stretch !important;
      gap:12px;
  }

  .searchandfilter li{
      flex: 1;
      margin: 0 !important;
  }

  .searchandfilter li:last-child{
    flex: 1;

    /* 検索ボタンを入力欄の高さに合わせて少し下へ移動 */
		
    margin-top: 72px !important;
}

  .searchandfilter input[type="text"],
  .searchandfilter select,
  .searchandfilter input[type="submit"]{
      height: 46px !important;
      box-sizing: border-box;
  }

  .searchandfilter input[type="submit"]{
      width: 100%;
      height: auto !important;
  }

}


/* ==========================
   お悩み検索（スマホ）
========================== */

@media (max-width: 767px){

  .searchandfilter ul{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
  }

  /* キーワード */
	
  .searchandfilter li:nth-child(1){
    width:calc(50% - 5px);
  }

  /* 症状 */
	
  .searchandfilter li:nth-child(2){
    width:calc(50% - 5px);
  }

  /* 検索ボタン */
	
  .searchandfilter li:last-child{
    width: 100%;
  }

  .searchandfilter input[type="submit"]{
    width: 100%;
  }

}

/* スマホ版 お悩み検索ボタンを上に詰める */

@media (max-width: 767px) {

  .searchandfilter li:last-child {
    margin-top: -8px !important;
  }

}

/* ==========================
   サイドバー検索
========================== */


/* サイドバー検索窓 */

.widget_search input[type="search"]{
    background-color: #fff !important;
}

/* スマホ */
@media (max-width: 767px){

  .widget_search{
      padding-left: 19px;
      padding-right: 19px;
  }

}

/* ==========================
   フッター共通
========================== */


/* 背景色をベージュに変更 */

#site-footer, 
.site-footer, 
footer.siteFooter, 
.siteFooter {
    background-color: #f4f0e6 !important;
    background-image: none !important;
}

/* 文字色（リンク含む）変更 */

#site-footer, 
#site-footer a, 
.siteFooter, 
.siteFooter a, 
.siteFooter_copyright {
    color: #3c4043 !important;
}

/* SNS画像を角丸にする */

.site-footer img{
    border-radius: 12px;
}

/* ==========================
   フッターSNSアイコン
========================== */

/* アイコンを横並び */

.footer-nav ul{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
	
    padding: 0 !important;
    margin: 0 auto !important;
}

.footer-nav li{
    margin: 0 !important;
    padding: 0 !important;
}

/* 枠線を消す */

.footer-nav li,
.footer-nav a{
    border: none !important;
}

.footer-nav a::before,
.footer-nav a::after,
.footer-nav li::before,
.footer-nav li::after{
    content: none !important;
    display: none !important;
}

/* ==========================
   フッターメニュー
========================== */


/* スマホ版メニュー */

@media (max-width: 767px){

  .site-footer .widget_nav_menu ul{
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 12px !important;
		
		  padding: 0 !important;
      margin: 20px auto !important;
		
  }

  .site-footer .widget_nav_menu li{
      width: 100%;
      text-align: center;
  }

 }


/* PC・タブレット版メニュー */

@media (min-width: 768px){
  
	/* ウィジェットを1カラム化 */
	
  .site-footer-content .col-lg-4,
  .site-footer-content .col-md-6{
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }

  /* 空のウィジェットを非表示 */
	
  .site-footer-content .col-lg-4:empty,
  .site-footer-content .col-md-6:empty{
      display: none !important;
  }

  /* メニュー中央寄せ */
	
  .site-footer-content .widget_nav_menu{
      text-align: center;
  }

  .site-footer-content .widget_nav_menu ul{
      display: flex !important;
      justify-content: center !important;
      flex-wrap: nowrap !important;
		
      gap: 30px;
		  padding: 0;
      margin: 20px auto;

  }

  .site-footer-content .widget_nav_menu li{
      white-space: nowrap;
      margin: 0;
  }

}

/* ==========================
   フッター余白
========================== */


/* SNSアイコンとテキストリンクの間を詰める */

.site-footer-content{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ==========================
   コピーライト（表示・デザイン）
========================== */


/* Lightning標準のクレジットを強制非表示 */

.siteFooter_copyright p:last-child,
.site-footer-copyright p:last-child,
footer .copySection p:nth-child(2) {
    display: none !important;
}

/* Lightning標準のコピーライトを非表示 */

.siteFooter_copyright, 
.site-footer-copyright {
    color: transparent !important;
    font-size: 0 !important;
    text-align: center !important;	
}

/* オリジナルのコピーライトを表示 */

.siteFooter_copyright::before,
.site-footer-copyright::before {
    content: "Copyright © 2026 NORICA STYLE Co.,Ltd.";
    color: #3c4043 !important;
    font-size: 14px !important;
    display: block;
    text-align: center !important;
    width: 100%;
}

/* コピーライト位置調整 */

.siteFooter_copyright,
.site-footer-copyright{
    margin-top: 12px !important;
}