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

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

/* ====================================================== 
	本文
@import"../css/test_line.css";
====================================================== */
/* 行き来するボタン */
.SwitchingBtnPC	{
	display: none;
}
.SwitchingBtnSP	{
}


/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* ページ構成 */
body	{
}
/* 横スクロールで切れないように */
section,
#Header,
.WrapM,
.Footer,
.CategoryTitle,
.Index .Slide,
/* [200130/200204]校正　admin/幅フリーは広すぎる */
#Admin .Main
	{
	min-width: calc(18px * ((22 + 4) * 2 * 1.15));
	min-width: calc(1rem * 60);
/*[191108]校正　幅広げる
	min-width: 970px;
*/
}
.WrapM,
/* [200130/200204]校正　admin/幅フリーは広すぎる */
#Admin .Main
	{
	width: calc(18px * ((22 + 4) * 2 * 1.15));
	width: calc(1rem * 60);
/*[191108]校正　幅広げる
	width: 970px;
*/
}
section,
#Header,
.WrapM,
.Footer,
.Index .Slide,
/* [200130/200204]校正　admin/幅フリーは広すぎる */
#Admin .Main
	{
	margin-left: auto;
	margin-right: auto;
}

/* 幅が、本文以上 */
@media screen and (min-width:60.1rem){
	#Document>.Wrap	{
/*
		padding-left: 2rem;
		padding-right: 2rem;
*/
	}
	.Header>.Wrap>.WrapM	{
/*
		padding-left: 2rem;
		padding-right: 2rem;
*/
	}
	.Header .LogoSet	{
		left: calc((100vw - (1rem * 60)) / 2);
		left: 2rem;
	}
	.Header .Navi	{
/*
		margin-right: calc((100vw - (1rem * 60)) / 2);
*/
	}
	.Header #MenuBar	{
/*
		margin-right: calc((100vw - (1rem * 60)) / 2);
*/
	}
	.LessonList.Change	{
/*
		margin-left: 2rem;
		margin-right: 2rem;
*/
	}
}
@media screen and (min-width:60rem){
	.FooterBtn
		{
/*[200205]　『上へ戻る』ボタンが本文に被って邪魔
		left: calc((100% - (1rem * 60)) / 2);
*/
		right: calc((100% - (1rem * 60)) / 2);
		right: calc((100% - (1rem * 60)) / 2 - (3.25em * 1.25));
	}
	.LessonList.Change	{
	}
}
/* 幅が、本文未満 */
@media screen and (max-width:59.9rem){
	.Header>.Wrap>.WrapM	{
	}
	.LessonList.Change	{
		width: 100%;
	}
}

/*[191108]校正　幅広げる
@media screen and (min-width:970px){
	.FooterBtn
		{
		left: calc((100% - 970px) / 2);
		right: calc((100% - 970px) / 2);
	}
}
*/



/* Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* 幅が、480px以下 */
@media screen, (max-width:30em), screen, (max-width:182mm) {
}
/* 幅が、481px - 1024px */
@media screen, (min-width:30em), screen, (min-width:182.1mm) {
}
/* 幅が、1024px以上 */
@media screen and (min-width:37.5em){
}


#Document	{
	min-height: 100%;
}
#Document>.Wrap	{
	margin-left: auto;
	margin-right: auto;
}

#Header	{}
.Header>.Wrap	{
}


#MenuBar	{}
#Contents	{}
.ContentsBox	{}





/* ======================================================
	header
------------------------------------------------------ */
/* スライドメニュー用 */
#Header>.Wrap	{
}
.Header>.Wrap>.WrapM	{
	width: auto;
/*
*/
}


.Header	{
}
.Header img	{ vertical-align: middle; }
.Header ul	{
	list-style: none;
	margin: 0;
}
.Header li	{
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
}
.Header li:not(:first-child)	{}
.Header a	{
	color: inherit;
}
.Header table	{
	margin-right: 0px;
	margin-left: auto;
}
.Header caption	{}
.Header th,
.Header td	{
	vertical-align: middle;
}


.Header>.Wrap	{
}
.Header>.Wrap>div	{
}


.Header .LogoSet	{
	position: absolute;
	top: 0px;
	z-index: 5;
/*
	left: 0px;
*/
}
.Header .Navi,
.Header .Menu,
.Header .MenuBar	{
	text-align: right;
	position: static;
}
.Header .Navi,
.Header .Menu	{
	margin-bottom: 1em;
}
.Header .MenuBar	{
	margin-left: auto;
	margin-right: 0;
}

