@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Ultra&display=swap');



/*--------------------------------

            CSS Animation

 --------------------------------*/

@keyframes fadeInUp {

  0% {

    transform: translate(0, 3rem) scale(0.8);

    opacity: 0;

  }



  100% {

    opacity: 1;

    transform: translate(0, 0) scale(1);

  }

}



@keyframes rotate {

  from {

    transform: rotate(0deg);

  }



  to {

    transform: rotate(360deg);

  }

}



@keyframes pyonpyon {

  0% {

    transform: translateY(0);

  }



  10% {

    transform: translateY(-5px);

  }



  20% {

    transform: translateY(0);

  }



  30% {

    transform: translateY(-5px);

  }



  40% {

    transform: translateY(0);

  }

}



@keyframes bounce {

  0% {

    transform: rotate(0deg);

  }



  10% {

    transform: rotate(-2deg);

  }



  20% {

    transform: rotate(0deg);

  }



  30% {

    transform: rotate(-2deg);

  }



  40% {

    transform: rotate(0deg);

  }

}



@keyframes shake {

  0% {

    rotate: -1deg

  }



  50% {

    rotate: 1deg

  }



  to {

    rotate: -1deg

  }

}



@keyframes kirakira {



  0%,

  100% {

    transform: scale(1) rotate(10deg);

  }



  50% {

    transform: scale(1.15) rotate(-10deg);

  }

}



/* txtBound

==================================*/

@keyframes txtBound {



  0%,

  12%,

  25%,

  100% {

    translate: unset;

  }



  20% {

    translate: 0 calc(-6 * (60rem / 390));

  }

}



.is-show .txtBound .each_txt {

  animation: txtBound 5s ease-in-out;

}



.txtBound .each_txt:nth-of-type(2) {

  animation-delay: .15s;

}



.txtBound .each_txt:nth-of-type(3) {

  animation-delay: .3s;

}



.txtBound .each_txt:nth-of-type(4) {

  animation-delay: .45s;

}



.txtBound .each_txt:nth-of-type(5) {

  animation-delay: .6s;

}



.txtBound .each_txt:nth-of-type(6) {

  animation-delay: .75s;

}



.txtBound .each_txt:nth-of-type(7) {

  animation-delay: .9s;

}



.txtBound .each_txt:nth-of-type(8) {

  animation-delay: 1.05s;

}



.txtBound .each_txt:nth-of-type(9) {

  animation-delay: 1.2s;

}



.txtBound .each_txt:nth-of-type(10) {

  animation-delay: 1.35s;

}



.txtBound .each_txt:nth-of-type(11) {

  animation-delay: 1.5s;

}



.txtBound .each_txt:nth-of-type(12) {

  animation-delay: 1.65s;

}



.txtBound .each_txt:nth-of-type(13) {

  animation-delay: 1.8s;

}



.txtBound .each_txt:nth-of-type(14) {

  animation-delay: 1.95s;

}



/* scroll_bar

==================================*/

@keyframes scroll_bar {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: -100rem 0;

  }

}



@keyframes scroll_bar-right {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: 100rem 0;

  }

}



.scroll_bar {

  width: 100%;

  height: calc(40 * (var(--rate)));

  background-image: url(../../img/202606/main/scroll_bar.jpg);

  background-repeat: repeat-x;

  background-size: calc(457 * (var(--rate)));

  background-color: var(--color_7);

  animation: scroll_bar 26s linear infinite;

}



.scroll_bar.right {

  animation: scroll_bar-right 26s linear infinite;

}





/* inview animation

==================================*/

#lp_contents .fadeIn {

  opacity: 0;

  transition: 2s;

}



#lp_contents .fadeInUp {

  opacity: 0;

  transition: 2s;

}



#lp_contents .fadeInLeft {

  opacity: 0;

  transform: translate(-3rem, 0);

  transition: 1s;

}



#lp_contents .fadeInRight {

  opacity: 0;

  transform: translate(3rem, 0);

  transition: 1s;

}



#lp_contents .bounceLeft {

  opacity: 0;

  transform: scale(0.7);

  transform-origin: bottom left;

  transition: 0.5s cubic-bezier(0.68, 0.03, 0.3, 0.99);

}



#lp_contents .zoom {

  opacity: 0;

  transform: scale(0.6);

  transition: all 0.5s;

}



#lp_contents .js-textAnime span {

  transition: all 0.5s;

  display: inline-block;

  opacity: 0;

  transform: translateY(calc(10 * (var(--rate))));

}



#lp_contents .fadeIn.is-show,

#lp_contents .fadeInUp.is-show,

#lp_contents .fadeInLeft.is-show,

#lp_contents .fadeInRight.is-show,

#lp_contents .bounceLeft.is-show,

#lp_contents .zoom.is-show,

#lp_contents .js-textAnime span.is-show {

  transform: translate(0, 0) scale(1);

  -ms-filter: blur(0);

  filter: blur(0);

  opacity: 1;

}



#lp_contents .fadeInUp.is-show {

  animation: fadeInUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;

}





/*--------------------------------

                共 通

 --------------------------------*/



main,

#Wrap,

.wrapBottom,

.wrapTop {

  width: 100%;

  max-width: 100%;

}



#share {

  z-index: 5 !important;

}



#HeaderWrap {}



#header_txt_slider,

#header_img_slider {

  position: relative;

  z-index: 100;

}



#FooterWrap {

  position: relative;

  z-index: 100;

  background-color: #fff;

}



#lp_contents * {

  box-sizing: border-box;

}



#lp_contents {

  /*root*/

  --rate: 50rem / 390;

  --font_base: "Noto Sans JP", sans-serif;

  --font_eng: "Ultra", serif;

  --bg-default: #F8F8EC;

  --color_font: #212121;

  --color_sub: #888;

  --color_border: #EBE9E7;

  --color_bg_main: #E4EDFC;

  --color_1: #0069E0;

  --color_2: #2B865B;

  --color_3: #C4D8CE;

  --color_4: #E4EFE9;

  --color_5: #F4F5B5;

  --color_7: #F9FA8A;

  --color_8: #888888;

  --color_9: #CCCCCC;

  --color_white: #fff;

  --color_button: #333333;

  --color_line: #03C154;

  --box-shadow: 0 calc(6 * (var(--rate))) 0 var(--color_1);



  /*style*/

  font-family: var(--font_base);

  font-family: var(--font-base);

  font-size: calc(16 * (var(--rate)));

  font-weight: 500;

  letter-spacing: 0.05em;

  line-height: 2;

  text-align: center;



  display: flex;

  justify-content: center;



  color: var(--color_font);

  background-color: var(--color_1);

  position: relative;

}



#lp_contents .sp_only {

  display: none;

}



#lp_contents img {

  width: 100%;

  display: block;

  height: auto;

  image-rendering: -webkit-optimize-contrast;

  -webkit-backface-visibility: hidden;

}



#lp_contents a {

  display: block;

  width: 100%;

  cursor: pointer;

  transition: all 0.5s;

  color: inherit;

}



#lp_contents a:hover {

  opacity: 1;

}



#lp_contents ul li,

#lp_contents ol li {

  list-style: none;

}



#lp_contents section {

  position: relative;

  display: grid;

  padding: calc(52 * (var(--rate))) calc(15 * (var(--rate)));

}



#lp_contents .lp_inner {

  position: relative;

  z-index: 3;

  width: 30vw;

  width: 50rem;

  background: #E4EDFC;

  background-size: calc(120 * (var(--rate))) calc(120 * (var(--rate)));

  order: 2;

  overflow: clip;

}



/*------------ Text ------------*/

#lp_contents h1,

#lp_contents h2,

#lp_contents h3,

#lp_contents h4 {

  padding: 0;

  float: none;

  font-weight: inherit;

}



#lp_contents p {

  display: block;

  margin: 0;

  font-size: calc(16 * (var(--rate)));

  font-weight: 500;

  line-height: 2;

}



#lp_contents sup {

  font-size: 50%;

  margin-top: -0.6rem;

  display: inline-block;

  font-family: var(--font-base);

}



#lp_contents .note {

  display: inline-block;

  width: fit-content;

  margin: auto;

  text-align: left;

  font-size: calc(10 * (var(--rate)));

  font-weight: 500;

  line-height: 1.75;

  color: var(--color_sub);

}



#lp_contents p .note {

  margin-top: 0;

}



#lp_contents .bold {

  font-weight: 800;

}



#lp_contents .border {

  font-weight: 800;

  background: linear-gradient(transparent 75%, var(--color_7) 25%);

}



#lp_contents .eng {

  font-family: var(--font_eng);

  font-weight: 400;

}



#lp_contents .sec_ttl {

  font-family: var(--font_eng);

  font-size: calc(35 * (var(--rate)));

  line-height: 1.2;

  color: var(--color_1);

  letter-spacing: 0;

}



#lp_contents .sec_ttl .jpn {

  display: block;

  margin-top: calc(13 * (var(--rate)));

  font-family: var(--font-base);

  font-size: calc(12 * (var(--rate)));

  font-weight: 900;

  letter-spacing: 0.2em;

}



#lp_contents .deco_star_wrap {

  position: relative;

}



#lp_contents .deco_star {

  position: absolute;

}



#lp_contents .deco_star_1 {

  width: calc(30 * (var(--rate)));

  top: calc(-20 * (var(--rate)));

  left: calc(15 * (var(--rate)));

}



#lp_contents .deco_star_2 {

  width: calc(15 * (var(--rate)));

  top: calc(20 * (var(--rate)));

  left: calc(-10 * (var(--rate)));

}



#lp_contents .deco_star_3 {

  width: calc(32 * (var(--rate)));

  bottom: calc(0 * (var(--rate)));

  right: calc(18 * (var(--rate)));

}



#lp_contents .deco_star_4 {

  width: calc(20 * (var(--rate)));

  bottom: calc(42 * (var(--rate)));

  right: calc(0 * (var(--rate)));

}



/*------------ Date ------------*/

#lp_contents .event_date {

  display: block;

  width: 100%;

  margin: auto;

  padding: calc(10 * (var(--rate)));

  background-color: var(--color_7);

}



