@charset "UTF-8";



/*all----------------------------*/

html {

  font-size: 62.5%;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



html::-webkit-scrollbar {

  display:none;

}



body {

  -webkit-tap-highlight-color: transparent;

}



#Wrap {

  width: auto;

}



#HeaderWrap {

  display: none;

}



#FooterWrap {

  position: relative;

}



:root {

  --font_regular: "Poppins", "Noto Sans JP", sans-serif;

  --font_eng: "Oswald", sans-serif;

  --color_regular: #383330;

  --color_line: #03C154;

  --color_01: #CE1E24;

  --color_02: #980807;

  --color_03: #FFF6ED;

  --color_04: #005033;

  --color_05: #3DA252;

  --color_06: #fff;

  --color_07: #00DB2E;

  --color_08: #FF0000;

  --color_cat_all: #980807;

  --color_cat_present: #966988;

  --color_cat_coupon: #536F45;

  --color_cat_secret: #A38E66;

  --color_cat_instalive: #497EA5;

  --color_cat_youtube: #24616C;

  --color_cat_sns: #B97220;

  --color_cat_makeup: #D06E9B;

}



.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

  letter-spacing: .05em;

}



.LP_page {

  width: 100%;

  font-family: var(--font_regular);

  color: var(--color_regular);

  overflow-x: clip;

  opacity: 0;

  transition: opacity 1s;

}



.LP_page input {

  display: none;

}



.LP_page_inner {

  background: #fff;

}



.LP_page.active {

  opacity: 1;

}



.LP_page a {

  display: block;

}



.LP_page a:hover {

  opacity: 1 !important;

}



.LP_page img {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.LP_page sup {

  font-size: calc(8 * (60rem / 390));

}



/*----------------------------all*/

.heading_area {

  position: relative;

  padding-top: calc(60 * (60rem / 390));

  background: var(--color_01);

}



.heading_area::before {

  position: absolute;

  z-index: 2;

  bottom: 0;

  right: 0;

  width: calc(90 * (60rem / 390));

  height: calc(90 * (60rem / 390));

  margin: 0 calc(-10 * (60rem / 390)) calc(-30 * (60rem / 390)) 0;

  background: url(../../img/202511/teaserdeco/character_004.svg) center center / cover no-repeat;

  content: "";

  animation: bound 2s ease infinite;

}





@keyframes bound {

  0%, 100%, 50%, 70%, 90% {

    transform: none;

  }

  60%, 80% {

    transform: translateY(calc(-8 * (48rem / 750)));

  }

}



.txt_finish_wrap {

  position: relative;

  width: calc(340 * (60rem / 390));

  margin: 0 auto;

  padding: calc(30 * (60rem / 390)) calc(10 * (60rem / 390));

  border-left: solid var(--color_04) calc(1.2 * (60rem / 390));

  border-right: solid var(--color_04) calc(1.2 * (60rem / 390));

  background: var(--color_06);

}



.txt_finish_wrap::before,

.txt_finish_wrap::after {

  position: absolute;

  z-index: 1;

  left: 50%;

  translate: -50% 0;

  width: calc(100% + calc(2 * (60rem / 390)));

  height: calc(4 * (60rem / 390));

  background: url(../../img/202511/shape_nami.svg) top center / 100% auto no-repeat;

  content: "";

}



.txt_finish_wrap::before {

  bottom: 100%;

  margin-bottom: calc(-1 * (60rem / 390));

}



.txt_finish_wrap::after {

  top: 100%;

  margin-top: calc(-1 * (60rem / 390));

  scale: 1 -1;

}



.txt_finish_wrap .txt_finish {

  width: calc(270 * (60rem / 390));

  margin: 0 auto calc(20 * (60rem / 390));

  padding: calc(8 * (60rem / 390)) 0;

  background: var(--color_08);

  font-size: calc(14 * (60rem / 390));

  font-weight: 700;

  text-align: center;

  color: var(--color_06);

}



 .txt_finish_wrap .sub_ttl {

  margin-top: calc(10 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  font-weight: 500;

  line-height: 1.5;

  text-align: center;

  color: var(--color_04);

}



.txt_finish_wrap .sub_ttl .notes {

  display: block;

  margin-top: calc(3 * (60rem / 390));

  font-size: calc(8 * (60rem / 390));

  font-weight: 400;

}



.txt_finish_wrap .main_ttl {

  position: relative;

  width: calc(230 * (60rem / 390));

  margin: calc(20 * (60rem / 390)) auto 0;

}



.txt_finish_wrap .main_ttl img {

  opacity: 0;

}



.txt_finish_wrap .main_ttl:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  mask-image: url(../../img/202511/ttl_theorganicdays.svg);

  mask-position: center center;

  mask-size: cover;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../../img/202511/ttl_theorganicdays.svg);

  -webkit-mask-position: center center;

  -webkit-mask-size: cover;

  -webkit-mask-repeat: no-repeat;

  background: var(--color_04);

  content: "";

}



