@charset "utf-8";
/* CSS Document */

/* (151119)IE11で「background-size」が効かない */
/* 疑似要素はサイズ指定不可の為、実寸表示のみ */

/* ====================================================== */
/* ★★★　全デバイス共通・2　★★★ */
/*
@import"../css/test_line.css";
*/

.description	{}


/* ======================================================
	logo
------------------------------------------------------ */
.Logo	{
	display: block;
	vertical-align: middle;
}
.Logo>a	{
	display: block;
}
.Logo>a>span	{
	display: inline-block;
}
.Logo .Img	{
	display: inline-block;
}
.Logo .Img img	{
	vertical-align: middle;
	display: inline-block;
}

/* ロゴ・マーク */
.Logo .Site	{
}

/* ロゴ・テキスト */
.Logo .SiteTxt	{}

.Logo .Txt	{}

.LogoL,
.LogoR	{
	display: inline-block;
	vertical-align: middle;
}
.LogoL a,
.LogoR a	{
	display: inline-block;
}
.LogoL img,
.LogoR img	{
}
.LogoL	{
}
.LogoL img	{
}
.LogoR	{
	text-align: left;
}
.LogoR img	{
}


/* キャッチコピー */
.SiteCatch	{
	font-size: 0.7em;
	display: inline-block;
	margin-bottom: 0.5em;
}


.LogoSet	{
	line-height: 1;
	letter-spacing: normal;
}
.Footer .LogoSet	{
	margin-top: 1em;
}

.Header .Logo	{
}
.Header .Logo .Img.Site img	{
}
.Header .Logo .Img.SiteTxt	{
}
.Header .Logo .Img.SiteTxt img	{
}

.Footer .Logo	{
}
.Footer .Logo .Img.Site	{
}
.Footer .Logo .Img.Site img	{
}
.Footer .Logo .Img.SiteTxt	{
}
.Footer .Logo .Img.SiteTxt img	{
}

/*[200116]　ロゴの下に潜らないように*/
#MenuBar ul	{
/*
	margin-left: calc((104px * 0.75) + (0.7em * 15));
*/
}
#MenuBar .Blank	{
}




/* ======================================================
	<header>
------------------------------------------------------ */
/* <header>固定 */
#Header	{
	position: fixed;
	width: 100%;
	z-index: 5;
	min-height: 5em;
}
@media print {
	#Header	{
		position: static;
	}
}

#Contents	{
	padding-top: calc(50px + (1em * 2) + 2em);
	padding-top: calc(50px + (1em * 2) + 1em);
}


.Header	{
	text-align: left;
	background-color: rgba(255,255,255,1.0);
/*[191210]校正・下地の透過不要
	background-color: rgba(255,255,255,0.8);
*/
}
.Header>.Wrap	{
}
.Header .BG	{
}
.Header table,
.Header th,
.Header td	{
	background: none;
	border-width: 0;
	padding: 0;
	width: auto;
}
.Header ul	{
	margin: 0;
}

.Header h1	{
	margin: 0;
}


.Header>.Wrap	{
}


.Header .LogoSet	{
	padding-top: 1em;
	padding-bottom: 1em;
}
.Header .LogoSet h1	{
	text-align: left;
}
.Header .Navi,
.Header .Menu,
.Header .MenuBar	{
}
.Header .Navi,
.Header .Menu	{
}
.Header .MenuBar	{
}


.Header .Navi	{
	font-size: 0.8em;
}
.Header .Menu,
.Header .MenuBar	{
}


/* 文字サイズ変更 → pc_main.css */
#fontSize	{
}
.Header #fontSize	{
}


/* ======================================================
	Main
------------------------------------------------------ */
.ContainerBG	{
}

.Contents	{
/*
	padding-bottom: 1px;
	padding-bottom: 10em;
*/
}
.Main	{
	text-align: left;
/*
*/
}





/* ======================================================
	side固定
------------------------------------------------------ */
.Fixed	{
	position: fixed;
	right: 0;
	top: 5em;
	top: 6em;
	z-index: 50;
/*
	width: 3em;
*/
}
@media print {
	.Fixed	{
	position: absolute;
	}
}


.Fixed ul	{
	width: 3em;
	margin: 0;
	list-style: none;
	letter-spacing: normal;
	text-align: right;
	border-width: 1px 0 1px 1px;
	border-color: rgba(255,255,255,0.5);
}
.Fixed li	{
	margin: 0;
	display: block;
}
.Fixed li>.Wrap	{
}

.Fixed a	{
	display: block;
	padding: 1em;
	line-height: 1.05;
	text-align: center;
/*
	float: right;
*/
}
/*
.Fixed a:hover	{
	color: inherit;
	width: 3.5em;
	padding-right: 1.5em;
	font-size: 1.2em;
}
*/
.Fixed a:hover	{
	color: inherit;
}
.Fixed a .Icon	{
	display: block;
	margin-bottom: 0.5em;
}

/* 個別 */



/* ======================================================
	上へ戻る
------------------------------------------------------ */
#Document	{
}
.FooterBtn	{
	position: fixed;
	font-size: 1em;
	text-align: center;
	z-index: 99;
	letter-spacing: 0px;
	right: 0rem;
/*
	left: 0rem;
	right: calc(50vw - (2em * 1.5));
	left: calc(50vw - (2em * 1.5));
	width: auto;
*/
}
.FooterBtn>.Wrap	{
	margin-top: 0;
	margin-bottom: 0;
}
.FooterBtn .BackTop	{
	text-align: right;
}
/*
.FooterBtn .BackTop	{
	position: absolute;
	display: inline-block;
	text-decoration: none;
	display: block;
	float: right;
	background: none;
}
/* 幅が、481px以上
@media screen and (min-width:30em) {
	.FooterBtn .BackTop	{
		right: 0px;
		bottom: 1em;
	}
}
/* 幅が、480px以下
@media screen and (max-width:30em) {
	.FooterBtn .BackTop	{
		right: 0em;
		bottom: 0.5em;
	}
}
*/

.BackTop a	{
	display: inline-block;
	font-size: 3.25em;
	width: 1em;
	height: 1em;
	line-height: 0.7em;
	line-height: 0.8em;
	color: inherit;
	color: rgba(255,255,255,1.0);
	border-radius: 100em;
	text-align: center;
/*
	margin-right: -1.25em;
*/
}
.BackTop a:before	{
	content: "";
	display: inline-block;
	font-size: 0.3em;
	width: 1em;
	height: 1em;
	color: inherit;
	border-left-width: 3px;
	border-top-width: 3px;
	border-color: rgba(255,255,255,1.0);
	transform: rotate(45deg);
}
.BackTop a:hover	{
	background-color: rgba(255,255,255,0.5);
	color: rgba(0,0,0,1.0);
}
.BackTop a:hover:before	{
}

/*
[200204]校正　『上へ戻るアイコンをやっぱり矢印にはできないか。...なんの変哲もない矢印を希望できたら希望したい。』
.BackTop a	{
	display: inline-block;
	font-size: 3.25em;
	width: 1em;
	height: 1em;
	line-height: 0.7em;
	color: inherit;
	color: rgba(255,255,255,1.0);
	border-radius: 100em;
	background-image: url(../img/light_bulb_up.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.7em;
	margin-right: -1.25em;
}
.BackTop a:before	{
	font-size: 0.7rem;
	content: "上へ戻る";
	position: absolute;
	left: 2em;
	top: 2em;
	width: 5em;
	height: 2em;
	text-align: right;
	line-height: 1.2em;
	font-weight: bold;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.BackTop a:hover	{
	background-color: rgba(255,255,255,0.5);
	color: rgba(0,0,0,1.0);
	border-color: rgba(0,0,0,1.0);
}
.BackTop a:hover:before	{
	color: rgba(0,0,0,1.0);
}

[200115]cursorと被るので、別のデザインで
.BackTop a	{
	display: inline-block;
	font-size: 3.25em;
	width: 1em;
	height: 1em;
	line-height: 0.7em;
	color: inherit;
	color: rgba(255,255,255,1.0);
	border-radius: 100em;
	background-image: url(../img/hand_up.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.8em;
	margin-right: -1.25em;
}
.BackTop a:before	{
	font-size: 0.7rem;
	content: "上へ戻る";
	position: absolute;
	left: 0em;
	top: -1em;
	width: 5em;
	height: 2em;
	text-align: right;
	transform: rotate(5deg);
	line-height: 1.2em;
	font-weight: bold;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

[191206]画像へ
.BackTop a:before	{
	font-family: 'themify';
	content: "\e627";
	color: inherit;
	font-size: 0.3em;
}
*/
/*
.BackTop a:after	{
	content: "";
	display: block;
	border-top-width: 1px;
	width: 0.8em;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
}

.BackTop a:before	{
	content: "TOP";
	display: block;
}
.BackTopArea {
	position: fixed;
	bottom: 0rem;
	right: 3rem;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	line-height:7;
}
*/