#lp_contents .event_date .dot {

  display: block;

  width: calc(30 * (var(--rate)));

  height: calc(6 * (var(--rate)));

  background-image: radial-gradient(circle, var(--color_1) calc(1.5 * (var(--rate))), transparent calc(1.5 * (var(--rate))));

  background-position: 0 0;

  background-size: calc(6 * (var(--rate))) calc(6 * (var(--rate)));

  margin-top: calc(6 * (var(--rate)));

  margin-left: calc(1 * (var(--rate)));

  margin-right: calc(3 * (var(--rate)));

}



#lp_contents .event_date .dot.dot_sm {

  width: calc(17 * (var(--rate)));

}



#lp_contents .event_date-day {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: anchor-center;

  gap: calc(5 * (var(--rate)));

  font-family: var(--font_eng);

  font-size: calc(23 * (var(--rate)));

  line-height: 1;

  color: var(--color_1);

}



#lp_contents .event_date-day.shop {

  font-size: calc(20 * (var(--rate)));

  margin-top: calc(6 * (var(--rate)));

  gap: calc(4 * (var(--rate)));

}



#lp_contents .event_date-day .week {

  display: flex;

  align-items: center;

  justify-content: center;

  width: calc(20 * (var(--rate)));

  height: calc(20 * (var(--rate)));

  border-radius: 100%;

  font-family: var(--font_base);

  font-family: var(--font-base);

  font-size: calc(13 * (var(--rate)));

  font-weight: 800;

  line-height: 1;

  letter-spacing: 0;

  color: var(--color_white);

  background-color: var(--color_1);

}



#lp_contents .event_date-day.shop .week {

  width: calc(18 * (var(--rate)));

  height: calc(18 * (var(--rate)));

  font-size: calc(11 * (var(--rate)));

}



#lp_contents .event_date-day .time {

  font-size: calc(16 * (var(--rate)));

  margin-left: calc(1 * (var(--rate)));

}



#lp_contents .event_date-day .ja {

  font-family: var(--font-base);

  font-size: calc(15 * (var(--rate)));

  font-weight: 800;

}



/*------------ arrow ------------*/

#lp_contents .arrow {

  display: block;

  width: calc(8 * (var(--rate)));

  height: calc(8 * (var(--rate)));

  border-right: 3px solid;

  border-bottom: 3px solid;

  rotate: 45deg;

}



#lp_contents .plus {

  position: relative;

  width: calc(10 * (var(--rate)));

  height: calc(10 * (var(--rate)));

}



#lp_contents .plus:before,

#lp_contents .plus:after {

  content: '';

  width: 100%;

  height: 1px;

  background-color: #000;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



#lp_contents .plus:after {

  rotate: 90deg;

}



/*------------ Button ------------*/

#lp_contents .link_btn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: calc(10 * (var(--rate)));

  width: calc(250 * (var(--rate)));

  min-height: calc(45 * (var(--rate)));

  margin: auto;

  padding: calc(6 * (var(--rate)));

  line-height: 1.4;

  border-radius: calc(100 * (var(--rate)));

  color: var(--color_white);

  background-color: var(--color_button);

  box-shadow: 0 calc(6 * (var(--rate))) 0 var(--color_1);

  transition: all 0.5s;

}



#lp_contents .link_btn:not(.ComingSoon):hover {

  transform: translateY(calc(6 * (var(--rate))));

  box-shadow: none;

  opacity: 1;

}



#lp_contents .link_btn.ComingSoon {

  pointer-events: none;

  color: #234333;

  background-color: #EAEFF5;

  box-shadow: none;

  opacity: 1;

  width: 100%;

  margin-top: calc(6 * (var(--rate)));

}



#lp_contents .link_btn .arrow {

  position: absolute;

  top: 0;

  bottom: 0;

  right: calc(20 * (var(--rate)));

  margin: auto;

  rotate: -45deg;

  border-color: var(--color_white);

}



#lp_contents .link_txt {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: calc(8 * (var(--rate)));

  font-size: calc(15 * (var(--rate)));

  line-height: 1;

  text-decoration: underline;

  color: var(--color_2);

  text-decoration: none;

}



/*------------ frame ------------*/

#lp_contents .frame {

  position: relative;

  display: grid;

  /* gap: calc(13 * (var(--rate))); */

  width: calc(360 * (var(--rate)));

  margin: 0 auto 0;

  padding-bottom: calc(27 * (var(--rate)));

  border: 1px solid var(--color_9);

  border-radius: calc(10 * (var(--rate)));

  background-color: var(--color_white);

}





/*------------ accordion ------------*/

#lp_contents .accordion {

  height: 0;

  overflow: hidden;

  transition: height 0.5s;

}



#lp_contents .accordion_btn {

  color: var(--color_white);

  font-weight: 700;

  font-size: calc(14 * (var(--rate)));

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: calc(13 * (var(--rate)));

  cursor: pointer;

}



#lp_contents .accordion_btn::after {

  content: "";

  background: url(../../img/202606/main/icon_plus.svg) no-repeat center;

  background-size: 100%;

  width: calc(20 * (var(--rate)));

  height: calc(20 * (var(--rate)));

  display: block;

  margin-left: calc(10 * (var(--rate)));

}



#lp_contents .accordion_btn.is-open::after {

  background: url(../../img/202606/main/icon_minus.svg) no-repeat center;

}







/*--------------------------------

              contents

--------------------------------*/



/* sec_mv

==================================*/

#lp_contents .sec_mv {

  padding: 0 0 calc(58 * (var(--rate)));

  position: relative;

  overflow: clip;

}



#lp_contents .sec_mv.after {

  padding: 0;

}



#lp_contents .sec_mv .mv_wrap-img {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

}



#lp_contents .sec_mv .mv_wrap-img .mv_img {

  background: #007FEE;

  overflow: hidden;

  position: relative;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(2),

#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(3) {

  background: #007FEE url(../../img/202606/main/mv_img_bg_1.png) no-repeat center / 120%;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(5),

#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(6) {

  background: #007FEE url(../../img/202606/main/mv_img_bg_2.png) no-repeat center / 120%;

}



/* #lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(1) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19);

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(2) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 0.15s;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(3) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 0.3s;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(4) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 0.45s;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(5) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 0.6s;

}



#lp_contents .sec_mv .mv_wrap-img .mv_img:nth-of-type(6) figure {

  transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 0.75s;

} */



#lp_contents .sec_mv .mv_wrap {}



#lp_contents .sec_mv .main_ttl {}



#lp_contents .sec_mv .main_ttl span {

  position: absolute;

  z-index: 2;

}



#lp_contents .sec_mv .main_ttl span:nth-of-type(1) {

  width: calc(296 * (var(--rate)));

  top: calc(-7 * (var(--rate)));

  right: calc(-18 * (var(--rate)));

  /* transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 1s; */

}



#lp_contents .sec_mv .main_ttl span:nth-of-type(2) {

  width: calc(187 * (var(--rate)));

  top: calc(121 * (var(--rate)));

  left: calc(-13 * (var(--rate)));

  /* transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 1.15s; */

}



#lp_contents .sec_mv .main_ttl span:nth-of-type(3) {

  width: calc(204 * (var(--rate)));

  top: calc(166 * (var(--rate)));

  right: calc(26 * (var(--rate)));

  /* transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 1.3s; */

}



#lp_contents .sec_mv .main_ttl span:nth-of-type(4) {

  width: calc(145 * (var(--rate)));

  top: calc(368 * (var(--rate)));

  left: calc(140 * (var(--rate)));

  /* transition: opacity 0.35s cubic-bezier(0.55, 0.05, 0.675, 0.19) 1.45s; */

}



#lp_contents .sec_mv .main_badge {

  width: calc(116 * (var(--rate)));

  position: absolute;

  top: calc(272 * (var(--rate)));

  left: calc(121 * (var(--rate)));

  z-index: 1;



  -webkit-mask: url(../../img/202606/main/main_badge_mask.svg) no-repeat center / 100% 100%;

  mask: url(../../img/202606/main/main_badge_mask.svg) no-repeat center / 100% 100%;



  overflow: hidden;

}



#lp_contents .sec_mv .main_badge img {

  width: 100%;

  display: block;

  position: relative;

}



#lp_contents .sec_mv .main_badge::after {

  animation: 4s 0s shine linear infinite;

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 75%);

  content: '';

  height: 100%;

  left: -100%;

  position: absolute;

  top: 0;

  transform: skewX(-15deg);

  width: 100%;

}



@keyframes shine {

  10% {

    left: 100%;

  }



  100% {

    left: 100%;

  }

}



#lp_contents .sec_mv .logo_ck {

  width: calc(160 * (var(--rate)));

  margin: calc(42 * (var(--rate))) auto calc(17 * (var(--rate)));

}



#lp_contents .sec_mv .sec_lead {

  font-weight: 800;

  font-size: calc(24 * (var(--rate)));

  letter-spacing: .15em;

  line-height: calc(36/24);

  color: var(--color_1);

  padding-left: calc(4 * (var(--rate)));

}



#lp_contents .sec_mv .link_txt {

  font-weight: 800;

  font-size: calc(16 * (var(--rate)));

  color: var(--color_1);

  margin-top: calc(18 * (var(--rate)));

  display: flex;

  align-items: center;

  justify-content: center;

}



#lp_contents .sec_mv .link_txt::after {

  content: "";

  background: url(../../img/202606/main/link_arrow.svg) no-repeat center / 100%;

  width: calc(8 * (var(--rate)));

  height: calc(12 * (var(--rate)));

  display: block;

}



#lp_contents .sec_mv .sec_note {

  font-size: calc(12 * (var(--rate)));

  font-weight: 400;

  line-height: calc(21/12);

  color: var(--color_8);

  margin-top: calc(17 * (var(--rate)));

}



#lp_contents .sec_mv .cmpn_anker {

  display: flex;

  justify-content: center;

  gap: calc(20 * (var(--rate)));

  margin-top: calc(24 * (var(--rate)));

}



#lp_contents .sec_mv .cmpn_anker li {

  position: relative;

  width: calc(130 * (var(--rate)));

  height: calc(130 * (var(--rate)));

}



