틀:호텔 소울즈 도전 과제/styles.css

.호텔-소울즈-도전-과제 tbody td.icon {
	width: 3em;
	height: 3em;
}

@media screen and (max-width: 480px) {
	.호텔-소울즈-도전-과제 thead,
	.호텔-소울즈-도전-과제 thead tr
	{
		display: block;
	}
	
	.호텔-소울즈-도전-과제 thead tr {
		text-align: right;
	}
	
	.호텔-소울즈-도전-과제 thead th {
		border: none;
		display: inline-block;
	}
	
	.호텔-소울즈-도전-과제 th.icon,
	.호텔-소울즈-도전-과제 th.condition{
		display: none;
	}
	
	.호텔-소울즈-도전-과제 tbody tr,
	.호텔-소울즈-도전-과제 tbody td {
		display: block;
		border: none;
	}
	
	.호텔-소울즈-도전-과제 thead tr,
	.호텔-소울즈-도전-과제 tbody tr {
		border-bottom: 1px solid lightgray;
	}

	.호텔-소울즈-도전-과제 tbody td.icon {
		width: auto;
		height: auto;
	}

	.호텔-소울즈-도전-과제 tbody td.name,
	.호텔-소울즈-도전-과제 tbody td.english-name {
		font-weight: bold;
	}

	.호텔-소울즈-도전-과제 tbody td:not(.condition) {
		text-align: center;
	}
}