#btnSelectQuest {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.questlist {
	background: url(/image/paper2.jpg);
}

.questlist thead tr {
	color: white;
	background: url(/image/wood2.jpg);
}

.questlist {
	table-layout: fixed;
}

.questlist,
.questlist th,
.questlist td {
	background-color: rgba(0, 0, 0, 0);
	font-size: 15px;
	font-weight: bold;
}

.questlist tr {
	border-bottom: solid 2px;
}
.questlist th {
	position: sticky;
	top: 0px;
	padding: 0px;
}

.questlist td {
	cursor: pointer;
	padding: 0px;
}

.questlist th div,
.questlist td div {
	border-top: solid 1px rgba(0,0,0,0.3);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.questlist td div.quest-title {
	line-height: 50px;
	font-size: 20px;
}

div.quest-dungeon {
	display: flex;
	align-items: center;
	justify-content: center;
}
div.quest-dungeon img {
	max-height: 40px;
	height: 40px;
}

.questlist .rec-cmnt {
	white-space: break-spaces;
	height: 40px;
	max-height: 40px;
	text-overflow: ellipsis;
}

.rank-block .rank-info-left div {
	line-height: 1;
}

.rank-block .quest-thum a img {
	width: clamp(20px, 10vw, 80px);
	height: clamp(20px, 10vw, 80px);
}

.rank-block .quest-rank-no {
	font-size: clamp(15px, 1.2vw, 30px);
}

.rank-block .quest-main-val {
	font-size: clamp(20px, 2vw, 40px);
}

.rank-block .quest-sub-val {
	font-size: clamp(15px, 1.2vw, 30px);
}
.rank-block .quest-sub-val label {
	float: right;
}

#questRecordlist tbody tr.quest-record {
	height: 50px;
}

.quest-report-time-1 #reportTime ,
.quest-report-floor-1 #reportFloor ,
.quest-report-video-1 #reportVideo ,
.quest-report-live-1 #reportLive ,
.quest-workflow-0 #workflowType {
	border-radius: 10px;
	border: solid 3px white;
	background: rgba(100,100,255,0.5);
	width: 150px;
	color: white;
	text-align: center;
}

.quest-report-time-2 #reportTime ,
.quest-report-floor-2 #reportFloor ,
.quest-report-video-2 #reportVideo ,
.quest-report-live-2 #reportLive ,
.quest-workflow-1 #workflowType {
	border-radius: 10px;
	border: solid 3px white;
	background: rgba(255, 100, 100, 0.5);
	width: 150px;
	color: white;
	text-align: center;
}

.quest-challenge-20 #information #status {
	border-radius: 10px;
	border: solid 3px white;
	background: rgba(19, 158, 1, 0.5);
	width: 150px;
	color: white;
	text-align: center;
}

.quest-challenge-0 #information #status {
	border-radius: 10px;
	border: solid 3px white;
	background: rgba(0, 0, 0, 0.5);
	width: 150px;
	color: white;
	text-align: center;
}

#postResult .status {
	border-radius: 10px;
	border: solid 3px white;
	width: clamp(80px, 80%, 150px);
	color: white;
	text-align: center;
}
#postResult .quest-rec-20 .status,
#postResult .quest-rec-30 .status {
	background: rgba(19, 158, 1, 0.5);
}

#postResult .quest-rec-0 .status,
#postResult .quest-rec-10 .status,
#postResult .quest-rec-40 .status {
	background: rgba(0, 0, 0, 0.5);
}