#lp_contents .sec_mv .cmpn_anker .txt_10off {

  padding-top: calc(33 * (var(--rate)));

  transition-delay: 1s;

}



#lp_contents .sec_mv .cmpn_anker .txt_25point {

  padding-top: calc(19 * (var(--rate)));

  padding-left: calc(8 * (var(--rate)));

  transition-delay: 1.5s;

}



#lp_contents .sec_mv .cmpn_anker li:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: calc(130 * (var(--rate)));

  height: calc(125 * (var(--rate)));

  margin: auto;

  /* background-image: url(/page/lp/theorganicdays/img/202606/shape_01.svg); */

  background-repeat: no-repeat;

  background-size: 100%;

  filter: drop-shadow(0 0 calc(20 * (var(--rate))) #0000001A);

  /* animation: rotate 10s linear infinite; */

  z-index: 1;

  background-color: var(--color_1);

  -webkit-mask: url("/page/lp/theorganicdays/img/202606/shape_01.svg") no-repeat center / contain;

  mask: url("/page/lp/theorganicdays/img/202606/shape_01.svg") no-repeat center / contain;

}



#lp_contents .sec_mv .cmpn_anker a {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 2;

  pointer-events: painted;

}



#lp_contents .sec_mv .cmpn_anker img {

  position: relative;

  z-index: 2;

  margin: auto;

}



#lp_contents .sec_mv .cmpn_anker .txt_10off img {

  width: calc(95 * (var(--rate)));

}



#lp_contents .sec_mv .cmpn_anker .txt_25point img {

  width: calc(88 * (var(--rate)));

}



#lp_contents .sec_mv .cmpn_anker .arrow {

  position: absolute;

  top: auto;

  left: 0;

  right: 0;

  bottom: calc(18 * (var(--rate)));

  margin: auto;

  border-color: var(--color_white);

  z-index: 2;

  transition: all 0.5s;

}



#lp_contents .sec_mv .cmpn_anker li:hover .arrow {

  bottom: calc(14 * (var(--rate)));

}



/* sec_mv 6/18追加分

==================================*/



#lp_contents .sec_mv .event_lead {

  position: relative;

  z-index: 0;

}



#lp_contents .sec_mv .event_lead-en {

  font-family: var(--font_eng);

  font-size: calc(25 * (var(--rate)));

  line-height: 1.2;

  color: var(--color_1);

  letter-spacing: 0;

}



#lp_contents .sec_mv .event_lead-ja {

  font-weight: 800;

  font-size: calc(15 * (var(--rate)));

  color: var(--color_1);

  margin-top: calc(14 * (var(--rate)));

  margin-bottom: calc(-4 * (var(--rate)));

  line-height: calc(33 / 15);

}



#lp_contents .sec_mv .mv_nav {

  margin-top: calc(57 * (var(--rate)));

}



#lp_contents .sec_mv .mv_nav_list {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 1px;

}



#lp_contents .sec_mv .mv_nav_list li {

  background: #94B7DE;

}



#lp_contents .sec_mv .mv_nav_list li a {

  padding: calc(11 * (var(--rate))) 0;

  position: relative;

}



#lp_contents .sec_mv .mv_nav_list li a::after {

  content: "";

  background: var(--color_white);

  mask: url(../../img/202606/main/link_arrow.svg) no-repeat center / contain;

  -webkit-mask: url(../../img/202606/main/link_arrow.svg) no-repeat center / contain;

  width: calc(9 * (var(--rate)));

  height: calc(14 * (var(--rate)));

  position: absolute;

  top: 50%;

  transform: translateY(-50%) rotate(90deg);

  right: calc(13 * (var(--rate)));

}



#lp_contents .sec_mv .mv_nav_list li .mv_nav_ttl {

  font-size: calc(14 * (var(--rate)));

  font-weight: 800;

  letter-spacing: .15em;

  color: var(--color_white);

  padding-right: calc(16 * (var(--rate)));

}









/* sec_muse

==================================*/

#lp_contents .sec_muse {

  padding: calc(60 * (var(--rate))) calc(25 * (var(--rate))) calc(45 * (var(--rate)));

  background: var(--color_1);

}



#lp_contents .sec_muse .character {

  width: 100%;

}



#lp_contents .sec_muse .sec_lead {

  color: var(--color_white);

  font-size: calc(16 * (var(--rate)));

  font-weight: 800;

  line-height: calc(28/16);

  margin-top: calc(29 * (var(--rate)));

}



#lp_contents .sec_muse .accordion {

  background: var(--color_white);

  border-radius: calc(10 * (var(--rate)));

}



#lp_contents .sec_muse .accordion.is-open {

  margin-top: calc(16 * (var(--rate)));

}



#lp_contents .sec_muse .accordion_txt {

  color: var(--color_font);

  font-size: calc(14 * (var(--rate)));

  font-weight: 500;

  line-height: calc(24.5/14);

  text-align: justify;

  padding: calc(24 * (var(--rate))) calc(20 * (var(--rate)));

}



#lp_contents .sec_muse .accordion a {

  display: inline;

  text-decoration: underline;

  color: var(--color_1);

}





/* sec_event

==================================*/



#lp_contents .sec_event {

  padding-bottom: calc(60 * (var(--rate)));

}



#lp_contents .sec_event_2 {

  background: var(--color_1);

  padding-top: calc(60 * (var(--rate)));

}



#lp_contents .sec_event .event_item {

  position: relative;

}



#lp_contents .sec_event .event_item::before {

  content: "";

  width: calc(30 * (var(--rate)));

  height: calc(30 * (var(--rate)));

  background: url(../../img/202606/main/star_1.png) no-repeat center / 100%;

  position: relative;

  display: block;

  margin: calc(31 * (var(--rate))) auto calc(24 * (var(--rate)));

}



#lp_contents .sec_event .event_item:nth-of-type(2):before {

  background: url(../../img/202606/main/star_3.png) no-repeat center / 100%;

  margin: calc(31 * (var(--rate))) auto calc(18 * (var(--rate)));

}



#lp_contents .sec_event .event_item .event_ttl,

#lp_contents .sec_event .event_item .event_lead {

  font-size: calc(20 * (var(--rate)));

  font-weight: 800;

  letter-spacing: .15em;

  line-height: calc(30/20);

  color: var(--color_1);

}



#lp_contents .sec_event .event_item:nth-of-type(2) .event_ttl {}



#lp_contents .sec_event .event_item .event_lead {

  margin-top: calc(30 * (var(--rate)));

  letter-spacing: .05em;

}



#lp_contents .sec_event .event_date {

  padding: 0;

  background-color: unset;

}



#lp_contents .sec_event .event_date-day {

  margin: calc(5 * (var(--rate))) auto 0;

  background: var(--color_white);

  width: fit-content;

  padding: calc(6 * (var(--rate))) calc(12 * (var(--rate))) calc(4 * (var(--rate))) calc(19 * (var(--rate)));

  border-radius: calc(16 * (var(--rate)));

  font-size: calc(22 * (var(--rate)));

}



#lp_contents .sec_event .event_date-day .ja {

  font-weight: 800;

  font-size: calc(18 * (var(--rate)));

}



#lp_contents .sec_event .event_item .event_date-day .week {

  width: calc(21 * (var(--rate)));

  height: calc(21 * (var(--rate)));

  margin-right: calc(0 * (var(--rate)));

}



#lp_contents .sec_event .event_item .event_date-day .time {

  font-size: calc(17 * (var(--rate)));

  margin-left: calc(0 * (var(--rate)));

}



#lp_contents .sec_event .event_item .event_date-day .ja {

  font-size: calc(20 * (var(--rate)));

  letter-spacing: .15em;

}



#lp_contents .sec_event .event_item .frame {

  margin-top: calc(19 * (var(--rate)));

}



#lp_contents .sec_event .character {

  position: absolute;

  z-index: 1;

}



#lp_contents .sec_event .character_1 {

  width: calc(135 * (var(--rate)));

  position: absolute;

  bottom: calc(-60 * (var(--rate)));

  right: calc(-44 * (var(--rate)));

}



#lp_contents .sec_event .character_2 {

  width: calc(110 * (var(--rate)));

  position: absolute;

  bottom: calc(-125 * (var(--rate)));

  left: calc(-28 * (var(--rate)));

}



#lp_contents .sec_event .event_item:nth-of-type(2) .frame {

  padding-bottom: calc(18 * (var(--rate)));

}



#lp_contents .sec_event .event_item .event_img {

  width: calc(300 * (var(--rate)));

  margin: calc(30 * (var(--rate))) auto 0;

}



#lp_contents .sec_event .event_item .event_txt {

  font-size: calc(16 * (var(--rate)));

  font-weight: 700;

  line-height: calc(28/16);

  color: var(--color_font);

  margin-top: calc(13 * (var(--rate)));

}



#lp_contents .sec_event .event_item:nth-of-type(2) .event_txt {

  margin-top: calc(17 * (var(--rate)));

}



#lp_contents .sec_event .event_item .frame_inner {

  background: #F8F8F8;

  border-radius: calc(10 * (var(--rate)));

  margin: calc(18 * (var(--rate))) calc(24 * (var(--rate))) 0;

}



#lp_contents .sec_event .event_item .frame_inner .event_txt {

  margin: 0;

  padding-top: calc(13 * (var(--rate)));

}



#lp_contents .sec_event .event_item .frame_inner .event_steps {

  margin-top: calc(4 * (var(--rate)));

  padding-left: calc(45 * (var(--rate)));

  padding-bottom: calc(13 * (var(--rate)));

}



#lp_contents .sec_event .event_item .frame_inner .event_steps li {

  font-size: calc(16 * (var(--rate)));

  font-weight: 500;

  line-height: calc(28/16);

  text-align: left;

  counter-increment: item;

  position: relative;

}



#lp_contents .sec_event .event_item .frame_inner .event_steps li:not(:first-of-type) {

  margin-top: calc(4 * (var(--rate)));

}