.txt_finish_wrap .txt_thanks {

  position: relative;

  margin-top: calc(15 * (60rem / 390));

  padding-bottom: calc(35 * (60rem / 390));

  font-size: calc(22 * (60rem / 390));

  font-weight: 700;

  line-height: 1.4;

  text-align: center;

  color: var(--color_04);

}



.txt_finish_wrap .txt_thanks::before,

.txt_finish_wrap .txt_thanks::after,

.txt_finish_wrap .lead::before,

.txt_finish_wrap .lead::after {

  position: absolute;

  left: 50%;

  translate: -50% 0;

  width: calc(25 * (60rem / 390));

  height: calc(25 * (60rem / 390));

  background: url(../../img/202511/maindeco/deco_ribbon_green1.png?251119) center center / cover no-repeat;

  content: "";

}



.txt_finish_wrap .txt_thanks::before,

.txt_finish_wrap .txt_thanks::after {

  bottom: 0;

}



.txt_finish_wrap .lead::before,

.txt_finish_wrap .lead::after {

  bottom: 100%;

  margin-bottom: calc(10 * (60rem / 390));

}



.txt_finish_wrap .txt_thanks::before {

  margin-left: calc(-50 * (60rem / 390));

  animation: rotate1 5s linear infinite;

}



.txt_finish_wrap .txt_thanks::after {

  margin-left: calc(-17 * (60rem / 390));

  animation: rotate1 5s linear infinite reverse;

}



.txt_finish_wrap .lead::before {

  margin-left: calc(17 * (60rem / 390));

  animation: rotate1 5s linear infinite;

}



.txt_finish_wrap .lead::after {

  margin-left: calc(50 * (60rem / 390));

  animation: rotate1 5s linear infinite reverse;

}



@keyframes rotate1 {

  0% {

      rotate: 0deg;

  }

  100% {

      rotate: 360deg;

  }

}



.txt_finish_wrap .lead {

  position: relative;

  margin-top: calc(10 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  line-height: 1.75;

  text-align: center;

}



.accessBtn_wrap > p {

  position: relative;

  width: fit-content;

  margin: 0 auto calc(10 * (60rem / 390));

  padding: 0 calc(8 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  font-weight: 700;

  letter-spacing: .1em;

  font-feature-settings: "palt";

  text-align: center;

  color: var(--color_06);

}



.accessBtn_wrap > p::before,

.accessBtn_wrap > p::after {

  position: absolute;

  bottom: 0;

  width: calc(1.5 * (60rem / 390));

  height: calc(14 * (60rem / 390));

  margin-bottom: calc(1 * (60rem / 390));

  border-radius: calc(10 * (60rem / 390));

  transform-origin: bottom center;

  background: var(--color_06);

  content: "";

}



.accessBtn_wrap > p::before {

  left: 0;

  rotate: -30deg;

}



.accessBtn_wrap > p::after {

  right: 0;

  rotate: 30deg;

}



.accessBtn {

  position: relative;

  width: fit-content;

  margin: 0 auto;

}



.accessBtn::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin-top: calc(5 * (60rem / 390));

  border-radius: calc(100 * (60rem / 390));

  border: solid var(--color_regular) calc(1 * (60rem / 390));

  background: #fff;

  box-sizing: border-box;

  content: "";

}



.accessBtn a {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: calc(300 * (60rem / 390));

  height: calc(56 * (60rem / 390));

  border-radius: calc(100 * (60rem / 390));

  border: solid var(--color_regular) calc(1 * (60rem / 390));

  background: var(--color_05);

  font-size: calc(18 * (60rem / 390));

  font-weight: 500;

  color: #fff;

  transition: translate .3s;

}



.accessBtn a:hover {

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

}



.accessBtn a::after {

  position: absolute;

  z-index: 1;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(12 * (60rem / 390));

  height: calc(8 * (60rem / 390));

  margin-right: calc(10 * (60rem / 390));

  background: url(../../img/202511/shape_arrow2.svg) center center / cover no-repeat;

  rotate: -90deg;

  content: "";

}



/*SpecialCampaign----------------*/

.mainContent_area {

  position: relative;

  background: var(--color_01);

}



.mainContent_area .each_sec {

  position: relative;

  z-index: 1;

  clear: both;

}



.mainContent_area .sec_ttl .txt_the {

  position: relative;

  display: block;

  width: calc(64 * (60rem / 390));

  margin: 0 auto calc(15 * (60rem / 390));

  border-radius: calc(5 * (60rem / 390));

  background: var(--color_01);

  overflow: clip;

}



#EventCalender .sec_ttl .txt_the {

  background: var(--color_02);

}



