@charset "utf-8";

.basic-post-gallery-v3 { line-height:20px; padding-top: 20px;}
.basic-post-gallery-v3 .post-list {border-radius: 30px; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); transition: all 0.5s;
box-shadow: 4px 0px 14px -7px #777; box-sizing: border-box; background: #fff; border: 3px solid transparent;}
.basic-post-gallery-v3 .post-image { position:relative; overflow:hidden; }
.basic-post-gallery-v3 .post-image a {display: block; width: 100%; height: 100%;}
.basic-post-gallery-v3  .post-image .img-wrap{padding-bottom: 0 !important; height: 100%;}
.basic-post-gallery-v3 .post-list .img-wrap .img-item { transform: scale(1); transition: all 1s;}

.basic-post-gallery-v3 .txt-normal { letter-spacing:0; }
.basic-post-gallery-v3 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery-v3 .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-v3 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery-v3 .post-row { float:left; }



.basic-post-gallery-v3 .post-content {margin:-2px 0px; overflow:hidden; }
.basic-post-gallery-v3 .post-content .list-cont {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis;}
.basic-post-gallery-v3 .post-content  > a {
--font-size-pc: 10;
--font-size-mob: 10;
font-size: min( calc( var(--font-size-mob) / 1430 * 100vw ), calc(var(--font-size-pc) * 1px) );
padding: 3.5em 1.8em 3em;
display: block; width: 100%; height: 100%;}

.basic-post-gallery-v3 .post-subject {overflow: hidden;}
.basic-post-gallery-v3 .post-subject b {font-size: max(17px, 2.5em); font-weight: bold; color: #000; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: fit-content; overflow: hidden; line-height: 1.2; margin-bottom: 0.5em; height: 2.5em;}
.basic-post-gallery-v3 .post-list { overflow:hidden; }
.basic-post-gallery-v3 .post-tag {font-size: max(12px, 1.4em); color: var(--main-color); line-height: 1.2; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  text-overflow: ellipsis;
height: fit-content; overflow: hidden;}
.basic-post-gallery-v3 .list-cont { font-size:15px; color: #858484; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: fit-content; overflow: hidden;}
.basic-post-gallery-v3 .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery-v3 .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }
 
 
.basic-post-gallery-v3 .post-list:hover .img-wrap .img-item {transform: scale(1.1);}
.basic-post-gallery-v3 .post-list:hover {border-color: var(--main-color);}
 
 @media (max-width: 991px) {
	.basic-post-gallery-v3 .post-content > a {padding: 3em 3em 2em;}
	.basic-post-gallery-v3 .post-list:hover .img-wrap .img-item {transform: scale(1);}
	.basic-post-gallery-v3 .post-list:hover {border-color: transparent;}
}

@media (max-width: 768px) {
	.basic-post-gallery-v3 .post-list {grid-template-columns: repeat(1, 1fr); border-radius: 10px;}
	.basic-post-gallery-v3 .post-content > a {font-size: min( calc( var(--font-size-mob) / 768 * 100vw ), calc(var(--font-size-pc) * 1px) ); padding: 20px;}
	.basic-post-gallery-v3 .post-list .img-wrap {padding-bottom: 70% !important;}
}