#lp_contents .sec_event .event_item .frame_inner .event_steps li::before {

  content: counter(item);

  position: absolute;

  top: calc(3 * (var(--rate)));

  left: calc(-30 * (var(--rate)));

  font-size: calc(12 * (var(--rate)));

  color: var(--color_white);

  background: var(--color_1);

  width: calc(20 * (var(--rate)));

  height: calc(20 * (var(--rate)));

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;

  letter-spacing: 0;

}



#lp_contents .sec_event .event_induction {

  font-size: calc(14 * (var(--rate)));

  font-weight: 500;

  margin-top: calc(16 * (var(--rate)));

  display: flex;

  align-items: center;

  justify-content: center;

}



#lp_contents .sec_event .event_induction::before,

#lp_contents .sec_event .event_induction::after {

  content: "";

  width: 2px;

  height: calc(14 * (var(--rate)));

  display: block;

  background: var(--color_font);

}



#lp_contents .sec_event .event_induction::before {

  transform: rotate(-30deg);

  margin-right: calc(8 * (var(--rate)));

}



#lp_contents .sec_event .event_induction::after {

  transform: rotate(30deg);

  margin-left: calc(8 * (var(--rate)));

}



#lp_contents .sec_event .link_btn {

  font-size: calc(18 * (var(--rate)));

  gap: calc(5 * (var(--rate)));

  margin-top: calc(11 * (var(--rate)));

  margin-bottom: calc(18 * (var(--rate)));

  box-shadow: 0 calc(6 * (var(--rate))) 0 var(--color_1);

}



#lp_contents .sec_event .link_btn::after {

  content: "";

  width: calc(8 * (var(--rate)));

  height: calc(12 * (var(--rate)));

  background-color: var(--color_white);

  -webkit-mask: url("/page/lp/theorganicdays/img/202606/main/link_arrow.svg") no-repeat center / contain;

  mask: url("/page/lp/theorganicdays/img/202606/main/link_arrow.svg") no-repeat center / contain;

  position: absolute;

  top: 50%;

  right: calc(18 * (var(--rate)));

  transform: translateY(-50%);

}



#lp_contents .sec_event .link_btn img {

  width: calc(25 * (var(--rate)));

}



#lp_contents .sec_event .event_ttl {

  font-size: calc(22 * (var(--rate)));

  font-weight: 800;

  color: var(--color_white);

}



