@charset "UTF-8";

.header-inner, .footer-inner, .container {
	margin-left: auto;
	margin-right: auto;
}

/* header */
.header {
	color: #ffffff;
	background-color: #2d2d2d;
}

.header-inner {
	display: flex;
}

.header-title {
	margin-left: auto;
	margin-right: auto;
}

.header-title h1 {
	margin: 5px 0px 0px 0px;
	font-size: 30px;
}

/* footer */
.footer {
	color: #ffffff;
	background-color: #2d2d2d;
}

.footer-inner {
	display: flex;
	justify-content: space-between;
}

.footer-copyright {
	display: inline !important;
	visibility: visible !important;
	margin: 5px 0px 5px 10px;
	font-size: 15px;
}

.footer-powered-by {
	display: inline !important;
	visibility: visible !important;
	margin: 5px 10px 5px 10px;
	font-size: 15px;
}

/* container */
.container {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
}

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

/************************************************************
 * reset css
 ************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * contents
 ************************************************************/

body { position:relative; font-size:14px; line-height:20px; background:#000; }
.bg { position:fixed; top:50%; left:50%; margin:-600px 0 0 -900px; }
.remove_cookie { display:block; position:fixed; width:200px; height:40px; top:40%; left:50%; margin:-20px 0 0 -100px; color:#999; font-weight:bold; text-align:center; text-decoration:none; line-height:40px; background:#FFF; border:1px solid #CCC; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,0.4); cursor:pointer; }
.remove_cookie:hover { color:#333; }

/************************************************************
 * modal
 ************************************************************/

.modal { position:fixed; display:none; z-index:9999; top:40%; left:50%; width:400px; height:190px; margin:-116px 0 0 -221px; padding:20px; color:#FFF; text-align:center; border:1px solid #FFF; border-radius:10px; }
.modal img { vertical-align:bottom; }
.modal p { margin-bottom:10px; }
.modal ul { text-align:center; }
.modal li { display:inline; }
.modal a { cursor:pointer; }