@charset "utf-8";
#lp-content #tetsudou .tetsu-copy {
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
}
#lp-content #tetsudou .tetsu-ttl {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#lp-content #tetsudou .innerBOX {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#tetsudou .innerBOX .ev-date {
	text-align: center;
}
.innerBOX .ev-date p {
	font-weight: normal;
	font-size: 0.5em;
	line-height: 1.3em;
}
.bg-01{
	content: "";
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f7c5d1;
	/* 上部を大きな半円にする */
	border-radius: 50% 50% 0 0 / 18% 18% 0 0;
	padding-bottom: 3%;
	margin-top: 2%;
}


#tetsudou section {
	width: 100%;
	margin-top: 3%;
}
#goods .goodsWrap  {
	position: relative;
}
#goods .goodsWrap .ttl {
	text-align: center;
	color: #035FA6;
	font-size: 2em;
	font-weight: bold;
}
#goods .goodsWrap .fuki01 {
	position: absolute;
	width: 150px;
	top: -152%;
	right: 0%;
}

/* 上段 */
.itemBOX {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.itemBOX .box2 {
  width: 100%;
}

.itemBOX .box1 {
  grid-column: 1 / 3;
  width: 70%;
  justify-self: center;
}


/* 下段全体 */
.itemBOX2 {
  max-width: 1000px;
  margin: 30px auto 0;
}


/* box3 × 3 */
.box3BOX {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.box3BOX .box3 {
  width: 100%;
}


/* box2 × 2 */
.box2BOX {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.box2BOX .box2 {
  width: 100%;
}
figure  {
	position: relative;
	margin-bottom: 3%;
}
figure .no01 {
	position: absolute;
	top: 0%;
	left: 0%;
}
figure .no02 {
	position: absolute;
	right: 5%;
	bottom: 13%;
}
figure .no03 {
	position: absolute;
	top: 11%;
	left: 0%;
}
figure .no04 {
	position: absolute;
	top: 20%;
	right: 6%;
}
figure .no05 {
	position: absolute;
	bottom: 28%;
	left: -2%;
}
figure .no06 {
	position: absolute;
	bottom: 13%;
	left: 29%;
}
figure .no07 {
	position: absolute;
	left: 35%;
}
figure .no08 {
	position: absolute;
	bottom: 7%;
	right: 11%;
}
.box1 figure .fuki02 {
	position: absolute;
	width: 134px;
	left: -10%;
	top: -1%;
}

.eventBOX {
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 0;
  gap: 15px;
}

.bg-02,
.bg-03 {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
}

.bg-02 {
  background: #e8f5b8;
}

.bg-03 {
  background: #b9e8f7;
}
.eventBOX .bg-02 #simulator,
.eventBOX .bg-03 #play {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
}
.evTTL {
	color: #035FA6;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 3%;
	font-weight: bold;
}
figure .free  {
	position: absolute;
	width: 85px;
	top: -4%;
	right: -7%;
}
#simulator figure .fuki03 {
	position: absolute;
	width: 170px;
	bottom: 7%;
	left: -8%;
}
#play figure .fuki04 {
	width: 146px;
	position: absolute;
	bottom: -205%;
	left: 27%;
}
#play figure .lotto {
	position: absolute;
	bottom: -210%;
	right: 0%;
	width: 37%;
}


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

  /* --------------------------------
     上段
  -------------------------------- */

  .itemBOX {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .itemBOX .box1 {
    grid-column: auto;
    width: 100%;
  }


  /* --------------------------------
     下段 box3
  -------------------------------- */

  .box3BOX {
    grid-template-columns: 1fr;
    gap: 25px;
  }


  /* --------------------------------
     下段 box2
  -------------------------------- */

  .box2BOX {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 25px;
  }

	.bg-01{
	content: "";
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f7c5d1;
	/* 上部を大きな半円にする */
	border-radius: 50% 50% 0 0 / 5% 5% 0 0;
	padding-bottom: 1%;
	padding-top: 2%;
}
	
	
  .eventBOX {
    flex-direction: column;
    gap: 20px;
  }

  .bg-02,
  .bg-03 {
    width: 100%;
  }
#goods .goodsWrap .fuki01 {
	position: absolute;
	width: 90px;
	top: 96%;
	right: -4%;
}
.box1 figure .fuki02 {
	position: absolute;
	width: 78px;
	left: 1%;
	top: -7%;
}
figure .free  {
	position: absolute;
	width: 70px;
	top: -4%;
	right: -2%;
}
#simulator figure .fuki03 {
	position: absolute;
	width: 117px;
	bottom: 2%;
	left: 0%;
}
#play figure .fuki04 {
	width: 92px;
	position: absolute;
	bottom: -109%;
	left: 48%;
}
#play figure .lotto {
	position: absolute;
	bottom: -133%;
	right: -3%;
	width: 28%;
}


}