@charset "utf-8";


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

	#jobDetail .entryEvent p
	{
		color:#ff0000;
	}
	#jobDetail .detailContent h3.catch
	{
		color:#000000;
	}

	/* 仕事詳細テーマ */
	#jobDetail .detailContent .salery,
	#jobDetail .detailContent .salery .wage strong.header,
	#jobDetail .detailContent .salery .access strong.header,
	#jobDetail .detailContent .jobrecruitment,
	#jobDetail .detailContent .jobinformation .content,
	#jobDetail .detailContent .jobrecruitment .contents > div,
	#jobDetail .detailContent .jobrecruitment strong.header,
	#jobDetail .detailContent .entryinformation .contents,
	#jobDetail .detailContent .entryinformation .contents > div,
	#jobDetail .detailContent .entryinformation .contents strong.header,
	#jobDetail .entryEvent
	{
		border-color:#cccccc;
	}
	#jobDetail .detailContent .salery .wage strong.header,
	#jobDetail .detailContent .salery .access strong.header,
	#jobDetail .detailContent .jobrecruitment strong.header,
	#jobDetail .detailContent .entryinformation .contents strong.header
	{
		background-color:#eeeeee;
	}
	#jobDetail .detailContent .merit li
	{
		color:#b24004;
	}

	/** モック用サンプル **/
	#jobDetail .jobContent .brand-image img
	{
		width:100%;
	}
	/** モック用サンプルEND **/
}

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

	/* 仕事情報 */
	#jobDetail .detailContent .jobinformation .open h3:after
	{
		content:url("../../../original/images/rsform_minus.png");
	}
	#jobDetail .detailContent .jobinformation .close h3:after
	{
		content:url("../../../original/images/rsform_plus.png");
	}
}

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

	#jobDetail .detailContent h3.catch
	{
		color:#000000;
	}

	/* 仕事詳細 */
	#jobDetail .detailContent .salery .wage strong.header,
	#jobDetail .detailContent .salery .access strong.header,
	#jobDetail .detailContent .jobrecruitment strong.header,
	#jobDetail .detailContent .entryinformation strong.header,
	#jobDetail .detailContent .workplacemap strong.header
	{
		background-color:#eeeeee;
	}
	#jobDetail .entryEvent,
	#jobDetail .detailContent .jobinformation .content
	{
		border-color:#cccccc;
	}
	#jobDetail .entryEvent p
	{
		color:#ff0000;
	}
	#jobDetail .detailContent .merit li
	{
		color:#b24004;
	}

	/** モック用サンプル **/
	#jobDetail .jobContent .brand-image img
	{
		width:100%;
	}
	/** モック用サンプルEND **/
}