@charset "utf-8";

/* =============================================================================================================
	通常スタイル
============================================================================================================= */

/* default style
--------------------------------------------------------- */


/* all style
--------------------------------------------------------- */

html {
	font-size: 6.25%;
	height: 100%;
}
body {
	height: 100%;
	color: #333;
	font-size: 14px;  /* 14px */
	font-family: /*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", */"メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7;
	padding-right: 0!important;
	background: #fff;
	position: relative;
}
body#login {
}
body#logout {
}

/* ----- link ----- */
a {
	color: #ab891b;
}
a:hover {
	color: #9c7e19;
}
a:focus {
	color: #ab891b;
	text-decoration: none;
}

/* ----- table ----- */
div#contentsBox table {
	margin: 0 0 20px;
}
div#contentsBox table:last-child { margin: 0;
}
div#contentsBox table thead th,
div#contentsBox table thead td {
	padding: 10px;
}
div#contentsBox table thead th {
	font-size: 13px;
	text-align: center;
	padding: 15px 8px;
}

div#contentsBox table thead th.layout-01 {
	font-size: 16px;
	padding: 12px 5px 10px;
	background: #ddd;
}
div#contentsBox table thead th.layout-01 span {
	display: inline-block;
}
div#contentsBox table thead th.layout-01 a {
	font-size: 12px;
	float: right;
	margin: -4px 0;
	padding: 5px 5px 4px;
}

div#contentsBox table tbody th,
div#contentsBox table tbody td {
	font-size: 13px;
	padding: 10px;
}
div#contentsBox table div.form-group:last-child { margin: 0;}
div#contentsBox table tbody th div.school_label {
	display: block;
	margin: 5px 0 0;
}
div#contentsBox table tbody th div.school_label span {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	padding: 4px 6px;
}
div#contentsBox table tbody th div.school_label span.school_label_all { background: #555;}
div#contentsBox table tbody th div.school_label span.school_label_rejoice { background: #904aab;}
div#contentsBox table tbody th div.school_label span.school_label_rakuzemi { background: #cc7700;}
div#contentsBox table tbody th div.school_label span.school_label_ring { background: #7aa61a}
/* table  */
div#contentsBox table tbody td div.table_help_text p {
	color: #333;
	font-size: 12px;
	margin: 8px 0;
}

/* ----- btn ----- */
.btn01 {
	min-width: 300px;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 30px auto 30px;
	padding: 11px 20px;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background: #f4b400;
}
div.login_admin .btn01 {
	width: 100%;
	min-width: auto;
	margin: 30px auto 0;
}
.btn01:hover {
	color: #fff;
	background: #f09300;
}
.btn02 {
	min-width: 300px;
	color: #333;
	font-size: 16px;
	display: block;
	margin: 30px auto 30px;
	padding: 11px 20px;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background: #fff;
}
.btn02:hover {
	color: #333;
	background: #f1f1f1;
}
.btn03 {
	min-width: 300px;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 30px auto 30px;
	padding: 11px 20px;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background: #d9534f;
}
.btn03:hover {
	color: #fff;
	background: #c9302c;
}

div#wrapper {
}


/* ----- headerWrapper ----- */
div#headerWrapper {
	margin: 0;
	border: none;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 50;
}


/* ----- headerTop ----- */
div#headerTop {
	width: 100%;
	min-height: 62px;
	padding: 3px 30px 0;
	background: #ab891b;
}

/* topleft_box */
div#headerTop div.topleft_box {
	width: 30%;
	float: left;
	margin: 3px 0 0;
}
div.login_admin div#headerTop div.topleft_box {
	width: 100%;
	float: none;
}
div#headerTop div.topleft_box h1 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin: 15px auto 0;
}
div.login_admin div#headerTop div.topleft_box h1 {
	margin: 19px auto 0;
}
div.login_admin div#headerTop div.topleft_box h1 {
	text-align: center;
}
div#headerTop div.topleft_box h1 a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
div.login_admin div#headerTop div.topleft_box h1 a {
	text-align: center;
}
div#headerTop div.topleft_box h1 a:hover {
	color: #eee;
}
div#headerTop div.topleft_box h1 span.glyphicon {
	top: 3px;
}
div#headerTop div.topleft_box h1 small {
	color: #fff;
	font-size: 11px;
	display: inline-block;
	margin: 0 0 0 10px;
}
div#headerTop div.topleft_box h1 small span {
	margin: 0 5px 0 0;
}

/* topright_box */
div#headerTop div.topright_box {
	width: 68%;
	float: right;
}
/* utility_box */
div#headerTop div.topright_box div.utility_box {
	float: right;
}
div#headerTop div.topright_box div.utility_box a {
	color: #fff;
	padding-right: 10px;
	padding-left: 10px;
}
div#headerTop div.topright_box div.utility_box a:hover,
div#headerTop div.topright_box div.utility_box a:focus {
	color: #ab891b;
}
div#headerTop div.topright_box div.utility_box a > i:nth-child(2) {
	margin: 0 0 0 5px;
}
div#headerTop div.topright_box div.utility_box a span.badge-style01 {
	background: #666;
}
div#headerTop div.topright_box div.utility_box a span.badge-style02 {
	background: #d9534f;
}
div#headerTop div.topright_box div.utility_box > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
div#headerTop div.topright_box div.utility_box li.dropdown {
	padding-bottom: 0;
	border-bottom: none;
}

/* div.utility_box li.attendance_search */
div#headerTop div.topright_box div.utility_box li.attendance_search {
	width: 430px;
	margin: 0 20px 0 0;
}
@media screen and (max-width: 1570px) {
	div#headerTop div.topright_box div.utility_box li.attendance_search {
		width: 350px;
	}
}
@media screen and (max-width: 1470px) {
	div#headerTop div.topright_box div.utility_box li.attendance_search {
		width: 300px;
	}
}
@media screen and (max-width: 1370px) {
	div#headerTop div.topright_box div.utility_box li.attendance_search {
		width: 250px;
	}
}
@media screen and (max-width: 1290px) {
	div#headerTop div.topright_box div.utility_box li.attendance_search {
		width: 100%;
		margin: 10px 0 0;
	}
}
div#headerTop div.topright_box div.utility_box li.attendance_search form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* div#headerTop div.topright_box div.utility_box li.attendance_search form select[name="attendance_search_lessonplace"] {
	width: 42px;
	height: 32px;
	padding: 3px 0 3px 5px;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	background: #eee;
} */
div#headerTop div.topright_box div.utility_box li.attendance_search form input[name="attendance_search_freeword"] {
	width: calc(100% - 50px);
	height: auto;
	padding: 5px 10px;
	border-radius: 4px 0 0 4px;
}
div#headerTop div.topright_box div.utility_box li.attendance_search form input[name="attendance_search_btn"] {
	width: 50px;
	color: #fff;
	font-size: 14px;
	padding: 6px 5px 6px;
	border: none;
	border-radius: 0 4px 4px 0;
	background: #666;
}

/* div.utility_box li.attendance_transfer */
div#headerTop div.topright_box div.utility_box li.attendance_transfer ul a {
	padding: 3px 15px;
}
div#headerTop div.topright_box div.utility_box li.attendance_transfer ul a span {
	font-size: 12px;
	margin: 0 10px 0 0;
}
div#headerTop div.topright_box div.utility_box li.attendance_transfer ul a span:last-child {
	margin-right: 0;
}
div#headerTop div.topright_box div.utility_box li.attendance_transfer ul a span i {
	margin: 0 5px 0 0;
}

/* div.utility_box li.attendance_notpost */
div#headerTop div.topright_box div.utility_box li.attendance_notpost ul a {
	padding: 3px 15px;
}
div#headerTop div.topright_box div.utility_box li.attendance_notpost ul a span {
	font-size: 12px;
	margin: 0 10px 0 0;
}
div#headerTop div.topright_box div.utility_box li.attendance_notpost ul a span:last-child {
	margin-right: 0;
}
div#headerTop div.topright_box div.utility_box li.attendance_notpost ul a span i {
	margin: 0 5px 0 0;
}

div#headerTop div.topright_box div.utility_box ul.dropdown-menu {
	width: auto;
}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu li {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu li.li_ttl {
	color: #888;
	font-size: 12px;
	margin: 5px 10px;
}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu li.divider { margin: 9px 0;}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu li a {
	color: #ab891b;
}
/* info_box */
div#headerTop div.topright_box div.info_box {
	width: auto;
	margin: 19px 0 0 10px;
	float: right;
}
div#headerTop div.topright_box div.info_box ul {
	margin: 0;
}
div#headerTop div.topright_box div.info_box li {
	color: #fff;
	font-size: 12px;
	text-align: right;
	line-height: 1.2;
	margin: 0 0 1px;
	border-bottom: none;
}
div#headerTop div.topright_box li:last-child {
	margin: 0;
}
/* logout_box */
div#headerTop div.topright_box div.logout_box {
	width: auto;
	float: right;
	margin: 0 0 0 10px;
}
div#headerTop div.topright_box div.logout_box a {
	color: #ab891b;
	font-size: 12px;
	padding: 6px 10px 5px;
	border: 1px solid #ab891b;
	background: #fff;
}
div#headerTop div.topright_box div.logout_box a:hover {
	color: #fff;
	background: #ab891b;
}

div#headerTop div.topright_box div.contact_box {
	width: auto;
	float: right;
	margin: 0 0 0 10px;
}
div#headerTop div.topright_box div.contact_box a {
	color: #bbe9ff;
	font-size: 12px;
	padding: 6px 10px 5px;
	border: 1px solid #bbe9ff;
	background: none;
}
div#headerTop div.topright_box div.contact_box a:hover {
	color: #fff;
	border: 1px solid #ec971f;
	background: #ec971f;
}

div#headerTop div.topright_box div.regist_box {
	width: auto;
	margin: 0 0 0 10px;
	float: right;
}
div#headerTop div.topright_box div.regist_box a {
	color: #bbe9ff;
	font-size: 13px;
	padding: 4px 10px 3px;
	border: 1px solid #bbe9ff;
	background: none;
}
div#headerTop div.topright_box div.regist_box a:hover {
	color: #fff;
	border: 1px solid #ec971f;
	background: #ec971f;
}

div#headerTop div.topright_box div.csvexp_box {
	width: auto;
	margin: 0 0 0 10px;
	float: right;
}
div#headerTop div.topright_box div.csvexp_box a {
	color: #bbe9ff;
	font-size: 13px;
	padding: 4px 10px 3px;
	border: 1px solid #bbe9ff;
	background: none;
}
div#headerTop div.topright_box div.csvexp_box a:hover {
	color: #fff;
	border: 1px solid #ec971f;
	background: #ec971f;
}



/* ---- headerBot ---- */

div#headerBot {
	width: 100%;
	padding: 12px 30px;
	background: #3b78e7;
}
div#headerBot h2 {
	color: #fff;
}
div#headerBot h2 span.glyphicon-outer {
	width: 48px;
	height: 48px;
	margin: 0 15px 0 0;
	float: left;
	border-radius: 50%;
	background: #fff;
}
div#headerBot h2 span.glyphicon-outer span.fa,
div#headerBot h2 span.glyphicon-outer span.glyphicon {
	width: 30px;
	height: 30px;
	color: #455a64;
	font-size: 30px;
	margin: 9px;
}
div#headerBot h2 span.glyphicon-txt {
	display: block;
	margin: 12px 0 0;
	float: left;
}


/* botleft_box */
div#headerBot div.botleft_box {
	width: 30%;
	float: left;
}
div#headerBot div.botleft_box h2 {
	font-size: 28px;
	margin: 0;
}

/* botright_box */
div#headerBot div.botright_box {
	width: 70%;
	margin: 6px 0;
	float: right;
}
div#headerBot div.select_box {
	width: 15%;
	float: right;
}
div#headerBot div.jc_box {
	width: 20%;
	margin: 0 0 0 30px;
	float: right;
}
div#headerBot div.lj_box {
	width: 45%;
	margin: 0 0 0 10px;
	float: right;
}
div#headerBot div.submit_box {
	width: auto;
	margin: 0 0 0 10px;
	float: right;
}


/* ---- page-wrapper ---- */

div#page-wrapper {
	min-height: 0 !important;
	margin: 0 auto;
	padding: 0;
	border-left: none;
	background: inherit;
}

div#page-header {
	margin: 30px 0 0;
	padding: 20px 20px;
}
div#page-contents {
	margin: auto;
	background: #fcf8eb;
	position: relative;
}

/* dbMenuBox */
div#dbMenuBox {
	width: 135px;
	position: absolute;
	left: 0; top: 30px;
}
/* dbBnrBox > dbmenubox_navi */
div#dbMenuBox div.dbmenubox_navi {
}
div#dbMenuBox div.dbmenubox_navi h4 {
	font-size: 13px;
	line-height: 1.6;
	margin: 15px 0 5px;
	padding: 5px;
	background: #eee;
}
div#dbMenuBox div.dbmenubox_navi ul {
}
div#dbMenuBox div.dbmenubox_navi ul li {
}
div#dbMenuBox div.dbmenubox_navi ul li a {
	color: #333;
	font-size: 13px;
	text-indent: -8px;
	display: block;
	padding: 9px 10px 7px 25px;
}
div#dbMenuBox div.dbmenubox_navi ul li a:hover {
	color: #333;
	text-decoration: none;
	display: block;
	background: #f5e8bf;
}
div#dbMenuBox div.dbmenubox_navi ul li.active a {
	color: #333;
	background: #f5e8bf;
}
div#dbMenuBox div.dbmenubox_navi ul li a i {
	margin: 0 5px 0 0;
}
div#dbMenuBox div.dbmenubox_navi ul li a span.display_block {
	text-indent: 0;
	display: inline-block;
}
div#dbMenuBox div.dbmenubox_navi ul li a span.label {
	width: 30px;
	font-size: 10px;
	font-weight: normal;
	text-indent: 0;
	display: block;
	padding: 4px 5px 4px;
}
/* div#dbMenuBox > dbmenubox_bnr */
div#dbMenuBox div.dbmenubox_bnr {
	margin: 30px auto 30px;
	padding: 0 10px;
}
div#dbMenuBox div.dbmenubox_bnr a img {
	width: 100%;
	height: auto;
}
div#dbMenuBox div.dbmenubox_bnr a:hover img {
	opacity: 0.8;
}
@media screen and (max-width: 768px) {
	div#dbMenuBox div.dbmenubox_bnr {
		display: none;
	}
}

