@charset "UTF-8";

html {
    font-size: 81.25% !important;
}

@media screen and (min-width: 576px) {
    html {
        font-size: 87.5% !important;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 100% !important;
    }
}

html,
body {
    padding: 0;
    margin: 0;
}

::-moz-selection {
    background-color: rgb(178.2, 150.6, 233.4);
    color: #fff;
}

::selection {
    background-color: rgb(178.2, 150.6, 233.4);
    color: #fff;
}

a {
    color: inherit;
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
}

button {
    background: transparent;
    border-color: transparent;
    padding: 0;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
}

dl,
ul,
ol {
    margin: 0;
}

p {
    margin-bottom: 0;
}

hr.rowBreak {
    margin: 0;
    padding: 0;
    border: none;
}

.btnIcon {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

.btnIcon-sm {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.btnIcon-lg {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/*キャンセルボタン用デザイン
  現状背景色は白でテキストは黒。ホバーはちょいグレー*/
.btn-cancel {
    background-color: #ffffff;
    color: #333;
    border: 1px solid #333;
}

.btn-cancel:hover {
    background-color: #f5f6f6;
    color: #333;
    border: 1px solid #333;
}

:root {
    --fc-bg-event-opacity: 1;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}

.fc-header-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0px;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
    order: 1;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    width: 100%;
    order: 3;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
    order: 2;
}

@media screen and (min-width: 1048px) {
    .fc-header-toolbar {
        display: flex;
        flex-wrap: wrap;
    }

    .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        order: 1;
    }

    .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        width: auto;
        order: 2;
    }

    .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        order: 3;
    }
}


a.fc-daygrid-day-number {
    font-weight: bold;
}

.fc-day.fc-daygrid-day {
    position: relative;
    cursor: pointer;
}

/* .fc-day.fc-daygrid-day::before {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path fill="rgba(49%2C151%2C149%2C0.25)" d="M486.8,184.5H352.7c-13.9,0-25.2-11.3-25.2-25.2V25.2c0-13.9-11.3-25.2-25.2-25.2h-92.8c-13.9,0-25.2,11.3-25.2,25.2v134.1c0,13.9-11.3,25.2-25.2,25.2H25.2C11.3,184.5,0,195.7,0,209.6v92.7c0,13.9,11.3,25.2,25.2,25.2h134.1c13.9,0,25.2,11.3,25.2,25.2v134.1c0,13.9,11.3,25.2,25.2,25.2h92.8c13.9,0,25.2-11.3,25.2-25.2V352.7c0-13.9,11.3-25.2,25.2-25.2h134.1c13.9,0,25.2-11.3,25.2-25.2v-92.7C512,195.7,500.7,184.5,486.8,184.5z"/></svg>');
} */

.fc-day.fc-daygrid-day:hover {
    background-color: rgb(213.475, 241.525, 240.975);
}

/* .fc-day.fc-daygrid-day:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path fill="rgba(49%2C151%2C149%2C0.5)" d="M486.8,184.5H352.7c-13.9,0-25.2-11.3-25.2-25.2V25.2c0-13.9-11.3-25.2-25.2-25.2h-92.8c-13.9,0-25.2,11.3-25.2,25.2v134.1c0,13.9-11.3,25.2-25.2,25.2H25.2C11.3,184.5,0,195.7,0,209.6v92.7c0,13.9,11.3,25.2,25.2,25.2h134.1c13.9,0,25.2,11.3,25.2,25.2v134.1c0,13.9,11.3,25.2,25.2,25.2h92.8c13.9,0,25.2-11.3,25.2-25.2V352.7c0-13.9,11.3-25.2,25.2-25.2h134.1c13.9,0,25.2-11.3,25.2-25.2v-92.7C512,195.7,500.7,184.5,486.8,184.5z"/></svg>');
} */

.fc-day.fc-day-other {
    background-color: hsl(276, 0%, 98%);
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-top: none;
}

.fc-col-header-cell.fc-day {
    background-color: hsl(276, 0%, 98%);
}

.fc-col-header-cell.fc-day.my-fc-day-holiday {
    background-color: rgb(243.8714285714, 199.6285714286, 221.6142857143);
    color: #d63384;
}

.fc-col-header-cell.fc-day.fc-day-sat {
    background-color: rgb(190.0368852459, 216.0758196721, 254.4631147541);
    color: #0d6efd;
}

.fc-col-header-cell.fc-day.fc-day-sun {
    background-color: rgb(243.8714285714, 199.6285714286, 221.6142857143);
    color: #d63384;
}

.fc-timegrid-axis {
    background-color: hsl(276, 0%, 98%);
}

/*土日と今日の背景色
  TODO: 土日と今日の設定被った場合にどっち優先するか決めないといけない
*/
.my-fc-day-holiday {
    background-color: rgba(214, 51, 132, 0.15);
}