.FooterBackTop	{
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.FooterBackTop a	{
	text-decoration: none;
}



/* ------------------------------------------------------
	<footer>・固定 *//* [200218]sp用に追加 */
.FooterFixed	{
	z-index: 99;
	left: 0;
	right: 5em;
	background-color: rgba(255,255,255,1.0);
}
.FooterFixed li	{
/*
[200302]校正　ログインボタンが分かりにくいので色を付ける
	color: inherit;
*/
}
.FooterFixed a	{
	display: block;
	text-align: inherit;
	padding: 0.5em 0;
	text-align: center;
/*
[200302]校正　ログインボタンが分かりにくいので色を付ける
	background-color: transparent;
*/
}

.FooterFixed span	{
	display: block;
}

.FooterFixed .Free	{
	font-size: 0.8em;
}


.FooterFixed .Column.Tight>ul>li	{
	width: 50%;
	width: calc(100% / 2);
	flex-basis: calc(100% / 2);
}

.FooterFixed .ClassStudentLogin	{}
.FooterFixed .ClassStudentLogin a	{
}
.FooterFixed .ClassStudentLogin .Icon	{
	color: inherit;
}

.FooterFixed .ClassLessonSearch	{
	color: inherit;
}
.FooterFixed .ClassLessonSearch a	{
	background-color: transparent;
}
.FooterFixed .ClassLessonSearch .Icon	{}


/* [200302]校正・追加　ログイン・ログアウトでボタンの色を変えたい */
.MemberLogin .FooterFixed .ClassStudentLogin	{}
.MemberLogin .FooterFixed .ClassStudentLogin a	{
}
.MemberLogin .FooterFixed .ClassStudentLogin .Icon	{
}





/* ======================================================
	<footer>
------------------------------------------------------ */
.Footer	{
	clear: both;
	font-size: 0.8em;
	text-align: left;
	padding-top: 3em;
	margin: 0;
}
.Footer>.Wrap	{
}
.Footer>.Wrap>div	{
}
.Footer ul	{
	list-style: none;
/*
	margin: 0;
	margin-top: 0px;
*/
}
.Footer ul li	{
/*
	margin-top: 0;
	margin-bottom: 0;
	margin: 0;
*/
}


.Footer h1	{
	margin: auto;
}

.Footer .URL	{
	font-weight: bold;
}


.Footer .head	{
}
.Footer .main	{
	font-weight: bold;
}
.Footer .main a	{
	display:block;
}
.Footer .main ul	{
	margin-top: 0;
	margin-bottom: 0;
/*
*/
}
.Footer .main .Column>ul	{
}
.Footer .main .Column>ul>li	{
	margin-top: 0;
}
.Footer .main ul ul	{
	margin-left: 0px;
}
.Footer .main ul ul>li	{
	margin-top: 0em;
}

.Footer .main li	{
}
.Footer .main .Sub	{
}
.Footer .main .Sub ul	{
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 1em;
}
.Footer .main .Sub ul a	{
}
.Footer .main li[class] ul>li a:before	{
	content: "●";
	position: absolute;
	display:block;
	left: -1em;
	width: 1em;
	height: 1em;
}

.Footer .main .Sub li	{
	margin-top: 0;
	margin-bottom: 0;
}


.Footer .Information	{
	margin-top: 1em;
}
.Footer .Information>p	{
}
.Footer .Information span	{
	display: inline-block;
	vertical-align: middle;
}
.Footer .Information .UneiTelNum,
.Footer .Information .UneiFaxNum	{
	margin-left: 0.5em;
}


.Footer .SNS	{}
.Footer .SNS a	{
	display: block;
	border-width: 1px;
	border-color: rgba(255,255,255,1.0);
	border-radius: 100em;
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: calc((44px - 23px) / 2 - 3px);
	letter-spacing: normal;
	line-height: 1;
}
.Footer .SNS a:hover	{
	background-color: rgba(255,255,255,1.0);
}
.Footer .SNS img	{
	vertical-align: middle;
}

.Footer .SNS .ClassBlog	{}
.Footer .SNS .ClassBlog a	{
	border-width: 0;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border-radius: 0em;
}
.Footer .SNS .ClassBlog a img	{
}
/*
[191031]画像に差替
.Footer .SNS .IconBlog a	{
	line-height: 30px;
	padding: 0 1em;
	border-radius: 5px;
	margin-top: 6px;
	width: auto;
	height: auto;
}
*/

.Footer .FooterCopy	{
	clear: both;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 3em;
}
.Footer .FooterCopy a	{
	color: inherit;
	font-size: 0.8em;
}





/* ======================================================
	カテゴリ
------------------------------------------------------ */

.Header .Category	{
	text-align: center;
}
.Header .Category a	{
	display: block;
	padding-left: 1em;
	padding-right: 1em;
}
.Header .Category>ul	{
	display: flex;
}
.Header .Category>ul>li	{
	display: flex;
	min-width: 11em;
	line-height: 2.5em;
/*[200219]校正　色はそれぞれで掛ける
	color: rgba(255,255,255,1.0);
*/
}
.Header .Category .Icon:before	{
	margin-right: 0px;
	margin-left: 0.25em;
	border-radius: 0em;
}



/* 色分け */
.ClassCt1	{
}
.ClassCt1 img,
.Index .LessonGallery .ClassCt1 .CategoryName	{
	background-color: rgba(143,195,31,1.0);
}
.Index .Category li.ClassCt1>.Wrap a	{
	background-color: rgba(143,195,31,0.75);
}
.Index .Category li.ClassCt1>.Wrap a:hover	{
}

.ClassCt2	{
}
.ClassCt2 img,
.Index .LessonGallery .ClassCt2 .CategoryName	{
	background-color: rgba(62,179,112,1.0);
}
.Index .Category li.ClassCt2>.Wrap a	{
	background-color: rgba(62,179,112,0.75);
}
.Index .Category li.ClassCt2>.Wrap a:hover	{
}

.ClassCt3	{
}
.ClassCt3 img,
.Index .LessonGallery .ClassCt3 .CategoryName	{
	background-color: rgba(201,184,66,1.0);
}
.Index .Category li.ClassCt3>.Wrap a	{
	background-color: rgba(201,184,66,0.75);
}
.Index .Category li.ClassCt3>.Wrap a:hover	{
}

.ClassCt4	{
}
.ClassCt4 img,
.Index .LessonGallery .ClassCt4 .CategoryName	{
	background-color: rgba(243,151,0,1.0);
}
.Index .Category li.ClassCt4>.Wrap a	{
	background-color: rgba(243,151,0,0.75);
}
/*[200130]　違うらしい
.Index .Category li.ClassCt4>.Wrap a img	{
	background-position: top;
	background-size: 120%;
}
*/
.Index .Category li.ClassCt4>.Wrap a:hover	{
}

.ClassCt5	{
}
.ClassCt5 img,
.Index .LessonGallery .ClassCt5 .CategoryName	{
	background-color: rgba(237,121,135,1.0);
}
.Index .Category li.ClassCt5>.Wrap a	{
	background-color: rgba(237,121,135,0.75);
}

/* リラクゼーション、心理 */
.ClassCt6	{
}
.ClassCt6 img,
.Index .LessonGallery .ClassCt6 .CategoryName	{
	background-color: rgba(99,193,238,1.0);
	letter-spacing: normal;
}
.Index .Category li.ClassCt6>.Wrap a	{
	background-color: rgba(99,193,238,0.75);
}
.Index .Category li.ClassCt6>.Wrap a img	{
	background-position: bottom;
}
.Index .Category li.ClassCt6 .Txt	{
	letter-spacing: normal;
}


.ClassCt7	{
}
.ClassCt7 img,
.Index .LessonGallery .ClassCt7 .CategoryName	{
	background-color: rgba(166,52,128,1.0);
}
.Index .Category li.ClassCt7>.Wrap a	{
	background-color: rgba(166,52,128,0.75);
}

.ClassCt8	{
}
.ClassCt8 img,
.Index .LessonGallery .ClassCt8 .CategoryName	{
	background-color: rgba(213,150,39,1.0);
}
.Index .Category li.ClassCt8>.Wrap a	{
	background-color: rgba(213,150,39,0.75);
}

.ClassCt9	{
}
.ClassCt9 img,
.Index .LessonGallery .ClassCt9 .CategoryName	{
	background-color: rgba(0,148,203,1.0);
}
.Index .Category li.ClassCt9>.Wrap a	{
	background-color: rgba(0,148,203,0.75);
}


/* ログイン・ログアウト */
.ClassStudentLogin	{
	color: rgba(255,255,255,1.0);
}
.ClassStudentLogin a	{
}
/*
.ClassStudentLogin	{}
.Footer .ClassStudentLogin a,
.Sitemap .ClassStudentLogin a	{
	background-color: transparent;
}
*/
.MemberLogin .ClassStudentLogin	{}
.MemberLogin .ClassStudentLogin a	{
}




/* 緊急時の対応 */
.ClassKinkyu	{
	color: rgba(255,255,255,1.0);
}
.ClassKinkyu a	{
}


/* お問い合わせ */
.ClassContact	{
	color: rgba(255,255,255,1.0);
}
.ClassContact>.Wrap	{
}
.ClassContact a	{
}
.Fixed .ClassContact img	{
	margin-bottom: 0.25em;
}
/*
.ClassContact	{}
.Fixed .ClassContact	{
	color: rgba(255,255,255,1.0);
}
.Fixed .ClassContact>.Wrap,
.Banner .ClassContact>.Wrap	{
//	background-color: rgba(0,154,91,1.0);
//	background-color: rgba(135,206,235,1.0);
}
.Fixed .ClassContact a,
.Banner .ClassContact a	{
//	background-color: rgba(100,149,237,0.5);
}
.Fixed .ClassContact img	{
	margin-bottom: 0.25em;
}
.Footer .ClassContact a,
.Sitemap .ClassContact a	{
	background-color: transparent;
}
*/


/* 講座検索 */
.ClassLessonSearch	{
	color: rgba(255,255,255,1.0);
}
.ClassLessonSearch a	{
}
/*
.ClassLessonSearch	{}
.Fixed .ClassLessonSearch	{
	color: rgba(255,255,255,1.0);
}
.Footer .ClassLessonSearch a,
.Sitemap .ClassLessonSearch a	{
	background-color: transparent;
}
*/

/* 講座申込状況 */
.ClassLessonStatus	{
	color: rgba(255,255,255,1.0);
}
.ClassLessonStatus a	{
	background-color: rgba(76,175,80,1.0);
}
/*
.ClassLessonStatus	{
}
.Fixed .ClassLessonStatus	{
	background-color: rgba(76,175,80,1.0);
	color: rgba(255,255,255,1.0);
}
*/


/* ダウンロードリスト */
.ClassDownloadList	{
	color: rgba(255,255,255,1.0);
}
.ClassDownloadList a	{
	background-color: rgba(185,39,89,1.0);
	background-color: rgba(100,149,237,1.0);
}
/*
.ClassDownloadList	{
}
.Fixed .ClassDownloadList,
.Footer .ClassDownloadList,
.Banner .ClassDownloadList	{
	background-color: rgba(185,39,89,1.0);
	background-color: rgba(100,149,237,1.0);
}
*/


/* 講座案内書PDF */
.ClassPdf	{
	color: rgba(255,255,255,1.0);
}
.ClassPdf a	{
	background-color: rgba(25,25,112,1.0);
}
.ClassPdf a[target="_blank"]:not([class]):before	{
	content: none;
}


/* ダウンロードリスト、講座案内書PDF */
.Footer .ClassDownloadList,
.Footer .ClassPdf	{
	display: block;
	width: 100%;
	height: 3em;
	line-height: 3em;
	font-weight: normal;
	text-align: center;
/*[200219]校正　色はそれぞれで掛ける
	color: rgba(255,255,255,1.0);
*/
}
.Footer .ClassDownloadList img,
.Footer .ClassPdf img	{
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	margin-right: 0.5em;
}
.Footer .ClassDownloadList a>span,
.Footer .ClassPdf a>span	{
	display: inline-block;
	vertical-align: middle;
}


/*
.ClassPdf	{
}
.Fixed .ClassPdf,
.Footer .ClassPdf,
.Banner .ClassPdf	{
	background-color: rgba(25,25,112,1.0);
}

.Footer .ClassDownloadList,
.Footer .ClassPdf	{
	display: block;
	width: 100%;
	height: 3em;
	line-height: 3em;
	color: rgba(255,255,255,1.0);
	font-weight: normal;
	text-align: center;

//	padding-left: 0.5em;
//	padding-right: 0.5em;
}
.Footer .ClassDownloadList img,
.Footer .ClassPdf img	{
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	margin-right: 0.5em;
}
.Footer .ClassDownloadList a>span,
.Footer .ClassPdf a>span	{
	display: inline-block;
	vertical-align: middle;
}

.Footer li.ClassPdf	{
}
*/


/* 初めての方へ */
.ClassGuide	{}
#MenuBar .ClassGuide	{}



/* footer部、サイトマップ */
.Sitemap .ClassStudentLogin,
.Sitemap .ClassKinkyu,
.Sitemap .ClassContact,
.Sitemap .ClassLessonSearch,
.Sitemap .ClassLessonStatus,
.Sitemap .ClassDownloadList,
.Sitemap .ClassPdf,
.Footer .List .ClassStudentLogin,
.Footer .List .ClassKinkyu,
.Footer .List .ClassContact,
.Footer .List .ClassLessonSearch,
.Footer .List .ClassLessonStatus,
.Footer .List .ClassDownloadList,
.Footer .List .ClassPdf
	{
	color: inherit;
}
.Sitemap .ClassStudentLogin a,
.Sitemap .ClassKinkyu a,
.Sitemap .ClassContact a,
.Sitemap .ClassLessonSearch a,
.Sitemap .ClassLessonStatus a,
.Sitemap .ClassDownloadList a,
.Sitemap .ClassPdf a,
.Footer .List .ClassStudentLogin a,
.Footer .List .ClassKinkyu a,
.Footer .List .ClassContact a,
.Footer .List .ClassLessonSearch a,
.Footer .List .ClassLessonStatus a,
.Footer .List .ClassDownloadList a,
.Footer .List .ClassPdf a
	{
	background-color: transparent;
}


/* SlideMenu部 */
.SlideMenu .ClassStudentLogin .Arrow,
.SlideMenu .ClassKinkyu .Arrow,
.SlideMenu .ClassContact .Arrow,
.SlideMenu .ClassLessonSearch .Arrow,
.SlideMenu .ClassLessonStatus .Arrow,
.SlideMenu .ClassDownloadList .Arrow,
.SlideMenu .ClassPdf .Arrow
	{
	display: none;
	width: 0;
	height: 0;
	border-width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.SlideMenu>.Wrap ul li.ClassStudentLogin:not(:last-child),
.SlideMenu>.Wrap ul li.ClassKinkyu:not(:last-child),
.SlideMenu>.Wrap ul li.ClassContact:not(:last-child),
.SlideMenu>.Wrap ul li.ClassLessonSearch:not(:last-child),
.SlideMenu>.Wrap ul li.ClassLessonStatus:not(:last-child),
.SlideMenu>.Wrap ul li.ClassDownloadList:not(:last-child),
.SlideMenu>.Wrap ul li.ClassPdf:not(:last-child)
	{
	border-bottom-width: 0;
}
.SlideMenu .ClassStudentLogin>.Wrap,
.SlideMenu .ClassKinkyu>.Wrap,
.SlideMenu .ClassContact>.Wrap,
.SlideMenu .ClassLessonSearch>.Wrap,
.SlideMenu .ClassLessonStatus>.Wrap,
.SlideMenu .ClassDownloadList>.Wrap,
.SlideMenu .ClassPdf>.Wrap
	{
	margin-left: -1.5em;
	margin-right: -1.5em;
	width: calc(100% + (1.5em * 2));
}
.SlideMenu .ClassStudentLogin a,
.SlideMenu .ClassKinkyu a,
.SlideMenu .ClassContact a,
.SlideMenu .ClassLessonSearch a,
.SlideMenu .ClassLessonStatus a,
.SlideMenu .ClassDownloadList a,
.SlideMenu .ClassPdf a
	{
	text-align: center;
}





/* ======================================================
	index
------------------------------------------------------ */
#Index	{}
#Index #Contents	{
	padding-bottom: 0;
}
.Index	{
	text-align: center;
}
.Index>.Wrap	{
}
.Index>.WrapM	{
	width: auto;
}

.Index>.Wrap>section:nth-child(odd),
.Index>.Wrap>section:nth-child(even)	{
	padding: 0;
	background-color: transparent;
}

.Index h2	{
	margin-top: 0;
}

.Main.Index section	{
	margin-top: 0;
	margin-bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.Index section>.Wrap	{
	padding-top: 4em;
	padding-bottom: 5em;
	background-color: rgba(255,255,255,0.6);
}
/*
.Index section>.Wrap:before,
.Index section>.Wrap:after	{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: rgba(255,255,255,1.0);
}
.Index section>.Wrap:before	{
	top: 0.25em;
}
.Index section>.Wrap:after	{
	bottom: 0.25em;
}
*/

.Index .Slide	{
	padding-bottom: 2.5em;
/*
[191213]
	padding-top: 2.5em;

[191211]校正　消す
	background-image: url(../img/square_y.svg);
*/
}
.Index .Slide .slick-slide	{
}
.Index .Slide .slick-slide>.Wrap,
.Index .Slide .slick-slide img	{
}
.Index .Slide .slick-slide img	{
	min-height: 300px;
}


.Index .Slide .Thumbnail	{}
.Index .Slide .Thumbnail ul	{
	margin-left: -1em;
	width: calc(100% + 1em);
}
.Index .Slide .Thumbnail ul li	{
}
.Index .Slide .Thumbnail ul li>.Wrap	{
	padding-left: 1em;
}
.Index .Slide .slick-dots img	{
/*
	min-height: 125px;
*/
}

/* [200124]文章を表示させたい */
.Index .Slide .slick-slide	{
}
.Index .Slide .slick-slide.Img	{
}
.Index .Slide .slick-slide.Txt	{
}
.Index .Slide .slick-slide.Txt:before	{
/*
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-width: 5px;
	display: block;
	width: 100%;
	height: 100%;
*/
}
.Index .Slide .TxtFif	{
	background-image:url(../img/paper.png);
}
.Index .Slide .slick-slide.Txt>.Wrap	{
}

.Index .Slide .Dsp.Txt	{
}
.Index .Slide .Dsp.Txt .TxtFif	{
	padding-left: 1em;
	padding-right: 1em;
	border-width: 5px;
}

.Index .Slide .Dsp.Txt .Title	{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}
.Index .Slide .Dsp.Txt .Honbun	{
	margin-bottom: calc(1.5em + 2em);
}

.Index .Slide .thumbnail .slick-dots li>.Wrap	{
	display: table;
}

.Index .Slide .thumbnail .slick-dots .TxtFif	{
	border-width: 5px;
	vertical-align: middle;
	padding: 0.5em;
	display: table-cell;
	font-size: 0.8em;
	line-height: 1.5;
	overflow: hidden;
}







#Index .Index .Category	{
	background-image: url(../img/KuxjNUBrf7I.jpg);
	background-position: top center;
/*
*/
}
#Index .Index .Category>.Wrap	{
	background-color: rgba(41,128,42,0.5);
/*
	background-image:url(../img/slash_5.png)
*/
}

