.modalbody,
.modalbody body{
	overflow:hidden !important;
}
.modalwrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	overflow:auto;
	background-color:rgba(0,0,0,0.75);
	display:none;
}
.modalcontents{
	display:table;
	position:relative;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.modalcontents .modalouter{
	display:table-cell;
	width:100%;
	height:100%;
	position:relative;
	vertical-align:middle;
	text-align:center;
}
.modalcontents .modalinner{
	display:inline-block;
	margin:0 auto;
	opacity:0;
	position:relative;
	z-index:1;
}
.modalcontents .modalinner > *{
	text-align:left;
}
.modalclose{
	cursor:pointer;
}
.modalanimated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.modalbtnarea{
	text-align:center;
}
.modalbtnarea .modalbtn{
	background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 64 32"><path fill="%23FFF" d="M32 14.4h-14.4v-14.4h-3.2v14.4h-14.4v3.2h14.4v14.4h3.2v-14.4h14.4z" /></svg>') no-repeat right center;
	background-size:28px 14px;
	background-color:#39F;
	width:auto;
	border-radius:5px;
}
.modalclose{
	background-color:#FFF;
	color:#666;
	width:auto;
	border-radius:5px;
}
@-webkit-keyframes modalIn{
	0%{
		opacity:0;
		-webkit-transform:scale(0.3);
	}
	50%{
		opacity:1;
		-webkit-transform:scale(1.05);
	}
	70%{
		-webkit-transform:scale(0.9);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@keyframes modalIn{
	0%{
		opacity:0;
		transform:scale(0.3);
	}
	50%{
		opacity:1;
		transform:scale(1.05);
	}
	70%{
		opacity:1;
		transform:scale(0.9);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}
.modalIn{
	-webkit-animation-name:modalIn;
	animation-name:modalIn;
}
@media screen and (max-width:767px){
	.modalbtnarea{
	}
	.modalbtnarea .modalbtn{
		line-height:40px;
		color:#FFF;
		font-size:14px;
		padding:0 40px 0 20px;
	}
	.modalclose{
		line-height:40px;
		font-size:14px;
		padding:0 20px;
		margin:30px auto;
	}
	section.worklist{
		padding:20px 0;
	}
	ul.worklist{
		list-style:none;
		padding:10px 0 0 0;
	}
	ul.worklist li{
		width:calc(100% - 20px);
		margin:0 10px 12px 10px;
		background-color:#FFF;
		border-radius:5px;
		position:relative;
		z-index:1;
	}
	ul.worklist li .shoplisttop{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	ul.worklist li .shoplisttop > *{
		display:table-cell;
		vertical-align:middle;
	}
	ul.worklist li .shoplisttop dl{
		width:calc(100vw - 80px);
		padding:10px 0;
	}
	ul.worklist li .shoplisttop dl dt{
		font-size:10px;
		color:#666;
		padding:0 10px;
		line-height:15px;
	}
	ul.worklist li .shoplisttop dl dd{
		font-size:14px;
		color:#333;
		padding:0 10px;
		line-height:25px;
	}
	ul.worklist li .shoplisttop button{
		width:60px;
		padding:40px 0 0 0;
		line-height:20px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	ul.worklist li .shoplisttop button svg{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		left:15px;
		fill:#BBB;
	}
	ul.worklist li .shoplisttop button.active svg{
		fill:#FC0;
	}
	ul.worklist li figure.logo{
		float:left;
		width:80px;
		height:80px;
		margin:0 10px 10px 10px;
		border-radius:5px;
		overflow:hidden;
		background-color:#DDD;
		box-shadow:0px 0px 2px 0px #BBB;
	}
	ul.worklist li figure.logo img{
		width:100%;
	}
	ul.worklist li h4{
		font-size:12px;
		line-height:16px;
		padding:0 10px 10px 10px;
		max-height:80px;
		overflow:hidden;
	}
	ul.worklist li figure.logo + h4{
		padding:0 10px 0 0;
	}
	ul.worklist li div.photofavo{
		padding:0 9px 10px 10px;
		display:block;
		width:100%;
		clear:both;
		box-sizing:border-box;
	}
	ul.worklist li div.photofavo::after{
		display:block;
		clear:both;
		height:0px;
		line-height:0px;
		visibility:hidden;
		content:".";
	}
	ul.worklist li div.photofavo figure{
		display:block;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		float:left;
		background-color:#333;
	}
	ul.worklist li div.photofavo figure img{
		width:100%;
	}
	ul.worklist li div.salaryarea{
		margin:0 10px 10px 10px;
		display:block;
		width:calc(100% - 20px);
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 10px;
		clear:both;
	}
	ul.worklist li div.salaryarea p.jobarea,
	ul.worklist li div.salaryarea p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	ul.worklist li div.salaryarea p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	ul.worklist li div.salaryarea p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	ul.worklist li time{
		position:relative;
		z-index:1;
		margin:0 10px;
		display:block;
		line-height:20px;
		padding:0 0 10px 0;
		font-family:'Bai Jamjuree', sans-serif;
		color:#666;
		text-align:right;
		font-size:16px;
	}
	ul.worklist li time::before{
		position:absolute;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M23.999 2.145c-7.651-4.416-17.437-1.795-21.853 5.857-4.418 7.65-1.796 17.435 5.855 21.852s17.436 1.796 21.853-5.855c4.418-7.651 1.796-17.437-5.855-21.854zM9.601 27.083c-6.111-3.529-8.213-11.37-4.685-17.481s11.371-8.213 17.483-4.685c6.111 3.529 8.212 11.371 4.685 17.482-3.529 6.112-11.372 8.212-17.483 4.684z" /><path fill="%2339F" d="M24.189 18.881l-6.59-3.806v-8.674c0-0.882-0.718-1.6-1.6-1.6s-1.6 0.717-1.6 1.6l0.001 9.6c0 0.592 0.325 1.103 0.803 1.378l7.386 4.272c0.243 0.14 0.518 0.213 0.798 0.213 0.569 0 1.101-0.306 1.39-0.803 0.438-0.766 0.174-1.745-0.588-2.18z" /></svg>') no-repeat center center;
		-webkit-background-size:20px 20px;
		-moz-background-size:20px 20px;
		background-size:20px 20px;
		color:#39F;
		left:0;
		top:0;
		width:20px;
		height:20px;
	}
	ul.worklist li time::after{
		position:absolute;
		content:"更新日";
		font-family:'M PLUS Rounded 1c', sans-serif;
		line-height:1;
		font-size:12px;
		color:#39F;
		left:25px;
		top:0;
		line-height:20px;
	}
	ul.worklist li div.btnarea{
		display:table;
		width:100%;
		padding:0 5px 10px 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea > *{
		display:table-cell;
		vertical-align:middle;
		padding:0 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div a{
		display:block;
		line-height:40px;
		font-size:11px;
		color:#FFF;
		text-decoration:none;
		position:relative;
		z-index:1;
		border-radius:5px;
	}
	ul.worklist li div.btnarea div a svg{
		position:absolute;
		width:20px;
		height:20px;
		fill:#FFF;
		left:10px;
		top:10px;
	}
	ul.worklist li div.btnarea div.web{
		width:31%;
	}
	ul.worklist li div.btnarea div.web a{
		background-color:#39F;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.line{
		width:31%;
		position:relative;
		z-index:1;
	}
	ul.worklist li div.btnarea div.line::before{
		content:"LINE";
		color:#FFF;
		position:absolute;
		top:0;
		right:5px;
		bottom:0;
		left:5px;
		padding:0 0 0 40px;
		line-height:40px;
		font-size:11px;
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M31.999 14.495c0-7.159-7.178-12.985-15.999-12.985s-15.999 5.825-15.999 12.985c0 6.417 5.693 11.789 13.381 12.81 0.518 0.113 1.229 0.343 1.406 0.788 0.163 0.406 0.108 1.038 0.052 1.444 0 0-0.188 1.132-0.227 1.374-0.069 0.402-0.32 1.58 1.387 0.861s9.212-5.424 12.569-9.289v0c2.32-2.545 3.43-5.124 3.43-7.988zM9.77 18.7h-3.152c-0.46 0-0.834-0.373-0.834-0.831v-6.306c0-0.461 0.374-0.834 0.834-0.834s0.832 0.374 0.832 0.834v5.475h2.319c0.462 0 0.832 0.375 0.832 0.831 0 0.459-0.369 0.831-0.831 0.831zM13.033 17.869c0 0.459-0.374 0.831-0.831 0.831-0.459 0-0.832-0.373-0.832-0.831v-6.306c0-0.461 0.373-0.834 0.832-0.834 0.458 0 0.831 0.374 0.831 0.834v6.306zM20.625 17.869c0 0.361-0.227 0.678-0.57 0.788-0.085 0.029-0.174 0.043-0.266 0.043-0.259 0-0.508-0.121-0.666-0.332l-3.23-4.402v3.902c0 0.459-0.373 0.831-0.831 0.831-0.461 0-0.834-0.373-0.834-0.831v-6.305c0-0.362 0.229-0.674 0.569-0.789 0.087-0.029 0.175-0.045 0.266-0.045 0.259 0 0.508 0.128 0.666 0.334l3.232 4.403v-3.903c0-0.461 0.374-0.834 0.832-0.834 0.459 0 0.832 0.374 0.832 0.834v6.306zM25.728 13.885c0.46 0 0.832 0.371 0.832 0.831s-0.373 0.831-0.832 0.831h-2.322v1.49h2.322c0.46 0 0.832 0.375 0.832 0.831 0 0.459-0.373 0.831-0.832 0.831h-3.154c-0.458 0-0.832-0.373-0.832-0.831v-6.305c0-0.461 0.374-0.834 0.832-0.834h3.154c0.46 0 0.832 0.374 0.832 0.834s-0.373 0.831-0.832 0.831h-2.322v1.49h2.322z" /></svg>') no-repeat 10px 10px;
		background-size:20px 20px;
		background-color:#BBB;
		border-radius:5px;
	}
	ul.worklist li div.btnarea div.line a{
		background-color:#00B900;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.detail{
		width:38%;
	}
	ul.worklist li div.btnarea div.detail a{
		color:#333;
		line-height:36px;
		padding:0 40px 0 10px;
		border:solid 2px #39F;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div.detail a::after{
		position:absolute;
		content:"";
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M16.002 0c-8.298 0-15.118 6.315-15.921 14.4h20.995l-6.868-6.869c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.731 10.732-10.731 10.732c-0.311 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l6.868-6.868h-20.994c0.803 8.084 7.623 14.399 15.921 14.399 8.836 0 15.999-7.163 15.999-16 0-8.836-7.163-16-15.999-16z" /></svg>') no-repeat center center;
		width:20px;
		height:20px;
		top:8px;
		right:8px;
	}
	ul.worklist li a.coverlink{
		position:absolute;
		top:60px;
		right:10px;
		bottom:90px;
		left:10px;
		color:rgba(0,0,0,0);
		overflow:hidden;
	}
	ul.worklist li a.coverlink img{
		opacity:0;
		width:100%;
		height:auto;
		color:rgba(0,0,0,0);
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.worklist{
		padding:20px 0;
	}
	ul.worklist{
		list-style:none;
		padding:10px 5px 0 5px;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:flex-start;
	}
	ul.worklist li{
		width:calc(50% - 10px);
		margin:0 5px 10px 5px;
		background-color:#FFF;
		border-radius:5px;
		position:relative;
		z-index:1;
	}
	ul.worklist li .shoplisttop{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	ul.worklist li .shoplisttop > *{
		display:table-cell;
		vertical-align:middle;
	}
	ul.worklist li .shoplisttop dl{
		width:calc(50vw - 75px);
		padding:10px 0;
	}
	ul.worklist li .shoplisttop dl dd{
		font-size:10px;
		color:#666;
		padding:0 10px;
		line-height:15px;
	}
	ul.worklist li .shoplisttop dl dt{
		font-size:14px;
		color:#333;
		padding:0 10px;
		line-height:25px;
	}
	ul.worklist li .shoplisttop button{
		width:60px;
		padding:40px 0 0 0;
		line-height:20px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	ul.worklist li .shoplisttop button svg{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		left:15px;
		fill:#BBB;
	}
	ul.worklist li .shoplisttop button.active svg{
		fill:#FC0;
	}
	ul.worklist li figure.logo{
		float:left;
		width:80px;
		margin:0 10px 10px 10px;
		border-radius:5px;
		overflow:hidden;
		box-shadow:0px 0px 1px #BBB;
	}
	ul.worklist li figure.logo img{
		width:100%;
	}
	ul.worklist li h4{
		font-size:12px;
		line-height:16px;
		padding:0 10px;
		max-height:80px;
		overflow:hidden;
	}
	ul.worklist li figure.logo + h4{
		padding:0 10px 0 0;
	}
	ul.worklist li div.photofavo{
		padding:0 9px 10px 10px;
		display:block;
		width:100%;
		clear:both;
		box-sizing:border-box;
	}
	ul.worklist li div.photofavo::after{
		display:block;
		clear:both;
		height:0px;
		line-height:0px;
		visibility:hidden;
		content:".";
	}
	ul.worklist li div.photofavo figure{
		display:block;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		float:left;
		background-color:#333;
	}
	ul.worklist li div.photofavo figure img{
		width:100%;
	}
	ul.worklist li div.salaryarea{
		margin:0 10px 10px 10px;
		display:table;
		width:calc(100% - 20px);
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:0 10px;
	}
	ul.worklist li div.salaryarea > *{
		display:table-cell;
		height:38px;
		vertical-align:middle;
		width:50%;
	}
	ul.worklist li div.salaryarea p.jobarea,
	ul.worklist li div.salaryarea p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	ul.worklist li div.salaryarea p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	ul.worklist li div.salaryarea p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	ul.worklist li time{
		position:relative;
		z-index:1;
		margin:0 10px;
		display:block;
		line-height:20px;
		padding:0 0 10px 0;
		font-family:'Bai Jamjuree', sans-serif;
		color:#666;
		text-align:right;
		font-size:16px;
	}
	ul.worklist li time::before{
		position:absolute;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M23.999 2.145c-7.651-4.416-17.437-1.795-21.853 5.857-4.418 7.65-1.796 17.435 5.855 21.852s17.436 1.796 21.853-5.855c4.418-7.651 1.796-17.437-5.855-21.854zM9.601 27.083c-6.111-3.529-8.213-11.37-4.685-17.481s11.371-8.213 17.483-4.685c6.111 3.529 8.212 11.371 4.685 17.482-3.529 6.112-11.372 8.212-17.483 4.684z" /><path fill="%2339F" d="M24.189 18.881l-6.59-3.806v-8.674c0-0.882-0.718-1.6-1.6-1.6s-1.6 0.717-1.6 1.6l0.001 9.6c0 0.592 0.325 1.103 0.803 1.378l7.386 4.272c0.243 0.14 0.518 0.213 0.798 0.213 0.569 0 1.101-0.306 1.39-0.803 0.438-0.766 0.174-1.745-0.588-2.18z" /></svg>') no-repeat center center;
		background-size:20px 20px;
		color:#39F;
		left:0;
		top:0;
		width:20px;
		height:20px;
	}
	ul.worklist li time::after{
		position:absolute;
		content:"更新日";

		font-family:'M PLUS Rounded 1c', sans-serif;
		line-height:1;
		font-size:12px;
		color:#39F;
		left:25px;
		top:0;
		line-height:20px;
	}
	ul.worklist li div.btnarea{
		display:table;
		width:100%;
		padding:0 5px 10px 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea > *{
		display:table-cell;
		vertical-align:middle;
		padding:0 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div a{
		display:block;
		line-height:40px;
		font-size:11px;
		color:#FFF;
		text-decoration:none;
		position:relative;
		z-index:1;
	}
	ul.worklist li div.btnarea div a svg{
		position:absolute;
		width:24px;
		height:24px;
		fill:#FFF;
		left:8px;
		top:8px;
	}
	ul.worklist li div.btnarea div.web{
		width:31%;
	}
	ul.worklist li div.btnarea div.web a{
		background-color:#39F;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.line{
		width:31%;
	}
	ul.worklist li div.btnarea div.line a{
		background-color:#00B900;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.detail{
		width:38%;
	}
	ul.worklist li div.btnarea div.detail a{
		color:#333;
		line-height:36px;
		padding:0 40px 0 10px;
		border:solid 2px #39F;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div.detail a::after{
		position:absolute;
		content:"";
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M16.002 0c-8.298 0-15.118 6.315-15.921 14.4h20.995l-6.868-6.869c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.731 10.732-10.731 10.732c-0.311 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l6.868-6.868h-20.994c0.803 8.084 7.623 14.399 15.921 14.399 8.836 0 15.999-7.163 15.999-16 0-8.836-7.163-16-15.999-16z" /></svg>') no-repeat center center;
		width:20px;
		height:20px;
		top:8px;
		right:8px;
	}
	ul.worklist li a.coverlink{
		position:absolute;
		top:60px;
		right:10px;
		bottom:90px;
		left:10px;
		color:rgba(0,0,0,0);
		overflow:hidden;
	}
	ul.worklist li a.coverlink img{
		opacity:0;
		width:100%;
		height:auto;
		color:rgba(0,0,0,0);
	}
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
	ul.worklist{
		padding:10px 5px 0 5px;
	}
	ul.worklist li{
		width:calc(50% - 10px);
		float:left;
		margin:0 5px 10px 5px;
	}
	ul.worklist li .shoplisttop dl{
		width:calc(50vw - 75px);
		padding:10px 0;
	}
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
	ul.worklist li{
		width:calc(33.3333% - 10px);
	}
	ul.worklist li .shoplisttop dl{
		width:calc(33.3333vw - 75px);
		padding:10px 0;
	}
}
@media screen and (min-width:1100px){
	.modalbtnarea .modalbtn{
		line-height:40px;
		color:#FFF;
		font-size:14px;
		padding:0 40px 0 20px;
	}
	.modalclose{
		line-height:40px;
		font-size:14px;
		padding:0 20px;
		margin:30px auto;
	}
	section.worklist{
		padding:20px 0;
	}
	ul.worklist{
		width:1020px;
		list-style:none;
		padding:10px 0 0 0;
		margin:0 auto;
		column-count:3;
		column-gap:0;
	}
	ul.worklist li{
		width:330px;
		margin:0 5px 10px 5px;
		background-color:#FFF;
		border-radius:5px;
		position:relative;
		z-index:1;
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid;
	}
	ul.worklist li .shoplisttop{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	ul.worklist li .shoplisttop > *{
		display:table-cell;
		vertical-align:middle;
	}
	ul.worklist li .shoplisttop dl{
		width:270px;
		padding:10px 0;
	}
	ul.worklist li .shoplisttop dl dt{
		font-size:10px;
		color:#666;
		padding:0 10px;
		line-height:15px;
	}
	ul.worklist li .shoplisttop dl dd{
		font-size:14px;
		color:#333;
		padding:0 10px;
		line-height:25px;
	}
	ul.worklist li .shoplisttop button{
		width:60px;
		padding:40px 0 0 0;
		line-height:20px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	ul.worklist li .shoplisttop button svg{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		left:15px;
		fill:#BBB;
	}
	ul.worklist li .shoplisttop button.active svg{
		fill:#FC0;
	}
	ul.worklist li figure.logo{
		float:left;
		width:80px;
		margin:0 10px 10px 10px;
		border-radius:5px;
		overflow:hidden;
		box-shadow:0px 0px 1px #BBB;
	}
	ul.worklist li figure.logo img{
		width:100%;
	}
	ul.worklist li h4{
		font-size:12px;
		line-height:16px;
		padding:0 10px;
		max-height:80px;
		overflow:hidden;
	}
	ul.worklist li figure.logo + h4{
		padding:0 10px 0 0;
	}
	ul.worklist li div.photofavo{
		padding:0 9px 10px 10px;
		display:block;
		width:100%;
		clear:both;
		box-sizing:border-box;
	}
	ul.worklist li div.photofavo::after{
		display:block;
		clear:both;
		height:0px;
		line-height:0px;
		visibility:hidden;
		content:".";
	}
	ul.worklist li div.photofavo figure{
		display:block;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		float:left;
		background-color:#333;
	}
	ul.worklist li div.photofavo figure img{
		width:100%;
	}
	ul.worklist li div.salaryarea{
		margin:0 10px 10px 10px;
		display:block;
		width:calc(100% - 20px);
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 10px;
		clear:both;
	}
	ul.worklist li div.salaryarea > *{
		display:block;
	}
	ul.worklist li div.salaryarea p.jobarea,
	ul.worklist li div.salaryarea p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	ul.worklist li div.salaryarea p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	ul.worklist li div.salaryarea p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	ul.worklist li time{
		position:relative;
		z-index:1;
		margin:0 10px;
		display:block;
		line-height:20px;
		padding:0 0 10px 0;
		font-family:'Bai Jamjuree', sans-serif;
		color:#666;
		text-align:right;
		font-size:16px;
	}
	ul.worklist li time::before{
		position:absolute;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M23.999 2.145c-7.651-4.416-17.437-1.795-21.853 5.857-4.418 7.65-1.796 17.435 5.855 21.852s17.436 1.796 21.853-5.855c4.418-7.651 1.796-17.437-5.855-21.854zM9.601 27.083c-6.111-3.529-8.213-11.37-4.685-17.481s11.371-8.213 17.483-4.685c6.111 3.529 8.212 11.371 4.685 17.482-3.529 6.112-11.372 8.212-17.483 4.684z" /><path fill="%2339F" d="M24.189 18.881l-6.59-3.806v-8.674c0-0.882-0.718-1.6-1.6-1.6s-1.6 0.717-1.6 1.6l0.001 9.6c0 0.592 0.325 1.103 0.803 1.378l7.386 4.272c0.243 0.14 0.518 0.213 0.798 0.213 0.569 0 1.101-0.306 1.39-0.803 0.438-0.766 0.174-1.745-0.588-2.18z" /></svg>') no-repeat center center;
		left:0;
		top:0;
		width:20px;
		height:20px;
	}
	ul.worklist li time::after{
		position:absolute;
		content:"更新日";
		font-family:'M PLUS Rounded 1c', sans-serif;
		line-height:1;
		font-size:12px;
		color:#39F;
		left:25px;
		top:0;
		line-height:20px;
	}
	ul.worklist li div.btnarea{
		display:table;
		width:100%;
		padding:0 5px 10px 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea > *{
		display:table-cell;
		vertical-align:middle;
		padding:0 5px;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div a{
		display:block;
		line-height:40px;
		font-size:14px;
		color:#FFF;
		text-decoration:none;
		position:relative;
		z-index:1;
		border-radius:5px;
	}
	ul.worklist li div.btnarea div a svg{
		position:absolute;
		width:20px;
		height:20px;
		fill:#FFF;
		left:10px;
		top:10px;
	}
	ul.worklist li div.btnarea div.web{
		width:31%;
	}
	ul.worklist li div.btnarea div.web a{
		background-color:#39F;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.line{
		width:31%;
		position:relative;
		z-index:1;
	}
	ul.worklist li div.btnarea div.line::before{
		content:"LINE";
		color:#FFF;
		position:absolute;
		top:0;
		right:5px;
		bottom:0;
		left:5px;
		padding:0 0 0 40px;
		line-height:40px;
		font-size:14px;
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M31.999 14.495c0-7.159-7.178-12.985-15.999-12.985s-15.999 5.825-15.999 12.985c0 6.417 5.693 11.789 13.381 12.81 0.518 0.113 1.229 0.343 1.406 0.788 0.163 0.406 0.108 1.038 0.052 1.444 0 0-0.188 1.132-0.227 1.374-0.069 0.402-0.32 1.58 1.387 0.861s9.212-5.424 12.569-9.289v0c2.32-2.545 3.43-5.124 3.43-7.988zM9.77 18.7h-3.152c-0.46 0-0.834-0.373-0.834-0.831v-6.306c0-0.461 0.374-0.834 0.834-0.834s0.832 0.374 0.832 0.834v5.475h2.319c0.462 0 0.832 0.375 0.832 0.831 0 0.459-0.369 0.831-0.831 0.831zM13.033 17.869c0 0.459-0.374 0.831-0.831 0.831-0.459 0-0.832-0.373-0.832-0.831v-6.306c0-0.461 0.373-0.834 0.832-0.834 0.458 0 0.831 0.374 0.831 0.834v6.306zM20.625 17.869c0 0.361-0.227 0.678-0.57 0.788-0.085 0.029-0.174 0.043-0.266 0.043-0.259 0-0.508-0.121-0.666-0.332l-3.23-4.402v3.902c0 0.459-0.373 0.831-0.831 0.831-0.461 0-0.834-0.373-0.834-0.831v-6.305c0-0.362 0.229-0.674 0.569-0.789 0.087-0.029 0.175-0.045 0.266-0.045 0.259 0 0.508 0.128 0.666 0.334l3.232 4.403v-3.903c0-0.461 0.374-0.834 0.832-0.834 0.459 0 0.832 0.374 0.832 0.834v6.306zM25.728 13.885c0.46 0 0.832 0.371 0.832 0.831s-0.373 0.831-0.832 0.831h-2.322v1.49h2.322c0.46 0 0.832 0.375 0.832 0.831 0 0.459-0.373 0.831-0.832 0.831h-3.154c-0.458 0-0.832-0.373-0.832-0.831v-6.305c0-0.461 0.374-0.834 0.832-0.834h3.154c0.46 0 0.832 0.374 0.832 0.834s-0.373 0.831-0.832 0.831h-2.322v1.49h2.322z" /></svg>') no-repeat 10px 10px;
		background-size:20px 20px;
		background-color:#BBB;
		border-radius:5px;
	}
	ul.worklist li div.btnarea div.line a{
		background-color:#00B900;
		padding:0 0 0 40px;
	}
	ul.worklist li div.btnarea div.detail{
		width:38%;
	}
	ul.worklist li div.btnarea div.detail a{
		color:#333;
		line-height:36px;
		padding:0 40px 0 10px;
		border:solid 2px #39F;
		box-sizing:border-box;
	}
	ul.worklist li div.btnarea div.detail a::after{
		position:absolute;
		content:"";
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2339F" d="M16.002 0c-8.298 0-15.118 6.315-15.921 14.4h20.995l-6.868-6.869c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.731 10.732-10.731 10.732c-0.311 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l6.868-6.868h-20.994c0.803 8.084 7.623 14.399 15.921 14.399 8.836 0 15.999-7.163 15.999-16 0-8.836-7.163-16-15.999-16z" /></svg>') no-repeat center center;
		width:20px;
		height:20px;
		top:8px;
		right:8px;
		font-size:20px;
	}
	ul.worklist li a.coverlink{
		position:absolute;
		top:60px;
		right:10px;
		bottom:90px;
		left:10px;
		color:rgba(0,0,0,0);
		overflow:hidden;
	}
	ul.worklist li a.coverlink img{
		opacity:0;
		width:100%;
		height:auto;
		color:rgba(0,0,0,0);
	}
}