.Header .Navi>.WrapM,
#MenuBar>.WrapM	{
	width: auto;
}



/* ------------------------------------------------------
	ロゴ */
.Logo	{}
.Logo .Txt	{
	margin-top: 1em;
	margin-bottom: 1em;
}

.Header .Logo	{
}
.Header .Logo a	{
}

.Header .Logo .Img.Site img	{
	width: calc(104px * 0.75);
}
.Header .Logo .Img.SiteTxt	{
}
.Header .Logo .Img.SiteTxt img	{
	width: calc(227px * 0.75);
}

.Footer .Logo	{
}
.Footer .Logo .Img.Site	{
}
.Footer .Logo .Img.Site img	{
	width: calc(104px * 0.5);
}
.Footer .Logo .Img.SiteTxt	{
}
.Footer .Logo .Img.SiteTxt img	{
	width: calc(227px * 0.75);
}

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


/* IE11 hack */
_:-ms-lang(x)::-ms-backdrop, .HeaderLogo {
}
_:-ms-lang(x)::-ms-backdrop, .Logo .Img {
	display:inline;
}
/* ------------------------------------------------------
	Header左 */

/* ------------------------------------------------------
	Header右 */
.Header #MenuBar	{
	text-align: right;
/*
	width: calc(100% - (((104px + 227px) * 0.8) + 1em));
	width: calc(100% - (80px + (16em * 1.15)));
*/
}
.Header #MenuBar>.WrapM>ul	{
	margin-left: auto;
	margin-right: 0px;
}




/* ------------------------------------------------------
	文字サイズ変更 */
#fontSize	{
}
.Header #fontSize	{
	vertical-align: bottom;
}

#fontSize li	{
	margin: auto;
	display: inline-block;
	float: none;
}
.changeBtn	{
	letter-spacing: normal;
}
.changeBtn>span	{
	cursor: pointer;
	display: inline-block;
	width: 2em;
	line-height: 2em;
	text-align: center;
	border-width: 1px;
	background-color: rgba(255,255,255,1.0);
}
.changeBtn .small,
.changeBtn .large	{
	font-size: 1em;
}
.changeBtn .changeText	{}

/* 選択中 */
.changeBtn .current	{}

.HeaderLeft	{}








/* ======================================================
	<nav>
------------------------------------------------------ */
/* メニューバー・共通 */
#MenuBar	{
	line-height: 1;
	text-align: center;
	font-weight: bold;
	letter-spacing: normal;
}
#MenuBar>.Wrap	{
}

#MenuBar a	{
	line-height: 1em;
	display: block;
	height: 100%;
	padding: 0.5em;
}
#MenuBar a span	{
	display: block;
	display: inline-block;
}
#MenuBar a:hover>span	{
/*
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	height: 0.25em;
*/
}

/* 今のページ */
#MenuBar .MenuOn	{
}
#MenuBar .MenuOn span	{
}
#MenuBar a span:after,
#MenuBar .MenuOn span:after	{
}

/* ------------------------------------------------------
	<ul>で*/
#MenuBar>.Wrap>ul	{
	display: table;
	padding: 0;
/*
	margin: auto;
*/
}
#MenuBar>.Wrap>ul>li	{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
#MenuBar .Blank	{
}
/*
#MenuBar>.Wrap>ul	{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#MenuBar>.Wrap>ul>li	{
}
#MenuBar>ul>li a:hover>span:before	{
	content: none;
	position: absolute;
	bottom: -0.5em;
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	height: 3px;
}
#MenuBar>ul>li:not(:first-child)	{
}
#MenuBar>ul>li:not(:last-child)	{
}
#MenuBar>ul>li a	{
}
*/


/* sub */
#MenuBar ul,
#MenuBar .PullDown,
#MenuBar .PullDown>.Wrap	{
	position: static;
}
#MenuBar .PullDown	{
}
#MenuBar .PullDown .Sub	{
	padding-top: 0em;
	text-align: center;
}
#MenuBar .PullDown .Sub li	{
	font-size: 0.8em;
	font-weight: normal;
}
#MenuBar .PullDown .Sub a	{
	font-weight: inherit;
	color: inherit;
}
#MenuBar .PullDown .Sub a:hover	{
	color: inherit;
}

