@charset "utf-8";

#wrapper .nav > li > a {
    padding: 15px;
    color: #fff;
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}
.navbar-default {
    background-color: #1a1a1a;
	margin: 8% 0 0;
    border: 0;
}
.navbar-header{
    padding: 0;
}
.navbar-toggle{
    margin: 15px;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
    background-color: #1a1a1a;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/* PC */
@media (min-width: 992px) {
    #wrapper .nav > li > a:hover {
        color: #1a1a1a;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default li {
        width: 293px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .navbar-default li:hover{
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default li:nth-child(1),
    .navbar-default li:nth-child(4){
        border-left: 1px solid #fff;
    }
    .navbar-default li:nth-child(4),
    .navbar-default li:nth-child(5),
    .navbar-default li:nth-child(6){
        border-bottom: 0;
    }

}