@charset "utf-8";
/* CSS Document */
/* 上書き */
#adminBox, .acms-admin-box,
header{
  position: relative;
  z-index: 9999;
}
#adminBox, .acms-admin-box{margin-bottom: 0;}
.tss_footer{
  color: #000C7D;
  background-color: #FAED00;
}
.tss_footer a{
  font-size: 0.875rem;
  color: #000C7D;
}

img{
  max-width: 100%;
  height: auto;
}


/* dsk_btnEntry */
.dsk_formTxt{
  font-size: clamp(1rem, 0.587rem + 1.54vw, 1.375rem);/*16-22 430-820*/
  color: #000c7d;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.dsk_formTxt span{display: inline-block;}

.dsk_btnEntry{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  background-color: #FFF;
  border: 1px solid #707070;
  border-radius: 9999px;
  transition: transform .2s;
}
.dsk_btnEntry::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  transition: background-color 0.3s ease;
  pointer-events: none;
}
.dsk_btnEntry img{
  max-height: 50%;
  object-fit: contain;
}


/* dsk_kvSec */
.dsk_kvSec{position: relative;}
.dsk_kvSec::before{
  content: '';
  display: block;
  position: fixed;
  z-index: -1;
  inset: 0;
  max-width: 1246px;
  margin-inline: auto;
  background: url("../img/kirakira.webp") no-repeat center center / contain;
}
.dsk_kvSec::after{
  content: '';
  display: block;
  position: fixed;
  z-index: -2;
  inset: 0;
  background: url("../img/bg.webp") no-repeat center center / cover;
}
.dsk_kvLogo{
  margin-top: 16px;
  text-align: center;
}
.dsk_kvMain{text-align: center;}


/* dsk_topSec */
.dsk_topSec{
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: clamp(12px,2vw,20px) clamp(0rem, -2.756rem + 10.26vw, 2.5rem);/*0-40 430-820*/
  width: fit-content;
  margin-inline: auto;
  padding-inline: 8px;
}
.dsk_kvCast{text-align: center;}
.dsk_kvLocation{text-align: center;}
.dsk_kvDay{
  grid-column: 1/-1;
  padding-inline: 8px;
  text-align: center;
}


/* dsk_kvTicketSec */
.dsk_kvTicketSec{margin-top: clamp(12px,2vw,24px);}
.dsk_kvTicket{padding-inline: 8px;text-align: center;}


/* dsk_noteSec */
.dsk_noteSec{
  max-width: 960px;
  margin-inline: auto;
  margin-top: 24px;
  padding-inline: 8px;
}
.dsk_noteBlock{
  padding: clamp(24px,2vw,40px) 8px;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  color: #585858;
  line-height: 1.6;
  border: 4px solid #FFF;
  border-radius: 24px;
  background-image: radial-gradient(rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1));
  box-shadow: 0px 0px 27px 0px rgba(255, 255, 255, 1);
}
.dsk_noteList{
  max-width: 840px;
  margin-inline: auto;
}
.dsk_noteList_li{
  display: flex;
  align-items: flex-start;
}
.dsk_noteList_li:not(:last-child){margin-top: 8px;}
.dsk_noteList_li::before{
  content: "";
  flex-shrink: 0;
  width: 10px;
  aspect-ratio: 10 / 9;
  margin-top: calc((1.6em - 10px) / 2);
  margin-right: 8px;
  vertical-align: middle;
  background: #585858;
}
/* dsk_AddBlock */
.dsk_AddBlock{
  max-width: 840px;
  margin-inline: auto;
  margin-top: clamp(24px,2vw,32px);
}
.dsk_AddBlock > dt{
  font-weight: bold;
}
/* dsk_tvNoteBlock */
.dsk_tvNoteBlock{
  max-width: 840px;
  margin-inline: auto;
  margin-top: 24px;
  padding: clamp(8px,2vw,18px);
  background-color: #FFF;
  border: 1px solid #ABABAB;
}
.dsk_tvNoteBlock > dt{
  color: #FF0000;
  font-weight: bold;
}


