/*
フッターからベクトル情報を削除
*/
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/*　//////////////////////////////////////////////////////////////　*/

body {
	color: #f3f3f3;
	background: #131313;

}

a{
	color: #f3f3f3;	
}

a:hover{
	color: #f3f3f3;	
}

.ns_white_back{
	color: #131313;
	background: #f3f3f3;
}





/* PCでの文字サイズ */
body, html {
    font-size: 17px ;
}

@media (max-width: 575.98px) {
	/* モバイルでの文字サイズ */
	body, html {
	    font-size: 17px;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	/* タブレットでの文字サイズ */
	body, html {
	    font-size: 17px;
	}
}



/*　//////////////////////////////////////////////////////////////　*/
/*TOPページ以外で、ライトニングがつけてくるヘッダーを消す*/
/* 共通ページヘッダーを非表示 */

.page-header { 
	/*display:none;*/
	background-color: transparent;
	background-image: url(https://mizudeppo.com/wp-content/uploads/2025/12/308883241.jpg);
	background-size:100% auto ;
	background-position: 50%  50%;
	background-repeat: no-repeat;
	/*background-size: cover;*/
 }


.page-header::before{
 	/* 透過した黒を上から重ねるイメージ */
	/*background-color: 131313;*/
  	opacity: 0.05;
	/* 自由に位置指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

h1.page-header-title{
	font-weight: normal;
	font-size: 50px;
}

/* パンくずリストを非表示 */
.breadcrumb {
	display: none;
}


/*　//////////////////////////////////////////////////////////////　*/
/* サイト共通のグローバルヘッダーの文字色 */
.global-nav-list>li .global-nav-name {
	color:#f3f3f3; 		/* 少し灰色系の白 */
}

.site-header {
	/* background: #131313; */
}

.site-header-logo {
color:#f3f3f3; 		/* 少し灰色系の白 */
}

.site-header-logo a{
color:#f3f3f3; 		/* 少し灰色系の白 */
}

/*　//////////////////////////////////////////////////////////////　*/
/*　サイト共通のフッター関連　*/


.site-footer{
	background: #131313; /*紺色*/
	color: #f3f3f3;/*若干グレー気味の白*/
	border:none;
}

.site-footer a {
	color:#f3f3f3;
}











/*　//////////////////////////////////////////////////////////////　*/
/* 特定ページのスタイル設定　TOPページ
/*　//////////////////////////////////////////////////////////////　*/

.page-id-11 .page-header  { 
	/*指定ページのみヘッダーを消す*/
	display:none;
 }

/* 指定ページ（TOPページ）のグローバルメニューをメイン画像の上に乗せる */

#site-header {
    background-color: rgba(255,255,255,0.0);
	box-shadow:none;
}

.header_scrolled #site-header {
    background-color: rgba(255,255,255,0.0);
	box-shadow:none;
}

.page-id-00:not(.header_scrolled) #site-header {
    position: absolute;
}

.page-id-00 .page-header {
    min-height: min(360px, 50vw);
    padding-top: 80px;
}

/* スクロールしてグローバルナビがページ上部に固定表示されるタイミングでカックンとなることを防ぐ。 */
.page-id-00 .page-header {
    margin-top: 0 !important;
}




/*　//////////////////////////////////////////////////////////////　*/


/*
スマフォ時にFLEX順序を逆転
ブロックの追加CSSクラスに　col-reverse　を記載する必要あり
*/
@media (max-width: 575px)  {
	.col-reverse{
		flex-direction: column-reverse; 
	}
}



/*　//////////////////////////////////////////////////////////////　*/
/*ブログリストの文字色*/

.wp-block-latest-posts li>a {
	color: #f3f3f3;
	font-size:18px;
}

.wp-block-latest-posts li>a:hover {
	text-decoration: none;
}

.wp-block-latest-posts__post-excerpt{
	color: #f3f3f3;
	font-size:18px;
}