/* dbContentsBox */
div#dbContentsBox {
	min-height: 750px;
	margin: 0 0 0 135px;
	padding: 30px;
	background: #fff;
	position: relative;
}
@media screen and (max-width: 768px) {
	div#dbContentsBox {
		min-height: 650px;
	}
}
@media screen and (max-width: 480px) {
	div#dbContentsBox {
		min-height: 450px;
	}
}
div.login_admin div#dbContentsBox {
	min-height: 300px;
	margin: 0;
	padding: 0;
}

/* contentsBox */
div#contentsBox {
}
div#contentsBox h3 {
	font-size: 20px;
	margin: 0 auto 10px;
}


/* ----- 見出し ----- */

div#contentsBox h1 {
	font-size: 34px;
	text-align: center;
	margin: 0 0 30px;
}


/* ----- btn ----- */

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
	color: #fff;
	text-decoration: none;
}
.btn-blue {
	color: #fff;
	border: 1px solid #3079ed;
	background: #3079ed linear-gradient(to bottom, #4d90fe, #4787ed) repeat scroll 0 0;
}
.btn-blue:hover {
	color: #fff;
	border: 1px solid #2f5bb7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #357ae8 linear-gradient(to bottom, #4d90fe, #357ae8) repeat scroll 0 0;
}
/*.btn-blue:focus {
	border: 1px solid #4d90fe;
	outline: medium none;
	transition: all 0s ease 0s;
	z-index: 3;
}*/

/* btn-red */
.btn-red.focus,
.btn-red:focus {
	color: #fff;
	text-decoration: none;
}
.btn-red {
	color: #fff;
	border: 1px solid #c43733;
	background: #cc403c linear-gradient(to bottom, #cc403c, #c43733) repeat scroll 0 0;
}
.btn-red:hover {
	color: #fff;
	border: 1px solid #c43733;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #c43733 linear-gradient(to bottom, #cc403c, #c43733) repeat scroll 0 0;
}

/* btn-orange */
.btn-orange.focus,
.btn-orange:focus {
	color: #fff;
	text-decoration: none;
}
.btn-orange {
	color: #fff;
	border: 1px solid #e18d17;
	background: #ec971f linear-gradient(to bottom, #ec971f, #e18d17) repeat scroll 0 0;
}
.btn-orange:hover {
	color: #fff;
	border: 1px solid #e18d17;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #e18d17 linear-gradient(to bottom, #ec971f, #e18d17) repeat scroll 0 0;
}

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
	color: #fff;
	text-decoration: none;
}
.btn-blue {
	color: #fff;
	border: 1px solid #29a7cc;
	background: #31b0d5 linear-gradient(to bottom, #31b0d5, #29a7cc) repeat scroll 0 0;
}
.btn-blue:hover {
	color: #fff;
	border: 1px solid #29a7cc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #29a7cc linear-gradient(to bottom, #31b0d5, #29a7cc) repeat scroll 0 0;
}

/* btn-lg */
.btn-lg {
	padding: 12px 30px;
}


/* ----- jumbotron ----- */
div#contentsBox div.jumbotron {
	margin: 0 auto;
	padding: 50px;
	background: #fcf8eb;
}
div.login_admin div#contentsBox div.jumbotron {
	width: 45%;
	max-width: 400px;
	min-width: 300px;
	margin: 50px auto;
	padding: 50px;
	background: #fcf8eb;
}
div#contentsBox div.jumbotron h1 {
	font-size: 34px;
	margin: 0 0 50px;
}
/* caution_box */
div#contentsBox div.jumbotron div.caution_box {
	max-width: 660px;
	margin: 0 auto 30px;
	padding: 5% 8%;
	background: #fff;
}
div#contentsBox div.jumbotron div.caution_box h2 {
	font-size: 24px;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 3%;
}
div#contentsBox div.jumbotron div.caution_box p {
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 3%;
}
div#contentsBox div.jumbotron div.caution_box span {
	display: inline-block;
	margin: 0 3px;
}
div#contentsBox div.jumbotron div.caution_box p:last-child { margin: 0;}
div#contentsBox div.jumbotron div.caution_box div.inner_box {
	width: 100%;
	margin: 0 auto 5%;
	padding: 5% 8%;
	background: #f2dede;
}
div#contentsBox div.jumbotron div.caution_box div.inner_box p {
	font-size: 12px;
	text-align: center;
}
div#contentsBox div.jumbotron div.caution_box div.inner_box p strong {
	font-size: 16px;
	display: block;
	margin: 0 0 12px;
}
/* notice_box */
div#contentsBox div.jumbotron div.notice_box {
	max-width: 600px;
	margin: 0 auto 30px;
	padding: 20px;
	background: #fff;
}
div#contentsBox div.jumbotron div.notice_box:last-child {
	margin-bottom: 0;
}
div#contentsBox div.jumbotron div.notice_box h2 {
	font-size: 24px;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 15px;
}
@media screen and (max-width: 480px) {
	div#contentsBox div.jumbotron div.notice_box h2 {
		font-size: 22px;
	}
}
div#contentsBox div.jumbotron div.notice_box p {
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 15px;
}
div#contentsBox div.jumbotron div.notice_box span {
	display: inline-block;
	margin: 0 3px;
}
div#contentsBox div.jumbotron div.notice_box p:last-child { margin: 0;}
div#contentsBox div.jumbotron div.notice_box a.btn {
	width: 100%;
	max-width: 400px;
	display: block;
	margin: auto;
}
div#contentsBox div.jumbotron div.notice_box div.inner_box {
	width: 100%;
	margin: 0 auto 5%;
	padding: 5% 8%;
	background: #f2dede;
}
div#contentsBox div.jumbotron div.notice_box div.inner_box p {
	font-size: 12px;
	text-align: center;
}
div#contentsBox div.jumbotron div.notice_box div.inner_box p strong {
	font-size: 16px;
	display: block;
	margin: 0 0 12px;
}

div#contentsBox div.login_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
div#contentsBox div.login_box div.left_box {
	width: 50%;
}
div#contentsBox div.login_box div.left_box p {
	font-size: 20px;
	margin: 0 0 15px;
}
div#contentsBox div.login_box div.left_box p:last-child { margin: 0;}
div#contentsBox div.login_box div.left_box p.jt_link {
	font-size: 16px;
}
div#contentsBox div.login_box div.right_box {
	width: 45%;
}
div#contentsBox div.login_box div.right_box span.inline_block {
	display: inline-block;
}
div#contentsBox div.login_box div.right_box div.submit_box {
	margin: 20px 0 0;
}
div#contentsBox div.login_box div.right_box div.submit_box .btn {
	width: 100%;
	min-width: inherit;
	margin: 0 auto;
}
div#contentsBox div.login_box div.center_box p {
	font-size: 20px;
	margin: 0 0 15px;
}
div#contentsBox div.login_box div.center_box p:last-child { margin: 0;}


/* ----- well ----- */
div#contentsBox div.well {
	margin: 0 auto;
	padding: 50px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: #fcf8eb;
}
div#contentsBox div.well h1 {
	font-size: 28px;
	margin: 0 0 50px;
}
div#contentsBox div.well h2 {
	font-size: 18px;
	margin: 40px 0 20px;
}
div#contentsBox div.well p {
	font-size: 13px;
	line-height: 1.6;
}
div#contentsBox div.well ul,
div#contentsBox div.well ol {
	margin: 10px 0 10px 32px;
}
div#contentsBox div.well ul li {
	font-size: 13px;
	line-height: 1.6;
	list-style-type: disc;
	margin: 0 0 10px;
}
div#contentsBox div.well > ol > li {
	font-size: 12px;
	line-height: 1.6;
	list-style-type: decimal-leading-zero;
	margin: 0 0 10px;
}
div#contentsBox div.well > ol > li > ol {
	margin: 5px 0 5px 20px;
}
div#contentsBox div.well > ol > li > ol > li {
	font-size: 12px;
	list-style-type: lower-latin;
	margin: 0 0 2px;
}
div#contentsBox div.well > ol > li > ol > li > ol {
	margin: 5px 0 5px 20px;
}
div#contentsBox div.well > ol > li > ol > li > ol > li {
	font-size: 13px;
	list-style-type: lower-roman;
	margin: 0 0 2px;
}
div#contentsBox div.well li:last-child { margin: 0;}




/* ----- contentsModal ----- */
div#contentsModal h4 {
	font-size: 24px;
}
div#contentsModal table {
	max-width: 700px;
	margin: 0 auto 20px;
}
div#contentsModal table:last-child { margin: 0 auto;}
div#contentsModal table th {
	width: 30%;
	max-width: 120px;
	min-width: 80px;
	font-size: 16px;
	padding: 10px;
	background: #eee;
}
div#contentsModal table td {
	width: 70%;
	font-size: 16px;
	padding: 10px;
}
.modal-open {
	overflow: visible!important;
	position: static!important;
}



/* ----- input, alert ----- */
div#contentsBox input.form-control {
	height: auto;
	padding: 10px 12px;
}
div#contentsBox select.form-control {
	height: 46px;
}
div#contentsBox div.alert {
	margin: 20px 0 0;
}
div#contentsBox div.form-group {
	margin-bottom: 15px;
}
div#contentsBox div.form-group textarea {
	font-size: 14px;
}
div#contentsBox div.form-group input {
	font-size: 14px;
}

div#contentsBox div.form-group div.radio-inline {
	padding: 5px 0 5px 25px;
}
div#contentsBox div.form-group div.radio-inline label {
	margin: 0;
}
div#contentsBox div.form-group div.radio-inline label input {
	margin: 1px 0 0 -20px;
}

div#contentsBox div.form-group div.radio-inline02 {
}
div#contentsBox div.form-group div.radio-inline02 label {
	margin-right: 5px;
}
div#contentsBox div.form-group div.radio-inline02 label:last-child {
	margin-right: 0;
}
div#contentsBox div.form-group div.radio-inline02 label input {
	margin: 2px 0 0 -18px;
}

div#contentsBox div.form-group select {
	font-size: 14px;
}
div#contentsBox .help-block {
	font-size: 12px;
	margin: 5px 0 0;
}
div#contentsBox ul.list-unstyled {
	margin: 0;
}




/* ----- その他 ----- */

.mg_t00 {
	margin-top: 0 !important;
}
.mg_t50 {
	margin-top: 50px !important;
}

.caution_txt {
	color: #c23a2c;
	font-size: 10px;
	margin: 0 0 0 7px;
}




/* ログイン
--------------------------------------------------------- */

/* ----- 生徒画面 ----- */
/* contentsBox */
body#login div#contentsBox {
	background: #fcf8eb;
}
/* contentsBox */
body#login div#contentsBox div.jumbotron {
	max-width: 900px;
}
div.login div#contentsBox p.forgetpw_txt {
	font-size: 12px;
	text-align: right;
	margin: 15px 0 0;
}
/* ----- 講師画面 ----- */
div.login_admin div#contentsBox div.about_box {
	width: 45%;
    max-width: 400px;
    min-width: 300px;
	margin: 40px auto -20px;
}
div.manavatepict img {
	max-width: 100%;
	margin: 0 auto;
}

div.login_admin div#contentsBox div.about_box p {
	font-size: 14px;
}
/* div.login_admin div#contentsBox div.about_box p span {
	display: inline-block;
} */


/* 新規ユーザー登録
--------------------------------------------------------- */

/* ----- 本登録入力（login_regist.php） ----- */
div.login_regist div.jumbotron div.left_box {
	width: 45%;
}
div.login_regist div.jumbotron div.right_box {
	width: 50%;
}
div.login_regist div.jumbotron div.right_box p.jt_txt {
	color: #666;
	font-size: 14px;
}

/* ----- 本登録確認（login_regist02.php） ----- */
div.login_regist02 div.jumbotron div.left_box {
	width: 45%;
}
div.login_regist02 div.jumbotron div.right_box {
	width: 50%;
	padding: 30px;
	background: #fff;
}
div.login_regist02 div.jumbotron div.right_box p#email {
	color: #666;
	font-size: 14px;
	padding: 0;
	background: #fff;
}
div.login_regist02 div.jumbotron div.right_box p {
	font-size: 20px;
	padding: 7px 15px;
	background: #f1f1f1;
}
/* submit_box */
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn02 {
	width: 40%;
	min-width: 100px;
	float: left;
}
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn01 {
	width: 55%;
	min-width: 150px;
	float: right;
}

/* ----- 本登録完了（login_regist03.php） ----- */
div.login_regist03 div.jumbotron div.right_box a.btn {
	width: 100%;
	margin: 0 auto;
}



/* パスワード忘れ
--------------------------------------------------------- */

/* ----- パスワードの再設定（login_forgetpw02.php） ----- */




/* ダッシュボード
--------------------------------------------------------- */

