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

/* ======================================================
	[191204]　オモテのデザインを引き継ぐ
	管理ページ用
	@import"../css/test_line.css";
====================================================== */
/*
[200220]校正　adminは文字小さくていい
*/
html	{
	font-size: 62.5%;
}
body	{
	font-size: 16px;
	font-size: 1.4rem;
}
/* 開放 */
section,
#Header,
.Footer,
.Index .Slide
	{
	width: 100%;
	min-width: initial;
	width: 100vw;
	min-width: 100vw;
}
.WrapM
/* [200130/200204]校正　admin/幅フリーは広すぎる
,
.Main*/
	{
	width: auto;
	min-width: initial;
	margin-left: 2em;
	margin-right: 2em;
}
/* [200305]左の空白がもったいないので、本文幅変えずに左へ寄せる※ページによってはみ出る<table>はそのままでOK、でいいのか？ */
#Admin .Main	{
	width: calc(18px * 60);
	margin-left: 2em;
}

/* <table>のrowspanで上に被るのでNG
.BG:before,
th:before,
.AdminLogOut:before,
button:before	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: none;
}
*/

.BG	{
	padding-top: 1em;
	padding-bottom: 1em;
}
/*[200222]校正　スクロールすると何のページかわからなくなるので、固定の<header>へ移動して縮小
.BG	{
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: 3em;
}
*/




/* ======================================================
	:hover
------------------------------------------------------ */
#myTable tr:hover td,
#myTableDouble tr:hover td,
#StudentLessonTable tr:hover td {
	background-color: rgba(25,25,112,0.1);
	background-color: rgba(135,206,235,0.3);
/*
	background-color: #f4fcfe;
*/
}

/*
[200205]<tbody>は jquery.tablesorter.js と競合
#myTable tbody:hover td,
#myTableDouble tbody:hover td,
#StudentLessonTable tbody:hover td {
	background-color: #f4fcfe;
	background-color: rgba(135,206,235,0.3);
}


#myTable tbody tr:hover th,
#myTable tbody tr:hover td {
	background-color: #f4fcfe;
	background-color: rgba(135,206,235,0.3);
}
#myTableDouble tbody tr:hover th,
#myTableDouble tbody tr:hover td {
	background-color: #f4fcfe;
	background-color: rgba(135,206,235,0.3);
}
#StudentLessonTable tbody tr:hover th,
#StudentLessonTable tbody tr:hover td {
	background-color: #f4fcfe;
	background-color: rgba(135,206,235,0.3);
}
*/



/* ======================================================
	<table>
------------------------------------------------------ */
table	{
	background-color: transparent;
/*
	width: auto;
	min-width: 50%;
*/
}

th,
td	{
}

/* [200204]校正『全体的に入力の部分が横に広がっているように思うので、もう少し中央寄りにまとめてほしい。（管理メニューTOPと同じような要望です）』にしたら、<th>が幅取りすぎな気がするので微調整 */
th	{
	padding: 0.5em 0.5em 0.5em 1em;
	background-image: none;
}
/* [200204]校正『全体的に入力の部分が横に広がっているように思うので、もう少し中央寄りにまとめてほしい。（管理メニューTOPと同じような要望です）』にしたら、<th>が幅取りすぎな気がするので微調整 */
td	{
	padding: 0.5em 0.5em;
}
tr:last-child th	{
}

tbody th	{
	width: auto;
	white-space: nowrap;
}

thead th,
thead td,
tfoot th,
tfoot td	{
	line-height: 1.2;
/* [200204]校正『全体的に入力の部分が横に広がっているように思うので、もう少し中央寄りにまとめてほしい。（管理メニューTOPと同じような要望です）』にしたら、<th>が幅取りすぎな気がするので微調整 */
	padding: 0.5em 0.5em;
}
thead th,
thead td	{
	text-align: center;
/*[200205]校正『一覧の項目が中央揃えになっていないところがある。』
	text-align: left;
*/
}
/*[200205]校正『一覧の項目が中央揃えになっていないところがある。』とは言われてないが、*/
tfoot th,
tfoot td	{
	text-align: center;
	vertical-align: middle;
}


.Required::after	{}



