/* ===== 電話メニュー (tel-sheet) のベース ===== */
#tel-sheet.bottom-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  /* height: min(90vh, 520px); 画面の90%まで or 最大520px */
  background: #fff;
  /* box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.16); */

  /* 初期状態: 下に隠す */
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(.22, .61, .36, 1);
  z-index: 10050;

  /* スクロールできるように */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  /* iPhone下のセーフエリア対応 */
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}

/* ===== 開いた状態 ===== */
#tel-sheet.bottom-sheet.is-open {
  transform: translateY(0);
}

/* ===== 背景オーバーレイ ===== */
.bottom-sheet__overlay {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 と同じ */
  background: rgba(0, 0, 0, 0.7); /* ← ここで暗さを調整 */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10040; /* シート(10050)より下、本文より上 */
}

/* シートが開いたら有効化 */
.bottom-sheet.is-open + .bottom-sheet__overlay {
  opacity: 1;
  pointer-events: auto;
}

/* ===== Snow Monkey 固定背景が邪魔しないように ===== */
#tel-sheet .smb-section__fixed-background {
  pointer-events: none;
}

/* シートが開いたときに body に付けるクラス */
body.noscroll {
  overflow: hidden;
  height: 100%; /* iOS対策 */
}


body.telsheet-open {
	touch-action: none;/* 表示上の意味付け（実際のロックはJSの position:fixed でやってます） */
  overflow: hidden; /* スクロール禁止 */
}



/* ヘッダー */
header.l-header.l-header--1row.l-header--sticky-sm.l-header--sticky-lg {
    box-shadow: none;
}
/* ドロワーメニュー */
.c-drawer--highlight-type-background-color .c-drawer__item.sm-nav-menu-item-highlight {
	background-color: #FF5252;
}

/*ドロワーメニュー(子テーマに記述)*/
nav#drawer-nav {
	background-color: #4ECBBB;
}
.c-drawer__submenu {
	font-size: 16px;
	line-height: 24px;
}
.c-drawer__subitem {
	padding-top: 4px;
	padding-bottom: 4px;
}
/*リストの調整*/
.c-drawer__item, .c-drawer__subitem {
  overflow: visible; 
	}

.c-drawer__submenu {
	padding-left: 20px;
}

.c-drawer__subitem a {
text-indent: -10px;
}

.c-drawer__subitem a::before {
 content: "・";
	display: inline-block;
	margin-right:4px;
}
 .c-drawer__submenu{
	margin-left: -8px;
}

.c-drawer__menu > .c-drawer__item--has-submenu > .c-drawer__submenu > .c-drawer__subitem > a {
	font-weight: 500;
}

.c-drawer__item--has-submenu > .c-drawer__submenu{
	margin-left: 8px!important;
}

/* --投稿ページ-- */
.c-meta__item.c-meta__item--author {
  display: none;
}


.margintop-0 {
	margin-top:0!important;
}

/* /* コンテンツを内包
 */
.inline-flex {
display: inline-flex!important; 
} 

/* 改修ボタンのアイコン調整 */
.button-iconcenter a {
	  display: inline-flex;       
  align-items: center;
	    justify-content: center;
  line-height: 1.2;
}
.button-iconcenter a img {
  display: block;             /* 画像下の隙間を消す */
  height: 2em;              /* 文字サイズに相対 */
  width: auto;
}

/* 改修0909-フッター
 */

.footer-section .margin-0{
	margin-top: 0px!important;
}
.footer-section a {
  text-decoration: none;
  transition: color 0.3s;
}

.footer-policy a, .footer-copy a {
	  text-decoration: none;
  transition: color 0.3s;
}

.spcall-section a.wp-block-button__link:focus {
  outline: none !important;
  box-shadow: none !important;
}



/* 全体 */
	/* 改行設定*/
.br-sp{
    display: none;
}
body {
	color: #333333;
}
.font-selif {
	font-family: 'Noto Serif JP', sans-serif;
}
.font-weight500 {
	font-weight: 500;
}
.c-page-top {
	background-color: #1D8B7C;
	bottom: 50px!important;
	right: 50px!important;

}
/* ヘッダー */
.c-site-branding__title .custom-logo {
	width: auto;
	height: 40px;
}
.p-global-nav .c-navbar__item>a {
	font-size: 16px;
}
.p-global-nav .c-navbar__item:not(:last-child)>a:hover {
	color:#4ECBBB;
}

