@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(common_parts.css);
@import url(common.css);


/*　login　==============================*/
#login { position: relative; }
#login .login_form { padding: 3rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width: 100%; max-width: 450px; border: 1px solid #ddd; }
#login .login_form input { padding: 5px; }
#login .login_form input:focus { background: #ffffd1; }
#login .login_form dl { align-items: center; }
#login .login_form .btn { margin: 3rem 0; }

/*　index　==============================*/
#footer { position: fixed; bottom: 0; left: 0; width: 100%; }

/* main  ----------*/
.mark_type_dotted li { padding-left: 1em; position: relative; }
.mark_type_dotted li::before { content: '・'; color: #ff0000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1em; }
.item_box { margin-bottom: 3rem; }
.item_box p { padding: 0 2rem; }