@charset "utf-8";
/* CSS Document */
#adminMinBox,
#adminBox, .acms-admin-box,
.tss_comprehensiveHead{
  position: relative;
  z-index: 100;
}

img{max-width: 100%;}
a{text-decoration: none;}
.tss_body{background-color: #CDE4B9;}
.sksk_bg{
  mix-blend-mode: screen;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/il_bg.png) center center no-repeat;
  background-size: cover;
  z-index: 1;
}
.sksk_bgillust{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/il_bgillust.png) center center no-repeat;
  background-size: cover;
  z-index: 2;
}
.sksk_body{
  position: relative;
  padding: 0 16px 90px;
  background-image: url(../img/il_deco_topbg.png);
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 100;
}


.sksk_body h1{
  padding-top: 24px;
  text-align: center;
}
.sksk_body h1 picture{
  display: block;
  max-width: 1070px;
  aspect-ratio: 535/327;
  margin: auto;
}
.sksk_body h1 picture img{
  width: 100%;
  height: 100%;
}
.sksk_stamp{
  margin-bottom: 8px;
  text-align: center;
}
.sksk_stamp button{
  display: inline-block;
  max-width: 1062px;
  width: 100%;
  padding: 0;
  background: none;
  border: none;
  aspect-ratio: 531/139;
}
.sksk_stamp picture:last-of-type{display: none;}
.sksk_stamp picture img{
  width: 100%;
  height: 100%;
}
.sksk_maineventh2{
  max-width: 1256px;
  border-radius: 10px 10px 0px 0px;
  background-color: #EA4464;
}
.sksk_ttl{
  height: 40px;
  margin: auto;
  padding-top: 6px;
  text-align: center;
}
.sksk_mainevent{
  max-width: 1256px;
  margin: 0 auto 64px;
  padding-bottom: 24px;
  border-radius: 0px 0px 30px 30px;
  border: 3px dashed #DE2E54;
  border-top: none;
}
.sksk_eventimg{
  display: flex;
  justify-content: center;
  padding: 22px 40px 0;
}
.sksk_eventimg div:first-of-type{
  position: relative;
  max-width:356px;
}
.sksk_eventimg div:last-of-type{margin-left: -70px;}
.sksk_eventimg div picture{display: block;}
.sksk_eventimg div:last-of-type picture{aspect-ratio: 8/7;}
.sksk_eventimg div picture img{
  width: 100%;
  height: 100%;
}



.sksk_ampanmanwrap{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -100px auto 32px;
  background-color:#FFF;
  border:solid 4px #FBC600;
  z-index: 2;
  position: relative;
  padding:24px;
  width: 92%;
  border-radius:16px;
}
.sksk_ampanmanshow{
  position: relative;
  max-width:580px;
}
.sksk_ampanmanshow picture{
  display: block;
}
.sksk_ampanmanshow picture img{
  width: 100%;
  height: 100%;
}
.sksk_ampanman_entry{
  width: 554px;
  padding:0 30px;
}
.sksk_ampanman_entry h3{
  line-height: 1.5;
  margin-bottom: 8px;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #37241c;
}
.sksk_ampanman_entry p{
  line-height: 1.5;
  margin-bottom: 14px;
  font-size: 0.875rem;
  color: #37241c;
}
.sksk_ampanman_entry picture{
  display: block;
  aspect-ratio: 40/31;
  width: 240px;
  margin: auto;
}



