@charset "utf-8";

/***********************************/
/* PC・タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) {

	/* 検索テーマ */
	#joblist .joblist .job
	{
		border-color:#67bcff;
		padding:2px;
		background-color: #ddeeff;
	}
	#joblist .joblist .job > .inline
	{
		border-color:#67bcff;
	}
	#joblist .joblist .job > .inline,
	#joblist .joblist .job .brand-image
	{
		background-color: #ffffff;
	}
	#joblist .joblist .job hr
	{
		border-color:#cccccc;
	}

	/* 検索条件テーマ */
	#joblist .searchbox
	{
		background-color: #e6e6e6;
	}
	#joblist .searchbox,
	#joblist .searchbox > .inline,
	#joblist .jobrecruitment.searchbox .inline > div,
	#joblist .searchbox .content,
	#joblist .searchbox .area .city,
	#joblist .station.searchbox .point
	{
		border-color:#cccccc;
	}
	#joblist .searchbox > .inline
	{
		background-color: #eeeeee;
	}
	#joblist .searchbox .content
	{
		margin-left:120px;
		background-color: #ffffff;
	}
	#joblist .searchbox .content strong.header
	{
		color:#999999;
	}

	/** モック用サンプル **/
	#joblist .joblist .job .brand-image img
	{
		max-width: 139px;
	}
	/** モック用サンプルEND **/
}

/***********************************/
/* タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) and (max-width:910px) {

	#joblist .joblist .job
	{
		border-color:#67bcff;
		background-color:#ffffff;
	}
	#joblist .joblist .job .heading h3 a:after
	{
		content:url("../../../original/images/link_arrow.png");
	}
	#joblist .joblist .job .heading ul.buttons li a.button:after
	{
		content:none;
	}

	/** モック用サンプル **/
	#joblist .joblist .job .brand-image img
	{
		max-width: 139px;
	}
	/** モック用サンプルEND **/
}

/***********************************/
/* スマートフォンデザイン          */
/***********************************/
@media only screen and (max-width: 640px) {

	/* 仕事検索 */
	#joblist .freeword.searchbox,
	#joblist .jobrecruitment.searchbox,
	#joblist .station.searchbox,
	#joblist .freeword.searchbox strong.header,
	#joblist .jobrecruitment.searchbox .inline > div > strong.header,
	#joblist .station.searchbox .inline > strong.header,
	#joblist .searchbox .content
	{
		border-color:#cccccc;
	}
	#joblist .freeword.searchbox strong.header,
	#joblist .jobrecruitment.searchbox .inline > div > strong.header,
	#joblist .station.searchbox .inline > strong.header
	{
		background-color:#eeeeee;
	}
	#joblist .freeword.searchbox.open strong.header:after,
	#joblist .jobrecruitment.searchbox .inline > div.open > strong.header:after,
	#joblist .station.searchbox.open .inline > strong.header:after
	{
		content:url("../../../original/images/rsform_minus.png");
	}
	#joblist .freeword.searchbox.close strong.header:after,
	#joblist .jobrecruitment.searchbox .inline > div.close > strong.header:after,
	#joblist .station.searchbox.close .inline > strong.header:after
	{
		content:url("../../../original/images/rsform_plus.png");
	}

	/* 検索結果 */
	#joblist .searchbox .content strong.header
	{
		color:#999999;
	}
	#joblist .joblist .job
	{
		border-color:#67bcff;
	}
	#joblist .joblist .job > .inline,
	#joblist .joblist .job .brand-image
	{
		background-color: #ffffff;
	}
	#joblist .joblist .job .heading h3
	{
		background-color:transparent;
	}
	#joblist .joblist .job .heading h3 a:after
	{
		content:url("../../../original/images/link_arrow.png");
	}
	#joblist .joblist .job hr
	{
		border-color:#cccccc;
	}

	/** モック用サンプル **/
	#joblist .joblist .job .brand-image img
	{
		max-width: 139px;
	}
	/** モック用サンプルEND **/
}