/*[200205]校正　『黒いはっきりとした線にしてほしい』*/
.Calendar table,
.Calendar thead,
.Calendar tfoot,
.Calendar th,
.Calendar td	{
	border-color: rgba(0,0,0,1.0)
}
/*[200205]校正　『黒いはっきりとした線にし』たら、3pxは強すぎるので微調整*/
.Calendar table	{
	border-top-width: 2px;
	border-bottom-width: 2px;
}



/* ======================================================
	<form>
------------------------------------------------------ */
select,
input, textarea, button,
.monospace
	{
	font-size: 1em;
}

select,
input,
textarea
	{
	margin-top: 0.125em;
	margin-bottom: 0.125em;
/*
	background-color: rgba(0,0,0,0.01);
*/
}

input[type="text"],
textarea
	{
}
select
	{
	padding-top: calc(0.25em - 2px);
	padding-bottom: calc(0.25em - 2px);
}

input:not(:last-child),
textarea:not(:last-child)
	{
/*	margin-bottom: 0.5em;*/
}
input:not(:first-child),
textarea:not(:first-child)
	{
/*	margin-top: 0.5em;*/
}
input:not(:last-child),
textarea:not(:last-child)
	{
}

button	{
	position: relative;
	width: 100%;
	min-height: initial;
	height: auto;
	font-size: 1em;
	padding: 0.5em;
}
/*[200204]校正　『ボタンの枠が少し大きすぎる』
button	{
	width: 100%;
	height: 5em;
	position: relative;
}
*/

td button	{
	height: auto;
}


.BtnOk	{
	margin: 1em 0.25em;
	font-size: 1em;
}
td .BtnOk	{
	margin: 0;
	font-size: 1em;
}



/* ======================================================
	<head>
------------------------------------------------------ */

#Admin h1,
#Admin h2,
#Admin h3,
#Admin h4	{
	text-align: left;
}


#Admin h2	{
}
#Admin h2:after	{
	content: none;
}
#Admin h2>b	{
	margin-top: 0.5em;
}
#Admin h2 .Ko	{
}
#Admin h3>b:after	{
	margin-left: 0;
}
#Admin .BG h2	{
	margin: 0;
	line-height: 0;
	line-height: 1;
	display: table;
}
#Admin .BG h2>span	{
	display: table-cell;
	vertical-align: top;
	padding-right: 0.25em;
}
#Admin .BG h2 .Top,
#Admin .BG h2 .Ko,
#Admin .BG h2 .Mago
	{
	white-space: nowrap;
}
#Admin .BG h2>b	{
	font-size: 1.2em;
	display: table-cell;
	vertical-align: top;
}
#Admin .BG h2>b>span	{
	display: table-cell;
	vertical-align: top;
	padding-left: 1em;
	text-indent: -0.5em;
}
/*[200222]校正　スクロールすると何のページかわからなくなるので、固定の<header>へ移動して縮小
#Admin .BG h2>b	{
	font-size: 1.5em;
}
*/
#Admin .BG h2:after	{
	background-size: contain;
	font-size: 10px;
	width: calc(1em * 5.5);
}


.Main>.Wrap>h3:first-child	{
	margin-top: 0em;
}



/* ======================================================
	<head>
------------------------------------------------------ */
/*[200222]校正　スクロールすると何のページかわからなくなるので、固定の<header>へ移動して縮小※ページによって行数が変わる可能性があるので実数はscriptへ*/
#Contents	{
	padding-top: calc((65 / 104) * ((104px * 0.75) + 2em) + 1em + ((1em * 2) + 1.2em));
}
.Header	{}
.Header>.Wrap	{
	margin-left: 2em;
	margin-right: 2em;
}

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

.AdminLogOut	{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 50;
}
.AdminLogOut a	{
	min-width: 8em;
	line-height: 3em;
	padding-left: 1em;
	padding-right: 1em;
	display: block;
}
.AdminLogOut a>span	{
}
.AdminLogOut a>span:before	{
}
.ClassAdminLogout	{
	background-color: rgba(255,255,255,1.0);
}
.ClassAdminLogout span	{}
.ClassAdminLogout span:before	{
}

.ClassAdminIndex	{}
.ClassAdminIndex span	{}
.ClassAdminIndex span:before	{
}


