@charset "utf-8"; 
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;         
}

body {
	font-size:16px; /* 1.6em */
	font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

* {
	padding: 0px;
	margin: 0px;
}

*, 
*:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
	
a {
	text-decoration: none;
}

ul, li {
	list-style: none;
}

p {
	font-size: clamp(1.4rem, 2.5vw, 2.4rem);   
	line-height: 1.4;
}

h2 {
	font-size:  clamp(1.8rem, 2.5vw, 2.8rem);  /* 18px */
	line-height: 1.4;
	font-weight: 600;
}


.mainarea {
	width: 90vw;
	margin-top: 6rem;
	margin-left: 5vw;
	padding: 0;
	text-align: center;
}

.mainarea img {
	width: 100%;
}

.shop {
	display: block;
	width: 70vw;
	height: auto;
	margin-top: 18px;
	margin: 0 auto;
	
	padding: 50px 2px;
	text-align: left;
	font-size: 16px;
}

#shingle {
	position: relative;
	width: 70vw;
	margin: 0 auto;
	padding: 3rem 0;
}

.container{
	position: absolute;
	display: block;
	width: 90vw;
	margin-top: 2rem;
	padding-bottom: 1rem;
	margin-left: 5vw;
	margin-bottom: 3rem;
	
}
	
	 p.tbl {
	  font-size: 1.6rem;
	  font-weight: 500;
	  text-align: center; /*
	  margin: 60px auto 40px; */
	  margin: 6vw auto 4vw;
	}
	th {
	  background: #480E0E;                /* こげ茶色 */
	  border: solid 1px #ccc;
	  color: #fff;  /*
	  padding: 10px;  */
	  padding: 1vw;
	  font-weight: 500;
	  font-size: 2rem;
	  width: 80%;
	}
	td {
	  border: solid 1px #ccc;  /*
	  padding: 10px;  */
	  padding: 1vw;
	  font-size: 2rem;          /*PCサイズ：味わいの傾向、品種、販売価格フォント */ 
	  font-weight: 500;
	  text-align: center;
	}
			 
			.tbl td:first-child {
			  background: #fbf5f5;
			  font-size: 2.4rem;                /*pcサイズの珈琲銘柄フォント*/ 
			  font-weight: 700;
			}
			@media screen and (max-width: 480px) {    /*SPは480以下がbetter？*/
			  .tbl {
				width: 100%;
			  }
			  .tbl .thead {
				display: none;
			  }
			  .tbl tr {
				width: 100%;
			  }
			  .tbl td {
				display: block;
				text-align: center;
				width: 100%;
				font-size: 1.6rem;　　　　/* SPさいずのfont */
				font-weight: 300;
			  }
			  
			  .tbl td:first-child {      /* #番号 朱帯 */ 
				background: #480E0E;
				color: #fff;
				font-weight: 500;
				text-align: center;
				font-size: 1.8rem;
				margin: 0 auto;
			  }
				.tbl td:before {
				  content: attr(data-label);
				  float: left;
				  font-weight: bold;  /*
				  margin-right: 10px; */
				  margin-right: 1vw;
				}
			  }
	  
footer .logo {
	position: relative;
	display: block;
	margin: auto 38vw 1vw auto;	
}

	
	footer small {
		position: relative;
		display: block;
		text-align: center;
		color: gray;
		font-size: 1.2rem;
		margin-bottom: 1vw;
	}