@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#wpadminbar {
	display: none;
}

/************************************
** common
************************************/
/* 背景を白に */
.body {
	background: #fff;
}

/* 非表示 */
.date-tags,
.author-info,
.entry-title {
	display: none;
}

/* コンテンツ幅 */
.wrap {
	width: 100%;
	overflow: hidden;
}

/* コンテンツ幅 */
.c-container {
	max-width: 1440px;
	padding-inline: 15px;
}

/* コンテンツ幅 */
@media screen and (min-width: 782px) {
	.c-container {
		padding-inline: 20px;
	}
}

/* headerとコンテンツの余白 */
.entry-content {
	margin-top: 0;
	margin-bottom: 0;
}

/* 見出しのレイアウト */
.article h2 {
	margin-bottom: 0;
	background: initial;
	font-size: 24px;
}


/* 見出しのレイアウト */
@media screen and (min-width: 481px) {
	.article h2 {
		font-size: 28px;
	}
}

/* 見出しのレイアウト */
.article h3 {
	padding: initial;
	border: initial;
	font-size: 20px;
}

/* 見出しのレイアウト */
@media screen and (min-width: 481px) {
	.article h3 {
		font-size: 24px;
	}
}

/* タイトルとサブタイトルを反転 */
.smb-section__header {
    display: flex;
    flex-direction: column-reverse;
}

/* トップへ戻るボタンのレイアウト */
.go-to-top-button {
	border-radius: 50%;
	transition: linear .3s;
}

/* ホバー時の挙動 */
.go-to-top-button:hover {
	filter: brightness(90%);
}

@media screen and (max-width: 1249px) {
	.go-to-top {
		bottom: 65px;
	}
}

/* セクションタイトルとセクションコンテンツの幅 */
.smb-section__contents-wrapper>*+* {
	margin-top: var(--_margin3);
}

/************************************
** header
************************************/
/* header幅 */
.header-container {
	max-width: 100%;
	margin-inline: auto;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000; /* 必要に応じて */
}

/* header幅 */
.header-container-in.hlt-top-menu {
	max-width: 1440px;
	margin-inline: auto;
}

@media screen and (max-width: 1249px) {
/* レスポンシブ時非表示 */
	.header-container {
		display: none;
	}
	
/* レスポンシブ時表示 */
	.mobile-menu-buttons {
		display: flex;
		align-items: stretch;
	}
	
/* ロゴの幅を余った分広げる */
	.logo-menu-button {
		flex-grow: 1;
	}
	
/* モバイル時のheader枠レイアウト */
	.mobile-header-menu-buttons {
        top: 0;
        bottom: auto;
        justify-content: space-between;
        min-width: 46px;
        box-shadow: 0 0 5px darkgrey;
    }
	
/* レスポンシブ時モバイルフッターのレイアウト */
	.mobile-footer-menu-buttons {
        justify-content: space-around;
    }
}

/* ヘッダーロゴ余白 */
.site-name-text-link {
    padding: 0 .5em;
}

/* headerナビ余白 */
#navi .navi-in>ul>li>a {
    padding: 0 1em;
}

/* headerナビフォント */
.navi-in a {
	font-weight: 700;
}

/* ホバー時の挙動 */
.navi-in a:hover {
	background: initial;
}

/* headerナビサイズ */
#navi .navi-in>ul>li {
	width: fit-content;
}

/* headerナビレスポンシブ時非表示 */
@media screen and (max-width: 1249px) {
    .navi-in .menu-pc {
        display: none;
    }
}

/* headerナビレスポンシブ時表示 */
@media screen and (max-width: 1249px) {
    .header-container-in.hlt-top-menu {
        flex-direction: column;
    }
}

/* TELのボーダーの疑似要素 */
/* .navi-in > ul li:nth-of-type(5)::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 1px;
    height: 28px;
    background: #333;
} */

/* TELの余白 */
/* #navi .navi-in>ul>.tel-link>a {
	padding-left: 35px;
} */

