.lesson-page{padding-top:150px;margin:0 auto}@media screen and (max-width:576px){.lesson-page{padding-top:80px}}.lesson-page .studioList-wrap{padding:5vh 1em;margin-bottom:40px}.lesson-page .studioList{display:grid;grid-template-columns:100%;grid-row-gap:.5em;row-gap:.5em;max-width:1200px;margin:0 auto}.lesson-page .studioList h5{text-align:left;border-bottom:1px solid #070055;margin:0 0 .5em;padding:0 0 .5em;font-size:clamp(13px,2vw,15px);color:#070055}@media screen and (max-width:576px){.lesson-page .studioList h5{font-size:15px;margin-bottom:10px;padding-bottom:10px}}.lesson-page .studioList ul{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:0}@media screen and (max-width:576px){.lesson-page .studioList ul{grid-gap:.5em;gap:.5em;display:grid;grid-template-columns:auto auto auto auto auto}}.lesson-page .studioList ul li{font-size:12px;width:8.25em;padding:.5em 1em;border:1px solid #070055;text-align:center;cursor:pointer;transition-duration:.25s;color:#070055;list-style:none}.lesson-page .studioList ul li:hover{background-color:#070055;color:#fff}@media screen and (max-width:576px){.lesson-page .studioList ul li{width:100%;font-size:10px;padding:.5em}}.lesson-page .studio-lessons{max-width:1200px;margin:0 auto 60px}.lesson-page .studio-lessons h4{font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #0071e3;color:#000}@media screen and (max-width:576px){.lesson-page .studio-lessons h4{font-size:1.2rem;margin:1em}}.lesson-page .studio-lessons .lessonCalendar{width:100%;--lesson-slot-height:96px;font-family:見出ゴMB1,Noto Sans JP,Poppins,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.lesson-page .studio-lessons .lessonCalendar .scrollArea{overflow:scroll}@media screen and (min-width:992px){.lesson-page .studio-lessons .lessonCalendar .scrollArea{overflow-x:visible}}@media screen and (max-width:576px){.lesson-page .studio-lessons .lessonCalendar .scrollArea{padding:0 10px}}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:2px;width:-moz-fit-content;width:fit-content;overflow-x:auto}@media screen and (min-width:992px){.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:100%;overflow-x:visible}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid.no-sunday{grid-template-columns:repeat(6,minmax(0,1fr))}}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .calendarDay{width:200px;flex:0 0 200px;min-width:0;box-sizing:border-box;background-color:#1f223f;color:#fff;text-align:center;font-size:14px;padding:.25em 0}@media screen and (min-width:992px){.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .calendarDay{width:auto;flex:unset}}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonRow{width:200px;flex:0 0 200px;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:100%;grid-row-gap:2px;row-gap:2px;margin-top:2px;align-content:start}@media screen and (min-width:992px){.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonRow{width:auto;flex:unset}}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonRow-empty{height:var(--lesson-slot-height);min-height:var(--lesson-slot-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;background:#f5f5f5;border-radius:5px}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lesson-space-slot{height:var(--lesson-slot-height);min-height:var(--lesson-slot-height);flex-shrink:0;box-sizing:border-box;border-radius:5px;background:#fff;border:1px dashed #c8c8c8}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem{position:relative;display:grid;grid-template-columns:auto auto;align-items:center;min-height:var(--lesson-slot-height);height:var(--lesson-slot-height);max-width:100%;overflow:hidden;background-color:#eee;padding:7px;box-sizing:border-box;cursor:pointer;border-radius:5px}@media screen and (min-width:992px){.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem{grid-template-columns:minmax(0,auto) minmax(0,1fr);padding:5px}}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem:hover{transition-duration:.25s;background-color:#96bbff}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem.disabled{cursor:default;opacity:.92}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem.disabled:hover{background-color:#eee}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonImage{position:relative;width:70px}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonImage .clip{width:70px;height:70px;overflow:hidden;border-radius:999px}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonImage .lessonImage-placeholder{width:70px;height:70px;border-radius:999px;background:linear-gradient(135deg,#ddd,#bbb)}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonImage .intrName{position:absolute;bottom:0;left:50%;translate:-50% 0;font-size:9px;background-color:#29274a;padding:1px 5px;color:#fff;letter-spacing:1px;text-align:center}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData{padding-left:.25rem;position:relative;min-height:70px;min-width:0}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p{font-size:.75rem;line-height:1.5;white-space:nowrap;margin:0;text-overflow:ellipsis;overflow:hidden}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-few,.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-off,.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-on{width:-moz-fit-content;width:fit-content;padding:0 .5rem;color:#fff;position:absolute;bottom:3px;right:3px}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-off{border:1px solid #000;background-color:#000;color:#fff}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-few{border:1px solid #ffe866;background-color:#ffe866;color:#000}.lesson-page .studio-lessons .lessonCalendar .scrollArea .calendarGrid .lessonItem .lessonData p.reserveRemit.btn-on{border:1px solid #ff66ba;background-color:#ff66ba}