/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;900&display=swap');
/* -----------------------------共通設定------------------------------------ */
body {
	font-family: 'Noto Sans JP', sans-serif;
}

.vk-mobile-nav-menu-btn {
	display: none;
}

.sectionBox.copySection p:nth-of-type(2) {
    display:none;
}

.wp-block-image .wp-image-373 {
	margin:auto;
}

/* ボタン設定 */
.wp-block-button .wp-block-button__link {
	border-radius:17px;
	box-shadow:0 5px 0 #686BF2;
}

.top__btn--hp .wp-block-button__link  {
	background-color: #edeff6;
	color: #333333;
	box-shadow:0 5px 0 #333333;
}

.top__btn--hp {
	position: absolute;
	z-index: 10;
	top:25px;
}

/* ボタンホバー時 */
.wp-block-button .wp-block-button__link:hover {
	box-shadow: none;
	transform: translateY(5px);
}
.wp-block-button>.wp-block-button__link.has-background:hover {
	background-color:#686BF2 !important;
}
.wp-block-button.top__btn--hp>.wp-block-button__link.wp-element-button:hover {
	background-color: #333333 ;
}

/* -----------------------------トップページ------------------------------------ */

/* メッセージサイズ */
.top_message {
	font-size:2rem;
}
/* ボタン設定 */
.top_button {
	position:relative;
	z-index:2;
	top:-100px;
}
/* オーバーレイ */
.taxi__opacity {
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	z-index:2;
	width:100vw;
	height:100vh;
	display:none;
}
/* モーダルアニメーション */
@keyframes modalOpen {
	from{opacity:0;}
	to{opacity:1;}
}
/* はいモーダル設定 */
body .modal__yes.wp-block-column.is-layout-flow {
	margin-top:-300px;
	z-index:10;
	position:relative;
	display:none;
	padding:5%;
	animation-name:modalOpen;
	animation-duration:1s;
}
/* はいモーダル×ボタン */
body .modalClose__yes {
	position:absolute;
	left:50%;
	font-weight:bold;
	font-size:25px;
}
/* ×ボタンホバー */
body .modalClose__yes:hover {
	cursor:pointer;
	opacity:0.5;
}
/* いいえモーダル設定 */
body .modal__no.is-layout-flow.wp-block-column {
	margin-top:-300px;
	z-index:10;
	position:relative;
	display:none;
	padding:5%;
	animation-name:modalOpen;
	animation-duration:1s;
}
/* いいえモーダル×ボタン */
body .modalClose__no {
	position:absolute;
	left:50%;
	font-size:25px;
	font-weight:bold;
}
/* ×ボタンホバー */
body .modalClose__no:hover {
	cursor:pointer;
	opacity:0.5;
}

/* ----------------------------------カレンダーページ----------------------------------------- */

/* カレンダータイトルの設定 */
.multiple-calendar .calendar-title {
	font-weight:bold;
	font-size:1.4rem;
}
/* カレンダーサイズの設定 */
.multiple-calendar table {
	width:95%;
	margin:0 auto;
	table-layout:fixed;
}
/* カレンダーキャプションの位置を頭に */
.calendar-caption {
	caption-side:top;
}
/* マークの大きさ */
.calendar-mark {
	font-size:1.0rem;
}
/* 予約確認ボタン */
.calendar__button .wp-block-button__link {
	background-color:#f0f0f0;
	color:#000000;
	border-radius:5px;
	border:1px solid;
	box-shadow:none;
}
.calendar__button .wp-block-button__link:hover:not(.has-background) {
	opacity:0.5;
	transform: translateY(0);
	color:#000000!important;
	background-color:#f0f0f0;
}

/* 予約項目いらない方を非表示 */
.day-box.sat .calendar-mark:nth-of-type(2), .holiday .calendar-mark:nth-of-type(2),.day-box.sun .calendar-mark:nth-of-type(2),
td:not(.sat,.sun,.holiday) .calendar-mark:nth-of-type(3) {
	display:none;
}
/* 予約項目名の非表示 */
.article-name {
	display:none;
}
/* 画面サイズ500px以下 */
/* 曜日と祭日名を小さく */
@media screen and (max-width:500px) {
	.schedule-note,.multiple-calendar .week-title{
		font-size:11px;
	}
}
/* ---------------------------------予約時間選択ページ---------------------------------------- */