/* TELのアイコン */
/* .tel-link a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/137712fc7cba3665d0e272ddf1d8c882.png') no-repeat center center / contain;
	width: 23px;
	height: 23px;
} */

/* tel予約のナビレイアウト */
#navi .navi-in>ul>.tel-link>a {
	background: #F66670;
	border-radius: 3px;
	color: #fff;
	padding: 0 .5em;
}

#navi .navi-in>ul>.tel-link>a .caption-wrap .item-label {
	font-size: 18px;
}

/* ネット予約のナビレイアウト */
#navi .navi-in>ul>.web-link>a {
	background: #F66670;
	border-radius: 3px;
	color: #fff;
	padding-left: 40px;
}

/* ネット予約のアイコン */
.web-link a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/7cdb15632481c4bfb7a7c714ae12933d.png') no-repeat center center / contain;
	width: 27px;
	height: 27px;
}

/* ネット予約の余白 */
.navi-in > ul li:nth-of-type(6) {
	padding-left: .5em;
}

/* LINE予約の余白 */
.navi-in > ul li:nth-of-type(7) {
    padding-inline: .5em;
}

/* LINE予約のレイアウト */
#navi .navi-in>ul>.line-link>a {
	background: #02B902;
	border-radius: 3px;
	color: #fff;
	padding-left: 38px;
}

/* LINEのアイコン */
.line-link a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/icon-line.png') no-repeat center center / contain;
	width: 23px;
	height: 23px;
}

/* ロゴホバー時のアニメーション */
a.site-name.site-name-text-link {
	transition: opacity .3s;
}

/* ホバー時の挙動 */
a.site-name.site-name-text-link:hover {
	opacity: .6;
}

/* ナビメニューの疑似要素 */
.navi-in > ul li:nth-of-type(1) a::before,
.navi-in > ul li:nth-of-type(2) a::before,
.navi-in > ul li:nth-of-type(3) a::before,
.navi-in > ul li:nth-of-type(4) a::before {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: #f66670;
	transition: width 0.3s linear;
	border-radius: 3px;
} 

/* ホバー時に疑似要素表示 */
.navi-in > ul li:nth-of-type(1) a:hover::before,
.navi-in > ul li:nth-of-type(2) a:hover::before,
.navi-in > ul li:nth-of-type(3) a:hover::before,
.navi-in > ul li:nth-of-type(4) a:hover::before {
	width: calc(100% - 50%);
}

/* ナビボタンのホバー時の挙動 */
.web-link a:hover,
.line-link a:hover,
.tel-link a:hover {
	filter: brightness(90%);
}

/* ナビボタンレイアウト */
.navi-in > ul .web-link,
.navi-in > ul .line-link,
.navi-in > ul .tel-link {
	height: 50px;
	inset-block: 0;
	margin-block: auto;
}

/* レスポンシブ時表示 */
@media screen and (max-width: 1249px) {
	#navi .navi-in > .menu-mobile {
		display: flex;
	}
}

/* mobileheaderが追従するように */
@media screen and (max-width: 1249px) {
    .mobile-header-menu-buttons {
        top: 0 !important;
    }
}

/* モバイルヘッダーロゴ */
.logo-menu-button img {
	width: 100%;
}

/* mobileheaderのテキスト */
.mobile-menu-buttons .menu-caption {
	font-weight: 700;
}

/* アニメーション遅延 */
.mobile-menu-buttons .menu-button > a,
.menu-button-in {
	transition: opacity .3s;
}

/* 元のアイコンを非表示 */
.mobile-menu-buttons li:nth-child(2) a svg path,
.mobile-menu-buttons li:nth-child(3) a svg path {
	display: none;
}

/* 疑似要素の基点 */
.mobile-menu-buttons li:nth-child(2) a span.custom-menu-icon.menu-icon,
.mobile-menu-buttons li:nth-child(3) a span.custom-menu-icon.menu-icon {
	position: relative;
}

