/* side_menu inc */
.side_menu {
    width: 234px;
}
.side_menu .menu_title {
    padding: 17px 0 17px 30px;
    font-size: 14px;
    letter-spacing: 0.06em;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.side_menu .menu_title a::before {
    content: "";
    width: 234px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}
.side_menu .menu_title::after {
    content: "";
    width: 12px;
    height: 7px;
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    transform: rotate(-90deg);
    right: 12px;
    transition: 0.3s;
}
.menu_title.pencil {
    color: #64adb2;
    border-top: #64adb2 2px solid;
}
.side_menu .menu_title.pencil::after {
    background: url(/assets/img/common/icn_pencil_arrow.png) center center / contain no-repeat;
}
.menu_title.pencil span {
    content: "";
    width: 10px;
    height: 21px;
    background: url(/assets/img/common/icn_pencil.png) center center / contain no-repeat;
    position: absolute;
    left: 10px;
    top: 13px;
}
.menu_title.colorpencil {
    color: #ffa0ba;
    border-top: #ffa0ba 2px solid;
}
.side_menu .menu_title.colorpencil::after {
    background: url(/assets/img/common/icn_colorpencil_arrow.png) center center / contain no-repeat;
}
.menu_title.colorpencil span {
    content: "";
    width: 16px;
    height: 21px;
    background: url(/assets/img/common/icn_colorpencil.png) center center / contain no-repeat;
    position: absolute;
    left: 9px;
    top: 13px;
}
.menu_title.eraser {
    color: #6fc5f1;
    border-top: #6fc5f1 2px solid;
}
.side_menu .menu_title.eraser::after {
    background: url(/assets/img/common/icn_eraser_arrow.png) center center / contain no-repeat;
}
.menu_title.eraser span {
    content: "";
    width: 18px;
    height: 19px;
    background: url(/assets/img/common/icn_eraser.png) center center / contain no-repeat;
    position: absolute;
    left: 6px;
    top: 14px;
}
.menu_title.glue {
    color: #fdb811;
    border-top: #fdb811 2px solid;
}
.side_menu .menu_title.glue::after {
    background: url(/assets/img/common/icn_glue_arrow.png) center center / contain no-repeat;
}
.menu_title.glue span {
    content: "";
    width: 11px;
    height: 21px;
    background: url(/assets/img/common/icn_glue.png) center center / contain no-repeat;
    position: absolute;
    left: 10px;
    top: 14px;
}
.menu_title.other {
    color: #9aa1ff;
    border-top: #9aa1ff 2px solid;
}
.side_menu .menu_title.other::after {
    background: url(/assets/img/common/icn_other_arrow.png) center center / contain no-repeat;
}
.menu_title.other span {
    content: "";
    width: 14px;
    height: 18px;
    background: url(/assets/img/common/icn_other.png) center center / contain no-repeat;
    position: absolute;
    left: 9px;
    top: 15px;
}
.side_menu .menu_item  {
    padding: 14px 0 14px 30px;
    font-size: 12px;
    letter-spacing: 0.06em;
    border-top: #e4e7eb 1px solid;
    position: relative;
    display: none;
    transition: 0.3s;
}
.side_menu .menu_item.longtxt {
    font-size: 11px;
}
.side_menu .menu_item.multiline {
    line-height: 1.4;
    padding: 10px 0 10px 30px;
}
.side_menu .menu_item .narrowleft {
    margin-left: -5px;
}
.side_menu .menulist_content.current .menu_item {
    display: block;
    transition: 0.3s;
}
.side_menu .menulist_content.other li:nth-last-child(1) {
    border-bottom: #e4e7eb 1px solid;
}
.menulist_content.current .menu_title:after {
    transform: rotate(0deg);
    transition: 0.3s;
}
.side_menu .menu_item a::before {
    content: "";
    width: 234px;
    height: 41px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}
.side_menu .menu_item:hover {
    font-weight: bold;
    color: #2e3138;
}
.side_menu .menu_item a.active {
    font-weight: bold;
}
.side_menu .pencil .menu_item a:hover,
.side_menu .pencil .menu_item a.active {
    color: #64adb2;
}
.side_menu .colorpencil .menu_item a:hover,
.side_menu .colorpencil .menu_item a.active {
    color: #ffa0ba;
}
.side_menu .eraser .menu_item a:hover,
.side_menu .eraser .menu_item a.active {
    color: #6fc5f1;
}
.side_menu .glue .menu_item a:hover,
.side_menu .glue .menu_item a.active {
    color: #fdb811;
}
.side_menu .other .menu_item a:hover,
.side_menu .other .menu_item a.active {
    color: #9aa1ff;
}




































/* 。。 */