/* 横に流す */
#MenuBar .PullDown	{
}
#MenuBar .PullDown .Sub	{
	position: absolute;
	left: 0;
	right: 0;
	top: 2.25em;
	width: 100%;
}
#MenuBar .PullDown .Sub>ul	{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: flex-end;
	overflow: hidden;
/*
	align-items: center;
	align-items: stretch;
*/
}
/* 幅が、本文以上 */
@media screen and (min-width:65rem){
	#MenuBar .PullDown .Sub	{
		left: -2rem;
		right: -2rem;
		width: calc(100% + (2rem * 2));
/*
*/
	}
}
@media screen and (min-width:60rem){
}
/* 幅が、本文未満 */
@media screen and (max-width:59.9rem){
}

#MenuBar .PullDown .Sub li	{
	width: 20%;
	flex-basis: calc(100% / 5);
	align-self: center;
	text-align: center;
	white-space: normal;
/*
	display: inline-block;
	display: block;
	float: left;
*/
}
#MenuBar .PullDown .Sub li>.Wrap	{
	overflow: hidden;
	height: 0em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#MenuBar .PullDown .Sub li:nth-child(5n+5):after	{
	border-right-width: 0px;
}

#MenuBar .PullDown .Sub li:first-child:before,
#MenuBar .PullDown .Sub li>.Wrap:before,
#MenuBar .PullDown .Sub li>.Wrap:after	{
	content: "";
	position: absolute;
	display: inline-block;
	border-style: dashed;
}
#MenuBar .PullDown .Sub li:first-child:before	{
	left: 0;
	top: 1em;
	width: 1px;
	height: 5em;
	border-left-width: 1px;
}
#MenuBar .PullDown .Sub li>.Wrap:after	{
	right: 0;
	top: 1em;
	width: 1px;
	height: 5em;
	border-right-width: 1px;
}
#MenuBar .PullDown .Sub li>.Wrap:before	{
	top: -1px;
	left: 10%;
	width: 80%;
	height: 1px;
	border-top-width: 1px;
}
#MenuBar .PullDown .Sub li:nth-child(5n+5):after	{
	border-right-width: 0px;
}

#MenuBar .PullDown .Sub a	{
	font-weight: normal;
}
#MenuBar .PullDown .Sub a:hover	{
}
#MenuBar .PullDown .Sub a>span	{
	vertical-align: middle;
}
#MenuBar .PullDown .Sub li:not(.Photo) a	{
	display: table;
	width: 100%;
	line-height: 1.5;
	font-weight: normal;
}
#MenuBar .PullDown .Sub li:not(.Photo) a>span	{
	display: table-cell;
}

#MenuBar .PullDown .Sub li:not(:first-child) a	{
}
#MenuBar .PullDown .Sub a:hover	{
}
#MenuBar .PullDown .Sub a:hover>span	{
}
#MenuBar .PullDown .Sub a:hover:before,
#MenuBar .PullDown .Sub a:hover>span:before	{
	content: none;
}



#MenuBar .PullDown:hover>.Wrap>a:after	{
	content: "";
	position: absolute;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	bottom: -0.25em;
	left: 0;
	right: 0;
	width: 1em;
	height: 1em;
	border-bottom-width: 0.5em;
	border-right: 0.5em solid transparent;
	border-left: 0.5em solid transparent;
	z-index: 10;
}
#MenuBar .PullDown:hover .Sub	{
}

/*テスト用に開ける
#MenuBar .PullDown .Sub li>.Wrap	{
#MenuBar .ClassIntroduction.PullDown .Sub li>.Wrap	{
*/
/* <li>でないと高さが取れない
*/
#MenuBar .PullDown:hover .Sub li>.Wrap	{
	height: 7em;
	overflow: inherit;
}
#MenuBar .PullDown:hover .Sub a	{
}


/* プルダウン・色 */
/*[191213]校正　色反転*/
/* さんかく */
#MenuBar .PullDown>.Wrap>:after
	{
	border-color: rgba(25,25,112,1.0);
	border-color: rgba(100,149,237,0.2);
}
#MenuBar .PullDown .Sub a:hover	{
}

