/*********************************************************************
 投稿ページ設定
*********************************************************************/

table{
 width: 100%;
 border-top: var(--site-bor-color) solid 1px;
 border-left: var(--site-bor-color) solid 1px;
}
tr{
 border-bottom: var(--site-bor-color) solid 1px;
}
th{
 width: 175px;
 padding: 8px;
 background-color: var(--site-bg-color);
 border-right: var(--site-bor-color) solid 1px;
 border-bottom: var(--site-bor-color) solid 1px;
}
td{
 padding: 8px;
 vertical-align: middle;
 border-right: var(--site-bor-color) solid 1px;
}
@media screen and (max-width: 768px){
th,td{
 display: block;
 width: auto;
}
}
td ul{
 list-style-type: disc;
}
td ul{
 margin-left: 2.25rem;
}
td ul li:not(:first-child){
 margin-top: .5rem;
}


/* ------ 画像ギャラリー ------ */
.image-gallery{
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-template-rows: auto;
 grid-column-gap: 16px;
 grid-row-gap: 16px;
}
.image-gallery-item{
 max-width: 300px;
 max-height: 300px;
 cursor: pointer;
}
.image-gallery img{
 border: var(--site-bor-color) solid 1px;
 object-fit: contain; /* 縦横比維持・中央配置 */
}
@media screen and (min-width: 576px){
.image-gallery{
 grid-column-gap: 18px;
 grid-row-gap: 18px;
}
}@media screen and (min-width: 768px){
.image-gallery{
 grid-template-columns: repeat(3, 1fr);
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}
}@media screen and (min-width: 992px){
.image-gallery{
 grid-column-gap: 22px;
 grid-row-gap: 22px;
}
}@media screen and (min-width: 1200px){
.image-gallery{
 grid-template-columns: repeat(4, 1fr);
 grid-column-gap: 24px;
 grid-row-gap: 24px;
}
}

/* ------ カテゴリー・タグ一覧 ------ */
.single-categories,
.single-tags{
 display: flex;
 align-items: center;
 gap: 8px;
}
.single-tags{
 margin-top: 16px;
}
.single-categories .btn,
.single-tags .btn{
 height: 40px;
 padding: 0 8px;
 line-height: 40px;
 border-radius: 4px;
}