.wp-block-latest-posts__post-date{
	color: #f3f3f3;
	font-size:17px;
}

.vk_post .vk_post_title a{
	color: #f3f3f3;
}


/*ブログの更新日の非表示*/
.entry-meta-item-updated {
	display:none;
}

.xo_event .entry-meta-item-date {
	display:none;
}

.xo_event .entry-meta-item-author {
	display:none;
}

/*　//////////////////////////////////////////////////////////////　*/
/*ブロックエディターのカラムをセンタリング可能にする　ns_block_style.js　とセット*/


/*カラムのセンタリング 属性セレクタ*/
.wp-block-columns[class*="is-style-justify"] {
    justify-content: space-between;
}
.wp-block-columns[class*="is-style-center"] {
    justify-content: center;
}



/*ブロックエディターのグループで文字シャドウを可能にする　ns_block_style.js　とセット*/


[class*="is-style-moji-shadow-1"] {
    text-shadow: 2px 2px 10px rgba(150, 150, 150, 0.3);
}

[class*="is-style-moji-shadow-2"] {
    text-shadow: 2px 2px 10px rgba(150, 150, 150, 0.6);
}

[class*="is-style-moji-shadow-3"] {
    text-shadow: 2px 2px 10px rgba(150, 150, 150, 1.0);
}

/*　//////////////////////////////////////////////////////////////　*/
/*テキスト改行制御 */
.my_cover_center{
  text-align: center;
}
.my_span {
  display: inline-block;
}

/*　//////////////////////////////////////////////////////////////　*/
/*レスポンシブ テキストサイズ カバー画像のタイトル文字用*/
/*　//////////////////////////////////////////////////////////////　*/

@media (max-width: 575.98px) {
	/* モバイル →　xs*/
	.ns_mobile_8text {
		/*タイトル文字　全角８文字を画面幅に合わせる*/
		font-size:calc(90vw / 8) !important;
	}

	.ns_mobile_8text_harf {
		/*タイトル文字　半角８文字を画面幅に合わせる*/
		font-size:calc(90vw / 8 *2) !important;
	}
	
	
}

@media (min-width: 576px) and (max-width: 991.98px) {
	/* タブレット　→　sm md */
}

@media (min-width: 992px) {
	/* PC　→　lg xl xxl */ 
}


/*　//////////////////////////////////////////////////////////////　*/
/*レスポンシブ テキスト横位置調整 */

@media (max-width: 575.98px) {
	/* モバイル →　xs*/
	.ns_mobile_text_center {
		text-align: center !important;
	}

	.ns_mobile_text_left {
		text-align: left !important;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	/* タブレット　→　sm md */
	.ns_tablet_text_center {
		text-align: center !important;
	}

	.ns_tablet_text_left {
		text-align: left !important;
	}
	
}

@media (min-width: 992px) {
	/* PC　→　lg xl xxl */ 
}

/*　//////////////////////////////////////////////////////////////　*/
/*レスポンシブ 表示コントロール このクラスを指定するとデバイスサイズに合わせて要素が消える*/

@media (max-width: 575.98px) {
	/* モバイル →　xs*/
	.ns_mobile_display_none {
		display:none !important;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	/* タブレット　→　sm md */
	.ns_tablet_display_none {
		display:none !important;
	}
}

@media (min-width: 992px) {
	/* PC　→　lg xl xxl */ 
	.ns_pc_display_none{
		display:none !important;
	}
}


/*　//////////////////////////////////////////////////////////////　*/
/*カルーセルスライダー */
/*HTML側で写真のul部分を二重や三重に記載する必要あり*/

.scroll-infinity__wrap {
	/*WP側で、このクラスのグループに対して全幅指定はしないこと*/
	display: flex;
	overflow: hidden;
	

.scroll-infinity__list {
	display: flex;
	list-style: none;
	padding: 0;
	max-width:none;
}


/*左から右に流れる*/
/*scroll-infinity__list と同じクラスに設置する*/
.scroll-infinity__list--left {
	animation: infinity-scroll-left 40s infinite linear 0.8s both;
}
@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0%);

	}
	  to {
	  transform: translateX(-100%);

	}
}

