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


/* 以下がCSSの記述 */

/* ----------パソコン版---------- */

/* ヘッダーを透明にする */
/* @media (min-width: 1200px) {
.siteHeader {
    width: 100%;
    position: relative;
    z-index: 1000;
    top: 0;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
    min-height: 46px;
    border: none;
}

div#top__fullcarousel {
    position: absolute;
    top: 0;
}

.home .section.siteContent {
   
    padding-top: 450px;
}
	.fixed-bg-pc-img{
		position:absolute;
		width:100%;
		top:-175px;
	}
	
	.top-contents{
		padding-top:450px;
	}
	
	
	
	} */

/*----- 全ページ共通 -----*/

/*  フォントの大きさ*/

body, html,p,table {
        font-size: 18px;
    }


/* 改行 brの調整 */
.sp-br{
	display:none;
}


/* ----- ヘッダー ----- */

/* ヘッダーの高さの調整 */
.siteHeader .container {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 1200px) {
.siteHeader .container {
	padding-left:100px;
	padding-right:100px;
}
	}

/*  ヘッダーの北摂ドッグスクールの文字の大きさ調整*/

.siteHeader_logo {  
    font-size: 24px;
	
}

	 .siteHeader_logo span {
    vertical-align: middle;
	padding-left:5px;
}

@media (max-width: 991.98px) {
    .siteHeader_logo {
        font-size: 1.2rem;
		padding:0 30px;
    }
	

}

/* ロゴの挿入 */
.siteHeader_logo::before {
    content: '';
    display: inline-block;
    width: 75px;
    height: 75px;
    background-image: url(https://mizutani.main.jp/dogschhol/wp-content/uploads/2025/06/logo.png);
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .siteHeader_logo::before  {
        width: 50px;
        height: 50px;
    }
}

/* ロゴの大きさ調整 */

.siteHeader_logo img {
    max-height: 100px;
}

/* ヘッダーナビゲーションのパソコン版位置上下調整 */

@media (min-width: 1200px) {

	.gMenu_outer {
    min-height: 5em;
}
}
/* ナビゲーションの文字の大きさの調整 */
.gMenu>li .gMenu_name {
    font-size: 16px;
    
}

/* 固定ページのヘッダーの設定 */

.page-header {
		background-repeat:no-repeat;
		background-position:center;
    background-size: cover;
    height: 60vh;
    display: flex;
    align-items: center;
}

/*  ハンバーガーメニューの見た目調整*/

div#vk-mobile-nav-menu-btn {
    border: none;
	
}

/* ハンバーガーメニューのプルダウンの矢印の表示の調整	 */
	.vk-menu-acc .acc-btn {
    border: none;
  
}


/* ----- フッター ----- */

/* フッターのライトニング表記を消す */

footer .copySection p:nth-child(2) {
    display:none !important;
}

/* フッターの調整 */

.siteFooter .widget p {
    font-size: 16px;
}

.siteFooter{
	display:flex;
}

.siteFooter .row {
    display: block;
}

.siteFooter .col-md-4 {
    max-width: 100%;
}

.container.sectionBox.footerWidget {
    text-align: center;
}

.siteFooter a:where(:not(:is(.btn,.wp-block-button__link))) {
    text-decoration: none;
}

.copySection p {
    font-size: 14px;
    margin: 0 15px 5px;
}

/* トップへ戻るのボタンの見た目調整 */
.page_top_btn {
  
    width: 50px;
    height: 50px;
  
    border-radius: 50%;
   
    background: #64C6EE;
box-shadow: none;
    background-image: var(--ver_page_top_button_url);
  background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}


/* フッター上のナビゲーションの位置調整 */

@media (min-width: 1200px) {
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 100px;
    }
}

/* @media (min-width: 768px) {
.siteFooter .col-md-4 {
   
    display: flex;
}
	aside#block-12 {
    padding-left: 50px;
}
} */

.section.sectionBox.siteContent_after {
    padding-bottom: 0;
}

/* ----------固定ページ・共通---------- */

/* 固定ページの幅と高さの設定 */

.container, .container-lg, .container-md, .container-sm {
    max-width: 100%;
}



.siteContent {
    padding: 0 0 3.5rem;
}

div#main {
    padding: 0;
}

/* 固定ページタイトルに影つける */

h2.fixed-title{
			text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}

p.has-text-align-center.fixed-sub-title{
		text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}

/* 固定ページのトップイメージの切り替え */
.fixed-bg-sp-img{
	display:none;
}

/* -----個別ページ----- */

/*  -----お問い合わせページ----- */

/* フォームの幅の調整 */

.contact-box table{
	max-width:1200px;
	margin:0 auto;
}

/*  項目のタイトルの位置調整*/

.contact-box th{
	vertical-align:top;
	width:240px;
}

/* デフォルトで入っていた枠線を消す */

.contact-box table,.contact-box th,.contact-box td{
	border:none;
}

/* 必須の文字の調整 */

.contact-box span.required{
	    font-size: 12px;
    margin-left: 10px;
    color: #ff0000;
}

/* ご希望連絡時間の＊の文章下の余白 */

.contact-box .hope-time-text{
	display:inline-block;
	margin-bottom:5px;
}

/* 送信を確認するボタンの中央揃え */
.contact-box .submit{
	text-align:center;
}

.wpcf7-spinner{
	display:none;
}