/* ----- リジョイス・洛ゼミ用 ----- */
/* aboutBox */
div.index div#aboutBox {
	margin: 0 0 40px;
}
div.index div#aboutBox h2 {
	font-size: 28px;
	text-align: center;
	margin: 0 0 30px;
}
div.index div#aboutBox div.about_box {
}
div.index div#aboutBox div.about_box p {
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}
/* index_box */
div.index div.index_box {
	width: 100%;
	max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto -4%;
}
/* menu_box */
div.index div.index_box div#newsBox,
div.index div.index_box div#settingBox {
	display: none;
}
div.index div.index_box div.menu_box {
	width: 48%;
	margin: 0 0 4%;
	padding: 20px;
	border: 1px solid #333;
	background: #fff;
}
div.index div.index_box div.menu_box h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin: 0 0 20px;
}
div.index div.index_box div.menu_box h2 span {
	display: block;
}
div.index div.index_box div.menu_box div.menu_inner {
}
div.index div.index_box div.menu_box div.menu_inner a.btn {
	display: block;
	margin: 20px auto 0;
}
div.index div.index_box div.menu_box div.menu_inner p {
	font-size: 13px;
	line-height: 1.6;
	margin: 0 0 10px;
}
div.index div.index_box div.menu_box div.menu_inner strong.large_text {
	font-size: 18px;
	margin: 0 5px 0 0;
}
div.index div.index_box div.menu_box  div.menu_inner table {
	width: 100%;
	margin: 0 0 10px;
	border: 1px solid #ddd;
}
div.index div.index_box div.menu_box div.menu_inner table tbody th,
div.index div.index_box div.menu_box div.menu_inner table tbody td {
	font-size: 12px;
	vertical-align: middle;
	padding: 12px 10px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
div.index div.index_box div.menu_box div.menu_inner table tbody th {
	width: 32%;
	text-align: center;
	background: #eee;
}
div.index div.index_box div.menu_box div.menu_inner table tbody td a {
	display: block;
}
div.index div.index_box div#paymentBox div.menu_inner table tbody td:nth-child(2) {
	width: 28%;
}
div.index div.index_box div#paymentBox div.menu_inner table tbody td:nth-child(3) {
	width: 40%;
	text-align: right;
}
div.index div.index_box div#paymentBox div.menu_inner table tbody td:nth-child(3) span {
	font-size: 10px;
	display: inline-block;
}
div.index div.index_box div#lessonscheBox div.menu_inner table tbody th {
	width: 40%;
}
div.index div.index_box div#lessonscheBox div.menu_inner table tbody td {
	text-align: center;
}
div.index div.index_box div.menu_box div.menu_inner div.supplement_box {
	margin: 10px;
}
div.index div.index_box div.menu_box div.menu_inner div.supplement_box p {
	text-align: center;
}
/* profileBox */
div.index div#profileBox {
	width: 48%;
	padding: 20px;
	background: #fff;
}
div.index div#profileBox h2 {
	font-size: 18px;
	margin: 0 0 20px;
}
div.index div#profileBox div.profile_box {
}
div.index div#profileBox div.profile_box p {
	font-size: 14px;
	line-height: 1.3;
	margin: 0 0 5px;
}
div.index div#profileBox div.profile_box p:last-child { margin: 0;}


/* ----- リングアカデミー用 ----- */
/* contentsBox */
div.index div#contentsBox {
	background: #fcf8eb;
}
/* jumbotron */
div.index div#contentsBox div.jumbotron {
}
body.ring div.index div#contentsBox div.jumbotron {
	max-width: 740px;
}
/* left_box */
div.index div#contentsBox div.left_box {
	width: 50%;
	margin: 0 auto;
}
div.index div#contentsBox div.left_box h2 {
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 15px;
}
div.index div#contentsBox div.left_box p {
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
div.index div#contentsBox div.left_box div.panel_about {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 10px;
}
div.index div#contentsBox div.left_box div.panel-heading {
	color: #fff;
	padding: 10px 20px;
	background: #ab891b;
}
div.index div#contentsBox div.left_box div.panel-heading i {
	font-size: 92px;
}
div.index div#contentsBox div.left_box div.huge {
}
div.index div#contentsBox div.left_box div.huge small {
	font-size: 18px;
}
div.index div#contentsBox div.left_box div.huge_txt {
	font-size: 12px;
}
div.index div#contentsBox div.left_box div.panel-footer {
	background: #fff;
}
div.index div#contentsBox div.left_box p.caution_txt {
	font-size: 13px;
}

/* right_box */
div.index div#contentsBox div.right_box {
	width: 45%;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #ab891b;
	background: #fff;
}
div.index div#contentsBox div.right_box h3 {
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 20px;
}
div.index div#contentsBox div.right_box p {
	font-size: 13px;
	line-height: 1.4;
	margin: 0 0 10px;
}
div.index div#contentsBox div.right_box p:last-child { margin: 0;}

/* manavateBox */
div.index div#manavateBox {
	margin: 50px auto 0;
	padding: 30px;
	border: 1px solid #ab891b;
}
div.index div.jumbotron > div:first-child {	/* jumbotron内が、まなべーと記事のみの場合 */
	margin-top: 0 !important;
}
div.index div#manavateBox h3 {
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	margin: 0 0 30px;
}
div.index div#manavateBox div.media {
	margin-top: 5px;
	padding: 8px;
	background: #fff;
}
div.index div#manavateBox p {
	color: #999;
	font-size: 12px;
	margin: 0 0 3px;
}
div.index div#manavateBox h4 {
	margin: 0;
}
div.index div#manavateBox h4 a {
	font-size: 18px;
	line-height: 1.5;
	display: block;
}





/* れんらく帳
--------------------------------------------------------- */

/* ul#dbMenu */
body#chat div#dbMenuBox div.dbmenubox_navi ul li {
	margin: 0;
	padding: 0;
	border: none;
}

/* ul.nav */
body#chat div#dbContentsBox ul.nav li {
	margin-bottom: -1px;
	padding: 0;
	border: none;
}

/* div.chat_box */
body#chat div.chat_box ul li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #999;
}
body#chat div.chat_box ul li.left div.chat-body {
	margin: 0 0 0 60px;
}
body#chat div.chat_box ul li.right div.chat-body {
	margin: 0 60px 0 0;
}
body#chat div.chat_box ul li.right div.chat-body p {
	margin: 0;
}
/* avater */
body#chat div.chat_box ul li span {
	color: #fff;
	font-size: 20px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}
body#chat div.chat_box ul li span.chat_teacher { background: #999;}
body#chat div.chat_box ul li span.chat_student { background: #ab891b;}


/* ----- form_teacher ----- */
body#chat div.form_teacher button.btn-submit {
	margin: 0 0 30px;
}
body#chat div.form_teacher ul.nav {
	margin: 0 0 20px;
}

/* ----- form_student ----- */
body#chat div.form_student input#btn-chat {
	margin: 0 0 30px;
}

/* ----- contentsModal ----- */
body#chat div.contents_modal {
	padding: 20px 20px 0;
}
body#chat div.contents_modal h4 {
	margin: 0 0 30px;
}
body#chat div.contents_modal div.form_box {
	margin: 0 0 30px;
}
body#chat div.contents_modal div.form_box textarea {
	font-size: 14px;
}
/* contentsModal01 */
body#chat div#contentsModal01 div.chat_box ul li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
body#chat div#contentsModal01 div.chat_box ul li strong {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
/* contentsModal02 */
body#chat div#contentsModal02 div.form_box {
	margin: 0;
}
body#chat div#contentsModal02 div.form_topbox {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
/* userDestination */
body#chat div#userDestination_wrapper {
	width: 37%;
	float: left;
}
body#chat div#userDestination_filter {
	width: 100%;
	text-align: center;
	float: left;
	padding: 10px 15px;
	background: #ddd;
}
body#chat div#userDestination_filter label {
	font-size: 14px;
	display: inline-block;
	margin: 0;
}
body#chat div#userDestination_filter input {
	width: 140px;
	font-size: 14px;
	margin: 0 0 0 10px;
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
body#chat table#userDestination {
	margin: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
body#chat table#userDestination thead {
	display: block;
	background: #eee;
}
body#chat table#userDestination thead th {
	width: 50px!important;
	padding: 10px;
	border: none;
}
body#chat table#userDestination thead td {
	width: 650px!important;
	border: none;
}
body#chat table#userDestination tbody {
	min-height: 100px;
	max-height: 220px;
	overflow-y: scroll;
	display: block;
}
body#chat table#userDestination tbody td {
	width: 650px!important;
	font-size: 12px;
	padding: 5px 12px!important;
	cursor: pointer;
}
body#chat table#userDestination tbody td.dataTables_empty {
	font-size: 14px;
	padding: 30px 20px!important;
}
body#chat table#userDestination tbody td i {
	float: right;
	margin: 3px 0 0px;
}
/* destinationBox */
body#chat div#destinationBox {
	width: 61%;
	float: right;
	padding: 10px 12px 15px;
	background: #f2dede;
}
body#chat div#destinationBox h3 {
	margin: 12px 2px 12px;
}
body#chat div#destinationBox h3 span {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 5px 0 0;
}
body#chat div#destinationBox h3 button {
	font-size: 12px;
	float: right;
	padding: 5px 10px;
}
body#chat div#destinationBox p {
	color: #666;
	font-size: 12px;
	line-height: 1.4;
}
body#chat div#destinationBox div.destination_inner {
}
body#chat div#destinationBox div.destination_inner a {
	font-size: 12px;
	float: left;
	margin: 2px 2px;
	padding: 3px 7px;
}
body#chat div#destinationBox div.destination_inner a i {
	vertical-align: 1px;
	margin: 0 0 0 2px;
}
/* textarea */
body#chat div#contentsModal02 textarea {
	font-size: 14px;
	margin: 0 0 20px;
}



/* 講座一覧
--------------------------------------------------------- */

div.lesson div#contentsBox ul.nav-tabs {
	margin: 0 0 -1px;
}
div.lesson div#contentsBox ul.nav-tabs li.active a {
	color: #333;
	font-weight: bold;
	background: #ddd;
}
/* lessonin_box */
div.lesson div#contentsBox div.lessonin_box {
	margin: 50px 0 0;
}
div.lesson div#contentsBox div.lessonin_box p {
	font-size: 18px;
	text-align: center;
}
div.lesson div#contentsBox table {
}
div.lesson table.restables-clone {
	display: none;
}
div.lesson div#contentsBox table thead th {
	background: #ddd;
}
div.lesson div#contentsBox table tbody th,
div.lesson div#contentsBox table tbody td {
	padding: 10px;
}
/*div.lesson div#contentsBox table tbody td:nth-child(1) {
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}*/
div.lesson div#contentsBox table tbody td:nth-child(1) {
	text-align: left;
	background: #f9f9f9;
}
div.lesson div#contentsBox table tbody td:nth-child(2) {
	text-align: left;
	background: #f9f9f9;
}
div.lesson div#contentsBox table tbody td:nth-child(3) {
	text-align: left;
}
div.lesson div#contentsBox table tbody td {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
div.lesson div#contentsBox table tbody tr:hover th,
div.lesson div#contentsBox table tbody tr:hover td {
	background: #eee;
}
div.lesson div#contentsBox table tbody button {
	font-size: 12px;
	padding: 5px 8px;
}

/* contentsModal */
/*div.lesson div#contentsModal table tbody th,
div.lesson div#contentsModal table tbody td {
	font-size: 15px;
	padding: 10px;
}
div.lesson div#contentsModal table tbody th {
	width: 130px;
	background: #f9f9f9;
}
div.lesson div#contentsModal table tbody tr:nth-child(1) th,
div.lesson div#contentsModal table tbody tr:nth-child(1) td {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	background: #ddd;
}
div.lesson div#contentsModal table tbody tr:nth-child(2) th,
div.lesson div#contentsModal table tbody tr:nth-child(2) td {
}*/



/* テキスト販売・自宅受講
--------------------------------------------------------- */

div.lesson02 div#contentsBox ul.nav-tabs {
	margin: 0 0 -1px;
}
div.lesson02 div#contentsBox ul.nav-tabs li.active a {
	color: #333;
	font-weight: bold;
	background: #ddd;
}
/* lessonin_box */
div.lesson02 div#contentsBox div.lessonin_box {
	margin: 50px 0 0;
}
div.lesson02 div#contentsBox div.lessonin_box p {
	font-size: 18px;
	text-align: center;
}
div.lesson02 div#contentsBox table {
}
div.lesson02 table.restables-clone {
	display: none;
}
div.lesson02 div#contentsBox table thead th {
	background: #ddd;
}
div.lesson02 div#contentsBox table tbody th,
div.lesson02 div#contentsBox table tbody td {
	padding: 10px;
}
/*div.lesson02 div#contentsBox table tbody td:nth-child(1) {
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}*/
div.lesson02 div#contentsBox table tbody td:nth-child(1) {
	width: 30%;
	text-align: left;
	background: #f9f9f9;
}
div.lesson02 div#contentsBox table tbody td:nth-child(2) {
	width: 50%;
	text-align: left;
	background: #f9f9f9;
}
div.lesson02 div#contentsBox table tbody td:nth-child(3) {
	width: 10%;
}
div.lesson02 div#contentsBox table tbody td {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
div.lesson02 div#contentsBox table tbody tr:hover th,
div.lesson02 div#contentsBox table tbody tr:hover td {
	background: #eee;
}
div.lesson02 div#contentsBox table tbody button {
	font-size: 12px;
	padding: 5px 8px;
}

