/*
Theme Name: X-T9
Theme URI: https://github.com/vektor-inc/x-t9
Author: Kurudrive
Author URI: https://www.vektor-inc.co.jp/
Description: The X-T9 is designed on the premise of full site editing function, and the user can flexibly customize the header, footer, etc. This theme is mainly intended for use on business sites.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.30.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: x-t9
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, full-site-editing, block-patterns, block-styles, threaded-comments

X-T9 WordPress Theme, (C) 2022-2024 Vektor,Inc.
X-T9 is distributed under the terms of the GNU GPL.
*/

/****************************************
Reset
****************************************/
html, body{
  margin: 0;
  padding: 0;
  width: 100%;
}
body, body.editor-styles-wrapper{
	font-weight: 400;	
}
p, time, h1, h2, h3, h4, h5, h6{
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
p{
  text-justify: inter-ideograph;
  margin-bottom:0;
}
ol, ul, dl, dd{
  margin: 0;
  padding: 0;
  list-style: none;
}
article, nav, section, figure{
  display: block;
  margin: 0;
  padding: 0;
}
figure.wp-block-image{
  display: block;
  margin: 0;
  padding: 0;
}
figure.img_v-middle img{
	vertical-align: middle;
}
input, textarea, button, select{ font-family: inherit; }
button{ margin: 0; }
table{ border-spacing: 0; }
img{
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
a:hover{ text-decoration: none; }

@media screen and (max-width: 1140px) {
  html { font-size: 1.4vw; }
}
@media screen and (max-width: 781px) {
  html { font-size: 100%; }
}

/***************************************************************************** Salida Design */

/****************************************
 Common
****************************************/
/* layout **********/
.wp-site-blocks{overflow-x: hidden;}
.fit-content, .col_img--h4-txt h4{min-width: fit-content;}
.va-top, .va-top img{vertical-align: top;}
@media screen and (max-width: 991px) and (min-width: 782px) {
	.inner-cov{max-width: 90%;}
	.content-width{
		padding-right: calc((100vw - 750px) / 2);
		padding-left: calc((100vw - 750px) / 2);
	}
}
@media screen and (max-width: 991px){
	.inner-cov{
		border-radius: 40px !important;
		max-width: calc(100vw - 32px);
	}
}

/* Heading **********/
.h3__underlined{ position: relative; }
.h3__underlined::after{
	position: absolute;
	content: '';
	width: 52px;
	height: 4px;
	border-radius: 2px;
	background-color: var(--wp--preset--color--border-normal);
	bottom: 0;
	left: 0;
}
.h3__underlined.h3__underlined--centered::after{
	transform: translatex(-50%);
	left: 50%;
}

/* Header **********/
@media screen and (max-width: 991px) {
	.header_mobile button{
		position: fixed;
		top: 16px;
		right: 16px;
		background-color: rgba(255, 255, 247, 0.6);
		z-index: 9999;
	}
}

/* Page header **********/
.page-header .bg-blur{
	backdrop-filter: blur(4px);
}
@media screen and (max-width: 991px) {
	.page-header{ padding: 0 20px; }
}
@media screen and (max-width: 781px) {
	.page-header{padding: 0 16px;}
	.page-header .wp-block-cover{
		border-radius: 40px !important;
		height: 80vh;
	}
}

/* footer **********/
footer .has-primary-hover-background-color{
	background-image: url('/wp-content/uploads/2025/03/bg_footer-wave.png');
	background-position: bottom;
	background-size: 100% 266px;
	background-repeat: no-repeat;
}
footer{
	position: relative;
	z-index: 99999;
/* 	bottom: 0; */
	top: auto;
}
.footer-nav>ul{padding-left: 0;}
@media screen and (max-width: 991px) {
	.sec_cta .wp-block-cover{
		padding-bottom: 120px;
	}
	footer .col_footer{ padding: 0 20px; }
	footer nav ul{padding: 0 !important;}
}
@media screen and (max-width: 781px) {
	footer .wp-block-group{
		border-radius: 40px 40px 0 0 !important;
	}
	footer .has-primary-hover-background-color{
		background-size: 100% 160px;
	}
}


/* Navigation **********/
.global-nav ul.wp-block-navigation__container>li.wp-block-navigation-item{ padding: 0 0.5rem; }
.global-nav ul.wp-block-navigation__container>li.wp-block-navigation-item:not(:last-child)::after{
    content: '';
    position: absolute;
    width: 4px;
    height: 1.75rem;
    background-color: #7fc8d5;
    border-radius: 2px;
    right: -2px;
}
.global-nav .wp-block-navigation:not(.has-modal-open) ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: var(--wp--preset--font-size--medium);
    padding: 0.75em 1em;
}

button.wp-block-navigation__responsive-container-open>svg,
button.wp-block-navigation__responsive-container-close>svg{
	display:none;
}
button.wp-block-navigation__responsive-container-open,
button.wp-block-navigation__responsive-container-close{
	width: 44px;
	height: 44px;
	border-radius: 8px;
	border: solid 2px var(--wp--preset--color--primary) !important;
}
button.wp-block-navigation__responsive-container-open{
	background: url('/wp-content/uploads/2025/03/ico_menu-open.png') center / 40px 40px no-repeat, rgba(255, 255, 255, 0.88);
}
button.wp-block-navigation__responsive-container-close{
	background: url('/wp-content/uploads/2025/03/ico_menu-close.png') center / 40px 40px no-repeat, rgba(255, 255, 255, 0.88);
	top: 16px;
	right: 16px;
}

.header_mobile .wp-block-navigation__responsive-close ul.wp-block-navigation__container,
.header_mobile .wp-block-navigation__responsive-close ul.wp-block-navigation__submenu-container{padding: 0;}
.header_mobile .wp-block-navigation__responsive-close ul.wp-block-navigation__container>li>ul>li{border: none;}
.header_mobile .wp-block-navigation__responsive-close ul.wp-block-navigation__container>li>ul>li>a{font-size: 1rem !important;}

/* Button **********/
.btn{font-weight: 500;}
.vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover,
.editor-styles-wrapper .vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover{
    filter: none;
	background-color: var(--wp--preset--color--primary-hover);
}
.vk_button .has-text-color.is-style-outline, .editor-styles-wrapper .vk_button .has-text-color.is-style-outline,
.editor-styles-wrapper .vk_button .has-text-color.is-style-outline, .editor-styles-wrapper .vk_button .has-text-color.is-style-outline{
	border: 2px solid currentColor;
}
.vk_button .vk_button_link.is-style-outline:hover,
.editor-styles-wrapper .vk_button .vk_button_link.is-style-outline:hover{ opacity: 1; }

.vk_button .vk_button_link.has-text-color.is-style-outline:hover{
	border-width: 2px;
}

/* Size M, L */
.vk_button .vk_button_link.btn-md,
.editor-styles-wrapper .vk_button .vk_button_link.btn-md {
	font-size: calc(1rem* 1.125);
	line-height: 1;
    padding: .75rem 1rem;
}
.vk_button .vk_button_link.btn-lg,
.editor-styles-wrapper .vk_button .vk_button_link.btn-lg {
	font-size: calc(1rem* 1.375);
	line-height: 1;
	padding: 1.5rem;
}
.vk_button.w360{
	width: 360px;
	margin: 0 auto;
}
.vk_button.w360 .btn{
	width: 100%;
}

.fbtn-outer{
	z-index: 9999;
	position: fixed;
	bottom: 32px;
	right: 32px;
}
.fbtn{
	display: flex !important;
    align-items: end;
	width: 24vw;
	height: 24vw;
	max-width: 360px;
}
.fbtn a:hover{
	transform: translatey(-4px);
	transition: all 0.3s;
}
.bfb_sp{
	position: fixed;
	z-index: 100;
	bottom: 0;
	width:100%;
}
.bfb_sp a{
    font-size: 1rem;
	border-width: 2px !important;
	padding: 0.5rem 1rem !important;
}

button[type="submit"]{
	width: 200px;
}

@media screen and (max-width: 991px) {
	.wp-block-column .vk_button.w360{
		width: 100%;
	}
}
@media screen and (max-width: 781px){
	.btn_tel .vk_button_link_caption i{font-size: 2rem !important;}
	.btn_tel .vk_button_link_caption .vk_button_link_txt>span{font-size: 2.5rem !important;}
}



/****************************************
 Pages
****************************************/

/* トップページ **********/
/* mv */
.mv::before,.mv::after{
	content: '';
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 99;
}
.mv::before{
	width: 258px;
	height: 188px;
	background-image: url('/wp-content/uploads/2025/03/img_seagull.png');
	right:-36px;
	top:-16px;
    animation-name: fadein;
    animation-duration: 3s;
}
.mv::after{
	width: 368px;
	height: 324px;
	left:-108px;
	bottom: -80px;
	background-image: url('/wp-content/uploads/2025/03/img_walk-with-a-dog.png');
    animation-name: fadein;
    animation-duration: 3s;
}
@keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}
.mv .wp-block-cover>span{opacity:1 !important;}
.mv .wp-block-cover>span{
	background-image: url('/wp-content/uploads/2025/02/copy-scaled.jpg');
	animation: pan 20s ease-in-out infinite;
}
@keyframes pan{
    0%{
		background-size: 120%;
    	background-position: bottom 0 right 0;
    }
    50%{
		background-size: 140%;
		background-position: bottom 0 right -240px;
	}
	100%{
		background-size: 120%;
		background-position: bottom 0 right 0;
	}
}