.mainContent_area .sec_ttl .txt_the img {

  opacity: 0;

}



.mainContent_area .sec_ttl .txt_the::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  mask-image: url(../../img/202511/shape_the.svg);

  mask-position: center center;

  mask-size: cover;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../../img/202511/shape_the.svg);

  -webkit-mask-position: center center;

  -webkit-mask-size: cover;

  -webkit-mask-repeat: no-repeat;

  background: var(--color_06);

  content: "";

}



.mainContent_area .sec_ttl.active .txt_the {

  animation: rotateZ2 15s infinite;

}



@keyframes rotateZ2 {

  0%, 5%, 60%, 100% {

    transform: rotateY(0);

  }



  10%, 55% {

    transform: rotateY(360deg)

  }

}





.mainContent_area .sec_ttl {

  font-size: calc(30 * (60rem / 390));

  text-align: center;

  perspective: calc(10000 * (60rem / 390));

  color: var(--color_06);

}



.mainContent_area .sec_ttl .txt_S {

  display: block;

  margin-top: calc(10 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

}



.about_mashPoint {

  padding: calc(50 * (60rem / 390)) 0;

}



.campaign_lead {

  font-size: calc(15 * (60rem / 390));

  font-weight: 700;

  line-height: 1.75;

  text-align: center;

  color: var(--color_06);

}



.mashBrand_list_wrap {

  margin-top: calc(20 * (60rem / 390));

}



.mashBrand_list_wrap dt {

  position: relative;

  height: calc(40 * (60rem / 390));

  background: var(--color_04);

}



.mashBrand_list_wrap dt::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../img/202511/txt_mashGroup.svg) center left / auto 100% repeat-x;

  content: "";

  animation: loop2 10s linear infinite;

}



@keyframes loop2 {

  0% {

    background-position: 0 0;

  }

  100% {

      background-position: calc(-295 * (60rem / 390)) 0;

  }

}



.mashBrand_list_wrap dt img {

  opacity: 0;

  height: 100%;

}



.mashBrand_list {

  display: grid;

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

  gap: calc(3 * (60rem / 390));

}



.mashBrand_list li {

  background: #fff;

}



.mashBrand_list_wrap dd > p {

  margin-top: calc(12 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  font-weight: 700;

  text-align: center;

  color: var(--color_06);

}



.link_mashPoint {

  margin-top: calc(25 * (60rem / 390));

}



.accordion_wrap {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 1s;

}



.open .accordion_wrap {

  grid-template-rows: 1fr;

}



.accordion_inner {

  overflow: hidden;

}



.accordion_btn {

  position: relative;

  width: fit-content;

  padding-right: calc(20 * (60rem / 390));

  text-decoration: underline;

  text-decoration-skip-ink: none;

  cursor: pointer;

}



.accordion_btn::before,

.accordion_btn::after {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(12 * (60rem / 390));

  height: calc(2 * (60rem / 390));

  background: var(--color_06);

  content: "";

}



.accordion_btn::after {

  rotate: 90deg;

  transition: rotate .3s;

}



.open .accordion_btn::after {

  rotate: 0deg;

}



.accordion_btn .to_open,

.open .accordion_btn .to_close {

  display: block;

}



.open .accordion_btn .to_open,

.accordion_btn .to_close {

  display: none;

}





/*----------------SpecialCampaign*/





/*FeaturedContents----------------*/

#FeaturedContents {

  padding: calc(40 * (60rem / 390)) 0 calc(60 * (60rem / 390));

  background: var(--color_01);

}



.content_list {

  margin-top: calc(30 * (60rem / 390));

}



.content_list li {

  opacity: 0;

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

  transition: opacity .8s, translate .8s;

}



.content_list li.active {

  opacity: 1;

  translate: unset;

}



.content_list li:nth-of-type(n+2) {

  margin-top: calc(50 * (60rem / 390));

}



.content_img {

  border: solid var(--color_regular) calc(1 * (60rem / 390));

}