/* キャプション位置を頭に */
.mtssb-timetable-link caption {
	caption-side:top;
}
/* 戻るボタン中央 */
.mtssb-daily-action {
	text-align:center;
}
/* 戻るボタン設定 */
.mtssb-daily-action button {
	width:60px;
	padding-top:calc(0.3em + 1px);
	padding-bottom:calc(0.3em + 1px);
	border-radius:5px;
	border:1px solid;
}
/* 戻るボタンホバー時 */
.mtssb-daily-action button:hover {
	opacity:0.5;
}
/* コンテンツの設定 */
.page-id-28 .multiple-calendar.day-calendar {
	width:70%;
	margin:0 22% 20px auto;
}
/* アコーディオンボタン設定 */
.menu-btn {
	width:60px;
	height:40px;
	background-color:#fff;
	outline:initial;
	border-radius:10px;
	position:relative;
	top:1px;
	border: 1.5px solid #dddddd;
}
/* アコーディオンボタンホバー時 */
.menu-btn:hover {
	opacity:0.3;
}
/* アコーディオンボタンタブキーフォーカス時 */
.menu-btn:focus-visible {
	box-shadow: 0 0 0 2px blue;
}
/* アコーディオンボタン矢印 */
.menu-btn .inn {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
/* アコーディオン閉じている時 */
.menu-btn .inn::before {
	position:absolute;
	content:"";
	top:35%;
	left:50%;
	width:15px;
	height:15px;
	transform: translate(-50%, -40%) rotate(135deg);
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transition:0.5s ease;
}
/* アコーディオン開いている時 */
.menu-btn.is-open .inn:before {
	top: 65%;
	transform: translate(-50%,-60%) rotate(-45deg);
}
/* アコーディオン高さ設定 */
.acordion {
	line-height:0;
}
/* アコーディオン普段は非表示 */
.mtssb-timetable-link tr:nth-of-type(3),.mtssb-timetable-link tr:nth-of-type(4),.mtssb-timetable-link tr:nth-of-type(5),
.mtssb-timetable-link tr:nth-of-type(6),.mtssb-timetable-link tr:nth-of-type(7),.mtssb-timetable-link tr:nth-of-type(9),
.mtssb-timetable-link tr:nth-of-type(10),.mtssb-timetable-link tr:nth-of-type(11),.mtssb-timetable-link tr:nth-of-type(12),
.mtssb-timetable-link tr:nth-of-type(13),.mtssb-timetable-link tr:nth-of-type(15),.mtssb-timetable-link tr:nth-of-type(16),
.mtssb-timetable-link tr:nth-of-type(17),.mtssb-timetable-link tr:nth-of-type(18),.mtssb-timetable-link tr:nth-of-type(19),
.mtssb-timetable-link tr:nth-of-type(21),.mtssb-timetable-link tr:nth-of-type(22),.mtssb-timetable-link tr:nth-of-type(23),
.mtssb-timetable-link tr:nth-of-type(24),.mtssb-timetable-link tr:nth-of-type(25),.mtssb-timetable-link tr:nth-of-type(27),
.mtssb-timetable-link tr:nth-of-type(28),.mtssb-timetable-link tr:nth-of-type(29),.mtssb-timetable-link tr:nth-of-type(30),
.mtssb-timetable-link tr:nth-of-type(31),.mtssb-timetable-link tr:nth-of-type(33),.mtssb-timetable-link tr:nth-of-type(34),
.mtssb-timetable-link tr:nth-of-type(35),.mtssb-timetable-link tr:nth-of-type(36),.mtssb-timetable-link tr:nth-of-type(37),
.mtssb-timetable-link tr:nth-of-type(39),.mtssb-timetable-link tr:nth-of-type(40),.mtssb-timetable-link tr:nth-of-type(41),
.mtssb-timetable-link tr:nth-of-type(42),.mtssb-timetable-link tr:nth-of-type(43),.mtssb-timetable-link tr:nth-of-type(45),
.mtssb-timetable-link tr:nth-of-type(46),.mtssb-timetable-link tr:nth-of-type(47),.mtssb-timetable-link tr:nth-of-type(48),
.mtssb-timetable-link tr:nth-of-type(49),.mtssb-timetable-link tr:nth-of-type(51),.mtssb-timetable-link tr:nth-of-type(52),
.mtssb-timetable-link tr:nth-of-type(53),.mtssb-timetable-link tr:nth-of-type(54),.mtssb-timetable-link tr:nth-of-type(55) {
	display:none;
}
/* アコーディオン部分余計なボタン非表示 */
.mtssb-timetable-link tr:nth-of-type(3) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(4) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(5) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(6) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(7) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(9) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(10) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(11) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(12) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(13) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(15) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(16) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(17) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(18) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(19) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(21) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(22) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(23) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(24) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(25) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(27) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(28) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(29) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(30) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(31) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(33) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(34) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(35) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(36) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(37) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(39) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(40) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(41) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(42) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(43) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(45) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(46) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(47) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(48) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(49) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(51) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(52) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(53) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(54) .btn__wrap,.mtssb-timetable-link tr:nth-of-type(55) .btn__wrap,
.mtssb-timetable-link tr:nth-of-type(56) .btn__wrap {
	display:none;
}

/* ----------------------------------------------------------予約フォームページ------------------------------------------------------ */

/* 人数欄非表示 */
.booking-form-people-number-row {
	display:none;
}
/* チェックボックスとメッセージ設定 */
.page-id-18 #booking_client-fieldset span {
	font-size:11px;
	margin:auto auto auto 0;
}
.page-id-18 #booking_client-fieldset .booking-samename {
	margin:auto 0 auto auto;
}
/* ご連絡先の項目欄の高さ調整 */
.page-id-18 .content-form th {
	line-height:1.5rem;
}
/* ご連絡先のテキストボックスの高さ設定 */
.page-id-18 #booking_client-fieldset tr td input {
	height:80%;
}
/* 質問事項のセレクトボックス、テキストボックスの高さ設定 */
.page-id-18 #booking-option-table select,.page-id-18 #booking-option-table input {
	height:80%;
}
/* 介助が必要時のみ出るメッセージ普段は消す */
.option-note.assistance {
	display:none;
}
/* 往復選択時のみ出る選択欄普段は消す */
#booking-option-table tr:nth-of-type(8) {
	display:none;
}
/* 申込者＝利用者判別チェックボックス(内部保存用)非表示 */
#booking-option-table tr:nth-of-type(9) {
	display:none;
}
#confirmation-name-same {
	display:none;
}

