@charset "UTF-8";

@media print, screen and (min-width: 768px) {

#background {
	padding-top:150px;
	padding-bottom:200px;
}
table.GUIDELINE {
border-collapse: collapse;
text-align: center;
line-height: 1.5;
color: #FFFFFF;
font-size: 13px;
font-family: "MS PGothic", "Osaka", Arial, sans-serif;
line-height: 1.2;
}
table.GUIDELINE thead {
text-align: center;
background-color:  rgba(0,0,0,0.8);
height: 30px;
}
table.GUIDELINE thead th {
text-align: center;
padding: 10px;
font-weight: bold;
vertical-align: center;
color: #FFFFFF;
font-size: 28px;
font-family: "MS PGothic", "Osaka", Arial, sans-serif;
line-height: 0.5;
}
table.GUIDELINE tbody th {
text-align: center;
width: 200px;
padding: 10px;
vertical-align: center;
background-color: rgba(0,0,0,0.8);
}
table.GUIDELINE td {
text-align: left;
width: 600px;
height:20px;
padding: 10px;
vertical-align: middle;
background-color: rgba(0,0,0,0.8);
color: #FFFFFF;
font-size:  16px;
font-family: "MS PGothic", "Osaka", Arial, sans-serif;
line-height: 1.4;
}

table.GUIDELINE .logoHeineken {
	width:100px;
	height:auto;
	margin-right:10px;
}
table.GUIDELINE .logoVitacci {
	width:100px;
	height:auto;
	margin-right:10px;
}
table.GUIDELINE .logoNissin {
	width:100px;
	height:auto;
}

}
/* min-width: 768px */

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

#background {
	padding-bottom:100px;
}
#wrapper table {
	margin:0 auto;
	width:96%;
}
table.GUIDELINE {
border-collapse: collapse;
text-align: center;
color: #FFFFFF;
line-height: 1.2;

}
table.GUIDELINE thead {
font-size: 20px;
text-align: center;
background-color: rgba(0,0,0,0.8);
}
table.GUIDELINE thead th {
text-align: center;
padding: 10px;

vertical-align: center;
color: #FFFFFF;
font-size: 16px;
line-height: 1.2;
}
table.GUIDELINE tbody th {
font-size: 14px;
text-align: center;
width: 260px;
padding: 10px;

vertical-align: center;
background-color: rgba(0,0,0,0.8);
}
table.GUIDELINE td {
text-align: left;
width: 700px;
height:80px;
padding: 10px;

vertical-align: center;
background-color: rgba(0,0,0,0.8);
color: #FFFFFF;
font-size: 14px;
line-height: 1.2;
}
table.GUIDELINE .logoHeineken {
	display:block;
	width:100px;
	height:auto;
	margin-bottom:10px;
}
table.GUIDELINE .logoVitacci {
	display:block;
	width:100px;
	height:auto;
	margin-bottom:10px;
}
table.GUIDELINE .logoNissin {
	display:block;
	width:100px;
	height:auto;
}
.btnGUIDELINE img {
	width:100% !important;
	height:auto !important;
}

}
/* max-width: 767px */