.AdminLogOut ul	{
	margin: 0;
	list-style: none;
}
.AdminLogOut ul>li	{
	margin: 0;
	display: inline-block;
	border-left-width: 1px;
	border-color: rgba(255,255,255,1.0);
}


#Header	{
	left: 0;
}
.Header .LogoSet	{
	position: static;
}
.Logo	{}




/* ======================================================
	<main>
------------------------------------------------------ */
.Main	{
	text-align: left;
	padding-bottom: 3em;
}



/* ======================================================
	<footer>
------------------------------------------------------ */
.FooterBtn
	{
	left: 1em;
	right: 1em;
	font-size: 16px;
}
.BackTop a	{
	margin-right: 0;
}
.BackTop a:before	{
	width: auto;
	transform: rotate(-5deg);
	font-size: 1.2rem;
}


.Footer	{
	padding: 0;
	font-size: 1em;
}
.Footer .FooterCopy	{
	padding-top: 1em;
	padding-bottom: 1em;
}




/* ======================================================
	text
------------------------------------------------------ */
#Admin .ErrorMessage	{
	margin-left: auto;
	margin-right: auto;
/*
	display: block;
	width: 30%;
*/
}

#Admin .ErrorMessage hr	{
	height: 1px;
}



#Admin .Main *.Btn	{
	font-size: 1.5em;
	background: rgba(206,0,0,1.0);
	color: rgba(255,255,255,1.0);
	border-width: 0;
	padding: 0;
	width: auto;
	min-height: initial;
	height: auto;
	line-height: 3;
}


#Admin .Main *.Btn:after	{
	content: "";
	width: 0.5em;
	height: 0.5em;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: rgba(255,255,255,1.0);
	transform: rotate(-135deg);
	margin-top: -0.125em;
	margin-left: 3.0em;
	margin-right: -3em;
}
#Admin .Main *.Btn:hover:after	{
	border-color: rgba(0,0,0,1.0);
	border-color: inherit;
	border-color: rgba(255,255,255,1.0);
}


#Admin .BtnBg.Hover	{}
#Admin .BtnBg.Hover:hover	{
	opacity: 0.7;
}



/* ======================================================
	Login
------------------------------------------------------ */
.Login	{
	text-align: center;
	min-height: 20em;
}
#Admin .Login	{
	margin-left: auto;
}

.Login .read	{
}


.Login table	{
	width: auto;
	margin: 2em auto 3em;
}
.Login th	{
	width: auto;
}
.Login .Input	{
	width: 15em;
	margin-top: 0;
	margin-bottom: 0;
}





/* ======================================================
	Login DBMenu
------------------------------------------------------ */
.DBMenu	{
}
#Admin .DBMenu h3	{
}
#Admin .DBMenu h3>b	{
}
#Admin .DBMenu h3>b:after	{
}

.AdminDBMenu ul	{
	list-style: none;
	text-align: inherit;
}
.AdminDBMenu>ul>li	{}



.DBMenu .Ct	{
/*
	margin-left: auto;
	margin-right: auto;
	width: 35%;
*/
}
.DBMenu .Column	{
}
.DBMenu .Column>ul	{
	margin-top: -0em;
	margin-bottom: -0em;
	margin-left: -2em;
	width: calc(100% + 2em);
}
.DBMenu .Column>ul>li	{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 5em;
}
.DBMenu .Column>ul>li>.Wrap	{
}

.DBMenu .Ct button	{
	margin: 0;
/*
[200205]校正『申込みボタンなどのクリックするようなものは、角丸の囲みにしてほしい。』
	border-radius: 0;

[200204]校正　『メニュー一つ一つ余白が多く、文字が小さく見えづらい』
	min-width: initial;
	width: 100%;
	min-height: initial;
	min-height: 6em;
	height: auto;
	padding: 1em 1em;

	background: none;
	border-width: 0;
*/
}
.DBMenu .Ct button .Title	{
	font-size: 1.5em;
	font-weight: bold;
}
.DBMenu .Ct button .LayoutBox	{
	margin-top: 3em;
	min-height: 3.5em;
}
.DBMenu .Ct button:after	{
	font-family: 'themify';
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 1em;
	font-size: 2em;
}
.DBMenu .Ct .news_add button:after	{
	content: "\e61d";
}
.DBMenu .Ct .calendar_add button:after	{
	content: "\e6b6";
}


