#mainContainer {
  width: 100%;
  margin: 0;
}

.mainContents {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
}

.mainContents.mainContents1320 {
  width: 100%;
  max-width: 132rem;
  margin: 0 auto;
}

.mainContents.mainContents1080 {
  width: 100%;
  max-width: 108rem;
  margin: 0 auto;
}

@media screen and (max-width: 1300px) { /* ブラウザ幅1300px以下はハンバーガーメニュー上部固定 */

#mainContainer {
  margin-top: 8.4rem;
}

}

/* PC1250px未満とtablet */

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

.mainContents {
  width: 100%;
  padding: 0 2.5rem;
}

}

/* mobile */

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

.mainContents {
  width: 100%;
  padding: 0 2.5rem;
}

}

/* grid */

:root { --gridGap: 0; }
.gridGap1rem { --gridGap: 1rem; }
.gridGap2rem { --gridGap: 2rem; }
.gridGap3rem { --gridGap: 3rem; }
.gridGap4rem { --gridGap: 4rem; }
.gridGap5rem { --gridGap: 5rem; }
.gridGap6rem { --gridGap: 6rem; }
.gridGap7rem { --gridGap: 7rem; }
.gridGap8rem { --gridGap: 8rem; }
.gridGap9rem { --gridGap: 9rem; }
.gridGap10rem { --gridGap: 10rem; }

@media screen and (min-width: 560px) and (max-width: 959px) {

.ts_gridGap1rem { --gridGap: 1rem; }
.ts_gridGap2rem { --gridGap: 2rem; }
.ts_gridGap3rem { --gridGap: 3rem; }
.ts_gridGap4rem { --gridGap: 4rem; }
.ts_gridGap5rem { --gridGap: 5rem; }
.ts_gridGap6rem { --gridGap: 6rem; }
.ts_gridGap7rem { --gridGap: 7rem; }
.ts_gridGap8rem { --gridGap: 8rem; }
.ts_gridGap9rem { --gridGap: 9rem; }
.ts_gridGap10rem { --gridGap: 10rem; }

}

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

.ms_gridGap1rem { --gridGap: 1rem; }
.ms_gridGap2rem { --gridGap: 2rem; }
.ms_gridGap3rem { --gridGap: 3rem; }
.ms_gridGap4rem { --gridGap: 4rem; }
.ms_gridGap5rem { --gridGap: 5rem; }
.ms_gridGap6rem { --gridGap: 6rem; }
.ms_gridGap7rem { --gridGap: 7rem; }
.ms_gridGap8rem { --gridGap: 8rem; }
.ms_gridGap9rem { --gridGap: 9rem; }
.ms_gridGap10rem { --gridGap: 10rem; }

}

.gridRows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-left: calc(var(--gridGap) / 2 * -1);
	margin-right: calc(var(--gridGap) / 2 * -1);
}

.gridRowsReverse {
	flex-direction: row-reverse;
}