/* 電話ボタンの左にボーダー */
.mobile-menu-buttons li:nth-child(2) {
	border-left: 1px solid #000;
}

/* WEB予約のボタン背景 */
.mobile-menu-buttons li:nth-child(3) {
	background: #f66670;
}

/* WEB予約のテキストカラー */
.mobile-menu-buttons li:nth-child(3) a {
	color: #fff;
}

/* 疑似要素のレイアウト */
.mobile-menu-buttons li:nth-of-type(2) a span.custom-menu-icon.menu-icon::before,
.mobile-menu-buttons li:nth-of-type(3) a span.custom-menu-icon.menu-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
}

/* 電話のアイコン */
.mobile-menu-buttons li:nth-of-type(2) a span.custom-menu-icon.menu-icon::before {
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/137712fc7cba3665d0e272ddf1d8c882.png') no-repeat center center / contain;
}

/* WEBのアイコン */
.mobile-menu-buttons li:nth-of-type(3) a span.custom-menu-icon.menu-icon::before {
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/7cdb15632481c4bfb7a7c714ae12933d.png') no-repeat center center / contain;
}

/************************************
** ドロワー
************************************/
/* ドロワー上部のレイアウト */
.menu-close-button {
	background: #f66670;
	color: #fff;
}

/* ドロワーコンテントの余白 */
.menu-content .menu-drawer {
    padding: 20px 15px; 
}

/* ドロワーメニューのレイアウト */
ul.menu-drawer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* 疑似要素の基点 */
.mobile-feature,
.mobile-menu,
.mobile-price,
.mobile-staff,
.mobile-calendar,
.mobile-store {
	position: relative;
	border-bottom: 1px solid #333;
}

/* フォントオーサム使用 */
.mobile-feature::after,
.mobile-menu::after,
.mobile-price::after,
.mobile-staff::after,
.mobile-calendar::after,
.mobile-store::after {
	content: "\f054";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	transition: opacity .3s;
}

/* フォントオーサム使用 */
.mobile-feature:hover::after,
.mobile-menu:hover::after,
.mobile-price:hover::after,
.mobile-staff:hover::after,
.mobile-calendar:hover::after,
.mobile-store:hover::after {
	opacity: .6;
}

/* ボーダーを非表示 */
.mobile-menu {
	border-left: initial !important;
}

/* 背景を非表示 */
.mobile-price {
	background: initial !important;
}

/* カラーを変更 */
.mobile-price a {
	color: #333 !important;
}

/* ドロワーメニューのレイアウト */
.mobile-tel,
.mobile-web,
.mobile-line {
	width: 250px;
	margin-inline: auto;
	text-align: center;
}

/* ドロワーメニューの余白 */
.menu-drawer a {
	padding: 10px;
}

/* ホバー時の挙動 */
.menu-drawer a:hover {
	opacity: .6;
}

/* ドロワーメニューのレイアウト */
.mobile-tel a,
.mobile-web a,
.mobile-line a {
	position: relative;
	color: #fff;
	border-radius: 3px;
	padding-block: 15px;
	font-weight: 700;
	padding-left: 30px;
	transition: linear .3s;
}

/* ホバー時の挙動 */
.mobile-tel a:hover,
.mobile-web a:hover,
.mobile-line a:hover {
	filter: brightness(90%);
	opacity: initial;
}

/* TELの背景 */
.mobile-tel a {
	background: #31859C;
}

/* TELの背景 */
.mobile-tel a:hover {
	background: #31859C;
	color: #fff;
}

/* WEBの背景 */
.mobile-web a {
	background: #f66670;
}

/* WEBの背景 */
.mobile-web a:hover {
	background: #f66670;
	color: #fff;
}

/* LINEの背景 */
.mobile-line a {
	background: #02B902;
}

/* LINEの背景 */
.mobile-line a:hover {
	background: #02B902;
	color: #fff;
}

/* 疑似要素のposition */
.mobile-tel a::before,
.mobile-web a::before,
.mobile-line a::before {
	content: "";
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}

