/*
Theme Name: Matake Child
Template: lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.29.6
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2025 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/
:root {
	--main-green: #2E8B57;
	--secondary-green: #3CB371;
	--accent-green: #90EE90;
	--light-bg: #F8F8F8;
	--dark-text: #333333;
	--key-color: #15b29a;
	--sub-color: #bfe2d7;
}

.page-header-title,
h1.page-header-title {
	letter-spacing: .2em;
}

.mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.post-name-privacy .entry-body h3.wp-block-heading {
	border-left: 4px solid #15b29a;
	padding-left: .5em;
}

/*
.photo-frame {
	width:300px;
	margin:0 auto;
	position: relative;
}
.photo-frame::after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: radial-gradient(#bfe2d7 30%, rgba(0, 174, 201, 0) 31%), radial-gradient(#bfe2d7 30%, rgba(0, 174, 201, 0) 31%);
	background-size: 6px 6px;
	background-position: 0 0, 3px 3px;
	position: absolute;
	bottom: -15px;
	right: -15px;
	z-index: -1;
}
*/
/*沿革*/
.history .wp-block-vk-blocks-timeline-item {
  padding-bottom: 1em !important;

}
.history .wp-block-columns,
.history .vk_timeline_item_content p,
.history .vk_timeline_item_content,
.history .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}



.vk_posts-postType-info .vk_post {
	border-radius: 10px;
}

.photo-frame {
	width: 300px;
	margin: 0 auto;
	position: relative;
}

.photo-frame::before,
.photo-frame::after {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
}

.photo-frame::before {
	border-top: 2px solid #15b29a;
	border-left: 2px solid #bfe2d7;
	top: -20px;
	left: -20px;
}

.photo-frame::after {
	border-right: 2px solid #15b29a;
	border-bottom: 2px solid #bfe2d7;
	bottom: -20px;
	right: -20px;
}

.vk_post_imgOuter {
	position: relative;
	overflow: hidden;
}

.vk_post_imgOuter::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 178, 154, 0);
	background-image: url('https://matake.samplesite.work/wp-content/uploads/2025/04/logo-big.png') !important;
	background-size: 100px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	transition: background-size 0.5s ease, opacity 0.5s ease;
}

.page-header {
	position: relative;
	overflow: hidden;
	min-height: 350px;
}

.page-header::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://matake.samplesite.work/wp-content/uploads/2025/04/logo-big-1.png') !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26%;
	animation: zoom 5s infinite alternate;
}

.vk_post_imgOuter:hover::after {
	/*
	background-color: rgba(21, 178, 154, 0.5);
	opacity: .8;
*/
	background-size: 200px;
}

.slogan-bg {
	background-color: #f6f6f6 !important;
}

.footer-bnr img {
	width: 90%;
	height: auto;
}

.slider-catch {
	position: absolute;
	left: 50%;
	right: 50%;
}

.next-button {
	display: block;
	height: 150px;
	width: 150px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	background: white;
	color: #15b29a;
	text-align: center;
	border-radius: 100px;
	cursor: pointer;
	font-size: 20px;
	letter-spacing: -.05em;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	-moz-animation: bounce 4s infinite;
	-webkit-animation: bounce 4s infinite;
	animation: bounce 4s infinite;
	box-sizing: border-box;
	letter-spacing: .05em;
	font-family: "メイリオ";
}

.next-button:after {
	position: absolute;
	top: 70%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border-left: 2px solid #15b29a;
	border-bottom: 2px solid #15b29a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.next-button:hover,
.next-button:hover:after {
	color: #3CB371;
	border-color: #3CB371;
}

#section-two {
	margin-top: -112px !important;
	padding-top: 112px !important;
}

/*スライダー上のロゴアニメーションはひとまず削除*/
.slider-logo {
	display: none;
}

.slider-logo .n2-ss-item-image-content img {
	animation: zoom 5s infinite alternate;
}

@keyframes zoom {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

.slider-txt .n2-ss-text {
	font-size: 52px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	/*
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
*/
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .5) !important;
	font-weight: bold !important;
}

.aboutusTbl1 table th,
.aboutusTbl2 table th {
	background: #15b29a;
	font-weight: 600;
	font-size: 16px;
	color: #fff;

}
.aboutusTbl1 table tr:nth-child(1) {
	font-weight: 600;
}

