@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[ 03. Card ]
*/

.col-md-3{
	margin-bottom:23px;}
	
.cardListInfo{
	font-size:1.1rem;
	padding-top:2px;
	padding:6px 0;
	border-bottom:1px solid #cccccc;
}
.cardListPref{
	margin-right:2px;
	padding:2px 3px;
	background-color:#666666;
	color:#fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	width: 18%;
    text-align: center;
    display: inline-table;
}

.cardListCategory{
	}
@media only screen and (min-width:640px) {
.cardListTitle{
	height:86px;
	overflow:hidden;
	margin-top:6px;
	font-size:1.5rem;
	/* font-weight:bold; */
	line-height:1.4;
	color:#ff7700;
	letter-spacing:0.06rem;}
}

@media only screen and (max-width:639px) {
.cardListTitle{
	/*height:83px;*/
	overflow:hidden;
	margin-top:6px;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.3;
	color:#ff7700;
}	
.cardInfo{
	margin-left: 2%;
	width: 65%;
}
}
.cardListTitle a:link,.cardListTitle a:visited{
	color:#ff7700;
	}	

.cardListTitle a:hover{
	color:#e09f5f;
	}

.cardListInfo{
	display: flex;
}
.cardListcity{
	margin-left: auto;
}



.moreInfo{
	font-size:1.2rem;
	display: flex;
}

.moreInfo .fa{
	margin-right:1px;
	color:#b2b2ad;}

.subCardemploy{
	/*text-align:right;*/
	color:#f36161;
	margin-right: 2%;
}

.subCardDormOK{
	/*text-align:right;*/
	color:#ff7700;
}

.subCardDormNG{
	/*text-align:right;*/
	color:#337db6;
}
.moreSalary{
	margin-top: 5px;
}

@media only screen and (min-width:640px) {
.cardListSPTitle{
	margin-top:10px;
	margin-bottom:5px;
	color:#f36161;
	font-size:1.5rem;
	/* font-weight:bold; */
	line-height:1.8rem;
	}
}

@media only screen and (max-width:639px) {
.cardListSPTitle{
	margin-top:5px;
	margin-bottom:5px;
	color:#f36161;
	font-size:1.5rem;
	/* font-weight:bold; */
	line-height:1.8rem;
	}
}
.cardListSPTitle a:link,.cardListSPTitle a:visited{
	color:#f36161;
	}

.cardListSPTitle a:hover{
	color:#e6a2a7;
	}

@media only screen and (min-width:640px) {
.cardListSPInfo{
	height:70px;
	overflow:hidden;
	font-size:1.1rem;
	color:#777777;}
}
	
@media only screen and (max-width:639px) {
.cardListSPInfo{
	height:30px;
	overflow:hidden;
	font-size:1.1rem;
	color:#777777;}
	
.colSpecial .card-simple{
	border:none;}
}


/* ボタンデザイン */
.listBtBox{	
	margin-top:10px;

	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	}
	
.half{
	width:48%;
	}
	
.listStudyBt{
	margin-right:2%;
	font-size:1.4rem;
	text-align:center;
	
	background:#efefef;
	border-radius:3px;
	-webkit-border-radius:3px;}

.listStudyBtOn{
	background:#e7dcdc;
	color:#444444;
	font-weight:bold;
	}

.listStudyBtOn .fa{
	color:#d86f77;
	}

        
.listStudyBt .fa{
	margin-right:2px;}
	
.listStudyBt a:link,.listStudyBt a:visited{
	display:block;
	padding:10px 0;
	color:#777777;
}

.listStudyBt a:hover{
	background-color:#e7dcdc;
	border-radius:3px;
	-webkit-border-radius:3px;
}

/*--------------------------------------
[ 検討中の削除ボタンデザイン ]
*/

.studyListDeleteBt{
	margin-right:2%;
	font-size:1.4rem;
	text-align:center;
	
	background:#efefef;
	border-radius:3px;
	-webkit-border-radius:3px;}

.studyListDeleteBt .fa{
	margin-right:2px;}
	
.studyListDeleteBt a:link,.listStudyBt a:visited{
	display:block;
	padding:10px 0;
	color:#777777;
}


@media only screen and (min-width:640px) {
.listTelBt{
	display:none;}
}

.listDetailBt{
	font-size:1.4rem;
	text-align:center;
		
	background:#e09f5f;
	border-radius:3px;
	-webkit-border-radius:3px;}

.listDetailBt a:link,.listDetailBt a:visited{
	display:block;
	padding:10px 0;
	color:#ffffff;
}
	

.listDetailBt a:hover{
	background:#dd9751;
	border-radius:3px;
	-webkit-border-radius:3px;}



@media only screen and (max-width:639px) {
.listStudyBt{
	display:none;
	}
	
.listTelBt{
	margin-right:2%;
	font-size:1.4rem;
	text-align:center;
		
	background:#efefef;
	border-radius:3px;
	-webkit-border-radius:3px;}
	
.listTelBt a:link,.listTelBt a:visited{
	display:block;
	padding:10px 0;
	color:#777777;
}
}


/*------------------------------------------------------------------
[ 03. 検討中 ]
*/
	
.studyDesc{
	margin:30px 0;
	width:95%;
	color:#777777;
	}