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

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

body {
	/*color: #ffffff;*/
	/*color: #f2f2f2;*/ /*若干グレー気味の白*/
	color: #333333; /*定番の少し弱めの黒*/

	background: #ffffff;
	/*background: #020381;*/ /*弱い紺色*/
	/*background: #000033;*/ /*強い紺色*/
}

/* 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-image: url( https://onepany.real-voice.net/wp-content/uploads/2025/10/AdobeStock_325321106-scaled.jpeg );
	background-size:100% auto ;
	background-position: 50%  50%;
	background-repeat: no-repeat;
	/*background-size: cover;*/
 }

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



.page-header::before{
 	/* 透過した黒を上から重ねるイメージ */
	background-color: black;
  	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;
}

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


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



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


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

.wp-block-latest-posts li>a {
	/*color:#ffffff;*/
}


.wp-block-latest-posts__post-excerpt{
	/*color:#ffffff;*/
}

.wp-block-latest-posts__post-date{
	/*color:#ffffff;*/
}


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


/*
サイトフッター関連
*/


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

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

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

/*ブロックエディターのカラムをセンタリング可能にする　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_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;
	margin: 0 calc(50% - 50vw); /*カルーセルスライダーを全幅にする場合 */
	/*border: solid 1px #ff0000;*/
}

.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 {
	/*padding:0 0 calc(819/2560*100%) !important;*/
	/*padding-bottom:calc(819/2560*100%) !important;*/   /*親要素の横幅100%を使って高さを作りだす*/
	/*min-height: calc(819 / 2560 * 100%) !important;*/   /*100%だと縦要素の100%という意味になり縦が計算できない*/
	/*min-height: calc(819 / 2560 * 100vw) !important;*/   /*100vwだと端末の画面の横サイズの100％となり全幅で使うならOK*/
	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%);
}


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





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

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

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

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




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

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



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

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

/* 特定のページの Body背景色 基本フォント色　基本フォント */
.page-id-3009 {
	
	background: #EAE6E1;
	color:#544C40;
	
	font-size: 16px;
	font-family: "Shippori Mincho";
    font-weight: 400;
}




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

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

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

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

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

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


/* 特定ページのグローバルヘッダーの文字色 */
.page-id-3009 .global-nav-list>li .global-nav-name {
	font-size:16px;
	color:#544C40;
}




/* 特定ページのフッターの色設定 */
.page-id-3009 .site-footer{
	background: #544C40;
	color: #EAE6E1;
	border:none;
	font-family: "Shippori Mincho" !important;
}

/* 特定ページのフッターの色設定 */
.page-id-3009 .site-footer a {
	color:#EAE6E1;
}




/* 特定ページの見出し設定 */
.page-id-3009 h2{
	font-family: "Shippori Mincho" !important;
	border-top: none;
}

/* 特定ページの問い合わせフォーム設定 */
.page-id-3009 .wpcf7-submit{
	background: #544C40;
	color: #EAE6E1;
}


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

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

/* 特定のページの Body背景色 基本フォント色　基本フォント */
.page-id-3181 {
	
	background: #3C0F0A;
	color:#E9E3DD;
	
	font-size: 16px;
	font-family: "Shippori Mincho";
    font-weight: 400;
}




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

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

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

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

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

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


/* 特定ページのグローバルヘッダーの文字色 */
.page-id-3181 .global-nav-list>li .global-nav-name {
	font-size:16px;
	color:#E9E3DD;
}




/* 特定ページのフッターの色設定 */
.page-id-3181 .site-footer{
	background: #3C0F0A;
	color: #EAE6E1;
	border:none;
	font-family: "Shippori Mincho" !important;
}

/* 特定ページのフッターの色設定 */
.page-id-3181 .site-footer a {
	color:#EAE6E1;
}




/* 特定ページの見出し設定 */
.page-id-3181 h2{
	font-family: "Shippori Mincho" !important;
	border-top: none;
}

/* 特定ページの問い合わせフォーム設定 */
.page-id-3181 .wpcf7-submit{
	background: #A92708;
	color: #EAE6E1;
}

/* 特定ページの予約カレンダー設定 */
.page-id-3181 .wpcf7-submit{
	background: #A92708;
	color: #EAE6E1;
}