@charset "UTF-8";

table.tbl-menu { border-collapse:collapse; margin:1em 0; }
table.tbl-menu th,table.tbl-menu td { border:1px solid #999; padding:7px; }
table.tbl-menu th { background:#ddd; font-weight: normal; }
table.tbl-menu td { background:#fff; }
th.w-item { width:6em; }
div.ttl { border-bottom:1px solid #004080; padding:4px; color:#004080; font-weight:bold; }
p.err { color:#dd0000; }
p.msg { color:#006400; }
.ta-c { text-align:center; }

body#maint{
	width:500px;	
	margin:25px auto;
}
#menu-header {
	display: flex;
	justify-content: space-between;	
	align-items: center;
}
#search-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
}
#button-area {
	margin-top: 20px;
	display: flex;
	gap: 0 20px;
}
#button-area .search, #button-area .reset, #button-area .return {
}
.btn-lg {
	width: 300px;
}
/* Buttons
?????????????????????????????????????????????????? */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background-color: #bbb;
	color: #fff;
}

select {
    font-size: 16px;
    padding: 3px 10px;
    margin-right: 5px;
}
.taC{text-align:center}

/* page top */
.page-top {
	position: fixed;
	bottom: 3%;
	right: 4%;
	width: 3em;
	margin-bottom: 0;
	border-radius: 2.8em;
	-webkit-border-radius: 2.8em;
	background: #000;
	opacity: .5;
	line-height: 3em;
	text-align: center;
}
.page-top a {
	color: #fff;
	text-decoration: none;
	font-size: 150%;
}


/* admin_memnu */
.admin_menu {
	margin-left: 2em;
}


#admin-menu-area [class^="button-"] {
	font-size: 16px;
	padding: 0.5em 1em;
	border-radius: 0.5rem;
}
#admin-menu-area .button-primary {
    background-color: #0069d9;
}
#admin-menu-area .button-secondary {
    background-color: #5a6268;
}
#admin-menu-area .button-info {
    background-color: #138496;
}
#admin-menu-area .button-danger {
    background-color: #dc3545;
}

body#auth {
	margin-left: 0;
	margin-right: 0px;
}

.main {
	margin-left: 250px;
	margin-right: 20px;
}
.sidemenu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 100vh;
    background: #D9EFF9;
    overflow-y: scroll;
    scrollbar-face-color: #999;
    scrollbar-track-color: #eee;
    -webkit-overflow-scrolling: touch;

    /* 縦方向のスクロールバーを表示 */
    overflow-y: scroll;

    /* IE などのスクロールバーの色設定 */
    scrollbar-face-color: #999;
    scrollbar-track-color: #eee;

    /* スマホ用の慣性スクロール */
    -webkit-overflow-scrolling: touch;
}
.operator_menu {
	margin: 10px 0 20px 10px;
}
.operator_menu h2 { 
	font-size: 1.5em; 
	margin: 0.2em 0 0.5em 0;
}
.operator_menu h3 { 
	font-size: 1.2em; 
	margin: 0.8em 0 0.2em 0;
}

/* auth-menu */
.auth-menu {
	display: flex;
	justify-content: space-around;
}
.auth-menu li {
	list-style: none;
	margin-bottom: 5px;
}

/* 消込画面 */
.main-keshikomi { margin-left: 20px; margin-right: 20px;}
/* タブ風表示 */
/* https://web.monogusa-note.com/flexible-tabs-only-css */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

/*--------------------------------------------------*/
/*media Queries
----------------------------------------------------*/
@media only screen and (max-width : 425px) {		/* スマホ */
	body#auth { width: 100%; margin: 15px 0; }
	body#auth #login_form { width: 80%; margin: 16px 5%; }
	body#auth .button-primary { 
		width: 90%; 
	}
}
@media only screen and (min-width : 425px) {
}

@media print{
	.noPrint{display:none;}       /* 印刷しない */
	.tab-label {display:none;} 
	.main { margin-left: 20px; }
	.container { width: 100%; max-width: none; padding: 0; margin: 0; }
	footer { background: none; color: #333; border-top: none; }

  /* @page {size: A4 landscape;} */

}