.Index .Category h2	{
	margin: 1em auto auto auto;
	font-weight: bold;
/*
	filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.2));
	text-shadow:
		2px 0px 1px rgba(255,255,255,1.0),
		0px 2px 1px rgba(255,255,255,1.0),
		-0px -2px 1px rgba(255,255,255,1.0),
		-2px -0px 1px rgba(255,255,255,1.0)
	;
*/
}
.Index .Category h2:before,
.Index .Category h2:after	{
	content: none;
}

.Index .Category ul	{
}
.Index .Category li	{
	text-align: center;
	background-color: rgba(255,255,255,0.0);
	padding: 0.4em;
}
.Index .Category li>.Wrap	{
	background-color: rgba(255,255,255,0.8);
}
.Index .Category a	{
	display: block;
	padding: 0.4em;
	height: 100%;
}
.Index .Category a:hover	{
	color: rgba(255,255,255,1.0);
}
.Index .Category a>.Wrap	{
	display: block;
	padding: 0em 0em 0em;
	border-width: 2px;
	height: 100%;
	border-color: rgba(255,255,255,0.75);
}

.Index .Category img	{
	display: block;
	margin: auto;
	padding: 0em;
	width: calc(100% - 0em);
}

.Index .Category .Txt	{
	padding: 1em 0;
}
/*
.Index .Category .Txt	{
	position: absolute;
	bottom: 1em;
	left: 0;
	padding: 1em 0;
	right: 0;
	background-color: rgba(255,255,255,0.8);
}
*/
.Index .Category .Title	{
	margin: auto;
}
.Index .Category .Title>b	{
	font-size: 1.5em;
	line-height: 1;
	font-weight: bold;
}
.Index .Category span	{
}