.g100 { flex-basis: calc(100% - var(--gridGap)); max-width: calc(100% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g95 { flex-basis: calc(95% - var(--gridGap)); max-width: calc(95% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g90 { flex-basis: calc(90% - var(--gridGap)); max-width: calc(90% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g85 { flex-basis: calc(85% - var(--gridGap)); max-width: calc(85% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g80 { flex-basis: calc(80% - var(--gridGap)); max-width: calc(80% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g75 { flex-basis: calc(75% - var(--gridGap)); max-width: calc(75% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g70 { flex-basis: calc(70% - var(--gridGap)); max-width: calc(70% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g65 { flex-basis: calc(65% - var(--gridGap)); max-width: calc(65% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g60 { flex-basis: calc(60% - var(--gridGap)); max-width: calc(60% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g55 { flex-basis: calc(55% - var(--gridGap)); max-width: calc(55% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g50 { flex-basis: calc(50% - var(--gridGap)); max-width: calc(50% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g45 { flex-basis: calc(45% - var(--gridGap)); max-width: calc(45% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g40 { flex-basis: calc(40% - var(--gridGap)); max-width: calc(40% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g35 { flex-basis: calc(35% - var(--gridGap)); max-width: calc(35% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g30 { flex-basis: calc(30% - var(--gridGap)); max-width: calc(30% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g25 { flex-basis: calc(25% - var(--gridGap)); max-width: calc(25% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g20 { flex-basis: calc(20% - var(--gridGap)); max-width: calc(20% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g15 { flex-basis: calc(15% - var(--gridGap)); max-width: calc(15% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g10 { flex-basis: calc(10% - var(--gridGap)); max-width: calc(10% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g05 { flex-basis: calc(5% - var(--gridGap)); max-width: calc(5% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

.g66 { flex-basis: calc(66.66% - var(--gridGap)); max-width: calc(66.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g33 { flex-basis: calc(33.33% - var(--gridGap)); max-width: calc(33.33% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
.g16 { flex-basis: calc(16.66% - var(--gridGap)); max-width: calc(16.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

@media screen and (min-width: 560px) and (max-width: 959px) {

  .ts_g100 { flex-basis: calc(100% - var(--gridGap)); max-width: calc(100% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g95 { flex-basis: calc(95% - var(--gridGap)); max-width: calc(95% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g90 { flex-basis: calc(90% - var(--gridGap)); max-width: calc(90% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g85 { flex-basis: calc(85% - var(--gridGap)); max-width: calc(85% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g80 { flex-basis: calc(80% - var(--gridGap)); max-width: calc(80% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g75 { flex-basis: calc(75% - var(--gridGap)); max-width: calc(75% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g70 { flex-basis: calc(70% - var(--gridGap)); max-width: calc(70% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g65 { flex-basis: calc(65% - var(--gridGap)); max-width: calc(65% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g60 { flex-basis: calc(60% - var(--gridGap)); max-width: calc(60% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g55 { flex-basis: calc(55% - var(--gridGap)); max-width: calc(55% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g50 { flex-basis: calc(50% - var(--gridGap)); max-width: calc(50% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g45 { flex-basis: calc(45% - var(--gridGap)); max-width: calc(45% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g40 { flex-basis: calc(40% - var(--gridGap)); max-width: calc(40% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g35 { flex-basis: calc(35% - var(--gridGap)); max-width: calc(35% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g30 { flex-basis: calc(30% - var(--gridGap)); max-width: calc(30% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g25 { flex-basis: calc(25% - var(--gridGap)); max-width: calc(25% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g20 { flex-basis: calc(20% - var(--gridGap)); max-width: calc(20% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g15 { flex-basis: calc(15% - var(--gridGap)); max-width: calc(15% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g10 { flex-basis: calc(10% - var(--gridGap)); max-width: calc(10% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g05 { flex-basis: calc(5% - var(--gridGap)); max-width: calc(5% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

  .ts_g66 { flex-basis: calc(66.66% - var(--gridGap)); max-width: calc(66.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g33 { flex-basis: calc(33.33% - var(--gridGap)); max-width: calc(33.33% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ts_g16 { flex-basis: calc(16.66% - var(--gridGap)); max-width: calc(16.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

}

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

  .ms_g100 { flex-basis: calc(100% - var(--gridGap)); max-width: calc(100% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g95 { flex-basis: calc(95% - var(--gridGap)); max-width: calc(95% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g90 { flex-basis: calc(90% - var(--gridGap)); max-width: calc(90% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g85 { flex-basis: calc(85% - var(--gridGap)); max-width: calc(85% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g80 { flex-basis: calc(80% - var(--gridGap)); max-width: calc(80% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g75 { flex-basis: calc(75% - var(--gridGap)); max-width: calc(75% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g70 { flex-basis: calc(70% - var(--gridGap)); max-width: calc(70% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g65 { flex-basis: calc(65% - var(--gridGap)); max-width: calc(65% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g60 { flex-basis: calc(60% - var(--gridGap)); max-width: calc(60% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g55 { flex-basis: calc(55% - var(--gridGap)); max-width: calc(55% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g50 { flex-basis: calc(50% - var(--gridGap)); max-width: calc(50% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g45 { flex-basis: calc(45% - var(--gridGap)); max-width: calc(45% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g40 { flex-basis: calc(40% - var(--gridGap)); max-width: calc(40% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g35 { flex-basis: calc(35% - var(--gridGap)); max-width: calc(35% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g30 { flex-basis: calc(30% - var(--gridGap)); max-width: calc(30% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g25 { flex-basis: calc(25% - var(--gridGap)); max-width: calc(25% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g20 { flex-basis: calc(20% - var(--gridGap)); max-width: calc(20% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g15 { flex-basis: calc(15% - var(--gridGap)); max-width: calc(15% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g10 { flex-basis: calc(10% - var(--gridGap)); max-width: calc(10% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g05 { flex-basis: calc(5% - var(--gridGap)); max-width: calc(5% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

  .ms_g66 { flex-basis: calc(66.66% - var(--gridGap)); max-width: calc(66.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g33 { flex-basis: calc(33.33% - var(--gridGap)); max-width: calc(33.33% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }
  .ms_g16 { flex-basis: calc(16.66% - var(--gridGap)); max-width: calc(16.66% - var(--gridGap)); margin-left: calc(var(--gridGap) / 2); margin-right: calc(var(--gridGap) / 2); }

}