@charset "utf-8";

.singagain3-poll {
  position: relative;
  max-width: 904px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  font-size: 27px;
  font-weight: 300;
  line-height: 40.5px;
  letter-spacing: -0.81px;
  text-align: center;
}

article, aside, audio, blockquote, body, canvas, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video {
  margin: 0;
  padding: 0;
}

.event-dark {
  background-color: #000;
}

.logo-co {
  padding-top: 10%;
  margin: 0 10%;
}

.singagain3-poll .title-area {
  padding-top: 10%;
  margin: 0 10%;
}

.singagain3-poll img {
  width: 100%;
}

.singagain3-poll button {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  font-size: inherit;
}

.singagain3-poll button > span {
  display: block;
}

.singagain3-poll .hide {
  display: none;
}

.singagain3-poll .show {
  display: block;
}

.singagain3-poll .info-area {
  margin-top: 52px;
}

.singagain3-poll .info-area > strong {
  color: #ee495a;
}

.singagain3-poll .info-area > strong > br {
  display: none;
}

.singagain3-poll .info-area > p {
  margin-top: 16px;
  font-weight: 300;
}

.singagain3-poll .info-area > p > b {
  font-weight: 700;
}

.singagain3-poll .info-area > p > em {
  font-weight: 700;
  font-style: normal;
}

.singagain3-poll .dday-area {
  position: relative;
  margin: 80px 35px 80px;
}

.singagain3-poll .dday-area .txt {
position: absolute;
left: 55%;
top: 50%;
transform: translate3D(-68%,-50%,0);
font-size: 29px;
white-space: nowrap;
}

.singagain3-poll .dday-area .txt span {
font-weight: 400;
letter-spacing: -0.5px;
}

.singagain3-poll .dday-area .txt span:last-child {
display: block;
text-align: center;
}

.singagain3-poll .dday-area .txt span.mo {
display: none;
}

.singagain3-poll .dday-area .txt strong {
margin-left: 30px;
font-weight: 700;
letter-spacing: -0.5px;
}

.singagain3-poll .dday-area .end {
left: 33%
}

.singagain3-poll .dday-area .btn {
position: absolute;
right: 73px;
top: 50%;
transform: translateY(-50%);
height: 50px;
padding: 12px 30px;
border-radius: 100px;
border: 1px solid #f5ff92;
}

.singagain3-poll .dday-area .btn span {
display: block;
margin-top: -3px;
color: #f5ff92;
font-size: 24px;
font-weight: 400;
letter-spacing: 1px;
}

.singagain3-poll .login-area {
position: relative;
height: 0;
top: -80px;
}

.singagain3-poll .login-area p {
position: absolute;
left: 50%;
top: 18px;
transform: translate3d(-50%, 0, 0);
color: rgba(255, 255, 255, 0.70);
font-size: 24px;
font-weight: 300;
line-height: normal;
letter-spacing: -0.72px;
}

.singagain3-poll .poll-area {
z-index: 1;
position: relative;
/* margin: 1px 3px; */
}

.singagain3-poll .poll-area.result:after {
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
}

.singagain3-poll .poll-area ul {
display: flex;
flex-flow: row wrap;
gap: 14px;
}

.singagain3-poll .poll-area li {
position: relative;
width: 198px;
}

.singagain3-poll .poll-area li label {
display: block;
font-size: 0;
}

.singagain3-poll .poll-area li input[type=checkbox] {
display: none;
}

.singagain3-poll .poll-area li.select > label:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("../img/layer_selected.png") no-repeat 0 0 / contain;
}

.singagain3-poll .poll-area li.select > label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}

.singagain3-poll .poll-area li .txt {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 57px;
background-color: #191919;
}

.singagain3-poll .poll-area li .txt:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: rgb(52, 52, 52, 0.35);
background: linear-gradient(90deg, rgba(52, 52, 52, 0.35), rgba(255, 255, 255, 1), rgba(77, 77, 77, 0.35) 100%);
}

.singagain3-poll .poll-area li .txt img {
width: auto;
height: 22px;
}

.singagain3-poll .submit-area {
z-index: 1;
position: relative;
margin: 60px 0 90px;
}

.singagain3-poll .submit-area button {
display: inline-block;
width: 378px;
height: 95px;
background-color: #ee495a;
border-radius: 100px;
border: 0 none;
visibility: top;
}

.singagain3-poll .qr-area {
width: 50vw;
height: 50vw;
margin: 0 auto;
padding-top: 50px;
max-width: 500px; 
max-height: 500px; 
}

.singagain3-poll .qr-area .qr{
background-color: #ffffff;
width: 50vw;
height: 50vw;
max-width: 500px; 
max-height: 500px; 
margin: 0 auto;
}

.singagain3-poll .link-area {
padding: 50px 0;
}

.singagain3-poll .link-area a {
display: inline-block;
width: 50vw;
width: 378px;
height: 95px;
background-color: #ee495a;
border: 0 none;
visibility: top;
font-weight: 700;
border-radius: 100px;
position: relative;
}
.singagain3-poll .link-area a span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.singagain3-poll .submit-area button[disabled=disabled] {
background-color: #404040;
}

.singagain3-poll .submit-area button span {
font-size: 32px;
font-weight: 700;
}

.singagain3-poll .notice-area {
z-index: 1;
position: relative;
padding-bottom: 141px;
text-align: left;
}

.singagain3-poll .notice-area dl {
margin: 0 35px;
}

.singagain3-poll .notice-area dt {
margin-bottom: 18px;
color: #ee495a;
font-weight: 400;
}

