/*
Theme Name: スタッフ面談予約システム
Theme URI: https://bluefog-solution.com/
Template: lightning
Author: bluefog-solution.com
Author URI: https://bluefog-solution.com/
Description: Lightning子テーマのため、親テーマは削除しないようご注意ください。
Version: 1.0.1
Updated: 2024-07-24

*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/*追加*/
body{
	min-height: 100vh;
    position: relative;
    padding-bottom: 60px;
    box-sizing: border-box;
}
footer{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.slide-text-title{
	font-family: "Zen Maru Gothic";
    font-style: normal; 
}
.container .slide-text-caption{
    font-style: normal !important;
	font-weight: bold;
}

.carousel-control-prev-icon {
    display: none;
}
.carousel-control-next-icon {
    display: none;
}
.copySection p {
    font-family: "Zen Maru Gothic";
	font-size: clamp(10px, 2.7vw, 12px);
}

.siteHeader_logo a {
    color: #31bab6 !important;
}

.page-header_pageTitle, h1.page-header_pageTitle:first-child{
	font-family: "Zen Maru Gothic";
	font-size: 1.95rem;
}

body.home a.wp-block-read-more{
	border:1px solid #31bab6;
	display: block;
	margin-bottom: 50px;
	text-align: center;
	padding: 10px;
    width: 100%;
    border-radius: 10px;
	transition: 0.6s;
}
body.home a.wp-block-read-more:hover{
	background: #31bab6;
	text-decoration: none;
	color: #fff;
}

body.home li.wp-block-post.category-reseavation{
	padding: 5%;
}

/*サイトタイトル文字サイズ*/
.siteHeader .siteHeader_logo{
	font-size: clamp(15px, 3.4vw, 20px);
	font-family: "Zen Maru Gothic";
    font-style: normal;
    color: #78DDCD !important;
}

/*スタッフ詳細ページ*/
#staff_header{
	margin-bottom: 30px;
}
#staff_header .staff_img{
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	#staff_header.has_thumbnail{
		display: flex;
		align-items: center;
	}
	
	#staff_header.has_thumbnail .staff_img{
		width: 40%;
		margin-right: 20px;
	}
	#staff_header.has_thumbnail .staff_info{
		width: calc( 60% - 20px );
	}
	
}

/*予約フォーム*/
.start_booking_package{
	margin-bottom: 5rem;
}
#booking-package_inputFormPanel .row{
	display: block;
}
#booking-package_inputFormPanel .row div.name,
#booking-package_inputFormPanel .row div.value{
	display: block;
}
#booking-package #booking-package_inputFormPanel .row .form_text{
	width: 100%;
}
@media (min-width: 992px) {
	#booking-package_inputFormPanel .row{
		display: flex;
		justify-content: space-between;
	}
	#booking-package_inputFormPanel .row div.name{
		width: 35%;
	}
	#booking-package_inputFormPanel .row div.value{
		width: 60%;
	}
}
/*予約完了*/
.post-name-thanks-chiropractic .siteContent {
    padding: 8rem 0 2rem;
}

/*@media (min-width: 1200px) {
    .siteContent {
        padding: 7.5rem 0 4rem;
    }
}
@media (min-width: 992px) {
    .siteContent {
        padding: 7rem 0 3.5rem;
    }
}
@media (min-width: 768px) {
    .siteContent {
        padding: 7.5rem 0 2.5rem;
    }
}*/
#booking-package button.return_button {
	color: #DDC58D;
    border: solid 1px #DDC58D !important;
    background: #fff;
	font-family: "Zen Maru Gothic";
    font-style: normal; 
}
#booking-package button.return_button:hover {
    background: #DDC58D !important;
	color: #fff;
}
#booking-package button.return_form_button:hover {
	background: #DDC58D !important;
	color: #fff;
}
#booking-package button.return_form_button {
	background: #fff;
    border: solid 1px #DDC58D !important;
	color: #DDC58D;
}
#booking-package button.book_now_button, #booking-package button.return_form_button {
	font-family: "Zen Maru Gothic";
    font-style: normal; 
}