@charset "utf-8";

/*font*/
#job_search_list .job li span,
.job_info h3,
#container #title_block p span{	
    font-weight: 700;
    font-style: normal;
    transform: rotateZ(0.03deg);
    font-family: "BIZ UDPGothic", sans-serif;
	}
.job_info a,
#container #title_block p:last-of-type{
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 700;
    font-style: normal;
}


/******Main*/

/***お祝い枠***/
.job_info{
	max-width: 740px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0.8em;
	border-radius: 5px;
	line-height: 1.6;
}
.job_info h3{
	text-align: left;
	}
.job_info span.aori img{
	vertical-align: middle;
	height: 3rem;
    width: auto;
	}
.job_info a:hover{
	top: 1px;
	left: 1px;
	opacity: 0.8;
	}
.job_info a{
	text-decoration: none;
	display: block;
	border-radius: 8px;
	text-align: center;
	margin-top: 0.2em;
	background: linear-gradient(to bottom, #fcc 0%,#fcb3c3 50%,#fca1b5 51%,#fe7f9c 100%);
	padding: 0.5em;
	font-size: 2rem;
	color: #fff;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #333;
    position : relative;
    overflow : hidden;
}
.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
.ribbon {  
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-size: 17px;
  color: #c00;
  background: #fff;
}

.ribbon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #fff;
  border-right: 20px solid #fff;
  border-bottom: 10px solid transparent;
}


#job_search_menu .job_info.pc_none a{
	text-align: center;
    padding: 1.5em 0.5em;
	background: #6f3b1b;
    font-size: 1.3rem;
    color: #fff;
    height: 140px;
    width: 140px;
    line-height: 1.7;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 auto;
	}



/*List*/

#container {
	padding:10px;
	width:930px;
	min-height:610px;
	height: auto !important;
	height: 610px;
}

a.detail_btn{
	display: inline-block;
	color: #652D0B;
	padding: 3px 6px;
	background: #FF9900;
	box-shadow: 1px 1px 1px #333;
	border-radius: 4px;
	font-size: 0.8rem;
	border: 2px double #FFCC00;
}
a.detail_btn:hover{
	text-decoration: none;
	}

a.detail_btn i{
	margin-right:4px;
}


#container #title_block{
	background: transparent;
	overflow: hidden;
	height: auto;
	}
#container #title_block p{
	font-size: 0.9rem;
	}
#container #title_block p span{
    font-size: 1.2rem;
	margin: 0 5px;
}

/*旧list_job*/
#job_search_menu         { float:left;  width:200px;  margin:10px; }
#job_search_menu table   { border-collapse:collapse;  border:3px solid #F9F6DD;  margin-bottom:5px; }
#job_search_menu table th{ background:#F9F6DD; }
#job_search_menu .info   { font-size:80%;  color:red; }

#job_search_list                        { float:left;  margin:10px; }
#job_search_list #result_title          { margin:15px 0 10px 0;  width:620px;  height:52px;
										  background:url(/images/job/ttl_kyujin.gif) no-repeat;
										  text-align:right;  vertical-align:middle;  display:table-cell; }
#job_search_list .job .unit_header      { height:30px;  border-bottom:3px solid #FBB605; }
#job_search_list .job .unit_header img  { margin:0 1px; }
#job_search_list .job .item             { width:500px; }
#job_search_list .job .local_area       { border-top:3px solid #FBB605;  margin:0;  padding:0; }
#job_search_list .job .local_area img   { margin:0 10px 0 0; }
#job_search_list .job .job_title        { margin: 0px 0px 2px 0px; }
#job_search_list .job .job_content      { margin-left: 1.1em; }
#job_search_list .job .content_title    { margin-bottom:10px; }
#job_search_list .job .content_block li { margin-left: 20px; }
#job_search_list .job .search_form      { margin: 5px;  border:solid 1px #666666;  padding: 2px 2px 2px 10px; }
#job_search_list .job .image{
	width: 150px;
	height: auto;
	text-align:	center;
	display:	block;
	float: left;
	border: none;
}
#job_search_list .job .image .dummy{ 
	height:	150px;
	width: 0px;
	vertical-align:	middle;
	display:	inline-block;
}
/*旧list_job　ここまで*/


#job_search_menu th,
#job_search_menu td{
	padding: 4px;
}
#job_search_list .job{
	padding: 0.8em;
	max-width: 662px;
	margin: 3em 0 0 0;
	display: block;
	}
#job_search_list .job ul{
	margin-top: 10px;
	}
#job_search_list .job li{
	line-height: 1.2rem;
	margin-bottom: 10px;
	}
#job_search_list .job .shopDetail p{
	margin: 0;
	padding-bottom:  10px;
	}
#job_search_list .job li:first-child{
	padding-bottom:  10px;
	border-bottom: 1px dotted #fbb605;
	}
#job_search_list .job li img{
	vertical-align: text-bottom;
	margin-right: 3px;
	}