/* TELの配置 */
.mobile-tel a::before {
	width: 23px;
	height: 23px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/c32b7e665d1a0424edf8738e9d410aa0.png') no-repeat center center / contain;
	left: 55px;
}

/* WEBの配置 */
.mobile-web a::before {
	width: 27px;
	height: 27px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/7cdb15632481c4bfb7a7c714ae12933d.png') no-repeat center center / contain;
}

/* LINEの配置 */
.mobile-line a::before {
	width: 23px;
	height: 23px;
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/icon-line.png') no-repeat center center / contain;
	left: 52px;
}

/************************************
** main
************************************/
/* 余白なくす */
.main {
	padding: 0;
}

/* レスポンシブ時の余白なくす */
@media screen and (max-width: 834px) {
	main.main {
		padding: 0;
	}
}

/* 基点を設置 */
.wp-block-snow-monkey-blocks-section.top-section1 {
	position: relative;
}

/* fvの文字の配置 */
.wp-block-group.fv-content {
	position: absolute;
	bottom: 100px;
	left: 0;
	z-index: 10;
}

@media screen and (max-width: 781px) {
	.wp-block-group.fv-content {
		bottom: 20px;
	}
}

@media screen and (max-width: 639px) {
	.wp-block-group.fv-content {
		bottom: -188px;
	}
}

/* fvのタイトルのレイアウト */
.fv-title,
.fv-title2 {
	position: relative;
	z-index: 10;
	background: rgba(252, 235, 242, .8);
	border-radius: 3px;
	font-size: 19.5px;
	font-weight: 700;
	padding: 10px;
}

/* fvのタイトルのレイアウト */
@media screen and (min-width: 782px) {
	.fv-title,
	.fv-title2 {
		font-size: 30px;
	}
}

/* fvのタイトルのレイアウト */
@media screen and (min-width: 1023px) {
	.fv-title,
	.fv-title2 {
		font-size: 40px;
		padding: 20px;
	}
}

/* fvのタイトルの間隔 */
p.fv-title {
	margin-bottom: .5rem;
}

/* fvのタイトルの間隔 */
@media screen and (min-width: 782px) {
	p.fv-title {
		margin-bottom: 1rem;
	}
}

/* fvのタイトルの背景を幅に合わせる */
.fv-title2 {
	display: inline-block;
}

/* column内のタイトルのレイアウト */
.l-text__font {
	font-size: 16px;
}

/* column内のタイトルのレイアウト */
@media screen and (min-width: 481px) {
	.l-text__font {
		font-size: 18px;
	}
}

/* 改行を非表示 */
@media screen and (min-width: 782px) and (max-width: 831px) {
	.l-br {
		display: none;
	}
}

/* レスポンシブ時columnの順番を統一 */
@media screen and (max-width: 781px) {
	.wp-block-columns.column-reverse {
		flex-direction: column-reverse;
	}
} 

/* column間の縦並びの余白 */
.wp-block-columns.column-margin {
	margin-bottom: 5rem;
}

/* column間の縦並びの余白 */
/* @media screen and (min-width: 781px) {
	.wp-block-columns.column-margin {
	margin-bottom: 5rem;
	}
} */

/* レスポンシブ時の上部余白、FVのテキストが下に来るため重ならないようにする */
@media screen and (max-width: 639px) {
	.wp-block-snow-monkey-blocks-section.top-section2 {
		padding-top: 200px !important;
	} 
}

/* 価格表タイトル下のテキストのレイアウト */
.price-text {
	width: 310px;
}

/* レスポンシブ時columnレイアウト */
@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-columns {
		gap: 3rem;
		margin-bottom: 3rem;
	}	
}

/* レスポンシブ時columnのレイアウト */
@media screen and (min-width: 1024px){
	.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-columns {
		gap: 5rem;
		margin-bottom: 3rem;
	}	
}

/* tableのボーダーなくす */
.wp-block-snow-monkey-blocks-section.top-section4 table:not(.has-border-color) :where(th, td) {
    border: none;
}

/* tableのヘッドのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 th.has-text-align-left {
	padding-left: 30px;
}

/* tableheadのボーダー */
.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-table thead {
	border-top: 2px solid #F66670;
	border-bottom: 1px solid #F66670;
}

/* tableの背景 */
table th, table td {
	background: #fff;
}

/* レスポンシブ時のフォントサイズ */
@media screen and (min-width: 835px) {
    .wp-block-snow-monkey-blocks-section.top-section4 table th,
	.wp-block-snow-monkey-blocks-section.top-section4 table td {
        font-size: 14px;
    }
}

/* レスポンシブ時のフォントサイズ */
@media screen and (min-width: 1440px) {
    .wp-block-snow-monkey-blocks-section.top-section4 table th,
	.wp-block-snow-monkey-blocks-section.top-section4 table td {
        font-size: 16px;
    }
}

/* flexの値をtdで使用できるようにするため */
.wp-block-snow-monkey-blocks-section.top-section4 tr {
	display: flex;
}

/* tableheadのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 th:first-child {
	flex: 1;
}

/* tableheadのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 th:last-child {
	flex-shrink: 1;
}

/* table施術名のレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 td:first-child {
	flex: 1;
}

/* table価格のレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 td:last-child {
	font-weight: 700;
	text-align: right;
	flex-shrink: 1;
}

/* 画像のレイアウトを統一 */
.wp-block-snow-monkey-blocks-section.top-section5 figure.wp-block-image img {
    width: 160px;
	height: 160px;
	max-width: 100%;
    border-radius: 50%;
    object-fit: cover;
	margin-inline: auto;
}

/* 画像のレイアウトを統一 */
@media screen and (min-width: 480px) {
	.wp-block-snow-monkey-blocks-section.top-section5 figure.wp-block-image img {
		width: 180px;
		height: 180px;
	}
}

/* 画像のレイアウトを統一 */
@media screen and (min-width: 782px) and (max-width: 807px) {
	.wp-block-snow-monkey-blocks-section.top-section5 figure.wp-block-image img {
		width: 170px;
		height: 170px;
	}
}

/* 画像のレイアウトを統一 */
@media screen and (min-width: 808px) {
	.wp-block-snow-monkey-blocks-section.top-section5 figure.wp-block-image img {
		width: 180px;
		height: 180px;
	}
}

/* 役職、名前中央揃え */
.wp-block-snow-monkey-blocks-section.top-section5 p {
	text-align: center;
}

/* 役職の下余白 */
.wp-block-snow-monkey-blocks-section.top-section5 p:nth-of-type(1) {
	margin-bottom: .5rem;
}

/* 名前のレイアウト */
.wp-block-snow-monkey-blocks-section.top-section5 p:nth-of-type(2) {
	font-weight: 700;
	font-size: 18px;
}

/* 名前のレイアウト */
@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-section.top-section5 p:nth-of-type(2) {
		font-size: 20px;
	}
}

/* スタッフcolumnのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section5 .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

/* スタッフcolumnのレイアウト */
@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-section.top-section5 .wp-block-columns {
		grid-template-columns: repeat(4, 1fr);
		gap: 1rem;
	}
}

/* tableheadの高さ */
@media screen and (min-width: 640px) {
	.wp-block-snow-monkey-blocks-section.top-section6 thead tr {
		height: 70px;
	}
}

/* tablebodyの一つ目のボーダーボトムを追加 */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr:first-child {
	border-bottom: 1px solid #f66670;
}

/* tablebodyの一番左のボーダーrightを追加 */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr td:first-child {
	border-right: 1px solid #f66670;
}

/* 営業カレンダーtable上の営業時間の余白 */
p.calendar-time__text {
	margin-bottom: .5rem;
}

/* 営業カレンダーtable上の営業時間のフォントサイズ,table内font-size */
@media screen and (min-width: 640px) {
	p.calendar-time__text,
	table.has-fixed-layout {
		font-size: 19px;
	}
}

