﻿div#block_of_leftmenu_top { display : none; }

#footer_pagetop,
.block-page-top,
#block_of_leftmenu_top,
.block-left-menu-top {
  z-index: 30;
}

/* wrap */
.lp-wrap {
  min-width: 320px;
  overflow: hidden;
  background: none;
  background: #da161f url(/contents/event/a1031800/img/visual_bg.jpg) no-repeat center top / 100% auto;
  background-attachment: fixed;
  position: relative;
  z-index: auto;

}
@media screen and (max-width: 699px){
  .lp-wrap {
    background-image: url(/contents/event/a1031800/img/visual_bg_sp.jpg);
    background-attachment: inherit;
  }
}
.lp-wrap * {
  box-sizing: border-box;
}
.lp-wrap img {
  vertical-align: top;
}
.lp-wrap .area {
  position: relative;
  clear: both;
  display: block;
  z-index: auto;
  padding: var(--area_space) 0;
}
.lp-wrap .area_in {
  display: grid;
  row-gap: var(--area_space);
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 699px){
  .lp-wrap_continue {
    padding-top: 0!important;
  }
}
.lp-middle-content {
  position: relative;
  z-index: auto;
  display: block;
  background: #fff;
  color: #000;
  padding: var(--area_space) 0;
  overflow: visible;
}
.lp-middle-content .area_in {
  display: grid;
  row-gap: var(--area_space);
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.lp-wrap_continue {
  padding-top: 0!important;
  background: #fff;
}

#section_visual {
  background: url(/contents/event/a1031800/img/visual_bg01.svg) no-repeat left top / 80% auto;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
}
.contents.type1 {
  position: relative;
  overflow: hidden;
  background-color: rgba(196,0,22,0.9);
  background-image: url(/contents/event/a1031800/img/visual_bg02.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 80% auto;
  background-attachment: fixed;
}
.contents {
  position: relative;
  z-index: auto;
}


.contents.type1::before {
  content: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #section_visual,
  .contents.type1 {
    background-attachment: inherit;
    background-size: 101% auto;
  }
  .contents.type1::before {
    content: none;
  }
}
.contents.type2 {
  background: linear-gradient(to bottom, #fff, #f4f4f4);
  background: #EEEAEE url(/contents/event/a1031800/img/bg02.jpg) no-repeat center top / 100% auto;
  background-attachment: fixed;
}
.contents.type2 .area {
  background: linear-gradient(to bottom, rgba(244,241,244,0), rgba(244,241,244,1));;
}

.contents.type4 {
  background: url(/contents/event/a1031800/img/bg02.jpg) no-repeat center top / 100% auto;
  background-attachment: fixed;
  background: #fff;
}

	@media screen and (max-width: 699px){
       #section_visual,
    .contents.type1 {
      background-attachment: inherit;
      background-size: 101% auto;
      }
    .contents.type1::before {
      background-size: 101% auto;
      width: 48.2%;
      position: absolute;
      }
   .contents.type2 {
      background-image: url(/contents/event/a1031800/img/bg02_sp.jpg);
      }
    }

/* wrap end */

/* effect */
    @media screen and (max-width: 699px){
      .effectdelay {
      opacity: 0;
      transition: 0.8s;
      }
    .effectdelay.effect_active {
      opacity: 1;
      transform: translateY(0);
      }
    .effect {
      opacity: 0;
      transition: 1.2s;
      transform: translateY(-70px);
      }
    .effect.effect_active {
      opacity: 1;
      transform: translateY(0);
      }
    }
.effect {
  opacity: 0;
  transform: translate(0, 100px);
  transition: 0.6s;
}
.effect.effect_active {
  opacity: 1;
  transform: translate(0, 0);
}
/* effect end */

.section_anchor {
  position: relative;
  z-index: 2;
}

/* title */
.base_tit {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: var(--size_20);
}
.base_tit b {
  display: flex;
  align-items: center;
  height: var(--size_26);
  padding: 0 10px;
  border: 2px solid #333;
  border-radius: 999px;
  color: #333;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}
.base_tit span {
  display: block;
  font-size: var(--fontsize_80);
  font-weight: 800;
  line-height: 0.85;
  font-family: var(--font_en);
  color: #333;
}
/* title end */

/* visual */
#wrap #section_visual {
  padding: 0;
}
#wrap #section_visual .area_in {
  max-width: 1200px;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  background: none;
  position: relative;
  z-index: 0;
}
#section_visual h1 {
  margin: 0;
}
#section_visual picture {
  display: block;
}
#section_visual .area_in img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  opacity: 1;
}
@media screen and (max-width: 699px){
  #section_visual .area_in img {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

}
/* visual end */