.content_ttl_wrap {

  position: relative;

  background: var(--color_04);

}



.content_ttl {

  position: relative;

  display: grid !important;

  place-items: center;

  height: calc(25 * (60rem / 390));

  padding: 0 calc(40 * (60rem / 390));

  font-size: calc(15 * (60rem / 390));

  font-weight: 700;

  color: var(--color_06);

}



.content_ttl::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(25 * (60rem / 390));

  height: calc(25 * (60rem / 390));

  margin-right: calc(-15 * (60rem / 390));

  background: url(../../img/202511/maindeco/deco_ribbon_green1.png?251119) center center / cover no-repeat;

  content: "";

}



.content_lead {

  margin-top: calc(10 * (60rem / 390));

  padding: 0 calc(15 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  line-height: 1.75;

  letter-spacing: .1em;

  font-feature-settings: "palt";

  color: var(--color_06);

  font-weight: 500;

}



/*----------------FeaturedContents*/





/*EventCalender-------------------*/

#EventCalender {

  padding-top: calc(40 * (60rem / 390));

  background: var(--color_02);

}



#EventCalender .sec_ttl {

  margin-bottom: calc(30 * (60rem / 390));

  font-size: calc(28 * (60rem / 390));

}



.date_list {

  display: grid;

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

  gap: calc(2 * (60rem / 390));

}



.date_list li {

  height: calc(50 * (60rem / 390));

  transition: opacity .3s, height .3s, translate .3s;

}



.date_list li.notAvailable {

  height: calc(44 * (60rem / 390));

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

  opacity: .5;

  pointer-events: none;

}



.date_list li label {

  display: grid;

  place-items: center;

  height: 100%;

  border-radius: calc(15 * (60rem / 390)) calc(15 * (60rem / 390)) 0 0;

  background: var(--color_06);

  color: var(--color_regular);

  transition: background-color .3s, color .3s;

  cursor: pointer;

}



.date_list li input:checked + label {

  background: var(--color_07);

  color: var(--color_06);

  pointer-events: none;

}



.date_list li label p {

  font-size: calc(24 * (60rem / 390));

  font-weight: 700;

  letter-spacing: 0;

  text-align: center;

}



.date_list li.preEvent label p {

  padding-top: calc(5 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  font-weight: 600;

  line-height: 1.4;

}



.date_list li label p .txt_S {

  display: block;

  font-size: calc(11 * (60rem / 390));

  font-weight: 500;

}



.sort_date .switching_area {

  position: relative;

  padding-bottom: calc(20 * (60rem / 390));

  border-top: solid var(--color_02) calc(2 * (60rem / 390));

  background: var(--color_03);

}



.sort_date .switching_area::before {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, .8);

  font-size: calc(23 * (60rem / 390));

  font-weight: 700;

  text-align: center;

  white-space: nowrap;

  content: "本イベントは終了しました";

}



.each_schedule {

  position: relative;

  display: none;

  padding: calc(30 * (60rem / 390)) calc(15 * (60rem / 390)) calc(45 * (60rem / 390)) calc(10 * (60rem / 390));

}



.each_schedule:has(input[name="schedule"]:checked) {

  display: block;

}



.each_schedule::before {

  position: absolute;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  font-size: calc(14 * (60rem / 390));

  content: "該当するイベントはありません。";

  white-space: nowrap;

}



.each_schedule:has(input[name="event"]:checked)::before {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: calc(1 * (60rem / 390));

  height: calc(100% - calc(80 * (60rem / 390)));

  margin: calc(30 * (60rem / 390)) 0 0 calc(20 * (60rem / 390));

  background: var(--color_regular);

  content: "";

}



.each_schedule:has(input[name="event"]:checked)::after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: calc(11 * (60rem / 390));

  height: calc(11 * (60rem / 390));

  margin: 0 0 calc(40 * (60rem / 390)) calc(15 * (60rem / 390));

  border-radius: 50%;

  background: var(--color_regular);

  content: "";

}



.each_time .txt_time {

  position: relative;

  display: none;

  width: fit-content;

  border-radius: calc(100 * (60rem / 390));

  margin-bottom: calc(10 * (60rem / 390));

  padding: calc(4 * (60rem / 390)) calc(15 * (60rem / 390)) calc(4 * (60rem / 390)) calc(20 * (60rem / 390));

  background: var(--color_regular);

  font-family: var(--font_eng);

  font-size: calc(16 * (60rem / 390));

  font-weight: 500;

  color: var(--color_06);

}



.each_time .txt_time .date {

  margin-right: calc(6 * (60rem / 390));

}



