#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.modal-open{padding-right:0!important}.btn-danger,.btn-primary,.btn-secondary,.router-link-active{color:#fff!important}.image-input{background-color:#eee}.image-input__field{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.image-input__field.over{background-color:#666}.image-input__field>input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.image-input__field>p{text-align:center}.bg{background-position:50%;background-repeat:no-repeat;display:block;height:20vw;width:20vw;background-size:cover}.sample1oya{padding:20px}.sample1{font-size:120%;font-weight:700}.sample1,.sample2{display:inline-block;color:#fff;text-shadow:2px 2px 10px #777,-2px 2px 10px #777,2px -2px 10px #777,-2px -2px 10px #777}.sample2{font-size:80%}