.LessonGallery	{
	margin-bottom: 0px;
}
.Index .LessonGallery	{
	background-image: url(../img/6hUR284gLJY.jpg);
	background-position: bottom;
}
.Index .LessonGallery>.Wrap	{
	background-image:url(../img/slat.svg)
}

.Index .LessonGallery ul	{
	margin-top: 0;
}
.Index .LessonGallery ul li	{
}
/*
.Index .LessonGallery ul	{
	margin-top: -1em;
	margin-left: -1em;
	width: calc(100% + 1em);
	margin-bottom: 3em;
}
.Index .LessonGallery ul li	{
	margin-top: 1em;
	margin-left: 1em;
	flex-basis: calc((100% / 3) - 1em);
	margin-bottom: 0;
}
*/
.Index .LessonGallery ul li>.Wrap	{
	background-color: rgba(255,255,255,0.9);
	filter: drop-shadow(2px 5px 5px rgba(0,0,0,0.2));
}

.Index .LessonGallery li a	{
	display: block;
	height: 100%;
}
/* [200122]校正　a:hoverで透けて薄くするのをやめるので、ここだけ個別に白0.3を載せる */
.Index .LessonGallery li a:hover:after	{
	content: none;
}
.Index .LessonGallery li a:hover .CategoryName,
.Index .LessonGallery li a:hover .ImgCover,
.Index .LessonGallery li a:hover .Txt,
.Index .LessonGallery li a:hover .Btn	{
}
.Index .LessonGallery li a:hover .CategoryName:after,
.Index .LessonGallery li a:hover .ImgCover:after,
.Index .LessonGallery li a:hover .Txt:after,
.Index .LessonGallery li a:hover .Btn:after	{
}

.Index .LessonGallery .CategoryName	{
	position: absolute;
	left: 1em;
	top: -1em;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1em;
	padding: 0.75em 1em;
	color: rgba(255,255,255,1.0);
	z-index: 2;
	z-index: 5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: rgba(255,255,255,0.5);
}

.Index .LessonGallery .Img	{
}
.Index .LessonGallery .Img img	{
}

.Index .LessonGallery .Txt	{
	margin: 1em;
	padding-bottom: 1em;
}

.Index .LessonGallery .Title	{
	color: inherit;
	margin-bottom: 0.5em;
	margin-top: 0em;
}
.Index .LessonGallery .Title>b	{
	font-weight: bold;
}
.Index .LessonGallery .Comment	{
	font-size: 0.8em;
	display: block;
}

