@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.3
*/

/* ==========================
   一覧ページ共通
========================== */

.page-title{
    text-align:center;
    margin:0 0 40px;
}

.artwork-list,
.work-list{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    justify-content:center;
}

.artwork-card,
.work-card{
    width:calc((100% - 60px) / 3);
    box-sizing:border-box;
}

.artwork-link,
.work-link{
    display:block;
    color:inherit;
    text-decoration:none;
}

.artwork-image,
.work-image{
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:6px;
}

.artwork-image img,
.work-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.artwork-title,
.work-title,
.artwork-year{
    text-align:center;
}

.artwork-title,
.work-title{
    margin:12px 0 6px;
    font-size:1.2rem;
}

.artwork-year{
    margin:0;
    color:#666;
    font-size:.9rem;
}

@media (max-width:768px){

.artwork-card,
.work-card{
    width:100%;
}

}