/* dsk_formSec */
.dsk_formSec{
  max-width: 960px;
  margin-inline: auto;
  margin-top: 24px;
  padding-inline: 8px;
}
.dsk_formBlock{
  background-image: radial-gradient(rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1));  
  border-radius: 0 0 24px 24px;
  box-shadow: 0px 0px 27px 0px rgba(255, 255, 255, 1);
}
.dsk_formTtl{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  background-color: #000C7D;
}
.dsk_formTtl p{
  width: 100%;
  text-align: center;
  font-size: clamp(0.625rem, 0.48rem + 0.54vw, 0.75rem);/*10-12 430-800*/
  color: #FFFFFF;
}
.dsk_formCont{
  position: relative;
  padding: clamp(24px,2vw,40px) 8px;
  border: 4px solid #FFF;
  border-top: unset;
  border-radius: 0 0 24px 24px;
}
.dsk_formCont .dsk_btnEntry{
  max-width: 540px;
  height: clamp(3.75rem, -0.109rem + 14.36vw, 7.25rem);/*60-116 430-820*/
  margin-top: 10px;
}
.dsk_formCont .dsk_btnEntry.dsk_notlink{
  pointer-events: none;
  background-color: transparent;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.dsk_sponsorbnr{margin-top: 32px;}
.dsk_sponsorbnr div{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.dsk_sponsorbnr div:nth-of-type(n+2){margin-top: 14px;}
.dsk_sponsorbnr dt{
  width: 5em;
  text-align: right;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
}


/* dsk_sponcerSec */
.dsk_sponcerSec{
  margin-top: 14px;
  padding: clamp(16px,2vw,48px) 8px clamp(16px,2vw,40px);
  background-image: radial-gradient(rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1));
  box-shadow: 0px 0px 27px 0px rgba(255, 255, 255, 1);
}
.dsk_sponcerSec >*{
  max-width: 840px;
  margin-inline: auto;
}
.dsk_sponcerSec >*:last-child{
  margin-top: clamp(12px,2vw,32px);
  padding-top: clamp(12px,2vw,40px);
  border-top: 1px solid #FFFFFF;
  box-shadow: 0px -3px 0px 0px rgb(0, 0, 0, 0.16);
}
.dsk_sponcerList{
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  font-weight: bold;
}
.dsk_sponcerList >*{
  display: flex;
  line-height: 1.4;
}
.dsk_sponcerList >*:last-child{margin-top: 8px;}
.dsk_sponcerList dt{white-space: nowrap;}
.dsk_sponcer_small{
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  font-weight: 400;
}


/* dsk_floatBlock */
.dsk_floatBlock{
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 14px;
  background-image: linear-gradient(180deg, rgba(0, 12, 125, 0.07), rgb(57 66 153 / 66%) 20%, rgba(0, 6, 63, 1));
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.8s 0.2s, opacity 0.8s 0.2s;
}
.dsk_floatBlock.show{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
}
.dsk_floatBlock .dsk_btnEntry{
  max-width: 540px;
  height: clamp(3.75rem, 2.372rem + 5.13vw, 5rem);/*60-80 430-820*/
  margin-bottom: 10px;
}
/*.dsk_floatBlock span{
  display: block;
  text-align: center;
  font-size: clamp(0.625rem, 0.48rem + 0.54vw, 0.75rem);
  color: #FFFFFF;
}*/
.dsk_floatBlock .dsk_formTxt{
  color:#FFF;
}
.dsk_before_release{
  background: #fefc64;
  line-height: 1.5;
}

@media (hover: hover) and (pointer: fine) {
  .dsk_btnEntry:hover{transform: translateY(2px);}
  .dsk_btnEntry:hover::after{background-color: rgba(255, 255, 255, 0.4);}
}

@media screen and (max-width:800px){
  .tss_body{padding-bottom: calc(17.5vw + 120px);}
  .dsk_floatBlock{bottom: clamp(5.313rem, 1.318rem + 14.86vw, 8.75rem);}/*85-140 430-800*/
  /* .tss_gotop{bottom: clamp(11.25rem, 5.003rem + 23.24vw, 16.625rem);}180-266 430-800 */
}

@media screen and (max-width:520px){
  .dsk_topSec{grid-template-columns: auto;}
  .dsk_kvCast {
    max-width: 320px;
    margin-inline: auto;
  }
}