html.lb-disable-scrolling {
	overflow:hidden;
	position:fixed;
	height:100vh;
	width:100vw;
}
div.lb-nav{
	display:none !important;
}
.lightboxOverlay{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:0.8;
	display:none;
	height:100vh !important;
	width:100vw !important;
}
.lightbox{
	position:absolute;
	left:0;
	width:100%;
	z-index:10000;
	text-align:center;
	line-height:0;
	font-weight:normal;
	top:50% !important;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.lightbox .lb-image{
	display:block;
	height:auto;
	max-width:inherit;
	max-height:none;
	border-radius:3px;
	border:4px solid #FFF;
}
.lightbox a img{
	border:none;
}
.lb-outerContainer{
	position:relative;
	*zoom:1;
	width:250px;
	height:250px;
	margin:0 auto;
	border-radius:4px;
	background-color:#FFF;
}
.lb-outerContainer:after{
	content:"";
	display:table;
	clear:both;
}
.lb-loader{
	position:absolute;
  top:43%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
.lb-cancel{
	display:block;
	width:32px;
	height:32px;
	margin:0 auto;
	background:url(../img/loading.gif) no-repeat;
}
.lb-nav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
.lb-container > .nav{
	left:0;
}
.lb-nav a{
	outline:none;
	background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next{
	height:100%;
	cursor:pointer;
	display:block;
}
.lb-nav a.lb-prev{
	width:34%;
	left:0;
	float:left;
	background:url(../img/prev.png) left 48% no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	transition:opacity 0.6s;
}
.lb-nav a.lb-prev:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-nav a.lb-next{
	width:64%;
	right:0;
	float:right;
	background:url(../img/next.png) right 48% no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	transition:opacity 0.6s;
}
.lb-nav a.lb-next:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
.lb-dataContainer{
	margin:0 auto;
	padding-top:5px;
	*zoom:1;
	width:100%;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.lb-dataContainer:after{
	content:"";
	display:table;
	clear:both;
}
.lb-data{
	padding:0 4px;
	color:#ccc;
}
.lb-data .lb-details{
	width:85%;
	float:left;
	text-align:left;
	line-height:1.1em;
}
.lb-data .lb-caption{
	font-size:13px;
	font-weight:bold;
	line-height:1em;
}
.lb-data .lb-caption a{
	color:#4ae;
}
.lb-data .lb-number{
	display:block;
	clear:left;
	padding-bottom:1em;
	font-size:12px;
	color:#999;
}
.lb-data .lb-close{
	display:block;
	float:right;
	width:30px;
	height:30px;
	background:url(../img/close.png) top right no-repeat;
	text-align:right;
	outline:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:0.7;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
.lb-data .lb-close:hover{
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
section.workdetail div.photofavo figure a{
	display:block;
}
section.workdetail ul.atmosphere::before{
	content:"お店の雰囲気";
}
section.workdetail div.prarea p a{
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:2px 3px;
	background-color:#39F;
	border-radius:2px;
	margin:0 2px;
}
div.yn_linkarea{
	text-align:center;
}
div.yn_linkarea a{
	color:#FFF;
	text-decoration:none;
	background-image:url(../img/logo/yorunavi.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	background-color:#39F;
}
/*ムービー*/
	div.movie_wrap{
		display: flex;
		padding-right: 10px;
		box-sizing: border-box;
		padding-bottom: 10px;
	}
	div.movie_wrap div.movie_item{
		width: calc(100% / 4);
		padding-left: 10px;
		box-sizing: border-box;
	}
	div.movie_wrap div.movie_item a{
		display: block;
		position: relative;
		z-index: 1;
	}
	div.movie_wrap div.movie_item a::before{
		content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    background-color: rgba(255,255,255,0.75);
    -webkit-mask-image: url("/img/svg/play_fill.svg");
    mask-image: url("/img/svg/play_fill.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 40px;
    height: 40px;
    transform: translate(-50%,-50%);
	}
	div.movie_wrap div.movie_item a img{
		width: 100%;
		height: auto;
		object-fit: cover;
		aspect-ratio: 9 / 16;
	}
div.m_time{
	display: table;
  font-size: 65%;
  margin: 0 auto 10px auto;
  color: #666;
  line-height: 1em;
}
div.post_time{
	color: #666;
  font-size: 67%;
  line-height: 1em;
  padding-top: 10px;
	text-align: center;
	font-family: 'Bai Jamjuree', sans-serif;
}
div.post_time span.time,
div.post_time span.day{
	font-family: 'Bai Jamjuree', sans-serif;
}
div.post_time span.day{
	display: block;
	margin-bottom: 5px;
}
div.post_time span.time{
}

@media screen and (max-width:767px){
	div.yn_linkarea dl{
		border-top:solid 1px #EFEFEF;
	}
	div.yn_linkarea dl dt{
		padding:10px 0;
		font-size:12px;
		color:#666;
	}
	div.yn_linkarea dl dd{
		padding:0 0 10px 0;
	}
	div.yn_linkarea dl dd div{
		margin:0 auto;
	}
	div.yn_linkarea a{
		padding:35px 10px 10px 10px;
		font-size:12px;
		line-height:12px;
		background-size:160px 20px;
		border-radius:5px;
		display:inline-block;
		min-width:160px;
	}
	section.workdetail section.detailblock{
		margin:0 10px 10px 10px;
		background-color:#FFF;
		border-radius:5px;
	}
	section.workdetail section.detailblock:nth-child(1){
		margin:40px 10px 10px 10px;
		position:relative;
		z-index:1;
	}
	section.workdetail figure.logo{
		position:absolute;
		width:80px;
		border-radius:5px;
		overflow:hidden;
		background-color:#333;
		top:-30px;
		left:10px;
	}
	section.workdetail figure.logo img{
		width:100%;
	}
	section.workdetail div.namearea dl dt{
		text-align:right;
		position:absolute;
		top:-30px;
		right:0;
		line-height:30px;
		width:calc(100% - 80px);
		font-size:12px;
		color:#666;
	}
	section.workdetail div.namearea dl dd{
		font-size:15px;
		color:#333;
		height:50px;
		vertical-align:middle;
		display:table-cell;
		width:100%;
	}
	section.workdetail div.namearea dl dd h3{
		padding:0 0 0 10px;
	}
	section.workdetail div.shopdetailtop{
		width:100%;
		position:relative;
		z-index:1;
	}
	section.workdetail div.shopdetailtop::after{
		display:block;
		clear:both;
		height:0px;
		line-height:0px;
		visibility:hidden;
		content:".";
	}
	section.workdetail div.shopdetailtop div.namearea{
		width:calc(100% - 160px);
		margin:0 0 0 90px;
		float:left;
		display:table;
	}
	section.workdetail div.shopdetailtop div.salaryarea{
		display:block;
		width:100%;
		clear:both;
		padding:10px;
		box-sizing:border-box;
	}
	section.workdetail div.shopdetailtop div.salaryarea div{
		width:100%;
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 10px;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.jobarea,
	section.workdetail div.shopdetailtop div.salaryarea div p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	section.workdetail div.shopdetailtop div.btnarea{
		position:absolute;
		top:0;
		right:0;
		width:50px;
	}
	section.workdetail div.shopdetailtop div.btnarea button{
		width:50px;
		padding:35px 0 0 0;
		line-height:15px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	section.workdetail div.shopdetailtop div.btnarea button svg{
		position:absolute;
		width:24px;
		height:24px;
		top:10px;
		left:13px;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
		fill:#BBB;
	}
	section.workdetail div.shopdetailtop div.btnarea button.active svg{
		fill:#FC0;
	}
	section.workdetail p.description{
		padding:0 15px 10px 15px;
		font-size:12px;
		color:#666;
	}
	section.workdetail p.heading{
		padding:10px 15px;
		font-size:12px;
		color:#666;
		border-top:solid 1px #EFEFEF;
	}
	section.workdetail div.linkarea p {
		content: "ご応募の際に「ヨルナビを見た」とお伝えいただくことでスムーズにご応募いただけます。";
		width: calc(100% - 20px);
		box-sizing: border-box;
		padding: 20px;
		background-color: #EFEFEF;
		margin: 0 auto 10px auto;
    color: #666;
		font-size: 12px;
	}
	section.workdetail div.linkarea dl{
		border-top:solid 1px #EFEFEF;
		padding:10px 0;
	}
	section.workdetail div.linkarea dl:nth-child(1){
		padding:5px 0 10px 0;
	}
	section.workdetail div.linkarea dl > *{
		display:table;
		width:100%;
		table-layout:fixed;
		box-sizing:border-box;
		padding:0 5px;
		text-align:center;
		font-size:12px;
		color:#666;
	}
	section.workdetail div.linkarea dl > * > *{
		display:table-cell;
		width:50%;
		padding:0 5px;
		vertical-align:middle;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl dt div:nth-child(1) a{
		display:block;
		font-family:'Bai Jamjuree', sans-serif;
		color:#333;
		font-size:16px;
		text-align:center;
		text-decoration:none;
		line-height:36px;
		border:solid 2px #39F;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl dt div:nth-child(2){
		text-align:right;
	}
	section.workdetail div.linkarea dl dt div:nth-child(2) button{
		width:50px;
		padding:35px 0 0 0;
		line-height:15px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	section.workdetail div.linkarea dl dt div:nth-child(2) button svg{
		position:absolute;
		width:24px;
		height:24px;
		top:10px;
		left:13px;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
		fill:#BBB;
	}
	section.workdetail div.linkarea dl dt div:nth-child(2) button.active svg{
		fill:#FC0;
	}
	section.workdetail div.linkarea dl dd{
		padding:10px 5px 0 5px;
	}
	section.workdetail div.linkarea dl dd{
		padding:5px 5px 0 5px;
	}
	section.workdetail div.linkarea dl dd a{
		display:block;
		text-decoration:none;
		width:100%;
		padding:0 5px 0 30px;
		position:relative;
		z-index:1;
		line-height:40px;
		color:#FFF;
		box-sizing:border-box;
		border-radius:5px;
	}
	section.workdetail div.linkarea dl dd div:nth-child(1) a{
		background-color:#39F;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2) a{
		background-color:#00B900;
	}
	section.workdetail div.linkarea dl dd div a svg{
		position:absolute;
		line-height:1;
		font-size:20px;
		left:10px;
		top:10px;
		width:20px;
		height:20px;
		fill:#FFF;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2){
		position:relative;
		z-index:1;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2)::before{
		content:"LINEで応募する";
		position:absolute;
		top:0;
		right:5px;
		bottom:0;
		left:5px;
		display:block;
		text-decoration:none;
		padding:0 5px 0 30px;
		line-height:40px;
		color:#FFF;
		box-sizing:border-box;
		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;
	}
	section.workdetail h4.title{
		font-size:14px;
		line-height:80px;
		text-align:center;
		color:#39F;
		position:relative;
		z-index:1;
	}
	section.workdetail h4.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:54px;
		height:54px;
		display:block;
		top:13px;
		fill:#39F;
	}
	section.workdetail h4.title svg:nth-child(1){
		left:10px;
	}
	section.workdetail h4.title svg:nth-child(2){
		right:10px;
	}
	section.workdetail .appeal{
		padding:0 0 30px 0;
		box-sizing:border-box;
	}
	section.workdetail .appeal dl{
		position:relative;
		z-index:1;
		padding:50px 30px 20px 30px;
		box-sizing:border-box;
	}
	section.workdetail .appeal dl::before{
		position:absolute;
		width:80px;
		line-height:76px;
		display:block;
		z-index:-1;
		border:solid 2px #39F;
		border-radius:50%;
		opacity:0.2;
		box-sizing:border-box;
		font-family:'Bai Jamjuree', sans-serif;
		color:#39F;
		font-size:36px;
		text-align:center;
		top:0;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
	}
	section.workdetail .appeal dl:nth-child(1)::before{
		content:"01";
	}
	section.workdetail .appeal dl:nth-child(2)::before{
		content:"02";
	}
	section.workdetail .appeal dl:nth-child(3)::before{
		content:"03";
	}
	section.workdetail .appeal dl dt{
		font-size:14px;
		color:#F6C;
		padding:0 0 5px 0;
	}
	section.workdetail .appeal dl dd{
		font-size:12px;
		color:#666;
	}
	section.workdetail ul.condition{
		display:table;
		margin:0 auto 16px auto;
		width:calc(100% - 20px);
		padding:0 10px;
		box-sizing:border-box;
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.condition li{
		padding:0 2px 4px 2px;
		float:left;
	}
	section.workdetail ul.condition li p{
		display:table;
		border:solid 1px #39F;
		border-radius:5px;
		padding:0 10px;
		line-height:23px;
		color:#39F;
		font-size:10px;
		box-sizing:border-box;
	}
	section.workdetail div.prarea{
		margin:0 30px 20px 30px;
		font-size:12px;
		color:#666;
	}
	section.workdetail ul.atmosphere{
		text-align:center;
		list-style:none;
		list-style-position:outside;
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 0;
		float:left;
		margin:0 10px 20px 10px;
		width:calc(100% - 20px);
		font-size:10px;
		color:#666;
	}
	section.workdetail ul.atmosphere div{
		display:table;
		width:100%;
		margin:0 auto;
	}
	section.workdetail ul.atmosphere div p{
		display:table-cell;
		vertical-align:middle;
		height:30px;
		width:134px;
	}
	section.workdetail ul.atmosphere div p:nth-child(1){
		text-align:right;
	}
	section.workdetail ul.atmosphere div p:nth-child(2){
		position:relative;
		z-index:1;
		width:150px;
	}
	section.workdetail ul.atmosphere div p:nth-child(3){
		text-align:left;
	}
	section.workdetail ul.atmosphere div p span{
		position:absolute;
		width:5px;
		height:5px;
		background-color:#BBB;
		display:block;
		top:50%;
		border-radius:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	section.workdetail ul.atmosphere div p span:nth-child(1){
		left:10%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(2){
		left:30%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(3){
		left:50%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(4){
		left:70%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(5){
		left:90%;
	}
	section.workdetail ul.atmosphere div.p-1 p span:nth-child(1),
	section.workdetail ul.atmosphere div.p-2 p span:nth-child(2),
	section.workdetail ul.atmosphere div.p-3 p span:nth-child(3),
	section.workdetail ul.atmosphere div.p-4 p span:nth-child(4),
	section.workdetail ul.atmosphere div.p-5 p span:nth-child(5){
		background-color:#39F;
		width:10px;
		height:10px;
	}
	section.workdetail div.photofavo{
		display:table;
		margin:0 9px 20px 10px;
		width:calc(100% - 20px);
	}
	section.workdetail div.photofavo figure{
		display:block;
		float:left;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		background-color:#333;
	}
	section.workdetail div.photofavo figure img{
		width:100%;
	}
	section.workdetail div.photofavo div.linkbtn{
		padding:10px 0 0 0;
		text-align:center;
		clear:both;
	}
	section.workdetail div.photofavo div.linkbtn a{
		background-color:#39F;
		font-size:12px;
		color:#FFF;
		line-height:40px;
		padding:0 30px;
		display:inline-block;
		border-radius:5px;
	}
	section.workdetail ul.articlearea{
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.articlearea li{
		position:relative;
		z-index:1;
		border-top:solid 1px #EFEFEF;
		display:table;
		table-layout:fixed;
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	section.workdetail ul.articlearea li a{
		position:absolute;
		top:16px;
		right:10px;
		bottom:16px;
		left:10px;
		display:block;
		overflow:hidden;
	}
	section.workdetail ul.articlearea li a img{
		width:100%;
		height:48px;
		opacity:0;
	}
	section.workdetail ul.articlearea li figure{
		width:60px;
		height:60px;
		border-radius:5px;
		background-color:#333;
		overflow:hidden;
		display:table-cell;
		vertical-align:middle;
	}
	section.workdetail ul.articlearea li figure img{
		width:100%;
	}
	section.workdetail ul.articlearea li dl{
		display:table-cell;
		vertical-align:middle;
		width:calc(100vw - 100px);
	}
	section.workdetail ul.articlearea li dl dt{
		display:table;
		table-layout:fixed;
		width:100%;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.workdetail ul.articlearea li dl dt > *{
		display:table-cell;
		vertical-align:middle;
		line-height:20px;
		color:#666;
	}
	section.workdetail ul.articlearea li dl dt p{
		font-size:12px;
	}
	section.workdetail ul.articlearea li dl dt time{
		font-size:10px;
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
	}
	section.workdetail ul.articlearea li dl dd{
		font-size:10px;
		padding:0 0 0 10px;
		color:#666;
	}
	section.workdetail ul.appinfo{
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.appinfo li{
		border-top:solid 1px #EFEFEF;
	}
	section.workdetail ul.appinfo li dl{
		display:table;
		width:100%;
		padding:5px 10px;
		box-sizing:border-box;
	}
	section.workdetail ul.appinfo li dt{
		display:table-cell;
		width:35%;
		font-size:12px;
		color:#39F;
		padding:5px 0;
	}
	section.workdetail ul.appinfo li dd{
		display:table-cell;
		width:65%;
		font-size:12px;
		color:#666;
		padding:5px;
	}
	section.workdetail div.storephoto{
		list-style:none;
		list-style-position:outside;
		padding:0 9px 9px 10px;
	}
	section.workdetail div.storephoto a{
		float:left;
		padding:0 1px 1px 0;
		box-sizing:border-box;
		width:33.3333%;
		display:block;
	}
	section.workdetail div.storephoto a figure{
		position:relative;
		z-index:1;
		display:block;
	}
	section.workdetail div.storephoto a figure img{
		width:100%;
	}
	section.workform{
		padding:20px 0 0 0;
	}
	section.workform section.formblock{
		margin:0 10px 20px 10px;
		background-color:#FFF;
		border-radius:5px;
		padding:0 0 10px 0;
	}
	section.formblock dl.title{
		padding:0 0 20px 0;
	}
	section.formblock dl.title dt{
		font-size:14px;
		line-height:80px;
		text-align:center;
		color:#39F;
		position:relative;
		z-index:1;
	}
	section.formblock dl.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:54px;
		height:54px;
		display:block;
		top:13px;
		fill:#39F;
	}
	section.formblock dl.title dd{
		color:#666;
		font-size:12px;
		text-align:center;
	}
	section.formblock dl.title svg:nth-child(1){
		left:10px;
	}
	section.formblock dl.title svg:nth-child(2){
		right:10px;
	}
	section.workform section.formblock div.inner{
		margin:0 10px;
		display:block;
		box-sizing:border-box;
		border:solid 1px #EFEFEF;
		padding:10px;
		overflow:hidden;
	}
	section.workform section.formblock dl.formbox_01,
	section.workform section.formblock dl.formbox_04{
		width:100%;
		margin:0 0 20px 0;
	}
	section.workform section.formblock dl.formbox_01 > *{
	}
	section.workform section.formblock dl.formbox_01 dt,
	section.workform section.formblock dl.formbox_04 dt{
		box-sizing:border-box;
		padding:0 10px;
		color:#333;
		font-size:12px;
		line-height:30px;
	}
	section.workform section.formblock dl.formbox_01 dd{
		padding:1px;
		border:solid 1px #EEE;
	}
	section.workform section.formblock dl.formbox_04 dd{
		padding:10px;
		border:solid 1px #EEE;
	}
	section.workform section.formblock dl.formbox_01 dd p.text{
		display:block;
		background-color:#FFF;
		line-height:40px;
		padding:0 10px;
	}
	section.workform section.formblock div.formbox_03{
		display:table;
		margin:0 auto;
		font-size:10px;
		color:#333;
		padding:0 0 20px 0;
	}
	section.workform section.formblock div.formbox_03 a{
		text-decoration:underline;
		color:#39F;
	}
	section.workform section.formblock dd input{
		height:40px;
	}
	section.workform section.formblock dd .selectwrap,
	section.workform section.formblock dd select{
		width:100%;
	}
	section.workform section.formblock div.btnarea{
		max-width:200px;
		margin:0 auto;
		padding:0 0 30px 0;
	}
	section.workform section.formblock div.btnarea input{
		display:table;
		height:40px;
		color:#FFF;
		background-color:#39F;
		border-radius:5px;
		margin:0 auto;
	}
	section.workform section.formblock dl.formbox_02{
		border:solid 1px #EFEFEF;
		padding:30px;
		text-align:center;
	}
	section.workform section.formblock dl.formbox_02 dt{
		font-size:14px;
		color:#666;
		padding:0 0 20px 0;
	}
	section.workform section.formblock dl.formbox_02 dd a{
		text-decoration:underline;
		color:#39F;
	}
	/*ムービー*/
	div.movie_wrap div.movie_item a::before{
    height: 40px;
		width: 40px;
	}
	div.post_time span.time{
		display: block;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.workdetail section.detailblock{
		margin:0 auto 10px auto;
		background-color:#FFF;
		border-radius:5px;
		max-width:600px;
	}
	section.workdetail section.detailblock:nth-child(1){
		margin:40px auto 10px auto;
		position:relative;
		z-index:1;
	}
	section.workdetail figure.logo{
		position:absolute;
		width:80px;
		border-radius:5px;
		overflow:hidden;
		background-color:#333;
		top:-30px;
	}
	section.workdetail figure.logo img{
		width:100%;
	}
	section.workdetail div.namearea dl dd{
		text-align:right;
		position:absolute;
		top:-30px;
		right:0;
		line-height:30px;
		width:calc(100% - 80px);
		font-size:8px;
		color:#666;
	}
	section.workdetail div.namearea dl dt{
		font-size:12px;
		color:#333;
		height:50px;
		vertical-align:middle;
		display:table-cell;
		width:calc(100vw - 150px);
	}
	section.workdetail div.namearea dl dt h3{
		padding:0 0 0 10px;
	}
	section.workdetail div.shopdetailtop{
		width:100%;
		padding:0 0 60px 0;
		position:relative;
		z-index:1;
	}
	section.workdetail div.shopdetailtop::after{
		display:block;
		clear:both;
		height:0px;
		line-height:0px;
		visibility:hidden;
		content:".";
	}
	section.workdetail div.shopdetailtop div.namearea{
		width:calc(100% - 130px);
		margin:0 0 0 80px;
		float:left;
	}
	section.workdetail div.shopdetailtop div.salaryarea{
		position:absolute;
		bottom:10px;
		left:0;
		display:block;
		width:100%;
	}
	section.workdetail div.shopdetailtop div.salaryarea div{
		margin:0 10px;
		display:table;
		width:calc(100% - 20px);
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:0 10px;
	}
	section.workdetail div.shopdetailtop div.salaryarea div > *{
		display:table-cell;
		height:38px;
		vertical-align:middle;
		width:50%;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.jobarea,
	section.workdetail div.shopdetailtop div.salaryarea div p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	section.workdetail div.shopdetailtop div.salaryarea div p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	section.workdetail div.shopdetailtop div.btnarea{
		float:right;
		width:50px;
	}
	section.workdetail div.shopdetailtop div.btnarea button{
		width:50px;
		padding:35px 0 0 0;
		line-height:15px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	section.workdetail div.shopdetailtop div.btnarea button svg{
		position:absolute;
		width:24px;
		height:24px;
		top:10px;
		left:13px;
		fill:#BBB;
	}
	section.workdetail div.shopdetailtop div.btnarea button.active svg{
		fill:#FC0;
	}
	section.workdetail p.description{
		padding:0 15px 10px 15px;
		font-size:10px;
		color:#666;
	}
	section.workdetail p.heading{
		padding:10px 15px;
		font-size:10px;
		color:#666;
		border-top:solid 1px #EFEFEF;
	}
	section.workdetail div.linkarea dl{
		border-top:solid 1px #EFEFEF;
		padding:10px 0;
	}
	section.workdetail div.linkarea dl:nth-child(1){
		padding:5px 0 10px 0;
	}
	section.workdetail div.linkarea dl > *{
		display:table;
		width:100%;
		table-layout:fixed;
		box-sizing:border-box;
		padding:0 5px;
		text-align:center;
		font-size:12px;
		color:#666;
	}
	section.workdetail div.linkarea dl > * > *{
		display:table-cell;
		width:50%;
		padding:0 5px;
		vertical-align:middle;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(1) a{
		display:block;
		font-family:'Bai Jamjuree', sans-serif;
		color:#333;
		font-size:16px;
		text-align:center;
		text-decoration:none;
		line-height:36px;
		border:solid 2px #39F;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(1) a{
		padding:0 3px 0 28px;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(1) a::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="M28.813 23.342c-1.687-0.658-3.339-1.45-4.93-2.378-0.796-0.463-1.146-0.389-1.599 0.063-0.685 0.688-1.438 1.268-2.237 1.742-0.663 0.4-0.878 0.427-1.639 0.004-1.877-1.038-3.643-2.35-5.236-3.946v0c0 0 0 0-0.001 0-1.593-1.594-2.907-3.358-3.946-5.235-0.422-0.763-0.396-0.977 0.003-1.642 0.479-0.797 1.058-1.551 1.745-2.237 0.452-0.454 0.525-0.802 0.062-1.598-0.928-1.591-1.717-3.239-2.377-4.931-0.354-0.901-0.676-1.052-1.354-0.614-0.927 0.601-1.806 1.305-2.617 2.115-0.316 0.316-0.613 0.641-0.895 0.977-0.251 0.295-0.319 0.585-0.276 0.842 0.87 5.318 3.355 10.422 7.456 14.523v0.002c4.101 4.1 9.207 6.586 14.523 7.454 0.257 0.044 0.546-0.025 0.846-0.277 0.332-0.279 0.66-0.577 0.974-0.894 0.81-0.813 1.515-1.69 2.115-2.617 0.436-0.676 0.289-0.997-0.618-1.354z" /></svg>') no-repeat center center;
		background-size:20px 20px;
		width:20px;
		height:20px;
		fill:#39F;
		left:8px;
		top:8px;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(2){
		text-align:right;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(2) button{
		width:50px;
		padding:35px 0 0 0;
		line-height:15px;
		text-align:center;
		font-size:7px;
		position:relative;
		z-index:1;
		color:#666;
		background-color:#FFF;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(2) button svg{
		position:absolute;
		width:24px;
		height:24px;
		top:10px;
		left:13px;
		fill:#BBB;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(2) button.active svg{
		fill:#FC0;
	}
	section.workdetail div.linkarea dl dd{
		padding:10px 5px 0 5px;
	}
	section.workdetail div.linkarea dl:nth-child(1) dd{
		padding:5px 5px 0 5px;
	}
	section.workdetail div.linkarea dl dd a{
		display:block;
		text-decoration:none;
		width:100%;
		padding:0 5px 0 30px;
		position:relative;
		z-index:1;
		line-height:40px;
		color:#FFF;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl dd div:nth-child(1) a{
		background-color:#39F;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2) a{
		background-color:#00B900;
	}
	section.workdetail div.linkarea dl dd div a svg{
		position:absolute;
		width:20px;
		height:20px;
		fill:#FFF;
		left:10px;
		top:10px;
	}
	section.workdetail h4.title{
		font-size:14px;
		line-height:50px;
		text-align:center;
		color:#39F;
	}
	section.workdetail .appeal{
		padding:0 0 30px 0;
		box-sizing:border-box;
	}
	section.workdetail .appeal p{
		position:relative;
		z-index:1;
		padding:50px 30px 20px 30px;
		font-size:10px;
		color:#666;
		box-sizing:border-box;
	}
	section.workdetail .appeal p::before{
		position:absolute;
		width:80px;
		line-height:76px;
		display:block;
		z-index:-1;
		border:solid 2px #39F;
		border-radius:50%;
		opacity:0.2;
		box-sizing:border-box;
		font-family:'Bai Jamjuree', sans-serif;
		color:#39F;
		font-size:36px;
		text-align:center;
		top:0;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
	}
	section.workdetail .appeal p:nth-child(1)::before{
		content:"01";
	}
	section.workdetail .appeal p:nth-child(2)::before{
		content:"02";
	}
	section.workdetail .appeal p:nth-child(3)::before{
		content:"03";
	}
	section.workdetail ul.condition{
		display:table;
		margin:0 auto 16px auto;
		width:calc(100% - 20px);
		padding:0 10px;
		box-sizing:border-box;
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.condition li{
		padding:0 2px 4px 2px;
		float:left;
	}
	section.workdetail ul.condition li p{
		display:table;
		border:solid 1px #39F;
		border-radius:5px;
		padding:0 10px;
		line-height:23px;
		color:#39F;
		font-size:10px;
		box-sizing:border-box;
	}
	section.workdetail div.prarea{
		margin:0 30px 20px 30px;
		font-size:10px;
		color:#666;
	}
	section.workdetail ul.atmosphere{
		text-align:center;
		list-style:none;
		list-style-position:outside;
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 0;
		float:left;
		margin:0 10px 20px 10px;
		width:calc(100% - 20px);
		font-size:10px;
		color:#666;
	}
	section.workdetail ul.atmosphere div{
		display:table;
		width:100%;
		margin:0 auto;
	}
	section.workdetail ul.atmosphere div p{
		display:table-cell;
		vertical-align:middle;
		height:30px;
		width:134px;
	}
	section.workdetail ul.atmosphere div p:nth-child(1){
		text-align:right;
	}
	section.workdetail ul.atmosphere div p:nth-child(2){
		position:relative;
		z-index:1;
		width:150px;
	}
	section.workdetail ul.atmosphere div p:nth-child(3){
		text-align:left;
	}
	section.workdetail ul.atmosphere div p span{
		position:absolute;
		width:5px;
		height:5px;
		background-color:#BBB;
		display:block;
		top:50%;
		border-radius:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	section.workdetail ul.atmosphere div p span:nth-child(1){
		left:10%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(2){
		left:30%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(3){
		left:50%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(4){
		left:70%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(5){
		left:90%;
	}
	section.workdetail ul.atmosphere div.p-1 p span:nth-child(1),
	section.workdetail ul.atmosphere div.p-2 p span:nth-child(2),
	section.workdetail ul.atmosphere div.p-3 p span:nth-child(3),
	section.workdetail ul.atmosphere div.p-4 p span:nth-child(4),
	section.workdetail ul.atmosphere div.p-5 p span:nth-child(5){
		background-color:#39F;
		width:10px;
		height:10px;
	}
	section.workdetail div.photofavo{
		display:table;
		margin:0 9px 20px 10px;
		width:calc(100% - 20px);
	}
	section.workdetail div.photofavo figure{
		display:block;
		float:left;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		background-color:#333;
	}
	section.workdetail div.photofavo figure img{
		width:100%;
	}
	section.workdetail ul.articlearea{
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.articlearea li{
		position:relative;
		z-index:1;
		border-top:solid 1px #EFEFEF;
		display:table;
		table-layout:fixed;
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	section.workdetail ul.articlearea li a{
		position:absolute;
		top:16px;
		right:10px;
		bottom:16px;
		left:10px;
		display:block;
		overflow:hidden;
	}
	section.workdetail ul.articlearea li a img{
		width:100%;
		height:48px;
		opacity:0;
	}
	section.workdetail ul.articlearea li figure{
		width:60px;
		height:60px;
		border-radius:5px;
		background-color:#333;
		overflow:hidden;
		display:table-cell;
		vertical-align:middle;
	}
	section.workdetail ul.articlearea li figure img{
		width:100%;
	}
	section.workdetail ul.articlearea li dl{
		display:table-cell;
		vertical-align:middle;
		width:520px;
	}
	section.workdetail ul.articlearea li dl dt{
		display:table;
		table-layout:fixed;
		width:100%;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.workdetail ul.articlearea li dl dt > *{
		display:table-cell;
		vertical-align:middle;
		line-height:20px;
		color:#666;
	}
	section.workdetail ul.articlearea li dl dt p{
		font-size:12px;
	}
	section.workdetail ul.articlearea li dl dt time{
		font-size:10px;
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
	}
	section.workdetail ul.articlearea li dl dd{
		font-size:10px;
		padding:0 0 0 10px;
		color:#666;
	}
	section.workdetail ul.appinfo{
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.appinfo li{
		border-top:solid 1px #EFEFEF;
	}
	section.workdetail ul.appinfo li dl{
		padding:5px 10px;
	}
	section.workdetail ul.appinfo li dt{
		font-size:12px;
		color:#39F;
		padding:5px 0;
	}
	section.workdetail ul.appinfo li dd{
		font-size:10px;
		color:#666;
		padding:5px;
	}
	/*ムービー*/
	div.movie_wrap div.movie_item a::before{
    height: 65px;
		width: 65px;
	}
	div.m_time{
		font-size: 12px;
	}
	div.post_time{
		font-size: 12px;
		padding-top: 10px;
	}
	div.post_time span.time{
		display: inline-block;
		margin-left: 5px;
	}
}
@media (orientation: landscape) and (max-width:568px){
	section.workdetail section.detailblock{
		margin:0 auto 10px auto;
		max-width:400px;
	}
	section.workdetail section.detailblock:nth-child(1){
		margin:40px auto 10px auto;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(1) a{
		padding:0 3px 0 28px;
		position:relative;
		z-index:1;
	}
	section.workdetail div.linkarea dl:nth-child(1) dt div:nth-child(1) a::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="M28.813 23.342c-1.687-0.658-3.339-1.45-4.93-2.378-0.796-0.463-1.146-0.389-1.599 0.063-0.685 0.688-1.438 1.268-2.237 1.742-0.663 0.4-0.878 0.427-1.639 0.004-1.877-1.038-3.643-2.35-5.236-3.946v0c0 0 0 0-0.001 0-1.593-1.594-2.907-3.358-3.946-5.235-0.422-0.763-0.396-0.977 0.003-1.642 0.479-0.797 1.058-1.551 1.745-2.237 0.452-0.454 0.525-0.802 0.062-1.598-0.928-1.591-1.717-3.239-2.377-4.931-0.354-0.901-0.676-1.052-1.354-0.614-0.927 0.601-1.806 1.305-2.617 2.115-0.316 0.316-0.613 0.641-0.895 0.977-0.251 0.295-0.319 0.585-0.276 0.842 0.87 5.318 3.355 10.422 7.456 14.523v0.002c4.101 4.1 9.207 6.586 14.523 7.454 0.257 0.044 0.546-0.025 0.846-0.277 0.332-0.279 0.66-0.577 0.974-0.894 0.81-0.813 1.515-1.69 2.115-2.617 0.436-0.676 0.289-0.997-0.618-1.354z" /></svg>') no-repeat center center;
		background-size:20px 20px;
		width:20px;
		height:20px;
		fill:#39F;
		left:8px;
		top:8px;
	}
	section.workdetail ul.articlearea li dl{
		width:320px;
	}
	div.movie_wrap div.movie_item a::before{
    height: 65px;
		width: 65px;
	}
	div.m_time{
		font-size: 12px;
	}
	div.post_time{
		font-size: 12px;
		padding-top: 10px;
	}
	div.post_time span.time{
		display: inline-block;
		margin-left: 5px;
	}
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
	section.workdetail section.detailblock{
		margin:0 auto 10px auto;
		max-width:400px;
	}
	section.workdetail section.detailblock:nth-child(1){
		margin:40px auto 10px auto;
	}
	section.workdetail ul.articlearea li dl{
		display:table-cell;
		vertical-align:middle;
		width:320px;
	}
	div.movie_wrap div.movie_item a::before{
    height: 60px;
		width: 60px;
	}
	div.movie_wrap div.movie_item a::before{
    height: 65px;
		width: 65px;
	}
	div.m_time{
		font-size: 12px;
	}
	div.post_time{
		font-size: 12px;
		padding-top: 10px;
	}
	div.post_time span.time{
		display: inline-block;
		margin-left: 5px;
	}
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
	div.movie_wrap div.movie_item a::before{
    height: 60px;
		width: 60px;
	}
	div.movie_wrap div.movie_item a::before{
    height: 65px;
		width: 65px;
	}
	div.m_time{
		font-size: 12px;
	}
	div.post_time{
		font-size: 12px;
		padding-top: 10px;
	}
	div.post_time span.time{
		display: inline-block;
		margin-left: 5px;
	}
}
@media screen and (min-width:1100px){
	section.workdetail section.detailblock{
		width:900px;
		margin:0 auto 20px auto;
		background-color:#FFF;
		border-radius:5px;
	}
	div.shopdetailtop{
		position:relative;
		z-index:1;
		display:table;
		table-layout:fixed;
		width:100%;
	}
	div.shopdetailtop > *{
		display:table-cell;
		vertical-align:middle;
	}
	div.shopdetailtop figure.logo{
    width:80px;
    border-radius:5px;
		overflow:hidden;
		background-color:#333;
	}
	div.shopdetailtop figure.logo img{
		width:100%;
	}
	div.shopdetailtop div.btnarea{
		padding:10px;
		width:60px;
	}
	div.shopdetailtop div.namearea dl dt{
		font-size:12px;
		color:#666;
		padding:0 20px;
		line-height:25px;
	}
	div.shopdetailtop div.namearea dl dd{
		font-size:18px;
		color:#333;
		padding:0 20px;
		line-height:15px;
	}
	div.shopdetailtop div.btnarea 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:transparent;
	}
	div.shopdetailtop div.btnarea button svg{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		left:15px;
		fill:#BBB;
	}
	div.shopdetailtop div.btnarea button.active svg{
		fill:#FC0;
	}
	div.shopdetailtop div.salaryarea{
		padding:10px 0 10px 10px;
	}
	div.shopdetailtop div.salaryarea > div{
		display:table-cell;
		width:360px;
		height:60px;
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:0 10px;
		vertical-align:middle;
	}
	div.shopdetailtop div.salaryarea p.jobarea,
	div.shopdetailtop div.salaryarea p.salary span{
		font-family:'M PLUS Rounded 1c', sans-serif;
		font-size:10px;
		color:#666;
	}
	div.shopdetailtop div.salaryarea p.salary{
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
		color:#F09;
		font-size:24px;
	}
	div.shopdetailtop div.salaryarea p.salary span:nth-child(1){
		padding:0 5px 0 0;
	}
	section.workdetail p.description{
		font-size:14px;
		padding:0 100px 20px 100px;
		color:#666;
	}
	section.workdetail p.heading{
		font-size:14px;
		padding:20px 100px;
		color:#666;
		border-top:solid 1px #EFEFEF;
	}
	section.workdetail div.linkarea{
		display:flex;
		width:100%;
		box-sizing:border-box;
		gap: 20px;
		flex-flow: wrap;
		padding: 0 20px 20px;
	}
	section.workdetail div.linkarea > p {
		content: "ご応募の際に「ヨルナビを見た」とお伝えいただくことでスムーズにご応募いただけます。";
		width: 100%;
		display: block;
		text-align: center;
		box-sizing: border-box;
		padding: 20px;
		background-color: #EFEFEF;
    color: #666;
		font-size: 14px;
	}
	section.workdetail div.linkarea > div{
		display:table-cell;
		width:50%;
		position:relative;
		z-index:1;
		background-color:#EFEFEF;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea > dl{
		display:flex;
		width:calc((100% - 20px) * 0.5);
		box-sizing:border-box;
		flex-flow: wrap;
		background-color: #EFEFEF;
	}
	section.workdetail div.linkarea dl > *{
		display:flex;
		width:100%;
		border-collapse:inherit;
		border-spacing:0;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl > * > *{
		display:flex;
		align-items:center;
		box-sizing:border-box;
	}
	section.workdetail div.linkarea dl dt div:nth-child(1){
		padding:0 0 0 10px;
		flex: 1;
		width: 100%;
	}
	section.workdetail div.linkarea dl dt div:nth-child(2){
		width:60px;
		flex: none;
	}
	section.workdetail div.linkarea dl dt 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:transparent;
	}
	section.workdetail div.linkarea dl dt button svg{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		left:15px;
		fill:#BBB;
	}
	section.workdetail div.linkarea dl dt button.active svg{
		fill:#FC0;
	}
	section.workdetail div.linkarea dl dt a{
		pointer-events:none;
		font-family:'Bai Jamjuree', sans-serif;
		color:#333;
		font-size:20px;
		padding:0 0 0 40px;
		position:relative;
		z-index:1;
		line-height:40px;
		display:block;
		text-decoration:none;
	}
	section.workdetail div.linkarea dl dt a::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="M28.813 23.342c-1.687-0.658-3.339-1.45-4.93-2.378-0.796-0.463-1.146-0.389-1.599 0.063-0.685 0.688-1.438 1.268-2.237 1.742-0.663 0.4-0.878 0.427-1.639 0.004-1.877-1.038-3.643-2.35-5.236-3.946v0c0 0 0 0-0.001 0-1.593-1.594-2.907-3.358-3.946-5.235-0.422-0.763-0.396-0.977 0.003-1.642 0.479-0.797 1.058-1.551 1.745-2.237 0.452-0.454 0.525-0.802 0.062-1.598-0.928-1.591-1.717-3.239-2.377-4.931-0.354-0.901-0.676-1.052-1.354-0.614-0.927 0.601-1.806 1.305-2.617 2.115-0.316 0.316-0.613 0.641-0.895 0.977-0.251 0.295-0.319 0.585-0.276 0.842 0.87 5.318 3.355 10.422 7.456 14.523v0.002c4.101 4.1 9.207 6.586 14.523 7.454 0.257 0.044 0.546-0.025 0.846-0.277 0.332-0.279 0.66-0.577 0.974-0.894 0.81-0.813 1.515-1.69 2.115-2.617 0.436-0.676 0.289-0.997-0.618-1.354z" /></svg>') no-repeat center center;
		-webkit-background-size:20px 20px;
		left:10px;
		top:10px;
		width:20px;
		height:20px;
	}
	section.workdetail div.linkarea dl dt{
		text-align:center;
		line-height:60px;
		font-size:14px;
		color:#666;
		justify-content: center;
	}
	section.workdetail div.linkarea dl dd{
		padding:0 5px 10px 5px;
		flex-flow: wrap;
	}
	section.workdetail div.linkarea dl dd > *{
		padding:0 5px;
		width:50%;
		text-align:center;
	}
	section.workdetail div.linkarea dl dd div a{
		display:block;
		text-decoration:none;
		color:#FFF;
		position:relative;
		z-index:1;
		line-height:40px;
		padding:0 10px 0 40px;
		border-radius:5px;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
		width: 100%;
	}
	section.workdetail div.linkarea dl dd div:nth-child(1) a{
		background-color:#39F;
	}
	section.workdetail div.linkarea dl dd div:nth-child(1) a:hover{
		background-color:#3CF;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2) a{
		background-color:#00b900;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2) a:hover{
		background-color:#00C900;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2){
		position:relative;
		z-index:1;
	}
	section.workdetail div.linkarea dl dd div:nth-child(2)::before{
		content:"LINEで応募する";
		position:absolute;
		display:block;
		text-decoration:none;
		color:#FFF;
		line-height:40px;
		padding:0 10px 0 40px;
		top:0;
		right:5px;
		bottom:0;
		left:5px;
		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;
	}
	section.workdetail div.linkarea dl dd div a svg{
		position:absolute;
		fill:#FFF;
		left:10px;
		top:10px;
		width:20px;
		height:20px;
	}
	section.workdetail h4.title{
		font-size:18px;
		line-height:80px;
		text-align:center;
		color:#39F;
		position:relative;
		display:table;
		padding:0 60px;
		margin:0 auto;
	}
	section.workdetail h4.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:50px;
		height:50px;
		display:block;
		top:15px;
		fill:#39F;
	}
	section.workdetail h4.title svg:nth-child(1){
		left:0;
	}
	section.workdetail h4.title svg:nth-child(2){
		right:0;
	}
	section.workdetail .appeal{
		display:table;
		padding:0 10px 20px 10px;
		box-sizing:border-box;
	}
	section.workdetail .appeal dl{
		width:calc((100% - 20px) / 3);
		position:relative;
		z-index:1;
		padding:50px 10px 0 40px;
		box-sizing:border-box;
		float:left;
	}
	section.workdetail .appeal dl::before{
		position:absolute;
		width:80px;
		line-height:76px;
		display:block;
		z-index:-1;
		border:solid 2px #39F;
		border-radius:50%;
		opacity:0.2;
		box-sizing:border-box;
		font-family:'Bai Jamjuree', sans-serif;
		color:#39F;
		font-size:36px;
		text-align:center;
		top:0;
		left:0;
	}
	section.workdetail .appeal dl:nth-child(1)::before{
		content:"01";
	}
	section.workdetail .appeal dl:nth-child(2)::before{
		content:"02";
	}
	section.workdetail .appeal dl:nth-child(3)::before{
		content:"03";
	}
	section.workdetail .appeal dl dt{
		font-size:14px;
		color:#F3C;
		padding:0 0 10px 0;
	}
	section.workdetail .appeal dl dd{
		font-size:12px;
		color:#666;
	}
	section.workdetail div.gridwrap{
		-ms-grid-columns:50% 50%;
		grid-template-columns:50% 50%;
		display:grid;
	}
	section.workdetail ul.condition{
		margin:0 10px 10px 20px;
		width:calc(100% - 30px);
		padding:0 5px;
		box-sizing:border-box;
		list-style:none;
		list-style-position:outside;
	}
	section.workdetail ul.condition li{
		padding:0 5px 10px 5px;
		float:left;
	}
	section.workdetail ul.condition li p{
		display:table;
		border:solid 1px #39F;
		border-radius:5px;
		padding:0 10px;
		line-height:23px;
		color:#39F;
		font-size:10px;
		box-sizing:border-box;
	}
	section.workdetail div.prarea{
		margin:0 20px 20px 10px;
		width:calc(100% - 30px);
		font-size:14px;
		color:#666;
		grid-column:2/3;
		grid-row:1/4;
		position:relative;
		z-index:1;
	}
	section.workdetail div.prarea div.inner{
		overflow-x:auto;
		height:calc(100% - 20px);
		border:solid 1px #EFEFEF;
		border-right:none;
		padding:10px;
		position:absolute;
		top:0;
		right:0;
		bottom:20px;
		left:0;
	}
	section.workdetail ul.atmosphere{
		text-align:center;
		list-style:none;
		list-style-position:outside;
		border:solid 1px #EFEFEF;
		box-sizing:border-box;
		padding:5px 0;
		margin:0 10px 20px 20px;
		width:calc(100% - 30px);
		font-size:14px;
		color:#666;
	}
	section.workdetail ul.atmosphere div{
		display:table;
		width:100%;
		margin:0 auto;
	}
	section.workdetail ul.atmosphere div p{
		display:table-cell;
		vertical-align:middle;
		height:30px;
		width:134px;
	}
	section.workdetail ul.atmosphere div p:nth-child(1){
		text-align:right;
	}
	section.workdetail ul.atmosphere div p:nth-child(2){
		position:relative;
		z-index:1;
		width:150px;
	}
	section.workdetail ul.atmosphere div p:nth-child(3){
		text-align:left;
	}
	section.workdetail ul.atmosphere div p span{
		position:absolute;
		width:5px;
		height:5px;
		background-color:#BBB;
		display:block;
		top:50%;
		border-radius:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	section.workdetail ul.atmosphere div p span:nth-child(1){
		left:10%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(2){
		left:30%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(3){
		left:50%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(4){
		left:70%;
	}
	section.workdetail ul.atmosphere div p span:nth-child(5){
		left:90%;
	}
	section.workdetail ul.atmosphere div.p-1 p span:nth-child(1),
	section.workdetail ul.atmosphere div.p-2 p span:nth-child(2),
	section.workdetail ul.atmosphere div.p-3 p span:nth-child(3),
	section.workdetail ul.atmosphere div.p-4 p span:nth-child(4),
	section.workdetail ul.atmosphere div.p-5 p span:nth-child(5){
		background-color:#39F;
		width:10px;
		height:10px;
	}
	section.workdetail div.photofavo{
		margin:0 9px 20px 20px;
		width:calc(100% - 30px);
	}
	section.workdetail div.photofavo figure{
		display:block;
		float:left;
		width:calc(25% - 1px);
		margin:0 1px 0 0;
		background-color:#333;
	}
	section.workdetail div.photofavo figure img{
		width:100%;
	}
	section.workdetail div.photofavo div.linkbtn{
		padding:10px 0 0 0;
		text-align:center;
		clear:both;
	}
	section.workdetail div.photofavo div.linkbtn a{
		background-color:#39F;
		font-size:16px;
		color:#FFF;
		line-height:40px;
		padding:0 30px;
		display:inline-block;
		border-radius:5px;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	section.workdetail div.photofavo div.linkbtn a:hover{
		background-color:#3CF;
	}
	section.workdetail ul.articlearea{
		list-style:none;
		list-style-position:outside;
		padding:0 10px 20px 10px;
		display:table;
		width:100%;
		box-sizing:border-box;
	}
	section.workdetail ul.articlearea li{
		position:relative;
		z-index:1;
		border:solid 1px #EFEFEF;
		width:calc(25% - 20px);
		padding:10px;
		box-sizing:border-box;
		float:left;
		margin:0 10px;
	}
	section.workdetail ul.articlearea li a{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		display:block;
		overflow:hidden;
	}
	section.workdetail ul.articlearea li a img{
		width:100%;
		height:100%;
		opacity:0;
	}
	section.workdetail ul.articlearea li figure{
		float:left;
		width:60px;
		height:60px;
		border-radius:5px;
		background-color:#333;
		overflow:hidden;
	}
	section.workdetail ul.articlearea li figure img{
		width:100%;
	}
	section.workdetail ul.articlearea li dl{
		color:#666;
	}
	section.workdetail ul.articlearea li dl dt{
		width:calc(100% - 60px);
		padding:0 0 0 10px;
		box-sizing:border-box;
		float:right;
	}
	section.workdetail ul.articlearea li dl dt{
	}
	section.workdetail ul.articlearea li dl dt p{
		font-size:12px;
	}
	section.workdetail ul.articlearea li dl dt time{
		font-size:10px;
		text-align:right;
		font-family:'Bai Jamjuree', sans-serif;
	}
	section.workdetail ul.articlearea li dl dd{
		clear:both;
		font-size:10px;
		padding:10px 0 0 0;
		color:#666;
	}
	section.workdetail ul.appinfo{
		list-style:none;
		list-style-position:outside;
		padding:0 20px 15px 20px;
	}
	section.workdetail ul.appinfo li{
		margin:0 0 5px 0;
	}
	section.workdetail ul.appinfo li dl{
		border:solid 1px #EFEFEF;
		display:table;
		table-layout:fixed;
		width:100%;
		box-sizing:border-box;
	}
	section.workdetail ul.appinfo li dl > *{
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		box-sizing:border-box;
		font-size:14px;
		color:#666;
	}
	section.workdetail ul.appinfo li dl dt{
		width:25%;
		background-color:#EFEFEF;
		text-align:center;
	}
	section.workdetail ul.appinfo li dl dd{
		width:75%;
	}
	section.workdetail div.storephoto{
		list-style:none;
		list-style-position:outside;
		padding:0 19px 19px 20px;
	}
	section.workdetail div.storephoto a{
		float:left;
		padding:0 1px 1px 0;
		box-sizing:border-box;
		width:20%;
		display:block;
	}
	section.workdetail div.storephoto a figure{
		position:relative;
		z-index:1;
		display:block;
	}
	section.workdetail div.storephoto a figure img{
		width:100%;
	}
	div.yn_linkarea dl{
		border-top:solid 1px #EFEFEF;
	}
	div.yn_linkarea dl dt{
		padding:10px 0;
		font-size:12px;
		color:#666;
	}
	div.yn_linkarea dl dd{
		padding:0 0 20px 0;
	}
	div.yn_linkarea dl dd div{
		margin:0 auto;
	}
	div.yn_linkarea a{
		padding:35px 10px 10px 10px;
		font-size:12px;
		line-height:12px;
		background-size:160px 20px;
		border-radius:5px;
		display:inline-block;
		min-width:160px;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.yn_linkarea a:hover{
		background-color:#3CF;
	}
	section.workform{
		padding:20px 0 0 0;
	}
	section.workform section.formblock{
		width:900px;
		margin:0 auto 20px auto;
		background-color:#FFF;
		border-radius:5px;
		padding:0 0 30px 0;
	}
	section.formblock dl.title{
		padding:0 0 30px 0;
	}
	section.formblock dl.title dt{
		position:relative;
		z-index:1;
		font-size:18px;
		line-height:80px;
		text-align:center;
		color:#39F;
		display:table;
		padding:0 60px;
		margin:0 auto;
	}
	section.formblock dl.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:50px;
		height:50px;
		display:block;
		top:15px;
		fill:#39F;
	}
	section.formblock dl.title dd{
		color:#666;
		font-size:12px;
		text-align:center;
	}
	section.formblock dl.title svg:nth-child(1){
		left:0;
	}
	section.formblock dl.title svg:nth-child(2){
		right:0;
	}
	section.workform section.formblock div.inner{
		margin:0 auto;
		display:block;
		width:600px;
		box-sizing:border-box;
		border:solid 1px #EFEFEF;
		padding:30px;
		overflow:hidden;
	}
	section.workform section.formblock dl.formbox_01{
		display:table;
		width:100%;
		background-color:#EEE;
		margin:0 0 20px 0;
	}
	section.workform section.formblock dl.formbox_01 > *{
		display:table-cell;
		vertical-align:middle;
	}
	section.workform section.formblock dl.formbox_01 dt{
		width:200px;
		box-sizing:border-box;
		padding:0 10px;
		color:#333;
		font-size:14px;
	}
	section.workform section.formblock dl.formbox_01 dd{
		padding:1px;
	}
	section.workform section.formblock dl.formbox_01 dd p.text{
		display:block;
		background-color:#FFF;
		line-height:40px;
		padding:0 10px;
	}
	section.workform section.formblock div.formbox_03{
		display:table;
		margin:0 auto;
		font-size:14px;
		color:#333;
		padding:0 0 20px 0;
	}
	section.workform section.formblock div.formbox_03 a{
		text-decoration:underline;
		color:#39F;
	}
	section.workform section.formblock dd input{
		height:40px;
	}
	section.workform section.formblock dd .selectwrap,
	section.workform section.formblock dd select{
		width:100%;
	}
	section.workform section.formblock div.btnarea{
		max-width:200px;
		margin:0 auto;
	}
	section.workform section.formblock div.btnarea input{
		display:table;
		height:40px;
		color:#FFF;
		background-color:#39F;
		border-radius:5px;
		margin:0 auto;
	}
	section.workform section.formblock dl.formbox_02{
		margin:30px 0 0 0;
		border:solid 1px #EFEFEF;
		padding:30px;
		text-align:center;
	}
	section.workform section.formblock dl.formbox_02 dt{
		font-size:14px;
		color:#666;
		padding:0 0 20px 0;
	}
	section.workform section.formblock dl.formbox_02 dd a{
		text-decoration:underline;
		color:#39F;
	}
	section.workform section.formblock dl.formbox_04{
		display:table;
		width:100%;
		background-color:#EEE;
		margin:0 0 20px 0;
	}
	section.workform section.formblock dl.formbox_04 > *{
		display:table-cell;
		vertical-align:middle;
	}
	section.workform section.formblock dl.formbox_04 dt{
		width:200px;
		box-sizing:border-box;
		padding:0 10px;
		color:#333;
		font-size:14px;
		height:60px;
	}
	section.workform section.formblock dl.formbox_04 dd{
		border:solid 1px #EEE;
		background-color:#FFF;
	}
	section.workform section.formblock dl.formbox_04 dd p.formbox_05{
		padding:10px 20px;
	}
	/*ムービー*/
	div.movie_wrap{
		display: flex;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	div.movie_wrap div.movie_item{
		width: calc(100% / 4);
		padding-left: 20px;
	}
	div.movie_wrap div.movie_item a::before{
    height: 65px;
		width: 65px;
	}
	div.m_time{
		font-size: 12px;
	}
	div.post_time{
		font-size: 12px;
		padding-top: 10px;
	}
	div.post_time span.time{
		display: inline-block;
		margin-left: 5px;
	}
}