
/* for PC,ipad */
@import url("idx_pc.css") screen and (min-width:927px);

/* for iphone,ipod,Andoroid */
@import url("idx_mobi.css") screen and (min-width:0) and (max-width:926px);


/* //////////////////////////////////////////////////////////
*****************************************
Home Page Style - Common device
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */

#homeSlider{
	width:100%;
	overflow:hidden;
	position:relative;
}
#slider .slides li{
	position:relative;
	overflow:hidden;
}

#slider .flex-active-slide img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
}

#slider .slides li .mask,
#slider .slides li .outer{
	top:0;
	left:0;
}

#slider .slides li .mask{width:100%;height:100%;z-index:1000;}
#slider .slides li .outer{
	display:table;
	width:100%;
	z-index:1100;
}

#slider .slides li .inner{
	display:table-cell;
	width:100%;
	height:100%;
}

#slider .slides li .inner.cencen,
#slider .slides li .inner.cenleft,
#slider .slides li .inner.cenright{vertical-align:middle;}

#slider .slides li .inner.topcen,
#slider .slides li .inner.topleft,
#slider .slides li .inner.ltopright{vertical-align:top;}

#slider .slides li .inner.btmcen,
#slider .slides li .inner.btmleft,
#slider .slides li .inner.btmright{vertical-align:bottom;}

#slider .slides li .inner.cencen,
#slider .slides li .inner.topcen,
#slider .slides li .inner.btmcen{text-align:center;}

#slider .slides li .inner.cenleft,
#slider .slides li .inner.topleft,
#slider .slides li .inner.btmleft{text-align:left;}

#slider .slides li .inner.cenright,
#slider .slides li .inner.topright,
#slider .slides li .inner.btmright{text-align:right;}


#slider .slides li .inner > h2{line-height:1.3;}
#slider .slides li .inner > h3{font-weight:600;line-height:1.3;}



#homeSlider #carousel{
	position:absolute;
	left:0;
	width:100%;
}
#homeSlider #carousel .slides li{cursor:pointer;}
#carousel .slides li.flex-active-slide figure img{opacity:0.5;}

#homeSlider .slides li .readMore a{
	text-align:center;
	color:#fff;
	font-weight:600;
	display:block;
	margin-top:20px;
	background:url("/img/common/arrow-right_white.svg") no-repeat right 10px center;
	background-size:8px auto;
}

#slider .slides li .inner.cencen .readMore,
#slider .slides li .inner.topcen .readMore,
#slider .slides li .inner.btmcen .readMore{margin:0 auto;}


#slider .free p{font-weight:300;}

/* home News */
#homeNewsWrap{padding-bottom:30px;}
