@charset "UTF-8";
/*-----------------------------------------------------------------------
 vote
----------------------------------------------------------------------- */
.vote_head {
  margin: 0 auto 3%;
  width: 90.2%;
}
.vote-list {
  margin: 0 auto 5%;
  width: 100%;
}
@media screen and (max-width: 583px) {
  .vote_head {
    width: 100%;
  }
  .vote-list {
    margin: 0 auto 12%;
    width: 95%;
  }
}


/*-----------------------------------------------------------------------
 vote_info
----------------------------------------------------------------------- */
.vote_info_inner_wrap {
  border: 3px solid #fff0f4;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 1px rgba(255, 53, 108, 0.4), 0px 0px 2px 1px rgba(255, 53, 108, 0.4) inset, 0px 0px 9px 5px rgba(255, 53, 108, 0.4), 0px 0px 9px 5px rgba(255, 53, 108, 0.4) inset;
  margin: 0 auto 5%;
  padding: 0 0 6.5%;
  width: 100%;
}
.vote_info_head {
  margin: 0 auto 3%;
  width: 85%;
}
.vote_info_content {
  margin: 4% auto 5%;
  width: 66%;
}
.vote_info_map_warap {
  height: 0;
  margin: 0 auto;
  padding-bottom: 48%;
  position: relative;
  width: 66%;
}
.vote_info_map_warap iframe {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 583px) {
  .vote_info_head {
    width: 100%;
  }
  .vote_info_inner_wrap {
    margin: 0 auto 10%;
    padding: 0 0 9%;
  }
  .vote_info_content {
    margin: 7% auto;
    width: 90%;
  }
  .vote_info_map_warap {
    padding-bottom: 100%;
    position: relative;
    width: 90%;
  }
}
@media screen and (max-width: 479px) {
  .vote_info_inner_wrap {
    border-width: 2px
  }
}

/*-----------------------------------------------------------------------
 vote_twitter
----------------------------------------------------------------------- */
.vote_twitter_head {
  margin: 0 auto 3%;
  width: 85%;
}
.vote_twitter_inner {
  border: 3px solid #fefefe;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 1px rgba(0, 145, 255, 0.4), 0px 0px 2px 1px rgba(0, 145, 255, 0.4) inset, 0px 0px 9px 5px rgba(0, 145, 255, 0.4), 0px 0px 9px 5px rgba(0, 145, 255, 0.4) inset;
  letter-spacing: -0.4em;
  margin: 0 auto 4%;
  padding: 0 0 6%;
  width: 100%;
}
.voteTwitter_tate {
  display: inline-block;
  width: 50%;
}
.vote_twitter_present
.voteTwitter_tate
.vote_twitter_follow1,
.vote_twitter_tweet1,
.vote_twitter_follow2,
.vote_twitter_tweet2 {
  letter-spacing: 0.1em;
  margin: 0 auto;
}
.vote_twitter_follow1,
.vote_twitter_tweet1,
.vote_twitter_follow2,
.vote_twitter_tweet2 {
  width: 100%;
}
@media screen and (max-width: 583px) {
  .vote_twitter_head {
    width: 100%;
  }
  .vote_twitter_content img {
    padding: 9% 0;
    width: 92%;
  }
  .vote_twitter_inner {
    padding: 7% 3% 6%;
  }
  .voteTwitter_tate {
    display: block;
    margin: -4% auto 0;
    width: 88%;
  }
}
@media screen and (max-width: 479px) {
  .vote_twitter_content {
    border-width: 2px;
    margin: 0 auto 10%;
  }
}


