#eventTGS{
margin: 0 auto 3em;
}
#eventTGS .sup {
display: block;
font-size: 90%;
margin: 1em auto;
text-align: left;
}
#eventTGS .right{
text-align: right;
}
#eventTGS .img{
width: 100%;
}
#eventTGS .img img{
height: auto;
width: 100%;
}
#eventTGS h3{
color: #007ac1;
display: block;
font-family: "ta-fuga-fude", sans-serif;
font-weight: 400;
font-style: normal;
font-size: min(3.0em, 5.0vw);
line-height: 1.2;
letter-spacing: -0.05em;
margin: 0 auto 2%;
text-align: center;
}
#eventTGS h4 {
background: linear-gradient(180deg, #bc0000 0%, #d16e1d 100%);
color: transparent;
background-clip: text;
/*-webkit-text-fill-color: transparent;*/
text-fill-color: transparent;
font-family: "ta-fuga-fude", sans-serif;
font-weight: 400;
font-style: normal;
font-size: min(2.5em, 5.5vw);
line-height: 1.2;
letter-spacing: -0.05em;
margin: 0 auto 2%;
text-align: center;
}
#eventTGS .text {
display: block;
font-size: min(1.2em, 4.0vw);
font-weight: normal;
line-height: 1.5;
margin: 0 auto 2em;
text-align: left;
width: 90%;
}
#eventTGS .head{
color: #c00;
text-align: center!important;
}

/* 画像 ------------------- */
#eventTGS .booth .name{
border: solid 1px #000;
color: #000;
display: inline-block;
margin: 0 0 1em;
padding: 0.4em;
text-align: center;
}
#eventTGS .booth ul{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 20px;
}
#eventTGS .booth ul li img{
height: auto;
width: 100%;
}
#eventTGS .booth ul li img:hover{
opacity: 0.6;
}

#eventTGS .eventDetail dl {
align-items: start;
display: grid;
font-size: min(1.3em, 4.0vw);
grid-template-columns: 0.2fr 0.8fr;
gap: 1em;
margin: 2em auto 0.2em;
width: 90%;
}
#eventTGS .eventDetail dl dt {
background: #003672;
color: white;
margin: 0;
padding: 0.5em;
text-align: center;
}
#eventTGS .eventDetail dl dd {
color: #2a2727;
line-height: 1.5;
margin: 0;
}
#eventTGS .eventDetail dl dd.grid {
display: grid;
flex-wrap: nowrap;
grid-template-columns: 0.25fr 0.75fr;
}
@media (width <= 782px) {
	#eventTGS .head {
	word-break: auto-phrase;
	}
	#eventTGS h4{
	word-break: keep-all;
  width: 90%;
	}
	#eventTGS .booth .name{
	margin: 0 0 1em 0.5em;
	}
	#eventTGS .booth ul{
	margin: 0 auto;
  width: 90%;
	}
	#eventTGS .sup{
	width: 90%;
	word-break: auto-phrase;
	}
	#eventTGS .eventDetail dl{
	display: block;
	}
	#eventTGS .eventDetail dl dd {
	padding: 3%;
	}
	#eventTGS .eventDetail dl dd.grid {
	display: block;
	}
	#eventTGS .eventDetail dl dd.grid p:nth-child(odd) {
  background: #fcfdff;
	}
}