@charset "utf-8";

/** メインメニュー全体 */
.theme-cyan .sidebar {
    background-color: #00BCD4;
}
.sidebar {
    top: 35px;
    height: calc(100vh - 35px);
}
.sidebar .menu {
    height: 100%;
    overflow-y: hidden;
}
ul.list {
    overflow: hidden;
    width: auto;
    height: auto;
    margin-top : 20px;
}
.theme-cyan .sidebar .menu .list a,
.theme-cyan .sidebar .menu .list a span,
.theme-cyan .sidebar .menu .list li.active > :first-child i,
.theme-cyan .sidebar .menu .list li.active > :first-child span,
.theme-cyan .sidebar .menu .list li.active {
    color: #fff;
}
.sidebar .menu .list a span {
    font-size: 20px !important;
}
/** フロンメニュータイトルは文字数が多いので、フォントサイズを下げる */
.sidebar .menu .list .mainmenu-freon span ,
.sidebar .menu .list .mainmenu-freon-browse-leaks span {
    font-size: 18px !important 
}
/** GHGプロトコルメニュータイトルは文字数が多いので、フォントサイズを下げる */
.sidebar .menu .list .mainmenu-ghgprotocol span {
    font-size: 18px !important 
}

/** 各メニュー */
ul.list li {
    border-bottom: 1px solid #eee;
}

/** ホーム */
.mainmenu-home i {
    padding-top: 5px;
}
.mainmenu-home span {
    font-size: 20px;
}

/** 各アイコン */
.mainmenu-used-energy img,
.mainmenu-energysaving-midterm-plan img,
.mainmenu-energysaving-period img,
.mainmenu-energysaving-mediumtolongtermplan img,
.mainmenu-energysaving-energyadministrator img,
.mainmenu-ghg img,
.mainmenu-ghgprotocol img,
.mainmenu-freon img,
.mainmenu-freon-browse-leaks img,
.mainmenu-flow img {
    width: 25px;
    height: 25px;
    margin-top: 7px;
}

/** エネルギー使用量の入力 */
.mainmenu-used-energy span {
    font-size: 20px;
}

/** その他：報告書情報の入力 */
#menuArea > div > div > li.mainmenu-other > a > span {
    font-size: 18px !important;
}

/** スクロール */
.slimScrollDiv {
    overflow-y: scroll;
    position: relative;
    width: auto;
    height: 100%;
}