/* lead */
#section_lead_area {
  color: #000;
  color: #fff;
}
#section_lead_area .base_tit * {
  color: #fff;
  border-color: #fff;
}
#section_lead_area .area_in {
  }
.lead_box {
  display: flex;
  flex-flow: row wrap;
  gap: var(--box_space);
  padding: var(--box_space);
  padding-top: 0;
  margin: 0 auto;
}
.lead_box .image {
  flex: 0 1 clamp(200px, 25vw, 350px);
}
.lead_box .info {
  flex: 1 0 0%;
  display: flex;
  flex-flow: column;
  gap: var(--box_gap);
}
.lead_tit {
  font-size: var(--fontsize_24);
  font-weight: 600;
  text-align: left;
  line-height: 2;
}
.lead_txt {
  font-weight: 500;
  font-size: 0.9rem;
  text-align: left;
  line-height: 2;
}
    @media screen and (max-width: 699px){
      .lead_box {
      padding-left: 0;
      padding-right: 0;
      }
    .lead_tit br {
      display: none;
      }
    }
    @media screen and (max-width: 600px) {
      .lead_box {
      flex-flow: column;
      }
    .lead_box .image {
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      flex: inherit;
      }
    }
/* lead end */

/* section_speakers_area */
#section_speakers_area {
  }
#section_speakers_area .area_in {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
ul.photolist {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 0;
}
ul.photolist > li {
  flex: 0 1 25%;
}
@media screen and (max-width: 699px){
  ul.photolist > li {
  flex: 0 1 33.33%;
}
}
@media screen and (max-width: 600px) {
  ul.photolist > li {
  flex: 0 1 50%;
}
}


/* section_speakers_area end */


/* contact *//* contact */
.contact_btn_wrap {
  width: 100%;
}
.contact_btn_box {
  margin: 0;
}
.contact_btn {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--size_100);
  max-width: 500px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: var(--fontsize_30);
  border-radius: 999px;
  transition: .3s;
  background: var(--btn_bg_c);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.contact_btn > span {
  position: relative;
  z-index: 2;
  display: flex!important;
  flex-direction: column!important;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transform: translateY(-1px);
}
.contact_btn > span > span {
  display: block!important;
  width: 100%;
}
.contact_btn > span > span:first-child,
.contact_btn_sub {
  font-size: 1rem;
  line-height: 1.2;
}
.contact_btn > span > span:last-child,
.contact_btn_main {
  font-size: var(--fontsize_30);
  line-height: 1.1;
  margin-top: .2em;
}
.contact_btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: var(--size_50);
  height: var(--size_50);
  background: var(--btn_icon_arrow_w);
  transform: translate(0,-50%);
  z-index: 2;
}
.contact_btn::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  border-radius: 999px;
  transition: .3s;
  visibility: inherit;
  pointer-events: none;
  z-index: 1;
}
.contact_btn:hover::before {
  background: var(--btn_icon_arrow_w);
}
.contact_btn:hover::after {
  background: rgba(255,255,255,0.2);
}
.contact_btn.contact_end {
  background: #999;
}
.contact_btn_box .contact_txt {
  display: block;
  text-align: center;
  margin-top: var(--size_20);
}
@media screen and (max-width: 699px){
  .contact_btn {
    width: 100%;
    height: var(--size_80);
    padding: 0 calc(var(--size_50) + 10px) 0 var(--size_20);
  }
  .contact_btn > span > span:first-child,
  .contact_btn_sub {
    font-size: .85rem;
  }
  .contact_btn > span > span:last-child,
  .contact_btn_main {
    font-size: var(--fontsize_24);
  }
}
/* contact end */
  /* contact end */

