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

/************************************
** サイト全体
************************************/

/* Google Fontsを読み込む */
/*
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lora:wght@400;700&display=swap');
*/


/* 全体のフォントを指定 */
body {
 /* background-color: #F7F3EF; /* 背景：生成り */
  color: #3B3B3B; /* 文字色：やや濃いグレー */
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  line-height: 1.8;
}


h1 {
  font-family: "Quicksand", "Yu Mincho", "Noto Serif JP", serif!important;
  font-size: 3rem!important;
  font-weight: 600!important;
  margin: 40px 0 20px!important;
  line-height: 1.4!important;
}


/* 見出し（h1〜h3）はQuicksandでナチュラルに */
h2, h3 {
  font-family:"Quicksand", "Yu Mincho", "Noto Serif JP", serif!important;
}



/* リンクカラーの上書き */
a {
  color: #A67C52 ;
}
a:hover {
  color: #C96A4D !important;
}


/* メインボタン（Lightning独自ボタン含む） */
.btn,
.vk_btn,
.wp-block-button__link {
  background-color: #A67C52 !important;
  color: #fff !important;
  border-radius: 6px;
  padding: 0.7em 1.4em;
  font-size: 1rem;
}
.btn:hover,
.vk_btn:hover,
.wp-block-button__link:hover {
  background-color: #C96A4D !important;
  color: #fff !important;
}

/* メニュー項目 hover */
.gMenu_item a:hover {
  color:#FFF !important;
}


/* フォーム送信ボタン */
input[type="submit"],
button {
  background-color: #A67C52 !important;
  color: #fff !important;
  border: none;
}
input[type="submit"]:hover,
button:hover {
  background-color: #C96A4D !important;
}

/* サイドバーやウィジェットの見出し装飾 */
.widgettitle,
h2.widget-title {
  border-left: 4px solid #A67C52 !important;
  padding-left: 0.5em;
  color: #3B3B3B;
}



 .site-body,.siteContent{
    padding: 0!important;
}

/*ページヘッダー*/
.page-header{
  display: none;
}

/*見出しに小さい文字を挿入*/
.small-text{
  font-size:0.5em!important;
 

}


.site-header-logo{
font-size: 3em;
font-weight: 600 ;
    margin: 40px 0 20px ;
    line-height: 1.4;
}

 

/************************************
  ** TOPページ
  ************************************/

.service-menu:hover{
  transition: cubic-bezier(1px);
}


/************************************
  ** ヘッダーナビ
  ************************************/

.site-header {
  background-color: transparent !important;
  position: absolute;
top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: none;
}

/* 全ページ／もしくは特定ページでヘッダー背景を強制黒に */
.header_scrolled.admin-bar .site-header,
.header_scrolled .site-header {
  background-color: #15222b !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}
 /* 
   .header_scrolled.admin-bar .site-header {
    background-color: #15222b !important;
} 
 */
/* .site-header a{
  color: #FFF!important;
} */


/* 1313「以外」のページだけ白にする */
body:not(.page-id-1313) .site-header a {
    color: #FFF !important;
}


/*モバイルサイズは非表示*/
@media (max-width: 1092px) {
.site-header a{
  display: none!important;
}
}
/************************************
  ** BODY
  ************************************/
 /*せり上がり防止 

  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
 */


/*パンくずリスト*/
.breadcrumb-list {
  display: none;
}

/* ========================
   ボディコンテンツ幅を広げる
=========================== */
@media (min-width: 1200px) {
.site-body-container.container {
 max-width: 1400px; 
  width: 100%;

}}


/* ========================
   カバーコンテンツ幅を広げる
=========================== */



@media (min-width: 1400px) {
:root{ --vk-width-container : 1400px; }
.container { max-width: 1400px; }
}


/************************************
  ** Google Map
  ************************************/


/* Google Mapを全幅に */
.map-wrapper {
  width: 100vw; /* ビューポート幅に固定 */
  margin-left: calc(-50vw + 50%); /* 親コンテナの中央寄せを打ち消す */
  position: relative;
  overflow: hidden;
}



/* Mapのiframeはレスポンシブ対応 */
.map-wrapper iframe {
  display: block;
  width: 100%;
  height: 60vh; /* 高さは画面の60% */
  min-height: 300px; /* 最低高さを指定 */
  border: none;
  margin-bottom: 0;
}

/* スマホサイズ用（画面が狭いとき高さ調整） */
@media (max-width: 768px) {
  .map-wrapper iframe {
    height: 40vh; /* モバイルは少し低めに */
  }
}



/************************************
  ** フッター
  ************************************/
  footer .container.site-footer-copyright p:nth-child(2) {
    display:none !important;
    }

   .site-footer{
    background-color: #15222b;
    color: #fff;
   }

   .footer-nav{
    background-color: rgb(21, 34, 43);
   }

   .container .site-footer-content{
    background-color: #15222b;
    color: #fff!important;
   }

 .site-body-bottom{
  background-color: #15222b;
 
 }
 .site-body-bottom a{
   color: #FFF;
 }

 .site-footer-content a{
  font-size:medium;
 }


/************************************
  ** ContactForm7
  ************************************/

/*必須項目*/
 .required {
font-size: 0.8em;
padding: 3px;
background: #cc0000;
color: #ffffff;
border-radius: 2px;
margin-right: 10px;
margin-bottom: 2px;
display: inline-block;
}


/*エラーメッセージ*/
.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: #cc0000;
font-weight: bold;
}

