@charset "Shift_JIS";



BODY{
  text-align : center;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  
  
  margin-bottom : 0px;
  
  color : #3c3c3c;
  font-size : 14px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}


DIV{
  margin-left : auto;
  margin-right : auto;
  line-height : 1.5;
   font-size : 14px;
  text-align : center;


}


LI{
  margin-left : auto;
  margin-right : auto;
   font-size : 14px;
  line-height : 1.5;
  text-align : left;
  list-style-position : outside;
}
UL{
	list-style: none;
margin : 0px auto;
padding: 0px;
}
/*menu縦の余白をなくす
li {
   line-height:0;
}ここまで*/

H1{
  font-weight : normal;
  margin-top : 0px;
  
  margin-left : auto;
  margin-right : auto;
  font-size : 13px;
  
  

  text-align : right;
  color : black;
  background-color : white;
  width : 100%;
  margin-bottom : 0px;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : silver;
  padding-top : 10px;
  padding-bottom : 10px;
}

SPAN{
  font-weight : bolder;
  color : rgb(128, 0, 64);
}
H2{
  font-size : 24px;
  font-weight : bolder;
  color : white;
  background-color : silver;
  padding-top : 10px;
  padding-bottom : 10px;
}

P{
  padding-left : 10px;
  padding-right : 10px;
 font-size : 14px;
	line-height: 2rem;

}

TABLE{
  background-color : silver;
  width : 100%;
  margin-bottom : 30px;
}

TD{
  background-color : white;
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  line-height : 1.8;
}

MENU{
  margin-left : auto;
  margin-right : auto;
}

OL{
  list-style-position : outside;
  margin-left : auto;
  margin-right : auto;
}

HR{
  background-color : #fac60e;
  height : 3px;
border-width : 1px;border-style : solid;border-color : orange;
}

strong {
	font-size:1.1rem;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.headcopy {
	font-size:2.25rem;
	line-height: 2.5rem;
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
	letter-spacing: -0.1rem;
}

.productlist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

#hpb-main1 .productlist li {
	flex: 0 1 30%;
	text-align: left;
	line-height: 1.25rem;
}

#hpb-main1 .productlist li h2 {
    font-size:1rem;
	line-height: 1;
	padding: 2%;
}


#hpb-main1 .productlist li h2 table,
#hpb-main1 .productlist li h2 table tr,
#hpb-main1 .productlist li h2 table td {
	margin: 0;
	padding: 0;
	border:0;
	background: none;
	text-align: left;
}

#hpb-main1 .productlist li h2 table td:first-child {
	width: 110px;
}

#hpb-main1 .productlist li h2 img {
    display: inline-block;
	vertical-align: middle;
	margin-right: 2%;
	width: 100px;
	height: 100px;
}

#hpb-main1 .productlist li a {
	display: inline-block;
	color:#666;
	text-decoration: none;
	padding-left:0.5rem;
	margin: 0.25rem 0;
}

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

#hpb-main1 .productlist li {
	flex: 0 1 45%;
}
	
}

@media screen and (max-width:650px){
	
.headcopy {
	font-size:1.75rem;
	margin-bottom: 3rem;
}

#hpb-main1 .productlist li {
	flex: 0 1 95%;
}

	P{
  text-align: left;

}
	
}