@media screen and (max-width: 1180px) {
	.mv .wp-block-cover{
		width: calc(100vw - 40px);
	}
}
@media screen and (max-width: 991px) {
	.mv::before{
		width: 208px;
		height: 150px;
		right: -26px;
	}
	.mv::after{
		width: 328px;
		height: 289px;
		bottom: -40px;
		left: -56px;
	}
	.mv .wp-block-cover>span{
		background-image: url('/wp-content/uploads/2025/03/copy_sp-scaled-1.jpg');
		background-size: cover;
		animation: pan-sp 20s ease-in-out infinite;
	}
	@keyframes pan-sp{
		0%{ background-position: bottom 0 right 0; }
		50%{ background-position: bottom 0 left 0; }
		100%{ background-position: bottom 0 right 0; }
	}
}
@media screen and (max-width: 781px) {
	.mv .wp-block-cover{
		width: calc(100vw - 32px);
		padding: 100px 16px !important;
		border-radius: 40px !important;
	}
	.mv h2{font-size: 9vw;}
}

/* 背景 */
.cov_sec_home_points>span{
	background: url('/wp-content/uploads/2025/03/bg_wave_2.png') -8vw 23vw / 30vw 10.3vw no-repeat,
		url('/wp-content/uploads/2025/03/bg_wave_4.png') 71vw 90vw / 30vw 20.5vw no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, .6) 13%, rgba(255, 255, 255, 0) 100%) !important;
}
.sec_home_news{position: relative;}
.sec_home_news::before{
	position: absolute;
	content: '';
	width: 30vw;
	height: 10.3vw;
	background-image: url('/wp-content/uploads/2025/03/bg_wave_2.png');
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 32px;
	left: -20vw;
}
@media screen and (max-width: 991px) {
	.cov_sec_home_points>span{ background: linear-gradient(180deg, rgba(255, 255, 255, .6) 13%, rgba(255, 255, 255, 0) 100%) !important; }
	.sec_home_news::before{
		width: 60vw;
		height: 20.6vw;
		bottom: -15vw;
		left: -10vw;
	}
}

