html, body {
	-ms-overflow-style: scrollbar;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	height: 100%;
}

@-ms-viewport {
	width: auto;
	height: auto;
}

/*
	bootstrap上書き
*/

.alert {
	border-radius: unset;
}

.form-label {
	margin-top: .5rem;
	margin-bottom: .25rem;
}
.dropdown-toggle::after {
	margin-left: 1rem;
}
.btn.focus, .btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0px;
	box-shadow: 0 0 0 0px;
}
.form-check-input {
	transform:scale(1.5);
}
.navbar-brand {
	width: 100%;
	font-size: 1rem;
}

body {
	font-size: .875rem;
	background-color: transparent;
	background-image: url("../images/bk2.jpg");
}

body.bmenu {
	background-image: -moz-radial-gradient(rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
	background-image: -webkit-radial-gradient(rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
	background-image: radial-gradient(rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
}

body.bconnect {
	background-image: -moz-radial-gradient(rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
	background-image: -webkit-radial-gradient(rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
	background-image: radial-gradient(rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0)), url(../images/bk2.jpg);
}

h1 {
	color: #fff;
	font-size: 3rem;
	font-family: Gulim;
	margin-top: 2rem;
}

h2 {
	font-size: 1.25rem;
	padding: .5rem;
	margin: 0;
}

/*
	ヘッダー
*/
.header .nav-link {
	display: inline-block;
}

.navuser {
	white-space: nowrap;
}

/*
	ログイン画面
*/
#loginpanel {
	margin-top: 1rem;
	text-align: center;
}

#loginpanel form {
	width: 16rem;
	margin: auto;
	margin-top: 1rem;
}

#loginpanel input {
	margin-top: .5rem;
}

#loginpanel .btn {
	margin-top: 1rem;
	width: 16rem;
}

#loginpanel .alert {
	margin-top: 1rem;
	color: rgb(202, 60, 60);
}

.usermsg {
	display: inline-block;
	padding: 1rem;
	border: solid 2px red;
}

.useralert {
	width: 50%;
	border-radius: .25rem;
	margin: auto;
	margin-top: 2rem;
	text-align: center;
}
.useralert svg {
	margin-right: 1rem;
}

/*
	ホーム画面
*/
#homepanel {
	text-align: center;
	max-width: 700px;
	margin: auto;
	padding-bottom: 1rem;
}

#userBuildingConnecting {
	text-align: center;
}


/*
	共通
*/
#userBuildingList .btn, #userBuildingConnecting .btn {
	white-space: pre;
}

/*
#userBuildingList {
	height: 100%;
	background-color: #f8f9fa;
}
*/

#userBuildingList, #userBuildingConnecting {
	display: none;
	max-width: 50rem;
	margin: auto;
	padding-bottom: 1rem;
}

.scrlist {
	height: 16rem;
	overflow: scroll;
	overflow-x: hidden;
	outline: 1px solid rgba(0,0,0,.125);
}

/*
	物件
*/
#userBuildingListMsg {
	margin: 1rem 0;
}

#userBuildingNames {
	margin-top: 1rem;
}

#userBuildingNames button {
	display: flex;
	justify-content: space-between;
	word-break: break-word;
}

#userBuildingNames button div {
	min-width: 10rem;
	margin-left: 1rem;
}

#userBuildingNames button:disabled {
/*	opacity: .65;*/
	background: gainsboro;
}

#userBuildingNames button.noContract {
	background: pink !important;
}

#userBuildingConnecting h2 {
	margin: 1rem 0;
}

#userBuildingConnectingMsg {
	margin-bottom: 1rem;
}

/*
	ダイアログ
*/
.modal-header {
	padding: .5rem 1rem;
}
.modal-footer {
	padding: .5rem;
}
.modal-body p {
	margin: 1rem 0;
	font-size: 1.2rem;
}

/*
	ダイアログタイトル
*/
.alertModalError {
	color: #f8f9fa;
	background-color: #dc3545;
}

.alertModalOK {
	color: #212529;
	background-color: #f8f9fa;
}

/*
	スピナー
*/
.dlg-spinner {
	display: table;
	position: relative;
	margin: 0 auto;
	top: calc(33% - 24px);
}

.dlg-spinner-content{
	background-color: transparent;
	border: none;
	width: 10rem;
	text-align: center;
}

@media screen and (max-width: 990px){
	.navuser {
		white-space: normal;
		display: contents;
	}
}

@media screen and (max-width: 700px){
	#homepanel .row {
		display: block;
	}
}

@media screen and (max-width: 480px){
	#userBuildingListMsg {
		display: block !important;
		text-align: center;
	}
	#userBuildingConnect {
		margin-top: 1rem;
	}
}