@charset "utf-8";
/*-------------------------------------
	ログイン画面
--------------------------------------*/
#admin{
 min-height: 700px;
}
#admin .admin_cts{
 width: 470px;
 margin: 0 auto;
 padding-top: 180px;
}
#admin .admin_cts img{
 margin-bottom: 40px;
 max-width: 100%;
 width: auto;
}
#admin .admin_cts .admin_form{
 border-top: 3px solid #e0e0e0;
 background: #FFF;
 margin-bottom: 15px;
 padding: 40px;
}
#admin .admin_cts .admin_form input.text{
 width: 100%;
}
#admin .admin_cts .admin_form .submit{
 display: flex;
}
#admin .admin_cts .admin_form .submit >:last-child {
 margin-left: auto;
}
#admin .admin_cts .admin_form .submit .checkbox{
 margin: 5px 5px 0 0;
}
#admin .admin_cts .admin_form .submit .login{
 background: #2a800a;
 width: 180px;
}

/*-------------------------------------
	管理画面TOP
--------------------------------------*/
#top .wh .admin_cts ul{
 margin-bottom: 30px;
 padding-bottom: 30px;
 border-bottom: 1px solid #ccc;
}
#top .wh .admin_cts ul:last-child{
 margin-bottom: 0;
 padding-bottom: 0;
 border-bottom: none;
}
.new_redsident {
 border-bottom: 1px solid #ccc !important;
}
#top .wh .admin_cts li{
 width: 50%;
 float: left;
}
#top .wh .admin_cts li .ttl{
 border: 1px solid;
 padding: 5px 30px;
 display: inline-block;
 float: left;
}
#top .wh .admin_cts li .txt {
 display: inline-block;
 line-height: 0.8;
 margin-left: 25px;
}
#top .wh .admin_cts li .txt span{
 font-size: 40px;
 font-weight: bold;
}
#top .wh .admin_cts .month_claim{
 border: 1px solid #8eb861;
 box-sizing: border-box;
 width: 42%;
 margin-right: 5%;
}
#top .wh .admin_cts .month_claim .ttl{
 background: #8eb861;
 border: 1px solid #8eb861;
 color: #FFF;
 padding: 35px 10px;
 font-size: 18px;
 font-weight: bold;
	margin-bottom: 0;
}
#top .wh .admin_cts .month_claim .txt{
 margin-top: 15px;
 line-height: 1.5;
}
#top .wh .admin_cts li ul li{
 width: auto;
 float: none;
 margin-bottom: 15px;
}
#top .wh .admin_cts li ul li:last-child{
 margin-bottom: 0;
}
#top .news{
 float: left;
 width: 47%;
 padding-right: 3%;
}
#top .news .ttl03 .btn01{
 float: right;
}
#top .news li{
 margin-bottom: 20px;
}
#top .news li p{
 float: left;
}
#top .news li p span{
 margin-right: 10px;
}
#top .news li .btn02{
 float: right;
}

/*-------------------------------------
	レジデンス
--------------------------------------*/
#residents .ttl03{
 float: left;
}
#residents .btn01{
 float: right;
}
#residents table .btn01{
 float: left;
}
#residents .history{
 width: 96%;
 padding: 2%;
 min-height: 400px;
 border: 1px solid #ccc;
}
input[name^="leave_flg[leave]"]{
	margin-left: 12px;
}

/*-------------------------------------
	請求情報詳細アコーディオン
--------------------------------------*/
.accbox {
 width: 100%;
}
.accbox label.open_btn {
 display: block;
 margin: 1.5px 0;
 padding : 13px 12px;
	font-size: 14px;
 font-weight: bold;
 cursor :pointer;
 transition: all 0.5s;
}
.accbox label.open_btn:before {
 content: '\f078';
 font-family: 'Font Awesome 5 Free';
 padding-right: 8px;
}
.accbox label.open_btn:hover {
}
.accbox input.cssacc {
  display: none;
}
.accbox .accshow {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
.cssacc:checked + label + .accshow {
 height: auto;
 opacity: 1;
}
.cssacc:checked + label:before {
 content: '\f077';
}
.form-inline{
	position: relative;
}
#entry_btn01 input[type="checkbox"],#leaving_btn02 input[type="checkbox"]{
	position: absolute;
	top: 9px;
	right: 80px;
}
.l_btn{
	border: 1px solid #CCC;
	padding: 5px 30px 5px 10px;
	background: #f5f5f5;
	margin-left: 10px;
}