@charset "UTF-8";

    html{
      font-size: 16px;
    }

    .copylight{
      font-family: 'Lora';
      font-size: 1.2rem;
    }

    /* Mobile navigation */
    .nav-mobile {
      display: none;
      position: absolute;
      top: 3px;
      left: 0;
      background: #606060;
      height: 70px;
      width: 70px; 
    }

    #nav-toggle {
      position: absolute;
      left: 18px;
      top: 22px;
      cursor: pointer;
      padding: 10px 35px 16px 0px; 
    }

    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
      cursor: pointer;
      border-radius: 1px;
      height: 5px;
      width: 35px;
      background: #ffffff;
      position: absolute;
      display: block;
      content: '';
      transition: all 300ms ease-in-out; 
    }
    #nav-toggle span:before {
      top: -10px; 
    }
    #nav-toggle span:after {
      bottom: -10px; 
    }
    #nav-toggle.active span {
      background-color: transparent; 
    }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
      top: 0; }
    #nav-toggle.active span:before {
      transform: rotate(45deg); }
    #nav-toggle.active span:after {
      transform: rotate(-45deg); }
    
    /* article {
      max-width: 1000px;
      margin: 0 auto;
      padding: 10px; 
    } */
    

@media only screen and (max-width: 798px) {


      .navigation {
        height: 80px;
        max-width: 798px;
        margin: 0 auto;
        background: #606060; 
      }
        
      .nav-container {
        max-width: 798px;
        font-family: 'メイリオ','Kiwi Maru';
        font-weight: 500;
        background: #606060;
      }

      .brand {
        padding-top: 20px;
        margin: 0 auto ;
        width: 180px;
        
      }
    
      .brand img{
        width: 180px;
      }

      nav {
        float: right; 
        width: 100%; 
      }

      .nav-mobile {
        display: block; 
      }

      .nav-dropdown {
        position: static;
        display: none;
        z-index: 1; 
      }

      nav ul {
        display: none; 
      }

      nav ul li a,
       nav ul li a:visited {
         display: block;
         padding: 15px;
         background: #606060;
         color: #ffffff;
         text-decoration: none; 
       }
      
      nav ul li a:not(:only-child):after,
      nav ul li a:visited:not(:only-child):after {
        padding-left: 4px;
        content: ' ▾'; 
      }

      nav ul li a:hover,
       nav ul li a:visited:hover {
         background: #f3f2df;
         color: #606060;          
      }
      
      nav ul li ul li a,
      nav ul li ul li a:visited {
        padding: 13px;
        line-height: 20px; 
        background: #707070;
      }




      .footerContainer{
        max-width: 900px;
       margin-left: auto;
       margin-right: auto;
        text-align: center;
       color: white;
       background-color: #707070;
      }
    
      .footerContainer ul{
        list-style-type: none;
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 0px;
      }

      .footerContainer ul li a{
        text-decoration: none;
        color: white;
      }

}
  
@media screen and (min-width: 799px) {
  

      .navigation {
        height: 80px;
        max-width: 800px;
        margin: 0 auto;
        background: #606060; 
      }
        
      .nav-container {
        max-width: 800px;
        margin:0 30px 0 0;
        font-family: 'メイリオ','Kiwi Maru';
        font-size: .9rem;
        font-weight: 500;
        background: #606060;
      }

      .brand {
        margin-top: 20px;
        padding-left: 40px;
        float: left;
      }

      .brand img{
        max-height: 90px;
        max-width: 200px;
      }

      nav {
        float: right; 
      }

      .nav-dropdown {
        position: absolute;
        display: none;
        z-index: 1;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); 
        
      }

      .nav-list {
        display: block !important; 
      } 

      nav ul {
        list-style: none;
        margin: 0;
        padding: 0; 
      }
      
      nav ul li {
        float: left;
        position: relative; 
      }

      nav ul li a,
      nav ul li a:visited {
        display: block;
        padding: 0 15px;
        line-height: 80px;
        background: #606060;
        color: #ffffff;
        text-decoration: none; 
      }
      
      nav ul li a:hover,
      nav ul li a:visited:hover {
        background: #fbfcf9;
        color: #606060; 
        
      }
      
      
      nav ul li a:not(:only-child):after,
      nav ul li a:visited:not(:only-child):after {
        padding-left: 4px;
        content: ' ▾'; 
      }
      
      nav ul li ul li {
        min-width: 150px;
        text-align: left; 
        }
      
      nav ul li ul li a {
        padding: 7px;
        line-height: 20px; 
      }


      .footerContainer{
      max-width: 900px;
      margin: 10px auto;
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      align-items: center;
      /* color: white; */
      /* border: solid 1px white; */
      }


      .footerContainer ul li{
        list-style-type: none;

        font-size: 0.8rem;
        padding-bottom: 5px;
      }

      .footernav{
        text-align: left;
      }

      .footerContainer ul{
        padding: 0 20px;
      }

      .footerContainer ul li a{
        text-decoration: none;
        color: white;
      }

      .footerContainer p{
        padding-right: 40px;
        font-size: 1rem;
      }


}
/* ここまでmin799 */