/* booth_area */
.booth_box {
  display: flex;
  flex-flow: column;
  gap: var(--box_space);
}
.booth_box_in {
  display: flex;
  flex-flow: column;
  padding: var(--box_space);
  gap: var(--box_space);
  border-radius: var(--box_corner);
  background: #f4f4f4;
  line-height: 1.6;
  border: 1px solid #ddd;
}
.booth_box_in .layout {
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: stretch;
  gap: var(--box_space);
  background: none;
  border-radius: 0;
  padding: 0;
}
.booth_box_in .layout .image {
  flex: 0 1 calc(451px + 70px);
  margin: 0;
  padding: 35px;
  background: #fff;
  border-radius: var(--box2_corner);
  display: flex;
  align-items: center;
  justify-content: center;
}
.booth_box_in .layout .image img {
  display: block;
  width: 100%;
  max-width: 451px;
  height: auto;
}
.booth_box_in .layout .info {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.booth_box_in .layout .info .title {
  font-size: clamp(17.5px, 2vw, 21px);
  line-height: 1.6;
}
.booth_box_in .layout .info .txt {
  font-size: clamp(14px, 1.25vw, 17.5px);
  line-height: 1.8;
}
@media screen and (max-width: 699px){
  .booth_box_in {
    padding: var(--size_20);
  }
  .booth_box_in .layout {
    flex-flow: column-reverse;
    gap: var(--size_20);
    text-align: center;
  }
  .booth_box_in .layout .image {
    flex: 1 1 auto;
    width: 100%;
    padding: 14px;
  }
  .booth_box_in .layout .image img {
    max-width: 451px;
  }
  .booth_box_in .layout .info {
    width: 100%;
  }
  .booth_box_in .layout .info .title {
    font-size: clamp(18px, 5vw, 24px);
    line-height: 1.5;
  }
  .booth_box_in .layout .info .txt {
    font-size: clamp(13px, 3.8vw, 15px);
    line-height: 1.7;
  }
}

/* booth_area end */


.campaign_box {
  display: flex;
  flex-flow: column;
  gap: var(--box_space);
}
.campaign_box_in {
  display: flex;
  flex-flow: column;
  /*
  padding: var(--box_space);
  */
  gap: var(--box_space);
  border-radius: var(--box_corner);
  background: #fff;
  border: 5px solid #333;
  border: none;
  line-height: 1.6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
  border: 1px solid #ddd;
}
.campaign_box_in .layout {
  display: flex;
  flex-flow: column;
  padding: var(--box_space);
  gap: var(--box_space);
  border-radius: var(--box_corner);
  background: #f4f4f4;
  line-height: 1.6;
  border: 1px solid #ddd;
}
.campaign_box_in .layout .image {
  flex: 0 1 calc(var(--size_100) * 3);
}
@media screen and (max-width: 600px) {
  .campaign_box_in .layout {
    flex-flow: column-reverse;
    text-align: center;
  }
.campaign_box_in .layout .image {
    flex: 1 0 auto;
    text-align: center;
  }
.campaign_box_in .layout .image img {
    max-width: 200px;
  }
}
.campaign_box_in .layout .info {
  flex: 1 0 0%;
  display: flex;
  align-items: center;
  justify-content: center;

}
.campaign_box_in .layout .info .txt {
  font-size: 0.9rem;
}

/*section_lineup*/
/* lineup card */
.lineup-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(3px, 0.5vw, 6px);
  width: 100%;
  max-width: 1200px;
  min-height: 124px;
  margin: 0 auto;
  padding: clamp(12px, 1.167vw, 14px) clamp(16px, 1.75vw, 21px);
  border-left: 10px solid #c20914;
  background-color: #edeced;
}
.lineup-card__title {
  color: #000;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.35;
}
.lineup-card__title ._b_none {
  font-weight: 400;
}
.lineup-card__description {
  color: #000;
  font-size: clamp(14px, 1.458vw, 17.5px);
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 699px){
  .lineup-card {
    min-height: auto;
    padding: 1em;
    border-left-width: 10px;
  }
  .lineup-card__title {
    font-size: clamp(18px, 5.2vw, 24px);
    line-height: 1.35;
  }
  .lineup-card__description {
    font-size: clamp(13px, 3.7vw, 15px);
    line-height: 1.6;
  }
}
/* lineup card end */