.DBMenu .Ct .Column li	{
}




/* ======================================================
	Student
------------------------------------------------------ */
#Student	{}

#Student .Child	{
	font-size: 0.8em;
	display: block;
	position: absolute;
	display: inline-block;
	right: 1em;
	min-width: 8em;
	font-weight: bold;
}
.StudentSearch	{}

.StudentSearch #StudentLessonTable	{}


.StudentSearch #StudentLessonTable .Child	{
}



/* ======================================================
	講座関連
	Lesson
------------------------------------------------------ */
#Lesson	{}

.Lesson	{}


/* ------------------------------------------------------
	講座画像
	lesson_photo_add.php
*/
.LessonPhotoAdd	{}
.LessonPhotoAdd .Column	{}
.LessonPhotoAdd .Column>ul	{}

.LessonPhotoAdd .Column.Result>ul>li	{
	width: 12em;
	flex-basis: 12em;
}



/* ------------------------------------------------------
	成立・不成立設定
	lesson_ok_set.php
*/
.LessonOkSet	{}
.LessonOkSet .OK	{
	margin-right: 0.25em;
}
.LessonOkSet .NG	{
	margin-right: 0.25em;
}
.LessonOkSet .OK:checked	{}
.LessonOkSet .NG:checked	{}



/* ------------------------------------------------------
	カレンダー
	lesson_calendar_*.php
*/
.Lesson .Calendar	{}
.Lesson .Calendar table	{
	font-size: 0.8em;
/*
	table-layout: auto;
*/
}
.Lesson .Calendar th,
.Lesson .Calendar td	{
	line-height: 2;
}

.Lesson.LessonCalendar .Calendar table,
.Lesson.LessonCalendarWeek .Calendar table	{
	table-layout: auto;
}


/* カレンダー・日程 */
.Lesson.LessonDateAdd	{}
/* [200205]校正　『日程タブについて、もしも可能であるならば、日付の数字を大きくしてほしい』 */
.Lesson.LessonDateAdd .Calendar	{}
.Lesson.LessonDateAdd .Calendar tbody	{}
.Lesson.LessonDateAdd .Calendar tbody td	{}
.Lesson.LessonDateAdd .Calendar tbody td .DayNum	{
	font-size: 1.2em;
}



/* カレンダー・月別 */
.Lesson.LessonCalendarTuki .Calendar tbody td	{
	text-align: left;
	vertical-align: top;
	min-height: 10em;
}
.Lesson.LessonCalendarTuki .Calendar .DayNum	{
	text-align: center;
	font-size: 1.2em;
	border-bottom-width: 1px;
	margin-bottom: 0.5em;
	border-bottom-style: dashed;
}

.Lesson.LessonCalendarTuki .Calendar td a	{
	height: 1.5em;
	overflow: hidden;
}
.Lesson.LessonCalendarTuki .Calendar td .LessonName	{
/*
	display:inline-block;
	vertical-align: top;
*/
}
.Lesson.LessonCalendarTuki .Calendar td a.over	{
}
.Lesson.LessonCalendarTuki .Calendar td a.over:after	{
	content: "■";
	content: "...";
	display:block;
	position:absolute;
	right:0;
	top:0;
	background-color: rgba(255,255,255,1.0);
	letter-spacing: normal;
	padding-left: 0.25em;
}



/* ------------------------------------------------------
	講座ジャンル 新規登録・編集
	category_list.php
*/
#Admin .Main.CategoryList	{}





/* ------------------------------------------------------
	受講料情報	入金管理
	nyukin_kanri.php
*/
body#Price
.Main.Price	{
	white-space: normal;
}


.NyukinKanri	{}

.NyukinKanri table	{}
.NyukinKanri .Tfoot	{}
.NyukinKanri .Tfoot th,
.NyukinKanri .Tfoot td	{
	border-bottom-width: 3px;
	border-bottom-style: double;
	font-weight: bold;
}




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



/* ======================================================
	box
------------------------------------------------------ 
.Wrap
	{ zoom: 1; }

Wrap:after
	{
	content: ""; 
	display: block; 
	clear: both;
}
*/

