@charset "UTF-8";

/*-------------------------------------------------------------------------------------------------------------------------------
* base
-------------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------------------------------
* each 
-------------------------------------------------------------------------------------------------------------------------------*/

/* top-nav */
.top-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 20px;
  background-color: #fff480;
  padding: 0 0 50px;
}

/* special */
.special-box01  {
  position: relative;
}
.kinoshita-insta{
  position: absolute;
  z-index: 2;
  left: 130px;
  bottom: 240px;
}
.special-box02 {
  position: relative;
}
.special-box02-btn {
  position: absolute;
  z-index: 2;
  left: 90px;
  bottom: 336px;
}

/* recommend */
.recommend-box02 {
  position: relative;
}
.recommend-box02-insta {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 410px;
  width: 100%;
}
.insta-box {
  width: 622px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

/* event */
.event-box01 {
  position: relative;
}
.event-box01-btn {
  position: absolute;
  z-index: 2;
  left: 90px;
  bottom: 363px;
}
.event-box02 {
  position: relative;
}
.event-box02-btn {
  position: absolute;
  z-index: 2;
  left: 90px;
  bottom: 354px;
}
.event-box02-insta {
  position: absolute;
  z-index: 2;
  left: 262px;
  top: 1227px;
}
.event-box03 {
  position: relative;
}
.event-box03-btn {
  position: absolute;
  z-index: 2;
  left: 100px;
  bottom: 0;
}

/* shop */
#shop {
  padding: 0 0 50px;
  background-color: #fff480;
}
.shop-box02 {
  position: relative;
}
.shop-box02-btn {
  position: absolute;
  z-index: 2;
  left: 100px;
  bottom: 62px;
}

/* bonus */
#bonus {
  background-color: #bae3f9;
}
.bonus-box01-btn {
  text-align: center;
}

/* info */
.info {
  width: 622px;;
  margin: 100px auto 0;
}
.info-insta {
  width: 622px;;
  margin: 0 auto 50px;
}
.info-banner {
  width: 620px;;
  margin: 60px auto 0;
}

.f-banner {
  width: 620px;;
  margin: 60px auto 0;
}

.btn-top {
  margin: 50px 0 0;
  text-align: center;
}


/* f-note */
.f-note{
  padding: 80px 50px 80px;
  font-size: 24px;
  font-feature-settings: "palt";
  text-align: justify;
}
.f-note p{
  padding-left: 1em;
  text-indent: -1em
}