@charset "utf-8";
.keep_list .pict_box span.keep{
    display: none;
}
.keep_list .pict_box picture img{
    z-index: 1;
    border-radius: 4px;
}
.keep_list.addtxt .pict_box picture img{
    border-radius: 4px 4px 0 0;
}
.keep_list.addtxt p{
    line-height: 1.5em;
}
.keep_list .pict_box .keep picture img{
    border-radius: 0;
}
.keep_list a{
    background-color: #fff;
    border-radius: 4px;
}
.keep_list a .img_box_55{
    border-radius: 4px 4px 0 0 ;
}
.keep_list a:hover .pict_box span.keep{
    display: block;
}
.keep_list li p{
    padding-bottom: 0;
}
.keep_ttl a{
    width: 14px;
}
.keep_list a .pict_box{
    position: relative;
        aspect-ratio: 3 / 2;
        display: block;
        overflow: hidden;
        width: 100%;
}
/*****PC*****/
@media screen and (min-width: 1025px) {
.keep_list a .pict_box + p{
    margin: 12px 0;
    padding: 0 8px;
}
.keep_list a.img_link .img_box_32 + p{
    margin: 0;
}
.keep_list a .pict_box{
    position: relative;

}
.keep_list a .pict_box:after{
    transition: .3s;
        content: "";
        display: block;
        background-color: rgba(0,0,0,0);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
}
.keep_list a:hover .pict_box:after{
    background-color: rgba(0,0,0,.2);
}
}

/*****SP*****/
@media screen and (max-width: 1024px) {
.keep_list .pict_box span.new:before{
    border-width: 46px 46px 0 0;
}
.keep_list .pict_box + p{
        padding: 12px 8px;
}
.keep_list .pict_box span.keep{
    display: block;
}
.keep_list .pict_box img{
    z-index: 1;
}
.keep_ttl a{
    margin-left: auto;
}
}