@charset "utf-8";

.basic-post-gallery { overflow:hidden; line-height:20px; }
.basic-post-gallery .txt-normal { letter-spacing:0; }
.basic-post-gallery .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-gallery .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery .post-row { float:left; overflow:hidden; }
.basic-post-gallery .post-list { overflow:hidden; }
.basic-post-gallery .post-image { position:relative; overflow:hidden; }
.basic-post-gallery .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }

.basic-post-gallery .post-image .img-item {  transform: scale(1); transition:all .3s;  }
.basic-post-gallery .post-image .img-item img { transform: scale(1); transition:all .3s;} 
.basic-post-gallery .post-image:hover .img-item img { transform: scale(1.2); }
.basic-post-gallery .post-image:hover .img-item:before { transform: translate(-50%, -50%) scale(3.5); }
.basic-post-gallery .post-image .img-item .list-desc {  position: absolute; transition:all .3s; bottom: 12%; color: #fff; font-size: 20px; line-height: 30px; padding-top: 19%; text-align:  center; width: 100%; height: auto; font-weight: 300; z-index: 11; background-position:center -10.5%;}
.basic-post-gallery .post-image:hover .img-item .list-desc { bottom:25%; background: url('/data/main/ico_plus.png')no-repeat center top;}


.basic-post-gallery .post-image .img-item:before {
    content: ""; width: 0; height: 0; padding: 25%; background: linear-gradient(60deg, rgba(0,173,220,0.9), rgba(236,99,238,0.9)); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transition: transform all 0.4s ease, -webkit-transform all 0.4s ease, -moz-transition: all 0.4s ease, -ms-transition: all 0.4s ease, -o-transition: all 0.4s ease;
    will-change: transform;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    }



@media all and (max-width:1600px){
.basic-post-gallery .post-image .img-item .list-desc { font-size:16px; line-height:20px;  }
}

@media (min-width:992px) and (max-width:1199px){
.basic-post-gallery .post-image:hover .img-item .list-desc {  background-size:12%;}
}