body{font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;}

.env-info{color: red;width:100%;background-color:color-mix(in srgb, #3060ab 30%, transparent);z-index:9999999999}


/*main {padding-top:5em;}*/
.site-logo{width:140px;cursor:pointer;}

.app-name{padding-right:.3em;}
.app-color{color:#3060ab;}

a:hover{color:#198754;}

header{background-color:#fff;}

@media (  800px < width ) {
	header{padding: 1.5rem !important;/*margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;*/}
}
@media (  width <= 800px) {
	header{padding: 1.5rem 0 .5rem 0 !important;margin-top: 1rem !important;}
	.site-logo{width:100px;}
	.app-name{font-size: calc(1.1rem + .6vw) !important;}
	.app-name>span{display:block;}
	
	/* modal override */
	.modal-area{margin:5px 0}
	.modal-header{padding: .5rem 1rem;}
}

.button-area{padding:2em; text-align:center;}

/* form orverride */
.form-control:focus {
    border-color: #ced4da;
    box-shadow: 0 0 0 0.25rem rgba(206, 212, 218, .25);
}

/* scroll design */
::-webkit-scrollbar{
   width: 3px;
}
::-webkit-scrollbar-track{
   background-color: #ccc;
}
::-webkit-scrollbar-thumb{
   background-color: #3060ab;
}
.scroll_bar{
   scrollbar-width: thin;
   scrollbar-color: #3060ab #ccc;
}

.blank-row>td{padding:0;height:0;}