/* フッターcss */
@import 'compass';

body, #wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.footer {
	height: 80px;
	background-color: #a9a9a9;
	width: 100%;
	margin-top: auto;
}

/*完了マーク*/
.editSuccess {
	height: 500px;
}

.editSuccess2 {
	height: 200px;
}

.editSuccess3 {
	height: 100px;
}

/*ソート順入力欄*/
#input1 {
	width: 70px;
}

/*確認画面系*/
.confirm-title {
	text-align: center;
	color: white;
	background: linear-gradient(90deg, rgba(45, 167, 40, 1) 26%,
		rgba(40, 167, 48, 1) 80%);
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.confirm-body {
	height: 100%;
}

/*背景*/
body {
	background: radial-gradient(circle, rgba(241, 251, 243, 1) 0%,
		rgba(193, 255, 183, 1) 100%);
}

/*パネル画面の設定*/
.hako {
	flex-wrap: wrap;
	justify-content: center;
	display: flex;
}

.item a {
	display: block;
	width: 180px;
	height: 180px;
	background-color: aqua;
	padding: 20px;
	color: white;
	border-radius: 10px;
}

.color {
	color: white
}

table th {
	text-align: center;
	color: white;
	background: linear-gradient(90deg, rgba(45, 167, 40, 1) 26%,
		rgba(40, 167, 48, 1) 80%);
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.container1 {
	display: flex;
	justify-content: center;
}

/*TOP画面*/
.topSelect {
	height: 200px;
}

.nanikore {
	height: 100%;
	background: radial-gradient(circle, rgba(241, 251, 243, 1) 0%,
		rgba(193, 255, 183, 1) 100%);
}

.cdk {
	height: 100%;
}

.cddesign {
	min-height: 300px;
	background-color: green;
}

.card-select {
	margin-top: 7rem;
}

.jumbotron {

}

/*QR読み込み画面*/
#body {
	background-color: aqua;
	max-width: 10px;
	margin: 0 auto;
	position: relative;
}

h1 {
	margin: 10px 0;
	font-size: 40px;
}

#canvas {
	width: 100%;
	display: none;
}

#output {
	margin-top: 0px;
	padding: 10px;
	padding-bottom: 0;
}

#output div {
	padding-bottom: 10px;
	word-wrap: break-word;
}

#noQRFound {
	text-align: center;
}

.lock {
	-webkit-appearance: none;
	margin: 0;
}

#error{
	  font-size: 0.8em;
}