/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* テキストを濃いグレーにする */
body {
  color: #333333;
}

/* パンくずトレイ非表示 */
.breadcrumb-list {
  display: none !important;
}

/* フォントの変更 */

body,
html {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
}

/* フッターのメニューを非表示にする */
.footer-nav {
  display: none !important;
}

/* 各メニューアイテムの調整 */
#global-nav li {
  margin: 0;
}

.global-nav-list > li .global-nav-name {
  font-size: 16px;
}

/* ホバー時のスタイル */
#global-nav a:hover {
  color: #928e9e; /* 薄いグレー */
  transition: color 0.3s ease;
}

/* 詳しく見るボタンのホバー */
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
  background-color: #333 !important; /* 黒に近いグレー */
  color: #fff !important; /* 文字を白に */
  border-color: #333 !important; /* 枠線も背景色に合わせる */
}

/* スライドショーの高さを設定 */
.ltg-slide picture img {
  width: 100%; /* 横幅は親要素いっぱい */
  height: 400px; /* 好きな高さに固定 */
  object-fit: cover; /* はみ出す部分を切り取って中央を表示 */
  display: block;
}

/* 問い合わせフォームの送信ボタンの色変更 */
input[type="submit"] {
  font-size: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: #333333 !important; /* 枠線色は統一 */
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 2em;
  padding-right: 2em;
  background-color: transparent; /* アウトラインスタイルに合わせるなら透明 */
  color: #333333 !important;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

input[type="submit"]:hover {
  background-color: #333333 !important; /* ホバーで背景を濃く */
  color: #fff !important; /* 文字色を白に */
  border-color: #333333 !important;
}

/* 固定ページのヘッダー非表示 */
.page-header {
  display: none !important;
}

.wp-block-buttons .wp-block-button__link {
  border-radius: var(--vk-size-radius);
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  color: #333333; /* 通常時の文字色 */
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  background-color: transparent;
  transition: background-color 0.3s, color 0.3s; /* なめらかな変化 */
}

/* .wp-block-buttons .wp-block-button__link:hover {
  color: #ffffff; /* ホバー時の文字色 */
  background-color: #333333; /* ホバー時の背景色 */
  border-color: #333333; /* ホバー時の枠線色は変わらず */
} */


.wp-block-buttons .wp-block-button__link {
  border-radius: var(--vk-size-radius); /* 角丸 */
  border-width: 1px;
  border-style: solid;
  border-color: #333333; /* 枠線の色 */
  color: #333333;        /* 通常時の文字色 */
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  background-color: transparent; /* 背景透明 */
  text-align: center; /* 中央寄せ */
  transition: background-color 0.3s, color 0.3s; /* ホバー時の変化を滑らかに */
}

.wp-block-buttons .wp-block-button__link:hover {
  color: #ffffff !important;           /* ホバー時の文字色 */
  background-color: #333333; /* ホバー時の背景色 */
  border-color: #333333;     /* 枠線はそのまま */
}

/* toppage送信ボタンを中央揃え */
.wpcf7-form .wpcf7-submit {
    display: block;      /* ブロック化 */
    margin: 0 auto;      /* 左右中央に寄せる */
	transition: background-color 0.3s, color 0.3s; /* ホバー時の変化を滑らかに */
	border-radius:0
}

/* お問い合わせページの送信ボタンを中央揃え */
.cf7-center {
  display: flex;
  justify-content: center; /* 横方向中央寄せ */
}

.cf7-center .wpcf7 {
  width: 100%;        /* フォーム幅を100%に */
  max-width: 800px;   /* 最大幅を設定して見やすく */
}



/* 必須項目テキストを中央揃え */
.required-form {
    text-align: right;
}

/* vk_post_btn 用-作物紹介下層ページのボタン */
a.vk_post_btn {
    color: #333333;           /* 通常時の文字色 */
    background-color: transparent; /* 背景色 */
    border: 1px solid #333333; /* 枠線 */
    padding: 0.6em 1.5em;     /* 上下左右の余白 */
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

a.vk_post_btn:hover {
    color: #ffffff;           /* ホバー時の文字色 */
    background-color: #333333; /* ホバー時の背景色 */
    border-color: #333333;     /* 枠線はそのまま */
}

.container site-footer-content{
/*  	display:none !important;  いらない余白だから消したいのに消えない */
}