#MenuBar .PullDown .Sub
	{
	background-color: rgba(100,149,237,0.2);
}
#MenuBar .PullDown .Sub:before
	{
	background-color: rgba(255,255,255,1.0);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
#MenuBar .PullDown .Sub ul
	{
	padding-left: 3em;
	padding-right: 3em;
	width: 100vw;
}


/* 写真付き[カテゴリだけ] */
#MenuBar .ClassIntroduction	{
}
#MenuBar .ClassIntroduction .Sub	{
}
#MenuBar .ClassIntroduction .Sub ul	{
}
/* 幅が、本文以上 */
@media screen and (min-width:65rem){
	#MenuBar .ClassIntroduction .Sub ul	{
	}
}
@media screen and (min-width:60rem){
}
/* 幅が、本文未満 */
@media screen and (max-width:59.9rem){
}
#MenuBar .ClassIntroduction .Sub li:first-child:before,
#MenuBar .ClassIntroduction .Sub li>.Wrap:before,
#MenuBar .ClassIntroduction .Sub li>.Wrap:after	{
	border-color: rgba(255,255,255,1.0);
}
#MenuBar .ClassIntroduction .Sub	{
}
#MenuBar .ClassIntroduction .Sub a	{
	line-height: 6em;
	overflow: hidden;
}
#MenuBar .ClassIntroduction .Sub a span:not(.Img)	{
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
#MenuBar .ClassIntroduction .Sub .Photo	{
}
#MenuBar .ClassIntroduction .Sub .Photo .Img	{
	position: absolute;
	left: 0em;
	top: 0em;
	right: 0;
	bottom: 0;
/*
	width: 6em;
	border-radius: 100em;
	overflow: hidden;
	margin: auto;

斜めにするには小さすぎる
	left: -10em;
	top: -10em;
	width: 20em;
	height: 20em;
	transform: rotate(-45deg);
	overflow: hidden;
*/
}
#MenuBar .ClassIntroduction .Sub .Photo .Img img	{
	opacity: 0.3;
	height: 100%;
/*
	transform: rotate(45deg);
	width: 125%;
	max-width: initial;
*/
}
/*[200130]　違うらしい
#MenuBar .ClassIntroduction .SubCt4 .Img img	{
	background-size: contain;
}
*/
#MenuBar .ClassIntroduction .SubCt1 .Img img,
#MenuBar .ClassIntroduction .SubCt6 .Img img	{
	background-position: bottom;
}

/*[200130]　違うらしい
#MenuBar .ClassIntroduction .SubCt9 .Img img	{
	background-size: contain;
}
	background-position: center 80%;
*/
#MenuBar .ClassIntroduction .Sub a:hover .Img img	{
	opacity: 0.6;
}
/* [191213]校正　透かしで見てみたい 
#MenuBar .PullDown .Sub .Img	{
	width: 3.5em;
	margin: 0.5em auto;
	display: block;
	border-radius: 100em;
	overflow: hidden;
	background-color: rgba(255,255,255,1.0);
}
*/




/* 個別 */
#MenuBar .ClassAboutus.PullDown .Sub li.SubToc,
#MenuBar .ClassRentEntry.PullDown .Sub li.SubPrice,
#MenuBar .ClassQa.PullDown .Sub li.SubToc	{
	min-width: 20%;
	width: auto;
	flex-basis: auto;
	white-space: nowrap;
}




/* [200203]画像付きだったら */
#MenuBar>.Wrap>ul>i.Img	{
}
#MenuBar>.Wrap>ul>li.Img>.Wrap>a	{
}
#MenuBar>.Wrap>ul>li.Img>.Wrap>a>span	{
	vertical-align: middle;
}
#MenuBar>.Wrap>ul>li.Img>.Wrap>a>span:first-child	{
}
#MenuBar>.Wrap>ul>li.Img>.Wrap>a>span:first-child img	{
	height: 1em;
	width: auto;
	max-width: initial;
	margin-right: 0.25em;
}




/* ======================================================
	Contents・本文全体
	左右メニューは、style_menu.csssへ
------------------------------------------------------ */







/* ======================================================
	Footer
------------------------------------------------------ */
/* Footer・本体 */
#Footer	{}

.FooterInfo	{
}

