:root {
    --deep_color: #F65656;
    --pale_color: #FBE8E8;

    --gt_deep: #F65656;
    --gt_pale: #FBE8E8;
    --mf_deep: #A776CE;
    --mf_pale: #F4E9FB;
    --cvg_deep: #FF7E27;
    --cvg_pale: #FFE5C4;
    --flo_deep: #98DD4E;
    --flo_pale: #F1FDE6;

    --gozen: #F65656;
    --gogo1: #D20000;
    --gogo2: #A40000
}

.tableline th, .tablelineICSC th {
	color:#fff;
  background: var(--deep_color);
}

.l-flexItem2{
	max-width:60%;
}

h3{
  color: var(--deep_color);
  margin: 0 0 0 55px;
  font-size: 3rem;
}

h3 > span{
  font-size: 2rem;
}


.tableLayout .tableNav {
border-collapse: collapse;
width: 100%;
padding: 10px;
}

.tableLayout th {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
color: white;
padding: 10px;
margin: 5px auto;
border: 1px solid var(--deep_color);
color: var(--deep_color);
}

.tableLayout .tableNav {
border: 1px solid #ccc;
padding: 0; /* 余白をなくすことでリンクがぴったりになる */
position: relative;
}

.tableNav a {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
color: white;
padding: 10px;
border: 1px solid var(--deep_color);
background-color: var(--deep_color);
}

.tableNav td a:hover {
opacity: 0.5;
}

.tableNav a.gogo1Color{
  background: var(--gogo1);
  border: 1px solid var(--gogo1);
}
.tablelineICSC tr.gogo1Color th{
    background: var(--gogo1) !important;
}

.tableNav a.gogo2Color{
  background: var(--gogo2);
  border: 1px solid var(--gogo2);
}
.tablelineICSC tr.gogo2Color th{
    background: var(--gogo2) !important;
}

/* .tableLayout th{
  vertical-align: middle;
}

.nav-ampm {
  text-align: center;
  width: 100%;
  padding: 20px 40px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  background: var(--deep_color);
  color: #fff;
}

.session-nav {
  text-align: center;
}

.session-sub-nav {
  display: flex;
  justify-content: center;
  gap:10px;
  margin: 0;
}

.nav-box {
  text-align: center;
  width: 100%;
  padding: 20px 40px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.session-nav a:link,
.session-nav a:visited,
.session-sub-nav a:link,
.session-sub-nav a:visited {
	color:#fff;
  text-decoration: none;
} */

.nav-box:hover {
  /* transform: scale(1.05); */
  background:  var(--deep_color);
  box-shadow: 0 0 8px #FFF;
}

/* 色指定 */
.gozen {
  background-color:var(--gozen)
}

.gogo1 {
  background-color:var(--gogo1)
}

.gogo2 {
  background-color:var(--gogo2)
}
@media screen and (max-width: 590px) {
.tableNav a {
height: 80px;
}
}


@media screen and (max-width: 1050px) {
	.l-frex{
	display: block;
}
.l-flexItem2{
	max-width: 100%;
}
}