@charset "utf-8";
/*
Theme Name:yasaburou-shouten.net
Description:弥三郎商店 cssテーマ
Theme URI:www.yasaburou-shouten.net
Author:takashima
Author URI:www.yasaburou-shouten.net
Version:1.0
License:sci inc.
License URI:www.sciinc.jp
*/
/*=========================================================
img-action(画像のマウスオーバー拡大＆コメント表示)
=========================================================*/
a.thumnail {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}

img.img-action {
    height: auto;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s 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);
    color: #FFF;
    opacity: 0;
	height: 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    text-align: center;
    -webkit-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /*padding-top: 25%;*/
}

figcaption p {
	margin-top: 45%;
}
 
a:hover>figure img {
        transform: scale(1.2,1.2);
        -webkit-transform:scale(1.2,1.2);
        -moz-transform:scale(1.2,1.2);
        -ms-transform:scale(1.2,1.2);
        -o-transform:scale(1.2,1.2);
}
 
a:hover>figure figcaption {
    opacity: 1;
	height: 100%;
}