@charset "utf-8";

.main_portfolio {width:100%; display:inline-block;}
.main_portfolio .gall_con {position:relative;}
.main_portfolio .gall_con a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; text-align:center; color:#fff; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.main_portfolio .gall_con:hover a {  background:rgba(0,0,0,.5);  }
.main_portfolio .gall_img dl {margin-top: 33%;opacity:0;transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.main_portfolio .gall_img:hover dl { display:block; opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); }
.main_portfolio .gall_img dt {font-family: "s-core-dream-medium", sans-serif !important;font-size: 12px;line-height:100%;position:relative;padding-bottom:15px;margin-bottom:15px;display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    margin: 0 auto;}
.main_portfolio .gall_img dt:before {content:"";display:block;width:25px;height: 2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-12.5px;}
.main_portfolio .gall_img dd {
    font-family: "s-core-dream-light", sans-serif !important;
    font-size: 18px;line-height:100%;margin-bottom:10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    margin: 10px auto 0 auto;
    }

@media screen and (max-width:600px){
    .main_portfolio .gall_img dl {font-size: 12px;}
}
@media screen and (max-width:400px){
    .main_portfolio .gall_img dl {margin-top:5%;}
}
@media screen and (max-width:350px){
    .main_portfolio .gall_img dl {margin-top: 5px;}
}