#lp_contents .sec_event .event_ttl img {

  display: block;

  width: calc(240 * (var(--rate)));

  margin: 0 auto calc(9 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list {

  margin-top: calc(40 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list li {

  position: relative;

  padding-top: calc(37 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list li:nth-of-type(2) {

  margin-top: calc(44 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list li:nth-of-type(3) {

  margin-top: calc(39 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_num {

  width: calc(93 * (var(--rate)));

  margin: calc(-60 * (var(--rate))) auto 0;

  animation-delay: .4s;

}



#lp_contents .sec_event_2 .event_list .event_lead {

  font-size: calc(16 * (var(--rate)));

  font-weight: 800;

  line-height: calc(28/16);

  color: var(--color_1);

}



#lp_contents .sec_event_2 .event_list .link_txt {

  color: var(--color_1);

  font-size: calc(14 * (var(--rate)));

  letter-spacing: .1em;

  text-decoration: underline;

  justify-content: flex-end;

  gap: calc(3 * (var(--rate)));

  padding-right: calc(20 * (var(--rate)));

  margin-top: calc(15 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .link_txt .arrow {

  rotate: -45deg;

  color: var(--color_1);

}



#lp_contents .sec_event_2 .event_list .event_txt {

  font-size: calc(14 * (var(--rate)));

  font-weight: 500;

  line-height: calc(24.5/14);

}



#lp_contents .sec_event_2 .event_list .event_ttl {

  font-size: calc(23 * (var(--rate)));

  line-height: calc(30/23);

  color: var(--color_1);

  margin-top: calc(5 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_ttl .sm {

  display: block;

  font-size: calc(16 * (var(--rate)));

  margin-bottom: calc(7 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_date {

  margin-top: calc(15 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_2 .event_date {

  margin-top: calc(11 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_date-day {

  background: var(--color_bg_main);

  gap: calc(6 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_date-day .time {

  font-size: calc(17 * (var(--rate)));

  margin-left: 0;

}



#lp_contents .sec_event_2 .event_list .event_date-day .week {

  width: calc(21 * (var(--rate)));

  height: calc(21 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_3 .event_date-day {

  font-family: var(--font-base);

  font-size: calc(16 * (var(--rate)));

  font-weight: 800;

  margin-bottom: calc(21 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_img {

  margin: calc(21 * (var(--rate))) auto calc(17 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_1 .event_img {

  width: calc(320 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_2 .event_img {

  width: calc(320 * (var(--rate)));

}



#lp_contents .sec_event_2 .event_list .event_3 .event_img {

  width: calc(260 * (var(--rate)));

  margin: calc(17 * (var(--rate))) auto calc(17 * (var(--rate)));

}



#lp_contents .sec_event_2 .link_btn {

  font-size: calc(16 * (var(--rate)));

  margin-top: calc(17 * (var(--rate)));

  margin-bottom: calc(10 * (var(--rate)));

}



#lp_contents .sec_event .best_cosme {}



#lp_contents .sec_event .best_cosme .slide_wrap {

  width: calc(300 * (var(--rate)));

  margin: calc(71 * (var(--rate))) auto 0;

  position: relative;

}



#lp_contents .sec_event .brand_list {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: calc(4 * (var(--rate))) calc(3 * (var(--rate)));

  margin: calc(30 * (var(--rate))) calc(20 * (var(--rate))) calc(6 * (var(--rate)));

  overflow: hidden;

  position: relative;

}



#lp_contents .sec_event .brand_list.before::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);

}



#lp_contents .sec_event .brand_list li {}



#lp_contents .sec_event .event_date_comison {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(-5deg);

  z-index: 2;

  box-shadow: 0 0 calc(20 * (var(--rate))) rgba(0, 0, 0, 0.16);

}



#lp_contents .sec_event .event_date_comison .event_date-day {

  background: #FDF2FD;

  border-radius: 0;

  margin: 0;

  flex-wrap: nowrap;

  padding: calc(15 * (var(--rate))) calc(27 * (var(--rate)));

  width: auto;

  font-size: calc(23 * (var(--rate)));

  align-items: center;

}



#lp_contents .sec_event .event_date_comison .event_date-day span {

  white-space: nowrap;

}



#lp_contents .sec_event .event_date_comison .event_date-day .ja {

  font-size: calc(18 * (var(--rate)));

}



/* sec_cmpn

==================================*/

#lp_contents .sec_cmpn {

  background: url(../../img/202606/main/sec_cmpn_bg.jpg) no-repeat center / cover;

  gap: calc(27 * (var(--rate)));

  padding-top: calc(62 * (var(--rate)));

  padding-bottom: calc(63 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_list {

  display: grid;

  gap: calc(31 * (var(--rate)));

}



#lp_contents .sec_cmpn .frame {

  gap: calc(30 * (var(--rate)));

  padding: calc(32 * (var(--rate))) calc(20 * (var(--rate))) calc(26 * (var(--rate)));

  border-radius: calc(20 * (var(--rate)));

}



/*cmpn_wrap*/

#lp_contents .sec_cmpn .cmpn_wrap {

  display: grid;

  gap: calc(15 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_3 .cmpn_wrap {

  gap: calc(22 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_num {

  font-family: var(--font_eng);

  font-size: calc(16 * (var(--rate)));

  line-height: 1;

  color: var(--color_1);

}



#lp_contents .sec_cmpn .cmpn_num .num {

  font-size: calc(22 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_ttl {

  position: relative;

  display: grid;

  gap: calc(16 * (var(--rate)));

  color: var(--color_1);

}



#lp_contents .sec_cmpn .cmpn_lead {

  font-size: calc(18 * (var(--rate)));

  font-weight: 800;

  line-height: 1;

}



#lp_contents .sec_cmpn .cmpn_txt {

  font-size: calc(16 * (var(--rate)));

  font-weight: 600;

  line-height: 1.75;

}



#lp_contents .sec_cmpn .cmpn_main_txt {

  font-size: calc(28 * (var(--rate)));

  font-weight: inherit;

  line-height: 1;

}



#lp_contents .sec_cmpn .cmpn_3 .cmpn_main_txt {

  font-size: calc(22 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_main_txt sup {

  font-size: 30%;

  transform: translateY(calc(-5 * (var(--rate))));

}



#lp_contents .sec_cmpn .cmpn_2 .cmpn_main_txt {

  font-size: calc(22 * (var(--rate)));

  font-weight: 900;

}



#lp_contents .sec_cmpn .cmpn_main_txt .border {

  padding: 0 calc(5 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_main_txt .eng .big {

  font-size: calc(36 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_2 .cmpn_main_txt .eng .big {

  font-size: calc(30 * (var(--rate)));

  font-weight: inherit;

}



#lp_contents .sec_cmpn .cmpn_icon {

  display: grid;

  align-items: center;

  grid-template-columns: calc(98 * (var(--rate))) 1fr;

  gap: calc(15 * (var(--rate)));

  width: 100%;

  padding: calc(15 * (var(--rate))) calc(24 * (var(--rate))) calc(11 * (var(--rate)));

  background-color: var(--color_6);

  border: 1px solid var(--color_9);

  border-radius: calc(10 * (var(--rate)));

  margin-top: calc(10 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_2 .cmpn_icon {

  margin-top: calc(7 * (var(--rate)));

}



#lp_contents .sec_cmpn .cmpn_icon p {

  text-align: left;

  font-size: calc(14 * (var(--rate)));

  font-weight: 500;

  line-height: 1.5;

  letter-spacing: 0;

}



#lp_contents .sec_cmpn .icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: calc(24 * (var(--rate)));

  font-family: "Noto Sans JP", sans-serif;

  font-size: calc(12 * (var(--rate)));

  line-height: 1;

}



#lp_contents .sec_cmpn .icon.limited {

  background-color: #F3DED7;

  font-size: calc(12 * (var(--rate)));

  font-weight: 400;

  letter-spacing: .05em;

}



#lp_contents .sec_cmpn .icon.point {

  background-color: #F1F2D3;

  font-size: calc(12 * (var(--rate)));

  font-weight: 400;

  letter-spacing: .05em;

}



#lp_contents .sec_cmpn .tips_note {

  font-size: calc(13 * (var(--rate)));

  line-height: 1;

}



#lp_contents .sec_cmpn .note {

  margin-top: calc(4 * (var(--rate)));

  line-height: calc(19/11);

  font-size: calc(11 * (var(--rate)));

}





/* sec_calender

==================================*/

#lp_contents .sec_calender {

  gap: calc(27 * (var(--rate)));

  padding-top: calc(62 * (var(--rate)));

  padding-inline: calc(13 * (var(--rate)));

}



#lp_contents .sec_calender .sec_ttl {

  position: relative;

}



#lp_contents .sec_calender .sec_ttl::before {

  content: "";

  width: calc(30 * (var(--rate)));

  height: calc(30 * (var(--rate)));

  background: url(../../img/202606/main/star_1.png) no-repeat center / 100%;

  position: relative;

  display: block;

  margin: 0 auto calc(18 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap {

  display: grid;

  gap: calc(20 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap dl {

  display: flex;

  align-items: start;

  justify-content: right;

  gap: calc(25 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .event_date-day {

  justify-content: right;

  font-size: calc(18 * (var(--rate)));

  color: var(--color_1);

  margin-top: calc(6 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .event_date-day .week {

  width: calc(20 * (var(--rate)));

  height: calc(20 * (var(--rate)));

  font-size: calc(12 * (var(--rate)));

  background-color: var(--color_1);

  color: var(--color_white);

}



#lp_contents .sec_calender .calendar_wrap .event_date-day .time {

  font-size: calc(13 * (var(--rate)));

  margin-top: calc(-4 * (var(--rate)));

  margin-right: calc(17 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .event_date-day:after {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  right: calc(-20 * (var(--rate)));

  margin: auto;

  width: calc(8 * (var(--rate)));

  height: calc(8 * (var(--rate)));

  border-radius: 100%;

  background-color: var(--color_1);

  z-index: 2;

}



#lp_contents .sec_calender .calendar_wrap dd {

  position: relative;

  display: grid;

  gap: calc(15 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .speech_block {

  position: relative;

}



#lp_contents .sec_calender .calendar_wrap .speech_block:before {

  content: '';

  position: absolute;

  top: calc(15 * (var(--rate)));

  left: calc(-9.5 * (var(--rate)));

  width: 1px;

  height: calc(100% + calc(25 * (var(--rate))));

  background-color: var(--color_1);

}



#lp_contents .sec_calender .calendar_wrap .ComingSoon:before,

#lp_contents .sec_calender .calendar_wrap .start:before {

  height: calc(100% + calc(65 * (var(--rate))));

  background-color: initial;

  background-image: linear-gradient(to bottom, var(--color_1) 3px, transparent 3px);

  background-size: 3px 8px;

  background-repeat: repeat-y;

  background-position: left bottom;

  top: calc(-15 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .start:before {

  top: calc(25 * (var(--rate)));

  height: calc(100% - calc(20 * (var(--rate))));

}



#lp_contents .sec_calender .calendar_wrap dl:first-child .speech_block:before {

  top: calc(15 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap dl:last-child .speech_block:before {

  content: none;

}



#lp_contents .sec_calender .calendar_wrap .speech {

  position: relative;

  display: grid;

  gap: calc(5 * (var(--rate)));

  width: calc(235 * (var(--rate)));

  margin-left: calc(20 * (var(--rate)));

  border-radius: calc(20 * (var(--rate)));

  padding: calc(13 * (var(--rate))) 0 calc(12 * (var(--rate)));

  background-color: var(--color_white);

}



#lp_contents .sec_calender .calendar_wrap .speech:before {

  content: '';

  position: absolute;

  top: calc(15 * (var(--rate)));

  left: calc(-12 * (var(--rate)));

  width: calc(14 * (var(--rate)));

  height: calc(13 * (var(--rate)));

  background-image: url(../../img/202606/main/speech_arrow.svg);

  background-repeat: no-repeat;

  background-size: 100%;

}



#lp_contents .sec_calender .calendar_wrap .event_ttl {

  font-size: calc(16 * (var(--rate)));

  font-weight: bold;

  line-height: 1.5;

  color: var(--color_1);

}



#lp_contents .sec_calender .calendar_wrap .event_ttl .tag {

  font-size: calc(12 * (var(--rate)));

  font-family: var(--font_eng);

  background: var(--color_7);

  border-radius: calc(4 * (var(--rate)));

  padding: calc(4 * (var(--rate)));

  margin-right: calc(5 * (var(--rate)));

}



#lp_contents .sec_calender .calendar_wrap .link_txt {

  color: var(--color_1);

  text-decoration: underline;

}



#lp_contents .sec_calender .calendar_wrap .event_lead {

  font-weight: 800;

  line-height: 1.2;

}



#lp_contents .sec_calender .calendar_wrap .event_txt {

  text-align: left;

  font-size: calc(15 * (var(--rate)));

  line-height: 1.75;

}



#lp_contents .sec_calender .calendar_wrap .link_txt .arrow {

  rotate: -135deg;

}



#lp_contents .sec_calender .calendar_wrap .muse .event_ttl {

  color: #D36592;

}



#lp_contents .sec_calender .calendar_wrap .ComingSoon .speech {

  background-color: var(--color_white);

}



#lp_contents .sec_calender .calendar_wrap .ComingSoon .speech:before {

  background-image: url(../../img/202606/speech_arrow-white.svg);

}



#lp_contents .sec_calender .calendar_wrap .ComingSoon .event_ttl {

  color: var(--color_sub);

  font-weight: 500;

}



#lp_contents .sec_calender .calendar_wrap .start .speech {

  background-color: #FFFFE2;

}



#lp_contents .sec_calender .calendar_wrap .start .speech:before {

  background-image: url(../../img/202606/main/speech_arrow-yellow.svg);

}



/* sec_calender 6/18追加分

==================================*/



#lp_contents .sec_calender.after {

  padding-inline: 0;

}



#lp_contents .sec_calender .tab_wrap {}



#lp_contents .sec_calender .tab_btn {

  display: flex;

  gap: calc(2 * (var(--rate)));

}



#lp_contents .sec_calender .tab_btn li {

  cursor: pointer;

  width: calc(100%/7);

  background: var(--color_white);

  color: var(--color_1);

  border-radius: calc(5 * (var(--rate))) calc(5 * (var(--rate))) 0 0;

  font-family: var(--font_eng);

  font-size: calc(18 * (var(--rate)));

}



#lp_contents .sec_calender .tab_btn li.is-active {

  background: var(--color_7);

}



#lp_contents .sec_calender .tab_btn li span {

  display: block;

  font-family: var(--font_eng);

  font-size: calc(10 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents {

  background: var(--color_white);

  margin-top: calc(2 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents li {

  display: none;

}



#lp_contents .sec_calender .tab_contents li.is-active {

  display: block;

}



#lp_contents .sec_calender .tab_content_item_inner {

  display: grid;

  gap: calc(10 * (var(--rate)));

  padding-top: calc(10 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents .frame {

  padding-inline: calc(10 * (var(--rate)));

}



/* #lp_contents .sec_calender .tab_contents .frame.present {

  background: #FFE2EB;

  border: 1px solid #D5798F;

}



#lp_contents .sec_calender .tab_contents .frame.present {

  background: #FFE2EB;

  border: 1px solid #D5798F;

}



#lp_contents .sec_calender .tab_contents .frame.sale {

  background: #DCEDE3;

  border: 1px solid #539A35;

}



#lp_contents .sec_calender .tab_contents .frame.live {

  background: #E2D9EE;

  border: 1px solid #A880B4;

} */



#lp_contents .sec_calender .tab_contents .content_ttl_wrap {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

}



#lp_contents .sec_calender .tab_contents .content_ttl_inner {}



#lp_contents .sec_calender .tab_contents .content_ttl {

  font-size: calc(18 * (var(--rate)));

  font-weight: 800;

  border-radius: calc(18 * (var(--rate)));

  padding: calc(8 * (var(--rate))) calc(18 * (var(--rate)));

  margin: 0 auto;

}



#lp_contents .sec_calender .tab_contents .present .content_ttl {

  color: #D5798F;

}



#lp_contents .sec_calender .tab_contents .sale .content_ttl {

  color: #539A35;

}



#lp_contents .sec_calender .tab_contents .event .content_ttl {

  color: #A880B4;

}



#lp_contents .sec_calender .tab_contents .content_ttl_wrap::before {

  content: "";

  width: calc(35 * (var(--rate)));

  height: calc(35 * (var(--rate)));

  display: block;

  margin-right: calc(24 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents .present .content_ttl_wrap::before {

  background: url(../../img/202606/main/icon_present.svg) no-repeat center / 100%;

}



#lp_contents .sec_calender .tab_contents .sale .content_ttl_wrap::before {

  background: url(../../img/202606/main/icon_sale.svg) no-repeat center / 100%;

}



#lp_contents .sec_calender .tab_contents .event .content_ttl_wrap::before {

  background: url(../../img/202606/main/icon_event.svg) no-repeat center / 100%;

}



#lp_contents .sec_calender .tab_contents .note {

  font-size: calc(10 * (var(--rate)));

  font-weight: 400;

  color: var(--color_8);

  display: block;

}



#lp_contents .sec_calender .tab_contents .content_subttl {

  font-size: calc(15 * (var(--rate)));

  font-weight: 800;

}



#lp_contents .sec_calender .tab_contents .content_img {

  width: 100%;

  border: calc(10 * (var(--rate)));

  overflow: hidden;

}



#lp_contents .sec_calender .tab_contents .content_txt {

  font-size: calc(13 * (var(--rate)));

  font-weight: 500;

  line-height: calc(22.75/13);

}



#lp_contents .sec_calender .tab_contents .present .content_txt {

  text-align: justify;

}