h2.top-h2 {
	font-family: "Cal Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #333 !important;
	letter-spacing: .08em;
}

h2.top-h2::first-letter {
	color: #15B29A;
	font-size: 120%;
}

h3.rinenh3 {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

h4.jissekih4 {
	border-left: 5px solid #15B29A;
	padding-left: 14px;
}

.content-bg {
	z-index: 1;
	position: relative;
}

.content-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://matake.samplesite.work/wp-content/uploads/2025/08/blurry-gradient-haikei.png) no-repeat center center;
	background-size: cover;
	opacity: .35;
	z-index: -1;
}

.content-bg1 {
	background: linear-gradient(90deg,
			#bfe2d7 33%,
			#fff 33%) !important;
}

.content-bg2 {
	background: linear-gradient(90deg,
			#fff 33%,
			#bfe2d7 33%) !important;
}

.wp-block-cover.top-slider-bg {
	background: #15B29A;
	background: linear-gradient(
			/*	to bottom right,
*/
			45deg,
			#15b29a 0%,
			#3CB371 30%,
			#90EE90 62%,
			#f7f5f3 62%) !important;
	background: linear-gradient(
			/*	to bottom right,
*/
			45deg,
			#15b29a 62%,
			#bfe2d7 62%) !important;

}

.header-tel a {
	text-decoration: none;
	font-weight: 600;
}

.site-header-logo img {
	max-height: 30px !important;
	height: auto !important;
}

#menu-item-5710 a {
	background: #000;
	color: #fff;
	transition: 0.4s;
}

#menu-item-5710 a:hover {
	opacity: 0.7;
}

.swiper-pagination {
	display: none;
}

.vk_post_title_new {
	display: none;
}

.hissu {
	font-size: 0.8em;
	background: #15b29a;
	color: #fff;
	padding: 2px 6px;
}

.box-1 {
	border: solid 1px #ccc;
	padding: 20px;
	line-height: 1.8em;
}

.box-2 {
	background: #ffcc00;
	padding: 3px 8px;
}

.vk_flow_frame_image {
	margin-left: auto;
	margin-right: auto;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

.bfb_closed {
	display: none;
}

.bfb_imgBanner img {
	width: 300px !important;
}

.page_top_btn {
	background-color: #000;
	transition: .4s;
}

.page_top_btn:hover {
	background-color: #333;
}

a img:hover {
	transition: 0.4s;
	opacity: 0.7;
}

.responsive th,
.responsive td {
	padding: 15px 10px;
}

.responsive th {
	background: #f5f5f5;
}

#breadcrumb {
	background-color: #15b29a;
}

#breadcrumb,
#breadcrumb a {
	color: #eee;
	text-decoration: none;
}

/***************************************************
お知らせ「ブログ」
**************************************************/
h1.entry-title {
	font-size: 36px;
	font-weight: 700;
	padding-left: 0.75em;
	position: relative;
	line-height: 1;
	margin-bottom: .5em;
}

h1.entry-title::before {
	content: "";
	display: block;
	width: 12px;
	height: 40px;
	background: url(https://matake.samplesite.work/wp-content/uploads/2025/07/ttl-icon.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0
}

.single-info .entry-body {
	line-height: 1.8;
}

@media (max-width:991px) {
	h3.rinenh3 {
		width: 90%;
	}

	.page-header {
		min-height: 120px;
	}

	.page-header::after {
		background-size: 40%;
	}

	.site-header-logo img {
		max-height: 25px !important;
		height: auto !important;
	}

	.wp-block-heading {
		font-size: 1.5em !important;
	}

	h1.entry-title {
		font-size: 24px
	}

	h1.entry-title::before {
		content: "";
		display: block;
		width: 6px;
		height: 28px;
		background: url(https://matake.samplesite.work/wp-content/uploads/2025/07/ttl-icon.png) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0
	}

	.sp-item {
		width: 80%;
		margin-left: auto;
	}

	.responsive th,
	.responsive td {
		width: 100%;
		display: block;
		border-top: none;
	}

	.responsive tr:first-child th {
		border-top: 1px solid #333;
	}

	.bfb_imgBanner img {
		display: none;
	}

	.vkp-number {
		font-size: 3.8em !important;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	.slider-txt .n2-ss-text {
		font-size: 30x !important;
	}
}



/***************************************************
トップスライダーSVG
**************************************************/