@charset "UTF-8";

/*
menu
================================================ */
.menu{
    border: 1px solid;
    padding: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.menu ul{
    padding: 0;
}
.menu li{
    background-color: #ffb56f;
    margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
    padding: 0.5em;
    list-style-type: none!important;/*ポチ消す*/
}

/*
menu-husen
================================================ */
.menu-husen ul {
    padding: 0;
}

.menu-husen ul li, .menu-husen  ol li {
color: #404040;
border-left: solid 6px rgb(61, 61, 61);/*左側の線*/
border-bottom: solid 2px #dadada;/*下に灰色線*/
background: whitesmoke;
margin-bottom: 5px;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
font-weight: bold;
}
.menu-husen a{
    color: #404040;
    text-decoration: none;
}

/*
matome-mekure
================================================ */
.matome-mekure{
    position: relative;
    background-color: #fff0cd;
    box-shadow: 0px 0px 0px 3px #ffb56f;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.matome-mekure:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffb56f;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.matome-mekure p{
    margin: 1rem 0 1rem 0;
    padding: 0 0 0 1rem ;
}
.matome-mekure li{
    list-style: none;
}
.matome-mekure ul{
    padding: 1px;
}

/*
border
================================================ */
.border {
    color: #1e366a;
    border-top: solid #1e366a 1px;/*上のボーダー*/
    border-bottom: solid #1e366a 1px;/*下のボーダー*/
    background-color: #edeaea;
    padding: 0.2em 0 0.2em 0em;
}
.border li {
    line-height: 1.5;
    padding: 0.2em 0;
}