.Index .LessonGallery li .Btn	{
	position: absolute;
	right: 1em;
	bottom: -1em;
}
.Index .LessonGallery li .Btn.More	{
	min-width: initial;
}
.Index .LessonGallery li .Btn:before	{
	content: "";
	display: block;
	background-color: rgba(255,255,255,1.0);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
/*
.Index .LessonGallery .Img	{
	width: 50%;
	float: left;
}
.Index .LessonGallery .pic,
.Index .LessonGallery .Txt	{
	width: calc((100% - 50%) - 1em);
	float: right;
	text-align: left;
}
*/

/*[200121]校正　大文字の時は3段*/
.LargeSize .Index .LessonGallery ul li	{
}
/* 幅が、481px以上 */
@media screen, (min-width:30em), screen, (min-width:182.1mm) {
	.LargeSize .Index .LessonGallery ul li	{
		width: 28.333%;
		width: calc((100% / 3) - 3em);
		flex-basis: calc((100% / 3) - 3em);
	}
	.LargeSize .Index .LessonGallery ul li:last-child	{
		display: none;
		width: 0;
		height: 0;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border-width: 0;
	}
}




/* バナー */
.Index .Banner	{
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
/*[200219]校正　色はそれぞれで掛ける
	color: rgba(255,255,255,1.0);
*/
}

.Index .Banner ul	{
	text-align: inherit;
}

.Index .Banner ul li	{
	vertical-align: bottom;
}

.Index .Banner a	{
	display: block;
	padding: 2em 0;
	height: 100%;
}
.Index .Banner a:hover	{
	color: inherit;
}
.Index .Banner img	{
	display: inline-block;
	width: 3em;
	margin-bottom: 0.5em;
}
.Index .Banner span	{
}
.Index .Banner span:not([class])	{
	font-size: 1.2em;
	font-weight: bold;
}
.Index .Banner span:not([class]):after	{
	content: "";
	display: block;
	width: 3em;
	height: 1px;
	background-color: rgba(255,255,255,0.8);
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(1.2em / 3);
	margin-bottom: calc(1.2em / 3);
}
.Index .Banner span[class]	{
	font-size: 0.8em;
	max-width: 19em;
	display: inline-block;
	text-align: left;
}

/* .Index .Banner 個別 */
.Index .Banner .ClassContact .Free	{
	text-align: center;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1;
}
.Index .Banner .ClassContact .Free:first-line	{
}
.Index .Banner .ClassContact .UneiTelText	{
	font-size: 0.45em;
	line-height: 1.5;
	font-weight: normal;
	text-align: left;
	margin-top: 0.5em;
}
.Index .Banner .ClassContact .UneiTelText>span[class]	{
}







/* ======================================================
	お知らせ用
	------------------------------------------------------
	共通
------------------------------------------------------ */
/* newアイコン */
.NewsIcon	{
	font-size: 0.8em;
}
.NewMark	{
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: -2em;
}
h2 .NewMark	{
	font-size: calc(1.4rem * 0.8);
}
/*
.NewMark:before	{
	content: "NEW";
	display: block;
}
.NewsList .NewMark:before	{
}
.Information .NewMark:before	{
	display: inline-block;
}
*/


/* 時間 */
.NewsDateTime	{
	font-weight: normal;
/*
	opacity: 0.7;
	font-size: 0.8em;
	text-align: center;
*/
}
h2 .NewsDateTime	{
	display: block;
	font-size: 1.2rem;
	margin-top: 1em;
}
.NewsList ul .NewsDateTime	{
	display: inline-block;
	vertical-align: top;
	width: 8em;
	float: left;/*
	text-decoration: underline;
	margin-bottom: 0.5em;
*/
}
.NewsList .NewsDateTime:before,
.NewsList .NewsDateTime:after	{
	display: inline;
}
.NewsList .NewsDateTime:before	{
}
.NewsList .NewsDateTime:after	{
}
.NewsList .NewsDateTime span	{
	border-radius: 0.2em;
}

.NewsDetail .NewsDateTime	{
	display: block;
	text-align: right;
/*
	position: absolute;
	right: 0;
	bottom: 0;
*/
}
.NewsDetail .NewsDateTime:before	{
	content: "(";
	display: inline;
}
.NewsDetail .NewsDateTime:after	{
	content: ")";
	display: inline;
}
.Information .NewsDateTime	{
	display: inline-block;
}



/* タイトル */
.NewsTitle	{
}
.NewsList .NewsTitle	{
	border-width: 0;
	background: none;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	font-size: inherit;
	color: inherit;
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 8em) * 1);
}
.NewsList .NewsTitle:before,
.NewsList .NewsTitle:after	{
	content: none;
}


/* 本文 */
.NewsNaiyo	{
	text-align: left;
}
.Information .NewsNaiyo a	{
	display: inline;
}


/* 画像 */
.NewsList .Img	{
	display: block;
}

/*
.NewsImg	{}
.NewsImg:before	{}
.NewsImg>ul a	{
	display: block;
}
.NewsImg li	{
	text-align: center;
}
.NewsList .NewsImg ul	{
	margin-top: 0em;
}
.NewsList .NewsImg ul li	{
	margin-top: 1em;
}
.NewsDetail .NewsImg ul	{
	margin-top: 1em;
}
*/


/* アイコン */
.Important	{}
.Notice	{}

.News li	{}
.News li[class]	{}
.News li[class]:before	{
}

.News .Important	{
}
.News .Notice	{
}


.News .NewsTypeIcon	{
	position: absolute;
	font-size: 0.8em;
	letter-spacing: normal;
	display: block;
	width: 2.5em;
	line-height: 1.75em;
	text-align: center;
	color: rgba(255,255,255,1.0);
}
.NewsList .NewsTypeIcon	{
	top: 0;
	left: -3em;
}
.NewsDetail	{
}
.NewsDetail .NewsTypeIcon	{
	top: -3em;
	left: 0;
	margin: auto;
	right: 0;
}

.News .Important .NewsTypeIcon	{
	background-color: red;
}
.News .Notice .NewsTypeIcon	{
	background-color: orange;
}




/* ------------------------------------------------------
	一覧
------------------------------------------------------ */
.Main .NewsList	{
}
.Index .NewsList	{
	text-align: left;
}

/* <ul>で一覧 */
.Main .NewsList	{
}
.Main .NewsList:not(.Column)>ul	{
	list-style: none;
	margin-left: 0;
	margin-top: 0em;
	margin-bottom: 0em;
}
.Main .NewsList:not(.Column)>ul>li	{
	display: list-item;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	padding-bottom: 0.5em;
/*
	margin-bottom: 2em;
	margin-left: 0;
	margin-top: 0em;
*/
}
.Main .NewsList li a	{
	display: block;
}
.Main .NewsList a:hover	{
}

.Main .NewsList ul .NewsDateTime	{
}
.Main .NewsList ul .NewsTitle	{
/*
	text-decoration: underline;
*/
}
.Main .NewsList ul .NewsNaiyo	{
}
.Main .Information .NewsList>ul>li	{
	border-top-width: 1px;
	margin-top: 3em;
	padding-top: 3em;
}


/* <table>で一覧 */
.Main .NewsList table,
.Main .NewsList th,
.Main .NewsList td	{
	border-width: 0;
	background: none;
	padding: 0.5em 0;
}
.Main .NewsList table	{
	width: auto;
}
.Main .NewsList table .NewsImg	{
}
.Main .NewsList table .NoImg	{
	line-height: 15em;
}
.Main .NewsList th,
.Main .NewsList td	{
	border-bottom-width: 1px;
}
.Main .NewsList th	{
	width: auto;
	vertical-align: top;
	padding-right: 1em;
}
.Main .NewsList td	{
	font-weight: normal;
	vertical-align: top;
}
.Main .NewsList td .ListBtn	{
	display: block;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}






/* ------------------------------------------------------
	news/index.php
------------------------------------------------------ */
.Index .News	{
	text-align: center;
	background-image: url(../img/4XbZCfU2Uoo.jpg);
}
.Index .News>.Wrap	{
}
.Index .News>.Wrap>.WrapM	{
}
.Index .News h2	{
}


.Index .News .head	{
}
.Index .News .main	{
}
/*
.Index .News .head	{
	display: inline-block;
	vertical-align: middle;
	width: 25%;
}
.Index .News .main	{
	display: inline-block;
	vertical-align: middle;
	width: calc((100% - 25%) * 0.98);
}
*/
.Index .News .NewsList	{
	display: inline-block;
	text-align: center;
}
.Index .News .NewsList>ul	{
	margin-bottom: 2em;
}
.Index .News .NewsList>ul>li	{
}

/*一覧へボタン*/
.NewsListBtn	{
	text-align: center;
	margin-top: 1em;
}
.NewsListBtn>a	{
	display: inline-block;
	border-width: 1px;
	padding: 0.5em 1em;
	text-align: left;
}
.NewsListBtn>a:not([target="_blank"])	{
	position: relative;
	padding-right: calc(1em + 1.5em);
}
.NewsListBtn>a:not([target="_blank"]):after	{
	position: absolute;
	right: 0;
	right: calc(1.25em + 1px);
	bottom: calc((1em / 0.8) + 1px);
}
.NewsListBtn>a[target="_blank"]	{
	padding-left: calc(1em + 1.5em);
}
.NewsListBtn>a *	{
}
.NewsListBtn>a:hover	{
	text-decoration: none;
	opacity: 0.5;
}
.NewsListBtn .Icon	{
}
.NewsListBtn .Icon:before	{
}



