/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 31 2023 | 08:52:44 */
/*============================
#ログイン画面
============================*/
.login_title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.login_title h2 {
	text-align: center;
	color: #d24848;
}
.login_title img {
	display: block;
	margin: 0 auto;
	width: 200px;
}
#wpmem_login_form {
	width: 50%;
	margin: 0 auto;
}
#wpmem_login_form fieldset{
	border: unset;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#wpmem_login_form legend{
	display:none;
}
#wpmem_login_form .div_text{
	margin-bottom:30px;
}
#wpmem_login_form .button_div #rememberme{
	display: none;
}
#wpmem_login_form .button_div label{
	display: none;
}
.wpmem_msg{
	margin: 75px auto;
}

/*============================
#ユーザーメニュー画面
============================*/
.usermenu {
    width: 900px;
    margin: 0 auto;
}
.usermenu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #d24848;
    color: #fff;
    border: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 20px;
}
.usermenu__header h2{
}
.usermenu__header a {
    color: #fff;
    text-decoration: none;
    background:#949494;
    padding: 10px;
    box-shadow: 2px 1px 4px 0px #303030;
}

.usermenu__wrap {
    display: flex;
    flex-direction: row;
}
.usermenu__wrap-left {
    width: 30%;
}
.usermenu__wrap-left h2 {
    margin: 0;
    background: #d24848;
    color: #fff;
    padding-left: 10px;
}
.usermenu__wrap-left h3 {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #d24848;
}
.usermenu__wrap-left h3 span {
    color: #333;
}
.usermenu__wrap-left--profile {
    margin: 0 15px 15px 0;
    border: 1px solid;
    padding: 15px;
}
.usermenu__wrap-left--profile-user{
}
.usermenu__wrap-left--profile-name{
}
.usermenu__wrap-left--profile-mail{
}
.usermenu__wrap-left--profile-start{
}
.usermenu__wrap-left--profile-state{
}
.usermenu__wrap-left--menu{
	margin: 0 15px 0px 0;
    border: 1px solid;
    padding: 15px;
}
.usermenu__wrap-left--menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
}
.usermenu__wrap-left--menu li {
    margin: 0px 0;
    padding: 10px 10px;
    border-top: 1px solid;
}
.usermenu__wrap-left--menu li:last-child {
	border-bottom: 1px solid;
}
.usermenu__wrap-left--menu li a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #d24848;
}
.usermenu__wrap-right {
    width: 70%;
    border: 1px solid;
	background: #d248483d;
}
.usermenu__wrap-right--content-list{
}
.usermenu__wrap-right--content-list:last-child .usermenu__wrap-right--content-list-status{
	margin-bottom:15px;
}

.usermenu__wrap-right--content-list h3 {
    margin: 0;
    font-size: 12px;
}
.usermenu__wrap-right--content-list-main {
    display: flex;
    flex-direction: row;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    margin: 15px 15px 0;
	background:#fff;
}
.usermenu__wrap-right--content-list-main:has(.inactive) {
    background: #dbdbdb;
}
.usermenu__wrap-right--content-list-date {
    width: 15%;
    padding: 5px;
    font-size: 12px;
}
.usermenu__wrap-right--content-list-date h3 {
    color: #d24848;
}
.usermenu__wrap-right--content-list-title {
    width: 65%;
    border-left: 1px solid;
    border-right: 1px solid;
	padding: 5px;
}
.usermenu__wrap-right--content-list-title h3{
	color: #d24848;
}
.usermenu__wrap-right--content-list-main a {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d24848;
    margin: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
}
.usermenu__wrap-right--content-list-main a:hover{
	background:#ff6900;
	color:#fff;
}
.usermenu__wrap-right--content-list-main a.inactive {
	background:#666;
}
.usermenu__wrap-right--content-list-main a.inactive:hover{
	background:#666;
}
.teaching_material_group_title {
    font-size: 12px;
}
.usermenu__wrap-right--content-list-kadai {
    display: flex;
    flex-direction: row;
    border: 1px solid;
    margin: 0px 15px 0;
    align-items: center;
	background:#fff;
}
.usermenu__wrap-right--content-list-kadai:has(.inactive) {
    background: #dbdbdb;
}
.usermenu__wrap-right--content-list-kadai h3 {
	padding: 7px 0px 7px 10px;
    color: #d24848;
}
.usermenu__wrap-right--content-list-kadai a {
	font-size: 12px;
}
.usermenu__wrap-right--content-list-kadai p {
    margin: 0;
    font-size: 12px;
}
.usermenu__wrap-right--content-list-kadai p span {
    margin-right: 20px;
    background: #72aee6;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
}
.usermenu__wrap-right--content-list-kadai p span.completion{
	background:#ff6900;
}
.usermenu__wrap-right--content-list-status{
	border-top:unset;
}