/* contentsModal */
/*div.lesson02 div#contentsModal table tbody th,
div.lesson02 div#contentsModal table tbody td {
	font-size: 25px;
	padding: 10px;
}
div.lesson02 div#contentsModal table tbody th {
	width: 130px;
	background: #f9f9f9;
}
div.lesson02 div#contentsModal table tbody tr:nth-child(1) th,
div.lesson02 div#contentsModal table tbody tr:nth-child(1) td {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	background: #ddd;
}
div.lesson02 div#contentsModal table tbody tr:nth-child(2) th,
div.lesson02 div#contentsModal table tbody tr:nth-child(2) td {
}*/



/* 出欠表
--------------------------------------------------------- */

/* ----- contentsBox ----- */
div.user div#contentsBox {
	display: none;
	position: relative;
}

/* ----- lessoninContents_wrapper ----- */
div.user div#lessoninContents_wrapper {
	overflow-x: scroll;
}


/* ----- pagerBox ----- */
div.user div#pagerBox {
	position: absolute;
	left: 0; top: 0;
	z-index: 1000;
}
div.user div#pagerBox ul {
	margin: auto;
}
div.user div#pagerBox li.previous button {
	color: #ab891b;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
}
div.user div#pagerBox li.next button {
	color: #ab891b;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
}


/* ----- lessoninContents_filter ----- */
div.user div#lessoninContents_filter {
	padding: 10px;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #eee;
}
div.user div#lessoninContents_filter label {
	margin: 0;
}
div.user div#lessoninContents_filter label input {
	width: 200px;
	font-weight: normal;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}


/* ----- table ----- */
div.user table#lessoninContents {
	width: 100% !important;
	min-width: 1000px !important;
	box-sizing: inherit !important;
	border-collapse: collapse;
}


/* ----- thead ----- */
div.user table#lessoninContents thead {
	border-collapse: collapse;
}
div.user table#lessoninContents thead.fixed {
	border-collapse: collapse;
	position: fixed;
	top: 0;
}
div.user table#lessoninContents thead th {
	width: auto !important;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	box-sizing: inherit !important;
	border: 1px solid #ddd !important;
	background-color: #f1f1f1;
}
div.user table#lessoninContents thead th.th_status,
div.user table#lessoninContents thead th.th_lessonin,
div.user table#lessoninContents thead th.th_status,
div.user table#lessoninContents thead th.th_lessonin {
	padding: 7px 18px 7px 5px;
}
div.user table#lessoninContents thead th.sorting {
	width: auto !important;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 7px 18px 7px 5px;
	box-sizing: inherit !important;
	border: 1px solid #ddd !important;
	background-color: #f1f1f1;
}
div.user table.dataTable thead .sorting::after,
div.user table.dataTable thead .sorting_asc::after,
div.user table.dataTable thead .sorting_desc::after {
	content: '' !important;
}

/* tr_lessoninfo */
div.user table#lessoninContents thead tr.tr_lessoninfo th:nth-child(1) { width: 30px !important; color: #666;}
div.user table#lessoninContents thead tr.tr_lessoninfo th:nth-child(2) { width: 350px !important;}
div.user table#lessoninContents thead tr.tr_lessoninfo th span {
	display: block;
	margin: 0 0 3px;
}
div.user table#lessoninContents thead tr.tr_lessoninfo th span:nth-child(1) {
	font-size: 13px;
}
div.user table#lessoninContents thead tr.tr_lessoninfo th span:nth-child(3) {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 5px;
}
div.user table#lessoninContents thead tr.tr_lessoninfo th button {
	font-size: 11px;
}

/* tr_lessondata */
div.user table#lessoninContents thead tr.tr_lessondata th {
	background-color: #f9f9f9;
}
div.user table#lessoninContents thead th.th_lessonin div.lessonin_box {
	font-size: 11px;
	display: block;
	margin: 5px 0 0;
}
div.user table#lessoninContents thead th.th_lessonin div.lessonin_box span {
}

div.user table#lessoninContents thead th.th_status div.status_box {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
}
div.user table#lessoninContents thead th.th_status div.status_box span {
	margin: 0 0 0 3px;
}
div.user table#lessoninContents thead th.th_status div.status_box:nth-child(1) { margin: 5px 0 0;}


/* ----- tbody ----- */
div.user table#lessoninContents tbody {
	border-collapse: collapse;
}
div.user table#lessoninContents tbody td {
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	box-sizing: inherit !important;
	border: 1px solid #ddd !important;
}
div.user table#lessoninContents tbody td button {
	font-size: 11px;
	padding: 5px 7px;
}
div.user table#lessoninContents tbody td.dataTables_empty {
	color: #333 !important;
	text-align: center !important;
	padding: 30px 10px;
}
div.user table.dataTable.no-footer {
	border: none;
}
div.user table#lessoninContents tbody td:nth-child(1) {
	color: #999;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	background: #f7f7f7;
}
div.user table#lessoninContents tbody td:nth-child(2) {
	text-align: left;
	padding: 0;
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(1) {
	font-size: 8px;
	display: block;
	margin: 0 0 2px;
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(2) {
	font-size: 11px;
	display: block;
	margin: 0 0 5px;
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(3) {
	color: #bbb;
	font-size: 8px;
	display: block;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_left {
	width: 30%;
	float: left;
	padding: 7px;
	border-right: 1px solid #fff;
	background: #f7f7f7;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right {
	width: 70%;
	float: right;
	position: relative;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right ul {
	margin: 0;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right ul li {
	min-height: 30px;
	font-size: 11px;
	float: left;
	padding: 7px;
	border: 1px solid #fff;
	background: #fcfcfc;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right ul li:nth-child(1) { width: 50%;}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right ul li:nth-child(2) { width: 50%;}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right ul li:nth-child(3) {
	width: 100%;
	clear: both;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right li > span.memo_mb_strimwidth {
	font-size: 11px;
	display: inline;
	margin: 0 5px 0 0;
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right button {
	font-size: 9px;
	display: inline-block;
	padding: 5px 7px;
}
div.user table#lessoninContents tbody td select,
div.user table#lessoninContents tbody td option {
	font-size: 11px;
}
div.user table#lessoninContents tbody td span {
	display: none;
}

/* ----- モーダル（メモ） ----- */
body#user div#contentsModal div#infoviewBox table {
	margin: 0 0 30px;
}
body#user div#contentsModal div#infoviewBox textarea {
	font-size: 16px;
}

/* ----- モーダル（受付シート） ----- */
body#user div#contentsModal div#receptionsheetBox {
}
body#user div#contentsModal div#receptionsheetBox table {
	max-width: 100%;
	margin: 0 0 20px;
}
body#user div#contentsModal div#receptionsheetBox table th,
body#user div#contentsModal div#receptionsheetBox table td {
	width: auto;
	max-width: inherit;
	min-width: inherit;
	font-size: 13px;
}
body#user div#contentsModal div#receptionsheetBox table th {
	text-align: center;
}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(1) { width: 5%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(2) { width: 10%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(3) { width: 15%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(4) { width: 15%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(5) { width: 30%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(6) { width: 15%;}
body#user div#contentsModal div#receptionsheetBox table th:nth-child(7) { width: 10%;}
body#user div#contentsModal div#receptionsheetBox textarea {
	font-size: 16px;
}
/* btn_box */
body#user div.btn_box {
	text-align: center;
	margin: 0 auto 30px;
}
body#user div.btn_box button {
	font-size: 18px;
	display: inline-block;
	padding: 10px 80px;
}
/* lesson_nothing */
body#user div#contentsModal div#receptionsheetBox div.lesson_nothing {
	margin: 20px auto;
}
body#user div#contentsModal div#receptionsheetBox div.lesson_nothing p {
	font-size: 16px;
	text-align: center;
}




/* 一覧（講座）
--------------------------------------------------------- */

div.lesson_archive table thead th {
	background: #eee;
}



/* 新規登録（講座）
--------------------------------------------------------- */

div.lesson_regist table th {
	background: #eee;
}
/* bootstrap-datetimepicker-widget */
div.lesson_regist div.bootstrap-datetimepicker-widget {
	padding: initial;
}
div.lesson_regist div.bootstrap-datetimepicker-widget div.datepicker {
	width: auto;
}
div.lesson_regist div.bootstrap-datetimepicker-widget table th {
	padding: initial;
	background: #fff;
}
div.lesson_regist div.bootstrap-datetimepicker-widget table td {
	padding: initial;
}



/* 更新・削除（講座）
--------------------------------------------------------- */

div.lesson_update table th {
	background: #eee;
}
div.lesson_update div.submit_box {
	text-align: center;
}
div.lesson_update div.submit_box input.btn03 {
	min-width: 100px;
	display: inline-block;
	margin: 30px 10px;
}
div.lesson_update div.submit_box input.btn01 {
	display: inline-block;
	margin: 30px 10px;
}
/* bootstrap-datetimepicker-widget */
div.lesson_update div.bootstrap-datetimepicker-widget {
	padding: initial;
}
div.lesson_update div.bootstrap-datetimepicker-widget div.datepicker {
	width: auto;
}
div.lesson_update div.bootstrap-datetimepicker-widget table th {
	padding: initial;
	background: #fff;
}
div.lesson_update div.bootstrap-datetimepicker-widget table td {
	padding: initial;
}



/* 受付表
--------------------------------------------------------- */

div.user02 div#contentsBox ul.nav-tabs {
	margin: 0 0 -1px;
}
div.user02 div#contentsBox ul.nav-tabs li.active a {
	color: #333;
	font-weight: bold;
	background: #ddd;
}
/* lessonin_box */
div.user02 div#contentsBox div.lessonin_box {
	margin: 50px 0 0;
}
div.user02 div#contentsBox div.lessonin_box p {
	font-size: 18px;
	text-align: center;
}
div.user02 div#contentsBox table {
}
div.user02 table.restables-clone {
	display: none;
}
div.user02 div#contentsBox table thead th {
	background: #ddd;
}
div.user02 div#contentsBox table tbody th,
div.user02 div#contentsBox table tbody td {
	padding: 10px;
}
/*div.user02 div#contentsBox table tbody td:nth-child(1) {
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}*/
div.user02 div#contentsBox table tbody td:nth-child(1) {
	width: 10%;
	text-align: left;
	background: #f9f9f9;
}
div.user02 div#contentsBox table tbody td:nth-child(2) {
	width: 15%;
	text-align: left;
	background: #f9f9f9;
}
div.user02 div#contentsBox table tbody td:nth-child(3) {
	width: 30%;
	text-align: left;
}
div.user02 div#contentsBox table tbody td {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
div.user02 div#contentsBox table tbody tr:hover th,
div.user02 div#contentsBox table tbody tr:hover td {
	background: #eee;
}
div.user02 div#contentsBox table tbody button {
	font-size: 12px;
	padding: 5px 8px;
}

/* contentsModal */
/*div.user02 div#contentsModal table tbody th,
div.user02 div#contentsModal table tbody td {
	font-size: 25px;
	padding: 10px;
}
div.user02 div#contentsModal table tbody th {
	width: 130px;
	background: #f9f9f9;
}
div.user02 div#contentsModal table tbody tr:nth-child(1) th,
div.user02 div#contentsModal table tbody tr:nth-child(1) td {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	background: #ddd;
}
div.user02 div#contentsModal table tbody tr:nth-child(2) th,
div.user02 div#contentsModal table tbody tr:nth-child(2) td {
}*/



/* 一覧（テキスト販売・自宅受講）
--------------------------------------------------------- */

div.lesson02_archive table thead th {
	background: #eee;
}



/* 新規登録（テキスト販売・自宅受講）
--------------------------------------------------------- */

div.lesson02_regist table th {
	background: #eee;
}



/* 更新・削除（テキスト販売・自宅受講）
--------------------------------------------------------- */

div.lesson02_update table th {
	background: #eee;
}
div.lesson02_update div.submit_box {
	text-align: center;
}
div.lesson02_update div.submit_box input.btn03 {
	min-width: 100px;
	display: inline-block;
	margin: 30px 10px;
}
div.lesson02_update div.submit_box input.btn01 {
	display: inline-block;
	margin: 30px 10px;
}



/* ユーザー更新・削除一覧
--------------------------------------------------------- */

div.user_archive table thead th {
	background: #eee;
}
/* タブ */
div.user_archive ul.nav li.active {
	pointer-events: none;
}

div.user_archive table tbody td {
	vertical-align: middle;
}
/* 【リジョイス】生徒 */
div.user_archive div#contentsA table tbody th:nth-child(1) {
	width: 10%;
}
div.user_archive div#contentsA table tbody td:nth-child(4) {
	width: 10%;
	text-align: center;
}
div.user_archive div#contentsA table tbody td:nth-child(5) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsA table tbody td:nth-child(6) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsA table tbody td:nth-child(7) {
	width: 15%;
	text-align: center;
}
/* 【洛ゼミ】生徒 */
div.user_archive div#contentsB table tbody th:nth-child(1) {
	width: 10%;
}
div.user_archive div#contentsB table tbody td:nth-child(4) {
	width: 10%;
	text-align: center;
}
div.user_archive div#contentsB table tbody td:nth-child(5) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsB table tbody td:nth-child(6) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsB table tbody td:nth-child(6) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsB table tbody td:nth-child(7) {
	width: 15%;
	text-align: center;
}
/* 【リング】生徒 */
div.user_archive div#contentsC table tbody th:nth-child(1) {
	width: 10%;
}
div.user_archive div#contentsC table tbody td:nth-child(4) {
	width: 10%;
	text-align: center;
}
div.user_archive div#contentsC table tbody td:nth-child(5) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsC table tbody td:nth-child(6) {
	width: 15%;
	text-align: center;
}
/* 【オンライン添削】生徒 */
div.user_archive div#contentsD table tbody th:nth-child(1) {
	width: 10%;
}
div.user_archive div#contentsD table tbody td:nth-child(4) {
	width: 10%;
	text-align: center;
}
div.user_archive div#contentsD table tbody td:nth-child(5) {
	width: 15%;
	text-align: center;
}
div.user_archive div#contentsD table tbody td:nth-child(6) {
	width: 15%;
	text-align: center;
}
/* 全講師 */
div.user_archive div#contentsE table tbody th:nth-child(1) {
	width: 10%;
}
div.user_archive div#contentsE table tbody td:nth-child(6) {
	text-align: center;
}
div.user_archive div#contentsE table tbody td:nth-child(7) {
	width: 15%;
	text-align: center;
}



