@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  /rjet/index.css
=================================================================== */

@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/

/*** top_area ***/
#top_area{
	padding:0 0 5px;
}

#top_area h3{
	font-size:48px;
	color:#00ABE1;
	padding:15px 0 0 30px;
	line-height:1.2;
}

#top_area h3 b{
	font-size:27px;
	color:#333;
	vertical-align:middle;
}

/*** search_area ***/
#search_area{
	width:980px;
	margin:-70px auto 0;
	padding:20px 20px 20px;
	background:#FFF;
	overflow:hidden;
}

#search_area h3{
	font-size:18px;
	line-height:1.4;
	border-bottom:2px solid #333;
}

#search_area h3 strong{
	font-size:24px;
	font-weight:bold;
}

#search_area h3 span{
	font-size:14px;
}


#search_area .conditions h3{
	background:url(../../img/parttime/common/icon_search.png) left center no-repeat;
	padding:0 0 0 35px;
}

#search_area .hotels h3{
	background:url(../../img/parttime/common/icon_hotel.png) left center no-repeat;
	padding:0 0 0 35px;
}

/* conditions */
#search_area .conditions{
	margin:0 0 20px;
}

#search_area .conditions table{
	width:100%;
	margin:0 0 15px;
}

#search_area .conditions table th{
	width:130px;
	font-size:14px;
	text-align:center;
	background:#EEF0F2;
	border-bottom:1px solid #B2B2B2;
	padding:15px 0;
	
}

#search_area .conditions table td{
	font-size:14px;
	border-bottom:1px solid #B2B2B2;
	padding:15px;
}

#search_area .conditions table td select{
	width:200px;
	font-size:14px;
	padding:5px;
}

#search_area .conditions table td .checkbox{
	display:inline-block;
	font-size:14px;
	margin:0 20px 0 0;
	
}
#search_area .conditions table td input[type="checkbox"]{
	margin:0 5px 0 0;
}

#search_area .conditions table td input[type="text"]{
	width:250px;
	font-size:14px;
	padding:5px;
}

#search_area .conditions .btn_box{
	text-align:center;
}

#search_area .conditions .btn_box input[type="submit"]{
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	padding:8px 35px;
	background:#333;
	border-radius:5px;
	border:none;
}

/* hotels */
#search_area .hotels{
	margin:0 0 20px;
}

#search_area .hotels .hotel_box{
	margin:15px 0 0 0;
}

#search_area .hotels .hotel_box ul{
}

#search_area .hotels .hotel_box ul li{
	float:left;
	width:225px;
	text-align:center;
	margin:0 13px 7px 0;
}

#search_area .hotels .hotel_box ul li:nth-child(4n){
	margin-right:0;

}

#search_area .hotels .hotel_box ul li a{
	display:block;
	font-size:11px;
	color:#333;
	border:1px solid #333;
	border-radius:5px;
	background:#EEF0F2;
	padding:6px 0;
}

#search_area .hotels .hotel_box ul li a:hover{
	opacity:0.7;
}

/* hotel_info */
#search_area .hotel_info{
	overflow:hidden;
	margin:0 0 30px;
}

#search_area .hotel_info a{
	/*display:block;*/
}

#search_area .hotel_info a:hover{
	opacity:0.7;
}

#search_area .hotel_info .img{
	float:left;
	margin:0 20px 20px 0;	
}

#search_area .hotel_info .img span{
	display:block;
	width:225px;
	height:205px;
	background-size:contain;
	background-position:center;
}

#search_area .hotel_info .info{
}

#search_area .hotel_info .info h2.logo{
	font-size:21px;
	font-weight:bold;
	margin:0 0 10px;
}

#search_area .hotel_info .info h2.logo img{
	vertical-align:middle;
	margin:0 10px 0 0;
}

#search_area .hotel_info .info p{
	font-size:14px;
	padding:0 0 10px;
}

#search_area .hotel_info .info ul{
}

#search_area .hotel_info .info ul li{
	display:inline-block;
}

#search_area .hotel_info .info ul li a{
	display:block;
	background:#EEF0F2;
	color:#333;
	border:1px solid #333;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	padding:5px 20px 3px;
	margin:0 10px 0 0;
	line-height:1.5;
}

#search_area .hotel_info .info ul li img{
	vertical-align:middle;
	margin:0 5px 0 0;
}

#search_area .hotel_info .info ul li span{
	background:url(../../img/parttime/common/icon_blank.png) right center no-repeat;
	padding:0 15px 0 0;
}


#search_area .hotel_info .info ul li a:hover{
	opacity:0.7;
}


/*** content_area ***/
#content_area{
	width:980px;
	margin:0 auto;
	padding:20px 20px 20px;
	background:#FFF;
	overflow:hidden;
	
}

#content_area p.no_data{
	font-size:18px;
	text-align:center;
	padding:50px 0 100px;
}


