/*# sourceMappingURL=style.css.map */

#app{
    width:100%;
    height:100%;
    background-color:#efefef;
    
}
#app .header-container header .navbar{
    box-shadow: none!important;
    border-bottom:1px #EEE solid;
}
#wraper{
    /* height:100%; */
}
/* #app .header-container header .navbar > .container-fluid{
    margin:var(--mg-t) var(--mg-r) var(--mg-b) var(--mg-l);
    padding:var(--pd-t) var(--pd-r) var(--pd-b) var(--pd-l);
} */
p{
    margin-bottom:0rem;
}
ul{
    list-style:none;
}

/*
コンテンツのベースレイアウトは３パターン
*/
.panel,.panel-full,.panel-blank{

    --mg-t:0.7rem;
    --mg-b:0.7rem;
    --mg-l:0.4rem;
    --mg-r:0.4rem;

    --pd-t:0.4rem;
    --pd-b:0.4rem;
    --pd-l:0.7rem;
    --pd-r:0.7rem;

}
:root{
    --bp-small:400px;
}

.panel{ 
    margin:var(--mg-t) var(--mg-r) var(--mg-b) var(--mg-l);
    padding:var(--pd-t) var(--pd-r) var(--pd-b) var(--pd-l);
    border-radius: 5px 5px 5px 5px;
    background-color:#FFF;
}

.panel-full{
    width:100%;
    margin:var(--mg-t) 0 var(--mg-b) 0;
    padding:var(--pd-t) var(--pd-r) var(--pd-b) var(--pd-l);
    background-color:#FFF;
}

.panel-blank{
    margin:var(--mg-t) var(--mg-r) var(--mg-b) var(--mg-l);
    padding:var(--pd-t) var(--pd-r) var(--pd-b) var(--pd-l);
}