/* ユーザー新規登録
--------------------------------------------------------- */

div.user_regist div#contentsBox ul.nav-tabs li a {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 40px 8px;
}

div.user_regist div#contentsBox table {
	margin: 0 0 10px;
}
div.user_regist div#contentsBox table#table_guardianname {
	margin: 40px 0 0;
}
div.user_regist table th {
	width: 30%;
	background: #eee;
}
div.user_regist table td {
	width: 70%;
	vertical-align: middle;
}

div.user_regist table tr.tr_school td {
	padding: 10px 0 !important;
}
div.user_regist table tr.tr_school td label.checkbox-inline {
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
}
div.user_regist table tr.tr_school td label.checkbox-inline:first-child {
	margin-left: 0;
}
div.user_regist table tr.tr_school td label.checkbox-inline input[type=checkbox] {
	margin-top: 3px !important;
}

/* bootstrap-datetimepicker-widget */
div.user_regist div.bootstrap-datetimepicker-widget {
	padding: initial;
}
div.user_regist div.bootstrap-datetimepicker-widget div.datepicker {
	width: auto;
}
div.user_regist div.bootstrap-datetimepicker-widget table th {
	padding: initial;
	background: #fff;
}
div.user_regist div.bootstrap-datetimepicker-widget table td {
	padding: initial;
}



/* ユーザー更新・削除
--------------------------------------------------------- */

div.user_update table th {
	width: 30%;
	background: #eee;
}
div.user_update table td {
	width: 70%;
	vertical-align: middle;
}
div.user_update table tr:nth-of-type(1) td,
div.user_update table tr:nth-of-type(3) td {
	font-size: 16px !important;
	font-weight: bold;
	padding: 20px 10px !important;
	background: #f9f9f9;
}

div.user_update table td label.checkbox-inline {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 5px;
	margin-left: 20px;
}
div.user_update table td label.checkbox-inline:first-child {
	margin-left: 0;
}
div.user_update table td label.checkbox-inline input[type=checkbox] {
	margin-top: 3px !important;
}

div.user_update div.submit_box {
	text-align: center;
}
div.user_update div.submit_box input.btn03 {
	min-width: 100px;
	display: inline-block;
	margin: 30px 10px;
}
div.user_update div.submit_box input.btn01 {
	display: inline-block;
	margin: 30px 10px;
}
/* bootstrap-datetimepicker-widget */
div.user_update div.bootstrap-datetimepicker-widget {
	padding: initial;
}
div.user_update div.bootstrap-datetimepicker-widget div.datepicker {
	width: auto;
}
div.user_update div.bootstrap-datetimepicker-widget table th {
	padding: initial;
	background: #fff;
}
div.user_update div.bootstrap-datetimepicker-widget table td {
	padding: initial;
}



/* ユーザー情報をスプレッドシートに反映
--------------------------------------------------------- */

div.user_ssimport p {
}
div.user_ssimport div.iframe_wrapper {
	width: 300px;
	height: 100px;
	position: relative;
}
div.user_ssimport div.iframe_overwrap {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border: 1px solid #ffeeba;
	background: #fff3cd;
	position: absolute;
	left: 0; top: 0;
	z-index: 9999;
}
div.user_ssimport div.iframe_overwrap p {
	color: #856404;
	text-align: center;
}
div.user_ssimport iframe {
	width: 300px;
	height: 100px;
	border: none;
	position: relative;
	z-index: 10;
}



/* プロフィール
--------------------------------------------------------- */

div.user_profile div#contentsBox {
	max-width: 700px;
}
div.user_profile table tbody th,
div.user_profile table tbody td {
	padding: 15px;
	vertical-align: middle;
}
div.user_profile table tbody th {
	width: 20%;
	min-width: 170px;
	background: #f1f1f1;
}
div.user_profile table tbody th span,
div.user_profile table tbody th small {
	color: #a94442;
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin: 5px 0 0;
}
div.user_profile table tbody td > div {
	margin: 0;
}
div.user_profile table tbody td div.help-block {
	font-size: 12px;
	margin: 5px 0 0;
}
div.user_profile table tbody td div.help-block ul {
	margin: 0;
}
div.user_profile table tbody td.td_name01 > div {
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
}
div.user_profile table tbody td.td_name01 > div:last-child { margin: 0;}
div.user_profile table tbody td.td_name02 > div {
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
}
div.user_profile table tbody td.td_name02 > div:last-child { margin: 0;}

/* submit_box */
div.user_profile div.submit_box {
	text-align: center;
}



/* 月謝（一覧）
--------------------------------------------------------- */

div.payment_archive table thead th {
	background: #eee;
}



/* 月謝（詳細）
--------------------------------------------------------- */

div.payment table thead th {
	background: #eee;
}
div.payment table tbody td {
}
div.payment table tbody td a {
	margin: 3px 0;
}



/* 教材管理（発注）
--------------------------------------------------------- */

div.order_regist table tbody th {
	width: 20%;
	background: #eee;
}
div.order_regist table tbody td {
	width: 80%;
}



/* 教材管理（一覧）
--------------------------------------------------------- */

div.order_archive table thead th {
	background: #eee;
}



/* 教材管理（教材価格一覧）
--------------------------------------------------------- */

div.order_pricelist table thead th {
	background: #eee;
}



/* 追加料金徴収（一覧）
--------------------------------------------------------- */

div.additionalfee_archive div#contentsBox select.form-control {
	height: 34px!important;
	font-size: 12px!important;
}
div.additionalfee_archive div#contentsBox textarea.form-control {
	height: 34px!important;
	font-size: 12px!important;
}
div.additionalfee_archive table thead th {
	background: #eee;
}
div.additionalfee_archive table thead th:nth-child(1) { width: 3%; }
div.additionalfee_archive table thead th:nth-child(2) { width: 7%;}
div.additionalfee_archive table thead th:nth-child(3) { width: 10%;}
div.additionalfee_archive table thead th:nth-child(4) { width: 10%;}
div.additionalfee_archive table thead th:nth-child(5) { width: 10%;}
div.additionalfee_archive table thead th:nth-child(6) { width: 5%;}
div.additionalfee_archive table thead th:nth-child(7) { width: 20%;}
div.additionalfee_archive table thead th:nth-child(8) { width: 10%;}
div.additionalfee_archive table thead th:nth-child(9) { width: 15%;}

div.additionalfee_archive table tbody td:nth-child(7) { text-align: right;}


/* 支払いモード設定
--------------------------------------------------------- */

div.paymentmode table thead th {
	background: #eee;
}
div.paymentmode table thead th:nth-child(1) { width: 5%; }
div.paymentmode table thead th:nth-child(2) { width: 10%; }
div.paymentmode table thead th:nth-child(3) { width: 10%; }
div.paymentmode table thead th:nth-child(4) { width: 10%; }
div.paymentmode table thead th:nth-child(5) { width: 10%; }
div.paymentmode table thead th:nth-child(6) { width: 10%; }
div.paymentmode table thead th:nth-child(7) { width: 10%; }
div.paymentmode table thead th:nth-child(8) { width: 25%; }
div.paymentmode table thead th:nth-child(9) { width: 10%; }


/* 出勤管理（講師名簿）設定
--------------------------------------------------------- */

div.working_manage table thead th {
	background: #eee;
}
div.working_manage table thead th:nth-child(1) { width: 10%; }
div.working_manage table thead th:nth-child(2) { width: 10%; }
div.working_manage table thead th:nth-child(3) { width: 10%; }
div.working_manage table thead th:nth-child(4) { width: 10%; }
div.working_manage table thead th:nth-child(5) { width: 15%; }
div.working_manage table thead th:nth-child(6) { width: 15%; }
div.working_manage table thead th:nth-child(7) { width: 15%; }
div.working_manage table thead th:nth-child(8) { width: 10%; }
div.working_manage table thead th:nth-child(9) { width: 5%; }


/* 利用規約
--------------------------------------------------------- */

/* contentsBox */
div.terms div#contentsBox {
	background: #fcf8eb;
}
/* well */
div.terms div#contentsBox div.well {
	max-width: 850px;
}



/* プライバシーポリシー
--------------------------------------------------------- */

/* contentsBox */
div.privacy div#contentsBox {
	background: #fcf8eb;
}
/* well */
div.privacy div#contentsBox div.well {
	max-width: 850px;
}



/* ログアウト
--------------------------------------------------------- */

/* ----- 共通 ----- */

div.logout div#page-wrapper a.btn-logout {
	display: block;
	margin: auto;
}
div.logout div#page-wrapper div.logout-panel {
	text-align: center;
	margin-top: 100px;
}
/* btn */
div.logout div#page-wrapper div.logout-panel .btn {
	display: block;
}




/* footer
--------------------------------------------------------- */


/* ----- footer ----- */

div#footerOuter {
	background: #333;
}
div#footer {
	margin: 0 auto;
	padding: 60px 0;
	position: relative;
}
div#footerInner {
}

/* contactBox */
div#contactBox {
	margin: 0 auto 30px;
	padding: 0 10px;
}
div#contactBox h2 {
	font-size: 14px;
	text-align: center;
	margin: 0 0 10px;
}
div#contactBox h2 a {
	color: #ccc;
}
div#contactBox p {
	color: #ccc;
	font-size: 12px;
	text-align: center;
	margin: 0;
}
div#contactBox p a {
	color: #ccc;
}

/* sslBox */
div#sslBox {
	margin: 0 auto 30px;
	padding: 0 10px;
}
div#sslBox span img {
	display: block;
	margin: auto;
}

/* footerNavi */
div#footerNavi {
	margin: 0 auto 30px;
}
div#footerNavi ul {
	text-align: center;
}
div#footerNavi ul li {
	display: inline-block;
}
div#footerNavi ul li a {
	color: #aaa;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #aaa;
}
div#footerNavi ul li:last-child a {
	padding: 0;
	border: none;
}

/* copyright */
div#copyright {
	padding: 0 10px;
}
div#copyright p {
	color: #bbb;
	font-size: 11px;
	text-align: center;
	margin: 0;
}
div#copyright p a {
	color: #fff;
}

/* pageTop */
p#pageTop {
	font-size: 24px;
	margin: 0;
	position: fixed;
	right: 20px; bottom: 20px;
	z-index: 9999;
}
p#pageTop a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 10px 16px 0;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	background: #29363c;
}
p#pageTop a:hover {
	background: #1b2428;
}





/* =============================================================================================================
	1000px以下
============================================================================================================= */

@media screen and (max-width: 1000px) {


/* ----- jumbotron ----- */
div#contentsBox div.jumbotron {
	padding: 40px;
}
div#contentsBox div.jumbotron h1 {
	font-size: 28px;
	margin: 0 0 40px;
}

div#contentsBox div.login_box div.left_box {
	width: 45%;
}
div#contentsBox div.login_box div.left_box p {
	font-size: 18px;
}
div#contentsBox div.login_box div.left_box p:last-child {}
div#contentsBox div.login_box div.left_box p.jt_link {
	font-size: 14px;
}
div#contentsBox div.login_box div.right_box {
	width: 47.5%;
}
div#contentsBox div.login_box div.right_box div.submit_box {
	margin: 15px 0 0;
}
div#contentsBox div.login_box div.right_box div.submit_box .btn {
}
div#contentsBox div.login_box div.center_box p {
	font-size: 18px;
}
div#contentsBox div.login_box div.center_box p:last-child { margin: 0;}



/* 新規ユーザー登録
--------------------------------------------------------- */

/* ----- 本登録入力（login_regist.php） ----- */
div.login_regist div#contentsBox div.jumbotron div.left_box {
	width: 45%;
}
div.login_regist div#contentsBox div.jumbotron div.right_box {
	width: 50%;
}
div.login_regist div#contentsBox div.jumbotron div.right_box p.jt_txt {
}

/* ----- 本登録確認（login_regist02.php） ----- */
div.login_regist02 div#contentsBox div.jumbotron div.left_box {
	width: 25%;
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box {
	width: 70%;
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box p#email {
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box p {
}
/* submit_box */
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn02 {
}
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn01 {
}

/* ----- 本登録完了（login_regist03.php） ----- */
div.login_regist03 div#contentsBox div.jumbotron div.right_box a.btn {
}



/* ダッシュボード
--------------------------------------------------------- */