/*チェックボックス／ラジオボタンを縦に表示する*/
span.wpcf7-list-item 
{display: block;}


/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 80%;
    margin: 0 auto;
   background-color: #f5f5f5;
}

/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
   padding: 1.5em 1.5em 0 1.5em;
}


/*th（項目欄）はテキストを左寄せ*/
.table-res-form th {
width: 30%;
text-align: left;
margin: 0 0 0 10px;
}

.table-res-form td {
  width: 60%;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }

}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    padding: 0.3em;
    border-radius: 3px;
    margin-bottom: 0.3em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}


/* 年齢・日時入力欄の横幅を狭くする */
.wpcf7 input[name="age"]
{
    width: 120px;
    max-width: 100%;
}

.wpcf7 input[type="date"]{
 width: 160px;
    max-width: 100%;

}

.wpcf7 select[name="menu-time"],
.wpcf7 select[name="menu-time3"] {
    width: 250px; 
}


/* WellnessHotelページ */

.page-id-446,.page-id-1189 {
  background-color: #f7f3ef;
}

.page-id-446 .navbar-brand a,
.page-id-446 .site-logo a,
.page-id-446 .site-header-logo a,
.page-id-446 .site-header .navbar-brand, 
.page-id-446 .global-nav-list>li .global-nav-name,
.page-id-1189 .navbar-brand a,
.page-id-1189 .site-logo a,
.page-id-1189 .site-header-logo a,
.page-id-1189 .site-header .navbar-brand, 
.page-id-1189 .global-nav-list>li .global-nav-name
{
  color: #15222b!important;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
}
/*
Theme Name: Lightning Child
Template: lightning


@import url("../lightning/style.css");
*/


    .small-video {
  max-width: 500px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* トリミングページ・スタッフ紹介ページ（日本語対応フォントに変更） */
body.page-id-1452 *,
body.page-id-1606 * {
  font-family:
    "Noto Sans JP",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    sans-serif !important;
}
/* トリミングページ・スタッフ紹介ページ（日本語対応フォントに変更） */
body.page-id-1452 *,
body.page-id-1606 * {
  font-family:
    "Noto Sans JP",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    sans-serif !important;
}


/* Google Fonts 読み込みを<head>に追加
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
*/

.dogberry-logo {
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}

/* 上段（SALON & GOODS） */
.dogberry-logo .sub {
  display: block;
  font-weight: 600;
  font-size: clamp(0.7rem, 1vw, 1.1rem); /* スマホ～PCで自然に拡縮 */
  letter-spacing: 0.15em;
  margin-bottom: -0.35em; /* Dog Berryに密着させる */
}

/* 下段（Dog Berry） */
.dogberry-logo .main {
  display: block;
  font-weight: 700;
  font-size: clamp(2rem, 5vw, 5rem); /* レスポンシブ対応 */
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 0;
}