@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : LP CSS

//////////////////////////////////////////////////*/


/* ========================================================
                   * Custom Properties *
========================================================= */
:root {
  --color1: #52a0cc;
}

/* ===================
  LP Contents
=================== */

.lp_contents {
  background: var(--color1);
}

.lp_contents_inner {
  background: #a4d3db;
}

.lp_menu {
  background: #a5d3db;
}

.lp_menu_list ul {
  width: 100vw;
}

.lp_menu .after li {
  width: calc(100vw / 2);
}

/* only PC */
@media screen and (min-width: 768px) {

  .fixed_area .fixed_left {
    background: url(../../img/202506/0624/bg_pc_left.png) no-repeat center center;
    background-size: cover;
  }

  .fixed_area .fixed_right {
    background: url(../../img/202506/0624/bg_pc_right.png) no-repeat center center;
    background-size: cover;
  }
}



/* ===================
  ビーズ背景 
=================== */

.bg_bees01 {
  background: url(../../img/202506/0624/bg_bees01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center calc(-8 * 53rem / 750);
}

.bg_bees01_after {
  background: url(../../img/202506/0624/bg_bees01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}

.bg_bees02 {
  background: url(../../img/202506/0624/bg_bees02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center calc(160 * 53rem / 750);
}

.bg_bees03 {
  background: url(../../img/202506/0624/bg_bees03.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
  padding-bottom: calc(131 * 53rem / 750);
}

.bg_flower04 {
  background: url(../../img/202506/0624/bg_bees04.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

/* ===================
  intro_section
=================== */

.countdown_set {
  color: var(--color1);
}

.lp_menu_top {
  background: #a5d3db;
}


/* ===================
  event01_section 
=================== */

.event01_section .goto::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(319 * 53rem / 750);
  height: calc(320 * 53rem / 750);
  top: calc(-26 * 53rem / 750);
  left: calc(-21 * 53rem / 750);
}

.event01_section .fukutoku::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(363 * 53rem / 750);
  height: calc(513 * 53rem / 750);
  top: calc(-257 * 53rem / 750);
  right: calc(-27 * 53rem / 750);
}

.event01_section .ttl_sub::before {
  background: url(../../img/202506/0624/ttl_sub01_before.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(74 * 53rem / 750);
  height: calc(74 * 53rem / 750);
  top: calc(-52 * 53rem / 750);
  right: calc(211 * 53rem / 750);
}

.event01_section .ttl_sub::after {
  background: url(../../img/202506/0624/ttl_sub01_after.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(174 * 53rem / 750);
  height: calc(178 * 53rem / 750);
  bottom: calc(-177 * 53rem / 750);
  left: calc(-7 * 53rem / 750);
}


/* ===================
  event02_section 
=================== */

.event02_section .fukutoku::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees03.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(336 * 53rem / 750);
  height: calc(481 * 53rem / 750);
  top: calc(-2 * 53rem / 750);
  left: calc(-26 * 53rem / 750);
}

.event02_section .goto::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees04.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(356 * 53rem / 750);
  height: calc(471 * 53rem / 750);
  top: calc(-202 * 53rem / 750);
  right: calc(-32 * 53rem / 750);
}

.event02_section .ttl_sub::before {
  background: url(../../img/202506/0624/ttl_sub02_before.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(180 * 53rem / 750);
  height: calc(464 * 53rem / 750);
  top: calc(-127 * 53rem / 750);
  left: calc(157 * 53rem / 750);
}

.event02_section .ttl_sub::after {
  background: url(../../img/202506/0624/ttl_sub02_after.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(62 * 53rem / 750);
  height: calc(61 * 53rem / 750);
  bottom: calc(308 * 53rem / 750);
  left: calc(599 * 53rem / 750);
}

.event02_section .txt_content .txt_sm,
.event03_section .txt_brand_area .txt_sm {
  color: #666666;
}

.event02_section .ttl_section {
  border-top: 1px solid #666666;
}


/* ===================
  event03_section 
=================== */

.event03_section .goto::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees05.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(322 * 53rem / 750);
  height: calc(519 * 53rem / 750);
  top: calc(-264 * 53rem / 750);
  left: calc(-35 * 53rem / 750);
}

.event03_section .fukutoku::before {
  background: url(../../img/202506/0624/jarujaru_bg_bees06.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(373 * 53rem / 750);
  height: calc(286 * 53rem / 750);
  top: calc(42 * 53rem / 750);
  right: calc(-38 * 53rem / 750);
}


.event03_section .ttl_sub::before {
  background: url(../../img/202506/0624/ttl_sub03_before.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(394 * 53rem / 750);
  height: calc(84 * 53rem / 750);
  top: calc(-65 * 53rem / 750);
  left: calc(100 * 53rem / 750);
}

.event03_section .ttl_sub::after {
  display: none;
}

.event03_section .event_brand::before {
  background: url(../../img/202506/0624/event_brand_before.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(747 * 53rem / 750);
  height: calc(1040 * 53rem / 750);
  top: calc(-106 * 53rem / 750);
  left: 50%;
  transform: translateX(-50%);
}

/* ===================
  contents_section 
=================== */

.contents_section .contents_special_video {
  padding-top: calc(86 * 53rem / 750);
  padding-bottom: calc(100 * 53rem / 750);
  position: relative;
}

.contents_section .contents_special_video::before {
  position: absolute;
  width: calc(700 * 53rem / 750);
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  border-bottom: 1px solid #afafaf;
  content: "";
}

.contents_section .video_area {
  width: calc(485 * 53rem / 750);
  height: calc(863 * 53rem / 750);
  margin: calc(54 * 53rem / 750) auto 0;
}

.contents_section .video_area iframe {
  width: 100%;
  height: 100%;

}

.contents_section .ttl_main {
  margin-top: calc(-42 * 53rem / 750);
}

.contents_section .ttl_main_02 {
  margin-bottom: calc(43 * 53rem / 750);
  font-size: calc(67 * 53rem / 750);
  text-align: center;
  color: #ffd84d;
  font-weight: 500;
}

.contents_section .txt_content {
  font-size: calc(28 * 53rem / 750);
  color: #fff;
  line-height: 1.6;
  text-align: center;
}

.line_coupon .txt_sub {
  margin-bottom: calc(99 * 53rem / 750);
}

.line_coupon .txt_sub::before {
  content: "";
  background: url(../../img/202506/0624/line_coupon_txt_sub_before.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: calc(751 * 53rem / 750);
  height: calc(733 * 53rem / 750);
  position: absolute;
  top: calc(-128 * 53rem / 750);
  left: 50%;
  transform: translateX(-50%);
}