.my-fc-day-sat {
    background-color: rgba(13, 110, 253, 0.15);
}

.my-fc-day-sun {
    background-color: rgba(214, 51, 132, 0.15);
}

.my-fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1.75rem;
}

/**
* resourceTimeline
*/
/* .fc-timeline-slot.fc-timeline-slot-label.fc-day,
.fc-timeline-slot.fc-timeline-slot-label.fc-slot {
    background-color: hsl(276, 0%, 98%);
} */

.fc-timeline-slot.fc-timeline-slot-label.fc-day.my-fc-day-holiday,
.fc-timeline-slot.fc-timeline-slot-label.fc-slot.my-fc-day-holiday {
    background-color: rgb(243.8714285714, 199.6285714286, 221.6142857143);
    color: #d63384;
}

.fc-timeline-slot.fc-timeline-slot-label.fc-day.my-fc-day-sat,
.fc-timeline-slot.fc-timeline-slot-label.fc-slot.my-fc-day-sat {
    background-color: rgb(190.0368852459, 216.0758196721, 254.4631147541);
    color: #0d6efd;
}

.fc-timeline-slot.fc-timeline-slot-label.fc-day.my-fc-day-sun,
.fc-timeline-slot.fc-timeline-slot-label.fc-slot.my-fc-day-sun {
    background-color: rgb(243.8714285714, 199.6285714286, 221.6142857143);
    color: #d63384;
}

.fc-datagrid-cell {
    background-color: hsl(276, 0%, 98%);
}

.customResourceAreaHeader .fc-datagrid-cell-cushion {
    width: 100%;
}

.fc-datagrid-cell-frame,
.fc .fc-timeline-lane-frame {
    min-height: 80px;
}

.fc .fc-datagrid-header .fc-datagrid-cell-frame {
    min-height: auto;
}

/* datepicker 土曜日のカラー設定 */
.datepicker-saturday {
    background-color: #eaeaff;
    color: #00f !important;
}

.datepicker-saturday:hover {
    opacity: 0.8;
}

/* datepicker 日曜日のカラー設定 */
.datepicker-sunday {
    background-color: #ffecec;
    color: #f00 !important;
}

.datepicker-sunday:hover {
    opacity: 0.8;
}

/* datepicker 今日のカラー設定 */
.datepicker-today {
    background-color: #fffa90;
}

.datepicker-today:hover {
    opacity: 0.8;
}

.react-datepicker {
    font-size: 1em !important;
}

.fc-event {
    border: 0;
    padding: 0;
    border-radius: 0.1875rem;
    margin-bottom: 2px !important;
}

.fc-event.fc-bg-event {
    border-radius: 0;
    margin-bottom: 0 !important;
}

.fc-direction-ltr .fc-event {
    background-color: white;
}

.btn-outline-secondary:hover {
    background-color: #f5f6f6;
    color: #319795;
}

.btn-outline-secondary:active {
    color: #fff !important;
}