.each_time .txt_time .txt_S {

  font-family: var(--font_regular);

  font-size: calc(12 * (60rem / 390));

  font-weight: 600;

  vertical-align: .03em;

}



.sort_date .each_schedule:not(.preEvent) .each_time .txt_time .date {

  display: none;

}



.each_time .txt_time::before {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: calc(10 * (60rem / 390));

  height: calc(10 * (60rem / 390));

  margin-left: calc(6 * (60rem / 390));

  border-radius: 50%;

  background: var(--color_06);

  content: "";

}



.each_time:has(input[name="event"]:checked) .txt_time {

  display: block;

}



.each_event {

  position: relative;

  opacity: 0;

  height: 0;

  overflow: hidden;

  transition: opacity .5s;

}



.each_event.eventOver::before {

  position: absolute;

  z-index: 2;

  top: 0;

  right: 0;

  display: grid;

  place-items: center;

  width: calc(100% + calc(10 * (60rem / 390)));

  height: calc(100% - calc(10 * (60rem / 390)));

  margin-top: calc(-5 * (60rem / 390));

  border-radius: calc(10 * (60rem / 390));

  background: rgba(0, 0, 0, .7);

  font-size: calc(16 * (60rem / 390));

  font-weight: 700;

  color: var(--color_06);

  content: "終了しました。";

}



.each_event:has(input[name="event"]:not(:checked)) {

  margin-top: 0;

  padding-top: 0;

  border-top: none;

}



.each_event:has(input[name="event"]:checked) {

  opacity: 1;

  height: auto;

  overflow: visible;

  width: calc(335 * (60rem / 390));

  margin: 0 0 calc(30 * (60rem / 390)) auto;

  padding-bottom: calc(30 * (60rem / 390));

  padding-bottom: calc(35 * (60rem / 390));

  border-bottom: dashed calc(1 * (60rem / 390)) var(--color_regular);

}



.each_event:nth-last-of-type(1) {

  margin-bottom: 0 !important;

  border-bottom: none !important;

}



.each_event dl {

  position: relative;

}



.venue_list {

  position: absolute;

  bottom: 100%;

  right: 0;

  display: flex;

  padding-left: calc(20 * (60rem / 390));

  background: var(--color_03);

}



.venue_list li {

  width: calc(50 * (60rem / 390));

  position: relative;

}



.venue_list li::before {

  position: absolute;

  top: 50%;

  left: 50%;

  translate: -50% -50%;

  width: 100%;

  height: 100%;

  mask-position: center center;

  mask-size: cover;

  mask-repeat: no-repeat;

  -webkit-mask-position: center center;

  -webkit-mask-size: cover;

  -webkit-mask-repeat: no-repeat;

  content: "";

}



.venue_list li:nth-of-type(1)::before {

  mask-image: url(../../img/202511/icon_webstore.svg);

  -webkit-mask-image: url(../../img/202511/icon_webstore.svg);

}



.venue_list li:nth-of-type(2)::before {

  width: calc(100% + calc(10 * (60rem / 390)));

  height: calc(100% + calc(10 * (60rem / 390)));

  mask-image: url(../../img/202511/icon_shop.svg);

  -webkit-mask-image: url(../../img/202511/icon_shop.svg);

}



.event_present .venue_list li::before {

  background: var(--color_cat_present);

}



.event_coupon .venue_list li::before {

  background: var(--color_cat_coupon);

}



.event_secret .venue_list li::before {

  background: var(--color_cat_secret);

}



.event_instalive .venue_list li::before {

  background: var(--color_cat_instalive);

}



.event_sns .venue_list li::before {

  background: var(--color_cat_sns);

}



.event_makeup .venue_list li::before {

  background: var(--color_cat_makeup);

}



.venue_list li.notAvailable {

  opacity: .2;

}



.venue_list li img {

  opacity: 0;

}



.event_ttl {

  position: relative;

  display: flex;

  align-items: center;

  min-height: calc(42 * (60rem / 390));

  margin-bottom: calc(5 * (60rem / 390));

  padding-left: calc(42 * (60rem / 390));

  font-size: calc(17 * (60rem / 390));

  line-height: 1.5;

  letter-spacing: .06em;

  font-weight: 700;

  font-feature-settings: "palt";

}



.event_ttl span {

  line-height: 1.5;

  letter-spacing: .06em;

}



.event_present .event_ttl {

  color: var(--color_cat_present);

}



.event_coupon .event_ttl {

  color: var(--color_cat_coupon);

}