.Footer>.Wrap	{
}
.Footer .Left,
.Footer .Right	{
}
.Footer .Left	{
	width: calc((100% - 433px) - 2em);
	float: left;
}
.Footer .Right	{
	width: 433px;
	float: right;
}
.Footer .Left>.Wrap,
.Footer .Right>.Wrap	{
	width: 100%;
}
/*
.Footer .Left,
.Footer .Right	{
	display: flex;
}
.Footer .Left	{
	width: calc((100% - 433px) - 2em);
}
.Footer .Right	{
	width: 433px;
}
.Footer .Left>.Wrap,
.Footer .Right>.Wrap	{
	width: 100%;
}
*/

.Footer .FooterCopy	{
}



/* ======================================================
	左・右
------------------------------------------------------ */
/* ------------------------------------------------------
	左右共通 */

/* 右上に固定 */
.Contents	{}



.Side	{
}

/*
.SideLeft	{
	text-align: left;
}
.SideRight	{
	text-align: left;
}


.Side aside	{
}
.Side aside:not(:first-child)	{
	margin-top: 2em;
}
.Side aside:not(:last-child)	{
	margin-bottom: 2em;
}

.Side h2	{ font-weight: normal; }
.Side aside h2:first-child	{
	margin-top: 0.5em;
}
.Side aside h2:last-child	{
	margin-bottom: 0;
}


.Side a:before	{
}
.Side .Banner a:before	{
	content: none;
}


.Side ul	{
	list-style: none;
	margin-left: 0px;
}

.Side hr	{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.Side .BannerLine li	{ border-width: 1px; }

.Side .CategoryList	{}
.Side .CategoryList a	{
	display: block;
}
.Side .CategoryList ul	{}
.Side .CategoryList ul>li	{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.Side .SubMenu	{
	text-align: left;
}
.Side .SubMenu ul	{
}
.Side .SubMenu li	{
}

.Side select,
.Side input	{
	border-width: 1px;
}
*/



/* ------------------------------------------------------
	カテゴリ表示
------------------------------------------------------ */

.SideCategory	{
	margin-bottom: 0.5rem;
	text-align: left;
}
.SideCategory li	{
	margin-top: 0.5rem;
}
.SideCategory li li	{
	border-width: 0px;
	padding: 0;
}

/* 今の大カテゴリ($category1) */
.SideCategory li.CategoryOn,
.SideCategory li.CategoryOn li	{ background-color: #fff; }

/* このカテゴリ */
.CategoryOn .ThisCategory	{font-weight: bold;}




/* ------------------------------------------------------
	大カテゴリ */
.CategoryImg	{}
.CategoryName	{}




/* ------------------------------------------------------
	子カテゴリ */
.CategorySearch .SubCategory	{
	margin-left: 17px;
	margin-right: 5px;
}

/* 子カテゴリ・<a>でリストマーク */
.CategorySearch .SubCategory li	{
	list-style-image: url(../img/mark3.png);
	font-weight: normal;
	border-width: 0;
}
.CategorySearch .SubCategory li	{
	padding-bottom: 0px;
}
.CategorySearch .SubCategory a	{}
.CategorySearch .SubCategory a:hover	{ }

.ThisCategory	{
	padding: 0;
	border-width: 0;
}
.SubCategory .CategoryName	{ display: inline; }




/* ======================================================
	価格で探す */
.KakakuSearch	{ }
.KakakuSearch ul	{}


/* ------------------------------------------------------
	検索BOX 
.SearchBox	{
}
.SearchBox a:hover	{ background: none; }
.SearchBox table,
.SearchBox th,
.SearchBox td	{
	border-width: 0;
}
.SearchBox th,
.SearchBox td	{
	padding-left: 10px;
	padding-right: 0px;
}
.SearchBox select	{
}
*/

/* ようこそ */
.Welcome	{ }
.Welcome .WelcomeName	{
	margin-bottom: 1rem;
	display: block;
}
.Welcome input	{
	width: 100%;
}
.LeftStudentLogin	{
	text-align: left;
}
.LeftStudentLoginBtn	{
	margin-top: 0.5rem;
}

/* 検索BOX */
.SearchCategoryBox	{
}
.SearchCategoryBox select,
.SearchCategoryBox input	{
	width: 100%;
}
.SearchButton	{
}
.SearchButtonBox	{
	padding: 0;
	display: block;
}
.SearchButtonBox input	{
	border-width: 0;
}





/* ======================================================
	流れ
------------------------------------------------------ */
.Step	{}





/* ======================================================
	ワードプレス
------------------------------------------------------ */
.Index .News .NewsList>.Wrap	{
}
.Index .News.WordPress ul	{
	margin-left: -1px;
	width: calc(100% + 1px);
	margin-top: 0;
}
.Index .News.WordPress li	{
	margin-top: 0;
	margin-left: 1px;
	width: calc(25% - 1px);
}
.Index .News.WordPress li:first-child	{
}
.Index .News.WordPress li.News .header	{
	text-align: center;
}
.Index .News.WordPress article	{
	text-align: left;
}
.Index .News.WordPress a	{
	display: inline-block;
}
.Index .News.WordPress a:before	{
	content: none;
}
.Index .News.WordPress>.Wrap	{
	margin: 0;
}
.Index .News.WordPress li	{
}
.Index .News.WordPress header.entry-header h2	{
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: inherit;
	font-weight: bold;
/*
*/
}
.Index .News.WordPress .entry-title	{
	font-size: 1em;
	margin-bottom: 1rem;
}
.Index .News.WordPress .post-thumbnail+.entry-title	{
}

.Index .News.WordPress .post-thumbnail	{
	display: block;
	margin-bottom: 1rem;
/*
	margin-bottom: 2.625em;
	margin-bottom: 1em;
	margin-left: -1em;
	margin-right: -1em;
*/
}
.Index .News.WordPress a.post-thumbnail	{
	display: block;
}

.Index .News.WordPress .ClickBtn	{
}


/* ======================================================
	本文
------------------------------------------------------ */
/* ======================================================
	index
------------------------------------------------------ */
#Index .Main>.Wrap	{
/*
	margin: auto;
	padding: 0;
	width: auto;
*/
}


