.content {
  padding: 0 10.6vw;
}
@media (min-width: 835px) {
  .content {
    margin: auto;
    padding: 0 0 0 175px;
    width: 850px;
  }
}
.content > *:not(.content__ttl):not(.content__paper), .content:after {
  opacity: 0;
}
.-loadready .content > *:not(.content__ttl):not(.content__paper), .-loadready .content:after {
  -webkit-animation: showContent 1s 2s forwards;
          animation: showContent 1s 2s forwards;
}
@-webkit-keyframes showContent {
  100% {
    opacity: 1;
  }
}
@keyframes showContent {
  100% {
    opacity: 1;
  }
}
.content:before, .content:after {
  content: "";
  z-index: -1;
}
.content:before {
  position: fixed;
  left: -5.4vw;
  bottom: -2vw;
  background: url(../../assets/img/birthday/hitori/bg_hitori.png) no-repeat center/100% 100%;
  height: 88vw;
  width: 86.1vw;
}
@media (min-width: 835px) {
  .content:before {
    position: fixed;
    top: -1.8vw;
    left: -3.1vw;
    bottom: auto;
    height: 43.9vw;
    width: 42.9vw;
  }
}
.content:after {
  position: fixed;
  top: 0;
  right: 0;
  background: url(../../assets/img/birthday/hitori/bg_flag.png) no-repeat center/100% 100%;
  height: 17.3vw;
  opacity: 0;
  width: 34.1vw;
}
@media (min-width: 835px) {
  .content:after {
    height: 6.9vw;
    width: 18vw;
  }
}

