@charset "utf-8";
/* CSS Document */

/*左側*/
#box-left {
        width: 20%;
        height: 100%;
        position: fixed;
        color: #FFF;
        background-color: #000000;
        line-height: 110%;
}
.hamu {
        opacity: 0;
}
.logo {
        width: 120px;
        margin-top: 25px;
        margin-bottom: 25px;
}
/*================================================================
================================================================*/
nav {
        direction: inherit;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        position: relative;
        display: block;
        height: 100%;
        width: auto;
        overflow: auto;
        max-width: 100%;
        max-height: 100%;
        scrollbar-width: none;
        margin-left: 15%;
}
/*リストのレイアウト設定*/
#hamburger-nav li {
        text-align: left;
        list-style: none;
        letter-spacing: 0.2em;
        font-weight: normal; /*600*/
}
#hamburger-nav li a {
        text-decoration: none;
        display: block;
        color: #FFF;
        font-size: 11px;
        padding-top: 5px;
        padding-bottom: 5px;
        /*background-color: khaki;*/
}
.nav-li {
        border-left: solid 1px #FFF;
        margin-left: 15px;
}
/*================================================================
================================================================*/
.black-box-li {
        margin-top: 20px;
        margin-bottom: 5px;
        /*background-color: indianred;*/
}
.black-box {
        height: 10px;
        width: auto;
        font-weight: 900;
}
.black-box-and {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 900;
        padding-left: 24px;
}
.nav-sns-li {
        margin-top: 10px;
        margin-bottom: 10px;
        display: flex;
        /*background-color: aqua;*/
}
.nav-sns { /*img*/
        display: inline;
        width: 30px;
        height: auto;
        padding-right: 10px;
}
.nav-sns:first-child {
        width: 30px;
        height: auto;
        padding-right: 10px;
        margin-top: 10px;
}
.nav-contact-li {
        margin-top: 10px;
        /*background-color: darkcyan;*/
}
.nav-footer-li {
        margin-top: 30px;
        margin-bottom: 10px;
        /*background-color: aquamarine;*/
}
.nav-footer-li p {
        margin: 0;
        padding: 0;
        font-size: 9px;
        font-weight: normal;
        letter-spacing: 0.1em;
}
/*================================================================
================================================================*/
.hr-dotted {
        width: 60%;
        border: none;
        margin-top: 30px;
        /*background-color: antiquewhite;*/
}
.hr-dotted2 {
        width: 60%;
        margin-top: 12px;
        border: none;
        /*background-color: rosybrown;*/
}