/**
 * Theme Name:     VOGUE Child
 * Author:         TCD
 * Template:       vogue_tcd051
 * Text Domain:	   vogue-child
 * Description:    WordPress theme Vogue is for real estate agents and resort hotels. The modern design gives you a sophisticated impression. The four-part top page header that can combine video and still images is attractive.
 */
/*TOPメニュー*/
#menu-item-80{ background:#fff;!important}
#menu-item-80 a{ color:#07B53B!important}
#menu-item-80:hover { background: #07B53B;}
#menu-item-80 a:hover {color:#fff!important}
#menu-item-67 a:hover {color:#0F0C1A!important}
#menu-item-70 a:hover {color:#0F0C1A!important}
#menu-item-69 a:hover {color:#0F0C1A!important}
#menu-item-297 {
	background-color: #7d6218 !important
}
	#menu-item-297 a:hover {
		color: #0F0C1A !important;
	}
	#menu-item-297:hover {
		opacity: 0.5 !important;
	}
#js-contents-builder {
	background: rgba(16, 18, 19, 1);!important
}
#js-contents-builder{color: #ffffff;!important}
.p-content03__blog{display:none;!important}
.p-content03__news{width: 100%;!important}
.p-content01__desc{line-height: 1.5!important;}
.p-hover-effect--type1 img {transition-duration: 2s!important; }
.p-hero-header__nav-item {
	border-right:none;
}
/*TOPサウナ*/
.p-content04__content {
	width: 50%;
	!important background: #101213;
}
.p-content04__slider{width: 50%;!important}
.slick-slide{ min-height: 600px!important;}
#cb_3{display:flex;}
#cb_3 .p-content04__content{order:1;}
/*TOP_MENU*/
.top_menu_img {
	display: flex;
	justify-content: center;
}

	.top_menu_img img {
		margin: 0 10px;
	}