/* root */
:root {
  

/*
--font_en: 'Noto Sans JP', sans-serif;;
  --font_en: 'Figtree','Noto Sans JP', sans-serif;
  --font_en: 'Barlow','Noto Sans JP', sans-serif;
  */
--font_en: 'Inter', 'Noto Sans JP', sans-serif;
  --txt_c: #000;
  --base_c: #000;
  --main_c: #C30315;
  --btn_bg_c: linear-gradient(to right, var(--main_c), var(--main_c));
  
--fontsize_80: clamp(40px, 5.55vw, 80px);
  --fontsize_50: clamp(30px, 3.47vw, 50px);
  --fontsize_40: clamp(25px, 2.77vw, 40px);
  --fontsize_30: clamp(20px, 2.08vw, 30px);
  --fontsize_26: clamp(18px, 1.80vw, 26px);
  --fontsize_24: clamp(17px, 1.80vw, 24px);
  --fontsize_20: clamp(16px, 1.80vw, 20px);
  --fontsize_18: clamp(14px, 1.38vw, 18px);
  --fontsize_base: clamp(13px, 1.38vw, 16px);
  --fontsize_16: clamp(13px, 1.38vw, 16px);
  --fontsize_14: clamp(12px, 1.11vw, 14px);
  --fontsize_12: clamp(10px, 1vw, 12px);
  --fontsize_10: clamp(6px, 0.9vw, 10px);
  
--size_100: clamp(80px, 6.94vw, 100px);
  --size_80: clamp(60px, 5.55vw, 80px);
  --size_60: clamp(40px, 4.16vw, 60px);
  --size_50: clamp(30px, 3.47vw, 50px);
  --size_40: clamp(20px, 2.77vw, 40px);
  --size_30: clamp(15px, 2.08vw, 30px);
  --size_26: clamp(20px, 1.80vw, 26px);
  --size_24: clamp(18px, 1.66vw, 24px);
  --size_20: clamp(12px, 1.38vw, 20px);
  --size_16: clamp(10px, 1.38vw, 16px);
  --size_10: clamp(8px, 1.11vw, 10px);
  
--area_space: var(--size_50);
  --box_space: var(--size_30);
  --box_gap: var(--size_20);
  --box_corner: var(--size_16);
  
--box2_space: var(--size_20);
  --box2_gap: var(--size_10);
  --box2_corner: var(--size_10);
  

/* bold arrow */
--btn_icon_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M60.61 42.93 39.39 21.72 32.32 28.79 53.54 50 32.32 71.21 39.39 78.28 67.68 50 60.61 42.93z" fill="%23ffffff" /%3E%3C/svg%3E') no-repeat center / contain;
  /* nomal arrow */
--btn_icon_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
  
--fb_icon_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M73.09,55.83l2.75-17.96h-17.23v-11.66c0-4.91,2.41-9.7,10.13-9.7h7.84V1.21s-7.11-1.21-13.91-1.21c-14.19,0-23.47,8.6-23.47,24.17v13.69h-15.78v17.96h15.78v44.17h19.42v-44.17h14.48Z" fill="%23ffffff" /%3E%3C/svg%3E') no-repeat center / contain;
  --x_icon_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M59.31,42.34L95.74,0h-8.63l-31.63,36.77L30.21,0H1.08l38.2,55.6L1.08,100h8.63l33.4-38.83,26.68,38.83h29.14l-39.62-57.66h0ZM47.49,56.09l-3.87-5.54L12.82,6.5h13.26l24.85,35.55,3.87,5.54,32.31,46.21h-13.26l-26.36-37.71h0Z" fill="%23ffffff"  /%3E%3C/svg%3E') no-repeat center / contain;
  --fb_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M73.09,55.83l2.75-17.96h-17.23v-11.66c0-4.91,2.41-9.7,10.13-9.7h7.84V1.21s-7.11-1.21-13.91-1.21c-14.19,0-23.47,8.6-23.47,24.17v13.69h-15.78v17.96h15.78v44.17h19.42v-44.17h14.48Z" fill="%23000" /%3E%3C/svg%3E') no-repeat center / contain;
  --x_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M59.31,42.34L95.74,0h-8.63l-31.63,36.77L30.21,0H1.08l38.2,55.6L1.08,100h8.63l33.4-38.83,26.68,38.83h29.14l-39.62-57.66h0ZM47.49,56.09l-3.87-5.54L12.82,6.5h13.26l24.85,35.55,3.87,5.54,32.31,46.21h-13.26l-26.36-37.71h0Z" fill="%23000"  /%3E%3C/svg%3E') no-repeat center / contain;
  
--prev_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
  --next_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
  --prev_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
  --next_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
  --top_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M24.54 65.56 21.72 62.73 47.17 37.27 50 34.44 52.83 37.27 52.83 37.27 78.28 62.73 75.46 65.56 50 40.1 24.54 65.56Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
  
--cross_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M70.55 32.35 67.72 29.52 50.04 47.2 32.37 29.52 29.54 32.35 47.22 50.03 29.54 67.71 32.37 70.54 50.04 52.86 67.72 70.54 70.55 67.71 52.87 50.03 70.55 32.35z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
  --burger_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M72,32H28v-4h44v4ZM72,48H28v4h44v-4ZM72,68H28v4h44v-4Z" fill="%23ddd"  /%3E%3C/svg%3E') no-repeat center / contain;
  
}