.p-global-nav .c-navbar__item:last-child>a:hover {
	text-decoration: underline;
}

.p-global-nav .c-navbar__item:not(:last-child)>a {
	padding: 10px 16px;
}
.p-global-nav .c-navbar__item:last-child>a {
	padding: 10px 16px;
}
.p-global-nav .c-navbar__item:not(:last-child)>a {
	font-weight: 300!important;
}
.p-global-nav .c-navbar__item.sm-nav-menu-item-highlight {
	color: #ffffff;
}
.current-menu-item span{
    color: #4ECBBB;
	font-weight: 700!important;
}
.current-menu-item.page-item-14.current_page_item span{
	    color: #ffffff!important;
}
/*ドロワーメニュー*/
nav#drawer-nav {
	background-color: #4ECBBB;
}
.c-drawer__submenu .c-drawer__submenu {
	margin-top: 4px;
	margin-bottom: -8px;
}
.c-drawer__subitem .menu-item:last-child {
	padding-bottom:12px;
}


/* フッター */
.footer-group-table {
margin-top: 10px!important;
}
/*スマホ固定メニュー*/
.p-footer-sticky-nav {
	color: #ffffff;
}
li#menu-item-980 {
    background-color: #06c755;
}
li#menu-item-981{
	background-color: #FF5252;
}
.p-footer-sticky-nav a {
		font-size: 20px!important;
		padding-top: 20px!important;
	padding-bottom: 20px!important;
	border: 1px solid #ffffff!important;
}


/*■ ウィンドウサイズ1074px以下 ■*/
@media only screen and (max-width:1074px) {
/* グローバルメニュー*/
 .p-global-nav .c-navbar__item:not(:last-child)>a {
 padding: 10px 12px;
	}
}

/*■ ウィンドウサイズ1023px以下 ■*/
@media only screen and (max-width:1023px) {
	.c-page-top {
	background-color: #1D8B7C;
	bottom: 80px!important;
	right: 10px!important;
}
	
}

/*■ ウィンドウサイズ639px以下 ■*/
@media only screen and (max-width:639px) {
	
/*全体*/
/*非表示*/
	.displaynone-sp {
		display: none;
	}
		/* 改行設定*/
.br-sp{
    display: block;
}
	.fontsize-40-sp {
		font-size: 40px!important;
	}
		.fontsize-28-sp {
		font-size: 28px!important;
	}
	.fontsize-24-sp {
		font-size: 24px!important;	
	}
		.fontsize-20-sp {
		font-size: 20px!important;	
	}
	.fontsize-18-sp {
		font-size: 18px!important;
	}
		.fontsize-16-sp {
		font-size: 16px!important;
	}
			.fontsize-14-sp {
		font-size: 14px!important;
	}
	
/*セクションの設定*/
	.smb-section__title span {
		font-size: 28px!important;
	}
	.wp-block-snow-monkey-blocks-section {
		padding-top: 50px!important;
	}
	.smb-section__lede-wrapper {
		margin-top: 8px!important;
	}
/*ボタンの設定*/
	 .normal-buttons.wp-block-buttons {
		margin-top: 80px!important;
	}
	.button-normal {
		width: 80%!important;
	}
	.button-normal a.wp-element-button {
		padding-left: 10px!important;
		padding-right: 10px!important;
		padding-top: 10px!important;
		padding-bottom:10px!important;
	}
/* LINE予約ボタン*/
	.line-buttons {
	 width: 100%!important;
	}
	.button-line {
		width: 100%!important;
		text-align: center;
	}
		.button-line a.wp-element-button {
		padding: 10px 50px!important;
	}
	.button-line span {
		font-size: 20px!important;
	}
	 .line-buttons.wp-block-buttons {
		margin-top: 0px!important;
	}
	.wp-container-core-group-is-layout-5.wp-container-core-group-is-layout-5 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 400px!important;
	}
	
/*ヘッダー*/
	.c-container, .c-fluid-container {
		padding-left: 10px;
		padding-right: 10px
	}

.c-sub-nav .c-navbar {
		justify-content: center!important;
		align-items: center!important;
	}
}


/*■ ウィンドウサイズ400px以下 ■*/
@media only screen and (max-width:400px) {
	.br-400 {
		display: none;
	}
}