#lp_contents .sec_calender .tab_contents .live .live_wrap {

  display: flex;

  gap: calc(10 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents .live .live_img {

  width: calc(125 * (var(--rate)));

  height: calc(125 * (var(--rate)));

  border-radius: 50%;

  background: #fcfcfc;

  position: relative;

  flex-shrink: 0;

}



#lp_contents .sec_calender .tab_contents .live .live_link {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  font-size: calc(11 * (var(--rate)));

  font-family: "Inter";

  letter-spacing: .05em;

  background: var(--color_font);

  color: var(--color_white);

  border-radius: calc(11 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents .live .live_link a {

  padding: calc(11 * (var(--rate))) calc(11 * (var(--rate)));

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

}



#lp_contents .sec_calender .tab_contents .live .live_link a::after {

  content: "";

  width: calc(9 * (var(--rate)));

  height: calc(9 * (var(--rate)));

  display: block;

  margin-left: calc(24 * (var(--rate)));

  background: url(../../img/202606/main/icon_link.svg) no-repeat center / 100%;

}





#lp_contents .sec_calender .tab_contents .live .live_content {}



#lp_contents .sec_calender .tab_contents .live .live_meta {

  display: flex;

  gap: calc(10 * (var(--rate)));

}



#lp_contents .sec_calender .tab_contents .live .live_time {

  font-size: calc(14 * (var(--rate)));

  font-weight: 600;

  font-family: "Inter";

  letter-spacing: .05em;

  color: var(--color_white);

  background: #A880B4;

  border-radius: calc(14 * (var(--rate)));

  flex-shrink: 0;

}



#lp_contents .sec_calender .tab_contents .live .live_performer {

  font-size: calc(16 * (var(--rate)));

  font-weight: 500;

}



#lp_contents .sec_calender .tab_contents .live .live_txt {

  font-size: calc(13 * (var(--rate)));

  letter-spacing: .05em;

  text-align: justify;

}



















/* sec_feature

==================================*/

#lp_contents .sec_feature {

  padding: 0;

}



#lp_contents .sec_feature_inner {

  background: var(--color_white);

  margin-top: calc(153 * (var(--rate)));

  padding: calc(44 * (var(--rate))) calc(44 * (var(--rate))) calc(35 * (var(--rate)));

  border-radius: calc(50 * (var(--rate)));

  z-index: 0;

}



#lp_contents .sec_feature .character {

  position: absolute;

}



#lp_contents .sec_feature .character_1 {

  width: calc(300 * (var(--rate)));

  top: calc(-26 * (var(--rate)));

  left: 50%;

  transform: translate(-50%);

  z-index: -1;

}



#lp_contents .sec_feature .character_2 {

  width: calc(130 * (var(--rate)));

  top: calc(-140 * (var(--rate)));

  left: calc(13 * (var(--rate)));

}



#lp_contents .sec_feature .character_2 img {

  transform-origin: bottom center;

}



#lp_contents .sec_feature .deco_star_1 {

  top: calc(20 * (var(--rate)));

  left: calc(80 * (var(--rate)));

}



#lp_contents .sec_feature .deco_star_2 {

  top: calc(60 * (var(--rate)));

  left: calc(53 * (var(--rate)));

}



#lp_contents .sec_feature .deco_star_3 {

  top: calc(104 * (var(--rate)));

  right: calc(75 * (var(--rate)));

}



#lp_contents .sec_feature .deco_star_4 {

  top: calc(74 * (var(--rate)));

  right: calc(56 * (var(--rate)));

}



#lp_contents .sec_feature .sec_lead {

  color: var(--color_1);

  line-height: calc(28/16);

  font-weight: 700;

  margin-top: calc(14 * (var(--rate)));

}



#lp_contents .sec_feature .feature_list {

  margin-top: calc(26 * (var(--rate)));

}



#lp_contents .sec_feature .feature_item {

  position: relative;

}



#lp_contents .sec_feature .feature_item:not(:first-of-type) {

  margin-top: calc(25 * (var(--rate)));

}



#lp_contents .sec_feature .feature_item a {

  position: relative;

}



#lp_contents .sec_feature .feature_bnr {

  width: 100%;

  margin: 0 auto;

}



#lp_contents .sec_feature .feature_label {

  position: absolute;

  bottom: calc(7 * (var(--rate)));

  right: calc(9 * (var(--rate)));

  font-size: calc(14 * (var(--rate)));

  font-weight: 800;

  font-family: "Inter";

  border-radius: calc(16 * (var(--rate)));

  padding: calc(4 * (var(--rate))) calc(15 * (var(--rate))) calc(4 * (var(--rate))) calc(16 * (var(--rate)));

  color: var(--color_white);

  background: var(--color_button);

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: calc(6 * (var(--rate)));

}



#lp_contents .sec_feature .feature_label::after {

  content: "";

  width: calc(8 * (var(--rate)));

  height: calc(12 * (var(--rate)));

  background-color: var(--color_white);

  -webkit-mask: url(/page/lp/theorganicdays/img/202606/main/link_arrow.svg) no-repeat center / contain;

  mask: url(/page/lp/theorganicdays/img/202606/main/link_arrow.svg) no-repeat center / contain;

  display: block;

}



#lp_contents .sec_feature .feature_ttl {

  text-align: right;

  font-weight: 800;

  line-height: calc(28/16);

  margin-top: calc(14 * (var(--rate)));

}



#lp_contents .sec_feature .feature_item:nth-of-type(even) .feature_ttl {

  text-align: left;

}













/* sec_line

==================================*/

#lp_contents .sec_line {

  background-color: var(--color_6);

  padding-top: calc(75 * (var(--rate)));

}



#lp_contents .sec_line .line_wrap {

  position: relative;

  display: grid;

  gap: calc(20 * (var(--rate)));

  width: calc(360 * (var(--rate)));

  margin: 0 auto calc(6 * (var(--rate)));

  padding: calc(35 * (var(--rate))) 0 calc(45 * (var(--rate)));

  border: 2px solid var(--color_line);

  border-radius: calc(20 * (var(--rate)));

  background-color: var(--color_white);

}



#lp_contents .sec_line .coupon_ttl {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: fit-content;

  margin: auto;

  padding: calc(5 * (var(--rate))) calc(20 * (var(--rate)));

  background-color: var(--color_line);

  border-radius: calc(100 * (var(--rate)));

  transform: translateY(-50%);

  z-index: 2;

  font-family: var(--font_eng);

  font-size: calc(16 * (var(--rate)));

  line-height: 1.2;

  color: var(--color_white);

}



#lp_contents .sec_line .line_txt {

  line-height: 1.75;

}



#lp_contents .sec_line .line_txt .bold {

  padding-bottom: calc(1 * (var(--rate)));

  font-size: calc(18 * (var(--rate)));

  color: var(--color_line);

  background-image: linear-gradient(to right, var(--color_line) 3px, transparent 3px);

  background-size: 6px 3px;

  background-repeat: repeat-x;

  background-position: left bottom;

}



#lp_contents .sec_line .line_lead {

  font-size: calc(18 * (var(--rate)));

  font-weight: 700;

  line-height: 1.75;

}



#lp_contents .sec_line .line_btn {

  display: grid;

  gap: calc(16 * (var(--rate)));

}



#lp_contents .sec_line .coupon_txt {

  font-size: calc(14 * (var(--rate)));

  line-height: 1.5;

}



#lp_contents .sec_line .link_btn {

  width: calc(250 * (var(--rate)));

  background-color: var(--color_line);

  font-size: calc(18 * (var(--rate)));

  font-weight: 500;

  box-shadow: 0 calc(6 * (var(--rate))) 0 #234333;

}



#lp_contents .sec_line .link_btn img {

  width: calc(30 * (var(--rate)));

  margin-left: calc(10 * (var(--rate)));

}





/* sec_logo

==================================*/

#lp_contents .sec_logo {

  gap: calc(6 * (var(--rate)));

  padding: calc(80 * (var(--rate))) 0 calc(55 * (var(--rate)));

  overflow: hidden;

}



#lp_contents .sec_logo .deco_star_1 {

  top: calc(64 * (var(--rate)));

  left: calc(78 * (var(--rate)));

}



#lp_contents .sec_logo .deco_star_2 {

  top: calc(103 * (var(--rate)));

  left: calc(52 * (var(--rate)));

}



#lp_contents .sec_logo .deco_star_3 {

  bottom: calc(58 * (var(--rate)));

  right: calc(58 * (var(--rate)));

}



#lp_contents .sec_logo .deco_star_4 {

  bottom: calc(100 * (var(--rate)));

  right: calc(40 * (var(--rate)));

}



#lp_contents .sec_logo .logo_ttl {

  display: grid;

  gap: calc(4 * (var(--rate)));

  font-size: calc(16 * (var(--rate)));

  font-weight: 800;

  letter-spacing: 0.15em;

  line-height: 1.75;

}



#lp_contents .sec_logo .logo_ttl svg {

  display: block;

  width: calc(290 * (var(--rate)));

  margin: auto;

}



#lp_contents .sec_logo .logo_lead {

  font-size: calc(22 * (var(--rate)));

  font-weight: 800;

  letter-spacing: 0.15em;

  line-height: 1.75;

}



#lp_contents .sec_logo .logo_lead .border {

  padding-inline: calc(20 * (var(--rate))) calc(10 * (var(--rate)));

  background: linear-gradient(transparent 50%, var(--color_white) 50%);

}



#lp_contents .sec_logo .logo_ck {

  display: inline-block;

  width: calc(150 * (var(--rate)));

  margin-left: calc(6 * (var(--rate)));

}



/* sec_countdown 6/18追加分

==================================*/



#lp_contents .countdown_wrap {

  position: relative;

  width: calc(200 * (var(--rate)));

  height: calc(109 * (var(--rate)));

  background: url(../../img/202606/main/countdown_bg.png) no-repeat center / 100%;

  margin: calc(43 * (var(--rate))) auto 0;

}



/* #lp_contents .countdown_wrap::before {

  content: "";

  background: url(../../img/202606/main/countdown_bg.png) no-repeat center / 100%;

  width: calc(200 * (var(--rate)));

  height: calc(109 * (var(--rate)));

  position: absolute;

  top: calc(-200 * (var(--rate)));

  left: 0;

} */