.content__ttl {
  padding-top: 7.4vw;
}
@media (min-width: 835px) {
  .content__ttl {
    padding-top: 60px;
  }
}
.content__ttl .-row {
  display: flex;
  line-height: 1;
  margin-bottom: -0.12em;
}
.content__ttl .-row span {
  margin-left: -0.02em;
  opacity: 0;
  transform: scale(5);
}
.content__ttl .-row span.-space {
  margin-left: 0.5em;
}
.content__ttl .-row:first-child {
  color: #ff0;
  font-size: 8.2vw;
}
@media (min-width: 835px) {
  .content__ttl .-row:first-child {
    font-size: 58px;
  }
}
.-loadready .content__ttl .-row:first-child span:nth-child(1) {
  -webkit-animation: showTtl 0.6s 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(2) {
  -webkit-animation: showTtl 0.6s 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(3) {
  -webkit-animation: showTtl 0.6s 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(4) {
  -webkit-animation: showTtl 0.6s 1.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(5) {
  -webkit-animation: showTtl 0.6s 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(6) {
  -webkit-animation: showTtl 0.6s 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(7) {
  -webkit-animation: showTtl 0.6s 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(8) {
  -webkit-animation: showTtl 0.6s 1.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(9) {
  -webkit-animation: showTtl 0.6s 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(10) {
  -webkit-animation: showTtl 0.6s 1.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 1.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(11) {
  -webkit-animation: showTtl 0.6s 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(12) {
  -webkit-animation: showTtl 0.6s 2.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:first-child span:nth-child(13) {
  -webkit-animation: showTtl 0.6s 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@-webkit-keyframes showTtl {
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes showTtl {
  100% {
    opacity: 1;
    transform: none;
  }
}
.content__ttl .-row:last-child {
  color: #fff;
  font-size: 19.2vw;
}
@media (min-width: 835px) {
  .content__ttl .-row:last-child {
    font-size: 135px;
  }
}
.-loadready .content__ttl .-row:last-child span:nth-child(1) {
  -webkit-animation: showTtl 0.6s 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(2) {
  -webkit-animation: showTtl 0.6s 2.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(3) {
  -webkit-animation: showTtl 0.6s 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(4) {
  -webkit-animation: showTtl 0.6s 2.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(5) {
  -webkit-animation: showTtl 0.6s 2.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(6) {
  -webkit-animation: showTtl 0.6s 2.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-loadready .content__ttl .-row:last-child span:nth-child(7) {
  -webkit-animation: showTtl 0.6s 2.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showTtl 0.6s 2.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.content__ttl:before {
  border-top: 1.8vw solid #ff0;
  content: "";
  display: block;
  margin: 0 0 3.4vw -6vw;
  transform: scaleX(0);
  transform-origin: left;
  width: 12vw;
}
@media (min-width: 835px) {
  .content__ttl:before {
    border-width: 10px;
    margin: 0 0 20px -40px;
    width: 80px;
  }
}
.-loadready .content__ttl:before {
  -webkit-animation: showLine 0.6s 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showLine 0.6s 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@-webkit-keyframes showLine {
  100% {
    transform: none;
  }
}
@keyframes showLine {
  100% {
    transform: none;
  }
}

.content__txt {
  color: #fff;
  font-size: 3.4vw;
  line-height: 1.8;
  margin: calc(9.3vw - 0.4em) 0 -0.4em;
}
@media (min-width: 835px) {
  .content__txt {
    font-size: 17px;
    margin-top: calc(60px - 0.4em);
  }
}
.content__txt strong {
  color: #ff0;
  font-size: 4vw;
  line-height: 0;
}
@media (min-width: 835px) {
  .content__txt strong {
    font-size: 22px;
  }
}
.content__txt em {
  font-style: normal;
  font-weight: bold;
}
.content__txt:first-of-type {
  margin-top: 9.3vw;
}
@media (min-width: 835px) {
  .content__txt:first-of-type {
    margin-top: 60px;
  }
}
.content__txt:first-of-type:before {
  border-top: 0.2vw solid #ff0;
  content: "";
  display: block;
  margin: 0 0 calc(4vw - 0.4em) -6vw;
  transform: scaleX(0);
  transform-origin: left;
  width: 12vw;
}
@media (min-width: 835px) {
  .content__txt:first-of-type:before {
    border-width: 1px;
    margin: 0 0 calc(20px - 0.4em) -40px;
    width: 80px;
  }
}
.-loadready .content__txt:first-of-type:before {
  -webkit-animation: showLine 0.6s 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: showLine 0.6s 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.-after_tweet .content__txt:first-of-type {
  margin-top: 109.3vw;
}
@media (min-width: 835px) {
  .-after_tweet .content__txt:first-of-type {
    margin-top: 800px;
  }
}
.content__txt.-sm, .content__txt.-sm strong {
  font-size: 3.2vw;
}
@media (min-width: 835px) {
  .content__txt.-sm, .content__txt.-sm strong {
    font-size: 16px;
  }
}

.content__tweet {
  margin-top: 9.3vw;
}
@media (min-width: 835px) {
  .content__tweet {
    margin-top: 60px;
    width: 400px;
  }
}
.content__tweet a {
  align-items: center;
  background-color: #ff0;
  display: flex;
  padding: 6.6vw 4vw 6.6vw 6.6vw;
}
@media (min-width: 835px) {
  .content__tweet a {
    padding: 18px 18px 18px 34px;
  }
}
.content__tweet div {
  align-items: center;
  background-color: #f69;
  display: flex;
  height: 10.9vw;
  justify-content: center;
  width: 10.9vw;
}
@media (min-width: 835px) {
  .content__tweet div {
    height: 56px;
    width: 56px;
  }
}
.content__tweet img {
  width: 6.4vw;
}
@media (min-width: 835px) {
  .content__tweet img {
    width: 32px;
  }
}
.content__tweet p {
  color: #f69;
  font-size: 4.2vw;
  line-height: 1.3;
  margin-left: 4.2vw;
}
@media (min-width: 835px) {
  .content__tweet p {
    font-size: 20px;
    margin-left: 24px;
  }
}
.content__tweet strong {
  font-weight: 900;
}
.content__tweet .c-arwbtn {
  height: 6vw;
  margin-left: auto;
  width: 6vw;
}
@media (min-width: 835px) {
  .content__tweet .c-arwbtn {
    height: 38px;
    width: 38px;
  }
}
.content__tweet .c-arwbtn:before, .content__tweet .c-arwbtn:after {
  background-color: #f69;
}

.content__btn {
  margin-top: 6.6vw;
}
@media (min-width: 835px) {
  .content__btn {
    margin-top: 60px;
    width: 260px;
  }
}
.content__btn a {
  border: 0.2vw solid #fff;
  color: #fff;
  display: block;
  font-size: 4.5vw;
  letter-spacing: 0.1em;
  line-height: 8.5vw;
  padding-bottom: 0.5vw;
  position: relative;
  text-align: center;
}
@media (min-width: 835px) {
  .content__btn a {
    border-width: 1px;
    font-size: 18px;
    line-height: 50px;
    padding: 0 15px 2px 0;
  }
}
.content__btn .c-arwbtn {
  position: absolute;
  top: 50%;
  right: 3.2vw;
  height: 4.6vw;
  transform: translateY(-50%);
  width: 4.6vw;
}
@media (min-width: 835px) {
  .content__btn .c-arwbtn {
    height: 24px;
    right: 15px;
    width: 24px;
  }
}
.content__btn .c-arwbtn:before, .content__btn .c-arwbtn:after {
  background-color: #fff;
}

.content__paper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.content__paper:before, .content__paper:after {
  position: absolute;
  top: 20%;
  left: 50%;
  content: "";
  height: 100%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.2);
  width: 100%;
}
.content__paper:before {
  background: url(../../assets/img/birthday/hitori/bg_paper_01.png) no-repeat center/auto 240vw;
}
@media (min-width: 835px) {
  .content__paper:before {
    background: url(../../assets/img/birthday/hitori/bg_paper_01_wide.png) no-repeat center/auto 70.3vw;
  }
}
.content__paper:after {
  background: url(../../assets/img/birthday/hitori/bg_paper_02.png) no-repeat center/auto 240vw;
}
@media (min-width: 835px) {
  .content__paper:after {
    background: url(../../assets/img/birthday/hitori/bg_paper_02_wide.png) no-repeat center/auto 70.3vw;
  }
}
.-loadready .content__paper.-first:before {
  -webkit-animation: showPaper1 8s 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 3.4s infinite;
          animation: showPaper1 8s 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 3.4s infinite;
}
.-loadready .content__paper.-first:after {
  -webkit-animation: showPaper1 8s 3s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 3s infinite;
          animation: showPaper1 8s 3s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 3s infinite;
}
.-loadready .content__paper.-second {
  transform: scaleX(-1);
}
.-loadready .content__paper.-second:before {
  -webkit-animation: showPaper1 8s 5.4s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 5.4s infinite;
          animation: showPaper1 8s 5.4s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 5.4s infinite;
}
.-loadready .content__paper.-second:after {
  -webkit-animation: showPaper1 8s 5s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 5s infinite;
          animation: showPaper1 8s 5s cubic-bezier(0.16, 1, 0.3, 1) infinite, showPaper2 8s 5s infinite;
}
@-webkit-keyframes showPaper1 {
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes showPaper1 {
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes showPaper2 {
  50% {
    top: 80%;
  }
}
@keyframes showPaper2 {
  50% {
    top: 80%;
  }
}

.share {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 18.6vw;
  opacity: 0;
}
@media (min-width: 835px) {
  .share {
    position: absolute;
    left: 30px;
    bottom: 30px;
    margin: 0;
  }
}
.share h2 {
  color: #ff0;
  font-size: 2.6vw;
  font-weight: 900;
  letter-spacing: 0.12em;
}
@media (min-width: 835px) {
  .share h2 {
    font-size: 10px;
  }
}
.share p {
  margin-left: 5.3vw;
}
@media (min-width: 835px) {
  .share p {
    margin-left: 20px;
  }
}
.share p.-twitter {
  width: 6.4vw;
}
@media (min-width: 835px) {
  .share p.-twitter {
    width: 26px;
  }
}
.share p.-line {
  width: 6.9vw;
}
@media (min-width: 835px) {
  .share p.-line {
    width: 28px;
  }
}
.share p.-facebook {
  width: 2.6vw;
}
@media (min-width: 835px) {
  .share p.-facebook {
    width: 10px;
  }
}
.share a,
.share img {
  display: block;
}
.-loadready .share {
  -webkit-animation: showContent 1s 2s forwards;
          animation: showContent 1s 2s forwards;
}

.thanks {
  position: absolute;
  top: 33.3vw;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5.3vw rgba(0, 0, 0, 0.8);
  display: none;
  padding: 0 4.2vw 10.6vw;
  text-align: center;
  width: 100%;
}
@media (min-width: 835px) {
  .thanks {
    position: absolute;
    top: 234px;
    left: auto;
    right: 0;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
    padding: 0 82px 90px;
    width: calc(100% - (100% - 736px) / 2);
  }
}
.thanks h3 {
  margin-top: 10.6vw;
}
@media (min-width: 835px) {
  .thanks h3 {
    margin-top: 90px;
    text-align: left;
  }
}
.thanks h3 img {
  margin-top: 2.6vw;
  width: 79.4vw;
}
@media (min-width: 835px) {
  .thanks h3 img {
    margin: 20px 0 0 46px;
    width: 506px;
  }
}
.thanks h3:before {
  border-top: 0.2vw solid #f69;
  content: "";
  display: block;
  width: 12vw;
}
@media (min-width: 835px) {
  .thanks h3:before {
    border-width: 1px;
    width: 80px;
  }
}
.-after_tweet .thanks {
  display: block;
}

@media (min-width: 835px) {
  .thanks__row {
    display: flex;
    margin-top: 50px;
  }
}

.thanks__item {
  padding-top: 8vw;
}
@media (min-width: 835px) {
  .thanks__item {
    flex-shrink: 0;
    margin-left: 50px;
    padding: 0;
  }
}
.thanks__item h4 {
  color: #fff;
  font-size: 3.2vw;
  font-weight: bold;
  margin: -0.25em 0;
}
@media (min-width: 835px) {
  .thanks__item h4 {
    font-size: 17px;
  }
}
.thanks__item h4:before, .thanks__item h4:after {
  border: 0.2vw solid #fff;
  content: "";
  display: inline-block;
  height: 1em;
  margin: -0.2em 0.8em 0;
  vertical-align: middle;
  width: 0.3333333333em;
}
@media (min-width: 835px) {
  .thanks__item h4:before, .thanks__item h4:after {
    border-width: 1px;
  }
}
.thanks__item h4:before {
  border-right: none;
}
.thanks__item h4:after {
  border-left: none;
}
.thanks__item div {
  margin-top: 2.6vw;
}
@media (min-width: 835px) {
  .thanks__item div {
    margin-top: 10px;
  }
}
.thanks__item img[src*=sp] {
  width: 25.8vw;
}
@media (min-width: 835px) {
  .thanks__item img[src*=pc],
.thanks__item img[src*=sp] {
    height: 354px;
    width: auto;
  }
}
.thanks__item p {
  margin: 4vw auto 0;
  width: 46.6vw;
}
@media (min-width: 835px) {
  .thanks__item p {
    margin-top: 20px;
    width: 260px;
  }
}
.thanks__item a {
  border: 0.2vw solid #959595;
  color: #fff;
  display: block;
  font-size: 3.4vw;
  letter-spacing: 0.1em;
  line-height: 8.5vw;
  padding-bottom: 0.5vw;
  position: relative;
  text-align: center;
}
@media (min-width: 835px) {
  .thanks__item a {
    border-width: 1px;
    font-size: 18px;
    line-height: 50px;
    padding-bottom: 2px;
  }
}
.thanks__item .c-arwbtn {
  position: absolute;
  top: 50%;
  right: 2.6vw;
  height: 4.6vw;
  transform: translateY(-50%);
  width: 4.6vw;
}
@media (min-width: 835px) {
  .thanks__item .c-arwbtn {
    height: 24px;
    right: 15px;
    width: 24px;
  }
}
.thanks__item .c-arwbtn:before, .thanks__item .c-arwbtn:after {
  background-color: #959595;
}