/* * GPCal Custom CSS for Vanilla Calendar Pro v3
 * v3ライブラリのindex.cssと組み合わせて使用するカスタムスタイル
 */
.gpcal-wrapper{display:grid;grid-template-columns:minmax(280px,350px) 1fr;gap:30px;align-items:start;padding:20px;max-width:1200px;margin:0 auto}@media (max-width:768px){.gpcal-wrapper{grid-template-columns:1fr;padding:15px}}.gpcal-container,.gpcal-events-container{background:var(--base-3,#ffffff);padding:20px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.gpcal-container h2,.gpcal-events-container h2{margin-top:0;border-bottom:1px solid var(--base-2,#f1f5f9);padding-bottom:10px;font-weight:500;font-size:1.2em;color:var(--contrast,#0f172a)}.gpcal-events-container div[id$="-list"]{padding:0;margin:0}[data-vc-theme="light"] .vc-date__btn.has-events::after,[data-vc-theme="dark"] .vc-date__btn.has-events::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--accent,#06b6d4)}[data-vc-theme="light"] .vc-date[data-vc-date-selected] .vc-date__btn.has-events::after,[data-vc-theme="dark"] .vc-date[data-vc-date-selected] .vc-date__btn.has-events::after{background-color:#ffffff}.gpcal-event-item{background-color:var(--base-2,#f8fafc);border-left:3px solid var(--accent,#06b6d4);margin-bottom:8px;border-radius:4px;overflow:hidden;transition:background-color .2s}.gpcal-event-item:hover{background-color:var(--base,#f1f5f9)}.gpcal-event-item summary,.gpcal-event-item.no-details{padding:10px 15px;display:flex;align-items:center;gap:10px;outline:0;list-style:none;color:var(--contrast,#0f172a)}.gpcal-event-item.holidays{border-left-color:rgb(244 63 94)}.gpcal-event-item summary{cursor:pointer}.gpcal-event-item.no-details{cursor:default}.gpcal-event-item summary::-webkit-details-marker{display:none}.gpcal-event-item summary::before{content:'▶';font-size:.7em;margin-right:10px;color:var(--accent,#06b6d4);transition:transform .2s ease-in-out;transform-origin:center}.gpcal-event-item[open]>summary::before{transform:rotate(90deg)}.gpcal-event-description{padding:12px 15px 12px 42px;background-color:var(--base-3,#ffffff);border-top:1px solid var(--base-2,#f1f5f9);color:var(--contrast-2,#64748b);font-size:.95em;line-height:1.6}.event-time{font-weight:700;font-size:.9em;background-color:var(--accent,#06b6d4);color:var(--base-3,#ffffff);padding:2px 8px;border-radius:4px;flex-shrink:0}.event-date{display:none;font-weight:500;font-size:.9em;font-feature-settings:"palt";color:var(--contrast-2,#64748b);min-width:150px;text-align:center;flex-shrink:0}@media (prefers-color-scheme:dark){.gpcal-container,.gpcal-events-container{background:var(--base-3,#1e293b);color:var(--contrast,#ffffff)}.gpcal-container h2,.gpcal-events-container h2{border-bottom-color:var(--base-2,#334155);color:var(--contrast,#ffffff)}.gpcal-event-item{background-color:var(--base-2,#334155)}.gpcal-event-item:hover{background-color:var(--base,#475569)}.gpcal-event-item summary,.gpcal-event-item.no-details{color:var(--contrast,#ffffff)}.gpcal-event-description{background-color:var(--base-3,#1e293b);border-top-color:var(--base-2,#334155);color:var(--contrast-2,#cbd5e1)}.event-time{color:var(--base-3,#1e293b)}.event-date{color:var(--contrast-2,#cbd5e1)}}@media (max-width:768px){.event-date{min-width:auto;text-align:left}.gpcal-event-item summary,.gpcal-event-item.no-details{flex-direction:column;align-items:flex-start;gap:5px}.event-time{margin-top:5px}}.vc{min-width:280px;max-width:100%}.vc button:focus-visible{outline:2px solid var(--accent,#06b6d4);outline-offset:2px}[data-vc-theme="light"] .vc-date[data-vc-date-today] .vc-date__btn,[data-vc-theme="dark"] .vc-date[data-vc-date-today] .vc-date__btn{font-weight:700;border:2px solid #06b6d4}