#content_area .paginator_box{
	overflow:hidden;
	margin:0 0 10px;
}

#content_area .paginator_box .counter{
	float:left;
	font-size:14px;
	font-weight:bold;
}

#content_area .paginator_box .counter strong{
	font-size:21px;
	color:#333;
}

#content_area .paginator_box .counter span{
	color:#333;
}


#content_area .paginator_box .numbers{
	float:right;
}

#content_area .paginator_box .numbers span{
	display:inline-block;
	font-size:14px;
	padding:5px 10px;
	background:#EEF0F2;
	margin:0 5px;
}

#content_area .paginator_box .numbers span.current{
	background:#333;
	color:#FFF;
}

#content_area .paginator_box .numbers span a{
	display:block;
	color:#333;
}


#content_area .job_box{
	border:2px solid #666;
	padding:20px;
	margin:0 0 30px;
	overflow:hidden;
	clear:both;
	
}

#content_area .job_box .img{
	float:left;
	width:180px;
	height:250px;
}

#content_area .job_box img.img_default{
	width:180px;
	height:auto;
}

#content_area .job_box .info{
	float:right;
	width:690px;
}

#content_area .job_box .info h4{
	font-size:14px;
	margin:0 0 10px;
}

#content_area .job_box .info h4 span{
	display:inline-block;
	font-size:13px;
	color:#FFF;
	background:#808080;
	border-radius:3px;
	padding:0 5px;
	margin:0 5px 0 0;

}

#content_area .job_box .info h3{
	font-size:21px;
	font-weight:bold;
	margin:0 0 5px;
}

#content_area .job_box .info p{
	font-size:14px;
	margin:0 0 5px;
}

#content_area .job_box .info table{
	width:100%;
	border-top:1px dotted #B2B2B2;
}

#content_area .job_box .info table th{
	font-size:14px;
	font-weight:bold;
	background:#EEF0F2;
	padding:10px 0;
	text-align:center;
	width:120px;
	border-bottom:1px dotted #B2B2B2;
}

#content_area .job_box .info table td{
	font-size:14px;
	padding:10px;
	border-bottom:1px dotted #B2B2B2;
}

#content_area .job_box .btn{
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
}

#content_area .job_box .btn a{
	display:inline-block;
	background:#333;
	border-radius:3px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	padding:10px 30px;
	position:relative;
}

#content_area .job_box .btn a:after{
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 3px #FFF;
  border-right: solid 3px #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}

#content_area .job_box .btn a:hover{
	opacity:0.7;
}









}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

/*** top_area ***/
#top_area{
	padding:0 0 5px;
}

#top_area h3{
	font-size:200%;
	color:#00ABE1;
	padding:15px 10px;
	line-height:1.2;
}

#top_area h3 b{
	font-size:70%;
	color:#333;
	vertical-align:middle;
}


/*** search_area ***/
#search_area{
	width:100%;
	margin:10px auto 20px;
	padding:0 0 10px;
	background:#FFF;
	overflow:hidden;
	border-bottom:1px solid #B2B2B2;
}

#search_area h3{
	font-size:16px;
	line-height:1.4;
	border-bottom:2px solid #333;
}

#search_area h3 strong{
	font-size:21px;
	font-weight:bold;
}

#search_area .conditions h3{
	background:url(../../img/parttime/common/icon_search.png?180202) left center no-repeat;
	padding:1px 0 2px 35px;
}

#search_area .hotels h3{
	background:url(../../img/parttime/common/icon_hotel.png?180202) left center no-repeat;
	padding:0 0 0 35px;
}

/* conditions */
#search_area .conditions{
	margin:0 0 20px;
}

#search_area .conditions table{
	width:100%;
	margin:0 0 15px;
}

#search_area .conditions table th{
	width:110px;
	font-size:12px;
	text-align:center;
	background:#EEF0F2;
	border-bottom:1px solid #B2B2B2;
	padding:10px 0;
	
}

#search_area .conditions table td{
	font-size:14px;
	border-bottom:1px solid #B2B2B2;
	padding:10px;
}

#search_area .conditions table td select{
	width:80%;
	font-size:16px;
	padding:10px;
}

#search_area .conditions table td .checkbox{
	font-size:16px;
	margin:0 20px 0 0;
	
}
#search_area .conditions table td input[type="checkbox"]{
	margin:0 5px 0 0;
	padding:5px;
}

#search_area .conditions table td input[type="text"]{
	width:80%;
	font-size:16px;
	padding:10px;
}

#search_area .conditions .btn_box{
	text-align:center;
}

#search_area .conditions .btn_box input[type="submit"]{
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	padding:8px 35px;
	background:#333;
	border-radius:5px;
	border:none;
}