/* コンテンツ */
.col_home_point{position: relative}
.col_home_point::before, .col_home_point::after{
	position: absolute;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
}
.col_home_point-1::after{
	background-image: url('/wp-content/uploads/2025/03/img_beach.png');
	width: 224px;
	height: 200px;
	bottom: -24px;
	right: 0;
}
.col_home_point-2:before{
	background-image: url('/wp-content/uploads/2025/03/img_cat_04.png');
	width: 200px;
	height: 172px;
	bottom: 0;
	left: -8px;
	z-index: -1;
}

.col_home_point-2::after{
	background-image: url('/wp-content/uploads/2025/03/img_dog_01.png');
	width: 300px;
	height: 114px;
	bottom: -16px;
	right: -80px;
}
.col_home_point-3::after{
	background-image: url('/wp-content/uploads/2025/03/img_wheelchair-1.png');
	width: 254px;
	height: 290px;
	bottom: -64px;
	right: 0;
}

@media screen and (max-width: 991px) {
	.sec_home_points .wp-block-columns{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.sec_home_news{padding: 60px 80px !important;}
	.sec_home_about .wp-block-columns{gap: 40px;}
}
@media screen and (max-width: 781px) {
	.col_home_point-1::after{
		width: 180px;
		height: 160px;
		bottom: -170px;
	}
	.col_home_point-2::before{
		width: 144px;
		height: 124px;
		bottom: -140px;
	}
	.col_home_point-2::after{
		width: 225px;
		height: 86px;
		bottom: -140px;
	}
	.col_home_point-3::after{
		width: 225px;
		height: 257px;
		bottom: -140px;
	}
	.sec_home_news{
		padding: 60px 16px !important;
		border-radius: 40px !important;
	}
	.sec_home_about .wp-block-columns{ gap: 40px; }
}

/* 概要 */
.table_reien-gaiyo>table>tbody>tr>td:first-child{
	padding: 1.25rem 0;
	width: 7.5em;
	color: var(--wp--preset--color--primary);
}
.table_reien-gaiyo>table>tbody>tr>td:last-child{
	padding: 1.25rem 1rem;
}
@media screen and (max-width: 991px) {
	.table_reien-gaiyo>table>tbody>tr>td:first-child{
		width: 5em;
	}
}

/* 下層ページ **********/

/* .sec_graves_default .vk_slider{border-radius: 24px;}
.sec_graves_default .vk_slider_item_container{
	margin-top: 0;
	
} */
.sec_graves_default .pgcsimplygalleryblock-slider-content,
.sec_for-pets_default .pgcsimplygalleryblock-slider-content{overflow: hidden;}
 


@media screen and (max-width: 781px) {
	.sec_graves_default .wp-block-columns,
	.sec_for-pets_default .wp-block-columns,
	.sec_for-pets_jumoku .wp-block-columns{gap: 40px;}
	.sec_graves_default .pgcsimplygalleryblock-slider-collection.action-lightbox,
	.sec_for-pets_default .pgcsimplygalleryblock-slider-collection.action-lightbox{height: calc((100vw - 32px) /1.41) !important;}
}



.sec_for-pets_hosoku ul{
	list-style: disc
}
.sec_for-pets_hosoku ul li{
	margin-bottom: 0.75em;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: #FBFBF7;
	border: 1px solid #8AC5DE;
	border-radius: 24px;
}