.event_secret .event_ttl {

  color: var(--color_cat_secret);

}



.event_instalive .event_ttl {

  color: var(--color_cat_instalive);

}



.event_youtube .event_ttl {

  color: var(--color_cat_youtube);

}



.event_sns .event_ttl {

  color: var(--color_cat_sns);

}



.event_makeup .event_ttl {

  color: var(--color_cat_makeup);

}



.event_ttl::before,

.event_ttl::after {

  position: absolute;

  top: 0;

  left: 0;

  width: calc(34 * (60rem / 390));

  height: calc(34 * (60rem / 390));

  margin-top: calc(3 * (60rem / 390));

  border-radius: 50%;

  content: "";

}



.event_present .event_ttl::before {

  background: var(--color_cat_present);

}



.event_coupon .event_ttl::before {

  background: var(--color_cat_coupon);

}



.event_secret .event_ttl::before {

  background: var(--color_cat_secret);

}



.event_instalive .event_ttl::before {

  background: var(--color_cat_instalive);

}



.event_youtube .event_ttl::before {

  background: var(--color_cat_youtube);

}



.event_sns .event_ttl::before {

  background: var(--color_cat_sns);

}



.event_makeup .event_ttl::before {

  background: var(--color_cat_makeup);

}



.event_present .event_ttl::after {

  background: url(../../img/202511/calendar/icon_present.svg) center center / cover no-repeat;

}



.event_coupon .event_ttl::after {

  background: url(../../img/202511/calendar/icon_coupon.svg) center center / cover no-repeat;

}



.event_secret .event_ttl::after {

  background: url(../../img/202511/calendar/icon_secret.svg) center center / cover no-repeat;

}



.event_instalive .event_ttl::after {

  background: url(../../img/202511/calendar/icon_instalive.svg) center center / cover no-repeat;

}



.event_youtube .event_ttl::after {

  background: url(../../img/202511/calendar/icon_youtube.svg) center center / cover no-repeat;

}



.event_sns .event_ttl::after {

  background: url(../../img/202511/calendar/icon_sns.svg) center center / cover no-repeat;

}



.event_makeup .event_ttl::after {

  background: url(../../img/202511/calendar/icon_makeup.svg) center center / cover no-repeat;

}



.event_ttl .instaAccount {

  margin-left: calc(5 * (60rem / 390));

  font-size: calc(12 * (60rem / 390));

}



.event_ttl .txt_tax {

  font-size: calc(11 * (60rem / 390));

}



.eventDetail_txt {

  font-size: calc(13 * (60rem / 390));

  font-weight: 500;

  line-height: 1.6;

}



.eventDetail_txt .txt_S {

  display: block;

  margin-top: calc(5 * (60rem / 390));

  font-size: calc(11 * (60rem / 390));

  line-height: 1.5;

}



.eventDetail_txt .txt_venue {

  margin-right: calc(5 * (60rem / 390));

  padding: calc(2 * (60rem / 390)) calc(18 * (60rem / 390));

  background: var(--color_regular);

  font-size: calc(10 * (60rem / 390));

  color: var(--color_06);

}



.event_access {

  position: relative;

  display: inline-block;

  width: fit-content;

  margin-top: calc(15 * (60rem / 390));

}



.event_access:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin-top: calc(3 * (60rem / 390));

  border-radius: calc(100 * (60rem / 390));

  border: solid var(--color_regular) calc(1 * (60rem / 390));

  background: #fff;

  box-sizing: border-box;

  content: "";

}



