@charset "utf-8";


/* 2026/4/2 */

.spot-list {
display: grid;
gap: 20px;
/* margin-top: 24px; */
}

.spot-card {
padding: 24px;
/* border: 1px solid #d9d9d9; */
border: 1px solid #80c9c0;
border-radius: 16px;
background: #fff;
}

.spot-card__meta {
border-radius: 12px;
background-color: #f4fbfa;
padding: 10px 0 0 0;
/* margin: 0 0 10px; */
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
color: #888;
}

.spot-card__title {
background-color: #f4fbfa;
padding: 10px 0;
margin: 0;
font-size: 24px;
line-height: 1.4;
font-weight: 700;
color: #222;
}

.spot-card__desc {
margin: 12px 0 0;
font-size: 14px;
line-height: 1.9;
color: #555;
}

.spot-card__links {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
margin-bottom: 18px;
align-content: center;
}

.spot-card__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
margin-top: 5px;
border-radius: 999px;
/* background: #222; */
background-color: #14b8a5;
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}

.spot-card__btn:hover {
opacity: 0.85;
}

.spot-card__textlink {
display: inline-flex;
align-items: center;
min-height: 44px;
font-size: 14px;
font-weight: 700;
color: #222;
text-decoration: underline;
text-underline-offset: 3px;
}

.spot-card--no-url {
background: #fafafa;
}

@media (max-width: 580px) {
.spot-card {
padding: 0;
border-radius: 12px;
}

.spot-card__title {
font-size: 20px;
}

.spot-card__desc {
font-size: 13px;
}

.spot-card__links {
flex-direction: column;
align-items: stretch;
}

.spot-card__btn,
.spot-card__textlink {
width: 80%;
}
}

/* 折りたたみ */
.archive-date {
margin: 0 0 20px;
font-size: 1.8rem;
font-weight: 700;
color: #222;
}

.archive-block {
margin-bottom: 32px;
}

.archive-item + .archive-item {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid #e5e5e5;
}

.archive-num {
margin: 0 0 8px;
font-size: 0.95rem;
font-weight: 700;
color: #e94b7b;
}

.archive-item h4 {
margin: 0 0 10px;
font-size: 1.25rem;
line-height: 1.5;
}

.archive-item p {
margin: 0 0 10px;
line-height: 1.9;
}

.archive-accordion {
margin-top: 24px;
border: 1px solid #ddd;
border-radius: 14px;
overflow: hidden;
background: #fff;
}

.archive-accordion summary {
position: relative;
list-style: none;
cursor: pointer;
padding: 12px;
font-size: 1rem;
font-weight: 700;
border-radius: 16px;
/* background: #f7f7f7; */
}

.archive-accordion summary::-webkit-details-marker {
display: none;
}

.archive-accordion summary::after {
content: "＋";
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}

.archive-accordion[open] summary::after {
content: "－";
}

.archive-block--old {
padding: 18px 18px 22px;
}
@media only screen and (max-width:580px) {
a:hover {
color: #ffeb3b!important;
}
a:visited {
color: #fcbd00;
}
.col-12{
margin-top: 40px;
}
}
@media only screen and (min-width:581px) {
.col-12{
margin-top: 50px;
margin-bottom: 20px;
}
}

.b-n {
  list-style: none;
    cursor: pointer;
    padding: 12px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 16px;
    margin-top: 5px;
}