/* バナー */
.Index .Banner span:not([class])	{
	display: block;
}
.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]	{
}


/* ======================================================
	[191213]校正　追加
	ギャラリー
------------------------------------------------------ */
.Index .ReportGallery>.Wrap>.WrapM	{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}
.Index .ReportGallery .Photo	{
	flex-grow: 3;
	padding-right: 1em;
}
.Index .ReportGallery .Movie	{
	flex-grow: 1;
	padding-left: 1em;
}





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






/* ======================================================
	ショッピング用
------------------------------------------------------ */
/* ------------------------------------------------------
	商品一覧・表示切替 *//* [191122]追加 */

/* 商品一覧・サムネイル画像表示 */
#thumbnail:checked ~ .ShohinList	{}
/*[191213]校正　幅開放して5段*/
#thumbnail:checked ~ .ShohinList	{}
#thumbnail:checked ~ .ShohinList li:nth-child(1),
#thumbnail:checked ~ .ShohinList li:nth-child(2),
#thumbnail:checked ~ .ShohinList li:nth-child(3),
#thumbnail:checked ~ .ShohinList li:nth-child(4),
#thumbnail:checked ~ .ShohinList li:nth-child(5)	{
	border-top-width: 4px;
}
#thumbnail:checked ~ .ShohinList li	{
	width: calc(100% / 5);
	flex-basis: calc(100% / 5);
}
#thumbnail:checked ~ .ShohinList li:nth-child(5n+1)	{
	border-left-width: 4px;
}
/*[191210]校正　サムネイルpicが粗い→小さくする→3段を4段
#thumbnail:checked ~ .ShohinList li:nth-child(1),
#thumbnail:checked ~ .ShohinList li:nth-child(2),
#thumbnail:checked ~ .ShohinList li:nth-child(3),
#thumbnail:checked ~ .ShohinList li:nth-child(4)	{
	border-top-width: 4px;
}
#thumbnail:checked ~ .ShohinList li	{
	width: calc(100% / 4);
	flex-basis: calc(100% / 4);
}
#thumbnail:checked ~ .ShohinList li:nth-child(4n+1)	{
	border-left-width: 4px;
}

[初期]3段
#thumbnail:checked ~ .ShohinList li	{
	width: calc(100% / 3);
	flex-basis: calc(100% / 3);
}
*/



