@charset "utf-8";

/*============================================
色の変更
============================================*/
body {
    background-color: #c8fac8;
}

div#headerbody {
    background-color:#ffff66;
}

h4 {
    background-color: #98fb98;
    border-bottom: solid 3px #ff6347;
}

div#library_submenu h2 a {
    background-color: #ff6347
}

div#library_submenu h2 a:hover {
    background-color: #cc4f39
}

hr {
    border:1px dotted #ff6347;
}

@media screen and (min-width:640px) {
div#menubody {
    background-color:#ff6347;
}

div.headerborder {
    background-color:#ff6347;
}

}


@media screen and (max-width:640px) {
#nav-open {
    background-color: #ff6347;
}
    
#mobilemenu-content {
    background-color:  #c8fac8;  
}

#mobilemenu-content ul.menu li {
    background-color: #ff6347;
}
    
#mobilemenu-content ul.menu li.main {
    background-color: #cc4f39;
}

#mobilemenu-content ul.menu li:hover {
    background-color: #cc4f39;
}
}