@charset "utf-8";


/* for Common & Smartphone*/

.catTtl{
	margin: 0 0 1em 0;
	text-align: center;
	font-size: 124%;
	}
.catTtl span{
	font-size: 120%;
	}

.note{
	margin: 0 0 1.5em 0;
	text-align: center;
	line-height: 1.6;
}
.note a{
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.note a span:last-of-type{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-top: -4px;
	background: #81292d;
	border-radius: 50%;
	vertical-align: middle;
}
.note a span:last-of-type::before{
	display: block;
	content: "";
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 4px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid #fff;
	border-bottom: 4px solid transparent;
	border-right: 0 solid transparent;
}
/* LIST ////////////////////////////// */
.resList{}
.resUnit{
	position: relative;
	width: 48.5%;
	margin: 0 0 20px 0;
	}
.resList .resUnit:nth-child(2n){
	float: right;
	}
.resList .resUnit:nth-child(2n+1){
	clear: both;
	float: left;
	}
.resUnit .resImg{
	display: block;
	position: relative;
	display: block;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
	}
/*.resUnit .resImg::before {
    content: "";
    display: block;
    padding-top: 75%; 
	}
.resUnit .resImg::after {
    content: "";
    display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	}
.resUnit .resImg img{
	display: block;
	position: absolute;
    top: 50%; 
    left: 50%;
	max-height: 100%;
	max-width: 100%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	vertical-align: middle;
}*/
.resUnit .resTtl,
.resUnit .resCopy{
	text-align: left;
	line-height: 1.6;
	}
.resUnit .resTtl{
	margin: 0.5em 0 0.5em 0;
	font-size: 108%;
	}
.resUnit .resCopy{
	font-size: 100%;
	}

.resUnit .icoNew{
	position: absolute;
	left: 0;
	top: 0;
	width: 4em;
	height: 20px;
	line-height: 20px;
	background: #f08300;
	color: #fff;
	font-size: 77%;
	text-align: center;
	}

/*画像fit*/
.objFitImgCon {
	height: 122px;
	}
.objFitImgCov {
	height: 122px;
	}

/*lazysize*/
/*.resList*/
.resUnit/*,
.resUnit img*/ {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
.resUnit:nth-child(-n+4) {
  opacity: 1;
}
/*.resList.lazyloaded*/
.resUnit.lazyloaded/*,
.resUnit.lazyloaded img.lazyloaded*/ {
  opacity: 1;
}

/*	
.btnMore{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	}
.btnMore a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid#0087c5;
	border-radius: 50%;
	color: #0087c5;
	text-align: center;
	font-size: 93%;
	line-height: 80px;
	}
.btnMore a::after{
	content: "";
	position:absolute;
	left:50%;
	bottom:10px;
	display:block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	border-width:1px;
	border-style:solid;
	border-left:none;
	border-top:none;
	border-color: #0087c5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
*/

/* iPhone5 とか*/
@media screen and (max-width: 320px) {
/*画像fit*/
.objFitImgCon {
	height: 105px;
	}
.objFitImgCov {
	height: 105px;
	}
}
/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) {
/*画像fit*/
.objFitImgCon {
	height: 225px;
	}
.objFitImgCov {
	height: 225px;
	}

}

@media screen and (min-width:420px) and (max-width:767px) {
/*画像fit*/
.objFitImgCon {
	height: 225px;
	}
.objFitImgCov {
	height: 225px;
	}

}

/* for PC*/
@media print, screen and (min-width:768px) {

.catTtl{
	font-size: 154%;
	}
.catTtl span{}

/* LIST ////////////////////////////// */
.resList{}
.resUnit{
	position: relative;
	float: left;
	max-width: none;
	width: 31.25%;
	margin: 0 3.125% 20px 0;
	border: none;
	}
.resUnit:hover{
	
	}
.resList .resUnit:nth-child(2n){
	float: left;
	}
.resList .resUnit:nth-child(2n+1){
	clear: none;
	}
.resList .resUnit:nth-child(3n){
	margin-right: 0;
	}
.resList .resUnit:nth-child(3n+1){
	clear: both;
	}
.resUnit .resData,
.resUnit .resDataBg,
.resUnit .resTtl,
.resUnit .resCopy{
	display: none;
	position: absolute;
	}
.resUnit .resTtl,
.resUnit .resCopy{
	left: 0;
	width: 100%;
	padding: 0 10px;
	color: #fff;
	z-index: 9;
	}
.resUnit .resTtl{
	bottom: 5em;
	}
.resUnit .resCopy{
	bottom: 1em;
	}
.resUnit .resData,
.resUnit .resDataBg{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}
.resUnit .resData{
	z-index: 10;
	cursor: pointer;
	}
.resUnit .resDataBg{
	background: #000;
	z-index: 8;
	}

.resUnit.resDataShow .resData,
/*.resUnit.resDataShow .resDataBg,*/
.resUnit.resDataShow .resTtl,
.resUnit.resDataShow .resCopy{
	display: block;
	}
.resUnit.resDataShow .resDataBg{
	opacity: 0.8;
	-khtml-opacity: .80;
	-moz-opacity: .80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	}

/*画像fit*/
.objFitImgCon {
	height: 225px;
	}
.objFitImgCov {
	height: 225px;
	}
	
/*lazysize*/
/*.resList*/
.resUnit/*,
.resUnit img*/ {}
.resUnit:nth-child(-n+15) {
  opacity: 1;
}
/*.resList.lazyloaded*/
.resUnit.lazyloaded/*,
.resUnit.lazyloaded img.lazyloaded*/ {}

/*
.btnMore{
	width: 90px;
	height: 90px;
	}
.btnMore a{
	font-size: 108%;
	line-height: 90px;
	}
.btnMore a::after{
	width: 14px;
	height: 14px;
	margin-left: -7px;
	}
*/
}

/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}