/* contentsBox */
div.index div#contentsBox {
}
/* jumbotron */
div.index div#contentsBox div.jumbotron {
}
/* left_box */
div.index div#contentsBox div.left_box {
}
div.index div#contentsBox div.left_box h2 {
	font-size: 20px;
}
div.index div#contentsBox div.left_box p {
	font-size: 13px;
}
div.index div#contentsBox div.left_box div.panel_about {
}
div.index div#contentsBox div.left_box div.panel-heading {
}
div.index div#contentsBox div.left_box div.panel-heading i {
	font-size: 92px;
}
div.index div#contentsBox div.left_box div.panel-footer {
}
div.index div#contentsBox div.left_box p.caution_txt {
	font-size: 12px;
}
/* index_box */
div.index div.index_box {
	width: 100%;
	display: block;
}
/* menu_box */
div.index div.index_box div.menu_box {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 4%;
}
div.index div.index_box div.menu_box h2 {
}
div.index div.index_box div.menu_box h2 span {
}
div.index div.index_box div.menu_box div.menu_inner {
}
div.index div.index_box div.menu_box div.menu_inner a.btn {
}
div.index div.index_box div.menu_box div.menu_inner p {
}
div.index div.index_box div.menu_box div.menu_inner strong.large_text {
}
div.index div.index_box div.menu_box  div.menu_inner table {
}
div.index div.index_box div.menu_box div.menu_inner table tbody th,
div.index div.index_box div.menu_box div.menu_inner table tbody td {
}
div.index div.index_box div.menu_box div.menu_inner table tbody th {
	width: 30%;
}
div.index div.index_box div#paymentBox div.menu_inner table tbody td:nth-child(3) {
}
div.index div.index_box div#lessonBox div.menu_inner table tbody th {
}
div.index div.index_box div#lessonBox div.menu_inner table tbody td {
}





}




/* =============================================================================================================
	768px以下
============================================================================================================= */

@media screen and (max-width: 768px) {



/* all style
--------------------------------------------------------- */


/* ----- headerWrapper ----- */
div#headerWrapper {
	margin: 0 0 30px;
	height: auto;
}


/* ----- headerTop ----- */
div#headerTop {
	height: auto;
	padding: 5px 20px 0;
	position: relative;
}

/* topleft_box */
div#headerTop div.topleft_box {
	width: 100%;
	margin: 0 auto 30px;
	float: none;
}
body.auth050 div#headerTop div.topleft_box {
	margin: 0 auto;
}
div#headerTop div.topleft_box h1 {
	text-align: center;
	margin: 18px 0 18px;
}
div#headerTop div.topleft_box h1 a {
}
div#headerTop div.topleft_box h1 a:hover {
}
div#headerTop div.topleft_box h1 span.glyphicon {
}

/* topright_box */
div#headerTop div.topright_box {
	width: 100%;
	margin: auto;
	float: none;
}
div#headerTop div.topright_inner {
}
/* utility_box */
div#headerTop div.topright_box div.utility_box {
	text-align: center;
	float: none;
}
div#headerTop div.topright_box div.utility_box a {
	color: #fff;
	background: none;
}
div#headerTop div.topright_box div.utility_box a:hover,
div#headerTop div.topright_box div.utility_box a:focus {
	color: #fff;
	background: none;
}
div#headerTop div.topright_box div.utility_box a:active {
	color: #fff;
	background: none;
}

div#headerTop div.topright_box div.utility_box ul.navbar-top-links {
	float: none!important;
}

div#headerTop div.topright_box div.utility_box ul.dropdown-menu {
}
div#headerTop div.topright_box div.utility_box li.attendance_transfer ul.dropdown-menu {
	margin-left: 0;
}
div#headerTop div.topright_box div.utility_box li.attendance_notpost ul.dropdown-menu {
	margin-left: -100px;
}

div#headerTop div.topright_box div.utility_box ul.dropdown-menu a {
}
/* info_box */
div#headerTop div.topright_box div.info_box {
	margin: 0 auto;
	float: none;
}
div#headerTop div.topright_box div.info_box ul {
}
div#headerTop div.topright_box div.info_box li {
	text-align: center;
}
div#headerTop div.topright_box li:last-child {
}
/* logout_box */
div#headerTop div.topright_box div.logout_box {
}
div#headerTop div.topright_box div.logout_box a {
	font-size: 11px;
	padding: 4px 8px 4px;
}
div#headerTop div.topright_box div.logout_box a:hover {
}

div#headerTop div.topright_box div.contact_box {
}
div#headerTop div.topright_box div.contact_box a {
}
div#headerTop div.topright_box div.contact_box a:hover {
}

div#headerTop div.topright_box div.regist_box {
}
div#headerTop div.topright_box div.regist_box a {
}
div#headerTop div.topright_box div.regist_box a:hover {
}

div#headerTop div.topright_box div.csvexp_box {
}
div#headerTop div.topright_box div.csvexp_box a {
}
div#headerTop div.topright_box div.csvexp_box a:hover {
}

div#headerTop div.topright_box div.index_box {
}
div#headerTop div.topright_box div.index_box a {
}
div#headerTop div.topright_box div.index_box a:hover {
}



/* ---- headerBot ---- */

div#headerBot {
}
div#headerBot h2 {
}
div#headerBot h2 span.glyphicon-outer {
}
div#headerBot h2 span.glyphicon-outer span.fa,
div#headerBot h2 span.glyphicon-outer span.glyphicon {
}
div#headerBot h2 span.glyphicon-txt {
}


/* botleft_box */
div#headerBot div.botleft_box {
}
div#headerBot div.botleft_box h2 {
}

/* botright_box */
div#headerBot div.botright_box {
}
div#headerBot div.select_box {
}
div#headerBot div.jc_box {

}
div#headerBot div.lj_box {

}
div#headerBot div.submit_box {
}


/* ---- page-wrapper ---- */

div#page-wrapper {
	margin: 0 auto 30px;
}

div#page-header {
}
div#page-contents {
}

/* dbMenuBox */
div#dbMenuBox {
	width: 100%;
	border-top: 1px solid #555;
	background: #ab891b;
	position: fixed;
	top: auto; bottom: 0;
	z-index: 1000;
}
div#dbMenuBox div.dbmenubox_navi h4 {
}
div#dbMenuBox div.dbmenubox_navi ul {
	text-align: center;
	line-height: 1;
	margin: 0;
}
div#dbMenuBox div.dbmenubox_navi ul li {
	width: 33.3%;	/* ログイン前メニュー幅（個数3個） */
	display: block;
	float: left;
	border-right: 1px solid #555 !important;
}
div#dbMenuBox div.dbmenubox_navi ul li:last-child { border: none !important;}
body.auth00 div#dbMenuBox div.dbmenubox_navi ul li { width: 25%;}
body.auth010 div#dbMenuBox div.dbmenubox_navi ul li { width: 25%;}
body.auth020 div#dbMenuBox div.dbmenubox_navi ul li { width: 25%;}
body.auth050 div#dbMenuBox div.dbmenubox_navi ul li { width: 25%;}
body.auth050.rakuzemi div#dbMenuBox div.dbmenubox_navi ul li { width: 50%;}
body.auth050.ring div#dbMenuBox div.dbmenubox_navi ul li { width: 33.3%;}
body#login div#dbMenuBox div.dbmenubox_navi ul li { width: 33.3%;}
div#dbMenuBox div.dbmenubox_navi ul li a {
	color: #fff;
	font-size: 8px;
	line-height: 1.3;
	padding: 8px 2px;
	position: relative;
}
div#dbMenuBox div.dbmenubox_navi ul li a:hover,
div#dbMenuBox div.dbmenubox_navi ul li a:focus {
	color: #fff;
	text-decoration: none;
	background: none;
}
div#dbMenuBox div.dbmenubox_navi ul li.active a {
}
div#dbMenuBox div.dbmenubox_navi ul li a i {
	font-size: 20px;
	text-indent: 0;
	display: block;
	margin: 0 0 5px;
}
div#dbMenuBox div.dbmenubox_navi ul li a span.display_block {
	display: none;
}
/*div#dbMenuBox div.dbmenubox_navi ul li a span.display_block {
	display: none;
}*/


div#dbMenuBox div.dbmenubox_navi ul li a span.label {
	width: 30px;
	font-size: 9px;
	margin: 0;
	padding: 3px 4px 2px;
	position: absolute;
	top: 5px; right: 5%;
}

/* dbContentsBox */
div#dbContentsBox {
	margin: 0;
	padding: 15px;
}

/* ----- 見出し ----- */

div#page-wrapper h1 {
}


/* ----- btn ----- */

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
}
.btn-blue {
}
.btn-blue:hover {
}
/*.btn-blue:focus {
	border: 1px solid #4d90fe;
	outline: medium none;
	transition: all 0s ease 0s;
	z-index: 3;
}*/

/* btn-red */
.btn-red.focus,
.btn-red:focus {
}
.btn-red {
}
.btn-red:hover {
}

/* btn-orange */
.btn-orange.focus,
.btn-orange:focus {
}
.btn-orange {
}
.btn-orange:hover {
}

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
}
.btn-blue {
}
.btn-blue:hover {
}


/* btn-lg */
.btn-lg {
}



/* ----- その他 ----- */

.mg_t00 {
}

.caution_txt {
}




/* ログイン
--------------------------------------------------------- */

/* topleft_box */
body#login div#headerTop {
	padding: 5px 20px 20px;
}
body#login_admin div#headerTop {
	padding: 5px 20px 20px;
}
body#login div#headerTop div.topleft_box {
	width: 100%;
	text-align: center;
	margin: 0;
}
body#login div#headerTop div.topleft_box h1 {
	float: none;
	margin: 16px 0 0;
}

div.login div#page-wrapper div.panel-heading {
}
div.login div#page-wrapper div.login-panel {
}
div.login div#page-wrapper input.form-control {
}
div.login div#page-wrapper div.alert {
}
div.login div#page-wrapper div.form-group {
}



/* ダッシュボード
--------------------------------------------------------- */

/* contentsBox */
div.index div#contentsBox {
}
/* jumbotron */
div.index div#contentsBox div.jumbotron {
}
/* left_box */
div.index div#contentsBox div.left_box {
}
div.index div#contentsBox div.left_box h2 {
}
div.index div#contentsBox div.left_box p {
}
div.index div#contentsBox div.left_box div.panel_about {
}
div.index div#contentsBox div.left_box div.panel-heading {
}
div.index div#contentsBox div.left_box div.panel-heading i {
}
div.index div#contentsBox div.left_box div.panel-footer {
}
div.index div#contentsBox div.left_box p.caution_txt {
}



/* れんらく帳
--------------------------------------------------------- */

/* ----- 共通 ----- */

/* contentsBoxInner */
div#contentsBoxInner {
/*
	height: 300px;
	overflow-y: scroll;
*/
}

div#contentsBox div.chat-panel {
}
div#contentsBox div.chat-panel span.chat-img i {
}
div#contentsBox div.chat-panel li.auth_00 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_10 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_20 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_50 span.chat-img i {}
div#contentsBox div.chat-panel div.input-group {
}
div#contentsBox div.chat-panel textarea {
}

div#contentsBox div.chat-panel div.bot_box {
}
div#contentsBox div.chat-panel div.input-group-btn {
}
div#contentsBox div.chat-panel div.input-group-btn input {
}
div#contentsBox div.chat-panel div.input-group-select {
}
div#contentsBox div.chat-panel div.input-group-select select {
}
div#contentsBox div.chat-panel div.input-group-select select option {
}



/* 講座一覧
--------------------------------------------------------- */

div.lesson div#contentsBox ul.nav-tabs {
}
div.lesson div#contentsBox ul.nav-tabs li.active a {
}
div.lesson div#contentsBox table {
}
div.lesson table.restables-clone {
}
div.lesson div#contentsBox table thead th {
}
div.lesson div#contentsBox table tbody th,
div.lesson div#contentsBox table tbody td {
	font-size: 12px;
}
div.lesson div#contentsBox table tbody td:nth-child(1) {
}
div.lesson div#contentsBox table tbody td:nth-child(2) {
}
div.lesson div#contentsBox table tbody td {
}
div.lesson div#contentsBox table tbody tr:hover th,
div.lesson div#contentsBox table tbody tr:hover td {
}

/* contentsModal */
div.lesson div#contentsModal table tbody th,
div.lesson div#contentsModal table tbody td {
	font-size: 12px;
}
div.lesson div#contentsModal table tbody th {
	width: 20%;
	min-width: 100px;
}
div.lesson div#contentsModal table tbody td {
	width: 80%;
}
div.lesson div#contentsModal table tbody tr:nth-child(1) th,
div.lesson div#contentsModal table tbody tr:nth-child(1) td {
	font-size: 14px;
}
div.lesson div#contentsModal table tbody tr:nth-child(2) th,
div.lesson div#contentsModal table tbody tr:nth-child(2) td {
}



/* テキスト販売・自宅受講
--------------------------------------------------------- */

div.lesson02 div#contentsBox ul.nav-tabs {
}
div.lesson02 div#contentsBox ul.nav-tabs li.active a {
}
div.lesson02 div#contentsBox table {
}
div.lesson02 table.restables-clone {
}
div.lesson02 div#contentsBox table thead th {
}
div.lesson02 div#contentsBox table tbody th,
div.lesson02 div#contentsBox table tbody td {
	font-size: 12px;
}
div.lesson02 div#contentsBox table tbody td:nth-child(1) {
}
div.lesson02 div#contentsBox table tbody td:nth-child(2) {
}
div.lesson02 div#contentsBox table tbody td {
}
div.lesson02 div#contentsBox table tbody tr:hover th,
div.lesson02 div#contentsBox table tbody tr:hover td {
}

/* contentsModal */
div.lesson02 div#contentsModal table tbody th,
div.lesson02 div#contentsModal table tbody td {
	font-size: 12px;
}
div.lesson02 div#contentsModal table tbody th {
	width: 20%;
	min-width: 100px;
}
div.lesson02 div#contentsModal table tbody td {
	width: 80%;
}
div.lesson02 div#contentsModal table tbody tr:nth-child(1) th,
div.lesson02 div#contentsModal table tbody tr:nth-child(1) td {
	font-size: 14px;
}
div.lesson02 div#contentsModal table tbody tr:nth-child(2) th,
div.lesson02 div#contentsModal table tbody tr:nth-child(2) td {
}



/* 出欠表
--------------------------------------------------------- */

/* ----- contentsBox ----- */
div.user div#contentsBox {
}