/* ------------------------------------------------------
	news/news_list.php
------------------------------------------------------ */
.NewsList	{}
.NewsList ul	{
}
.NewsList ul>li	{
}


/* ------------------------------------------------------
	news_detail.php
------------------------------------------------------ */
.NewsDetail	{
}
.NewsDetail h2	{
}
.NewsDetail h2>b	{
}
.NewsDetail .NewMark	{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.NewsDetail	{
}
.NewsDetail h2 img	{
}
.NewsDetail hr	{
}
.NewsDetail hr+.NewsImg	{
}

.NewsDetail .NewsDateTime	{ }

.NewsDetail .NewsImg	{}
.NewsDetail .NewsImg ul	{}
.NewsDetail .NewsImg ul>li	{
	margin-bottom: 0;
}
.NewsDetail hr+.NewsImg>ul	{
}
.NewsDetail hr+.NewsImg>ul>li	{
}


.NewsNaiyo	{
	margin-top: 5rem;
	margin-bottom: 5rem;
	display: inline-block;
}






/* ======================================================
	[Guide]
------------------------------------------------------ */
#Guide .Main	{
}
#Guide .Main>.WrapM	{
	min-width: initial;
	width: auto;
}

#Guide .Main h2	{
}
#Guide .Main h3	{
}
#Guide .Main h4	{
}



.PDF	{}




/* ======================================================
	初めての方へ
	guide.php
------------------------------------------------------ */
#Guide .Guide	{
}
#Guide .Guide h3	{
}






/* ======================================================
	navigation btn
------------------------------------------------------ */
.CategoryNavi	{
	padding: 1em;
	font-size: 1.2em;
}
.CategoryNavi>.Wrap	{
	padding: 2em;
	background-color: rgba(255,255,255,0.75);
}

.CategoryNavi .Txt	{
	width: 50%;
	float: left;
}
.CategoryNavi .CategoryNaviBtn	{
	width: 45%;
	float: right;
}


/* ------------------------------------------------------
	ボタン */
.CategoryNaviBtn	{
}

.CategoryNaviBtn a	{
	display: block;
	padding-left: calc((0.8em * 1.125) * 2.5);
	text-align: left;
	vertical-align: middle;
}
.CategoryNaviBtn a:not([target="_blank"])>span	{
	margin-left: 0.5em;
}

.CategoryNaviBtn a:hover	{
	text-decoration: none;
}
.CategoryNaviBtn a b	{
}

.CategoryNaviBtn a	{
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 0.5em;
	margin: 1px 0 0;
}
.CategoryNaviBtn.Tight a:hover	{
}
.CategoryNaviBtn.Tight a:hover>span	{
}
.CategoryNaviBtn.Tight a:hover>span:before	{
}

.CategoryNaviBtn.Tight a b	{
}

.CategoryNaviBtn>ul	{
	margin-bottom: 0;
}
.CategoryNaviBtn>ul>li	{}
.CategoryNaviBtn .Title	{}
.CategoryNaviBtn .Read	{
	display: block;
	margin-left: 0;
}



.CategoryTitle .CategoryNaviBtn	{
}
.CategoryTitle .CategoryNaviBtn>ul	{
	margin-top: 0;
	margin-left: -1em;
	width: calc(99.9% + 1em);
}
.CategoryTitle .CategoryNaviBtn>ul>li	{
	display: inline-block;
	width: auto;
	margin-top: 1em;
	margin-left: 1em;
	min-width: calc((99.9% + 1em) / 5);
}
.CategoryTitle .CategoryNaviBtn a	{
	line-height: 1em;
}



/* 孫 */
.CategoryM	{}
.CategoryM>ul	{}
.CategoryM>ul>li	{
	display: inline-block;
}
.CategoryM>ul>li a	{
	border-width: 0;
}
.CategoryM>ul>li a:before	{
	background-color: rgba(255,255,255,1.0);
}



/* ページ内ジャンプ */
.InnerNavi	{
	text-align: center;
}
.InnerNavi a	{
}

.InnerNavi.Mini	{
}
.InnerNavi.Mini a	{
	display: block;
	text-align: left;
	padding: 0;
	border-width: 0;
	font-size: 1em;
}
.InnerNavi.Mini a:before	{
	font-family: 'themify';
	content: "\e628";
	display: inline-block;
	font-size: 0.8em;
	margin-right: 0.5em;
}
.InnerNavi.Mini a .LayoutBox	{
	display: inline;
}
.InnerNavi.Mini a br	{
	display: none;
}




/* ======================================================
	講座を探す
	lesson_search.php
------------------------------------------------------ */
.LessonSearch	{}
.LessonSearch dl	{}

.LessonSearch dt	{
	width: 20%;
}
.LessonSearch dd	{
	width: calc(100% - 20%);
	margin-left: 0;
}





/* ======================================================
	TOCについて
	contact.php
------------------------------------------------------ */

/* 理事長あいさつ */
#aisatsu	{}
#aisatsu .Img	{
	display: block;
	width: 11em;
	text-align: center;
	white-space: nowrap;
	text-indent: 0px;
	padding: 0;
}
#aisatsu .Img>.Wrap	{
	border-radius: 100%;
	overflow: hidden;
	margin-bottom: 0.5em;
}
#aisatsu .Img img	{
	margin: 0;
	width: 100%;
}
#aisatsu .Txt	{
	display: block;
/*
	padding-left: 2em;
	width: calc((100% - 200px) * 1);
	float: right;
*/
}
#aisatsu .Txt+p	{
}







/* ======================================================
	受講のご案内
	rent_entry.php
------------------------------------------------------ */
.RentEntry	{}



/* 申込みについて */
#entry	{}

/* 申込みについて / 親子向け講座 */
#entry .LayoutBox	{
	vertical-align: middle;
}
#entry .parent,
#entry .child	{
	display: inline-block;
	text-align: center;
	line-height: 1em;
	padding: 0.5em;
	margin-bottom: 1px;
	margin-top: 1px;
}
#entry .parent>b,
#entry .child>b	{
	font-weight: normal;
}
#entry .parent:before,
#entry .child:before	{
	position: absolute;
	left: -1em;
	top: -0.25em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	display: inline-block;
	font-size: 0.8em;
	border-radius: 100em;
	letter-spacing: normal;
	vertical-align: top;
	background-color: rgba(255,255,255,1.0);
	border-width: 1px;
}
#entry .parent>b	{
	font-size: 1.5em;
}
#entry .parent:before	{
	top: -1.25em;
	left: -1.25em;
	width: 3.5em;
	content: "保護者";
}
/*
[200123]校正　『親』→『保護者』
#entry .parent:before	{
	content: "親";
}
*/
#entry .child:before	{
	content: "子";
}
#entry .parent:after,
#entry .child:after	{
	display: inline;
}
#entry .parent:after	{
	content: "さん";
}
#entry .child:after	{
	content: "ちゃん";
}

#entry ol	{
	margin-bottom: 0;
}
#entry ol li	{
	margin-bottom: 0;
}

#entry .Step	{
}
#entry .Step .Img	{
}
#entry .Step .Img img	{
	border-width: 1px;
}


/* 申込手順について / 親子 */
.RentEntry .Oyako	{}
.Oyako .Step .StepNo:before	{
	content: "親子向け";
}


/* 申込手順について / ネット以外での申し込み */
.RentEntry .Other	{}
.RentEntry .Other ul	{
	list-style: none;
/*
	margin-left: 0em;
*/
}
/*
[200123]校正　『官製往復はがき』→『日本郵政往復はがき』で1文字増えた
.RentEntry .Other ul	{
	list-style: none;
	margin-left: 12em;
}
*/
.RentEntry .Other ul>li	{}
/*
.RentEntry .Other ul>li:before	{
	content: "";
	display: inline-block;
	margin-left: -1.5em;
	margin-right: 0.5em;
	width: 1em;
	height: 1em;
	border-radius: 100em;
	vertical-align: middle;
}
*/

.RentEntry .Other ul b	{
	display: block;
	padding: 0.25em 0em;
	font-weight: normal;
	color: rgba(255,255,255,1.0);
	text-align: center;
}
/*
[200123]校正　『官製往復はがき』→『日本郵政往復はがき』で1文字増えた
.RentEntry .Other ul b	{
	display: block;
	left: -12em;
	width: 11em;
	padding: 0.25em 0em;
	font-weight: normal;
	color: rgba(255,255,255,1.0);
	text-align: center;
	position: absolute;
}
*/