/* ボタンを横並び */
.page-id-18 #action-button {
	display:flex;
	justify-content:center;
}
/* ボタン設定 */
.page-id-18 #action-button button:first-child {
	margin-right:60px;
}
.page-id-18 #action-button button {
	border-radius:5px;
	padding-top:calc(0.3em + 1px);
	padding-bottom:calc(0.3em + 1px);
	border:1px solid;
}
.page-id-18 #action-button button:hover {
	opacity:0.5;
}
/* 試しボタン非表示 */
.btn_demo {
	display:none !important;
}
/* 769px以下の時 */
@media screen and (max-width:769px) {
	/*名前、フリガナ枠*/
	.page-id-18 .content-text.small-medium {
		width:50%;
		font-size:13px;
	}
	/*電話番号欄*/
	.page-id-18 .content-text.medium {
		width:70%;
		font-size:13px;
	}
}
/* 770px以上の時 */
@media screen and (min-width:770px) {
/* 申込者お名前～ご利用者フリガナまで横並びに表示 */
	.page-id-18 #booking_client-fieldset tr:nth-of-type(1) td,.page-id-18 #booking_client-fieldset tr:nth-of-type(2) td,
    .page-id-18 #booking_client-fieldset tr:nth-of-type(3) td,.page-id-18 #booking_client-fieldset tr:nth-of-type(4) td {
		display:flex;	
	}
}
/* 992px以上の時 */
@media screen and (min-width:992px) {
	/* コンテンツの設定 */
	.page-id-18 .content-form {
		width:80%;
		margin:0 auto;
	}
}

/* ----------------------------------------------------------使用不可ページ------------------------------------------------------ */
.content__msg {
	font-size: 35px;
}
.content__tel {
	font-size: 22px;
}