/* ----- lessoninContents_wrapper ----- */
div.user div#lessoninContents_wrapper {
}


/* ----- pagerBox ----- */
div.user div#pagerBox {
}
div.user div#pagerBox ul {
}
div.user div#pagerBox li.previous button {
}
div.user div#pagerBox li.next button {
}


/* ----- lessoninContents_filter ----- */
div.user div#lessoninContents_filter {
	width: 100%;
	margin: 50px 0 0;
}
div.user div#lessoninContents_filter label {
}
div.user div#lessoninContents_filter label input {
}


/* ----- table ----- */
div.user table#lessoninContents {
}


/* ----- thead ----- */
div.user table#lessoninContents thead {
}
div.user table#lessoninContents thead.fixed {
}
div.user table#lessoninContents thead th {
}
div.user table.dataTable thead tr th::after {
}

/* tr_lessoninfo */
div.user table#lessoninContents thead tr.tr_lessoninfo th:nth-child(1) {}
div.user table#lessoninContents thead tr.tr_lessoninfo th:nth-child(2) {}
div.user table#lessoninContents thead tr.tr_lessoninfo th span {
}
div.user table#lessoninContents thead tr.tr_lessoninfo th span:nth-child(1) {}
div.user table#lessoninContents thead tr.tr_lessoninfo th span:nth-child(1) {}
div.user table#lessoninContents thead tr.tr_lessoninfo th span:nth-child(3) {}

/* tr_lessondata */
div.user table#lessoninContents thead tr.tr_lessondata th {
}
div.user table#lessoninContents thead th.th_lessonin div.lessonin_box {
}
div.user table#lessoninContents thead th.th_lessonin div.lessonin_box span {
}

div.user table#lessoninContents thead th.th_status div.status_box {
}
div.user table#lessoninContents thead th.th_status div.status_box span {
}
div.user table#lessoninContents thead th.th_status div.status_box:nth-child(1) { margin: 5px 0 0;}


/* ----- tbody ----- */
div.user table#lessoninContents tbody {
}
div.user table#lessoninContents tbody td {
}
div.user table#lessoninContents tbody td.dataTables_empty {
}
div.user table.dataTable.no-footer {
}
div.user table#lessoninContents tbody td:nth-child(1) {
}
div.user table#lessoninContents tbody td:nth-child(2) {
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(1) {
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(2) {
}
div.user table#lessoninContents tbody td:nth-child(2) span:nth-child(3) {
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_left {
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right {
}
div.user table#lessoninContents tbody td:nth-child(2) div.inner_right button {
}

div.user table#lessoninContents tbody td button {
}
div.user table#lessoninContents tbody td select,
div.user table#lessoninContents tbody td option {
}
div.user table#lessoninContents tbody td span {
}




/* ユーザー一覧（新規登録、更新）
--------------------------------------------------------- */










/* プロフィール
--------------------------------------------------------- */

div.user_profile div#contentsBox {
}
div.user_profile table tbody th,
div.user_profile table tbody td {
	width: 100%;
	float: left;
}
div.user_profile table tbody th {
	padding: 10px 15px;
}
div.user_profile table tbody th span,
div.user_profile table tbody th small {
	float: right;
}
div.user_profile table tbody td {
	padding: 15px 15px 20px;
}
div.user_profile table tbody td > div {
}
div.user_profile table tbody td div.help-block {
}
div.user_profile table tbody td div.help-block ul {
}
div.user_profile table tbody td.td_name01 > div {
}
div.user_profile table tbody td.td_name01 > div:last-child { margin: 0;}
div.user_profile table tbody td.td_name02 > div {
}
div.user_profile table tbody td.td_name02 > div:last-child { margin: 0;}

/* submit_box */
div.user_profile div.submit_box {
}
div.user_profile div.submit_box input {
	min-width: 240px;
}






/* ログアウト
--------------------------------------------------------- */

/* ----- 共通 ----- */

div.logout div#page-wrapper a.btn-logout {
}
div.logout div#page-wrapper div.logout-panel {
}




/* footer
--------------------------------------------------------- */


/* ----- footer ----- */

div#footerOuter {
}
div#footer {
	padding: 40px 0 90px;
}
div#footerInner {
}

/* contactBox */
div#contactBox {
}
div#contactBox h2 {
	font-size: 12px;
	line-height: 1.5;
}
div#contactBox h2 a {
}
div#contactBox p {
	font-size: 11px;
	line-height: 1.6;
}
div#contactBox p a {
}

/* copyright */
div#copyright {
}
div#copyright p {
	font-size: 10px;
}
div#copyright p a {
}

/* pageTop */
p#pageTop {
}
p#pageTop a {
}
p#pageTop a:hover {
}


}




/* =============================================================================================================
	650px以下
============================================================================================================= */

@media screen and (max-width: 650px) {


/* ----- jumbotron ----- */
div#contentsBox div.jumbotron {
	padding: 40px 20px;
}
div#contentsBox div.jumbotron h1 {
	font-size: 28px;
	margin: 0 0 50px;
}

div#contentsBox div.login_box div.left_box {
	width: 100% !important;
	margin: 0 auto 30px;
}
div#contentsBox div.login_box div.left_box p {
	font-size: 18px;
}
div#contentsBox div.login_box div.left_box p:last-child { margin: 0;}
div#contentsBox div.login_box div.left_box p.jt_link {
	font-size: 14px;
}
div#contentsBox div.login_box div.right_box {
	width: 100% !important;
}
div#contentsBox div.login_box div.right_box div.submit_box {
	margin: 15px 0 0;
}
div#contentsBox div.login_box div.right_box div.submit_box .btn {
}
div#contentsBox div.login_box div.center_box p {
	font-size: 18px;
}
div#contentsBox div.login_box div.center_box p:last-child { margin: 0;}



/* ダッシュボード
--------------------------------------------------------- */

/* ----- リジョイス・洛ゼミ用 ----- */
/* aboutBox */
div.index div#aboutBox {
}
div.index div#aboutBox h2 {
}
div.index div#aboutBox div.about_box {
}
div.index div#aboutBox div.about_box p {
}
/* index_box */
div.index div.index_box {
}
/* menu_box */
div.index div.index_box div.menu_box {
}
div.index div.index_box div.menu_box h2 {
}
div.index div.index_box div.menu_box h2 span {
}
div.index div.index_box div.menu_box div.menu_inner {
}
div.index div.index_box div.menu_box div.menu_inner a.btn {
}
div.index div.index_box div.menu_box div.menu_inner p {
}
div.index div.index_box div.menu_box div.menu_inner strong.large_text {
}
div.index div.index_box div.menu_box  div.menu_inner table {
}
div.index div.index_box div.menu_box div.menu_inner table tbody th,
div.index div.index_box div.menu_box div.menu_inner table tbody td {
}
div.index div.index_box div.menu_box div.menu_inner table tbody th {
}
div.index div.index_box div#lessonBox div.menu_inner table tbody th {
}
/* profileBox */
div.index div#profileBox {
	width: 100%;
}
div.index div#profileBox h2 {
	text-align: center;
}
div.index div#profileBox div.profile_box {
}
div.index div#profileBox div.profile_box p {
}
div.index div#profileBox div.profile_box p:last-child {}


/* ----- リングアカデミー用 ----- */
/* contentsBox */
div.index div#contentsBox {
}
/* jumbotron */
div.index div#contentsBox div.jumbotron {
}
/* left_box */
div.index div#contentsBox div.left_box {
	margin: 0 auto 30px;
}
div.index div#contentsBox div.left_box h2 {
	font-size: 20px;
}
div.index div#contentsBox div.left_box p {
	font-size: 13px;
}
div.index div#contentsBox div.left_box div.panel_about {
}
div.index div#contentsBox div.left_box div.panel-heading {
}
div.index div#contentsBox div.left_box div.panel-heading i {
	font-size: 92px;
}
div.index div#contentsBox div.left_box div.panel-footer {
}
div.index div#contentsBox div.left_box p.caution_txt {
	font-size: 11px;
}

/* manavateBox */
div.index div#manavateBox {
	padding: 20px;
}
div.index div#manavateBox h3 {
}
div.index div#manavateBox div.media {
	margin: 0 auto 20px;
}
div.index div#manavateBox div.media:last-child { margin: 0;}
div.index div#manavateBox div.media-left {
}
div.index div#manavateBox div.media-left img {
}
div.index div#manavateBox div.media-body {
}
div.index div#manavateBox div.media-body p {
}
div.index div#manavateBox div.media-body h4 {
}
div.index div#manavateBox div.media-body h4 a {
	font-size: 16px;
}



/* 講座一覧
--------------------------------------------------------- */

div.lesson table.restables-origin {
	display: none;
}
div.lesson table.restables-clone {
	display: table;
}
div.lesson div#contentsBox table.restables-clone tr td:nth-child(1) {
	background: #eee;
}
div.lesson div#contentsBox table.restables-clone tr:first-child td {
	font-size: 14px;
	font-weight: bold;
	background: #ddd;
}
div.lesson div#contentsBox table.restables-clone td:nth-child(1) { width: 30%; font-size: 12px;}
div.lesson div#contentsBox table.restables-clone td:nth-child(2) { width: 70%; font-size: 12px;}
div.lesson div#contentsBox table.restables-clone tr:last-child td {
	padding-bottom: 25px;
}



/* テキスト販売・自宅受講
--------------------------------------------------------- */

div.lesson02 table.restables-origin {
	display: none;
}
div.lesson02 table.restables-clone {
	display: table;
}
div.lesson02 div#contentsBox table.restables-clone tr td:nth-child(1) {
	background: #eee;
}
div.lesson02 div#contentsBox table.restables-clone tr:first-child td {
	font-size: 14px;
	font-weight: bold;
	background: #ddd;
}
div.lesson02 div#contentsBox table.restables-clone td:nth-child(1) { width: 30%; font-size: 12px;}
div.lesson02 div#contentsBox table.restables-clone td:nth-child(2) { width: 70%; font-size: 12px;}
div.lesson02 div#contentsBox table.restables-clone tr:last-child td {
	padding-bottom: 25px;
}



}




/* =============================================================================================================
	480px以下
============================================================================================================= */

@media screen and (max-width: 480px) {


/* all style
--------------------------------------------------------- */


/* btn*/
.btn01 {
	width: 100%;
	min-width: inherit;
	max-width: inherit;
}
.btn01:hover {
}
.btn02 {
	width: 100%;
	min-width: inherit;
	max-width: inherit;
}
.btn02:hover {
}


/* ----- headerWrapper ----- */
div#headerWrapper {
	margin: 0 0 10px;
}


/* ----- headerTop ----- */
div#headerTop {
	padding: 16px 0 0;
}

/* topleft_box */
div#headerTop div.topleft_box {
	width: 100%;
	float: none;
}
div#headerTop div.topleft_box h1 {
	font-size: 14px;
	text-align: left;
	margin: 0 0 15px 15px;
}
div#headerTop div.topleft_box h1 small {
	/*color: #fff;
	font-size: 11px;
	margin: 3px 0 0 8px;*/
	display: none;
}

/* topright_box */
div#headerTop div.topright_box {
	width: 100%;
	padding: 7px 10px;
	background: #f1f1f1;
}
div#headerTop div.topright_inner {
	width: 300px;
	max-width: 460px;
	margin: auto;
}
/* utility_box */
div#headerTop div.topright_box div.utility_box {
	position: absolute;
	right: 10px; top: 0;
}
div#headerTop div.topright_box div.utility_box a {
	min-height: inherit;
	padding: 9px;
}
div#headerTop div.topright_box div.utility_box a:hover,
div#headerTop div.topright_box div.utility_box a:focus {
}
div#headerTop div.topright_box div.utility_box ul.navbar-top-links {
	margin: 3px 0 0;
}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu {
	height: auto;
}
div#headerTop div.topright_box div.utility_box ul.dropdown-menu a {
}
/* info_box */
div#headerTop div.topright_box div.info_box {
	width: auto;
	float: none;
	margin: 0;
}
div#headerTop div.topright_box div.info_box ul {
}
div#headerTop div.topright_box div.info_box li {
	color: #666;
	font-size: 11px;
	text-align: center;
}
div#headerTop div.topright_box li:last-child {
}
/* logout_box */
div#headerTop div.topright_box div.logout_box {
}
div#headerTop div.topright_box div.logout_box a {
}
div#headerTop div.topright_box div.logout_box a:hover {
}

div#headerTop div.topright_box div.contact_box {
}
div#headerTop div.topright_box div.contact_box a {
}
div#headerTop div.topright_box div.contact_box a:hover {
}

div#headerTop div.topright_box div.regist_box {
}
div#headerTop div.topright_box div.regist_box a {
}
div#headerTop div.topright_box div.regist_box a:hover {
}

div#headerTop div.topright_box div.csvexp_box {
}
div#headerTop div.topright_box div.csvexp_box a {
}
div#headerTop div.topright_box div.csvexp_box a:hover {
}

div#headerTop div.topright_box div.index_box {
}
div#headerTop div.topright_box div.index_box a {
}
div#headerTop div.topright_box div.index_box a:hover {
}



/* ---- headerBot ---- */

div#headerBot {
}
div#headerBot h2 {
}
div#headerBot h2 span.glyphicon-outer {
}
div#headerBot h2 span.glyphicon-outer span.fa,
div#headerBot h2 span.glyphicon-outer span.glyphicon {
}
div#headerBot h2 span.glyphicon-txt {
}


/* botleft_box */
div#headerBot div.botleft_box {
}
div#headerBot div.botleft_box h2 {
}

/* botright_box */
div#headerBot div.botright_box {
}
div#headerBot div.select_box {
}
div#headerBot div.jc_box {

}
div#headerBot div.lj_box {

}
div#headerBot div.submit_box {
}