/* 講座受講料納入について / 受講料の振込み先 */
#way	{}
#way .Transfer	{}




/* ======================================================
	緊急時の対応
	kinkyu.php
------------------------------------------------------ */
.Kinkyu	{}
.Kinkyu .Alert	{
	font-weight: bold;
}

/* 【暴風警報解除】時の対応 */
.WarningCancellation	{}
.WarningCancellation ol	{
}
.WarningCancellation ol li	{
	text-align: center;
	background-color: rgba(255,255,255,1.0);
	padding-bottom: 1em;
}
.WarningCancellation .time	{
	display: inline-block;
	display: block;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.WarningCancellation li:nth-child(1) .time	{
	border-width: 1px;
	border-color: rgba(255,255,255,1.0);
}

.WarningCancellation .time>b	{
	display: block;
	font-size: 1.5em;
}
.WarningCancellation .time>span	{
	display: block;
	font-size: 1rem;
	font-weight: normal;
}

.Kinkyu .KinkyuFooter	{
	text-align: center;
}



.ContactQa .Warning	{}
.ContactQa .Warning ol	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style: none;
}
.ContactQa .Warning ol>li	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}
.ContactQa .Warning ol>li .time:before	{
	display: inline;
	margin-left:-1em;
}
.ContactQa .Warning ol>li:nth-child(1) .time:before	{
	content: "\02460";
}
.ContactQa .Warning ol>li:nth-child(2) .time:before	{
	content: "\02461";
}
.ContactQa .Warning ol>li:nth-child(3) .time:before	{
	content: "\02462";
}

.ContactQa .Warning ol br	{
	display: none;
}
.ContactQa .Warning ol b	{
	font-weight: normal;
	color: inherit;
}

.ContactQa .Warning ol .time	{
	display: inline;
}
.ContactQa .Warning ol .time:after	{
	content: "・・・";
	display: inline;
}

.ContactQa .Warning .KinkyuFooter	{
}
.ContactQa .Warning .KinkyuFooter br	{
	display: none;
}


/*[191213]校正　追加『フォトギャラリー(イベント・展示の思い出アルバム)』*/
/* ======================================================
	[191213]校正　追加
	ギャラリー
------------------------------------------------------ */
.Index .ReportGallery	{
	background-image:url(../img/f39ab9Rrx0Q.jpg)
}
.Index .ReportGallery .Anchor	{
	position: absolute;
	bottom: 2em;
	left: 0;
	right: 0;
	width: auto;
	text-align: center;
}
.Index .ReportGallery>.Wrap	{
/*
	background-color: rgba(255,255,255,0.85);
*/
}
.Index .ReportGallery>.Wrap>.WrapM	{
}
/*
.Index .ReportGallery h2	{
	color: rgba(255,255,255,1.0);
}
.Index .ReportGallery h2:after	{
	background-image:url(../img/circle_w.svg)
}
*/

.Index .ReportGallery .head .Title	{
	padding: 0;
	background: none;
	margin-top: 0;
	line-height: 1;
}
.Index .ReportGallery .head .Title:before,
.Index .ReportGallery .head .Title:after	{
	content: none;
	content: "";
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	transform: rotate(0deg);
	opacity: 1;
	overflow: hidden;
}
.Index .ReportGallery .head .Title:before	{
	top: 0.6em;
	left: 0;
	right: 0;
	width: auto;
	height: 3px;
/*
	background: none;
*/
}
.Index .ReportGallery .head .Title:after	{
	right: 0.2em;
	transform: rotate(10deg);
	width: 5em;
	height: 1em;
	background-image: url(../img/square_w.svg);
	background-position: right;
	background-size: 0.5em;
	background-repeat: repeat;
}

.Index .ReportGallery .head .Title>b	{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: rgba(255,255,255,1.0);
	font-size: 1.5em;
	position: relative;
	font-weight: bold;
}
.Index .ReportGallery .head .Title .Icon 	{
	position: absolute;
	top: -0.5em;
	left: -1.5em;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75em;
	text-align: center;
	letter-spacing: normal;
	transform: rotate(-5deg);
	border-radius: 100em;
	display: inline-block;
	color: rgba(255,255,255,1.0);
	font-size: 0.7em;
}
.Index .ReportGallery .head .Title .Icon>span 	{
	display: inline-block;
	line-height: inherit;
}

.Index .ReportGallery .main .Title	{
	margin-top: 0;
	padding: 0;
	margin-bottom: 0;
	background: none;
	font-size: 1em;
}
.Index .ReportGallery .main .Title:before	{
	content: none;
}
.Index .ReportGallery .main .Title>b	{
	border-width: 0;
}


.Index .ReportGallery .Photo,
.Index .ReportGallery .Movie	{
}
.Index .ReportGallery .Photo	{
}
.Index .ReportGallery .Movie	{
}
.Index .ReportGallery .Photo>.Wrap,
.Index .ReportGallery .Movie>.Wrap	{
	padding: 2em 0em 5em;
	background-color: rgba(255,255,255,1.0);
	height: 100%;
/*
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-style: double;
*/
}


