/* image over */
/*-----------------------------------------------*/

.image-over {
	position:relative;
	opacity:1;
	}

.image-over a {
	text-decoration:none;
	}

.image-over .mask {
	background: #000 !important;
	transition:opacity 0.3s linear;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
	-moz-transition:
	opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	}

.image-over .caption {
	transition:opacity 0.3s linear;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	z-index: 20;
	opacity: 0;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	}
.image-over .caption.active {
	opacity: 1;
	}
	
.image-over .caption h2 {
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	font-weight:bold;
	line-height:1;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: -0.025em;
	font-family: 'Merriweather', "ヒラギノ明朝 Pro","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Century, serif;
	}
	
.image-over a:hover .caption {
	opacity: 1;
	}
	
.image-over a:hover .mask {
	opacity: 0.3;
	}

.image-over .caption h2 {
	width:70%;
	}

.caption h2 {
	position:absolute;
	left:15%;
	margin:0;
	padding:0;
	color: rgb(59, 59, 59);
	line-height: 1;
	font-size: 16px;
	font-family: 'Merriweather', "ヒラギノ明朝 Pro","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Century, serif;
	}

.image-over.recruit {
    background:black;
    vertical-align:middle;
    margin:0;
	}
@font-face { 
    font-family: 'Noto Sans ExtraLight'; 
    src: url('fonts/NotoSans-ExtraLight.ttf') format('truetype'); 
	} 
.image-over.recruit h2 {
	padding:1.5em;
	margin:0;
	line-height:1;
	font-weight:normal;
	font-size:23px;
	color: #B3B3B3;
	letter-spacing: -0.025em;
    /*font-family: 'Noto Sans ExtraLight', sans-serif;*/
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Georgia, Century, Garamond, "Times New Roman", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	}
	
.image-over.media h2 {
    font-size:17px !important;
	}

	
@media handheld, only screen and (min-width:391px)
{
.caption h2 div.cap {
	font-size: 13px;
	}

.image-over  .caption h2 {
	font-size: 15px;
	}

.image-over .caption h2.col3 {
	font-size: 15px;
	}

.image-over .caption h2.col2 {
	font-size: 15px;
	}
	
.image-over .caption h2.col2_2_block_s {
	font-size: 15px;
	}
	
.image-over .caption h2.col2_2_block_l {
	font-size: 15px;
	}
	
.image-over .caption h2.col1 {
	font-size: 15px;
	}

}
@media handheld, only screen and (min-width:768px)
{
	
	.caption h2 {
	top:50%;
	}
.caption h2 div.cap {
	font-size: 15px;
	}

.image-over  .caption h2 {
	font-size: 16px;
	}

.image-over .caption h2.col3 {
	font-size: 16px;
	}
	
.image-over .caption h2.col2 {
	font-size: 16px;
	}
	
.image-over .caption h2.col2_2_block_s {
	font-size: 16px;
	}
	
.image-over .caption h2.col2_2_block_l {
	font-size: 16px;
	}
	
.image-over .caption h2.col1 {
	font-size: 16px;
	}
	
}





@media handheld, only screen and (max-width:768px)
{
	
	.caption {
opacity: 1 !important;
}

	.caption h2{bottom:10px;}
	
	.image-over .caption{height:100%;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0px,rgba(0,0,0,0) 40px);
	}
	.image-over .caption h2{color:#FFFFFF;}
	
}