.tabimori-single {
padding: 40px 16px 64px;
box-sizing: border-box;
}
.tabimori-single__inner {
max-width: 880px;
margin: 0 auto;
}
.tabimori-single__back {
margin-top: 32px;
}
.tabimori-single__back a {
color: #2f7d3b;
text-decoration: none;
font-weight: 600;
}
.tabimori-detail__title {
font-size: 1.9rem;
line-height: 1.4;
margin: 0 0 12px;
}
.tabimori-detail__cats {
margin-bottom: 18px;
}
.tabimori-detail__cat {
display: inline-block;
background: #eef6ee;
color: #2f7d3b;
padding: 3px 12px;
border-radius: 4px;
margin: 0 6px 6px 0;
font-size: 13px;
} .tabimori-detail__dates {
display: flex;
align-items: center;
gap: 14px;
background: linear-gradient( 135deg, #2f7d3b, #3f9a4d );
color: #fff;
padding: 18px 22px;
border-radius: 12px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.tabimori-detail__dates-label {
font-weight: 700;
font-size: 14px;
background: rgba( 255, 255, 255, 0.2 );
padding: 5px 14px;
border-radius: 6px;
white-space: nowrap;
}
.tabimori-detail__dates-list {
display: flex;
gap: 10px 20px;
flex-wrap: wrap;
}
.tabimori-detail__date-badge {
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.tabimori-detail__content {
line-height: 1.9;
margin-bottom: 28px;
} .tabimori-detail {
margin-top: 24px;
}
@media ( max-width: 600px ) {
.tabimori-single {
padding: 24px 12px 48px;
}
.tabimori-detail__title {
font-size: 1.45rem;
}
.tabimori-detail__dates {
padding: 14px 16px;
gap: 10px;
}
.tabimori-detail__date-badge {
font-size: 1.05rem;
}
}
.tabimori-detail__gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
margin-bottom: 24px;
}
.tabimori-detail__gallery-item img {
width: 100%;
height: 160px;
object-fit: cover;
border-radius: 6px;
}
.tabimori-detail__table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
}
.tabimori-detail__table th,
.tabimori-detail__table td {
border: 1px solid #e0e5db;
padding: 10px 14px;
text-align: left;
vertical-align: top;
}
.tabimori-detail__table th {
background: #f5f7f4;
width: 36%;
white-space: nowrap;
}
.tabimori-detail__block {
margin-bottom: 24px;
}
.tabimori-detail__block h3 {
border-left: 4px solid #2f7d3b;
padding-left: 10px;
margin-bottom: 12px;
} .tabimori-occ-public {
list-style: none;
margin: 0;
padding: 0;
}
.tabimori-occ-public__item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 12px 14px;
border: 1px solid #e0e5db;
border-radius: 6px;
margin-bottom: 8px;
}
.tabimori-occ-public__date {
font-weight: 700;
flex: 1 1 auto;
}
.tabimori-occ-public__left {
font-size: 13px;
color: #555;
}
.tabimori-occ-public__btn {
padding: 8px 22px;
background: #2f7d3b;
color: #fff;
border-radius: 4px;
text-decoration: none;
}
.tabimori-occ-public__full {
padding: 8px 22px;
background: #bbb;
color: #fff;
border-radius: 4px;
}
.tabimori-detail__tags {
color: #2f7d3b;
font-weight: 600;
} .tabimori-archive-filter {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.tabimori-filter-btn {
padding: 6px 16px;
border: 1px solid #2f7d3b;
border-radius: 999px;
color: #2f7d3b;
text-decoration: none;
font-size: 14px;
}
.tabimori-filter-btn.is-active,
.tabimori-filter-btn:hover {
background: #2f7d3b;
color: #fff;
}
.tabimori-archive-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px;
}
.tabimori-card {
display: block;
border: 1px solid #e0e5db;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
color: inherit;
background: #fff;
transition: box-shadow 0.2s;
}
.tabimori-card:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.tabimori-card__img {
height: 160px;
background: #f0f0f0;
}
.tabimori-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tabimori-card__body {
padding: 12px 14px;
}
.tabimori-card__cat {
display: inline-block;
font-size: 12px;
background: #eef6ee;
color: #2f7d3b;
padding: 2px 10px;
border-radius: 4px;
margin-bottom: 6px;
}
.tabimori-card__title {
font-size: 16px;
margin: 4px 0;
}
.tabimori-card__date {
font-size: 13px;
color: #888;
margin: 0;
}
.tabimori-pagination ul {
display: flex;
gap: 6px;
list-style: none;
padding: 0;
margin: 24px 0 0;
justify-content: center;
flex-wrap: wrap;
}
.tabimori-pagination a,
.tabimori-pagination span {
display: block;
padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
}
.tabimori-pagination .current {
background: #2f7d3b;
color: #fff;
border-color: #2f7d3b;
} .tabimori-calendar {
max-width: 880px;
margin: 0 auto;
padding: 20px;
background: #fff;
border: 1px solid #e0e5db;
border-radius: 10px;
box-sizing: border-box; --fc-border-color: #e6ebe2;
--fc-button-bg-color: #2f7d3b;
--fc-button-border-color: #2f7d3b;
--fc-button-hover-bg-color: #276630;
--fc-button-hover-border-color: #276630;
--fc-button-active-bg-color: #1f5226;
--fc-button-active-border-color: #1f5226;
--fc-today-bg-color: #eef6ee;
--fc-event-bg-color: #2f7d3b;
--fc-event-border-color: #2f7d3b;
--fc-page-bg-color: #fff;
}
.tabimori-calendar .fc {
font-size: 14px;
}
.tabimori-calendar .fc .fc-toolbar-title {
font-size: 1.25rem;
font-weight: 700;
color: #2c3a2c;
}
.tabimori-calendar .fc .fc-button {
text-transform: none;
font-weight: 600;
box-shadow: none;
}
.tabimori-calendar .fc .fc-button:focus {
box-shadow: none;
}
.tabimori-calendar .fc-daygrid-day.fc-day-today {
font-weight: 700;
} .tabimori-calendar .fc-daygrid-day:has( .fc-daygrid-event-harness ) {
background: #fffbe0;
transition: background 0.2s ease;
}
.tabimori-calendar .fc-daygrid-day:has( .fc-daygrid-event-harness ):hover {
background: #fff3b0;
cursor: pointer;
} .tabimori-calendar .fc .fc-list-table { width: 100%; }
.tabimori-calendar .fc .fc-list-day-cushion {
background: #eef6ee;
font-weight: 700;
}
.tabimori-calendar .fc .fc-list-event:hover td {
background: #fffbe0;
}
.tabimori-calendar .fc .fc-list-event-dot {
border-color: #2f7d3b;
} .tabimori-calendar .fc .fc-list-event-time {
white-space: nowrap;
width: 4.5em;
color: #2c3a2c;
font-weight: 600;
}
.tabimori-calendar .fc .fc-list-event-graphic {
width: 56px;
padding-left: 6px;
padding-right: 8px;
text-align: center;
} .tabimori-calendar .fc .tabimori-list-thumb {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 6px;
display: inline-block;
vertical-align: middle;
}
.tabimori-calendar .fc .fc-list-event-title {
width: 100%;
white-space: normal;
word-break: break-word;
line-height: 1.5;
}
.tabimori-calendar .fc .fc-list-event-title a { color: #1f3a24; } .tabimori-calendar.tabimori-cal-loading .fc-list-empty { visibility: hidden; }
@media ( max-width: 767px ) {
.tabimori-calendar { padding: 8px; }
.tabimori-calendar .fc .fc-list-event-time { width: 4em; font-size: 13px; }
.tabimori-calendar .fc .fc-toolbar-title { font-size: 1rem; }
}
.tabimori-calendar .fc-event {
cursor: pointer;
padding: 1px 4px;
font-size: 12px;
border-radius: 4px;
}
.tabimori-calendar .fc-col-header-cell {
background: #f5f7f4;
padding: 6px 0;
} @media ( max-width: 768px ) {
.tabimori-calendar {
padding: 12px;
}
}
@media ( max-width: 600px ) {
.tabimori-calendar {
padding: 10px;
border-radius: 8px;
}
.tabimori-calendar .fc-toolbar.fc-header-toolbar {
flex-direction: column;
gap: 10px;
align-items: stretch;
}
.tabimori-calendar .fc .fc-toolbar-title {
font-size: 1.05rem;
text-align: center;
}
.tabimori-calendar .fc .fc-button {
padding: 4px 10px;
font-size: 13px;
}
.tabimori-calendar .fc-event {
font-size: 11px;
}
} .tabimori-cal-tip{
position:absolute;z-index:9999;max-width:280px;
background:#fff;border:1px solid #d9d9d9;border-radius:8px;
box-shadow:0 6px 18px rgba(0,0,0,.15);padding:10px 12px;
font-size:13px;line-height:1.5;color:#333;pointer-events:none;
}
.tabimori-cal-tip strong{display:block;margin-bottom:4px;color:#2f7d3b;}
.tabimori-cal-tip__row{display:block;margin-top:3px;color:#555;}
.fc-daygrid-day{cursor:pointer;}
.tabimori-archive-date{margin:0 0 12px;font-size:18px;} .tabimori-detail__gallery-item a{display:block;cursor:zoom-in;}
.tabimori-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;}
.tabimori-lightbox.is-open{display:flex;}
.tabimori-lightbox img{max-width:92vw;max-height:88vh;border-radius:6px;box-shadow:0 4px 30px rgba(0,0,0,.5);}
.tabimori-lightbox__close{position:absolute;top:16px;right:24px;color:#fff;font-size:40px;line-height:1;cursor:pointer;}