@charset "utf-8";


/* リセットCSS */
@import url("reset.css");
@import url("plus_reset.css");
/* 共通ユーティリティCSS */
@import url("common.css");
@import url("plus_common.css");

/* --------------------------------------- */
/* login.php 用CSS
/* --------------------------------------- */
.login-container {
	text-align: center;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 20px;
}

.login {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
}

.login > div {
	width: calc(100% / 2);
	padding: 7px;
	border: 1px solid #CCC;

	/* ▼ 縦横中央寄せ設定 */
	display: flex;
	align-items: center;   /* 垂直方向中央 */
	justify-content: center; /* 水平方向中央 */
	text-align: center;
}

/* --------------------------------------- */
/* menu.php 用CSS
/* --------------------------------------- */
/* ドロワーメニュー */
.side-menu {
	position: fixed;
	top: 0;
	right: -400px; /* 初期位置：画面外 */
	width: 400px;
	height: 100%;
	background: #fff;
	box-shadow: -2px 0 5px rgba(0,0,0,0.3);
	padding: 20px;
	box-sizing: border-box;
	transition: right 0.3s ease;
	z-index: 1001;
	overflow-y: auto;
}
.side-menu nav a {
	width: 360px !important;
	max-width: 360px !important;
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	padding: 8px;
	background: #eee;
	color: #333;
	border-radius: 4px;
	font-size: 110%;
}
.side-menu nav a:hover {
	background: #333;
	color: #FFF;
}

/* オーバーレイ背景 */
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 1000;
}

@media screen and (max-width: 799.9px) {
	.inBox { width: calc(100% - 20px); margin: 0 auto; }
}

/* --------------------------------------- */
/* dashboard.php 用CSS
/* --------------------------------------- */
.logotbl { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 450px; margin: 0 auto;  }
.logotbl div { padding: 7px; border: 1px solid #CCC; width: 450px; }
.logotbl div:nth-child(1) { width: 200px; background: #EEE; }
.logotbl div:nth-child(2) { width: 100px; text-align: center; }
.logotbl div:nth-child(3) { width: 150px; text-align: center; }


/* --------------------------------------- */
/* report_country.php 用CSS
/* --------------------------------------- */
body.report_country .rbtn { color: #66F; text-decoration: underline; cursor: pointer; padding: 7px; border: 1px solid #CCC; }
body.report_country .rbtn:hover { color: #66F; padding: 7px; border: 1px solid #F00; }