@charset "UTF-8";
/* CSS Document */


.clearfix {
  min-height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .clearfix {
  height: 1px;
}
a{
  text-decoration: none;
}
img{
  width: 100%;
  height: 100%;
}
body{
  font-size: 14px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media all and (min-width: 0px){
  .container {
    width: 94%;
    margin: 0 3%;
  }
}

@media all and (min-width: 600px){
  .container {
    width: 995px;
    margin: 0 auto;
  }
}


body {
	background-color: white;
	color: black;
	font-size: 15px;
	line-height: 2;
}

a {
	color: white;
	text-decoration: none;
}
a:visited{
	color: rgb(177,155,81);
}

/* header */
header {
	background-color: black;
	color: white;
	height: 100px;
}
 
.winelistlogo {
	width: 20%;
	margin-left: 10px;
	padding: 20px;
}


/* menu */

 
#wrap {
	overflow: hidden;
	margin-top: 35px;	
}

.winelist-img {
   margin-top: 30px;
   width: 30%;
}

table {
	padding-left: 50px;
	padding-bottom: 70px;
}

th {
	font-family: "MS Serif", "New York", "serif";
	font-size: 150%;
	font-weight: 700;

}

h4 {
	color: rgb(163,31,56,1)
}

@media (max-width: 600px) {
	.winelistlogo {
		margin-left: 0px;
		margin-bottom: 0px;
		width: 50%;
	}
	.winelist-img {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100%;
	}
	.menu table {
		padding: 0px;		 
	}
}

/* footer */
@media all and (min-width: 0px){
  .footer {
    background: rgb(163,31,56);
    color: rgb(177,155,81);
    padding: 10px 0 0px;
  }
   .footer-logo {
      width: 15%;
      margin: 0 15%;
    }
}
@media all and (min-width: 600px) {

  .footer-logo {
	float: left;
	margin-top: auto;
	margin-bottom: 10px;
	}  
	
	.footer-nav {
	　float: right;
	}
	.footer-nav li {
	float: left;
	margin: 0 10px;
	font-size: 20px;
	list-style: none;
	color: white;
	text-decoration: none;
}

   .copyright {
	margin-top: 30px;
    position: center;
      }
	}

@media (max-width: 600px) {
  .footer-logo {
	width: 100px;
	margin-top: auto;
	margin-left: 100px;
	margin-bottom: 10px;
	}  
	
	.footer-nav {
	　float: right;
	}
	.footer-nav li {
	float: left;
	margin: 0 5px;
	font-size: 15px;
	list-style: none;
	color: white;
	text-decoration: none;
    }
	
	.copyright {
		margin-top: 0px;
		margin-left: 100px;
	}
	}