/*TOP_SNS*/
.top_sns_icon{display:flex; justify-content: center; text-align: center;}
.top_sns_icon_items{margin: 0 30px;}
.top_sns_icon_items p {margin-bottom:20px;!important}
.top_sns_icon_items img { transition: .3s;}
.top_sns_icon_items img:hover{ transform: scale(1.1);}
/*TOP_Insta*/
.top_insta_img{display:flex; justify-content: center;}
.top_insta_img img{margin: 0 10px;transition: .3s; opacity: 0.5;}
.top_insta_img img:hover{ transform: scale(1.03); opacity: 1.0;}
/*TOP_NEWS*/
.p-content03__news-list-item{transition: 1.0s ;}
.p-content03__news-list-item:hover{ opacity: 0.5 }
.p-global-nav li:hover{background:#fff;!important color:#241813;}
.p-global-nav li a:hover{color:#fff;!important}
.p-article05 {
	border-top: 1px solid #fff;
}
.p-article05:last-child{border-bottom: 1px solid #fff;}
.p-content03__news {max-width: 900px; width: 80%; margin: 0 auto;}
.p-content03__news-catch{text-align: center;!important}
.p-button{color:#0F0C1A;!important position: relative; z-index: 99; border-radius: 3px;}
.p-button:hover{color:#fff;}

/*NEWS*/
.l-secondary{ background: #fff!important; display: none;}
.l-primary{ width:100%; padding-left: 5.21739%;}
.l-contents{background:#f6f6f6!important;}
/*CONTACT*/
.contact-ttl{margin-top:60px;}
.contact-form-area{position: relative; max-width: 600px; height: 380px; margin: 0 auto; margin-bottom:40px;}
.contact-form{position: absolute; width: 100%; left: 50%; top: 40%; transform: translate(-50%, -50%);}
.contact-form,.contact-form th,.contact-form td{border:none;}
.c-txt{width:100%; padding: 8px; border: 1px solid #cccccc; border-radius: 3px;}
.c-ttl{text-align:right; background: #fff !important; width: 30%; font-weight: bold !important;}
#c-inpt{height:80%; width: 100%; padding: 7px; border: 1px solid #cccccc; border-radius: 3px;}
.contact-form-submit{position: absolute; bottom: 0; width: 100%; text-align: center;}
.back_btn,.c-btn{max-width: 340px; width: 90%; padding: 20px 0; background: #0F0C1A; text-align: center; display: block; transition-duration: 0.5s; font-size: 110%; color: #FFF; border: 1px solid #FFF;border-radius: 3px; margin: 0 auto;}
.back_btn:hover{background: #FFF; color: #0F0C1A; border: 1px solid #0F0C1A; box-sizing: border-box;}
.c-btn:hover{background: #FFF; color: #0F0C1A; border: 1px solid #0F0C1A; box-sizing: border-box;}
#cb_9::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 600px; background-image: linear-gradient(90deg, transparent 0 60%, #FFF 130%);}
/*Footer*/
.p-widget-area{margin-bottom: 0px!important; padding: 50px 0 80px;}
.p-widget-area__inner { text-align: right!important;}
.l-footer{padding-bottom: 20px!important;}
.l-footer__logo{ position: absolute; top:-130px;}
.widget_nav_menu ul { display: flex;}
.widget_nav_menu ul li { margin-right:10px!important; padding-right: 10px; border-right: 1px solid #666;}
.widget_nav_menu ul li:first-child { border-left: 1px solid #666!important; padding-left: 10px;}
.widget_nav_menu ul li a { padding: 0px!important; position: relative;}
.widget_nav_menu ul li a::before {content: ''; position: absolute; width: 100%; height: 1px; border-radius: 1px; background-color: #18272F; bottom: 0; left: 0; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out;}
.widget_nav_menu ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

@media only screen and (max-width: 1279px){
.l-primary{padding-right: 5.21739%;}

	.p-content04__slider .slick-track {
		height: 900px !important;
	}
}
@media only screen and (max-width: 1024px){
.c-logo { width:100% max-width:300px; }

	.p-content04__slider .slick-track {
		height: 750px !important;
	}
	#menu-item-297 {
		display: none;
	}
	.sp_rsv_menu {
		line-height: 60px;
		width: 60px;
		height: 60px;
		position: absolute;
		right: 60px;
		top: 0;
		background-color: #7d6218;
		text-align: center;
		font-size: 90%;
	}
		.sp_rsv_menu a {
			color: #fff !important;
			display: block;
		}
	.l-header{
		position:fixed;
	}

}


@media screen and (max-width: 767px) {
.top_insta_img{display: block;text-align: center;}
.top_insta_img img { margin:10px 0 ; opacity: 1.0;}
	.top_menu_img {
		display: block;
		text-align: center;
	}

		.top_menu_img img {
			margin: 10px 0;
			width: 90%;
		}
.p-content01__desc{font-size: 14px!important;}
.p-content03__news-catch{color:#fff!important;}
.p-main-image__title {margin-bottom: 20px!important;}
.p-content03__news {padding-bottom: 80px!important;}
.p-content03__news-archive-link{position: relative; top: 20px;right: 0px;color:#fff!important;}
#cb_9::after{ height: 100%;}
.l-footer__logo {top: -100px; right: 0; left: 0; margin: auto;}
.slick-track{height: 100vh;}
.slick-list{width: 100%;}
	.slick-slide {min-height:50vh!important;}
.p-content04__content{width: 100%!important;}
.p-content04__slider{width: 100%!important;}
	/*.p-content04__slider .slick-track{height:auto!important;}*/
.p-content04__slider-item{width:100%; height:100%; background-position:center center; background-size:cover;}
	#cb_3{flex-direction: column-reverse;}
	#cb_4 .p-main-image__content{background:rgba(17, 17, 17, 0.45)!important;}
}

@media only screen and (max-width: 767px) {
	#cb_4 .p-main-image__img {
		padding-bottom: 100%;
		background-image: url(https://yard-spa.com/wp-content/uploads/2025/06/240321catbo_179_sp.jpg) !important;
	}

	#cb_1 .p-main-image__img {
		padding-bottom: 100%;
		background-image: url(https://yard-spa.com/wp-content/uploads/2025/06/concept_sp.jpg) !important;
	}

	#cb_8 .p-main-image__img {
		padding-bottom: 100%;
		background-image: url(https://yard-spa.com/wp-content/uploads/2025/06/contact_sp.jpg) !important;
	}

		.p-content04__slider-item {
			height: 750px;
		}

}

/** ポップアップ */