.singagain3-poll .notice-area dd {
position: relative;
margin-bottom: 14px;
padding-left: 14px;
color: #ffffff;
font-size: 22px;
font-weight: 300;
letter-spacing: -0.66px;
line-height: normal;
}

.singagain3-poll .notice-area dd:last-child {
margin-bottom: 0;
}

.singagain3-poll .notice-area dd:after {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #ee495a;
}

.singagain3-poll .notice-area dd i {
position: relative;
font-weight: 700;
font-style: normal;
}

.singagain3-poll .notice-area dd i:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #ee495a;
}

.singagain3-poll .bg-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#bridge_area {
  display: none;
}
#bridge_area.active{
  display: block;
}

.vote_bridge h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 39px;
  margin-bottom: 29px;
}

.vote_bridge h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color:#999;
}

.vote_bridge .center_img {
  padding: 0 10%;
}

.vote_bridge .center_img img {
  width: 100%;
}

.vote_bridge .bottom_btn {
  text-align: center;
  bottom:15vw;
}
.vote_bridge .bottom_btn .careful_btn {
  display: inline-block;
  text-decoration: underline;
  padding: 10px 0;
  font-size: 14px;
  color: #999;
  border:none;
  background-color: transparent;
  line-height: 21px;
  font-weight: 400;
}

@media screen and (max-width: 904px) {
  .singagain3-poll {
    min-width: 0px;
    font-size: calc(100vw * (27 / 907));
    line-height: calc(100vw * (40.5 / 907));
    letter-spacing: calc(100vw * (-0.81 / 907));
  }

  .singagain3-poll .info-area {
    margin-top: calc(100vw * (52 / 907));
  }

  .singagain3-poll .info-area > strong > br {
    display: block;
  }
  /*
  .singagain3-poll .info-area > p {
    margin-top: calc(100vw * (16 / 907));
  }
  */
  .singagain3-poll .dday-area {
    margin: calc(100vw * (80 / 907)) calc(100vw * (35 / 907)) calc(100vw * (80 / 907));
  }

  .singagain3-poll .dday-area .txt {
    font-size: calc(100vw * (29 / 907));
  }
  
  .singagain3-poll .dday-area .txt span {
  letter-spacing: calc(100vw * (-0.5 / 907));
  }
  
  .singagain3-poll .dday-area .txt strong {
  margin-left: calc(100vw * (30 / 907));
  letter-spacing: calc(100vw * (-0.5 / 907));
  }
  
  .singagain3-poll .dday-area .txt span.pc {
  display: none;
  }
  
  .singagain3-poll .dday-area .txt span.mo {
  display: inline;
  }
  
  .singagain3-poll .dday-area .end {
  transform: translate3D(0,-50%,0);
  }
  
  .singagain3-poll .dday-area .btn {
  right: calc(100vw * (73 / 907));
  height: calc(100vw * (50 / 907));
  padding: calc(100vw * (12 / 907)) calc(100vw * (30 / 907));
  border-radius: calc(100vw * (100 / 907));
  }
  
  .singagain3-poll .dday-area .btn span {
  margin-top: calc(100vw * (-3 / 907));
  font-size: calc(100vw * (24 / 907));
  letter-spacing: calc(100vw * (1 / 907));
  }
  
  .singagain3-poll .login-area {
    top: calc(100vw * (-80 / 907));
  }
  
  .singagain3-poll .login-area p {
    top: calc(100vw * (18 / 907));
    font-size: calc(100vw * (24 / 907));
    letter-spacing: calc(100vw * (-0.72 / 907))
  }
  
  .singagain3-poll .poll-area {
    margin: 0 calc(100vw * (135 / 907));
  }
  
  .singagain3-poll .poll-area ul {
    gap: calc(100vw * (14 / 907));
  }
  
  .singagain3-poll .poll-area li {
    width: calc(100vw * (198 / 907));
  }
  
  .singagain3-poll .poll-area li .txt {
    height: calc(100vw * (57 / 907));
  }
  
  .singagain3-poll .poll-area li .txt img {
    height: calc(100vw * (22 / 907));
  }
  
  .singagain3-poll .submit-area {
    margin: calc(100vw * (60 / 907)) 0 calc(100vw * (90 / 907));
  }
  
  .singagain3-poll .submit-area button {
    width: calc(100vw * (378 / 907));
    height: calc(100vw * (95 / 907));
    border-radius: calc(100vw * (100 / 907));
  }
  
  .singagain3-poll .submit-area button span {
    font-size: calc(100vw * (32 / 907));
  }
  
  .singagain3-poll .notice-area {
    padding-bottom: calc(100vw * (141 / 907));
  }
  
  .singagain3-poll .notice-area dl {
    margin: 0 calc(100vw * (35 / 907));
  }
  
  .singagain3-poll .notice-area dt {
    margin-bottom: calc(100vw * (18 / 907));
  }
  
  .singagain3-poll .notice-area dd {
    margin-bottom: calc(100vw * (14 / 907));
    padding-left: calc(100vw * (14 / 907));
    font-size: 12px;
    letter-spacing: calc(100vw * (16 / 907))-0.66;
  }
  
  .singagain3-poll .notice-area dd:after {
    top: calc(100vw * (8 / 907));
    width: calc(100vw * (4 / 907));
    height: calc(100vw * (4 / 907));
    border-radius: calc(100vw * (2 / 907));
  }

  .singagain3-poll .link-area a {
    width: calc(100vw * (378 / 907));
    height: calc(100vw * (95 / 907));
    border-radius: calc(100vw * (100 / 907));
    }
}

/*
@media screen and (max-width: 904px) {









*/