#job_search_list .job .image img {
	max-width: 150px;
	max-height:	150px;
	vertical-align:	middle;
	}
#job_search_list .job li:first-child img{
	margin-right: 5px;
	}
#job_search_list .job h3{
	margin: 0 0 8px 0;
	font-size: 0.8rem;
	background-color: #fff;
	}
#job_search_list .job li:last-child img{
	vertical-align: top;	
	}

#job_search_list #job_block div.job:first-of-type{
	margin-top: 0;
	}


.local_icon {
	display: inline-block;
	width: 80px;
	text-align: center;
	background: #6f3b1b;
	color: #fff;
	font-size: 12px;
	padding: 2px;
	margin-right: 5px;
}

.kubun_icon{
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:16px;
	width:18px;
	height:18px;
	margin:0 1px;
	padding:2px;
	border-radius: 2px;
}
.kubunid_1{ background:#1D2088; }
.kubunid_2{ background:#0068B7; }
.kubunid_3{ background:#8FC41F; }
.kubunid_4{ background:#A40035; }
.kubunid_9{ background:#009741; }


/*web icon*/
#container #title_block p:last-of-type::before,
.job_info a::after{
	font-family: "font awesome 5 Free";
}
#container #title_block p:last-of-type::before {
	content: "\f138";
	margin-right: 0.2em;
	font-weight: 900;
}
.job_info a::after {
	content: "\f25a";
	margin-left: 0.2em;
}

/*media Queries ブレイクポイント　PC対応用
----------------------------------------------------*/
@media screen and (min-width: 741px) {

#container {
	padding: 10px !important;
}

.addplus{
	border: 1px solid #ccc;
	padding:20px 0;
	text-align: center;
}

/* main */
#mainContainer{
	width: 950px;
	}

/* カテゴリーリスト */
#container #title_block{
	margin-bottom: -50px;
	}
#container #title_block p {
    position: relative;
    right: 10px;
    text-align: right;
    top: -50px;
}
#container #title_block p:first-of-type{
	left: -45%;	
	}
#container #title_block p:last-of-type{
    top: -90px;
	font-size: 1.2rem;	
	}



/*お祝い金枠*/
.job_info{
	line-height: 1.8;
	width: 60%;
	}


/*お店一覧*/
#job_search_list .job .shopDetail,
#job_search_list .job ul{
	margin-left: 170px;
	}
#job_search_list .job h3{
	border-bottom: 3px solid #fbb605;
	}
#job_search_list .job .shopDetail p{
    border-radius: 5px;
    padding: 8px;
	background: #f9f6dd;
}
#job_search_list .job .shopDetail p img{
	vertical-align: middle;
}
#job_search_list .job li:last-child{
	margin-bottom: 0;
}

}

/*media Queries ブレイクポイント　スマホ対応用
----------------------------------------------------*/
@media screen and (max-width: 740px) {

#unit_container,
#container{
	max-width: 740px;
	width: 100%;
	}
	
#title_block{
	border: none;
	text-align: center;
	height: 70px;
	}
#container{
	padding: 0;
	}
#container,
#job_search_menu table{
	border: none !important;
	}

/*お祝い金枠*/
.job_info{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1.5em;
	}


/*検索枠*/
#job_search_menu,
#job_search_list,
#job_search_menu table{
	width: 100%;
	margin: 10px 0;
	}
#job_search_menu{
	display: block;
	background-color: #fff;
	position: relative!important;
	}
#kubun li,
#local li,
#flg li{
	float: left;
	margin: 8px 0;
	font-size: 0.8rem;
	}

#job_search_menu input{
    display: none;
	}
#job_search_menu label{
	background: #FC0;
	padding: 5px 8px;
	border-radius: 5px;
	border: 1px solid #C90;
	}
#job_search_menu label:active,
#job_search_menu input[type="checkbox"]:checked + label{
	background: #fff;
	}

#job_search_list .job{
	border-top: 3px solid #fbb605;
	padding: 0;
	margin: 0 0.5em 2em 0.5em;
	clear: left;
	overflow: hidden;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
	background: #f9f6dd;
	font-size: 0.9rem;
	}
#job_search_list .job .shopDetail{
	margin-left: 165px;
	padding-right: 5px;
	}
#job_search_list .job .image{
	margin-left: 5px;
}
#job_search_list .job ul{
    float:left;
	width: 100%;
	background: #fff;
	}
#job_search_list .job ul li{
	margin-left: 5px;
	margin-right: 5px;
	}
#job_search_list .job ul li:first-child{
    padding-top: 10px;
}

a.detail_btn{
	display: block;
	margin-top: 0.5em;
}

}

@media screen and (max-width: 520px) {

.job_info a{
	font-size: 1.5rem;
	}

}

@media screen and (min-width: 410px) {

br.pctab_none{
	display: none;
	}
	
}