/* tableのtd内の営業時間 */
.time-size {
	font-size: 5.4px;
	color: #333;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3px;
    width: 100%;
    line-height: 1.2;
}

/* tableのtd内の営業時間 */
@media screen and (min-width: 640px) {
	.time-size {
		font-size: 9.5px;
		bottom: 10px;
	}
}

/* tableのtd内の営業時間 */
@media screen and (min-width: 835px) {
	.time-size {
		font-size: 12.5px;
		bottom: 7px;
	}
}

/* tablebodyの高さ */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr {
	height: 50px;
}

/* tablebodyの高さ */
@media screen and (min-width: 640px) {
	.wp-block-snow-monkey-blocks-section.top-section6 tbody tr {
		height: 100px;
	}
}

/* tableヘッダーのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section6 thead tr th {
	background: #f66670;
	color: #fff;
	border-block: initial !important;
}

/* theadボーダー一番左削除 */
.wp-block-snow-monkey-blocks-section.top-section6 thead tr th:nth-of-type(1) {
	border-left: initial;
	width: 23%;
	border-right: 1px solid #fff;
}

/* theadボーダー一番右削除 */
.wp-block-snow-monkey-blocks-section.top-section6 thead tr th:nth-of-type(8) {
	border-right: initial;
}

/* 土曜日のカラー */
.wp-block-snow-monkey-blocks-section.top-section6 tr th:nth-of-type(7) {
/* 	color: #0075FF; */
}

/* 日曜日のカラー */
.wp-block-snow-monkey-blocks-section.top-section6 tr th:nth-of-type(8) {
/* 	color: #C22727; */
}

/* tableの文章のレイアウト */
.wp-block-snow-monkey-blocks-section.top-section6 td {
	text-align: center;
	font-weight: 700;
}

/* tableの文章のカラー */
.wp-block-snow-monkey-blocks-section.top-section6 td:not(:first-child) {
	color: #F66670;
}

/* tableのレイアウト */
.wp-block-snow-monkey-blocks-section.top-section6 .wp-block-table {
  border: 1px solid #F66670;
  border-radius: 3px;
  overflow: hidden; /* 角丸を正しく表示するため推奨 */
}

/* tableのボーダーのカラー変更 */
.wp-block-snow-monkey-blocks-section.top-section6 table:not(.has-border-color) :where(th, td) {
    border: initial;
	padding: 4px;
}

/* table下のボーダー削除 */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr:nth-of-type(2) td {
	border-bottom: initial;
}

/* tbodyボーダー一番左削除 */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr td:nth-of-type(1) {
	border-left: initial;
}

/* tbodyボーダー一番右削除 */
.wp-block-snow-monkey-blocks-section.top-section6 tbody tr td:nth-of-type(8) {
	border-right: initial;
	position: relative;
}

/* tableheadの下線を通常にする */
.wp-block-snow-monkey-blocks-section.top-section6 .wp-block-table thead {
	border-bottom: none;
}

/* 予約ボタンのレイアウト */
.wp-block-snow-monkey-blocks-buttons.reservation-button__content {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	place-items: center;
}

/* 予約ボタンのレイアウト */
@media screen and (min-width: 640px) {
	.wp-block-snow-monkey-blocks-buttons.reservation-button__content {
		grid-template-columns: repeat(3, 1fr);
		max-width: 860px;
	}	
}

/* 予約ボタンの幅を広げる */
.wp-block-snow-monkey-blocks-buttons.reservation-button__content .wp-block-snow-monkey-blocks-btn {
	width: 100%;
	text-align: center;
}

/* 予約ボタンのレイアウト */
.wp-block-snow-monkey-blocks-buttons.reservation-button__content .wp-block-snow-monkey-blocks-btn a.smb-btn {
	width: 100%;
	height: 50px;
	align-items: center;
	border-radius: 3px;
	padding-left: 40px;
}

/* 疑似要素の基点 */
.wp-block-snow-monkey-blocks-btn a.smb-btn .smb-btn__label {
	position: relative;
}

