/* リセット */
body {
  margin: 0;
  font-family: sans-serif;
}

/* ===== サイドバー ===== */
.sidebar{
    width:280px;
}

.sidebar-box{
    margin-bottom:30px;
    padding:20px;

    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
}

.sidebar-box h2{
    margin-top:0;
    margin-bottom:15px;

    font-size:18px;

    border-bottom:2px solid #2E8B57;
    padding-bottom:8px;
}

.sidebar-box ul{
    margin:0;
    padding-left:20px;
}

.sidebar-box li{
    margin-bottom:10px;
}

@media(max-width:767px){

    .sidebar{
        width:100%;
        margin-top: 40px
    }

}