/*  郵便番号自動入力のガイダンス消去*/

#autozip {
   display: none !important;
}


.submit-previous{
	display:flex;
	justify-content:center;
	gap:40px;
	margin-top:50px;
}

.contact-box-confirm th{
	width:200px;
}

/* 月齢の幅の調整 */
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
	width: 100px;
    width: 100px;
    display: inline-block;
    margin-right: 10px;
}

/* プライバシーポリシー */



/* ギャラリーのループスライド */
.stk-slide-gallery {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 0;
  padding: 0 !important;
}

.stk-slide-gallery .wp-block-gallery {
  flex-wrap: nowrap;
  animation: loop-slide 30s infinite linear 1s both;
}

.stk-slide-gallery .wp-block-image {
  width: 240px !important;
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}




/* -----------メディアクエリ　768px ------------*/

@media (max-width: 768px){
/* 改行 brの調整	 */
.sp-br {
    display: block;
}
	
	.pc-br{
		display:none;
	}
	

	
/* トップの戻るボタンの非表示 */
	
	.scrolled .page_top_btn {
  
    display: none;
}

	
/*----- ヘッダー -----*/
	
	
/* -----フッター -----*/
.siteFooter {
    display: block;
}
.container.sectionBox.footerWidget {
    text-align: center;
    padding-bottom: 0;
}
.container.sectionBox.copySection.text-center {
    padding-top: 0;
}
	
	.container.sectionBox.copySection.text-center p {
    font-size: 12px;
}
	
/* 固定ページのトップイメージの切り替え */	
.fixed-bg-pc-img{
	display:none;
}
.fixed-bg-sp-img{
	display:block;
}
/* タブレット・スマホ版：ウィジェットの非表示 */	
aside#block-8 {
    display: none;
}	
	
/* -----FAQページ----- */
	
	.faq-text h2{
		font-size:6.5vw;
	}
	
	.faq-title-text{
		font-size:6vw;
	}
	
	.faq-q-text{
		font-size:5vw;
	}
	
/*  -----お問い合わせページ----- */
	
.contact-box th,.contact-box td{
	display:block;
	width:100%;
	max-width:100%;
	padding-top:0;
	padding-bottom:0;
}
	.contact-box td{
	
	padding-bottom:30px;
}
	
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control,input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email.form-control,input#addr,input#zip,textarea.wpcf7-form-control.wpcf7-textarea.form-control,input.wpcf7-form-control.wpcf7-text.form-control {
    max-width: 100%;
}
	
	.contact-text{
		text-align:left;
	}
	
	.submit input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary{
		  height:40px;
		border-radius: 5px;
		font-size:16px;
	}
	
	.contact-box-confirm input.wpcf7-form-control.wpcf7-previous {
     height:40px;
    width: 100px;
		border-radius: 5px;
		font-size:16px;
}
	
	.contact-box-confirm  input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary {
    width: 100px;
    height:40px;
		border-radius: 5px
			font-size:16px;
}
	
	.contact-headding{
		font-size:6.5vw;
	}
	
	.contact-thanks-box p,.contact-confirm-box p{
		text-align:left;
		padding:0 1rem;
	}
	
/*------ 個別ページ ------*/
	/* トップページ */
	
	
/* 文字の大きさの調整 */

.top-page-about h3 {
    
    text-align: center;
		margin-bottom:10px;
		font-size:6vw;
	  text-align: center;
}
	.top-page-column h3{
		font-size:6vw;
		text-align: center;
	}
	
	.top-page-contact h3{
		font-size:5.5vw;
	}
	
		.top-page-faq h3{
		font-size:6vw;
		
	}
	
/* 	 トップページの左右の余白の設定*/
	.col.mainSection.mainSection-col-one {
    padding: 0;
}
	
/* 動物取扱業のタイトルの大きさ調整 */
	.animal-handling-title{
		font-size:8vw;
	}
	
/* プライバシーポリシーのタイトルの大きさの調整	 */
	.privacy-policy-title{
		font-size:8vw;
	}
	
	
	/* ギャラリーのモバイル画面で表示サイズを変更 */
	  .stk-slide-gallery .wp-block-image {
    width: 125px !important;
  }

	
}


	









/* -----------メディアクエリ　480px ------------*/



@media (max-width: 480px) {
	
	
	
/* ヘッダーを固定 */	
.siteHeader .container {
     position: fixed;
    background-color: inherit;
    top: 0;
    left: 0;
}
	
/* 固定ページのヘッダーの設定 */	
.section.page-header {
    height: 45vh;
}	
	
/*  スマホ版：固定ページのヘッダーの文字の大きさ */	
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    margin: 1.2em 0;
    font-size: 4vw;
    line-height: 1.1;
    letter-spacing: 2px;
}
	
 .page-header_pageTitle, h1.page-header_pageTitle:first-child {
        font-size: 12vw;
    }
	
/* 固定ページのタイトルの大きさ	 */
	
 
	.fixed-title{
		font-size:12vw;
		
		}
		
/* 固定ページのサブタイトルの大きさと調整	 */


p.has-text-align-center.fixed-sub-title {
    margin-top: 5px;
}
	
/* -----個別ページ----- */
	
/* 当スクールについて */
	
/*  自己紹介文章の左右の余白の調整	 */

.wp-block-media-text>.wp-block-media-text__content {
   
    padding: 0;
   
}


	
	
}