@charset "utf-8";

@media screen and (min-width:600px) {
   #nav-drawer {
     display:none;
   }
 }


@keyframes popup {
0% {opacity: 0;}
100% {opacity: 1;}
}


/*基本*/ 

html {
      width: 100%;
      height: 0 auto;
      margin: 0 auto;
}

body {
    height: 0 auto;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    animation: popup 3s ease;
}


#header {
     width: 100%;
     padding: 20px 0px 20px 0px;
     background-color: #000000; 
     text-align: center;
}
z
#header img {
     width: 500px;
     height: 0 auto;
}

#contents {
        width: 800px;
	margin:0 auto;
        
}

#contents .goods img {
     width: 100％;
     height: 0 auto;
}

#footer {
     width: 900px;
     padding: 150px 0px 0px 0px;
	text-align: center;
	
}

/*-----------------------------------------------------------------------*/


/*色指定*/

a {
color:#000000;
text-decoration:none; 
} 


a:link {
color:#000000;
text-decoration:none; 
} 

a:visited {
color:#a9a9a9;
text-decoration:none; 
} 

a:hover {
color:#a9a9a9;
text-decoration:none; 
} 

a:active  {
color:#a9a9a9;
text-decoration:none; 
} 

/*-----------------------------------------------------------------------*/

/*テーブル*/

table {
     display:  block; 
     width: 800px;
     height: 0 auto;
     margin: 30px 0px 30px 0px;  
     border-collapse: collapse;
  }


table th {
   text-align: left;
   color: #ffffff;
   padding:  10px;
   font-size: 1.2rem;
   background-color: #000000; 
   border-top: 9px solid #ffffff;
   border-bottom: 9px solid #ffffff;
   font-family: 'Noto Sans JP', sans-serif;
   font-family: 'Play', sans-serif;
}

table td {
   text-align: left;
   color: #000000;
   font-size: 0.9rem;
   line-height: 1.5;
   padding:  20px;
   border-top: 9px solid #ffffff;
   border-bottom: 9px solid #ffffff;
   font-family: 'Noto Sans JP', sans-serif;
}


/*-----------------------------------------------------------------------*/

/*文*/ 

p  {
     color: #000000;
     font-size: 0.9rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.7;
}



#header p  {
     color: #ffffff; 
     text-align: center;
     font-size: 0.9rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.7;
}

#header b  {
     color: #ffffff;
     font-size: 2rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.4;
}

#header h1 {
     color: #ffffff;
     text-align: center;
     font-size: 1.2rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.6;
}

b   {
     color: #000000;
     font-size: 1.1rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.7;
}


h1{
      overflow: auto;
      color: #000000; 
      font-size:1.2rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-family: 'Play', sans-serif;
}

h2{
      overflow: auto;
      color: #000000; 
      font-size:1rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-family: 'Play', sans-serif;
}

address {
     text-align: left;
     color: #000000;
     font-size: 0.9rem;
     font-family: 'Noto Sans JP', sans-serif;
     font-style:normal;
}

#footer address  {
     color: #000000;
     font-size: 0.8rem;
     text-align: center;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 2;
}


hr {
  border-top: 1px dashed #bbb;
}


/*-----------------------------------------------------------------------*/

.allen-rogo{
     width: 30%;
     height: 30%;

  }