/*======================================================
# 共通
======================================================*/
body {
	font-family: "Lexend Deca", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.l-body, .block-editor-block-list__block {
	font-family: "Lexend Deca", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


@media (min-width: 64em) {
h1 {
	font-size: 1.8rem;
	}
	}

@media screen and (max-width: 768px) {
	h3 {
		font-size:90%
		}
	.sptext {
		font-size:90%
		}
	}


@media screen and (max-width: 768px) {
p {
	font-size: 14px
	}
	}
.sp {
	display: none;
}
.pc {
	display: block;
}


@media screen and (max-width: 768px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
}

.p-global-nav .c-navbar__item>a {
	font-weight: 600
}
.wp-block-preformatted {
	background-color: #F3EFEF;
}

@media screen and (max-width: 1023px) {
.c-header-content{
	padding:0 1rem;
	text-align: right
}

	

	
}
	.spider{
		margin-top: -2rem
		
		}
.p-entry-content>:first-child{
	margin-top: 1rem
	}
.smb-section__contents-wrapper{
	padding: 2.5rem 0;

	
	}
.c-page-header .c-container {
	position: absolute;
	/*bottom: 55%;*/
}

.c-drawer{
	font-size:1rem
	}


	
/* タイトル
============================================*/

.smb-section-with-bgimage--center .smb-section__body, .smb-section-with-bgimage--center .smb-section__title {
	text-align: center
}

.c-site-branding__description {
	font-size: 0.5rem;
	margin-top: 7px;
	margin-left: 5px
	
	}

@media screen and (max-width: 767px) {
	.c-site-branding__description {
		display: none
	}
	}

.page_title strong {
	display: block;
}

/* 固定ページ共通 */
@media screen and (min-width: 768px) {/* ヘッダー画像高さ */
.c-page-header[data-has-image=true] {
   max-height: 300px;
}
	}

@media screen and (max-width: 767px) {
	.c-page-header[data-has-image=true] {
	 max-height: 200px;
	}
}


.c-section {
	padding: 0

}

.l-contents {
	margin-top: 0;
	padding-top: 0;
}

.l-contents__inner:last-child {
	margin-top: 0;
	padding-top: 0;
}


	

.c-section .p-section-front-page-content{
	padding-top: 0;
	}

	@media (min-width:768px) {	
.c-page-header__content
		{
			padding-left: 2rem
}
	}

/* 投稿ページ共通 */
.p-entry-content>h3, .textwidget>h3, .wp-block-column>h3, .wp-block-cover__inner-container>h3, .wp-block-group__inner-container>h3, .wp-block-latest-posts__post-full-content>h3, .wp-block-media-text__content>h3 {
	border-bottom: dashed 1px;
}
.l-body--right-sidebar .l-contents__main {
	margin-top:3rem
	}
	.l-contents__sidebar{
		padding-top:3rem
	}
pre {
	font-size: 1rem;
	font-size: 16px;
}

.c-drawer__toggle{
	width:2rem;
	height:2rem
	}
.c-entry__title {

	/*font-size:0.5rem;*/
	font-weight:500;
	
}
@media screen and (max-width: 767px) {
.c-entry__title {

	font-size:1.5rem;
	font-weight:500;
	
}
	}


.c-entry-aside {
	display:none
	}
/*.c-entry__content {
	padding-bottom:3rem
	}*/
	
	
.smb-container{
	padding-left: 0;
	padding-right: 0
	}






/* トップページ
============================================*/
@media (min-width: 64em) {
.c-entry-summary__title {
	font-size: 16px;
	font-weight: 600
}

/*.wp-block-columns section {
	padding: 40px 30px;
}*/
.wp-block-columns section div {
	margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.wp-block-columns section {
	padding: 0 20px;
}
}
ul.c-meta {
	text-align: right; /* トップページお知らせ日付 */
	font-size:14px
}
.c-entry-summary__content{
	font-size:14px /* トップページお知らせ */
	}
.smb-panels__item {
	box-shadow:0 0 5px 0 rgb(0 0 0 / 10%)
	}



@media screen and (max-width: 768px) {
.smb-section__title, h2 {
	color: #333333;
}
.wp-block-media-text__content a{
	color: #fff;
	text-decoration:none;
	}
	}

.smb-section__title:after {/* セクション下ボーダー */
	background-color: #efa11a;
}

.smb-section section {
	background-color: #fff;
}
.smb-section {

	padding-bottom: 0px;
}
.smb-section__lede+.smb-section__body, .smb-section__lede-wrapper+.smb-section__body, .smb-section__title+.smb-section__body{
	margin-top:10px
	}
.smb-section__lede{
		margin-top:10px
	}

.smb-section__lede-wrapper {
	margin-top: 0;
	font-weight: 700;
}
.smb-section__title+.smb-section__lede, .smb-section__title+.smb-section__lede-wrapper {
	margin-top: 0;
}



@media (max-width:767px) {

.c-page-header__title {
	font-size: 90%;
	padding-left: 1rem
}
}



.has-text-align-center a{
	color: #fff
	}
.tel-no{
	font-style: italic;
	}
@media screen and (max-width: 767px) {
#block-28 .smb-section__contents-wrapper{
	padding-top: 3rem
	}
	}

/* ボタン
============================================*/
.smb-btn {
	border-radius: 0;
	font-family: 'Montserrat', sans-serif;
	border: 1px solid #f7f7f7;
}
/* フッター
============================================*/


.l-footer-widget-area__item a {
	color: #fff;
}
/* SNSアイコン
============================================*/
.p-social-nav {
	background-color: #f7f7f7;
	border-top: 1px solid #f7f7f7;
}

.p-social-nav .fa-instagram {
	color: #fff;
	z-index: 2;
}
.p-social-nav .c-navbar__item {
	margin: 0 1em;
}
.p-social-nav a {
	font-size: 1.6rem;
}
/* コピーライト
============================================*/
.c-copyright {
	border-top: 1px solid #16afc6;
	background-color: #16afc6;
	color: #fff;
	padding: .93478rem 0;
	text-align: center;
}

/*======================================================
# ブログ（投稿ページ）
======================================================*/
.c-meta__item--author {
	display: none;/* 投稿一覧の投稿者情報*/
}
.c-meta__item--modified {
	display: none;/*更新日*/
}
.wp-profile-box {
		display: none;
}

/*======================================================
# トップページ
======================================================*/

.wp-block-columns section p {
	margin-bottom: 30px;
}
.smb-section-with-bgimage--wide.mv {
	min-height: 70vh;
}
.smb-section-break-the-grid--left>.c-container>.c-row {
	flex-direction: column-reverse;
}

/*======================================================
# プロフィールページ
======================================================*/
@media screen and (max-width: 760px) {
.profile {
	text-align: center
}

}

/*======================================================
# 料金
======================================================*/
.has-sm-small-font-size .span {
	font-size: 0.7rem
}
td .span {
	font-size: 0.7rem
}
strong .span {
	font-size: 0.7rem
}





/*======================================================
# 教室
======================================================*/
@media screen and (max-width: 767px) {
.page-id-21 .wp-block-columns:not(.is-not-stacked-on-mobile)>*+* {
	margin-top: 1rem
}
.page-id-21 .wp-block-column.has-background, .wp-block-group.has-background, p.has-background
	{
		padding: 0.5rem 0.2rem
		}
}

/*======================================================
  # 共通
  ======================================================*/

	
.smb-section {
 padding-top: calc(var(--_space, 1.26923rem)*3);
}

@media screen and (max-width: 767px) {
.smb-section {
	padding-top: 0
	}
	}



	
/* タイトル
  ============================================*/
.smb-section__title,  h2 {
	color: #333333;

}
/*.c-page-header__title:after {
	bottom: -24px;
}*/
/*======================================================
  # トップページ
  ======================================================*/

.smb-section-with-bgimage--wide.mv {
	min-height: 64vh;
}



/**************************************************************
【fontの設定】
**************************************************************/
.text70 {
	font-size: 70%
}			/* フォントサイズ70% */
.text80 {
	font-size: 80%
}
.text90 {
	font-size: 90%
}
.text100 {
	font-size: 100%
}
.text110 {
	font-size: 110%
}
.text120 {
	font-size: 120%
}
.text130 {
	font-size: 130%
}
.text140 {
	font-size: 140%
}
.text150 {
	font-size: 150%
}
.text160 {
	font-size: 160%
}
.text170 {
	font-size: 170%
}
.text180 {
	font-size: 180%
}
.text190 {
	font-size: 190%
}
.text200 {
	font-size: 200%
}
.text210 {
	font-size: 210%
}
.text220 {
	font-size: 220%
}
.b {
	font-weight: 700
}				/* 太字 */
.u {
	text-decoration: underline
}	/* 下線 */
/*************************************************************
【marginの設定】
*************************************************************/
.m0 {
	margin: 0 !important
}			/* margin 0px を指定するクラス */
.mt0 {
	margin-top: 0 !important
}		/* margin-top0px を指定するクラス */
.mr0 {
	margin-right: 0 !important
}		/* margin-right0px を指定するクラス*/
.mb0 {
	margin-bottom: 0 !important
}	/* margin-bottom0px を指定するクラス*/
.ml0 {
	margin-left: 0 !important
}		/* margin-left0px を指定するクラス*/
.m5 {
	margin: 5px !important
}
.mt5 {
	margin-top: 5px !important
}
.mr5 {
	margin-right: 5px !important
}
.mb5 {
	margin-bottom: 5px !important
}
.ml5 {
	margin-left: 5px !important
}
.m10 {
	margin: 10px !important
}
.mt10 {
	margin-top: 10px !important
}
.mr10 {
	margin-right: 10px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.ml10 {
	margin-left: 10px !important
}
.m15 {
	margin: 15px !important
}
.mt15 {
	margin-top: 15px !important
}
.mr15 {
	margin-right: 15px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.ml15 {
	margin-left: 15px !important
}
.m20 {
	margin: 20px !important
}
.mt20 {
	margin-top: 20px !important
}
.mr20 {
	margin-right: 20px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.ml20 {
	margin-left: 20px !important
}
.m25 {
	margin: 25px !important
}
.mt25 {
	margin-top: 25px !important
}
.mr25 {
	margin-right: 25px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.ml25 {
	margin-left: 25px !important
}
.m30 {
	margin: 30px !important
}
.mt30 {
	margin-top: 30px !important
}
.mr30 {
	margin-right: 30px !important
}
.mb30 {
	margin-bottom: 30px !important
}
.ml30 {
	margin-left: 30px !important
}
.m35 {
	margin: 35px !important
}
.mt35 {
	margin-top: 35px !important
}
.mr35 {
	margin-right: 35px !important
}
.mb35 {
	margin-bottom: 35px !important
}
.ml35 {
	margin-left: 35px !important
}
.m40 {
	margin: 40px !important
}
.mt40 {
	margin-top: 40px !important
}
.mr40 {
	margin-right: 40px !important
}
.mb40 {
	margin-bottom: 40px !important
}
.ml40 {
	margin-left: 40px !important
}
.m45 {
	margin: 45px !important
}
.mt45 {
	margin-top: 45px !important
}
.mr45 {
	margin-right: 45px !important
}
.mb45 {
	margin-bottom: 45px !important
}
.ml45 {
	margin-left: 45px !important
}
.m50 {
	margin: 50px !important
}
.mt50 {
	margin-top: 50px !important
}
.mr50 {
	margin-right: 50px !important
}
.mb50 {
	margin-bottom: 50px !important
}
.ml50 {
	margin-left: 50px !important
}
.m55 {
	margin: 55px !important
}
.mt55 {
	margin-top: 55px !important
}
.mr55 {
	margin-right: 55px !important
}
.mb55 {
	margin-bottom: 55px !important
}
.ml55 {
	margin-left: 55px !important
}
.m60 {
	margin: 60px !important
}
.mt60 {
	margin-top: 60px !important
}
.mr60 {
	margin-right: 60px !important
}
.mb60 {
	margin-bottom: 60px !important
}
.ml60 {
	margin-left: 60px !important
}
.m65 {
	margin: 65px !important
}
.mt65 {
	margin-top: 65px !important
}
.mr65 {
	margin-right: 65px !important
}
.mb65 {
	margin-bottom: 65px !important
}
.ml65 {
	margin-left: 65px !important
}
.m70 {
	margin: 70px !important
}
.mr70 {
	margin-right: 70px !important
}
.mb70 {
	margin-bottom: 70px !important
}
.ml70 {
	margin-left: 70px !important
}
.m75 {
	margin: 75px !important
}
.mt75 {
	margin-top: 75px !important
}
.mr75 {
	margin-right: 75px !important
}
.mb75 {
	margin-bottom: 75px !important
}
.ml75 {
	margin-left: 75px !important
}
.m80 {
	margin: 80px !important
}
.mt80 {
	margin-top: 80px !important
}
.mr80 {
	margin-right: 80px !important
}
.mb80 {
	margin-bottom: 80px !important
}
.ml80 {
	margin-left: 80px !important
}
/**************************************************************
【paddingの設定】
**************************************************************/
.p0 {
	padding: 0 !important
}			/* padding-0px を指定するクラス */
.pt0 {
	padding-top: 0 !important
}		/* padding-top0px を指定するクラス */
.pr0 {
	padding-right: 0 !important
}	/* padding-right0px を指定するクラス */
.pb0 {
	padding-bottom: 0 !important
}	/* padding-bottom0px を指定するクラス */
.pl0 {
	padding-left: 0 !important
}		/* padding-left0px を指定するクラス */
.p5 {
	padding: 5px !important
}
.pt5 {
	padding-top: 5px !important
}
.pr5 {
	padding-right: 5px !important
}
.pb5 {
	padding-bottom: 5px !important
}
.pl5 {
	padding-left: 5px !important
}
.p10 {
	padding: 10px !important
}
.pt10 {
	padding-top: 10px !important
}
.pr10 {
	padding-right: 10px !important
}
.pb10 {
	padding-bottom: 10px !important
}
.pl10 {
	padding-left: 10px !important
}
.pt20 {
	padding-top: 20px !important
}
.pb20 {
	padding-bottom: 20px !important
}
.pb30 {
	padding-bottom: 30px !important
}