@charset "utf-8";

.worklist #wrap a div.wrap {
	opacity: 0;
	transition: .3s all;
}
.worklist #wrap a:hover div.wrap {
	opacity: 1;
}

.worklist #wrap li {
	width: calc((100% - 5px) / 2);
}

#gallery li {
	width: calc((100% - 10px) / 3);
}
a.bnrlink {
	width: calc((100% - 10px) / 3);
	margin-left: auto;
	margin-right: auto;
}


#box.arts {
	display: block;
	flex-wrap: wrap;
	flex-direction: row;
}
#box.arts > div {
	width: 100%;
	position: relative!important;
}
#box.arts > div:first-child > div {
	display: block;
	position: relative!important;
	top: auto!important;
	transform: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
	right: auto!important;
}
#box.arts > div:first-child > div p:nth-child(2) {
	text-align: left;
	margin-left: calc(100% / 3 * 2 + 5px);
	padding: 1em 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
#box.arts > div:first-child > div p:nth-child(3) {
	text-align: left;
	margin-left: calc(100% / 3 * 2 + 5px);
	padding: 0 0 1em;
}