/*-----------------------------------------------------------------------
 page_terms
----------------------------------------------------------------------- */
.page_terms .inner {
  padding: 7.6% 0 5.6%;
}
.page_terms-head,
.page_terms-text {
  width: 100%;
}
.page_terms-head {
  border: 3px solid #fefefe;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 1px rgba(0, 145, 255, 0.4), 0px 0px 2px 1px rgba(0, 145, 255, 0.4) inset, 0px 0px 9px 5px rgba(0, 145, 255, 0.4), 0px 0px 9px 5px rgba(0, 145, 255, 0.4) inset;
  cursor: pointer;
  font-weight: bold;
  margin: 0 auto 12px;
  padding: 3% 0 2.8% 5.6%;
  position: relative;
  text-align: left;
  z-index: 2;
}
.page_terms-head img {
  width: 44.1%;
}
.page_terms-head::after {
  background: url(/special/halloween2019/img/terms_plus.png) no-repeat;
  background-size: 100%;
  content: '';
  height:0;
  margin-top: -4%;
  padding: 0 0 8%;
  position: absolute;
  right: 3%;
  top: 50%;
  transition: 0.2s ease;
  width: 8%;
}
.page_terms-head.is-opend::after {
  background-image: url(/special/halloween2019/img/terms_minus.png);
}
.page_terms-text {
  border: 3px solid #fff;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  text-align: left;
  text-shadow: 0px 0px 5px rgba(0, 145, 255, 1), 0px 0px 15px rgba(0, 145, 255, 0.4);
  word-wrap: break-word;
  /* accordion */
  border-width: 0;
  box-shadow: none;
  max-height: 0;
  overflow: hidden;
  padding: 0 40px;
  position: relative;
  transition: padding 0.2s ease;
  visibility: hidden;
  z-index: 1;
}
.page_terms-text.is-opend {
  /* accordion */
  border-width: 3px;
  box-shadow: 0px 0px 2px 1px rgba(0, 145, 255, 0.4), 0px 0px 2px 1px rgba(0, 145, 255, 0.4) inset, 0px 0px 9px 5px rgba(0, 145, 255, 0.4), 0px 0px 9px 5px rgba(0, 145, 255, 0.4) inset;
  max-height: none;
  padding: 32px 40px;
  visibility: visible;
}
.page_terms a {
  color: #fff;
  text-decoration: underline;
  text-shadow: 0px 0px 5px rgba(0, 145, 255, 1), 0px 0px 15px rgba(0, 145, 255, 0.4);
}
.page_terms .is-adjust_position {
  display: block;
  text-indent: -0.5em;
}
@media screen and (max-width: 767px) {
  .page_terms .inner {
    padding: 6.2% 0 5.6%;
  }
  .page_terms-head {
    padding: 3% 0 2.8% 3.6%;
  }
  .page_terms-head img {
    width: 52%;
  }
  .page_terms-text {
    font-size: 14px;
    padding: 0 32px;
  }
  .page_terms-text.is-opend {
    padding: 28px 32px;
  }
}
@media screen and (max-width: 583px) {
  .page_terms .inner {
    padding: 6.2% 0 7.4%;
  }
  .page_terms-head img {
    max-width: 300px;
    width: 70%;
  }
  .page_terms-text {
    font-size: 13px;
    padding: 0 20px;
  }
  .page_terms-text.is-opend {
    padding: 24px 20px;
  }
}
@media screen and (max-width: 479px) {
  .page_terms-head,
  .page_terms-text.is-opend {
    border-width: 2px;
  }
  .page_terms-head {
    margin: 0 auto 8px;
  }
  .page_terms-text {
    padding: 0 16px;
  }
  .page_terms-text.is-opend {
    padding: 20px 16px;
  }
}


/*-----------------------------------------------------------------------
 share_sns
----------------------------------------------------------------------- */
.share_sns .com-inner {
  margin: 0 auto;
  width: 70%;
}
.share_sns-content_wrap {
  background: #fff;
  margin: 0 auto;
  padding: 3.4% 6%;
  position: relative;
  text-align: left;
}
.share_sns-text,
.share_sns-list {
  display: inline-block;
  vertical-align: middle;
}
.share_sns-text {
  margin: 0 6% 0 0;
  width: 24%;
}.share_sns-list {
  margin: 0;
  width: 70%;
}
.share_sns-list-item a {
  display: block;
}
.share_sns-list-item a:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.share_sns-list-item:nth-of-type(1) {
  margin: 0 6% 0 0;
  width: 21%;
}
.share_sns-list-item:not(:nth-of-type(1)) {
  width: 20%;
}
.share_sns-list-item:nth-of-type(2),
.share_sns-list-item:nth-of-type(3) {
  margin: 0 6.5% 0 0;
}
@media screen and (max-width: 767px) {
  .share_sns .com-inner {
    width: 84%;
  }
}
@media screen and (max-width: 583px) {
  .share_sns .com-inner {
    width: 94%;
  }
}


/*-----------------------------------------------------------------------
 scroll Top
----------------------------------------------------------------------- */
#pageTop {
  background: #7f1f5f;
  border-radius: 50%;
  border: 3px solid #fff;
  bottom: 0;
  box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.3);
  height: 80px;
  margin: 0 4% -20% 0;
  position: fixed;
  right: 0;
  text-align: center;
  transition: 0.3s ease;
  width: 80px;
  z-index: 3;
}
#pageTop.is-floated {
  margin: 0 4% 50px 0;
}
#pageTop::before {
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  content: '';
  display: inline-block;
  height: 26px;
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 59%;
  transform: rotate(-45deg);
  width: 26px;
}
@media screen and (max-width: 767px) {
  #pageTop {
    height: 60px;
    width: 60px;
  }
  #pageTop.is-floated {
    margin: 0 4% 30px 0;
  }
  #pageTop::before {
    height: 18px;
    margin: -10px 0 0 -12px;
    width: 18px;
  }
}


/*-----------------------------------------------------------------------
 closed settings
----------------------------------------------------------------------- */
/* font settings 1199 to 320 */
.main_visual-closed_text {
  font-size: calc(0.9375rem + ((1vw - 3.2px) * 2.8441)); /* 40px to 15px */
}
/* content settings */
.main_visual-wrap {
  position: relative;
}
.main_visual-closed_overlay,
.main_visual-closed_text {
  position: absolute;
  margin: 0;
  padding: 0;
}
.main_visual-closed_overlay {
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.main_visual-closed_text {
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 10;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 20%;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
/* accordion open */
.page_terms-head.is-page_closed {
  pointer-events: none !important;
}
.page_terms-head.is-page_closed::before,
.page_terms-head.is-page_closed::after {
  display: none;
}
.page_terms-text.is-page_closed {
  display: block !important;
}
#pageTop.is-page_closed.is-floated {
    margin: 0 4% 30% 0;
}
@media screen and (min-width: 1200px) {
  .main_visual-closed_text {
    font-size: 40px;
  }
}