/* ---- page-wrapper ---- */

div#page-wrapper {
}

div#page-header {
}
div#page-contents {
}

/* dbMenuBox */
div#dbMenuBox {
}
div#dbMenuBox div.dbmenubox_navi h4 {
}
div#dbMenuBox div.dbmenubox_navi ul {
}
div#dbMenuBox div.dbmenubox_navi ul li {
}
div#dbMenuBox div.dbmenubox_navi ul li a {
}
div#dbMenuBox div.dbmenubox_navi ul li a:hover {
}
div#dbMenuBox div.dbmenubox_navi ul li.active a {
}
div#dbMenuBox div.dbmenubox_navi ul li a i {
}
div#dbMenuBox div.dbmenubox_navi ul li a span {
	top: 10px; right: 15%;
}


/* dbContentsBox */
div#dbContentsBox {
}

/* ----- 見出し ----- */

div#page-wrapper h1 {
}


/* ----- btn ----- */

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
}
.btn-blue {
}
.btn-blue:hover {
}
/*.btn-blue:focus {
	border: 1px solid #4d90fe;
	outline: medium none;
	transition: all 0s ease 0s;
	z-index: 3;
}*/

/* btn-red */
.btn-red.focus,
.btn-red:focus {
}
.btn-red {
}
.btn-red:hover {
}

/* btn-orange */
.btn-orange.focus,
.btn-orange:focus {
}
.btn-orange {
}
.btn-orange:hover {
}

/* btn-blue */
.btn-blue.focus,
.btn-blue:focus {
}
.btn-blue {
}
.btn-blue:hover {
}


/* btn-lg */
.btn-lg {
}


/* ----- jumbotron ----- */
div#contentsBox div.jumbotron {
	padding: 40px 20px;
}
div#contentsBox div.jumbotron h1 {
	font-size: 22px;
	margin: 0 0 20px;
}
div#contentsBox div.jumbotron div.left_box {
	margin: 0 auto 20px;
}
div#contentsBox div.jumbotron div.left_box p {
	font-size: 16px;
}
div#contentsBox div.jumbotron div.left_box p:last-child { margin: 0;}
div#contentsBox div.jumbotron div.left_box p.jt_link {
	font-size: 13px;
}
div#contentsBox div.jumbotron div.right_box {
}
div#contentsBox div.jumbotron div.right_box div.submit_box {
	margin: 15px 0 0;
}
div#contentsBox div.jumbotron div.right_box div.submit_box .btn {
}
div#contentsBox div.jumbotron div.center_box p {
	font-size: 16px;
}
div#contentsBox div.jumbotron div.center_box p:last-child { margin: 0;}


/* ----- well ----- */
div#contentsBox div.well {
	padding: 30px 20px;
}
div#contentsBox div.well h1 {
	font-size: 20px;
	margin: 0 0 20px;
}
div#contentsBox div.well h2 {
	font-size: 16px;
	line-height: 1.4;
	margin: 30px 0 10px;
}
div#contentsBox div.well p {
	font-size: 13px;
	line-height: 1.4;
}
div#contentsBox div.well ul,
div#contentsBox div.well ol {
}
div#contentsBox div.well ul li {
	font-size: 13px;
	line-height: 1.4;
}
div#contentsBox div.well > ol > li {
	font-size: 13px;
	line-height: 1.4;
}
div#contentsBox div.well > ol > li > ol {
}
div#contentsBox div.well > ol > li > ol > li {
	font-size: 12px;
	margin: 0 0 3px;
}
div#contentsBox div.well > ol > li > ol > li > ol {
}
div#contentsBox div.well > ol > li > ol > li > ol > li {
	font-size: 11px;
}
div#contentsBox div.well li:last-child {}


/* colorBox */
div#contentsModal div.modal-body {
	padding: 5px;
}
div#contentsModal h4 {
	font-size: 18px;
	margin: 10px 5px 0;
}
div#contentsModal table th,
div#contentsModal table td {
	width: 100%;
	max-width: inherit;
	float: left;
	padding: 5px;
}
div#contentsModal table th {
	font-size: 14px;
	background: #f9f9f9;
}
div#contentsModal table td {
	font-size: 12px;
	padding: 5px 5px 15px;
}
div#contentsModal table tr:first-child th {
	display: none;
}
div#contentsModal table tr:first-child td {
	font-size: 16px;
	padding: 10px 5px 10px;
	background: #eee;
}
div#contentsModal table tr:first-child td br {
	margin: 0 0 5px;
}


/* ----- input, alert ----- */
div#contentsBox input.form-control {
	padding: 10px;
}
div#contentsBox div.alert {
}
div#contentsBox div.form-group {
}
div#contentsBox div.form-group textarea {
	font-size: 13px;
}
div#contentsBox div.form-group input {
	font-size: 13px;
}
div#contentsBox .help-block {
}
body#chat div#contentsBox div.form_student div.header {
	margin: 0 0 10px;
	padding: 7px 12px 1px;
}
body#chat div#contentsBox div.form_student li.left div.header { background: #f5f5f5;}
body#chat div#contentsBox div.form_student li.right div.header { background: #fcf8eb;}
body#chat div#contentsBox div.form_student div.header strong {
	width: 100%;
	font-size: 11px;
	display: block;
	float: none;
}
body#chat div#contentsBox div.form_student div.header small {
	width: 100%;
	font-size: 10px;
	display: block;
	float: none;
}


/* ----- その他 ----- */

.mg_t00 {
}

.caution_txt {
}




/* ログイン
--------------------------------------------------------- */

/* topleft_box */
body#login div#headerTop {
	padding: 20px;
	}
body#login div#headerTop div.topleft_box {
}
body#login div#headerTop div.topleft_box h1 {
	text-align: center;
	margin: 0;
}
body#login div#headerTop div.topright_box {
	display: none;
}

div.login div#page-wrapper div.panel-heading {
}
div.login div#page-wrapper div.login-panel {
}
div.login div#page-wrapper input.form-control {
}
div.login div#page-wrapper div.alert {
}
div.login div#page-wrapper div.form-group {
}



/* 新規ユーザー登録
--------------------------------------------------------- */

/* ----- 本登録入力（login_regist.php） ----- */
div.login_regist div#contentsBox div.jumbotron div.left_box {
}
div.login_regist div#contentsBox div.jumbotron div.right_box {
}
div.login_regist div#contentsBox div.jumbotron div.right_box p.jt_txt {
}

/* ----- 本登録確認（login_regist02.php） ----- */
div.login_regist02 div#contentsBox div.jumbotron div.left_box {
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box {
	padding: 30px 20px;
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box p#email {
}
div.login_regist02 div#contentsBox div.jumbotron div.right_box p {
	font-size: 14px;
}
/* submit_box */
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn02 {
	min-width: inherit;
	font-size: 14px;
	padding: 15px 10px;
}
div.login_regist02 div#contentsBox div.jumbotron div.submit_box input.btn01 {
	min-width: inherit;
	font-size: 14px;
	padding: 15px 10px;
}

/* ----- 本登録完了（login_regist03.php） ----- */
div.login_regist03 div#contentsBox div.jumbotron div.right_box a.btn {
}



/* ダッシュボード
--------------------------------------------------------- */

/* contentsBox */
div.index div#contentsBox {
	padding: 40px 20px;
}
body.rejoice div.index div#contentsBox,
body.rakuzemi div.index div#contentsBox {
	padding: 0;
}
div.index div#dbContentsBox div#contentsBox div.jumbotron {
	margin: 0 auto;
	padding: 0;
	background: none;
}
/* index_box */
div.index div.index_box {
	width: 100%;
	display: block;
}
/* menu_box */
div.index div.index_box div.menu_box {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 20px;
	padding: 20px 15px;
}
div.index div.index_box div.menu_box h2 {
}
div.index div.index_box div.menu_box h2 span {
}
div.index div.index_box div.menu_box div.menu_inner {
}
div.index div.index_box div.menu_box div.menu_inner a.btn {
}
div.index div.index_box div.menu_box div.menu_inner p {
}
div.index div.index_box div.menu_box div.menu_inner strong.large_text {
	font-size: 14px;
}
div.index div.index_box div.menu_box  div.menu_inner table {
}
div.index div.index_box div.menu_box div.menu_inner table tbody th,
div.index div.index_box div.menu_box div.menu_inner table tbody td {
	font-size: 11px;
	padding: 8px;
}
div.index div.index_box div.menu_box div.menu_inner table tbody td a {
	line-height: 1.8;
}
div.index div.index_box div.menu_box div.menu_inner table tbody th span,
div.index div.index_box div.menu_box div.menu_inner table tbody td span {
	display: block;
}
div.index div.index_box div.menu_box div.menu_inner table tbody th {
}
div.index div.index_box div#paymentBox div.menu_inner table tbody td:nth-child(3) {
}
div.index div.index_box div#lessonBox div.menu_inner table tbody th {
}
div.index div.index_box div#lessonBox div.menu_inner table tbody td {
}

/* left_box */
div.index div#contentsBox div.left_box {
	margin: 0 auto 20px;
}
div.index div#contentsBox div.left_box h2 {
	font-size: 18px;
}
div.index div#contentsBox div.left_box p {
	font-size: 13px;
}
div.index div#contentsBox div.left_box div.panel_about {
}
div.index div#contentsBox div.left_box div.panel-heading {
}
div.index div#contentsBox div.left_box div.panel-heading i {
	font-size: 72px;
}
div.index div#contentsBox div.left_box div.huge {
	font-size: 32px;
}
div.index div#contentsBox div.left_box div.huge small {
	font-size: 24px;
}
div.index div#contentsBox div.left_box div.huge_txt {
	font-size: 12px;
}
div.index div#contentsBox div.left_box div.panel-footer {
}
div.index div#contentsBox div.left_box p.caution_txt {
	font-size: 12px;
}

/* manavateBox */
div.index div#manavateBox {
	margin: 20px auto 0;
	padding: 20px;
}
div.index div#manavateBox h3 {
	font-size: 16px;
	margin: 0 0 20px;
}
div.index div#manavateBox div.media {
	margin: 0 0 20px;
}
div.index div#manavateBox div.media:last-child { margin: 0;}
div.index div#manavateBox div.media-left {
	width: 100%;
	display: block;
	margin: 0 0 5px;
}
div.index div#manavateBox div.media-left img {
	width: 100%;
}
div.index div#manavateBox div.media-body {
	width: 100%;
	display: block;
}
div.index div#manavateBox div.media-body p {
	font-size: 10px;
	margin: 0 0 3px;
}
div.index div#manavateBox div.media-body h4 {
}
div.index div#manavateBox div.media-body h4 a {
	font-size: 14px;
	line-height: 1.5;
}



/* れんらく帳
--------------------------------------------------------- */

/* ----- 共通 ----- */

/* contentsBoxInner */
div#contentsBoxInner {
/*
	height: 300px;
	overflow-y: scroll;
*/
}

div#contentsBox div.chat-panel {
}
div#contentsBox div.chat-panel span.chat-img i {
}
div#contentsBox div.chat-panel li.auth_00 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_10 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_20 span.chat-img i {}
div#contentsBox div.chat-panel li.auth_50 span.chat-img i {}
div#contentsBox div.chat-panel div.input-group {
}
div#contentsBox div.chat-panel textarea {
}

div#contentsBox div.chat-panel div.bot_box {
}
div#contentsBox div.chat-panel div.input-group-btn {
}
div#contentsBox div.chat-panel div.input-group-btn input {
}
div#contentsBox div.chat-panel div.input-group-select {
}
div#contentsBox div.chat-panel div.input-group-select select {
}
div#contentsBox div.chat-panel div.input-group-select select option {
}



/* 講座一覧
--------------------------------------------------------- */

div.lesson div#contentsBox ul.nav-tabs > li > a {
	font-size: 11px;
	padding: 15px 9px;
}
/* lessonin_box */
div.lesson div#contentsBox div.lessonin_box {
	margin: 30px 0 0;
}
div.lesson div#contentsBox div.lessonin_box p {
	font-size: 14px;
}



/* テキスト販売・自宅受講
--------------------------------------------------------- */

div.lesson02 div#contentsBox ul.nav-tabs > li > a {
	font-size: 11px;
	padding: 15px 9px;
}
/* lessonin_box */
div.lesson02 div#contentsBox div.lessonin_box {
	margin: 30px 0 0;
}
div.lesson02 div#contentsBox div.lessonin_box p {
	font-size: 14px;
}



/* ユーザー一覧（新規登録、更新）
--------------------------------------------------------- */



/* 利用規約
--------------------------------------------------------- */

/* contentsBox */
div.terms div#contentsBox {
}
/* well */
div.terms div#contentsBox div.well {
}



/* プライバシーポリシー
--------------------------------------------------------- */

/* contentsBox */
div.privacy div#contentsBox {
}
/* well */
div.privacy div#contentsBox div.well {
}



/* ログアウト
--------------------------------------------------------- */

/* ----- 共通 ----- */

div.logout div#page-wrapper a.btn-logout {
}
div.logout div#page-wrapper div.logout-panel {
}




/* footer
--------------------------------------------------------- */


/* ----- footer ----- */

div#footerOuter {
}
div#footer {
}
div#footerInner {
}

/* contactBox */
div#contactBox {
}
div#contactBox h2 {
}
div#contactBox h2 a {
}
div#contactBox p {
}
div#contactBox p a {
}

/* copyright */
div#copyright {
}
div#copyright p {
}
div#copyright p a {
}

/* pageTop */
p#pageTop {
}
p#pageTop a {
}
p#pageTop a:hover {
}


}