.Mask_mask {
    position: absolute;
    inset: 0 0 0 0;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.Transition_enter {
    opacity: 0;
}

.Transition_enterActive {
    opacity: 1;
    transition: opacity 0.3s;
}

.Transition_exit {
    opacity: 1;
}

.Transition_exitActive {
    opacity: 0;
    transition: opacity 0.3s;
}

.Spinner_spinnerWrap {
    animation: 1s ease-in-out infinite alternate fadeloop;
}

@keyframes Spinner_fadeloop {
    from {
        opacity: 0.75;
    }

    to {
        opacity: 0.25;
    }
}

.Spinner_spinnerText {
    font-size: 1.25rem;
    color: #fff;
}

.Spinner_spinnerCircle {
    font-size: 1.5rem;
    color: #fff;
    width: 4rem !important;
    height: 4rem !important;
}

.Loading_loading {
    z-index: 1100;
    position: absolute;
    inset: 0 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.HeaderMenuButton {
    border-color: hsl(276, 0%, 89%);
    color: #7f51db;
}

.HeaderMenuButton:hover {
    background-color: #fff;
    border-color: hsl(276, 0%, 83%);
    color: #7f51db;
}

.HeaderMenuButton:focus {
    background-color: hsl(276, 0%, 89%);
    border-color: hsl(276, 0%, 83%);
    color: #7f51db;
}

.SideMenuNav_sideMenu {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right top, #7f51db 0%, #594B93 100%);
    transition: 0.2s width;
}

@media screen and (min-width: 768px) {
    .SideMenuNav_sideMenu {
        width: 220px;
    }
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuBody {
    height: 100%;
    flex-grow: 1;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenufooter {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem {
    position: relative;
    font-size: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    overflow-x: hidden;
    transition: 0.2s background-color;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 46px;
    padding-left: 0.75rem;
    padding-right: 44px;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink .SideMenuNav_sideMenuItemIcon {
    min-width: 16px !important;
    color: #fff;
    transition: 0.2s color;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink .SideMenuNav_sideMenuItemText {
    transition: 0.2s color;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink:hover,
.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink:focus,
.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink.SideMenuNav_active {
    background-color: rgb(152.6, 115.8, 226.2);
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink:hover .SideMenuNav_sideMenuItemIcon {
    color: rgba(255, 255, 255, 0.75);
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink:hover .SideMenuNav_sideMenuItemText {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemBtnWrap {
    overflow: hidden;
    position: absolute;
    top: 11px;
    left: calc(100% - 22px - 11px);
    margin-left: auto;
    transition: 0.2s left;
}

.SideMenuNav_sideMenu.SideMenuNav_close {
    width: 46px;
    transition: 0.2s width;
}

.SideMenuNav_sideMenu.SideMenuNav_close .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink {
    padding-right: 0.75rem;
    justify-content: center;
}

.SideMenuNav_sideMenu.SideMenuNav_close .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink .SideMenuNav_sideMenuItemIcon {
    transition: 0.2s color;
    color: #fff;
}

.SideMenuNav_sideMenu.SideMenuNav_close .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemLink .SideMenuNav_sideMenuItemText {
    display: none;
}

.SideMenuNav_sideMenu.SideMenuNav_close .SideMenuNav_sideMenuItem .SideMenuNav_sideMenuItemBtnWrap {
    left: calc(100% + 22px + 11px);
}

.SideMenuNav_sideMenu .SideMenuNav_sideMenuSubmenu {
    font-size: 0.88rem;
}

.HelpSideBar_helpSideBar {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 460px;
    max-height: "100vh";
}

.Help_help {
    z-index: 1100;
    position: fixed;
    inset: 0 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Avatar_avatar,
.Help_help {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Avatar_avatar {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 50%;
    background-color: #319795;
}

.Avatar_avatar.Avatar_hasPhoto {
    background-color: #fff;
}

.Avatar_avatar .Avatar_text {
    font-size: 1rem;
}

.Avatar_avatar .Avatar_icon {
    font-size: 1.5rem;
}

.UserMenuList_userMenuList {
    position: absolute;
    top: calc(100% + 0.75rem);
    right: 0;
    width: 300px;
    transform-origin: top right;
}

.UserMenuList_userMenuList.UserMenuList_enter {
    z-index: 100;
    opacity: 0;
    transform: scale(0.9) translateY(-10px);
}

.UserMenuList_userMenuList.UserMenuList_enterActive {
    z-index: 100;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s, transform 0.3s;
}

.UserMenuList_userMenuList.UserMenuList_DoneEnter {
    z-index: 100;
}

.UserMenuList_userMenuList.UserMenuList_exit {
    z-index: 100;
    opacity: 1;
}

.UserMenuList_userMenuList.UserMenuList_exitActive {
    z-index: 100;
    opacity: 0;
    transform: scale(0.9) translateY(-10px);
    transition: opacity 0.3s, transform 0.3s;
}

.UserMenuList_PageHeaderSearch {
    position: relative;
    width: 100%;
    margin: 0 0 0 auto;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .UserMenuList_PageHeaderSearch {
        margin: 0 auto;
    }
}

.UserMenuList_PageHeaderSearch * {
    cursor: pointer;
}

.UserMenuList_viewer {
    max-width: 450px;
}

.Header_navbar {
    height: 46px;
    background-color: hsl(276, 0%, 98%);
    border-bottom: 1px solid hsl(276, 0%, 93%);
}

.Header_navbar .Header_colL,
.Header_navbar .Header_colR {
    min-width: auto;
}

@media screen and (min-width: 768px) {

    .Header_navbar .Header_colL,
    .Header_navbar .Header_colR {
        min-width: calc(220px - 1.5rem);
    }
}

.Header_navbar .Header_colC {
    margin-left: auto;
}

@media screen and (min-width: 768px) {
    .Header_navbar .Header_colC {
        width: 100%;
        margin-left: unset;
    }
}

.Header_button {
    border-color: hsl(276, 0%, 89%);
    color: #7f51db;
}

.Header_button:hover {
    background-color: #fff;
    border-color: hsl(276, 0%, 83%);
    color: #7f51db;
}

.Header_button:focus {
    background-color: hsl(276, 0%, 89%);
    border-color: hsl(276, 0%, 83%);
    color: #7f51db;
}

.Header_PageHeaderSearch {
    position: relative;
    width: 100%;
    margin: 0 0 0 auto;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .Header_PageHeaderSearch {
        margin: 0 auto;
    }
}

.Header_PageHeaderSearch * {
    cursor: pointer;
}

.Header_viewer {
    max-width: 450px;
}

.SideMenu_sideArea {
    height: calc(100vh - 46px);
}

.Layout_layout {
    display: flex;
    flex-direction: row;
    margin-top: 46px;
}

.Layout_layout .Layout_contentsArea {
    overflow: hidden;
    flex-grow: 1;
    height: calc(100vh - 46px);
}

.EventItem_eventItemOuter {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgb(229, 235, 235);

}

.EventItem_eventItemOuterSelectable {
    background-color: white;
}

.EventItem_eventItemOuter.EventItem_eventItemOuterSelectable {
    cursor: pointer;
}

.EventItem_eventItemOuter.EventItem_eventItemOuterSelectable:hover,
.EventItem_eventItemOuter.EventItem_eventItemOuterSelectable:active {
    background-color: rgba(73, 73, 73, 0.1);
}

.EventItem_eventItem {
    position: sticky;
    left: 0;
    display: inline-flex;
    flex-direction: row;
    -moz-column-gap: 3px;
    column-gap: 3px;
    max-width: 100%;
    padding: 0.2rem 0.25rem;
}

.EventItem_eventItemLine {
    width: 6px;
    min-width: 6px;
    border-radius: 2px;
}

.EventItem_eventItemInner {
    position: relative;
    width: 100%;
}

.EventItem_eventItem_allday .EventItem_eventItemLine {
    display: none;
}

.EventItem_time {
    overflow: hidden;
    display: block;
    gap: 0.25rem;
    width: 100%;
    padding-right: 0.25rem;
    color: #555 !important;
    font-size: 0.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
}

.EventItem_time .EventItem_icon {
    font-size: 0.7rem;
}

.EventItem_title {
    position: sticky;
    top: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-right: 0.25rem;
    color: #555 !important;
    font-size: 0.8rem;
    white-space: nowrap;
    font-weight: bold;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.EventItem_eventItem_allday .title {
    color: white !important;
    font-weight: normal;
}

.EventItem_backgourndTitle {
    color: #555 !important;
    font-weight: normal;
    font-size: 0.75rem;
}

.EventItem_eventDetalsInfo {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0 0.5rem;
    list-style: none;
}

.EventItem_eventDetalsInfo .EventItem_eventDetalsInfoItem {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.EventItem_eventDetalsInfo .EventItem_eventDetalsInfoItem:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.EventItem_eventDetalsInfo .EventItem_eventDetalsInfoIcon {
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
}

.EventItem_eventDetalsInfo .EventItem_eventDetalsInfoText {
    display: inline-block;
    font-size: 0.85rem;
}

.EventItem_eventDetalsInfo .EventItem_eventDetalsInfoMoreUsers {
    font-size: 0.75rem;
}

.PageHeader_pageHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    padding: 0.75rem 1rem 0;
}

.PageHeader_pageHeader .PageHeader_pageHeaderIcon {
    position: relative;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    font-size: 1rem;
}

.PageHeader_pageHeader .PageHeader_pageHeaderIcon::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: rgb(229.4, 220.2, 247.8);
    border-radius: 50%;
}

.PageHeader_pageHeader .PageHeader_pageHeaderText {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: bold;
}

.PageHeader_pageHeader .PageHeader_pageHeaderItem {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.ButtonGroupRadio_dummyBtn {
    background-color: #fff !important;
}

input[type=radio]:checked+.ButtonGroupRadio_dummyBtn {
    background-color: #6c757d !important;
    color: #fff !important;
}

.Container_selector.required,
.Container_selector:required {
    background-color: rgba(255, 193, 7, 0.1);
}

.Label_label {
    padding-left: 0.5rem;
    border-left: 4px solid rgb(178.2, 150.6, 233.4);
}

.Label_label.required {
    border-color: #ffc107;
}

.DisplayController_calendarHeader,
.schedule_calendarHeaders {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: hsl(276, 0%, 98%);
}

.schedule_page {
    flex-grow: 1;
    position: relative;
}

.schedule_page .schedule_sideContents {
    overflow-y: auto;
    min-width: 300px;
    height: calc(100vh - 46px - 112px);
}

.schedule_page .schedule_mainContents {
    overflow-y: auto;
    flex-grow: 1;
    height: calc(100vh - 46px - 112px);
}

.Calendar {
    height: 100%;
}

/* boxに SideMenuNav_close クラスが「ついていない」時のアイコンの状態 */
#box:not(.SideMenuNav_close) .SideMenuNav_sideMenuItemIcon {
    transform: rotate(180deg);
}

/*# sourceMappingURL=globals.css.map */