/* 疑似要素の配置 */
.wp-block-snow-monkey-blocks-btn.tel-button a.smb-btn .smb-btn__label::before,
.wp-block-snow-monkey-blocks-btn.web-button a.smb-btn .smb-btn__label::before,
.wp-block-snow-monkey-blocks-btn.web-button2 a.smb-btn .smb-btn__label::before,
.wp-block-snow-monkey-blocks-btn.line-button a.smb-btn .smb-btn__label::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	left: -35px;
}

/* 疑似要素のアイコン */
.wp-block-snow-monkey-blocks-btn.tel-button a.smb-btn .smb-btn__label::before {
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/c32b7e665d1a0424edf8738e9d410aa0.png') no-repeat center center / contain;
	width: 26px;
	height: 26px;
}

/* 疑似要素のアイコン */
.wp-block-snow-monkey-blocks-btn.web-button a.smb-btn .smb-btn__label::before {
	background: url('https://kanazawashinkyu.com/wp-content/uploads/2025/05/33b6d0291b1c9066b39e52cb8fac074c.png') no-repeat center center / contain;
}

/* 疑似要素のアイコン */
.wp-block-snow-monkey-blocks-btn.web-button2 a.smb-btn .smb-btn__label::before {
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/7cdb15632481c4bfb7a7c714ae12933d.png') no-repeat center center / contain;	
}

/* 疑似要素のアイコン */
.wp-block-snow-monkey-blocks-btn.line-button a.smb-btn .smb-btn__label::before {
	background: url('https://sakurashinkyu.com/wp-content/uploads/2025/07/icon-line.png') no-repeat center center / contain;
	width: 26px;
	height: 26px;
}

/* 店舗情報とMapのグループレイアウト */
.wp-block-group.store-content {
	background: #fff;
	border-radius: 3px;
	padding: 40px 15px;
}

/* 店舗情報とMapのグループの余白 */
@media screen and (min-width: 782px) {
	.wp-block-group.store-content {
		padding-inline: 20px;
	}
}

/* レスポンシブ時tableのレイアウト */
@media screen and (max-width: 781px) {
	.wp-block-group.store-content tr {
		display: flex;
		flex-direction: column;
	}
}

/* レスポンシブ時のボーダーのレイアウト */
@media screen and (max-width: 781px) {
	.wp-block-group.store-content tbody tr:nth-of-type(1) td:first-child {
		border-bottom: initial;
	}
	.wp-block-group.store-content tbody tr:nth-of-type(2) td:first-child,
	.wp-block-group.store-content tbody tr:nth-of-type(3) td:first-child {
		border-block: initial;
	}
}


/* 左側のtdのレイアウト */
.wp-block-group.store-content td:first-child {
	background: #f66670;
	color: #fff;
	font-weight: 700;
	width: 100%;
}

/* 左側のtdのレイアウト */
@media screen and (min-width: 782px) {
	.wp-block-group.store-content td:first-child {
		width: 25%;
	}
}

/* tableのボーダー */
.wp-block-group.store-content table:not(.has-border-color) :where(th, td) {
	border-color: #B9B9B9;
}

/* tableを角丸へ */
.wp-block-group.store-content .wp-block-table {
	border-radius: 3px;
	overflow: hidden;
}

/* table内のリストのレイアウト */
ul.info-items {
	margin-bottom: 0;
	padding-left: 30px;
}

/* table内のリストスタイル */
ul.info-items._type2 {
	list-style: none;
	padding-left: 0;
}

/* Mapの高さ */
@media screen and (max-width: 781px) {
	.wp-block-group.store-content iframe {
		height: 250px;
	}	
}

/* 店舗概要画像上のフォント */
p.l-text__size {
	font-size: 16px;
}

/* 店舗概要画像上のフォント */
@media screen and (min-width: 782px) {
	p.l-text__size {
		font-size: 18px;
	}	
}


