@charset "utf-8";
/* this file UTF-8 あいうえお
 * CSS Document 
 * 参照
 * https://blog.mismithportfolio.com/web/20150212css_caption
 */

/*html {
    font-size: 62.5%;
}*/
 
a.thumnail {
    display: block;
    float: left;
    overflow: hidden;
    /*width: 25%;*/
}
 
/*img {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}*/
 
figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
 
figcaption {
    background-color: rgba(0,0,0,0.6);
    
    opacity: 0;
    
    position: absolute;
    
    -webkit-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 20%;
}
 
/*a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}*/




 
a:hover>figure figcaption {
    opacity: 1;
}



figure h3 {
    color: #fff !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding-top: 0px !important;
    text-align: center !important;
	border-bottom: 0px !important;
	
}
figure p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
	padding: 5px;
    text-align: center;
	font-size: 12px !important
}








@media (max-width:800px){


a >figure figcaption {
    opacity: 1;
}



figcaption {
    background-color: rgba(0,0,0,0.1);
	 padding-top: 50%;
	 
}


/*figcaption {
    background-color: rgba(250,250,250,0.1);
	 padding-top: 50%;
	 
}
*/


.backwhite {
    background-color: rgba(250,250,250,0.1);
	 padding-top: 50%;
	 
}



.black  {
    color: #000 !important;
    
	
}
figure p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
	padding: 5px;
    text-align: center;
	font-size: 12px !important
}


 




    
	
}*/