#lp_contents .countdown_wrap .countdown_set {}



#lp_contents .countdown_wrap .countdown_set p {

  position: relative;

  display: flex;

  gap: calc(0 * (var(--rate)));

  justify-content: center;

  align-items: flex-end;

  padding-top: calc(28 * (var(--rate)));

}



#lp_contents .countdown_wrap .countdown_set p:nth-of-type(n+2)::before {

  content: ":";

  font-family: var(--font_eng);

  font-size: calc(20 * (var(--rate)));

  color: var(--color_1);

  letter-spacing: 0;

  position: absolute;

  top: calc(20 * (var(--rate)));

  left: calc(20 * (var(--rate)));

}



#lp_contents .countdown_wrap .countdown_time {

  display: flex;

  gap: calc(6 * (var(--rate)));

  justify-content: center;

}



#lp_contents .countdown_wrap .move_time {

  font-family: var(--font_eng);

  font-size: calc(36 * (var(--rate)));

  color: var(--color_1);

  letter-spacing: 0;

  width: calc(64 * (var(--rate)));

  height: calc(58 * (var(--rate)));

}



#lp_contents .countdown_wrap .move_time.hours,

#lp_contents .countdown_wrap .move_time.minutes,

#lp_contents .countdown_wrap .move_time.seconds {

  background: var(--color_white);

  border-radius: calc(10 * (var(--rate)));

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

}



#lp_contents .countdown_wrap .move_time.days {

  font-size: calc(36 * (var(--rate)));

}



#lp_contents .countdown_wrap .units {

  font-family: var(--font_eng);

  font-size: calc(20 * (var(--rate)));

  font-weight: 800;

  color: var(--color_1);

  letter-spacing: .04em;

}



#lp_contents .countdown_wrap .units.days {

  font-size: calc(20 * (var(--rate)));

}











/* sec_about

==================================*/

#lp_contents .sec_about {

  gap: calc(40 * (var(--rate)));

  width: calc(360 * (var(--rate)));

  margin: auto;

  padding: 0 0 calc(48 * (var(--rate)));

  border-radius: calc(20 * (var(--rate)));

  background-color: var(--color_white);

  overflow: hidden;

}



#lp_contents .sec_about .sec_ttl {

  font-size: calc(22 * (var(--rate)));

  color: var(--color_button);

  letter-spacing: .05em;

}



#lp_contents .sec_about .sec_ttl .jpn {

  margin-top: calc(9 * (var(--rate)));

}



#lp_contents .sec_about .about_wrap {

  display: grid;

  gap: calc(25 * (var(--rate)));

  padding: 0 calc(10 * (var(--rate)));

}



#lp_contents .sec_about .about_lead {

  display: grid;

  gap: calc(16 * (var(--rate)));

}



#lp_contents .sec_about .about_lead P {

  font-size: calc(14 * (var(--rate)));

  font-weight: 500;

  line-height: calc(28/14);

}



#lp_contents .sec_about .about_link {

  display: grid;

  justify-content: right;

  gap: calc(10 * (var(--rate)));

  margin-right: calc(10 * (var(--rate)));

}



#lp_contents .sec_about .about_link .link_txt {

  color: var(--color_1);

  font-size: calc(14 * (var(--rate)));

  letter-spacing: .1em;

  text-decoration: underline;

  justify-content: flex-end;

  gap: calc(3 * (var(--rate)));

}



#lp_contents .sec_about .about_link {

  gap: calc(17 * (var(--rate)));

  justify-content: right;

  font-size: calc(14 * (var(--rate)));

}



#lp_contents .sec_about .about_link .arrow {

  rotate: -45deg;

  color: var(--color_1);

}



#lp_contents .sec_about .logo_ck {

  width: calc(180 * (var(--rate)));

  margin: auto;

}



#lp_contents .sec_logo .event_date {

  background: unset;

}



#lp_contents .sec_logo .event_date-day {

  font-size: calc(28 * (var(--rate)));

}



#lp_contents .sec_logo .week {

  width: calc(24 * (var(--rate)));

  height: calc(24 * (var(--rate)));

  font-size: calc(15 * (var(--rate)));

}



#lp_contents .sec_logo .time {

  font-size: calc(25 * (var(--rate)));

}



#lp_contents .sec_logo .event_date-ens {

  font-size: calc(32 * (var(--rate)));

  margin-top: calc(8 * (var(--rate)));

}





/* sec_pickup

==================================*/



#lp_contents .sec_pickup {

  overflow: hidden;

  display: block;

  padding-inline: 0;

}



#lp_contents .sec_pickup__inner {

  position: relative;

  padding-bottom: calc(43 * (var(--rate)));

}



#lp_contents .sec_pickup__inner::before {

  content: "";

  width: calc(30 * (var(--rate)));

  height: calc(30 * (var(--rate)));

  background: url(../../img/202606/main/star_1.png) no-repeat center / 100%;

  position: relative;

  display: block;

  margin: calc(31 * (var(--rate))) auto calc(19 * (var(--rate)));

}



#lp_contents .sec_pickup .item_list {

  margin-top: calc(0 * (var(--rate)));

  padding-left: calc(15 * (var(--rate)));

}



#lp_contents .sec_pickup .item_list__inner {

  display: flex;

  align-items: stretch;

}



#lp_contents .sec_pickup .item_list__item {

  width: calc(162 * (var(--rate))) !important;

  background: var(--color_white);

  height: auto;

  display: flex;

  margin-right: calc(12 * (var(--rate))) !important;

  padding-bottom: calc(14 * (var(--rate)));

  border-radius: calc(4 * (var(--rate)));

  overflow: hidden;

}



#lp_contents .sec_pickup .item_list__img {

  width: calc(162 * (var(--rate)));

}



#lp_contents .sec_pickup .item_list__cat {

  text-align: center;

  background: #F4F4F4;

  padding: calc(10 * (var(--rate))) 0;

}



#lp_contents .sec_pickup .item_list__title {

  font-size: calc(12 * (var(--rate)));

  line-height: calc(18/12);

  letter-spacing: .02em;

  text-align: justify;

  margin-top: calc(10 * (var(--rate)));

  padding-inline: calc(9 * (var(--rate)));

}



#lp_contents .sec_pickup .item_list__price {

  text-align: justify;

  margin-top: calc(2 * (var(--rate)));

  padding-inline: calc(9 * (var(--rate)));

}



#lp_contents .sec_pickup .txt_price {

  font-family: "inter";

  font-size: calc(16 * (var(--rate)));

}



#lp_contents .sec_pickup .swiper-pagination {}



#lp_contents .sec_pickup .swiper-pagination .swiper-pagination-bullet {

  background: var(--color_1);

  opacity: .12;

  margin-inline: calc(5 * (var(--rate)));

}



#lp_contents .sec_pickup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  opacity: 1;

}



















/* sec_search

==================================*/

#lp_contents .sec_search {

  padding: calc(20 * (var(--rate))) calc(15 * (var(--rate)));

  background-color: var(--color_1);

}



#lp_contents .sec_search .search_ttl {

  margin-bottom: calc(15 * (var(--rate)));

  font-size: calc(18 * (var(--rate)));

  font-weight: bold;

  line-height: 1;

  letter-spacing: 0.1em;

  color: var(--color_white);

}



#lp_contents .sec_search .search_list {

  display: flex;

  gap: calc(8 * (var(--rate)));

  margin-bottom: calc(10 * (var(--rate)));

}



#lp_contents .sec_search .link_btn {

  width: calc(175 * (var(--rate)));

  height: calc(50 * (var(--rate)));

  font-size: calc(13 * (var(--rate)));

  font-weight: 500;

  color: var(--color_font);

  border: 1px solid;

  background-color: #FFFDE2;

}



#lp_contents .sec_search .link_btn:before {

  content: '';

  width: calc(25 * (var(--rate)));

  height: calc(25 * (var(--rate)));

  background-repeat: no-repeat;

  background-size: 100%;

}



#lp_contents .sec_search .cate_btn:before {

  background-image: url(../../img/202606/main/ico_category.svg);

}



#lp_contents .sec_search .brand_btn:before {

  background-image: url(../../img/202606/main/ico_brand.svg);

}



#lp_contents .sec_search .input_wrap {

  position: relative;

}



#lp_contents .sec_search input {

  width: calc(360 * (var(--rate)));

  height: calc(50 * (var(--rate)));

  padding: calc(15 * (var(--rate)));

  font-size: calc(14 * (var(--rate)));

  border-radius: calc(5 * (var(--rate)));

  background-color: var(--color_white);

  box-shadow: none;

  border: 1px solid;

}



#lp_contents .sec_search input::placeholder {

  color: #ccc;

}



#lp_contents .sec_search .to_link {

  position: absolute;

  top: 0;

  bottom: 0;

  right: calc(15 * (var(--rate)));

  width: calc(25 * (var(--rate)));

  height: calc(25 * (var(--rate)));

  margin: auto;

}



#lp_contents .header_search_box {

  border-width: 0;

}



#lp_contents .header_search_box .search_box {

  width: 100%;

  height: auto;

}



#lp_contents .header_search_box .search_box .icn_search {

  top: 0;

  bottom: 0;

  right: calc(10 * (var(--rate)));

  margin: auto;

}



/* character

==================================*/

#lp_contents .character {}



#lp_contents .character._01 {

  top: calc(3 * (var(--rate)));

  right: calc(27 * (var(--rate)));

  width: calc(61 * (var(--rate)));

  animation: pyonpyon 2s linear 0.3s infinite;

}



#lp_contents .character._02 {

  top: calc(-15 * (var(--rate)));

  left: calc(10 * (var(--rate)));

  width: calc(80 * (var(--rate)));

  animation: bounce 2s linear infinite;

}



/*--------------------------------

            Layout  PC

 --------------------------------*/