/*右から左に流れる*/
/*scroll-infinity__list と同じクラスに設置する*/
.scroll-infinity__list--right {
	animation: infinity-scroll-right 40s infinite linear 0.8s both;
}
@keyframes infinity-scroll-right {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}

/*写真を入れるブロックの大きさ指定(3:2)*/
.scroll-infinity__item{
	/*大きい写真の場合*/
	/*width: 450px*/;
	/*height: 300px;*/
	/*小さい写真の場合*/
	width: 300px;
	height: 200px;
	padding-right: 20px !important; /* !important をつけないと上書きされてしまう*/
	flex-shrink: 0; /*flexで要素の横幅サイズを縮小させない*/
}


/*写真を入れるブロックの大きさ指定（縦写真用2:3）*/
.scroll-infinity__item_vertical {
	/*大きい写真の場合*/
	/*width :200px;*/
	/*小さい写真の場合*/
	width: 133px;
}

/*写真のフィット指定*/
.scroll-infinity__item img {
	width: 100% ;
	height: 100% ;
	object-fit: cover;
	  will-change: transform; /* ホバー時に動かす前提で */
  transform:translate3d(0,0,0);
 }


/*ホバー時に動きを止める*/
.slide-paused--right:hover .scroll-infinity__list--right {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/*ホバー時に動きを止める*/
.slide-paused--left:hover .scroll-infinity__list--left {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/*ホバー時に薄くする*/
.scroll-infinity__item:hover{
	opacity: 0.8;
}




/*　//////////////////////////////////////////////////////////////　*/
/* ライトボックスの背景指定　Image lightbox style for WordPress */

.wp-lightbox-overlay .scrim {
	/*背景色*/
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.wp-lightbox-overlay .close-button {
	border: 2px solid #000;
	background-color: #fff !important;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.wp-lightbox-overlay .close-button:hover,
	.close-button:focus {
	background-color: #e6e6e6 !important;
	outline: none;
}

/*　//////////////////////////////////////////////////////////////　*/
/* Q&Aの項目の数字を入れる*/

.vk_faq_title_1:before{
    content: "Q1" !important;
    font-size:18px !important;
}
.vk_faq_title_2:before{
    content: "Q2" !important;
    font-size:18px !important;
}
.vk_faq_title_3:before{
    content: "Q3" !important;
    font-size:18px !important;
}
.vk_faq_title_4:before{
    content: "Q4" !important;
    font-size:18px !important;
}
.vk_faq_title_5:before{
    content: "Q5" !important;
    font-size:18px !important;
}
.vk_faq_title_6:before{
    content: "Q6" !important;
    font-size:18px !important;
}
.vk_faq_title_7:before{
    content: "Q7" !important;
    font-size:18px !important;
}
.vk_faq_title_8:before{
    content: "Q8" !important;
    font-size:18px !important;
}
.vk_faq_title_9:before{
    content: "Q9" !important;
    font-size:18px !important;
}
.vk_faq_title_10:before{
    content: "Q10" !important;
    font-size:14px !important;
}
.vk_faq_title_11:before{
    content: "Q11" !important;
    font-size:14px !important;
}
.vk_faq_title_12:before{
    content: "Q12" !important;
    font-size:14px !important;
}
.vk_faq_title_13:before{
    content: "Q13" !important;
    font-size:14px !important;
}


/*　//////////////////////////////////////////////////////////////　*/
/* ドローンをスウィングさせる*/

.drone_swing img{
	animation: swing 8s infinite ease-in-out;
	transform-origin: center 100px;
}

@keyframes swing {
  	0%, 100% {
    	transform: rotate(-20deg);
  	}
  	50% {
    	transform: rotate(20deg);
	}
}

/*　//////////////////////////////////////////////////////////////　*/
/* カバーブロックの縦横比の調整*/

.image-size-fix_2560_819 {

	aspect-ratio: 2560 / 819 !important; /*最近のブラウザであればOK。これだと子要素のFLEXの位置設定も効く*/

	/*縦横比を維持させる*/
	/*ブロックエディターの最小の高さを指定すると、そちらが優先される。*/
	min-height: auto;

}


/*　//////////////////////////////////////////////////////////////　*/
/* カラム内コンテンツの高さを揃える */
.ujs-stretch-columns.wp-block-columns {
    align-items: stretch !important;
}

.ujs-stretch-columns > .wp-block-column {
   
	align-self: stretch !important;
	border-style: solid !important;
	border-color: #fcb900 !important;
	border-width: 3px !important;
	border-radius: 20px !important;
}

.ns2-height-100per {	
    height:100%;
}

/*　//////////////////////////////////////////////////////////////　*/
/*ボタンブロックの中で改行した場合の高さ調整 */
.ns_button_br_height {
    line-height: 2rem;
}

/*　//////////////////////////////////////////////////////////////　*/
/*カラムをアニメーションで大きくする処理 */

.ns_btn_transform_2 {
	transition: all 0.3s ease;
}
.ns_btn_transform_2:hover{
	transform: scale(1.05,1.05);
}

.ns_btn_transform_2 * :hover{
	/*子要素でのホバーはさせない*/
	 transform: none;
}


/*　//////////////////////////////////////////////////////////////　*/
/*ボタンブロックをアニメーションで大きくする処理 */

.ns_btn_transform a{
    transition: all 0.3s ease;

}
.ns_btn_transform a:hover{
    transform: scale(1.05,1.05);
}


/*　//////////////////////////////////////////////////////////////　*/
/*  背景色の制御  */

.ns_back_left{
    background: linear-gradient(90deg, #ECF4FC 0%, #ECF4FC 70%, #ffffff 70%, #ffffff 100%);
}

.ns_back_right{
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 30%, #ECF4FC 30%, #ECF4FC 100%);
}




/*　//////////////////////////////////////////////////////////////　*/
/*google map埋め込み時の下の謎の余白を消す */
iframe {
  vertical-align: bottom;
}


/*　//////////////////////////////////////////////////////////////　*/
/* XO Event Calendar プラグインのカテゴリーの文字色　*/


.month-event-title{
	color:#f3f3f3 !important;
}



/*　//////////////////////////////////////////////////////////////　*/
/* 問い合わせフォーム設定 */
.wpcf7-submit{
	background: #A92708;
	color: #f3f3f3;
}

/*　//////////////////////////////////////////////////////////////　*/
/* 予約カレンダー設定 */
.page-id-11 .wpcf7-submit{
	background: #A92708;
	color: #f3f3f3;
}

/*　//////////////////////////////////////////////////////////////　*/
/* テキスト下線表示 */
.ns_underline{
	display:inline-block;
	border-bottom: 1px solid #D9A333 !important;
}

/*　//////////////////////////////////////////////////////////////　*/
/* 最新の投稿ブロックの表示順 */

ul.wp-block-latest-posts__list > li {
	display: flex;
	align-items: center;
	padding: 0.5rem 0;
}
ul.wp-block-latest-posts__list > li > a {
	order: 2;
	margin-bottom:0;
}
ul.wp-block-latest-posts__list > li > time {
	order: 1;
	width: 7rem;
}

/*　//////////////////////////////////////////////////////////////　*/
/* イベントカレンダーの表示設定 */

.xo-event-list >ul  {
	padding-left:0;
}



.xo-event-list >ul >li {
	padding: 0.5rem 0;
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
}

.xo-event-list >ul >li > a{
	color: #f3f3f3;
	
}

.xo-event-list >ul >li > a:hover{
	color: #f3f3f3;
	
}

.xo-event-list >ul >li > time{
	width: 7rem;
	
}