/*** content_area ***/
#content_area{
	width:100%;
	margin:0 auto;
	padding:0 0 20px;
	background:#FFF;
	overflow:hidden;
	
}

#search_area .hotel_info{
	overflow:hidden;
	border-bottom:1px solid #D7D5CF;
	padding:0 10px 10px;
	margin:0 0 20px;
}

#search_area .hotel_info a{
	/*display:block;*/
}

#search_area .hotel_info a:hover{
	opacity:0.7;
}

#search_area .hotel_info .img{
	float:left;
	width:20%;
	margin:0 10px 10px 0;	
}

#search_area .hotel_info .img img{
	width:100%;
	height:inherit;
}

#search_area .hotel_info h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
	padding:20px 0 0 0;
}

/* hotels */
#search_area .hotels{
	margin:0 0 20px;
}

#search_area .hotels .hotel_select{
	text-align:center;
	margin:25px 0 0 0;
}

#search_area .hotels .hotel_select select{
	font-size:16px;
	width:80%;
}


/* hotel_info */
#search_area .hotel_info{
	overflow:hidden;
	margin:0 0 30px;
}

#search_area .hotel_info a{
	/*display:block;*/
}

#search_area .hotel_info a:hover{
	opacity:0.7;
}

#search_area .hotel_info .img{
	float:left;
	width:30%;
	margin:0 10px 5px 0;	
}

#search_area .hotel_info .img span{
	display:block;
	width:225px;
	height:205px;
	background-size:contain;
	background-position:center;
}

#search_area .hotel_info .info{
}

#search_area .hotel_info .info h2.logo{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
}

#search_area .hotel_info .info h2.logo img{
	margin:0 10px 0 0;
	width:20%;
	height:auto;
	display:block;
}

#search_area .hotel_info .info p{
	font-size:14px;
	padding:0 0 10px;
	clear:both;
}

#search_area .hotel_info .info ul{
}

#search_area .hotel_info .info ul li{
	display:inline-block;
}

#search_area .hotel_info .info ul li a{
	display:block;
	background:#EEF0F2;
	color:#333;
	border:1px solid #333;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	padding:5px 20px 3px;
	margin:0 10px 0 0;
	line-height:1.5;
}

#search_area .hotel_info .info ul li img{
	vertical-align:middle;
	margin:0 5px 0 0;
}

#search_area .hotel_info .info ul li span{
	background:url(../../img/parttime/common/icon_blank.png) right center no-repeat;
	padding:0 15px 0 0;
}


#search_area .hotel_info .info ul li a:hover{
	opacity:0.7;
}

/*** content_area ***/
#content_area{
	width:100%;
	margin:0 auto;
	padding:5px;
	background:#FFF;
	overflow:hidden;
	
}

#content_area p.no_data{
	font-size:18px;
	text-align:center;
	padding:50px 0 100px;
}


#content_area .paginator_box{
	overflow:hidden;
	margin:0 0 10px;
	padding:0 10px;
}

#content_area .paginator_box .counter{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
}

#content_area .paginator_box .counter strong{
	font-size:21px;
	color:#333;
}

#content_area .paginator_box .counter span{
	color:#333;
}


#content_area .paginator_box .numbers{
	text-align:center;
}

#content_area .paginator_box .numbers span{
	display:inline-block;
	font-size:14px;
	padding:5px 10px;
	background:#EEF0F2;
	margin:0 5px;
}

#content_area .paginator_box .numbers span.current{
	background:#333;
	color:#FFF;
}

#content_area .paginator_box .numbers span a{
	display:block;
	color:#333;
}


#content_area .job_box{
	border:2px solid #666;
	padding:5px;
	margin:0 0 20px;
	overflow:hidden;
	clear:both;
	
}

#content_area .job_box .img{
	float:left;
	width:25%;
}

#content_area .job_box .img img{
	width:100%;
	height:auto;
}


#content_area .job_box .info{
	float:right;
	width:72%;
}

#content_area .job_box .info h4{
	font-size:12px;
	margin:0 0 5px;
}

#content_area .job_box .info h4 span{
	display:inline-block;
	font-size:12px;
	color:#FFF;
	background:#808080;
	border-radius:3px;
	padding:0 5px;
	margin:0 5px 0 0;

}

#content_area .job_box .info h3{
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
}

#content_area .job_box .info p{
	font-size:13px;
	margin:0 0 5px;
	line-height:1.3;
}

#content_area .job_box .info table{
	display:none;
}

#content_area .job_box .btn{
	clear:both;
	padding:5px 0 5px 0;
	text-align:center;
}

#content_area .job_box .btn a{
	display:inline-block;
	background:#333;
	border-radius:3px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	padding:10px 30px;
	position:relative;
}

#content_area .job_box .btn a:after{
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 3px #FFF;
  border-right: solid 3px #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}

#content_area .job_box .btn a:hover{
	opacity:0.7;
}


}