/* --- iOS Safari address bar 安定化 --- */
html,
body {
 height: auto;
 min-height: 100svh;
}

body {
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

/* --- TRY 1 GRID --- */
#try1-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 16px;
 margin-top: 16px;
 width: 100%;
 max-width: 100%;
}

.try1-item {
 width: 100%;
 max-width: 300px;
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
}      

.try1-img {
 background: #eee;
 width: 100%;
 aspect-ratio: 450 / 360;
 overflow: hidden;
}

.try1-img img {
 width: 100%; 
 height: 100%;
 object-fit: cover;
 display: block;
}

.try1-cap {
 background: #e6f3e6;
 padding: 6px;
 min-height: 2.5em;
 font-size: 0.9rem;
}

/* tablet */
@media (max-width: 1024px) {
 #try1-grid {
  grid-template-columns: repeat(3, 1fr);
 }
}

/* smartphone */
@media (max-width: 600px) {
 #try1-grid {
  grid-template-columns: repeat(2, 1fr);
 }
}