@charset "utf-8";

.basic-post-gallery-partners { 
    overflow:hidden; line-height:20px; text-align: center; 
}
.basic-post-gallery-partners .txt-normal { letter-spacing:0; }
.basic-post-gallery-partners .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery-partners .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-partners .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery-partners .post-row { float:left; overflow:hidden; }
.basic-post-gallery-partners .post-list { 
    overflow:hidden; position: relative;
}
.basic-post-gallery-partners .post-image { position:relative; overflow:hidden; }
.basic-post-gallery-partners .post-image::before {
    content: ''; position: absolute; left: 0; top: 0;
    width: 100%; height:100%; background: rgba(0,0,0,0.6);
    z-index: 1; opacity: 0; transition: 0.4s;
}
.basic-post-gallery-partners .post-list .img-wrap .img-item img {
    transition: 0.4s;
}
.basic-post-gallery-partners .post-content { 
    overflow:hidden; position: absolute; left: 0; top: 50%;
    background: #313131; width: 100%; padding: 1em 0;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;
    transform: translateY(-200%); transition: 0.4s;
    z-index: 2;
}
.basic-post-gallery-partners .post-subject { 
    overflow:hidden; letter-spacing:-1px; padding-right:1px; 
    text-align: center; font-size: 1.8em; height: 1.5em; line-height: 1;
    margin-top: 0.4em;
}
.basic-post-gallery-partners .post-subject a { 
    display: block; color: #fff; font-weight: 300; 
    pointer-events: none;
}
.basic-post-gallery-partners .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery-partners .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery-partners .post-ko { font-size:11px; }

/* hover */
.basic-post-gallery-partners .post-list:hover .post-image::before {
    opacity: 1;
}
.basic-post-gallery-partners .post-list:hover .post-content {
    transform: translateY(-50%);
}
.basic-post-gallery-partners .post-list:hover .img-wrap .img-item img {
    transform: scale(1.1);
}