/* 商品一覧・リスト表示 */
#list:checked ~ .ShohinList	{}
#list:checked ~ .ShohinList li	{
	width: calc(100% / 2);
	flex-basis: calc(100% / 2);
}
#list:checked ~ .ShohinList li:nth-child(1),
#list:checked ~ .ShohinList li:nth-child(2)	{
	border-top-width: 4px;
}
#list:checked ~ .ShohinList li:nth-child(2n+1)	{
	border-left-width: 4px;
}
#list:checked ~ .ShohinList .head .Img	{
	width: 30%;
	float: left;
	display: block;
}
#list:checked ~ .ShohinList .head .Comment	{
	width: calc((100% - 30%) * 1 - 1em);
	float: right;
}
#list:checked ~ .ShohinList .main	{
	margin-right: 9em;
}
#list:checked ~ .ShohinList .Comment	{
}




/* ======================================================
	商品詳細
	shohin_detail.php
------------------------------------------------------ */
.LessonDetail .Read	{}

.LessonDetail .Read .Txt	{
	width: calc(55% - 3em);
	max-width: calc(55% - 3em);
}
.LessonDetail .Read .Txt .Hover	{
}
.LessonDetail .Read .Txt .Btn	{
}

.LessonDetail .Read .Img	{
	width: calc(45% - 3em);
/*[200213]校正　ギャラリーが1枚の時、画像が小さい
	max-width: calc(45% - 3em);
*/
}
.LessonDetail .Read .Img .NoImg	{
}



.LessonDetail .data .Txt>.Wrap	{
	padding-right: 2em;
}


/* 講師紹介 */
.LessonDetail .teacher	{}

.LessonDetail .teacher .Img	{
	width: 20%;
	flex-basis: 20%;
}
.LessonDetail .teacher li.Img img	{
}
.LessonDetail .teacher li.Txt	{
	width: 80%;
	flex-basis: 80%;
	padding-left: 2em;
}








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



/* ======================================================
	会員用
====================================================== */
.Member	{}


/* ======================================================
	ログイン
	student_login.php
------------------------------------------------------ */
.Student .Login table	{
	width: 50%;
}
.Student .Login th	{
	text-align: right;
}





/* ------------------------------------------------------
	コード
------------------------------------------------------ */
.LessonID:before,
.LessonID:after	{
	content: none;
}


/* ======================================================
	お届け時間
	guide_delivery.php
------------------------------------------------------ */
.GuideOtodokeTime ul	{
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center;
}
.GuideOtodokeTime ul>li	{
	display: table-cell;
}
.GuideOtodokeTime ul>li:not(:first-child)	{
	padding-left: 1em;
}
.GuideOtodokeTime ul>li:not(:last-child)	{
	padding-right: 1em;
}


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



/* ======================================================
	TOCについて
	contact.php
------------------------------------------------------ */
/* 理事長あいさつ */
#aisatsu	{}
#aisatsu .Img	{
	float: left;
	margin-right: 2em;
}
#aisatsu .Img>.Wrap	{
}
#aisatsu .Img img	{
}
#aisatsu .Txt	{
}
#aisatsu .Txt+p	{
}



/* ======================================================
	受講のご案内
	rent_entry.php
------------------------------------------------------ */
/* 申込手順について / ネット以外での申し込み */
.RentEntry .Other	{}
.RentEntry .Other>ul	{
	margin-left: 13em;
}
.RentEntry .Other ul b	{
	left: -13em;
	width: 12em;
	position: absolute;
}





/* ======================================================
	よくあるご質問
	faq.php
------------------------------------------------------ */




/* ======================================================
	お問い合わせ
	contact.php～end
------------------------------------------------------ */




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




/* ======================================================
	サイトマップ
	sitemap.php
------------------------------------------------------ */






/* ======================================================
	======================================================
	======================================================
	======================================================
	480px以上
------------------------------------------------------ */
/* <br>表示・非表示 */
.SuBR	{
}
.SBR	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
	font-weight: inherit;
}

.SuDsp	{
}
.SDsp	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}

/* ------------------------------------------------------
	480px以下
------------------------------------------------------ */
@media screen, (max-width:30em), screen, (max-width:182mm) {
/* → small.css */
}


/* ====================================================== */
/* box */
.box,
#Header,
.Header>.Wrap,
#MenuBar,
.MainBox,
.BackTopArea,
#Footer,
.Side,
.SideCategory ul
	{ zoom: 1; }

.box:after,
#Header:after,
.Header>.Wrap:after,
#MenuBar:after,
.MainBox:after,
.BackTopArea:after,
#Footer:after,
.Side:after,
.SideCategory ul:after
	{
	content: ""; 
	display: block; 
	clear: both;
}



