/* ################################################## */
/* デフォルト設定 */
/* ================================================== */
@charset "UTF-8";
*
	{
	-webkit-box-sizing	:border-box;
 	-moz-box-sizing		:border-box;
	-o-box-sizing		:border-box;
 	box-sizing		:border-box;
	-ms-box-sizing		:border-box;
	-webkit-font-smoothing	:antialiased;
	-moz-osx-font-smoothing	:grayscale;
	margin			:0px;
	padding			:0px;
	font-family		:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
	text-decoration		:none;
	font-style		:normal;
	font-weight		:normal;
	font-size		:14px;
	text-align		:left;
	vertical-align		:top;
	line-height		:1em;
	z-index			:1;
/* 	user-select		:none; */
	}
body
	{
	padding			:10px;
	background		:#000000;
	}


#Wrapper_index
	{
	width		:100%;
	position	:relative;
	margin		:60px 0px 20px 0px;
	padding		:0px 20px 0px 20px;
	height	:calc(100vh - 150px);
	}
/* ================================================== */
/* font */
/* -------------------------------------------------- */
@font-face
	{
	font-family	:'Great_Vibes';
	src:
		url('./font/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
	}
@font-face
	{
	font-family	:'Jura';
	src:
		url('./font/Jura/Jura-VariableFont_wght.ttf') format('truetype');
	}
/* ================================================== */
/* ロゴ */
/* -------------------------------------------------- */
h1
	{
	text-align	:center;
	}
h1 > span
	{
	font-size	:64px;
	font-family	:'Great_Vibes', cursive;
	}
h1 > span:nth-of-type(1),
h1 > span:nth-of-type(2)
	{
	color		:#e6ff00;
	}
h1 > span:nth-of-type(3),
h1 > span:nth-of-type(4)
	{
	color		:#ff9900;
	}
h1 > span:nth-of-type(5),
h1 > span:nth-of-type(7)
	{
	color		:#ff5900;
	}
h1 > span:nth-of-type(8),
h1 > span:nth-of-type(9)
	{
	color		:#ff0000;
	}
h2
	{
	text-align	:center;
	}
h2 > span
	{
	font-size	:14px;
	color		:#5fbebe;
	font-weight	:bold;
	}
/* -------------------------------------------------- */
#idForm1
	{
	display		:inline-block;
	position	:absolute;
	top		:50%;
	left		:50%;
	-webkit-transform	:translate(-50%, -50%); /* Safari用 */
	transform		:translate(-50%, -50%);
	}
/* -------------------------------------------------- */
#idForm1 > section
	{
	display		:inline-block;
background	:rgba(13,55,123,0.9);
	width		:450px;
	max-width	:450px;
	min-width	:450px;
	padding		:0px;
border-radius		:10px;
	}
/* -------------------------------------------------- */
#idForm1 > section > div
	{
	display		:inline-block;
	width		:100%;
	max-width	:100%;
	min-width	:100%;
	}
#idForm1 > section > div:first-of-type,
#idForm1 > section > div:last-of-type
	{
	display		:inline-block;
background	:rgba(5,22,49,0.3);
	padding		:20px;
	text-align	:center;
	}

#idForm1 > section > div:first-of-type
	{
	border-top-left-radius 		:10px;
	border-top-right-radius 	:10px;
	}
#idForm1 > section > div:last-of-type
	{
	border-bottom-left-radius 	:10px;
	border-bottom-right-radius 	:10px;
	height		:60px;
	max-height	:60px;
	min-height	:60px;
	}
#idForm1 > section > div:nth-of-type(2) > div
	{
	height		:250px;
	max-height	:250px;
	min-height	:250px;
	}

#idForm1 > section > div > div > h3
	{
	padding-top	:20px;
	padding-bottom	:20px;
	font-size	:24px;
	text-align	:center;
color:#ff0000;
	}
/* ================================================== */
/* BoardInformation */
/* -------------------------------------------------- */
#idBoardInformation
	{
	display		:none;
	}
/* ================================================== */
/* BoardStatus */
/* -------------------------------------------------- */
#idBoardStatus
	{
	display		:none;
	}
/* ================================================== */
/* ログイン */
/* -------------------------------------------------- */
#idBoardForm
	{
	margin:0px;
	}
#idBoardForm > ul
	{
	display		:table;
	width		:100%;
	max-width	:100%;
	min-width	:100%;
	}
#idBoardForm > ul > li
	{
	display		:table-cell;
	text-align	:center;
	}
#idBoardForm > ul > li:not(:first-of-type)
	{
	vertical-align		:middle;
	}
#idBoardForm > ul > li:first-of-type
	{
	vertical-align		:top;
	}

#idBoardForm > ul > li:first-of-type > img
	{
	border-radius	:50%;
	width		:120px;
	max-width	:120px;
	min-width	:120px;
	height		:120px;
	max-height	:120px;
	min-height	:120px;
	object-fit	:cover;
	}
#idBoardForm > ul > li:last-of-type
	{
	width		:300px;
	max-width	:300px;
	min-width	:300px;
	padding-right	:20px;
	}
#idBoardForm > ul > li:last-of-type > input[type=text],
#idBoardForm > ul > li:last-of-type > input[type=password],
#idBoardForm > ul > li:last-of-type > button
	{
	display		:inline-block;
	width		:100%;
	max-width	:100%;
	min-width	:100%;
	}
input[type=text]::placeholder,
input[type=password]::placeholder
	{
	color	:#194c5d;
	}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder
	{
	color	:#194c5d;
	}

#idBoardForm > ul > li:last-of-type > input[type=text],
#idBoardForm > ul > li:last-of-type > input[type=password]
	{
	padding		:10px;
	background	:#ff0000;
	border		:1px solid #5cc0d3;
	color		:#bfe7e9;
	}
#idBoardForm > ul > li:last-of-type > input[type=password],
#idBoardForm > ul > li:last-of-type > button
	{
	margin-top	:20px;
	}
#idBoardForm > ul > li:last-of-type > button
	{
	text-align	:center;
	vertical-align	:middle;
	padding		:10px;
	background	:rgba(255,0,0,0.4);
	border-style	:none;
	color		:white;
	cursor		:pointer;
	}
#idBoardForm > ul > li:last-of-type > button > span
	{
	vertical-align	:middle;
	}
#idBoardForm > ul > li:last-of-type > button > span:first-of-type
	{
	font-family	:'Jura', sans-serif;
	font-weight	:bold;
	font-size	:18px;
	}
#idBoardForm > ul > li:last-of-type > button > span:last-of-type
	{
	font-size	:16px;
	padding-left	:10px;
	}
/* ================================================== */
/* About */
/* -------------------------------------------------- */
#idBoardAbout
	{
	display		:none;
	}