/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 00:37:19 */
/* ここにCSSコードを追加

例:@charset "utf-8";
/* CSS Document */

.pcHidden{
	display:none;	
}
.spHidden{
	display:block;	
}

/*スライドセンター配置*/
#top__fullcarousel img{
	max-height:700px;
	width:auto !important;
	margin:60px auto 30px;
}
.carousel {
	border-bottom:none;
}
/*全体背景画像サイズ*/
html body.custom-background {
	background-size:1900px auto;
	background-repeat:repeat-x;
}	
/*ヘッダーナビバー*/
.container.siteHeadContainer{
	padding:3px;
}
.siteHeader{
	box-shadow:none;
	background:rgba(255,255,255,0.0)
}
.gMenu>li:before{
	border:none;
	transition:1s;
	border-color:white;
}
.gMenu>li:hover:before{
	border:1px solid var(--vk-color-primary);
}
.device-pc .gMenu>li>a{
	transition:all 0.2s ease-out;
}
.device-pc .gMenu>li>a:hover{
	padding-top:10px;
}
/*menu位置*/
.gMenu_outer{
	position:absolute;
	top:3px;
	right:5px;
}
.header_scrolled .gMenu {
	top:3px;
	right:5px;
}
/*font awesome icon*/
.gMenu li a i{
	color:var(--vk-color-custom-1);
}
/*mini description*/
.gMenu_description{
	color:var(--vk-color-custom-1);
}
@media (min-width: 1200px) {
    header .container {
        max-width: 100%;
    }
}
/*ヘッダーロゴ表示*/
@media (min-width: 992px) {
.header_scrolled .gMenu {
  float: right;
 position:absolute;
	display:block;
}
.navbar-header {
  top: -54px;
}
.header_scrolled .navbar-header {
  position: fixed;
  top: 0;
  transition: top 1s;
	width:100vw;
	height:65px;
	/*background:rgba(255,255,255,0.05) 白　*/
	background-image: linear-gradient(#f9f0e0cc 34%, #f9f0e008);	/*グラデーション*/
}
.header_scrolled.admin-bar .navbar-header {
  top: 32px;
  transition: top 1s;
}
.header_scrolled .siteHeader_logo img {
  max-height: 40px;
}
.header_scrolled .gMenu>li{
	border:none;
	float:left;
	width:auto;
	border-left:0px;
}
.header_scrolled .site-Header  .navbar-header{
	width:100vw;
}
/*スクロール時のメニュー*/
	.header_scrolled .siteHeadContainer.container {
		position:relative;
		width:100vw;
		height:70px;
		background:white;
	}

.header_scrolled .gMenu>li:last-child｛    	    
	border-right:none;
}
body h1.siteHeader_logo {
        text-align: left;
        margin:0 auto;
        padding:11px 10px 0px;
	/*ヘッダーロゴ中央寄*/
		float:none;
		text-align:center;
	}
.navbar-header{
	text-align:center;
}
.siteHeader_logo img{
	/*margin:0px 0px;*/	
	margin:0px auto;
	max-height:40px
	}
.vk-mobile-nav-menu-btn.position-right{
 right:8px;
	top:8px;
}
/* コンテナ　*/
body .site-body{
	padding:0px;
}
body .entry-body{
	margin:auto;
}
.section.siteContent{
	padding-top:0.5rem;
}
/*フッター*/
.section.siteFooter{
	background-color:rgba(255,255,255,0);
	border-top:none;
}
footer .sectionBox.copySection{
	color:#FFFFFF;
	letter-spacing: 1px;
}
.site-footer-content .wp-block-image img{
	width:80%;
}
/*フッター消す*/
footer .copySection p:nth-child(2) {
    display:none !important;
}
/*お問い合わせフォーム*/
.wpcf7{
	margin:auto;
	max-width:600px;
}
.wpcf7 label{
	width:100%;
}
.wpcf7-form-control.wpcf7-submit{
	width:50%;
	margin:auto;
	display:block;
}

.wpcf7 form .wpcf7-response-output{
	padding:20px 15px;
	border-radius: 8px;
	background:rgba(255,255,255,0.7);
	text-align:center;
	font-weight:bold;
}

/*スムーズスクロール*/
html {
  scroll-behavior: smooth;
}
/*トップへスクロールボタン*/
.page_top_btn{
	background:var(--vk-color-primary) ;
	/*background-image: var(--ver_page_top_button_url);
	background-size:60%;*/
	background-repeat: no-repeat;
  background-position: center;
	box-shadow:none;
	border-radius:50px;
	width:60px;
	height:60px;
	transition:all 0.3s ease-out;
}
.page_top_btn:hover{
	bottom:4.5%;
	transition:all 0.3s ease-out;
	/*transform:scale(1.1);*/
}
.page_top_btn::before {
	content: '';
	width: 20px;
	height: 20px;
	border: 2px solid white;
	border-left: 0;
	border-bottom: 0;
	transform: rotate(-45deg);
	transform-origin: top right;
	position: absolute;
	top: 15px;
	right: 30px;
	box-sizing: border-box;
	transition:all 0.5s ease-out;
  }
  .page_top_btn::after {
	content: '';
	width: 2px;
	height: 26px;
	border: 2px solid white;
	border-left: 0;
	border-bottom: 0;
	border-top: 0;
	transform-origin: top right;
	position: absolute;
	top: 17px;
	right: 29px;
	box-sizing: border-box;
  }

/*黄色ストライプ背景*/
.bgYst{
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 248, 233, 1) 10px, rgba(255, 248, 233, 1) 20px );
}
/*フロー*/
.vk_flow .vk_flow_frame{
	border:2px solid var(--vk-color-primary);
	border-radius:8px;
	padding:15px 20px;
	margin-top:7px
}
.vk_flow.vk_flow-arrow-on::after {
	color:var(--vk-color-primary);
	left:calc(50% - 5px);
  display: inline-block;
  vertical-align: middle;
	line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.6em 0.7em;
  border-top-color: currentColor;
  border-bottom: 0;
	/* 
	display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
	background:none;*/
}
.vk_flow .vk_flow_frame_text{
	margin-bottom:1px;
} 
/*スマホ調整*/
	.section.siteContent .container{
		/*max-width:1000px;*/
		max-width:100%;
	}
	.col.mainSection{
		padding-right:8px;
		padding-left:8px;
		width:100%;
	}
.wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
	margin-left:0px;
	margin-right:0px;
}
/*メニューボタン*/
body .vk-mobile-nav-menu-btn{
	border:none;
	width:47px;
	height:47px;
	display:block;
	background-color:rgba(255,255,255,0.5)
}
/*PCでもハンバーガーメニュー表示
body.device-pc .vk-mobile-nav-menu-btn{
	display:block;
}
*/


/*閉じるボタン*/
body .vk-mobile-nav-menu-btn.menu-open{
	border:0px;
	width:50px;
	height:50px;
}
#vk-mobile-nav{
	padding-top:55px;
}
/*投稿*/
.entry-meta .fn,.entry-meta_updated{
	display:none;
}
/****************
フェードイン
https://coco-factory.jp/ugokuweb/move02/4-1/
https://coco-factory.jp/ugokuweb/jscss/
*****************/
/* fadeUp */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger{
    opacity: 0;
}
/*recaptchaマーク*/
.grecaptcha-badge { visibility: hidden; }


/*見出し*/
.vk_heading i{
	color:#848484;
	font-size:0.7em;
}
.vk_heading_subtext{
	margin-top:0px;
	color:#cccccc;
	letter-spacing:2px;
} 
.hCloud{
	background:url('/wp-content/uploads/sites/6/2025/09/h_bg.png') no-repeat;
	background-position:center 0px;
	background-size:400px; 
	padding:40px 0px 30px;
}
.hCloud .vk_heading_title{
	margin-bottom:5px;
}
.vk_heading h2.vk_heading_title{
	letter-spacing:2px;
}
/*ページヘッダー*/
.page-header{
	background:url('/wp-content/uploads/2025/03/header_bg.jpg') center;
	background-size:cover;
}
.page-header .page-header-title{
	color:var(--vk-color-primary);
	letter-spacing:2px;
	font-size:24px;
}


/*幅制御*/
.maxW1{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
/*letterSpace調整*/
.letterSpacing0{
	letter-spacing:-2px;
}
/*お問い合わせフォーム*/
body .page-header{
	margin-top:80px;
}
.example {
    color: red;
}

/*カラム*/
.col.mainSection{
	margin-left:auto;
	margin-right:auto;
}
.wp-block-columns{
	margin:auto;
}

/********** 一行のカラム数を3つに指定 **************/
/* 782px以上の場合 */
@media (min-width: 782px) {

/* nowrapを解除 */	
	.column3.wp-block-columns {
        flex-wrap:wrap !important;
		/*justify-content: center; 中央寄*/
		max-width:1100px;
		margin-left:auto;
		margin-right:auto;
    }
/* 折り返しブロックがくっつかないようにマージン追加 */
    .column3 .wp-block-column {
        margin-bottom: 16px;
    }
.column3 .wp-block-column:not(:first-child){
	margin-left:0;
	}
/* 折り返しブロックの行頭以外にマージン追加 */
    .column3 .wp-block-column:not(:nth-of-type(3n+1)) {
        margin-left: 16px;
    }
    .column3 .wp-block-column {
        flex-basis: calc(33.333%-16px)!important;/*正確じゃなくてもOK*/
        /*flex-basis:320px;*/
		flex-grow: 1;/*一番重要*/
    }
}
/************************/