.Index .ReportGallery .Photo .main	{
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.Index .ReportGallery .Photo .Img	{
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.Index .ReportGallery .Photo .Txt	{
	margin-top: 1em;
}

.Index .ReportGallery .Movie .Img	{
	margin: auto;
	width: calc(0.8em * 18.5);
}
.Index .ReportGallery .Movie .Img video	{
	width: 100%;
	height: calc((0.8em * 18.5) * 0.75);
}



.Gallery	{}
/* ------------------------------------------------------
	フォトアルバム
	gallery_photo.php
*/
.GalleryPhoto	{}

.GalleryPhoto .LightBox	{}
.GalleryPhoto .LightBox .Item	{
}
.GalleryPhoto .LightBox li>.Wrap	{
	padding-right: 1em;
	padding-top: 1em;
}




/* ------------------------------------------------------
	動画
	gallery_movie.php
*/
.GalleryMovie	{}

.GalleryMovie h3	{
	text-align: left;
	min-height: calc(1.5em * 4);
}
.GalleryMovie .Wrap>h3	{
	margin-top: 0;
}
.GalleryMovie h3>b	{
}
.GalleryMovie article .Title	{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/* [200121]校正　どうしてもmax2行の中心に */
.GalleryMovie article h3:after	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	height: calc(1.5em * 4);
	vertical-align: middle;
	opacity: 0;
	margin-right: -1px;
}

.GalleryMovie article .Column	{}
.GalleryMovie article .Column>ul	{
	justify-content: center;
}
.GalleryMovie article .Column>ul>li	{}







/* ======================================================
	会社概要
	aboutus.php
------------------------------------------------------ */
.Aboutus .Aisatsu	{
}
.Aboutus .Aisatsu .Img	{
	width: 22.5%;
	float: left;
	margin-right: 1em;
}
.Aboutus .Aisatsu .Img img	{
	border-radius: 100%;
}

.Aboutus .AbutusData td	{}
.Aboutus .AbutusData td ul	{
	margin-top: 0;
}
.Aboutus .AbutusData td li	{
	margin-top: 0;
	margin-bottom: 0;
}
.Aboutus .AbutusData td li:before	{
	content: "●";
	display: inline-block;
	width: 2em;
	font-size: 0.5em;
	vertical-align: middle;
}



.AboutusTel table,
.AboutusTel th,
.AboutusTel td	{
	border-width: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.AboutusTel th	{
	font-weight: normal;
	background: none;
}

.AboutusTel ul	{
	list-style: none;
	margin-left: 0px;
	margin-top: -0.3rem;
	margin-bottom: -0.2rem;
}
.AboutusTel li	{}

.TableLayout.UneiMini	{
	margin-left: auto;
	margin-right: auto;
}
.TableLayout.UneiMini th,
.TableLayout.UneiMini td	{
	vertical-align: middle;
}


/* 外観 */
.ShopImg	{
	margin-bottom: 1.5rem;
	text-align: center;
}





/* ======================================================
	地図
------------------------------------------------------ */
.AccessGuide	{
}


.AccessMapDsp	{
	width: 100%;
	height: 500px;
	height: 25em;
	margin-top: 0em;
	margin-bottom: 0em;
	background-color: rgba(255,255,255,1.0);
	color: #000;
	opacity: 0.9;
}

/* フラグの空き調整 */
.AccessMapDsp *	{
	border: 0;
	font-size: 1em;
}


#Footer .AccessMapDsp	{
	margin-top: 0em;
}

.AccessMapNaviBtn	{
	text-align: center;
	margin-top: 1em;
}
.AccessMapNaviBtn>span	{
	margin-left: 1em;
	margin-right: 1em;
	display: inline-block;
}

.MapNaviBtn	{
}
.MapNaviBtn a:before	{
	font-family: 'ElegantIcons';
	content: "\e01d";
	display: inline-block;
	font-weight: normal;
}
.MapBtn	{}
.MapBtn a:before	{
	font-family: 'ElegantIcons';
	content: "\e005";
	display: inline-block;
	margin-right: 0.5em;
	background-color: transparent;
	font-weight: normal;
}

.APPDownload	{
	text-align: center;
	margin-top: 1em;
}
.APPDownload a	{
	display: inline-block;
	vertical-align: middle;
}







/* ======================================================
	リンク
	link.php
------------------------------------------------------ */
.Link table,
.Link th,
.Link td	{
	width: auto;
}




/* ======================================================
	よくあるご質問
	qa.php
------------------------------------------------------ */
.ContactQa	{}
.ContactQa .Warning	{}


.Qa	{
}

.Qa label	{
	display: block;
	margin-right: 0;
}
.Qa .Change	{
	padding-top: 1em;
	border-bottom-width: 1px;
/* データの途中で改ページ禁止 */
	page-break-inside: avoid;
}

.Qa label.Btn>.Title	{
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	padding: 0;
	padding-left: 2em;
}
.Qa .Title>b	{
	display: inline-block;
	vertical-align: middle;
}
.Qa .Title .Mark	{
	position: absolute;
	left: 0em;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100em;
	opacity: 0.75;
	display: inline-block;
	vertical-align: middle;
	top: 0.25em;
}
.Qa .Title .Mark:before,
.Qa .Title .Mark:after	{
	content: "";
	display: block;
	width: 50%;
	height: 50%;
}
.Qa .Title .Mark:before	{
	border-width: 0px 2px 2px 0;
	margin-bottom: -2px;
	margin-left: 1px;
}
.Qa .Title .Mark:after	{
	border-width: 2px 0 0px 2px;
	margin-left: auto;
	margin-top: -2px;
	margin-right: 1px;
}

.Qa .Txt	{
	margin-bottom: 1em;
	margin-left: 3em;
}
/*チェック用に開けっ放し
.Qa .Txt	{
	height: auto;
	opacity: 1.0;
}
*/

.Qa .Change input:checked ~ .Btn	{
}
.Qa .Change input:checked ~ .Btn .Title .Mark	{
	width: 1em;
	margin-left: 0.25em;
}
.Qa .Change input:checked ~ .Btn .Title .Mark:before	{
	border-right-width: 0;
	border-bottom-width: 3px;
	margin-bottom: -3px;
}
.Qa .Change input:checked ~ .Btn .Title .Mark:after	{
	border-left-width: 0;
	border-top-width: 3px;
	margin-top: -3px;
}
.Qa .Change input:checked ~ .Txt	{
}



/*
.Qa dl	{
	text-align: left;
	margin-left: 3em;
}
.Qa dt	{
	margin-bottom: 1em;
}
.Qa dt>.Wrap	{
	font-size: 1.2em;
}
.Qa dt:first-child	{
}
.Qa dd:not(:last-child)	{
	margin-bottom: 5em;
}
.Qa dd>.Wrap	{
}
.Qa dd ul	{
	text-indent: 0rem;
	padding-left: 0rem;
}

.Qa dt .head,
.Qa dd .head	{
	position: absolute;
	top: 0;
	left: -3em;
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3em;
	line-height: 1.2em;
	color: inherit;
	text-align: center;
	vertical-align: middle;
	border-radius: 100em;
	padding-left: 0em;
	text-indent: 0em;
}
.Qa dt .head:before,
.Qa dd .head:before	{
	display: block;
	text-align: left;
}
.Qa dt .head>span	{
	font-size: 1.2em;
	display: block;
	line-height: 1;
}
.Question:before	{
	content: "Q";
}
.Answer:before	{
	content: "A";
}
*/



/* ======================================================
	お問い合わせ
------------------------------------------------------ */
.MainContact th,
.MainContact th:first-child	{
	padding-left: 1.5em;
}
.MainContact th.Required	{
	text-indent: -1em;
}
/*
.MainContact th,
.MainContact th:first-child	{
	padding-left: 1em;
}
.MainContact th.Required	{
	text-indent: -1em;
}
*/
.MainContact td ul	{
	list-style: none;
	margin-left: 0em;
	margin-top: 0px;
}
.MainContact td li	{
	display: inline;
	margin-right: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
}

.Main section.ContactTel	{
	text-align: center;
/*
*/
}
.ContactTel address	{
	padding: 1.5em 2em;
	display: inline-block;
	color: rgba(255,255,255,1.0);
	margin-top: 1em;
}
.ContactTel .UneiTelSet	{
	font-size: 2em;
	margin-bottom: 0.5em;
	font-weight: bold;
/*[191210]校正前　囲んだら上が不要
	margin-top: 1em;
	margin-bottom: 1em;
*/
}
.ContactTel .UneiTelText	{
	display: inline-block;
	text-align: left;
}
.ContactTel .big	{
	font-size: 2em;
}


.TableLayout.UneiMini	{
/*
	margin-left: auto;
	margin-right: auto;
*/
}
.TableLayout.UneiMini th,
.TableLayout.UneiMini td	{
	vertical-align: middle;
}
.TableLayout.UneiMini .UneiClosed	{
	display: block;
}

.l .UneiMini,
.Law .TableLayout.UneiMini,
.GuideLaw .TableLayout.UneiMini	{
	margin-left: 0;
	margin-bottom: 0;
}


.ContactEnd .TableLayout.UneiMini	{
}





/* ======================================================
	プライバシーポリシー
	privacy.php
------------------------------------------------------ */
.Privacy	{
}

.Privacy dl	{
	text-align: left;
	font-size: 0.8em;
}
.Privacy dt	{
	background: none;
	border-width: 0;
	padding-left:0px;
	font-weight:bold;
}
.Privacy dd	{}

.Privacy ul,
.Privacy ol	{
	text-align: left;
}





/* ======================================================
	サイトマップ
	sitemap.php
------------------------------------------------------ */
.Sitemap	{
}
.Sitemap .Big,
.Sitemap .big	{
}
.Sitemap .FigureLayout	{
	margin-top: 1em;
}
.SitemapMain figure	{
	display: inline-block;
	vertical-align: top;
}
.SitemapMain figure:not(:first-child)	{
	margin-left: 2em;
}
.SitemapMain figure:not(:last-child)	{
	margin-right: 2em;
}
.SitemapMain figure ul	{
	text-align: left;
	margin-top: 0px;
	list-style: none;
}
.SitemapMain figure>ul	{
}
.SitemapMain .Column>ul	{
	justify-content: flex-start;
}
.SitemapMain li	{
}
.SitemapMain .LinkIcon	{
	margin-right: 0.5em;
}
.SitemapMain a	{
	padding-right: 1.5em;
	display: block;
}
/*
.SitemapMain .glyph a	{
	text-decoration: none;
}
*/
.SitemapMain .FigureLayout br	{
	display: none;
}

.SitemapMain .Sub	{
	margin-left: 0;
}
.SitemapMain .Sub li	{
}
.SitemapMain .Sub a	{
	padding-left: 1em;
	padding-right: 0em;
	border-width: 0;
	display: inline-block;
}
/*

.Sitemap section	{
	margin-top: 0px;
}
.Sitemap h2	{}
.Sitemap h2 b	{
	display: block;
	font-size: 1.5em;
}
.Sitemap h2 small	{
	display: block;
}

*/



/* ======================================================
	======================================================
	======================================================
====================================================== */



/* ======================================================
	box
------------------------------------------------------ */
#Header,
#Footer>.Wrap,
.Footer .FooterWrap,
.SortNavi,
.CategoryNavi,
.CategoryNavi>.Wrap
	{ zoom: 1; }

#Header:after,
#Footer>.Wrap:after,
.Footer .FooterWrap:after,
.SortNavi:after,
.CategoryNavi:after,
.CategoryNavi>.Wrap:after
	{
	content: ""; 
	display: block; 
	clear: both;
}