.event_access a {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: calc(190 * (60rem / 390));

  height: calc(35 * (60rem / 390));

  border-radius: calc(100 * (60rem / 390));

  border: solid var(--color_regular) calc(1 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  font-weight: 500;

  color: #fff;

  transition: translate .3s;

}



.event_instalive .event_access a {

  font-size: calc(12 * (60rem / 390));

}



.event_access a:hover {

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

}



.event_present .event_access a {

  background: var(--color_cat_present);

}



.event_coupon .event_access a {

  background: var(--color_cat_coupon);

}



.event_secret .event_access a {

  background: var(--color_cat_secret);

}



.event_instalive .event_access a {

  background: var(--color_cat_instalive);

}



.event_youtube .event_access a {

  background: var(--color_cat_youtube);

}



.event_sns .event_access a {

  background: var(--color_cat_sns);

}



.event_makeup .event_access a {

  background: var(--color_cat_makeup);

}



.event_access.sns_line a {

  background: var(--color_line);

}



.event_access span {

  position: relative;

}



.event_access.sns_x span {

  padding-left: calc(25 * (60rem / 390));

}



.event_access.sns_instagram span {

  padding-left: calc(25 * (60rem / 390));

}



.event_access.sns_line span {

  padding-left: calc(30 * (60rem / 390));

}



.event_access span::before {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: calc(20 * (60rem / 390));

  height: calc(20 * (60rem / 390));

  content: "";

}



.event_access.sns_x span::before {

  background: url(../../img/202511/icon_x.svg) center center / cover no-repeat;

}



.event_access.sns_instagram span::before {

  background: url(../../img/202511/icon_instagram.svg) center center / cover no-repeat;

}



.event_access.sns_line span::before {

  width: calc(24 * (60rem / 390));

  height: calc(24 * (60rem / 390));

  background: url(../../img/202511/icon_line.svg) center center / cover no-repeat;

}



.app_list_wrap {

  margin-top: calc(15 * (60rem / 390));

}



.app_list_wrap p {

  margin-bottom: calc(8 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

}



.app_list {

  display: flex;

  gap: calc(10 * (60rem / 390));

}



.app_list li a {

  height: calc(36 * (60rem / 390));

}



.app_list li a img {

  width: auto;

  height: 100%;

}



.event_img {

  margin-bottom: calc(10 * (60rem / 390));

  border-radius: calc(10 * (60rem / 390));

  overflow: clip;

}



.event_instalive .event_img,

.event_youtube .event_img,

.event_makeup .event_img {

  width: calc(126 * (60rem / 390));

  margin: 0 calc(15 * (60rem / 390)) calc(4 * (60rem / 390)) 0;

  border-radius: unset;

  float: left;

}



.event_instalive dd .txt_wrap,

.event_youtube dd .txt_wrap,

.event_makeup dd .txt_wrap {

  padding-top: calc(10 * (60rem / 390));

  min-height: calc(120 * (60rem / 390));

}



.event_instalive dd .txt_wrap .event_access,

.event_youtube dd .txt_wrap .event_access {

  margin: 0 0 calc(15 * (60rem / 390));

}



.event_present .accordion_outside {

  margin-top: calc(10 * (60rem / 390));

}



.event_present .accordion_btn {

  padding-right: calc(15 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  font-weight: 500;

  color: var(--color_cat_present);

}



.event_present .accordion_btn::before,

.event_present .accordion_btn::after {

  width: calc(8 * (60rem / 390));

  height: calc(1.5 * (60rem / 390));

  background: var(--color_cat_present);

}



.artistProfile {

  margin-top: calc(20 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  line-height: 1.5;

}



.artistProfile .txt_S {

  display: block;

  margin-bottom: calc(5 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  font-weight: 700;

}



.set_list_wrap {

  margin-bottom: calc(10 * (60rem / 390));

  padding: calc(15 * (60rem / 390)) calc(15 * (60rem / 390)) calc(20 * (60rem / 390));

  border-radius: calc(5 * (60rem / 390));

  background: var(--color_06);

  font-size: calc(12 * (60rem / 390));

}



.set_list_wrap > p {

  margin-bottom: calc(10 * (60rem / 390));

}



.set_list li {

  line-height: 1.3;

  letter-spacing: .125em;

  font-feature-settings: "palt";

  text-indent: -1em;

  padding-left: 1em;

}



.set_list li:nth-of-type(n+2) {

  border-top: dotted calc(1 * (60rem / 390)) rgba(0, 0, 0, .1);

  margin-top: calc(6 * (60rem / 390));

  padding-top: calc(6 * (60rem / 390));

}



.set_list li .sample_img {

  height: calc(60 * (60rem / 390));

  margin-top: calc(6 * (60rem / 390));

  padding-left: 1em;

}



.set_list li .sample_img img {

  width: auto;

  height: 100%;

}



/*-------------------EventCalender*/



/*footer--------------------------*/

.footer_area {

  background: var(--color_01);

  perspective: calc(100000 * (60rem / 390));

}



.about_wrap {

  padding: calc(50 * (60rem / 390)) 0;

  background: #fff;

}



.about_wrap .about_img {

  width: calc(370 * (60rem / 390));

  margin: 0 auto calc(25 * (60rem / 390));

}



.about_wrap h4 {

  margin-bottom: calc(30 * (60rem / 390));

  font-size: calc(26 * (60rem / 390));

  font-weight: 700;

  text-align: center;

  color: #D8706D;

}



.about_wrap h4 .txt_S {

  display: block;

  margin-top: calc(15 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

}



.about_lead {

  padding: 0 calc(15 * (60rem / 390));

  text-align: center;

}



.about_lead p {

  font-size: calc(14 * (60rem / 390));

  line-height: 1.75;

}



.about_lead p:nth-of-type(n+2) {

  margin-top: calc(30 * (60rem / 390));

}



.about_lead p:nth-last-of-type(1) {

  margin-bottom: calc(45 * (60rem / 390));

}



.about_lead a {

  position: relative;

  width: fit-content;

  margin: 0 0 0 auto;

  padding-right: calc(17 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  text-decoration: underline;

  text-decoration-skip-ink: none;

  color: #D8706D;

}



.about_lead a::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  mask-image: url(../../img/202511/shape_arrow2.svg);

  mask-position: center center;

  mask-size: cover;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../../img/202511/shape_arrow2.svg);

  -webkit-mask-position: center center;

  -webkit-mask-size: cover;

  -webkit-mask-repeat: no-repeat;

  width: calc(10 * (60rem / 390));

  height: calc(7 * (60rem / 390));

  rotate: -90deg;

  background: #D8706D;

  content: "";

}



.about_lead a:nth-of-type(n+2) {

  margin-top: calc(15 * (60rem / 390));

}



.about_wrap .logo_cosmekichen {

  width: calc(186 * (60rem / 390));

  margin: calc(45 * (60rem / 390)) auto 0;

}



/*--------------------------footer*/





/*shareボタン、shareテキスト---------------------------*/

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

#share {

  z-index: 10 !important;

  transition: translate .3s;

}



.share-txt {

  display: none;

}



.only_pc {

  display: none;

}



}

/*---------------------------shareボタン、shareテキスト*/





/*PC------------------------------------------------------*/

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

  .only_sp {

    display: none !important;

  }



  .LP_page_inner {

    position: relative;

    z-index: 1;

    width: 60rem;

    min-height: 100vh;

    margin: -100vh auto 0;

    overflow: clip;

  }



  .fixed_area {

    position: sticky;

    top: 0;

    z-index: 1;

    display: flex;

    justify-content: space-between;

    width: 100%;

    height: 100vh;

    margin: 0 auto;

    background: #AF2E2E;

  }



  .fixed_area::before {

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../../img/202511/maindeco/bg_ribbon2.png) center center / 39rem 11.5rem repeat;

    opacity: .1;

    content: "";

    pointer-events: none;

  }

  

  .fixed_left,

  .fixed_right {

    display: grid;

    place-items: center;

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

    height: 100%;

  }



  .fixed_left .main_ttl {

    position: relative;

    width: 31rem;

    margin: 0 auto;

  }



  .fixed_left .main_ttl img {

    opacity: 0;

  }



  .fixed_left .main_ttl::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    mask-image: url(../../img/202511/ttl_theorganicdays.svg);

    mask-position: center center;

    mask-size: cover;

    mask-repeat: no-repeat;

    -webkit-mask-image: url(../../img/202511/ttl_theorganicdays.svg);

    -webkit-mask-position: center center;

    -webkit-mask-size: cover;

    -webkit-mask-repeat: no-repeat;

    background: var(--color_06);

    content: "";

  }



  .fixed_left .sub_ttl {

    margin-top: 3.5rem;

    font-size: 2.4rem;

    font-weight: 500;

    line-height: 1.5;

    letter-spacing: .2em;

    text-align: center;

    color: var(--color_06);

  }



  .fixed_left .sub_ttl .notes {

    display: block;

    margin-top: .6rem;

    font-size: 1rem;

    font-weight: 400;

  }



  .fixed_right .logo_cosmekichen {

    position: relative;

    width: 25rem;

    margin: 3rem auto 0;

  }



  .fixed_right .logo_cosmekichen::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    mask-image: url(../../img/202511/logo_cosmekichen2.svg);

    mask-position: center center;

    mask-size: cover;

    mask-repeat: no-repeat;

    -webkit-mask-image: url(../../img/202511/logo_cosmekichen2.svg);

    -webkit-mask-position: center center;

    -webkit-mask-size: cover;

    -webkit-mask-repeat: no-repeat;

    background: var(--color_07);

    content: "";

  }



  .fixed_right .logo_cosmekichen img {

    opacity: 0;

  }



}

/*------------------------------------------------------PC*/





/*レスポンシブ対応-------------------------------*/

@media screen and (max-width: 1600px) and (min-width: 769px) {

  html {

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

  }

}



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

  html {

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

  }

}

/*-------------------------------レスポンシブ＆タブレット対応*/