ココロこいし♡

src/conponent/_grid.scss

@@ -1,16 +1,12 @@
 .container, .container-fluid {
   width: 100%;
   padding-right: 15px;
+  max-width: 1504px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
 }
 
-@media (min-width: 576px) { .container { max-width: 540px; } }
-@media (min-width: 768px) { .container { max-width: 720px; } }
-@media (min-width: 992px) { .container { max-width: 960px; } }
-@media (min-width: 1200px) { .container { max-width: 1140px; } }
-
 .row {
   display: flex;
   flex-wrap: wrap;

src/conponent/_navbar.scss

@@ -23,6 +23,7 @@
   border-radius: 2px;
   cursor: pointer;
   padding-left: 5px;
+  padding: .2rem .1rem;
 }
 .navbar-brand:hover, .nav-item:hover {
   background-color: $suwa07;
@@ -40,7 +41,8 @@
 .fixed-top { top: 0; }
 .fixed-bottom { bottom: 0; }
 
-.nav-link { display: block; padding: 0.5rem 1rem; }
+.nav-link { display: block; }
+@media (min-width: 576px) { .nav-link { padding: 0.5rem 1rem; } }
 .nav-link:hover, .nav-link:focus { text-decoration: none; }
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: $white1; background-color: $suwa03; }