@media screen and (min-width: 768px) {

  #lp_contents .lp_inner {

    overflow: unset;

    border-left: 1px solid var(--color_bg_main);

    border-right: 1px solid var(--color_bg_main);

  }



  #lp_contents .full_area {

    position: sticky;

    top: 0;

    bottom: 0;

    width: calc(calc(100% - 50rem) / 2);

    max-width: 60rem;

    height: 100vh;

    margin: auto;

    padding: 3rem;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  #lp_contents .left_area {

    left: 0;

    order: 1;

  }



  #lp_contents .left_area svg {

    display: block;

    width: min(360px, calc(360 * (100vw / 1400)));

    margin: auto;

  }



  #lp_contents .left_area .event_date {

    background-color: unset;

  }



  #lp_contents .left_area .event_date p {

    color: var(--color_white);

  }



  #lp_contents .left_area .event_date-day .week {

    color: var(--color_1);

    background: var(--color_white);

  }



  #lp_contents .left_area_inner {

    display: grid;

    gap: 5rem;

  }





  #lp_contents .right_area {

    right: 0;

    order: 3;

  }



  #lp_contents .right_area .nav_list ul {

    display: grid;

    gap: 2.5rem;

  }



  #lp_contents .right_area .nav_list li {

    font-family: var(--font_eng);

    font-size: 3.6rem;

    line-height: 1.2;

    color: var(--color_bg_main);

    position: relative;

  }



  #lp_contents .right_area .nav_list a {

    position: relative;

    width: fit-content;

    margin: auto;

  }



  #lp_contents .right_area .nav_list a:before {

    content: '';

    position: absolute;

    left: -2.3rem;

    top: 0;

    bottom: 0;

    width: 0.8rem;

    height: 0.8rem;

    margin: auto;

    border-radius: 100%;

    background-color: var(--color_7);

    opacity: 0;

    transition: all 0.5s;

  }



  #lp_contents #follow[data-color=Event_1] ul li:nth-child(1) a:before,

  #lp_contents #follow[data-color=Event_2] ul li:nth-child(1) a:before,

  #lp_contents #follow[data-color=Campaign] ul li:nth-child(2) a:before,

  #lp_contents #follow[data-color=Calender] ul li:nth-child(3) a:before,

  #lp_contents #follow[data-color=Feature] ul li:nth-child(4) a:before {

    opacity: 1;

  }

}





/*--------------------------------

            Responsive

 --------------------------------*/

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

  html {

    font-size: calc(10 * (100vw / 1400));

  }

}



@media (min-width: 768px) and (max-width: 1200px) {

  html {

    font-size: calc(10 * (100vw / 1200));

  }



  #lp_contents .left_area,

  #lp_contents .right_area {

    display: none;

  }

}



/*--------------------------------

            Layout  SP

 --------------------------------*/

@media (max-width: 767px) {

  html {

    font-size: calc(10 * (100vw / 500));

  }



  #FooterWrap {

    margin-top: -3rem;

  }



  #lp_contents .sp_only {

    display: block;

  }



  #lp_contents .pc_only {

    display: none;

  }



  #lp_contents a:hover {

    opacity: 1

  }

}



/* ========================================================

            * アニメーション   *

========================================================= */



/* #lp_contents .js-fademv .js-fademv_child {

  opacity: 0;

}



#lp_contents .js-fademv.is-show .js-fademv_child {

  opacity: 1;

} */





/* #lp_contents .js-sticker {

  opacity: 0;

}



#lp_contents .js-sticker.is-show {

  animation: stickerRevealReverse 1.2s 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;

} */



@keyframes stickerRevealReverse {

  0% {

    -webkit-clip-path: inset(0 100% 0 0);

    clip-path: inset(0 100% 0 0);

    transform: rotate(-24deg) scale(1);

    opacity: 0;

  }



  100% {

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

    transform: rotate(0deg) scale(1);

    opacity: 1;

  }

}



/* #lp_contents .js-flip {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  opacity: 0

}



#lp_contents .js-flip.is-show {

  -webkit-animation-delay: 1s;

  animation-delay: .6s;

  -webkit-animation-name: flip;

  animation-name: flip;

} */



@keyframes flip {

  0% {

    opacity: 0;

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg)

  }



  to {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg)

  }

}





#lp_contents .js-star {

  transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);

  transition-delay: 1.5s;

}



#lp_contents .js-star.deco_star_1,

#lp_contents .js-star.deco_star_2 {

  transform: translate(100px, 100px) rotate(-360deg) scale(0);

}



#lp_contents .js-star.deco_star_3,

#lp_contents .js-star.deco_star_4 {

  transform: translate(-100px, -100px) rotate(-360deg) scale(0);

}



#lp_contents .deco_star_wrap.is-show .js-star {

  transform: translate(0, 0) rotate(0) scale(1);

}



#lp_contents .js-kirakira {

  animation-delay: 3s;

}



#lp_contents .js-kirakira.is-show {

  animation: kirakira 3s steps(2, end) infinite;

}



@keyframes kirakira {



  0%,

  100% {

    transform: scale(1) rotate(10deg);

  }



  50% {

    transform: scale(1.15) rotate(-10deg);

  }

}



#lp_contents .js-zoomup {

  opacity: 0;

}



#lp_contents .js-zoomup.is-show {

  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;

}



@keyframes zoomIn {

  0% {

    transform: scale(0.8);

    opacity: 0;

  }



  100% {

    opacity: 1;

    transform: scale(1);

  }

}



/* #lp_contents .js-fadein.right {

  opacity: 0;

  transform: translate(3rem, 0);

  transition: 1s;

}



#lp_contents .js-fadein.left {

  opacity: 0;

  transform: translate(-3rem, 0);

  transition: 1s;

}



#lp_contents .js-fadein.is-show {

  transform: translate(0, 0) scale(1);

  filter: blur(0);

  opacity: 1;

} */



/* #lp_contents .js-bounce {

  animation: bounce 2s linear infinite;

} */



@keyframes bounce {

  0% {

    transform: rotate(0deg);

  }



  10% {

    transform: rotate(-2deg);

  }



  20% {

    transform: rotate(0deg);

  }



  30% {

    transform: rotate(-2deg);

  }



  40% {

    transform: rotate(0deg);

  }



}



#lp_contents .js-stars::before {

  animation: starswing 1.4s step-start infinite;

}



@keyframes starswing {

  20% {

    transform: rotate(6deg);

  }



  40% {

    transform: rotate(0deg);

  }



  60% {

    transform: rotate(-6deg);

  }



  80% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(6deg);

    opacity: 1;

  }

}





/* ========================================================

            * キラキラ   *

========================================================= */



#lp_contents .stars {

  position: relative;

}



#lp_contents .stars::before {

  content: "";

  position: absolute;

}



#lp_contents .stars_1::before {

  width: calc(91 * (var(--rate)));

  height: calc(84 * (var(--rate)));

  top: calc(-72 * (var(--rate)));

  right: calc(-16 * (var(--rate)));

  background: url(../../img/202606/main/stars_1.png) no-repeat center / 100%;

}



#lp_contents .stars_2::before {

  width: calc(78 * (var(--rate)));

  height: calc(90 * (var(--rate)));

  top: calc(-61 * (var(--rate)));

  left: calc(-16 * (var(--rate)));

  background: url(../../img/202606/main/stars_2.png) no-repeat center / 100%;

}



#lp_contents .cmpn_1.stars_1::before {

  top: calc(-12 * (var(--rate)));

}



#lp_contents .cmpn_3.stars_1::before {

  top: calc(-60 * (var(--rate)));

}



#lp_contents .cmpn_2.stars_2::before {

  top: calc(-55 * (var(--rate)));

  left: calc(9 * (var(--rate)));

}





@keyframes mvAnimeStarTitle {

  0% {

    top: -30px;

  }



  100% {

    top: 0;

  }

}



@keyframes rotation {

  0% {

    transform: rotate(-85deg);

  }



  100% {

    transform: rotate(0);

  }

}



@keyframes opa1 {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



/* #lp_contents .js-star_down::before {

  opacity: 0;

}



#lp_contents .js-star_down.is-show::before {

  animation:

    mvAnimeStarTitle 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) .2s 1 forwards,

    rotation 2.2s cubic-bezier(0.51, 0.21, 0.41, 1) .2s 1 forwards,

    opa1 0.8s cubic-bezier(0.51, 0.21, 0.41, 1) .2s 1 forwards,

    kirakira 3s steps(2, end) 3s infinite;

} */



/* ========================================================

            * スライダー　パーツ  矢印 *

========================================================= */



/* 共通 */

#lp_contents .slick-prev,

#lp_contents .slick-next {

  all: unset;

  position: absolute;

  top: calc(16 * (var(--rate)));

  width: calc(32 * (var(--rate)));

  height: calc(36 * (var(--rate)));

  cursor: pointer;

  z-index: 10;

  background: url(../../img/202606/main/icon_arrow.png) no-repeat center / 100%;

}



/* デフォルト文字削除 */

#lp_contents .slick-prev,

#lp_contents .slick-next {

  font-size: 0;

  line-height: 0;

}



/* デフォのアイコン消す */

#lp_contents .slick-prev::before,

#lp_contents .slick-next::before {

  content: none;

}



/* 右 */

#lp_contents .slick-next {

  right: calc(-90 * (var(--rate)));

}



/* 左（反転） */

#lp_contents .slick-prev {

  top: calc(163 * (var(--rate)));

  left: calc(-90 * (var(--rate)));

  transform: translateY(-50%) scaleX(-1);

}





/* ========================================================

            * スライダー　パーツ  dots *

========================================================= */



/* 全体 */

#lp_contents .slick-dots {

  all: unset;

  display: flex;

  justify-content: center;

  gap: calc(15 * (var(--rate)));

  margin-top: calc(63 * (var(--rate)));

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}



/* li */

#lp_contents .slick-dots li {

  all: unset;

}



/* 横棒 */

#lp_contents .slick-dots li button {

  all: unset;

  display: block;

  width: calc(8 * (var(--rate)));

  /* 長さ調整 */

  height: calc(8 * (var(--rate)));

  /* 太さ調整 */

  background: var(--color_1);

  opacity: .12;

  cursor: pointer;

  font-size: 0;

  /* 数字消す */

  border-radius: 50%;

}



#lp_contents .slick-dots li button:before {

  display: none;

}



/* アクティブ */

#lp_contents .slick-dots li.slick-active button {

  opacity: 1;

}