/************************************
** footer
************************************/
/* footerの余白 */
.footer {
	margin-top: 0;
	padding: 0;
}

/* footerの余白 */
.footer-bottom {
	margin-top: 0;
	padding: 0;
}

/* snsのリンクアニメーション遅延 */
.wp-block-group.sns-items a {
	transition: opacity .3s;
}

/* snsリンクホバー時の挙動 */
.wp-block-group.sns-items a:hover {
	opacity: .6;
}

/* footerナビの幅 */
nav#navi-footer {
    max-width: 1200px;
    margin-inline: auto;
}

/* footerナビのレイアウト */
.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul {
	justify-content: space-between;
	font-weight: 700;
}

/* footerナビホバー時の挙動 */
.menu-footer a:hover {
	opacity: .6;
}

/* footerナビの幅 */
@media screen and (max-width: 480px) {
    .navi-footer-in > .menu-footer li.menu-item {
        width: 32%;
    }
}

/* footerナビのレイアウト */
@media screen and (max-width: 834px) {
    .navi-footer-in > .menu-footer li.menu-item a {
        padding: 5px;
        width: 100%;
    }
}

/* footerナビのボーダー非表示 */
.navi-footer-in > .menu-footer li:last-child {
	border-right: none;
}

/* footerナビのボーダー非表示 */
.navi-footer-in > .menu-footer li {
	border-left: none;
}

/* コピーライトのレイアウト */
.copyright {
	background: #f66670;
	color: #fff;
	margin-top: 2rem;
	padding-block: 1rem;
}

/* フッターCTAの配置 */
.footer__cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 6px;
  border-top: 1px solid #f66670;
  z-index: 50;
  gap: 12px;
}

/* PC時非表示 */
@media screen and (min-width: 1250px) {
  .footer__cta {
    display: none;
  }
}

/* footerctaの文字と画像レイアウト */
.footer__cta-web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
  background: #31859C;
  padding: 5px;
  width: 115px;
  height: 47px;
  gap: 9px;
  text-decoration: none;
  transition: linear .3s;
}

@media screen and (min-width: 481px) {
	.footer__cta-web {
		width: 120px;
	}
}

/* webのレイアウト */
._web {
	background: #f66670;
}

/* lineのレイアウト */
._line {
	background: #02b902;
}

/* クリック後アイコン色変更しないように */
.footer__cta-web:hover {
	color: #fff;
	filter: brightness(90%);
}

/* footercta文字レイアウト */
.footer__cta-web-text {
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

/* iconのサイズ */
.footer__cta-web img {
	width: 27px;
}

/* iconサイズ */
.footer__cta-web._tel img,
.footer__cta-web._line img {
	width: 23px;
}

/************************************
** モーダル
************************************/
/* モーダルのレイアウト */
.modal-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
}

/* モーダルのコンテントレイアウト */
.modal-box {
  background: #fff;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5% auto;
  padding: 20px 15px;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* modalの余白 */
@media screen and (min-width: 782px) {
	.modal-box {
		padding: 20px;
	}
}

/* モーダルクローズボタン */
.modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

/* モーダル見出し */
.modal-content h2,
.modal-content h3 {
  margin-top: 1.2em;
  color: #333;
}

/* モーダルテキスト */
.modal-content p,
.modal-content ul {
  margin-bottom: 1em;
  font-size: 15px;
  line-height: 1.6;
}

/* モーダルリストの余白 */
.modal-content ul {
  padding-left: 20px;
}

/* モーダル消えないように */
@media screen and (max-width: 834px) {
    .footer-widgets {
        display: block;
    }
}

/* モーダルのためfooterの幅を無くす */
.footer-widgets,
.footer-widgets-mobile {
	margin: 0;
}

/* モーダルのためfooterの幅を無くす */
.footer-mobile, 
.footer-left, 
.footer-center, 
.footer-right {
    padding: 0;
}

/* モーダルのためfooterの幅を無くす */
.footer-left, 
.footer-center, 
.footer-right {
    width: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}