.sksk_haihai{
  margin-bottom: 48px;
  padding: 0 16px;
}
.sksk_haihaiwrap{
  position: relative;
  max-width: 1000px;
  margin: auto;
  padding: 0 24px 20px 48px;
  border-radius: 30px;
  background-color: #FFFFFF;
  border: 2px solid #E51D52;
  box-shadow: 0px 3px 0px #DE2E54;
}
.sksk_free{
  position: absolute;
  left: -10px;
  top: -24px;
}
.sksk_titlewrap{
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0 14px;
  margin-top:8px;
  margin-bottom: 6px;
}
.sksk_titlewrap h3{
  width: 280px;
  text-align: center;
}
.sksk_titlewrap p{width: 364px;}
.sksk_titlewrap p span{
  width: 47.3%;
  display: inline-block;
  padding: 3px;
  background: linear-gradient(transparent 0, transparent 50%, #FDDC78 50%, #FDDC78 100%);
}
.sksk_titlewrap p span:first-of-type{margin-right: 5.4%;}
.sksk_titlewrap div{width: 200px;}

.sksk_haihaidetail{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px 40px;
  padding-top: 12px;
  border-top: 8px dotted #37A0DA;
}
.sksk_haihaidetail div:first-of-type{
  width: 470px;
  line-height: 1.5;
}
.sksk_haihaidetail div:first-of-type p{
  font-size: 1rem;
  color: #2A1B15;
}
.sksk_haihaidetail div:first-of-type span{
  font-size: 0.875rem;
  color: #2A1B15;
  display: inline-block;
  padding-top: 0.5em;
}
.sksk_haihaidetail div:nth-of-type(2){width: 360px;}
.sksk_haihaidetail div:nth-of-type(2) a{
  display: block;
  width: 100%;
  height: 80px;
  line-height: 1.5;
  padding-top: 16px;
  text-align: center;
  border-radius: 40px;
  background-color: #DE2E54;
  box-shadow: 0px 3px 0px #A81333;
  background-image: url(../img/il_deco_entry_left.svg), url(../img/il_deco_entry_rigth.svg);
  background-position: left 20px center, right 20px center;
  background-repeat: no-repeat;
}
.sksk_haihaidetail div:nth-of-type(2) a p{
  font-size: 1.25rem;
  font-weight: bold;
  color: #FFFFFF;
}
.sksk_haihaidetail div:nth-of-type(2) a span{color: #FFF700;}

.sksk_haihaidetail div.sksk_haihaiclosed a{
  pointer-events:none;
  background-color: #adadad;
  box-shadow: 0px 3px 0px #818181;
}
.sksk_haihaidetail div.sksk_haihaiclosed a p{
  color: #3d3d3d;
}
.sksk_haihaidetail div.sksk_haihaiclosed a span{
  color:#3d3d3d;;
}



.sksk_innerbox{
  position: relative;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.6);
}

.sksk_1fwelcomh2{
  max-width: 1256px;
  border-radius: 10px 10px 0px 0px;
  background-color: #58B86F;
}
.sksk_1fwelcom{
  max-width: 1256px;
  margin: 0 auto 48px;
  padding: 40px 16px 24px;
  border-radius: 0px 0px 30px 30px;
  border: 3px dashed #58B86F;
  border-top: none;
}
.sksk_1fwelcom .sksk_innerbox{
  max-width: 1200px;
  margin: auto;
  padding: 16px 32px 24px;
  border: 1px solid #58B86F;
  box-shadow: 0px 3px 0px #58B86F;
}
.sksk_jaflx{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px 24px;
}
.sksk_1fwelcom h3{
  margin-top: -36px;
  aspect-ratio: 246/155;
}
.sksk_1fwelcom h3 img{
  width: 100%;
  height: 100%;
}
/*.sksk_jaflx div{aspect-ratio: 109/46;}*/
.sksk_jaflx div img{
  width: 100%;
  height: 100%;
}



.sksk_3fsouth{
  max-width: 1256px;
  margin: 0 auto 32px;
  padding: 24px 24px 32px;
  border-radius:30px;
  border: 3px dashed #EF8200;
}
.sksk_3fsouthh2{
  max-width: 1256px;
  border-radius: 10px 10px 0px 0px;
  background-color: #EF8200;
}
.sksk_eventwrap{
  display: flex;
  justify-content: center;
  gap: 32px;
}
.sksk_3fsouth .sksk_innerbox{
  padding: 0 0 16px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #EF8200;
  box-shadow: 0px 3px 0px #EF8200;
  border-top: none;
}

.sksk_3fsouth .sksk_innerbox h3{
  display: block;
  background-color: #EF8200;
  padding: 8px;
  border-radius: 20px 20px 0 0;
}

.sksk_3fsouth .sksk_innerbox div{padding: 16px;}
/*.sksk_3fsouth .sksk_innerbox:first-of-type div{aspect-ratio: 167/80;}
.sksk_3fsouth .sksk_innerbox:last-of-type div{aspect-ratio: 521/254;}*/
.sksk_3fsouth .sksk_innerbox div img{
  width: 100%;
  height: 100%;
}



.sksk_kodomoclubh2{
  display: flex;
  max-width: 1256px;
  margin: auto;
}
.sksk_kodomoclubh2 p{
  width: calc(100%/3);
  height: 40px;
  text-align: center;
  padding-top: 6px;
}
.sksk_kodomoclubh2 p:nth-of-type(1){
  background-color: #EA4464;
  border-top-left-radius: 10px;
}
.sksk_kodomoclubh2 p:nth-of-type(2){background-color: #58B86F;}
.sksk_kodomoclubh2 p:nth-of-type(3){
  background-color: #EF8200;
  border-top-right-radius: 10px;
}
.sksk_kodomoclub{
  max-width: 1256px;
  margin: 0 auto 48px;
  padding: 24px 24px 40px;
  border-radius: 0px 0px 30px 30px;
  border: 3px dashed #858585;
  border-top: none;
}
.sksk_kodomoclub .sksk_innerbox{
  max-width: 1200px;
  margin: 0 auto 24px;
  padding: 14px 32px;
  border: 1px solid #AFAFAF;
  box-shadow: 0px 3px 0px #58B86F;
}
.sksk_kaiin{
  display: flex;
  justify-content: space-between;
  justify-content:space-around;
  align-items: center;
  gap: 24px 32px;
}
.sksk_kaiin div:first-of-type{aspect-ratio: 219/82;}
.sksk_kaiin div:nth-of-type(2){aspect-ratio: 667/196;}
.sksk_kaiin div img{
  width: 100%;
  height: 100%;
}
.sksk_kaiinbnr{
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 100/31;
  margin: auto;
}
.sksk_kaiinbnr img{
  width: 100%;
  height: 100%;
}



.sksk_booth{
  max-width:1256px;
  margin:0 auto 72px;
}
.sksk_booth h2{
  margin-bottom: 24px;
  text-align: center;
}
.sksk_boothentrywp{
  display:flex;
  /*flex-wrap:wrap;*/
  /*justify-content: space-between;*/
  /*align-items: flex-start;*/
  justify-content:center;
  gap: 40px 24px;
}
.sksk_boothentry{
  width: 48%;
  max-width: 440px;
  background-color:#FFF;
  border-radius:20px;
}
.sksk_boothentry > div{height: 100%;}
.sksk_boothentry a{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sksk_boothentry h3{
  /*height: 134px;*/
  border-bottom:solid 1px #DBDBDB;
}
.sksk_boothentry h3 img{
  padding:20px 40px 12px;
}
.sksk_sp_btm{
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
}
.sksk_sp_btm .sksk_plcdt{
  display: flex;
  align-items: center;
}
.sksk_boothentry span{
  color:#FFF;
  font-size: 0.75rem;
  padding: 0.5em;
  display:inline-block;
}
.sksk_boothentry b{
  margin-left: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #000000;
}
.sksk_boothentry b.sksk_5{color: #219895;}
.sksk_boothentry b.sksk_6{color: #EE455F;}
.sksk_sp_label1{
  background-color:#DE2E54;
}
.sksk_sp_label2{
  background-color:#006730;
}
.sksk_sp_label3{
  background-color:#0051A4;
}
.sksk_sp_label4{
  background-color:#0051A4;
}
.sksk_sp_btm .sksk_upwrap > p{
  color:#707070;
  font-size:0.875rem;
  margin:1em 0;
  line-height:1.5;
}



.sksk_map{
  max-width: 1200px;
  margin: 0 auto 40px;
  text-align: center;
}
.sksk_map button{
  padding: 0;
  background: none;
  border: none;
}
.sksk_map picture{
  display: block;
  aspect-ratio: 134/97;
  margin-bottom: 64px;
}
.sksk_map picture img{
  width: 100%;
  height: 100%;
}
.sksk_map div p{
  margin-bottom: 18px;
  text-align: center;
  font-size: 1.625rem;
  font-weight: bold;
  color: #37241C;
}
.sksk_map div span{
  display: block;
  line-height: 1.5;
  max-width: 624px;
  margin: 0 auto 40px;
  color: #37241C;
}
.sksk_map div span.sksk_notes{
  max-width: 589px;
  text-align: left;
}
.sksk_map div a{
  display: block;
  max-width: 500px;
  height: 80px;
  margin: 0 auto 48px;
  padding-top: 31px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 40px;
  background-color: #2A1B15;
}



.sksk_sponsor dt{
  margin-bottom: 8px;
  text-align: center;
  font-weight: bold;
  color: #37241C;
}
.sksk_sponsor dd:nth-last-of-type(n+2){
  display: flex;
  justify-content: center;
  gap: 24px 32px;
  margin:0 auto 56px;
  max-width: 1160px;
  flex-wrap: wrap;
}
.sksk_sponsor dd:last-of-type{
  line-height: 2.5;
  text-align: center;
  color: #37241C;
}
.sksk_sponsor dd:last-of-type p{margin-bottom: 56px;}
.sksk_sponsor dd span{margin-left: 1em;}
.sksk_sponsor dd img{
  max-width:264px;
  margin:auto;
}



.sksk_rightbtn{
  position: fixed;
  right: 0;
  bottom: 186px;
  z-index: 110;
}
.sksk_rightbtn button{
  display: block;
  width: 90px;
  height: 200px;
  padding: 0;
  background-color: #231815;
  border-radius: 30px 0px 0px 30px;
  border: 6px solid #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.sksk_rightbtn button img{
  width: 66px;
  height: 178px;
}
.sksk_caution{
  text-align:center;
  font-size:0.75em;
  padding-bottom:48px;
  line-height:1.375;
  text-shadow: 2px 3px 3px rgba(255, 255, 255, 0.4);
}


.modaal-inner-wrapper{
  padding-left: 0;
  padding-right: 0;
}
.modaal-container{box-shadow: none;}
.modaal-content-container{padding: 10px;}
.modaal-close:before,
.modaal-close:after{background-color: #707070;}







@media screen and (min-width:801px){
  .sksk_stamp button:hover picture:first-of-type{display: none;}
  .sksk_stamp button:hover picture:last-of-type{display: inline;}
  .sksk_haihaidetail div:nth-of-type(2) a:hover{
    border: 1px solid #DE2E54;
    background-color: #EF8C9F;
  }
  .sksk_map div a:hover{background-color: #858585;}
  .sksk_rightbtn button:hover{background-color: #858585;}
  .sksk_boothentry a:hover  h3 img,
  .sksk_sponsor a:hover img{opacity:0.7;}
  
}




@media screen and (max-width:1280px){
  .sksk_eventimg div:last-of-type{margin-left: -4.8vw;}
}
@media screen and (max-width:1120px){
  .sksk_bgillust{background-size: 171.4%;}


  .sksk_haihaidetail div:nth-of-type(2) a{
    height: max(7.14vw, 72px);
    background-size: 3.4vw auto;
  }
  .sksk_haihaidetail div:nth-of-type(2) a p{font-size: clamp(0.875rem, -0.063rem + 1.88vw, 1.25rem);}/*14-20 800-1120*/
  .sksk_haihaidetail div:nth-of-type(2) a span{font-size: clamp(0.75rem, 0.125rem + 1.25vw, 1rem);}/*12-16 800-1120*/
}
@media screen and (max-width:800px){
  .sksk_body{padding-bottom: calc(17.5vw + 120px);}
  
  .sksk_eventimg{padding: 20px 16px 0;}


  .sksk_ttl{padding-top: 10px;}
  .sksk_ttl img{height: 20px;}
  .sksk_3fsouth .sksk_innerbox h3 img{height: 20px;}

  .sksk_eventimg{
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .sksk_eventimg div:last-of-type{
    width: 100%;
    margin: auto;
    order: 1;
  }
  .sksk_eventimg div:first-of-type{
    order: 2;
    margin-top: -14.375vw;
  }

  .sksk_ampanmanwrap{
    flex-wrap: wrap;
    margin-top: 0;
  }
  .sksk_ampanman_entry{
    max-width: 398px;
    margin: 0 auto;
    padding: 32px 0 0;
  }
  .sksk_ampanman_entry h3{font-size: clamp(0.688rem, 0.252rem + 1.62vw, 1.063rem);}/*11-17 430-800*/

  .sksk_haihaiwrap{
    margin-top: 0;
    padding: 1em 24px 20px;
  }
  .sksk_titlewrap{
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    gap: 8px 3%;
  }
  .sksk_titlewrap h3{
    width: 80%;
    margin: 0;
  }
  .sksk_titlewrap p{width: 72%;}
  .sksk_titlewrap div{width: 24%;}
  .sksk_free{width: 18%;}
  .sksk_haihaidetail{flex-wrap: wrap;}
  .sksk_haihaidetail div:first-of-type{width: 100%;}
  .sksk_haihaidetail div:first-of-type p{font-size: clamp(0.875rem, 0.599rem + 1.05vw, 1.125rem);}/*14-18 420-800*/
  .sksk_haihaidetail div:first-of-type span{font-size: clamp(0.75rem, 0.612rem + 0.53vw, 0.875rem);}/*12-14 420-800*/
  .sksk_haihaidetail div:nth-of-type(2){margin: auto;}
  .sksk_haihaidetail div:nth-of-type(2) a{
    background-size: 24px auto;
    background-position: left 4px center, right 3px center;
  }



  .sksk_1fwelcom h3{width: 60%;}


  .sksk_3fsouth{padding: 16px 16px 24px;}
  .sksk_kodomoclubh2 p{
    height: 46px;
    padding-top: 8px;
  }
  .sksk_kodomoclubh2 p img{height: 30px;}
  .sksk_kodomoclub{padding: 16px 16px 24px;}
  .sksk_kodomoclub .sksk_innerbox{padding: 12px 16px;}
  .sksk_kaiinbnr{aspect-ratio: 400/417;}


  .sksk_booth h2 img{width: 80%;}
  .sksk_boothentrywp{gap: 40px 2%;}
  .sksk_boothentry h3{height: 109px;}
  .sksk_sp_btm{height: calc(100% - 109px);}


  .sksk_map div p{font-size: clamp(1.125rem, 0.572rem + 2.11vw, 1.625rem);}/*18-26 420-800*/
  .sksk_map div span{font-size: clamp(0.875rem, 0.737rem + 0.53vw, 1rem);}/*14-16 420-800*/
  .sksk_map div a{
    width: 90%;
    height: 64px;
    padding-top: 26px;
    font-size: clamp(0.875rem, 0.461rem + 1.58vw, 1.25rem);/*14-20 420-800*/
  }


  .sksk_sponsor dd:last-of-type{font-size: clamp(0.875rem, 0.737rem + 0.53vw, 1rem);}/*14-16 420-800*/
  .sksk_sponsor dd span{
    display: block;
    margin-left: 0;
  }
  .sksk_sponsor dd br{display: none;}
  .sksk_sponsor dd a{color: #000000;}
  
  .sksk_sponsor dd:nth-last-of-type(n+2){flex-wrap:wrap;}


  .sksk_rightbtn{bottom: 260px;}
  .sksk_rightbtn button{
    width: 64px;
    height: 160px;
    border-radius: 20px 0 0 20px;
  }
  .sksk_rightbtn button img{
    width: 40px;
    height: 108px;
  }
}


@media screen and (max-width:640px){ 
  .sksk_stamp button{aspect-ratio: 375/208;}

  .sksk_kaiin{flex-wrap: wrap;}
  .sksk_jaflx {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  } 
  .sksk_kaiinbnr{aspect-ratio: 400/417;}
  .sksk_boothentry{width: 100%;}
  .sksk_boothentry h3{height: auto;}
  .sksk_sp_btm{height: auto;}


  .sksk_eventwrap{
    flex-wrap: wrap;
    justify-content: center;
  }
}