@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ :where(:not(html, iframe, canvas, img, svg, video, audio, input, textarea, script, style, title):not(svg *, symbol *):not([class*=wp])):where(:not(vis-bug)) { all: unset; /* その要素のすべてのプロパティ(unicode-bidi, direction, CSSカスタムプロパティを除いて)を、既定値が inherit のものは継承値に、そうでなければ初期値に変更 */ display: revert; /* 宣言が所属するスタイルシートの出所に応じて動作を指定する */ } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } :root { --vw: 100vw; --header-height: 100px; /* ヘッダー - 高さ */ --header-after: 38px; /* ヘッダー - 下余白 */ --footer-before: 100px; /* フッター - 上余白 */ --contents-gap: 100px; /* コンテンツ間 - 余白 */ --h1-before: 38px; /* h1 見出し - 上余白 */ --h1-after: 30px; /* h1 見出し - 下余白 */ --h2-before: 100px; /* h2 見出し - 上余白 */ --h2-after: 30px; /* h2 見出し - 下余白 */ --h3-before: 50px; /* h3 見出し - 上余白 */ --h3-after: 30px; /* h3 見出し - 下余白 */ --h4-before: 30px; /* h4 見出し - 上余白 */ --h4-after: 20px; /* h4 見出し - 下余白 */ } @media screen and (max-width: 963px) { :root { --header-after: 30px; --footer-before: 60px; --contents-gap: 60px; --h1-before: 30px; --h2-before: 60px; --h2-after: 30px; --h4-before: 20px; } } @media screen and (max-width: 768px) { :root { --header-height: 60px; --header-after: 20px; --footer-before: 50px; --contents-gap: 50px; --h1-before: 30px; --h1-after: 20px; --h2-before: 50px; --h2-after: 20px; --h3-before: 30px; --h4-after: 10px; } } html { font-size: calc(var(--vw) / 100); } @media screen and (max-width: 768px) { html { font-size: calc(var(--vw) / 69.1); } } body { font-family: "Noto Sans JP", sans-serif; font-size: clamp(14px, 1rem, 16px); min-height: 100vh; background-color: #fffdf8; } body[data-page=front-page] { background-color: #f4f1e9; } main { padding-top: var(--header-height); } .res-sp { display: none; } .wp-blc-calendar__scrollbar-wrap { position: relative; min-height: 0; } .wp-blc-calendar__scrollbar-target { scrollbar-width: none; -ms-overflow-style: none; } .wp-blc-calendar__scrollbar-target::-webkit-scrollbar { display: none; } .wp-blc-calendar__scrollbar-track { position: absolute; top: 0; bottom: 0; right: 3px; width: 1px; background: rgba(68, 68, 68, 0.4); z-index: 5; } .wp-blc-calendar__scrollbar-track--outside { right: -15px; } @media (max-width: 767px) { .wp-blc-calendar__scrollbar-track--outside { display: none; } } .wp-blc-calendar__scrollbar-thumb { position: absolute; left: 50%; translate: -50% 0; width: 2px; border-radius: 55px; background: #6ca223; cursor: pointer; -ms-touch-action: none; touch-action: none; } .wp-blc-calendar *, .wp-blc-calendar *::before, .wp-blc-calendar *::after, .wp-blc-calendar-modal *, .wp-blc-calendar-modal *::before, .wp-blc-calendar-modal *::after, .wp-blc-calendar-list *, .wp-blc-calendar-list *::before, .wp-blc-calendar-list *::after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .wp-blc-calendar { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; color: #444; margin-top: var(--h3-after); } .wp-blc-calendar__wrap { position: relative; margin: 0 auto; } .wp-blc-calendar__header { position: relative; text-align: center; margin-bottom: 1.5rem; } @media (max-width: 767px) { .wp-blc-calendar__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } } .wp-blc-calendar__header-year { font-size: clamp(18px, 22 / 1600 * 100vw, 22px); font-weight: 400; color: #262729; letter-spacing: 0.05em; line-height: 1; margin-bottom: 0.1rem; } @media (max-width: 767px) { .wp-blc-calendar__header-year { font-size: 20px; margin-bottom: 2px; } } .wp-blc-calendar__header-month { font-size: clamp(52px, 65 / 1600 * 100vw, 65px); font-weight: 500; color: #444444; line-height: normal; } @media (max-width: 767px) { .wp-blc-calendar__header-month { font-size: 60px; line-height: 1; } } .wp-blc-calendar__nav { position: absolute; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .wp-blc-calendar__nav { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 8px; grid-template-columns: 60px 60px; } } .wp-blc-calendar__nav-btn { height: 100%; background: #ffffff; border: 1.5px solid #6ca223; border-radius: 3px; padding: 6px 15px 6px; cursor: pointer; font-size: clamp(13px, 13 / 1600 * 100vw, 13px); color: #6ca223; font-weight: 400; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; -webkit-transition: background 0.15s ease, color 0.15s ease; transition: background 0.15s ease, color 0.15s ease; line-height: 1.3; } @media (max-width: 767px) { .wp-blc-calendar__nav-btn { font-size: 13px; border-radius: 3px; } } .wp-blc-calendar__nav-btn:hover { background: #eef3e1; } .wp-blc-calendar__nav-btn:disabled { opacity: 0.35; cursor: unset; } .wp-blc-calendar__nav-btn:disabled:hover { background: #ffffff; } .wp-blc-calendar__nav-btn--today { background: #eef3e1; font-weight: 600; opacity: 0.5; } .wp-blc-calendar__nav-btn--today:hover { background: #dde9c4; } @media (max-width: 767px) { .wp-blc-calendar__nav-btn--today { display: none; } } .wp-blc-calendar__nav-btn--today.wp-blc-calendar__nav-btn--inactive { opacity: 1; } .wp-blc-calendar__nav-btn--today.wp-blc-calendar__nav-btn--inactive:hover { background: #eef3e1; } .wp-blc-calendar__nav-btn--today:not(.wp-blc-calendar__nav-btn--inactive):hover { background: #eef3e1; cursor: unset; } .wp-blc-calendar__nav-btn#btnPrev { line-height: 1; max-width: clamp(58px, 4.875vw, 78px); width: 100vw; } @media (max-width: 767px) { .wp-blc-calendar__nav-btn#btnPrev { max-width: 100%; width: 100%; } } .wp-blc-calendar__nav-btn#btnNext { line-height: 1; max-width: clamp(58px, 4.875vw, 78px); width: 100vw; } @media (max-width: 767px) { .wp-blc-calendar__nav-btn#btnNext { max-width: 100%; width: 100%; } } .wp-blc-calendar__grid { overflow: hidden; } @media (max-width: 767px) { .wp-blc-calendar__grid { display: none; } } .wp-blc-calendar__week-grid { display: none; overflow: hidden; } .wp-blc-calendar--week .wp-blc-calendar__week-grid { display: block; } @media (max-width: 767px) { .wp-blc-calendar--week .wp-blc-calendar__week-grid { display: none; } } .wp-blc-calendar__week-weekdays { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 52px; border-bottom: none; } .wp-blc-calendar__week-weekday-col { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 10px 0 30px; } .wp-blc-calendar__week-weekday-col--sun .wp-blc-calendar__week-weekday-label, .wp-blc-calendar__week-weekday-col--sun .wp-blc-calendar__week-weekday-num { color: #ed3779; } .wp-blc-calendar__week-weekday-col--sat .wp-blc-calendar__week-weekday-label, .wp-blc-calendar__week-weekday-col--sat .wp-blc-calendar__week-weekday-num { color: #377ced; } .wp-blc-calendar__week-weekday-col--today .wp-blc-calendar__week-weekday-num { background: #6ca223; border-color: #6ca223; color: #ffffff !important; } .wp-blc-calendar__week-weekday-label { display: block; font-size: clamp(12px, 14.8 / 1600 * 100vw, 14.8px); font-weight: 500; color: #888888; margin-bottom: 4px; } .wp-blc-calendar__week-weekday-num { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.95rem; height: 1.95rem; aspect-ratio: 1; border-radius: 50%; margin: 0 auto; font-size: clamp(15px, 18 / 1600 * 100vw, 18px); font-weight: 500; color: #444; } .wp-blc-calendar__week-timetable-scroll { max-height: 600px; overflow-y: auto; overflow-anchor: none; scroll-behavior: auto; } .wp-blc-calendar__week-timetable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .wp-blc-calendar__week-timetable .wp-blc-calendar__loading { width: 100%; } .wp-blc-calendar__week-hours { position: absolute; inset: 0; width: 100%; pointer-events: none; z-index: 1; } .wp-blc-calendar__week-hour-label { position: absolute; left: -7px; width: calc(52px - 8px); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; font-weight: 400; font-size: clamp(10px, 14 / 1600 * 100vw, 14px); color: #222; opacity: 0.6; background: transparent; } .wp-blc-calendar__week-hour-line { position: absolute; left: calc(52px - 12px); right: 0; height: 1px; background: #c3d4c5; } .wp-blc-calendar__week-half-tick { position: absolute; left: calc(52px - 7px); right: 0; height: 1.9px; background: rgba(195, 212, 197, 0.3647058824); opacity: 0.4; } .wp-blc-calendar__week-columns { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 52px; } .wp-blc-calendar__week-column { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; border-right: 1px solid #c3d4c5; } .wp-blc-calendar__week-column--sun { background: #faedf2; } .wp-blc-calendar__week-column--sun.wp-blc-calendar__week-column--past { background: #f7e8f0; } .wp-blc-calendar__week-column--sat { background: #edf3fa; } .wp-blc-calendar__week-column--sat.wp-blc-calendar__week-column--past { background: #e8f0f7; } .wp-blc-calendar__week-column--past { background: #fafafa; } .wp-blc-calendar__week-column--past .wp-blc-calendar__week-event { opacity: 0.5; } @media (min-width: 768px) { .wp-blc-calendar__week-column--past .wp-blc-calendar__week-event { opacity: 1; } } .wp-blc-calendar__week-column--other-month { background: #ebebeb !important; pointer-events: none; } .wp-blc-calendar__week-column--other-month .wp-blc-calendar__week-event { opacity: 0.5; } .wp-blc-calendar__week-event { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; background: #eef3e1; color: #444; border-radius: 4px; padding: 3px 6px; cursor: unset; -webkit-clip-path: inset(0 round 4px); clip-path: inset(0 round 4px); z-index: 3; } .wp-blc-calendar__week-event::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 2px; background-color: #888888; border-radius: 55px; } .wp-blc-calendar__week-event--clickable { cursor: pointer; -webkit-transition: -webkit-filter 0.15s ease; transition: -webkit-filter 0.15s ease; transition: filter 0.15s ease; transition: filter 0.15s ease, -webkit-filter 0.15s ease; } .wp-blc-calendar__week-event--clickable:hover { color: #6ca223; } .wp-blc-calendar__week-event--clickable::before { background-color: #6ca223; } .wp-blc-calendar__week-event--private { background: #fafafa; color: #888888; } .wp-blc-calendar__week-event--private .wp-blc-calendar__week-event-time svg { display: none; } .wp-blc-calendar__week-event-content { z-index: 1; position: -webkit-sticky; position: sticky; top: 0; } .wp-blc-calendar__week-event-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 3px; font-size: clamp(12px, 12 / 1600 * 100vw, 12px); font-weight: 400; line-height: 1; margin-bottom: 1px; } .wp-blc-calendar__week-event-time svg { width: clamp(15px, 15 / 1600 * 100vw, 15px); height: clamp(15px, 15 / 1600 * 100vw, 15px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #6ca223; } .wp-blc-calendar__week-event-title { font-size: clamp(12px, 12 / 1600 * 100vw, 12px); font-weight: 400; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 767px) { .wp-blc-calendar__week-event-title { font-size: 11px; } } .wp-blc-calendar__week-event--allday { border-radius: 0; z-index: 2; } .wp-blc-calendar__week-event--allday.wp-blc-calendar__week-event--clickable { background: #eef3e1; color: #444; } .wp-blc-calendar__week-event--allday.wp-blc-calendar__week-event--clickable:hover { color: #6ca223; } .wp-blc-calendar--solo.wp-blc-calendar { margin-top: 2em; } @media (max-width: 767px) { .wp-blc-calendar--solo.wp-blc-calendar .wp-blc-calendar__grid { display: block; } } @media (max-width: 767px) { .wp-blc-calendar--week .wp-blc-calendar__nav { display: none; } } .wp-blc-calendar__weekdays { display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid #c3d4c5; } .wp-blc-calendar__weekday { text-align: center; padding: 10px 0; font-size: clamp(12px, 14.8 / 1600 * 100vw, 14.8px); font-weight: 500; color: #888888; } .wp-blc-calendar__weekday--sun { color: #ed3779; } .wp-blc-calendar__weekday--sat { color: #377ced; } @media (max-width: 767px) { .wp-blc-calendar__weekday { font-size: 14.76px; padding: 8px 0; } } .wp-blc-calendar__days { display: grid; grid-template-columns: repeat(7, 1fr); border: 1px solid #c3d4c5; border-top: unset; border-bottom: unset; } .wp-blc-calendar__day { border-right: 1px solid #c3d4c5; border-bottom: 1px solid #c3d4c5; min-height: 127px; padding: 5.6px 6.2px; position: relative; background: #ffffff; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; } .wp-blc-calendar__day:nth-child(7n) { border-right: none; } @media (max-width: 767px) { .wp-blc-calendar__day { min-height: 80px; padding: 1px 1.8px; } } .wp-blc-calendar__day--other-month { background: #ebebeb; } .wp-blc-calendar__day--other-month.wp-blc-calendar__day--sunday { background: #ebebeb !important; } .wp-blc-calendar__day--other-month.wp-blc-calendar__day--holiday { background: #ebebeb !important; } .wp-blc-calendar__day--other-month.wp-blc-calendar__day--saturday { background: #ebebeb !important; } .wp-blc-calendar__day--other-month .wp-blc-calendar__day-num { opacity: 0.5; } .wp-blc-calendar__day--other-month .wp-blc-calendar__chip { opacity: 0.5; } .wp-blc-calendar__day--past { background: #fafafa; } .wp-blc-calendar__day--past .wp-blc-calendar__day-num { opacity: 0.5; } .wp-blc-calendar__day--past .wp-blc-calendar__chip { opacity: 0.5; } .wp-blc-calendar__day--sunday { background: #faedf2; } .wp-blc-calendar__day--sunday.wp-blc-calendar__day--past { background: #f7e8f0; } .wp-blc-calendar__day--holiday { background: #faedf2; } .wp-blc-calendar__day--holiday.wp-blc-calendar__day--past { background: #f7e8f0; } .wp-blc-calendar__day--saturday { background: #edf3fa; } .wp-blc-calendar__day--saturday.wp-blc-calendar__day--past { background: #e8f0f7; } .wp-blc-calendar__day--today { background: #ffffff !important; } .wp-blc-calendar__day-num { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: clamp(15px, 18 / 1600 * 100vw, 18px); font-weight: 500; width: 1.95rem; height: 1.95rem; line-height: 1; aspect-ratio: 1; border-radius: 50%; margin-bottom: 8.3px; color: #444; } .wp-blc-calendar__day--today .wp-blc-calendar__day-num { background: #6ca223; color: #ffffff !important; } .wp-blc-calendar__day--sunday .wp-blc-calendar__day-num { color: #ed3779 !important; } .wp-blc-calendar__day--holiday .wp-blc-calendar__day-num { color: #ed3779 !important; } .wp-blc-calendar__day--saturday .wp-blc-calendar__day-num { color: #377ced !important; } .wp-blc-calendar__day--other-month .wp-blc-calendar__day-num { color: #bbb; } @media (max-width: 767px) { .wp-blc-calendar__day-num { width: 19px; height: 19px; margin-bottom: 8px; font-size: 14px; } } .wp-blc-calendar__holiday-label { font-size: clamp(8.5px, 9.9 / 1600 * 100vw, 9.9px); color: #ed3779; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wp-blc-calendar__chip { font-size: clamp(9.5px, 10.9 / 1600 * 100vw, 10.9px); padding: 4px 8px; border-radius: 4px; margin-bottom: 5px; background: #eef3e1; color: #444; line-height: 1.4; position: relative; cursor: unset; } @media (max-width: 767px) { .wp-blc-calendar__chip { padding: unset; } } .wp-blc-calendar__chip--clickable { cursor: pointer; -webkit-transition: -webkit-filter 0.15s ease; transition: -webkit-filter 0.15s ease; transition: filter 0.15s ease; transition: filter 0.15s ease, -webkit-filter 0.15s ease; } .wp-blc-calendar__chip--clickable:hover { color: #6ca223; } .wp-blc-calendar__chip--clickable::before { content: ""; position: absolute; left: 0; top: 50%; translate: 0 -50%; width: 2px; height: 85%; background-color: #6ca223; border-radius: 55px; } @media (max-width: 767px) { .wp-blc-calendar__chip--clickable::before { display: none; } } .wp-blc-calendar__chip--private { background: #fafafa; color: #888888; cursor: unset; } .wp-blc-calendar__chip--private svg { display: none; } .wp-blc-calendar__chip--private::before { content: ""; position: absolute; left: 0; top: 50%; translate: 0 -50%; border-radius: 55px; width: 2px; height: 85%; background-color: #888888; } @media (max-width: 767px) { .wp-blc-calendar__chip--private::before { display: none; } } .wp-blc-calendar__chip-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 3px; font-size: clamp(12px, 12 / 1600 * 100vw, 12px); font-weight: 400; line-height: 1; margin-bottom: 1px; } .wp-blc-calendar__chip-time svg { width: clamp(15px, 15 / 1600 * 100vw, 15px); height: clamp(15px, 15 / 1600 * 100vw, 15px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #6ca223; } @media (max-width: 767px) { .wp-blc-calendar__chip-time { display: none; } } .wp-blc-calendar__chip-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(12px, 12 / 1600 * 100vw, 12px); font-weight: 400; line-height: 1.5; } @media (max-width: 767px) { .wp-blc-calendar__chip-title { font-size: 11px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } .wp-blc-calendar__loading { grid-column: 1/-1; text-align: center; padding: 3rem; color: #888888; font-size: clamp(12px, 14.4 / 1600 * 100vw, 14.4px); border: 1px solid #c3d4c5; border-top: unset; min-height: 600px; } @media (max-width: 767px) { .wp-blc-calendar__loading { border-left: none; border-right: none; min-height: 163px; } } .wp-blc-calendar__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0.5rem; } @media (max-width: 767px) { .wp-blc-calendar__footer { display: none; } } .wp-blc-calendar__footer--sp { display: none; } @media (max-width: 767px) { .wp-blc-calendar__footer--sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 16px; padding-bottom: 16px; } } .wp-blc-calendar__print-link { font-size: clamp(13px, 15.5 / 1600 * 100vw, 15.5px); display: grid; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; grid-template-columns: repeat(2, auto); gap: 4px; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; text-decoration: underline; text-underline-offset: 0.25em; color: #888888; } @media (max-width: 767px) { .wp-blc-calendar__print-link { font-size: 12px; } } .wp-blc-calendar__print-link:hover { color: #444; } .wp-blc-calendar__print-link svg { width: 11px; height: 11px; } .wp-blc-calendar__daily-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-bottom: 24px; } @media (max-width: 767px) { .wp-blc-calendar__daily-head { gap: clamp(6px, 2.6666666667vw, 10px); margin-bottom: 16px; } } .wp-blc-calendar__daily-year { font-size: clamp(18px, 22 / 1600 * 100vw, 22px); color: #444; font-weight: 400; } @media (max-width: 767px) { .wp-blc-calendar__daily-year { font-size: clamp(16px, 5.8666666667vw, 22px); } } .wp-blc-calendar__daily-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: clamp(10px, 21 / 1600 * 100vw, 21px); } @media (max-width: 767px) { .wp-blc-calendar__daily-nav { gap: clamp(10px, 4.8vw, 18px); width: 100%; } } @media (max-width: 420px) { .wp-blc-calendar__daily-nav { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .wp-blc-calendar__daily-nav-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: clamp(60px, 78 / 1600 * 100vw, 78px); height: 30px; background: #ffffff; border: 1px solid #6ca223; border-radius: 3px; cursor: pointer; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wp-blc-calendar__daily-nav-btn { width: clamp(30px, 16vw, 60px); height: 30px; } } .wp-blc-calendar__daily-nav-btn:hover { background: #eef3e1; } .wp-blc-calendar__daily-nav-btn:disabled { opacity: 0.35; cursor: unset; } .wp-blc-calendar__daily-nav-btn:disabled:hover { background: #ffffff; } .wp-blc-calendar__daily-nav-btn svg { width: 7px; height: 11px; } .wp-blc-calendar__daily-date { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: clamp(38px, 65 / 1600 * 100vw, 65px); font-weight: 500; color: #444; line-height: 1; } @media (max-width: 767px) { .wp-blc-calendar__daily-date { font-size: clamp(30px, 13.3333333333vw, 60px); } } .wp-blc-calendar__daily-date--sun .wp-blc-calendar__daily-weekday { color: #ed3779; } .wp-blc-calendar__daily-date--sat .wp-blc-calendar__daily-weekday { color: #377ced; } .wp-blc-calendar__daily-date-month, .wp-blc-calendar__daily-date-day { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .wp-blc-calendar__daily-date-sep { color: #444; font-size: clamp(23px, 50 / 1600 * 100vw, 50px); translate: 0px calc(clamp(2px, 10 / 1600 * 100vw, 10px) * -1); } @media (max-width: 767px) { .wp-blc-calendar__daily-date-sep { font-size: clamp(30px, 13.3333333333vw, 50px); translate: 0px calc(clamp(2px, 1.6vw, 6px) * -1); } } .wp-blc-calendar__daily-weekday { font-size: clamp(16px, 20 / 1600 * 100vw, 20px); font-weight: 400; margin-left: 9px; } @media (max-width: 767px) { .wp-blc-calendar__daily-weekday { font-size: clamp(12px, 5.3333333333vw, 20px); } } .wp-blc-calendar__daily-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: clamp(24px, 40 / 1600 * 100vw, 40px); } @media (max-width: 767px) { .wp-blc-calendar__daily-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .wp-blc-calendar__daily-main { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; } @media (max-width: 767px) { .wp-blc-calendar__daily-main { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } } .wp-blc-calendar__daily-image { -webkit-box-flex: 0; -webkit-flex: 0 0 clamp(320px, 510 / 1600 * 100vw, 510px); -ms-flex: 0 0 clamp(320px, 510 / 1600 * 100vw, 510px); flex: 0 0 clamp(320px, 510 / 1600 * 100vw, 510px); width: clamp(320px, 510 / 1600 * 100vw, 510px); -o-object-fit: contain; object-fit: contain; display: block; -o-object-position: center; object-position: center; background-color: #f7faf0; min-height: 100%; aspect-ratio: 16/9; } @media (max-width: 767px) { .wp-blc-calendar__daily-image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } } .wp-blc-calendar__daily-card { background: #f7faf0; border-radius: 10px; padding: 15px 15px; margin-bottom: 20px; } @media (max-width: 767px) { .wp-blc-calendar__daily-card { padding: 12px 15px; } } .wp-blc-calendar__daily-card-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: clamp(16px, 20 / 1600 * 100vw, 20px); line-height: 1; color: #6ca223; font-weight: 400; margin-bottom: 16px; } @media (max-width: 767px) { .wp-blc-calendar__daily-card-time { font-size: 14px; gap: 10px; margin-bottom: 13px; } } .wp-blc-calendar__daily-card-time svg { width: clamp(20px, 24 / 1600 * 100vw, 24px); height: clamp(20px, 24 / 1600 * 100vw, 24px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wp-blc-calendar__daily-card-time svg { width: 20px; height: 20px; } } .wp-blc-calendar__daily-card-title { font-size: clamp(19px, 24 / 1600 * 100vw, 24px); font-weight: 400; color: #6ca223; line-height: 1.4; } @media (max-width: 767px) { .wp-blc-calendar__daily-card-title { font-size: 16px; } } .wp-blc-calendar__daily-row { display: grid; grid-template-columns: clamp(100px, 140 / 1600 * 100vw, 140px) 1fr; gap: 8px; padding: 16px 0; border-bottom: 1px solid #c3d4c5; font-size: clamp(14px, 16 / 1600 * 100vw, 16px); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 767px) { .wp-blc-calendar__daily-row { font-size: clamp(12px, 3.7333333333vw, 14px); justify-items: start; row-gap: 8px; padding: 13px 0; } } .wp-blc-calendar__daily-row::before { position: absolute; content: ""; width: clamp(100px, 140 / 1600 * 100vw, 140px); height: 1px; bottom: -1px; left: 0; background-color: #6ca223; } .wp-blc-calendar__daily-row:first-child { padding-top: 0; border-top: none; } .wp-blc-calendar__daily-label { font-weight: 500; font-size: clamp(14px, 16 / 1600 * 100vw, 16px); line-height: 1; color: #444; text-align: left; } @media (max-width: 767px) { .wp-blc-calendar__daily-label { font-size: clamp(12px, 3.7333333333vw, 14px); } } .wp-blc-calendar__daily-value { color: #444; line-height: 1.4; font-weight: 400; font-size: clamp(14px, 16 / 1600 * 100vw, 16px); } @media (max-width: 767px) { .wp-blc-calendar__daily-value { font-size: clamp(12px, 3.7333333333vw, 14px); } } .wp-blc-calendar__daily-value a { color: #6ca223; text-decoration: none; } .wp-blc-calendar__daily-value a:hover { text-decoration: underline; } .wp-blc-calendar__daily-empty { text-align: center; color: #888888; font-size: clamp(12px, 14 / 1600 * 100vw, 14px); padding: 2rem 0; width: 100%; } @media (max-width: 767px) { .wp-blc-calendar__daily-empty { font-size: 14px; padding: 32px 0; } } .wp-blc-calendar__daily-body > .wp-blc-calendar__loading { width: 100%; border: none; min-height: 0; padding: 4rem 0; } @media (max-width: 767px) { .wp-blc-calendar__daily-body > .wp-blc-calendar__loading { padding: 2.5rem 0; } } .wp-blc-calendar__daily-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 12px; margin-top: 24px; } @media (max-width: 767px) { .wp-blc-calendar__daily-pagination { margin-top: 32px; gap: 8px; } } .wp-blc-calendar__daily-page-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 43px; height: 24px; background: #ffffff; border: 1px solid #6ca223; border-radius: 3px; cursor: pointer; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; } @media (max-width: 767px) { .wp-blc-calendar__daily-page-btn { width: 43px; height: 24px; } } .wp-blc-calendar__daily-page-btn:hover { background: #eef3e1; } .wp-blc-calendar__daily-page-btn:disabled { opacity: 0.35; cursor: unset; } .wp-blc-calendar__daily-page-btn:disabled:hover { background: #ffffff; } .wp-blc-calendar__daily-page-btn svg { width: 6px; height: 10px; } .wp-blc-calendar__daily-page-label { font-size: clamp(13px, 15 / 1600 * 100vw, 15px); color: #444; font-weight: 500; min-width: 2.5em; text-align: center; } @media (max-width: 767px) { .wp-blc-calendar__daily-page-label { font-size: 13px; } } @media (max-width: 767px) { .wp-blc-calendar--daily .wp-blc-calendar__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 12px; margin-top: 32px; } } .wp-blc-calendar-modal { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; } .wp-blc-calendar-modal__overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; } @media (max-width: 767px) { .wp-blc-calendar-modal__overlay { padding: 16px; } } .wp-blc-calendar-modal__overlay--open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wp-blc-calendar-modal__dialog { background: #fffdf8; border-radius: 8px; max-width: 590px; width: 90%; position: relative; -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18); max-height: 80vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } @media (max-width: 767px) { .wp-blc-calendar-modal__dialog { max-width: 100%; width: 90%; margin-inline: auto; max-height: 90vh; border-radius: 8px; position: fixed; left: 0; right: 0; } } @media screen and (min-width: 1601px) { .wp-blc-calendar-modal__dialog { max-width: clamp(590px, 36.875vw, 1000px); } } .wp-blc-calendar-modal__close { position: absolute; top: 16px; right: 16px; background: #6ca223; border: none; border-radius: 100px; padding: 6px 23px; cursor: pointer; color: #ffffff; font-size: clamp(13px, 16 / 1600 * 100vw, 16px); font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 11px; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; z-index: 1; border: 1px solid #6ca223; } @media (max-width: 767px) { .wp-blc-calendar-modal__close { font-size: 13px; top: 8px; right: 8px; padding: 3.5px 17px; gap: 9.5px; } } .wp-blc-calendar-modal__close:hover { color: #6ca223; border: 1px solid #6ca223; background-color: #ffffff; } .wp-blc-calendar-modal__close:hover svg { color: #6ca223; } .wp-blc-calendar-modal__close svg { width: 11px; height: 11px; } @media (max-width: 767px) { .wp-blc-calendar-modal__close svg { width: 8px; height: 9px; } } .wp-blc-calendar-modal__head { padding: 28px 24px 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } .wp-blc-calendar-modal__head-year { font-size: clamp(18px, 22.1 / 1600 * 100vw, 22.1px); color: #444; margin-bottom: 5px; font-weight: 400; } @media (max-width: 767px) { .wp-blc-calendar-modal__head-year { font-size: 22px; line-height: 1; margin-top: 28px; margin-bottom: 14px; } } .wp-blc-calendar-modal__head-date { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: clamp(38px, 50 / 1600 * 100vw, 50px); font-weight: 500; color: #444; line-height: 1; } @media (max-width: 767px) { .wp-blc-calendar-modal__head-date { font-size: 36px; } } .wp-blc-calendar-modal__head-date--sun .wp-blc-calendar-modal__head-weekday { color: #ed3779; } .wp-blc-calendar-modal__head-date--sat .wp-blc-calendar-modal__head-weekday { color: #377ced; } .wp-blc-calendar-modal__head-date-month, .wp-blc-calendar-modal__head-date-day { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .wp-blc-calendar-modal__head-date-sep { color: #444; font-size: clamp(23px, 38 / 1600 * 100vw, 38px); translate: 0px calc(clamp(2px, 8 / 1600 * 100vw, 8px) * -1); } @media (max-width: 767px) { .wp-blc-calendar-modal__head-date-sep { font-size: 30px; translate: 0px -2px; } } .wp-blc-calendar-modal__head-weekday { font-size: clamp(16px, 20 / 1600 * 100vw, 20px); font-weight: 400; color: #444; margin-left: 9px; } @media (max-width: 767px) { .wp-blc-calendar-modal__head-weekday { font-size: 16px; } } .wp-blc-calendar-modal__body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; overflow-y: auto; padding: 1rem 3rem 1.5rem; } @media (max-width: 767px) { .wp-blc-calendar-modal__body { padding: 16px 15px 30px; } } .wp-blc-calendar-modal__dialog .wp-blc-calendar__scrollbar-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; } .wp-blc-calendar-modal__section-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: clamp(13px, 16 / 1600 * 100vw, 16px); font-weight: 400; color: #444; margin-top: 20px; margin-bottom: 8px; display: none; } @media (max-width: 767px) { .wp-blc-calendar-modal__section-label { font-size: 16px; gap: 5px; margin-bottom: 12px; } } .wp-blc-calendar-modal__section-label svg { width: 2.4rem; height: 2.4rem; } @media (max-width: 767px) { .wp-blc-calendar-modal__section-label svg { width: 30px; height: 30px; } } .wp-blc-calendar-modal__event { background: #f7faf0; border-radius: 10px; padding: 15px 15px; margin-bottom: 20px; } .wp-blc-calendar-modal__event:last-child { margin-bottom: 0; } .wp-blc-calendar-modal__event--private { background: #f0f0f0; } @media (max-width: 767px) { .wp-blc-calendar-modal__event { padding: 12px 18px; } } .wp-blc-calendar-modal__event-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: clamp(16px, 20 / 1600 * 100vw, 20px); line-height: 1; color: #6ca223; font-weight: 400; margin-bottom: 16px; } @media (max-width: 767px) { .wp-blc-calendar-modal__event-time { font-size: 14px; gap: 10px; margin-bottom: 13px; } } .wp-blc-calendar-modal__event-time svg { width: clamp(20px, 24 / 1600 * 100vw, 24px); height: clamp(20px, 24 / 1600 * 100vw, 24px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wp-blc-calendar-modal__event-time svg { width: 20px; height: 20px; } } .wp-blc-calendar-modal__event-title { font-size: clamp(19px, 24 / 1600 * 100vw, 24px); font-weight: 400; color: #6ca223; margin-bottom: 10px; line-height: 1.4; } @media (max-width: 767px) { .wp-blc-calendar-modal__event-title { font-size: 16px; } } .wp-blc-calendar-modal__event--private .wp-blc-calendar-modal__event-title { color: #888888; font-weight: 400; } .wp-blc-calendar-modal__detail-row { display: grid; grid-template-columns: 80px 1fr; gap: 8px; padding: 16px 0; border-bottom: 1px solid #c3d4c5; font-size: clamp(12px, 13 / 1600 * 100vw, 13px); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; align-items: center; } @media (max-width: 767px) { .wp-blc-calendar-modal__detail-row { display: grid; font-size: 12px; justify-items: start; row-gap: 11px; } } .wp-blc-calendar-modal__detail-row::before { position: absolute; content: ""; width: 80px; height: 1px; bottom: -1px; left: 0; background-color: #6ca223; } .wp-blc-calendar-modal__detail-row:first-child { padding-top: 0; border-top: none; } .wp-blc-calendar-modal__detail-label { font-weight: 500; font-size: clamp(13px, 16 / 1600 * 100vw, 16px); line-height: 1; color: #444; text-align: left; } @media (max-width: 767px) { .wp-blc-calendar-modal__detail-label { font-size: 14px; } } .wp-blc-calendar-modal__detail-value { color: #444; line-height: 1.4; font-weight: 400; font-size: clamp(13px, 16 / 1600 * 100vw, 16px); } @media (max-width: 767px) { .wp-blc-calendar-modal__detail-value { font-size: 14px; } } .wp-blc-calendar-modal__detail-value a { color: #6ca223; text-decoration: none; } .wp-blc-calendar-modal__detail-value a:hover { text-decoration: underline; } .wp-blc-calendar-modal__event-image { width: 100%; border-radius: 8px; margin-top: 20px; display: block; } .wp-blc-calendar-modal__empty { text-align: center; color: #888888; font-size: clamp(12px, 14.4 / 1600 * 100vw, 14.4px); padding: 2rem 0; } @media (max-width: 767px) { .wp-blc-calendar-modal__empty { font-size: 14px; padding: 32px 0; } } .wp-blc-calendar-list { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; color: #444; margin-top: 32px; } .wp-blc-calendar-list__body { margin-bottom: 40px; } @media (min-width: 768px) { .wp-blc-calendar-list { display: none; } } .wp-blc-calendar-list__tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0; margin-bottom: 16px; } .wp-blc-calendar-list__tab { background: none; border: none; font-size: 14px; font-weight: 400; color: #888888; cursor: pointer; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; } .wp-blc-calendar-list__tab + .wp-blc-calendar-list__tab { margin-left: 10px; padding-left: 10px; border-left: 1px solid #c3d4c5; } .wp-blc-calendar-list__tab--active { color: #444; } .wp-blc-calendar-list__panel { display: none; } .wp-blc-calendar-list__panel--active { display: block; } .wp-blc-calendar-list__date-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 16px; background: #ffffff; border-radius: 3px; overflow: hidden; border: 1px solid #c3d4c5; } .wp-blc-calendar-list__date-group:has(.wp-blc-calendar-list__date-col--sun) { background: #faedf2; } .wp-blc-calendar-list__date-group:has(.wp-blc-calendar-list__date-col--sat) { background: #edf3fa; } .wp-blc-calendar-list__date-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 52px; padding: 12px 0px 0px 13px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .wp-blc-calendar-list__date-num { font-size: 18px; font-weight: 500; line-height: 1; color: #444; width: 26px; height: 26px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .wp-blc-calendar-list__date-num--today { background: #6ca223; color: #ffffff; font-size: 18px; } .wp-blc-calendar-list__date-col--sun .wp-blc-calendar-list__date-num { color: #ed3779; } .wp-blc-calendar-list__date-col--sun .wp-blc-calendar-list__date-num.wp-blc-calendar-list__date-num--today { color: #ffffff; } .wp-blc-calendar-list__date-col--sat .wp-blc-calendar-list__date-num { color: #377ced; } .wp-blc-calendar-list__date-col--sat .wp-blc-calendar-list__date-num.wp-blc-calendar-list__date-num--today { color: #ffffff; } .wp-blc-calendar-list__date-dow { font-size: 13px; font-weight: 500; color: #444444; } .wp-blc-calendar-list__date-col--sun .wp-blc-calendar-list__date-dow { color: #ed3779; } .wp-blc-calendar-list__date-col--sat .wp-blc-calendar-list__date-dow { color: #377ced; } .wp-blc-calendar-list__events-col { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; gap: 8px; } .wp-blc-calendar-list__events-col.wp-blc-calendar-list__events-col { margin: 13px !important; } @media screen and (max-width: 768px) { .wp-blc-calendar-list__events-col .wp-blc-calendar-list__item--private .wp-blc-calendar-list__item-time svg { display: none; } } .wp-blc-calendar-list__item { padding: 13px 12px; background-color: #f7faf0; cursor: unset; border-radius: 3px; } .wp-blc-calendar-list__item:last-child { border-bottom: none; } .wp-blc-calendar-list__item--clickable { cursor: pointer; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; } .wp-blc-calendar-list__item--clickable:hover { background: #eef3e1; } .wp-blc-calendar-list__item-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 14px; color: #6ca223; font-weight: 400; margin-bottom: 7px; } .wp-blc-calendar-list__item-time svg { width: 15.55px; height: 15.55px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .wp-blc-calendar-list__item--private .wp-blc-calendar-list__item-time { color: #888888; } .wp-blc-calendar-list__item-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; font-weight: 400; color: #6ca223; line-height: 1.5; } .wp-blc-calendar-list__item--private .wp-blc-calendar-list__item-title { color: #888888; font-weight: 400; } .wp-blc-calendar-list__more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 8px; margin-bottom: 8px; } .wp-blc-calendar-list__more-btn { background: none; border: none; font-size: 14px; font-weight: 400; color: #444; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; } @media (max-width: 767px) { .wp-blc-calendar-list__more-btn { margin-bottom: -17px !important; } } .wp-blc-calendar-list__more-btn:hover { color: #444; } .wp-blc-calendar-list__more-arrow { width: 13px; height: 12px; } .wp-blc-calendar-list__empty { text-align: center; color: #888888; font-size: 14px; padding: 32px 0; } .wp-blc-calendar-soon { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; text-align: center; padding: 3rem 1rem; border: 1px solid #c3d4c5; border-radius: 12px; background: #fafaf7; } @media (max-width: 767px) { .wp-blc-calendar-soon { padding: 32px 16px; } } .wp-blc-calendar-soon__heading { font-size: clamp(16px, 20 / 1600 * 100vw, 20px); font-weight: 500; color: #444; margin-bottom: 0.5rem; } @media (max-width: 767px) { .wp-blc-calendar-soon__heading { font-size: 16px; margin-bottom: 8px; } } .wp-blc-calendar-soon__note { font-size: clamp(12px, 14.4 / 1600 * 100vw, 14.4px); color: #888888; } @media (max-width: 767px) { .wp-blc-calendar-soon__note { font-size: 13px; } } .wp-blc-calendar-week-list { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; color: #444; margin-top: 24px; min-height: 163px; } @media (min-width: 768px) { .wp-blc-calendar-week-list { display: none; } } .wp-blc-calendar-week-list__strip-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 20px; } .wp-blc-calendar-week-list__strip { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 4px; } .wp-blc-calendar-week-list__strip-nav-btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; background: #ffffff; border: 1.5px solid #6ca223; border-radius: 3px; cursor: pointer; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; } .wp-blc-calendar-week-list__strip-nav-btn:hover { background: #eef3e1; } .wp-blc-calendar-week-list__strip-nav-btn:disabled { opacity: 0.35; cursor: unset; } .wp-blc-calendar-week-list__strip-nav-btn:disabled:hover { background: #ffffff; } .wp-blc-calendar-week-list__strip-nav-btn svg { width: 7px; height: 11px; } .wp-blc-calendar-week-list__strip-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; background: none; border: none; padding: 4px 0; cursor: pointer; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; } .wp-blc-calendar-week-list__strip-item .wp-blc-calendar__week-weekday-label { font-size: 12px; color: #888888; } .wp-blc-calendar-week-list__strip-item .wp-blc-calendar__week-weekday-num { width: 26px; height: 26px; font-size: 14px; } .wp-blc-calendar-week-list__strip-item--sun .wp-blc-calendar__week-weekday-label, .wp-blc-calendar-week-list__strip-item--sun .wp-blc-calendar__week-weekday-num { color: #ed3779; } .wp-blc-calendar-week-list__strip-item--sat .wp-blc-calendar__week-weekday-label, .wp-blc-calendar-week-list__strip-item--sat .wp-blc-calendar__week-weekday-num { color: #377ced; } .wp-blc-calendar-week-list__strip-item--today .wp-blc-calendar__week-weekday-num { background: #6ca223; color: #ffffff; border-radius: 50% !important; } .wp-blc-calendar-week-list__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .wp-blc-calendar-week-list__date-group { border-radius: 10px; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; scroll-margin-top: 80px; } .wp-blc-calendar-week-list__date-head { font-size: 16px; font-weight: 500; color: #444; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .wp-blc-calendar-week-list__date-head--sun { color: #ed3779; } .wp-blc-calendar-week-list__date-head--sat { color: #377ced; } .wp-blc-calendar-week-list__item { background: #ffffff; border: 0.3px solid #c3d4c5; border-radius: 3px; padding: 13px; margin-bottom: 8px; cursor: unset; } .wp-blc-calendar-week-list__item:last-child { margin-bottom: 0; } .wp-blc-calendar-week-list__item--clickable { cursor: pointer; } .wp-blc-calendar-week-list__item--clickable:hover .wp-blc-calendar-week-list__item-inner { -webkit-filter: brightness(0.96); filter: brightness(0.96); } .wp-blc-calendar-week-list__item--past { opacity: 0.5; } .wp-blc-calendar-week-list__item--sun { background: #faedf2; } .wp-blc-calendar-week-list__item--sat { background: #edf3fa; } .wp-blc-calendar-week-list__item--private .wp-blc-calendar-week-list__item-inner { background: #fafafa; } .wp-blc-calendar-week-list__item--private .wp-blc-calendar-week-list__item-time, .wp-blc-calendar-week-list__item--private .wp-blc-calendar-week-list__item-title { color: #888888; } .wp-blc-calendar-week-list__item--private svg { display: none; } .wp-blc-calendar-week-list__item-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 6px; background: #eef3e1; border-radius: 3px; padding: 13px 12px; -webkit-transition: -webkit-filter 0.15s ease; transition: -webkit-filter 0.15s ease; transition: filter 0.15s ease; transition: filter 0.15s ease, -webkit-filter 0.15s ease; } .wp-blc-calendar-week-list__item-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: 14px; font-weight: 400; color: #6ca223; } .wp-blc-calendar-week-list__item-time svg { width: 15.55px; height: 15.55px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .wp-blc-calendar-week-list__item-title { font-size: 16px; font-weight: 400; color: #6ca223; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wp-blc-calendar-week-list__more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 4px; } .wp-blc-calendar-week-list__more-btn { background: none; border: none; font-size: 14px; font-weight: 400; color: #444; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .wp-blc-calendar-week-list__empty { text-align: center; color: #888888; font-size: 14px; padding: 32px 0; } @media (max-width: 767px) { .wp-blc-calendar--week { position: relative; } .wp-blc-calendar--week .wp-blc-calendar__wrap { max-height: 100vh; min-height: 350px; overflow-y: auto; overscroll-behavior-y: auto; } .wp-blc-calendar--week .wp-blc-calendar__header { position: -webkit-sticky; position: sticky; top: 0; z-index: 20; margin-bottom: 0; padding-bottom: 16px; background: #fffdf8; -ms-touch-action: pan-y; touch-action: pan-y; } } @media (max-width: 767px) { .wp-blc-calendar--week .wp-blc-calendar-week-list__strip-row { position: -webkit-sticky; position: sticky; top: var(--week-header-h, 0px); z-index: 19; margin-bottom: 0; padding-bottom: 20px; background: #fffdf8; -ms-touch-action: pan-y; touch-action: pan-y; } } .wp-blc-calendar-print-page { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; color: #444; padding: 2.5rem 1rem; } @media (max-width: 767px) { .wp-blc-calendar-print-page { padding: 24px 16px; } } .wp-blc-calendar-print-page__inner { max-width: 1265px; margin: 0 auto; } .wp-blc-calendar-print-page__heading { font-size: clamp(20px, 2.0768431983vw, 22px); font-weight: 500; -webkit-font-smoothing: antialiased; line-height: 1.62; color: #454545; font-family: "Zen Maru Gothic", serif; position: relative; margin-block: 0 var(--h3-after, 0); padding: 0.45em 20px; border-radius: 3px; background-color: #e4e8d2; } @media (max-width: 767px) { .wp-blc-calendar-print-page__heading { font-size: 20px; margin-bottom: 20px; } } .wp-blc-calendar-print-page__heading::after { position: absolute; top: 0; left: 0; display: block; width: 10px; height: 100%; content: ""; background-color: #6ca223; } .wp-blc-calendar-print-page__print-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: min(100%, 180px); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; margin-bottom: 24px; padding: 8px 18px; background: #ffffff; border: 1.5px solid #6ca223; border-radius: 3px; color: #6ca223; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; font-size: clamp(12px, 14 / 1600 * 100vw, 14px); font-weight: 400; cursor: pointer; -webkit-transition: background 0.15s ease; transition: background 0.15s ease; margin-inline: auto; margin-top: 40px; } .wp-blc-calendar-print-page__print-btn:hover { background: #eef3e1; } .wp-blc-calendar-print-page__print-btn svg { width: 16px; height: 16px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wp-blc-calendar-print-page__print-btn { font-size: 13px; margin-bottom: 16px; padding: 7px 14px; } } @media print { .wp-blc-calendar-print-page__print-btn { display: none !important; } } .wp-blc-calendar-print-page__error { text-align: center; color: #888888; font-size: clamp(12px, 14.4 / 1600 * 100vw, 14.4px); padding: 2rem 0; } @media (max-width: 767px) { .wp-blc-calendar-print-page__error { font-size: 14px; padding: 32px 0; } } .wp-blc-calendar-print-page__close { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; font-size: 12px; font-weight: 500; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 15px; margin-inline: auto; cursor: pointer; color: #444444; padding: 0.5em 1em; } .wp-blc-calendar-print-page__copyright { font-size: 12px; margin-top: 2em; text-align: center; } @media (max-width: 767px) { .wp-blc-calendar-print-page__copyright { padding: 16px 16px; } } @media print { .wp-blc-calendar--solo .wp-blc-calendar__header { display: block !important; } .wp-blc-calendar--solo .wp-blc-calendar__nav { position: absolute !important; } .wp-blc-calendar--solo .wp-blc-calendar__nav-btn { display: none !important; } .wp-blc-calendar--solo .wp-blc-calendar__grid { display: block !important; } .wp-blc-calendar--solo .wp-blc-calendar__chip-time { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .wp-blc-calendar--solo .wp-blc-calendar__chip { padding: 4px 8px !important; } .wp-blc-calendar--solo .wp-blc-calendar__day--today .wp-blc-calendar__day-num { background: transparent !important; color: #444 !important; } .wp-blc-calendar--solo .wp-blc-calendar__day--past:not(.wp-blc-calendar__day--sunday):not(.wp-blc-calendar__day--saturday):not(.wp-blc-calendar__day--holiday) { background: #ffffff !important; } .wp-blc-calendar--solo .wp-blc-calendar__day--past .wp-blc-calendar__day-num { opacity: 1 !important; } .wp-blc-calendar--solo .wp-blc-calendar__day--past .wp-blc-calendar__chip { opacity: 1 !important; } .wp-blc-calendar--solo .wp-blc-calendar__chip--clickable { cursor: default !important; } .wp-blc-calendar--solo .wp-blc-calendar__chip--clickable::before { display: none !important; } .wp-blc-calendar--solo .wp-blc-calendar__footer, .wp-blc-calendar--solo .wp-blc-calendar__footer--sp { display: none !important; } .wp-blc-calendar--solo .wp-blc-calendar-modal__overlay { display: none !important; } .wp-blc-calendar-print-page__close { display: none !important; } } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview { padding: 2em; border: 2px solid #6ca223; background: #e4e8d2; } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__title { font-weight: 500; } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__block1 { margin-top: 0.5em; } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__block2 { font-weight: 500; margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #9a9393; } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__desc1, .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__desc2 { font-size: 0.7em; } .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__desc1 .-bold, .editor-styles-wrapper [data-type="acf/calendar"] .wp-blc-calendar-preview .wp-blc-calendar-preview__desc2 .-bold { font-weight: 500; } .wp-blc-calendar__grid:not(:has(~ .wp-blc-calendar__footer)) { margin-bottom: clamp(20px, 40 / 1600 * 100vw, 40px); } .wp-blc-calendar__scroll-shadow { position: -webkit-sticky; position: sticky; height: 0; pointer-events: none; z-index: 10; } .wp-blc-calendar__scroll-shadow::after { content: ""; position: absolute; left: 0; right: 0; height: 24px; opacity: 0; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .wp-blc-calendar__scroll-shadow--top { top: 0; } .wp-blc-calendar__scroll-shadow--top::after { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent); } .wp-blc-calendar__scroll-shadow--bottom { bottom: 0; } .wp-blc-calendar__scroll-shadow--bottom::after { bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.08)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent); } .wp-blc-calendar__scrollbar-target--shadow-top .wp-blc-calendar__scroll-shadow--top::after { opacity: 1; } .wp-blc-calendar__scrollbar-target--shadow-bottom .wp-blc-calendar__scroll-shadow--bottom::after { opacity: 1; } .wp-blc-calendar__scroll-shadow-host { position: absolute; left: 0; right: 0; height: 24px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; z-index: 15; } .wp-blc-calendar__scroll-shadow-host--top { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent); } .wp-blc-calendar__scroll-shadow-host--bottom { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.08)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent); } .wp-blc-calendar-week-list__strip-item--selected .wp-blc-calendar__week-weekday-num { border-bottom: 2px solid #6ca223; border-radius: unset; }/*# sourceMappingURL=calendar.css.map */