@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP Regular'), url("/font/NotoSansJP-Regular.otf") format('opentype');
}
@font-face {
  font-family: "NotoSerifCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif CJK JP SemiBold'), url("/font/NotoSerifJP-SemiBold.otf") format('opentype');
}
@media screen and (min-width: 751px) {
  body {
    min-height: 100vh;
  }
  .wrapper {
    min-width: 1200px;
    position: relative;
    margin: 0 auto;
  }
  .pc-br {
    display: block;
  }
  .sp-br {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  body {
    min-height: 100vh;
  }
  .wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  .pc-br {
    display: none;
  }
  .sp-br {
    display: block;
  }
}
@media screen and (min-width: 751px) {
  .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    pointer-events: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .bg .bg__1 {
    pointer-events: none;
    background: no-repeat 50% 0/100% auto;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-animation: move1 3s ease-in-out 0s infinite alternate;
    -moz-animation: move1 3s ease-in-out 0s infinite alternate;
    -o-animation: move1 3s ease-in-out 0s infinite alternate;
    -ms-animation: move1 3s ease-in-out 0s infinite alternate;
    animation: move1 3s ease-in-out 0s infinite alternate;
  }
  .bg .bg__2 {
    pointer-events: none;
    background: no-repeat 50% 0/100% auto;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-animation: move2 3.2s ease-in-out 0s infinite alternate;
    -moz-animation: move2 3.2s ease-in-out 0s infinite alternate;
    -o-animation: move2 3.2s ease-in-out 0s infinite alternate;
    -ms-animation: move2 3.2s ease-in-out 0s infinite alternate;
    animation: move2 3.2s ease-in-out 0s infinite alternate;
  }
  .bg .bg__3 {
    pointer-events: none;
    background: no-repeat 50% 0/100% auto;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-animation: move3 3.4s ease-in-out 0s infinite alternate;
    -moz-animation: move3 3.4s ease-in-out 0s infinite alternate;
    -o-animation: move3 3.4s ease-in-out 0s infinite alternate;
    -ms-animation: move3 3.4s ease-in-out 0s infinite alternate;
    animation: move3 3.4s ease-in-out 0s infinite alternate;
  }
  .bg .bg__4,
  .bg .bg__5 {
    position: absolute;
  }
  .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-1 .bg .bg__1 {
    background-image: url("/images/bg/1-bg1.png");
  }
  .page-chara-1 .bg .bg__2 {
    background-image: url("/images/bg/1-bg2.png");
  }
  .page-chara-1 .bg .bg__3 {
    background-image: url("/images/bg/1-bg3.png");
  }
  .page-chara-1 .bg .bg__4 {
    width: 170px;
    height: 170px;
    display: block;
    background-image: url("/images/bg/1-bg4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 170px 170px;
    -moz-background-size: 170px 170px;
    background-size: 170px 170px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-scale1 6s ease-in-out 0s infinite;
    -moz-animation: move-scale1 6s ease-in-out 0s infinite;
    -o-animation: move-scale1 6s ease-in-out 0s infinite;
    -ms-animation: move-scale1 6s ease-in-out 0s infinite;
    animation: move-scale1 6s ease-in-out 0s infinite;
    top: 55%;
    left: 10%;
  }
  .page-chara-1 .bg .bg__5 {
    width: 105px;
    height: 105px;
    display: block;
    background-image: url("/images/bg/1-bg5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 105px 105px;
    -moz-background-size: 105px 105px;
    background-size: 105px 105px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-scale1 5s ease-in-out 3s infinite;
    -moz-animation: move-scale1 5s ease-in-out 3s infinite;
    -o-animation: move-scale1 5s ease-in-out 3s infinite;
    -ms-animation: move-scale1 5s ease-in-out 3s infinite;
    animation: move-scale1 5s ease-in-out 3s infinite;
    top: 20%;
    right: 5%;
  }
  .page-chara-2 .bg .bg__1 {
    background-image: url("/images/bg/2-bg1.png");
  }
  .page-chara-2 .bg .bg__2 {
    background-image: url("/images/bg/2-bg2.png");
  }
  .page-chara-2 .bg .bg__3 {
    background-image: url("/images/bg/2-bg3.png");
  }
  .page-chara-3 .bg .bg__1 {
    background-image: url("/images/bg/3-bg1.png");
  }
  .page-chara-3 .bg .bg__2 {
    background-image: url("/images/bg/3-bg2.png");
  }
  .page-chara-3 .bg .bg__3 {
    background-image: url("/images/bg/3-bg3.png");
  }
  .page-chara-3 .bg .bg__4 {
    width: 170px;
    height: 170px;
    display: block;
    background-image: url("/images/bg/3-bg4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 170px 170px;
    -moz-background-size: 170px 170px;
    background-size: 170px 170px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate3 40s ease-in-out 0s infinite;
    -moz-animation: move-rotate3 40s ease-in-out 0s infinite;
    -o-animation: move-rotate3 40s ease-in-out 0s infinite;
    -ms-animation: move-rotate3 40s ease-in-out 0s infinite;
    animation: move-rotate3 40s ease-in-out 0s infinite;
    top: 50%;
    left: 7%;
  }
  .page-chara-3 .bg .bg__5 {
    width: 105px;
    height: 105px;
    display: block;
    background-image: url("/images/bg/3-bg5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 105px 105px;
    -moz-background-size: 105px 105px;
    background-size: 105px 105px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate2 40s ease-in-out 0s infinite;
    -moz-animation: move-rotate2 40s ease-in-out 0s infinite;
    -o-animation: move-rotate2 40s ease-in-out 0s infinite;
    -ms-animation: move-rotate2 40s ease-in-out 0s infinite;
    animation: move-rotate2 40s ease-in-out 0s infinite;
    top: 24%;
    right: 6%;
  }
  .page-chara-4 .bg .bg__1 {
    background-image: url("/images/bg/4-bg1.png");
  }
  .page-chara-4 .bg .bg__2 {
    background-image: url("/images/bg/4-bg2.png");
  }
  .page-chara-4 .bg .bg__3 {
    background-image: url("/images/bg/4-bg3.png");
  }
  .page-chara-4 .bg .bg__4 {
    width: 167px;
    height: 167px;
    display: block;
    background-image: url("/images/bg/4-bg4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 167px 167px;
    -moz-background-size: 167px 167px;
    background-size: 167px 167px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate2 50s ease 0s infinite;
    -moz-animation: move-rotate2 50s ease 0s infinite;
    -o-animation: move-rotate2 50s ease 0s infinite;
    -ms-animation: move-rotate2 50s ease 0s infinite;
    animation: move-rotate2 50s ease 0s infinite;
    top: 50%;
    left: 7%;
  }
  .page-chara-4 .bg .bg__5 {
    width: 105px;
    height: 105px;
    display: block;
    background-image: url("/images/bg/4-bg5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 105px 105px;
    -moz-background-size: 105px 105px;
    background-size: 105px 105px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate1 30s linear 0s infinite;
    -moz-animation: move-rotate1 30s linear 0s infinite;
    -o-animation: move-rotate1 30s linear 0s infinite;
    -ms-animation: move-rotate1 30s linear 0s infinite;
    animation: move-rotate1 30s linear 0s infinite;
    top: 24%;
    right: 6%;
  }
  .page-chara-5 .bg .bg__1 {
    background-image: url("/images/bg/5-bg1.png");
  }
  .page-chara-5 .bg .bg__2 {
    background-image: url("/images/bg/5-bg2.png");
  }
  .page-chara-5 .bg .bg__3 {
    background-image: url("/images/bg/5-bg3.png");
  }
  .page-chara-5 .bg .bg__4 {
    width: 174px;
    height: 174px;
    display: block;
    background-image: url("/images/bg/5-bg4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 174px 174px;
    -moz-background-size: 174px 174px;
    background-size: 174px 174px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate2 30s ease-in-out 0s infinite;
    -moz-animation: move-rotate2 30s ease-in-out 0s infinite;
    -o-animation: move-rotate2 30s ease-in-out 0s infinite;
    -ms-animation: move-rotate2 30s ease-in-out 0s infinite;
    animation: move-rotate2 30s ease-in-out 0s infinite;
    top: 50%;
    left: 7%;
  }
  .page-chara-5 .bg .bg__5 {
    width: 87px;
    height: 87px;
    display: block;
    background-image: url("/images/bg/5-bg5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 87px 87px;
    -moz-background-size: 87px 87px;
    background-size: 87px 87px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-animation: move-rotate1 20s linear 0s infinite;
    -moz-animation: move-rotate1 20s linear 0s infinite;
    -o-animation: move-rotate1 20s linear 0s infinite;
    -ms-animation: move-rotate1 20s linear 0s infinite;
    animation: move-rotate1 20s linear 0s infinite;
    top: 24%;
    right: 6%;
  }
  .page-chara-6 .bg .bg__1 {
    background-image: url("/images/bg/6-bg1.png");
  }
  .page-chara-6 .bg .bg__2 {
    background-image: url("/images/bg/6-bg2.png");
  }
  .page-chara-6 .bg .bg__3 {
    background-image: url("/images/bg/6-bg3.png");
  }
  .page-chara-7 .bg .bg__1 {
    background-image: url("/images/bg/7-bg1.png");
  }
  .page-chara-7 .bg .bg__2 {
    background-image: url("/images/bg/7-bg2.png");
  }
  .page-chara-7 .bg .bg__3 {
    background-image: url("/images/bg/7-bg3.png");
  }
  .page-chara-8 .bg .bg__1 {
    background-image: url("/images/bg/8-bg1.png");
  }
  .page-chara-8 .bg .bg__2 {
    background-image: url("/images/bg/8-bg2.png");
  }
  .page-chara-8 .bg .bg__3 {
    background-image: url("/images/bg/8-bg3.png");
  }
}
@-moz-keyframes move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(8px, 25px);
    -moz-transform: translate(8px, 25px);
    -o-transform: translate(8px, 25px);
    -ms-transform: translate(8px, 25px);
    transform: translate(8px, 25px);
  }
}
@-webkit-keyframes move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(8px, 25px);
    -moz-transform: translate(8px, 25px);
    -o-transform: translate(8px, 25px);
    -ms-transform: translate(8px, 25px);
    transform: translate(8px, 25px);
  }
}
@-o-keyframes move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(8px, 25px);
    -moz-transform: translate(8px, 25px);
    -o-transform: translate(8px, 25px);
    -ms-transform: translate(8px, 25px);
    transform: translate(8px, 25px);
  }
}
@keyframes move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(8px, 25px);
    -moz-transform: translate(8px, 25px);
    -o-transform: translate(8px, 25px);
    -ms-transform: translate(8px, 25px);
    transform: translate(8px, 25px);
  }
}
@-moz-keyframes move2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-8px, 15px);
    -moz-transform: translate(-8px, 15px);
    -o-transform: translate(-8px, 15px);
    -ms-transform: translate(-8px, 15px);
    transform: translate(-8px, 15px);
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-8px, 15px);
    -moz-transform: translate(-8px, 15px);
    -o-transform: translate(-8px, 15px);
    -ms-transform: translate(-8px, 15px);
    transform: translate(-8px, 15px);
  }
}
@-o-keyframes move2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-8px, 15px);
    -moz-transform: translate(-8px, 15px);
    -o-transform: translate(-8px, 15px);
    -ms-transform: translate(-8px, 15px);
    transform: translate(-8px, 15px);
  }
}
@keyframes move2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-8px, 15px);
    -moz-transform: translate(-8px, 15px);
    -o-transform: translate(-8px, 15px);
    -ms-transform: translate(-8px, 15px);
    transform: translate(-8px, 15px);
  }
}
@-moz-keyframes move3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-5px, 12px);
    -moz-transform: translate(-5px, 12px);
    -o-transform: translate(-5px, 12px);
    -ms-transform: translate(-5px, 12px);
    transform: translate(-5px, 12px);
  }
}
@-webkit-keyframes move3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-5px, 12px);
    -moz-transform: translate(-5px, 12px);
    -o-transform: translate(-5px, 12px);
    -ms-transform: translate(-5px, 12px);
    transform: translate(-5px, 12px);
  }
}
@-o-keyframes move3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-5px, 12px);
    -moz-transform: translate(-5px, 12px);
    -o-transform: translate(-5px, 12px);
    -ms-transform: translate(-5px, 12px);
    transform: translate(-5px, 12px);
  }
}
@keyframes move3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-5px, 12px);
    -moz-transform: translate(-5px, 12px);
    -o-transform: translate(-5px, 12px);
    -ms-transform: translate(-5px, 12px);
    transform: translate(-5px, 12px);
  }
}
@-moz-keyframes move-scale1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  42% {
    -webkit-transform: translate(2px, 10px) scale(1);
    -moz-transform: translate(2px, 10px) scale(1);
    -o-transform: translate(2px, 10px) scale(1);
    -ms-transform: translate(2px, 10px) scale(1);
    transform: translate(2px, 10px) scale(1);
  }
  50% {
    -webkit-transform: translate(4px, 14px) scale(0.6);
    -moz-transform: translate(4px, 14px) scale(0.6);
    -o-transform: translate(4px, 14px) scale(0.6);
    -ms-transform: translate(4px, 14px) scale(0.6);
    transform: translate(4px, 14px) scale(0.6);
  }
  60% {
    -webkit-transform: translate(3px, 7px) scale(1.15);
    -moz-transform: translate(3px, 7px) scale(1.15);
    -o-transform: translate(3px, 7px) scale(1.15);
    -ms-transform: translate(3px, 7px) scale(1.15);
    transform: translate(3px, 7px) scale(1.15);
  }
  70% {
    -webkit-transform: translate(2px, 4px) scale(1);
    -moz-transform: translate(2px, 4px) scale(1);
    -o-transform: translate(2px, 4px) scale(1);
    -ms-transform: translate(2px, 4px) scale(1);
    transform: translate(2px, 4px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}
@-webkit-keyframes move-scale1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  42% {
    -webkit-transform: translate(2px, 10px) scale(1);
    -moz-transform: translate(2px, 10px) scale(1);
    -o-transform: translate(2px, 10px) scale(1);
    -ms-transform: translate(2px, 10px) scale(1);
    transform: translate(2px, 10px) scale(1);
  }
  50% {
    -webkit-transform: translate(4px, 14px) scale(0.6);
    -moz-transform: translate(4px, 14px) scale(0.6);
    -o-transform: translate(4px, 14px) scale(0.6);
    -ms-transform: translate(4px, 14px) scale(0.6);
    transform: translate(4px, 14px) scale(0.6);
  }
  60% {
    -webkit-transform: translate(3px, 7px) scale(1.15);
    -moz-transform: translate(3px, 7px) scale(1.15);
    -o-transform: translate(3px, 7px) scale(1.15);
    -ms-transform: translate(3px, 7px) scale(1.15);
    transform: translate(3px, 7px) scale(1.15);
  }
  70% {
    -webkit-transform: translate(2px, 4px) scale(1);
    -moz-transform: translate(2px, 4px) scale(1);
    -o-transform: translate(2px, 4px) scale(1);
    -ms-transform: translate(2px, 4px) scale(1);
    transform: translate(2px, 4px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}
@-o-keyframes move-scale1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  42% {
    -webkit-transform: translate(2px, 10px) scale(1);
    -moz-transform: translate(2px, 10px) scale(1);
    -o-transform: translate(2px, 10px) scale(1);
    -ms-transform: translate(2px, 10px) scale(1);
    transform: translate(2px, 10px) scale(1);
  }
  50% {
    -webkit-transform: translate(4px, 14px) scale(0.6);
    -moz-transform: translate(4px, 14px) scale(0.6);
    -o-transform: translate(4px, 14px) scale(0.6);
    -ms-transform: translate(4px, 14px) scale(0.6);
    transform: translate(4px, 14px) scale(0.6);
  }
  60% {
    -webkit-transform: translate(3px, 7px) scale(1.15);
    -moz-transform: translate(3px, 7px) scale(1.15);
    -o-transform: translate(3px, 7px) scale(1.15);
    -ms-transform: translate(3px, 7px) scale(1.15);
    transform: translate(3px, 7px) scale(1.15);
  }
  70% {
    -webkit-transform: translate(2px, 4px) scale(1);
    -moz-transform: translate(2px, 4px) scale(1);
    -o-transform: translate(2px, 4px) scale(1);
    -ms-transform: translate(2px, 4px) scale(1);
    transform: translate(2px, 4px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}
@keyframes move-scale1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  42% {
    -webkit-transform: translate(2px, 10px) scale(1);
    -moz-transform: translate(2px, 10px) scale(1);
    -o-transform: translate(2px, 10px) scale(1);
    -ms-transform: translate(2px, 10px) scale(1);
    transform: translate(2px, 10px) scale(1);
  }
  50% {
    -webkit-transform: translate(4px, 14px) scale(0.6);
    -moz-transform: translate(4px, 14px) scale(0.6);
    -o-transform: translate(4px, 14px) scale(0.6);
    -ms-transform: translate(4px, 14px) scale(0.6);
    transform: translate(4px, 14px) scale(0.6);
  }
  60% {
    -webkit-transform: translate(3px, 7px) scale(1.15);
    -moz-transform: translate(3px, 7px) scale(1.15);
    -o-transform: translate(3px, 7px) scale(1.15);
    -ms-transform: translate(3px, 7px) scale(1.15);
    transform: translate(3px, 7px) scale(1.15);
  }
  70% {
    -webkit-transform: translate(2px, 4px) scale(1);
    -moz-transform: translate(2px, 4px) scale(1);
    -o-transform: translate(2px, 4px) scale(1);
    -ms-transform: translate(2px, 4px) scale(1);
    transform: translate(2px, 4px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}
@-moz-keyframes move-rotate1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(10px, -5px) rotate(180deg);
    -moz-transform: translate(10px, -5px) rotate(180deg);
    -o-transform: translate(10px, -5px) rotate(180deg);
    -ms-transform: translate(10px, -5px) rotate(180deg);
    transform: translate(10px, -5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    -moz-transform: translate(0, 0) rotate(360deg);
    -o-transform: translate(0, 0) rotate(360deg);
    -ms-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@-webkit-keyframes move-rotate1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(10px, -5px) rotate(180deg);
    -moz-transform: translate(10px, -5px) rotate(180deg);
    -o-transform: translate(10px, -5px) rotate(180deg);
    -ms-transform: translate(10px, -5px) rotate(180deg);
    transform: translate(10px, -5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    -moz-transform: translate(0, 0) rotate(360deg);
    -o-transform: translate(0, 0) rotate(360deg);
    -ms-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@-o-keyframes move-rotate1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(10px, -5px) rotate(180deg);
    -moz-transform: translate(10px, -5px) rotate(180deg);
    -o-transform: translate(10px, -5px) rotate(180deg);
    -ms-transform: translate(10px, -5px) rotate(180deg);
    transform: translate(10px, -5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    -moz-transform: translate(0, 0) rotate(360deg);
    -o-transform: translate(0, 0) rotate(360deg);
    -ms-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@keyframes move-rotate1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(10px, -5px) rotate(180deg);
    -moz-transform: translate(10px, -5px) rotate(180deg);
    -o-transform: translate(10px, -5px) rotate(180deg);
    -ms-transform: translate(10px, -5px) rotate(180deg);
    transform: translate(10px, -5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    -moz-transform: translate(0, 0) rotate(360deg);
    -o-transform: translate(0, 0) rotate(360deg);
    -ms-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@-moz-keyframes move-rotate2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(5px, -15px) rotate(180deg);
    -moz-transform: translate(5px, -15px) rotate(180deg);
    -o-transform: translate(5px, -15px) rotate(180deg);
    -ms-transform: translate(5px, -15px) rotate(180deg);
    transform: translate(5px, -15px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes move-rotate2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(5px, -15px) rotate(180deg);
    -moz-transform: translate(5px, -15px) rotate(180deg);
    -o-transform: translate(5px, -15px) rotate(180deg);
    -ms-transform: translate(5px, -15px) rotate(180deg);
    transform: translate(5px, -15px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@-o-keyframes move-rotate2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(5px, -15px) rotate(180deg);
    -moz-transform: translate(5px, -15px) rotate(180deg);
    -o-transform: translate(5px, -15px) rotate(180deg);
    -ms-transform: translate(5px, -15px) rotate(180deg);
    transform: translate(5px, -15px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes move-rotate2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(5px, -15px) rotate(180deg);
    -moz-transform: translate(5px, -15px) rotate(180deg);
    -o-transform: translate(5px, -15px) rotate(180deg);
    -ms-transform: translate(5px, -15px) rotate(180deg);
    transform: translate(5px, -15px) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@-moz-keyframes move-rotate3 {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -moz-transform: rotate(180deg) scale(0.6);
    -o-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  50% {
    -webkit-transform: rotate(90deg) scale(0.9);
    -moz-transform: rotate(90deg) scale(0.9);
    -o-transform: rotate(90deg) scale(0.9);
    -ms-transform: rotate(90deg) scale(0.9);
    transform: rotate(90deg) scale(0.9);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(0.7);
    -moz-transform: rotate(180deg) scale(0.7);
    -o-transform: rotate(180deg) scale(0.7);
    -ms-transform: rotate(180deg) scale(0.7);
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
@-webkit-keyframes move-rotate3 {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -moz-transform: rotate(180deg) scale(0.6);
    -o-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  50% {
    -webkit-transform: rotate(90deg) scale(0.9);
    -moz-transform: rotate(90deg) scale(0.9);
    -o-transform: rotate(90deg) scale(0.9);
    -ms-transform: rotate(90deg) scale(0.9);
    transform: rotate(90deg) scale(0.9);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(0.7);
    -moz-transform: rotate(180deg) scale(0.7);
    -o-transform: rotate(180deg) scale(0.7);
    -ms-transform: rotate(180deg) scale(0.7);
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
@-o-keyframes move-rotate3 {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -moz-transform: rotate(180deg) scale(0.6);
    -o-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  50% {
    -webkit-transform: rotate(90deg) scale(0.9);
    -moz-transform: rotate(90deg) scale(0.9);
    -o-transform: rotate(90deg) scale(0.9);
    -ms-transform: rotate(90deg) scale(0.9);
    transform: rotate(90deg) scale(0.9);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(0.7);
    -moz-transform: rotate(180deg) scale(0.7);
    -o-transform: rotate(180deg) scale(0.7);
    -ms-transform: rotate(180deg) scale(0.7);
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
@keyframes move-rotate3 {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -moz-transform: rotate(180deg) scale(0.6);
    -o-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  50% {
    -webkit-transform: rotate(90deg) scale(0.9);
    -moz-transform: rotate(90deg) scale(0.9);
    -o-transform: rotate(90deg) scale(0.9);
    -ms-transform: rotate(90deg) scale(0.9);
    transform: rotate(90deg) scale(0.9);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(0.7);
    -moz-transform: rotate(180deg) scale(0.7);
    -o-transform: rotate(180deg) scale(0.7);
    -ms-transform: rotate(180deg) scale(0.7);
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
@media screen and (min-width: 751px) {
  .menu-button {
    width: 94px;
    height: 94px;
    display: block;
    background-image: url("/images/menu/menu-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 94px 94px;
    -moz-background-size: 94px 94px;
    background-size: 94px 94px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: fixed;
    top: -100px;
    left: calc(50% - 47px);
    z-index: 1001;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
    cursor: pointer;
  }
  .menu-button:hover {
    top: -20px;
  }
  .menu-button[data-menu-is-open="1"] {
    width: 94px;
    height: 94px;
    display: block;
    background-image: url("/images/menu/close-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 94px 94px;
    -moz-background-size: 94px 94px;
    background-size: 94px 94px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .menu-button[data-menu-is-open="1"]:hover {
    width: 94px;
    height: 94px;
    display: block;
    background-image: url("/images/menu/close-button-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 94px 94px;
    -moz-background-size: 94px 94px;
    background-size: 94px 94px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s, visibility 0s 0.2s;
    -o-transition: opacity 0.2s, visibility 0s 0.2s;
    -ms-transition: opacity 0.2s, visibility 0s 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s;
  }
  .menu[data-menu-is-open="1"] {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .menu__logo {
    width: 400px;
    height: 107px;
    display: block;
    background-image: url("/images/menu/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 400px 107px;
    -moz-background-size: 400px 107px;
    background-size: 400px 107px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    bottom: 100px;
    left: calc(50% - 200px);
    z-index: 2;
  }
  .menu__items {
    z-index: 2;
    width: 728px;
    margin: -50px auto 0;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    zoom: 1;
  }
  .menu__items:before,
  .menu__items:after {
    content: "";
    display: table;
  }
  .menu__items:after {
    clear: both;
  }
  .menu__top {
    float: right;
    width: 48px;
    height: 158px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
    margin-right: 0;
  }
  .menu__top:after {
    content: "";
    width: 48px;
    height: 158px;
    display: block;
    background-image: url("/images/menu/top.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 158px;
    -moz-background-size: 48px 158px;
    background-size: 48px 158px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__top:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__news {
    float: right;
    width: 47px;
    height: 107px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__news:after {
    content: "";
    width: 47px;
    height: 107px;
    display: block;
    background-image: url("/images/menu/news.png");
    background-repeat: no-repeat;
    -webkit-background-size: 47px 107px;
    -moz-background-size: 47px 107px;
    background-size: 47px 107px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__news:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__story {
    float: right;
    width: 47px;
    height: 60px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__story:after {
    content: "";
    width: 47px;
    height: 60px;
    display: block;
    background-image: url("/images/menu/story.png");
    background-repeat: no-repeat;
    -webkit-background-size: 47px 60px;
    -moz-background-size: 47px 60px;
    background-size: 47px 60px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__story:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__cast {
    float: right;
    width: 48px;
    height: 172px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__cast:after {
    content: "";
    width: 48px;
    height: 172px;
    display: block;
    background-image: url("/images/menu/cast.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 172px;
    -moz-background-size: 48px 172px;
    background-size: 48px 172px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__cast:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__staff {
    float: right;
    width: 48px;
    height: 80px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__staff:after {
    content: "";
    width: 48px;
    height: 80px;
    display: block;
    background-image: url("/images/menu/staff.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 80px;
    -moz-background-size: 48px 80px;
    background-size: 48px 80px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__staff:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__music {
    float: right;
    width: 46px;
    height: 59px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__music:after {
    content: "";
    width: 46px;
    height: 59px;
    display: block;
    background-image: url("/images/menu/music.png");
    background-repeat: no-repeat;
    -webkit-background-size: 46px 59px;
    -moz-background-size: 46px 59px;
    background-size: 46px 59px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__music:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__goods {
    float: right;
    width: 48px;
    height: 107px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__goods:after {
    content: "";
    width: 48px;
    height: 107px;
    display: block;
    background-image: url("/images/menu/goods.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 107px;
    -moz-background-size: 48px 107px;
    background-size: 48px 107px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__goods:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__special {
    float: right;
    width: 48px;
    height: 264px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__special:after {
    content: "";
    width: 48px;
    height: 264px;
    display: block;
    background-image: url("/images/menu/special.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 264px;
    -moz-background-size: 48px 264px;
    background-size: 48px 264px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__special:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__movie {
    float: right;
    width: 47px;
    height: 106px;
    margin: 0 35px 0 0;
    position: relative;
    font-size: 0;
  }
  .menu__movie:after {
    content: "";
    width: 47px;
    height: 106px;
    display: block;
    background-image: url("/images/menu/movie.png");
    background-repeat: no-repeat;
    -webkit-background-size: 47px 106px;
    -moz-background-size: 47px 106px;
    background-size: 47px 106px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 1px;
  }
  .menu__movie:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .menu__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
  }
  .menu .menu__top:before {
    width: 50px;
    height: 163px;
    display: block;
    background-image: url("/images/menu/1-top-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 163px;
    -moz-background-size: 50px 163px;
    background-size: 50px 163px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__top:hover:before {
    height: 163px;
  }
  .menu .menu__news:before {
    width: 50px;
    height: 111px;
    display: block;
    background-image: url("/images/menu/1-news-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 111px;
    -moz-background-size: 50px 111px;
    background-size: 50px 111px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__news:hover:before {
    height: 111px;
  }
  .menu .menu__story:before {
    width: 50px;
    height: 63px;
    display: block;
    background-image: url("/images/menu/1-story-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 63px;
    -moz-background-size: 50px 63px;
    background-size: 50px 63px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__story:hover:before {
    height: 63px;
  }
  .menu .menu__cast:before {
    width: 50px;
    height: 175px;
    display: block;
    background-image: url("/images/menu/1-cast-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 175px;
    -moz-background-size: 50px 175px;
    background-size: 50px 175px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__cast:hover:before {
    height: 175px;
  }
  .menu .menu__staff:before {
    width: 50px;
    height: 83px;
    display: block;
    background-image: url("/images/menu/1-staff-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 83px;
    -moz-background-size: 50px 83px;
    background-size: 50px 83px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__staff:hover:before {
    height: 83px;
  }
  .menu .menu__music:before {
    width: 50px;
    height: 63px;
    display: block;
    background-image: url("/images/menu/1-music-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 63px;
    -moz-background-size: 50px 63px;
    background-size: 50px 63px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__music:hover:before {
    height: 63px;
  }
  .menu .menu__goods:before {
    width: 50px;
    height: 110px;
    display: block;
    background-image: url("/images/menu/1-goods-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 110px;
    -moz-background-size: 50px 110px;
    background-size: 50px 110px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__goods:hover:before {
    height: 110px;
  }
  .menu .menu__special:before {
    width: 50px;
    height: 268px;
    display: block;
    background-image: url("/images/menu/1-special-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 268px;
    -moz-background-size: 50px 268px;
    background-size: 50px 268px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__special:hover:before {
    height: 268px;
  }
  .menu .menu__movie:before {
    width: 50px;
    height: 110px;
    display: block;
    background-image: url("/images/menu/1-movie-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 50px 110px;
    -moz-background-size: 50px 110px;
    background-size: 50px 110px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .menu .menu__movie:hover:before {
    height: 110px;
  }
}
@media screen and (min-width: 751px) {
  .sns-buttons {
    position: fixed;
    top: 25px;
    right: 10px;
    z-index: 11;
  }
  .sns-buttons_item {
    margin: 10px auto 0;
    position: relative;
    left: 100px;
  }
  .sns-buttons_item-tw {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("/images/nav/tw.png");
    background-repeat: no-repeat;
    -webkit-background-size: 35px 35px;
    -moz-background-size: 35px 35px;
    background-size: 35px 35px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
  }
  .sns-buttons_item-tw:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .sns-buttons_item-fb {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("/images/nav/fb.png");
    background-repeat: no-repeat;
    -webkit-background-size: 35px 35px;
    -moz-background-size: 35px 35px;
    background-size: 35px 35px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
  }
  .sns-buttons_item-fb:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .sns-buttons_item-line {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("/images/nav/line.png");
    background-repeat: no-repeat;
    -webkit-background-size: 35px 35px;
    -moz-background-size: 35px 35px;
    background-size: 35px 35px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
  }
  .sns-buttons_item-line:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .sns-buttons_item-sound {
    cursor: pointer;
    margin-top: 0;
    width: 51px;
    height: 51px;
    display: block;
    background-image: url("/images/nav/sound-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 51px 51px;
    -moz-background-size: 51px 51px;
    background-size: 51px 51px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
    position: relative;
  }
  .sns-buttons_item-sound:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .sns-buttons_item-sound:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 51px;
    height: 51px;
    display: block;
    background-image: url("/images/nav/sound-off.png");
    background-repeat: no-repeat;
    -webkit-background-size: 51px 51px;
    -moz-background-size: 51px 51px;
    background-size: 51px 51px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .sns-buttons_item-sound.js-sound-toggle--disable:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  html.page-front_started .sns-buttons_item {
    left: 0;
    -webkit-transition: -webkit-transform 600ms, left 400ms ease-out;
    -moz-transition: -moz-transform 600ms, left 400ms ease-out;
    -o-transition: -o-transform 600ms, left 400ms ease-out;
    -ms-transition: -ms-transform 600ms, left 400ms ease-out;
    transition: transform 600ms, left 400ms ease-out;
  }
  html.page-front_started .sns-buttons_item-sound {
    -webkit-transition-delay: 0ms, 0ms;
    -moz-transition-delay: 0ms, 0ms;
    -o-transition-delay: 0ms, 0ms;
    -ms-transition-delay: 0ms, 0ms;
    transition-delay: 0ms, 0ms;
  }
  html.page-front_started .sns-buttons_item-tw {
    -webkit-transition-delay: 0ms, 100ms;
    -moz-transition-delay: 0ms, 100ms;
    -o-transition-delay: 0ms, 100ms;
    -ms-transition-delay: 0ms, 100ms;
    transition-delay: 0ms, 100ms;
  }
  html.page-front_started .sns-buttons_item-fb {
    -webkit-transition-delay: 0ms, 200ms;
    -moz-transition-delay: 0ms, 200ms;
    -o-transition-delay: 0ms, 200ms;
    -ms-transition-delay: 0ms, 200ms;
    transition-delay: 0ms, 200ms;
  }
  html.page-front_started .sns-buttons_item-line {
    -webkit-transition-delay: 0ms, 300ms;
    -moz-transition-delay: 0ms, 300ms;
    -o-transition-delay: 0ms, 300ms;
    -ms-transition-delay: 0ms, 300ms;
    transition-delay: 0ms, 300ms;
  }
}
@media screen and (max-width: 750px) {
  .sns-buttons {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .page-logo {
    width: 216px;
    height: 57px;
    display: block;
    background-image: url("/images/page/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 216px 57px;
    -moz-background-size: 216px 57px;
    background-size: 216px 57px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: fixed;
    top: 38px;
    left: 36px;
  }
  .page-title {
    position: fixed;
    width: 100%;
    min-width: 1200px;
    height: 0;
    top: 0;
    left: 0;
  }
  .page-title_inner {
    width: 948px;
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
  }
  .page-title_label {
    position: absolute;
    right: 0;
    top: 80px;
  }
}
@media screen and (min-width: 751px) {
  .page-news__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/news/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-news {
    padding: 140px 0 115px;
  }
  .page-news .news {
    position: relative;
    z-index: 1;
  }
  .page-news .news .article {
    width: 565px;
    margin: 0 auto;
    padding: 65px 0 75px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    background: url("/images/page/line.png") no-repeat 50% 100%/contain;
  }
  .page-news .news .article:first-child {
    padding-top: 0;
  }
  .page-news .news .article__visual {
    width: 263px;
    display: block;
    margin: 0 27px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255,255,255,0.5);
  }
  .page-news .news .article__visual > img {
    display: block;
    width: 100%;
  }
  .page-news .news .article__visual:empty {
    display: none;
  }
  .page-news .news .article__body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .page-news .news .article__body img {
    width: 100%;
    height: auto;
  }
  .page-news .news .article__date-inner {
    font-size: 12px;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 2px;
    color: #fff;
    background: #081454;
  }
  .page-news .news .article__title {
    font-size: 18px;
    color: #081454;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    margin: 7px 0 0;
    line-height: 1.5;
  }
  .page-news .news .article__paragraph {
    margin: 20px 0 0;
    font-size: 14px;
    color: #081454;
    line-height: 1.5;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-news .ui {
    position: relative;
    zoom: 1;
    width: 565px;
    margin: 45px auto 0;
  }
  .page-news .ui:before,
  .page-news .ui:after {
    content: "";
    display: table;
  }
  .page-news .ui:after {
    clear: both;
  }
  .page-news .ui__next {
    float: right;
    width: 39px;
    height: 39px;
    display: block;
    background-image: url("/images/news/next.png");
    background-repeat: no-repeat;
    -webkit-background-size: 39px 39px;
    -moz-background-size: 39px 39px;
    background-size: 39px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    -ms-transition: 600ms;
    transition: 600ms;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
  }
  .page-news .ui__next:before {
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 39px;
    height: 39px;
    display: block;
    background-image: url("/images/news/next-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 39px 39px;
    -moz-background-size: 39px 39px;
    background-size: 39px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-news .ui__next:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .page-news .ui__next:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .page-news .ui__prev {
    float: left;
    width: 40px;
    height: 39px;
    display: block;
    background-image: url("/images/news/prev.png");
    background-repeat: no-repeat;
    -webkit-background-size: 40px 39px;
    -moz-background-size: 40px 39px;
    background-size: 40px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    -ms-transition: 600ms;
    transition: 600ms;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
  }
  .page-news .ui__prev:before {
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 40px;
    height: 39px;
    display: block;
    background-image: url("/images/news/prev-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 40px 39px;
    -moz-background-size: 40px 39px;
    background-size: 40px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-news .ui__prev:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .page-news .ui__prev:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@media screen and (min-width: 751px) {
  .page-story {
    padding: 145px 0 115px;
  }
  .page-story__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/story/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-story {
    min-height: 100%;
  }
  .page-story .paragraph {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: -0.03em;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-story .heading1 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-story .heading2 {
    position: absolute;
    right: 0;
    top: 75px;
  }
  .page-story__sec {
    width: 565px;
    position: relative;
    margin: 65px auto 0;
    color: #081454;
    padding: 75px 0 0;
    background: url("/images/page/line.png") no-repeat 50% 0/contain;
  }
  .page-story__sec.page-story--first {
    padding-top: 0;
    margin-top: 0;
    background: none;
  }
  .page-story .heading1 {
    width: 75px;
    height: 210px;
    display: block;
    background-image: url("/images/story/1-head1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 75px 210px;
    -moz-background-size: 75px 210px;
    background-size: 75px 210px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-story .heading2 {
    width: 70px;
    height: 216px;
    display: block;
    background-image: url("/images/story/1-head2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 70px 216px;
    -moz-background-size: 70px 216px;
    background-size: 70px 216px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-cast {
    background: #1fc2de #eb5dbe #318dde #eed28c #799c48 #ece816 #748693 #fd6b0d;
    padding: 100px 0 0;
  }
  .page-cast__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/cast/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .caution {
    margin: 20px 0 0;
    text-align: center;
    font-size: 12px;
    color: #081454;
  }
  .characters__next {
    position: absolute;
    right: 0;
    top: 320px;
    z-index: 5;
    cursor: pointer;
    width: 39px;
    height: 39px;
    display: block;
    background-image: url("/images/cast/next.png");
    background-repeat: no-repeat;
    -webkit-background-size: 39px 39px;
    -moz-background-size: 39px 39px;
    background-size: 39px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    -ms-transition: 600ms;
    transition: 600ms;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
  }
  .characters__next:before {
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 39px;
    height: 39px;
    display: block;
    background-image: url("/images/cast/next-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 39px 39px;
    -moz-background-size: 39px 39px;
    background-size: 39px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .characters__next:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .characters__next:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters__prev {
    position: absolute;
    left: 0;
    top: 320px;
    z-index: 5;
    cursor: pointer;
    width: 40px;
    height: 39px;
    display: block;
    background-image: url("/images/cast/prev.png");
    background-repeat: no-repeat;
    -webkit-background-size: 40px 39px;
    -moz-background-size: 40px 39px;
    background-size: 40px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    -ms-transition: 600ms;
    transition: 600ms;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
  }
  .characters__prev:before {
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 40px;
    height: 39px;
    display: block;
    background-image: url("/images/cast/prev-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 40px 39px;
    -moz-background-size: 40px 39px;
    background-size: 40px 39px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .characters__prev:hover {
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
    -o-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
  }
  .characters__prev:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters {
    position: relative;
    width: 883px;
    height: 773px;
    margin: 0 auto;
  }
  .characters__outer-ring {
    background: url("/images/cast/1-circle.png") no-repeat 50%/773px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    width: 773px;
    height: 773px;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .characters__inner-ring {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/images/cast/circle-inner.png") no-repeat 50%/762px;
    z-index: 2;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .characters__button {
    position: absolute;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    left: 50%;
    top: 50%;
    cursor: pointer;
  }
  .characters__character {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px 0;
    visibility: hidden;
  }
  .character__image-sp {
    display: none;
  }
  .character__image {
    z-index: 4;
    position: absolute;
    left: calc(50% - 22px);
    top: 387px;
    -webkit-transform: scale(0.5) translate(-100%, -50%);
    -moz-transform: scale(0.5) translate(-100%, -50%);
    -o-transform: scale(0.5) translate(-100%, -50%);
    -ms-transform: scale(0.5) translate(-100%, -50%);
    transform: scale(0.5) translate(-100%, -50%);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    pointer-events: none;
  }
  .character__heading {
    z-index: 5;
    display: none;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 240px;
    margin: 320px 0 0 calc(50% - 20px);
  }
  .character__name {
    display: block;
    font-size: 33px;
  }
  .character__actor {
    display: block;
    font-size: 15px;
    margin: 10px 0 0;
  }
  .character__description {
    z-index: 5;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    display: none;
    font-size: 12px;
    margin: 10px 0 0 calc(50% - 20px);
    padding: 0;
    position: relative;
    line-height: 1.7;
    width: 240px;
    letter-spacing: -0.02em;
  }
  .characters__button[data-name=boku] {
    width: 89px;
    height: 89px;
    display: block;
    background-image: url("/images/cast/boku-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 89px 89px;
    -moz-background-size: 89px 89px;
    background-size: 89px 89px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=boku] .characters__inner-ring {
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  .characters[data-name=boku] .characters__character[data-name=boku] {
    visibility: visible;
  }
  .characters[data-name=boku] .characters__character[data-name=boku] .character__heading,
  .characters[data-name=boku] .characters__character[data-name=boku] .character__description {
    display: block;
  }
  .characters[data-name=boku] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=boku] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
  }
  .characters[data-name=boku] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=boku] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters[data-name=boku] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=boku] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=boku] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
  }
  .characters[data-name=boku] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -moz-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -o-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -ms-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
  }
  .characters[data-name=boku] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
  }
  .characters[data-name=boku] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
  }
  .characters[data-name=boku] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
  }
  .characters[data-name=boku] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
  }
  .characters[data-name=boku] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(422.3076923076923deg) translate(-300px, 0px) rotate(-422.3076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(422.3076923076923deg) translate(-300px, 0px) rotate(-422.3076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(422.3076923076923deg) translate(-300px, 0px) rotate(-422.3076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(422.3076923076923deg) translate(-300px, 0px) rotate(-422.3076923076923deg);
    transform: translate(-50%, -50%) rotate(422.3076923076923deg) translate(-300px, 0px) rotate(-422.3076923076923deg);
  }
  .characters__button[data-name=tomo] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/tomo-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=tomo] .characters__inner-ring {
    -webkit-transform: rotate(-49.69230769230769deg);
    -moz-transform: rotate(-49.69230769230769deg);
    -o-transform: rotate(-49.69230769230769deg);
    -ms-transform: rotate(-49.69230769230769deg);
    transform: rotate(-49.69230769230769deg);
  }
  .characters[data-name=tomo] .characters__character[data-name=tomo] {
    visibility: visible;
  }
  .characters[data-name=tomo] .characters__character[data-name=tomo] .character__heading,
  .characters[data-name=tomo] .characters__character[data-name=tomo] .character__description {
    display: block;
  }
  .characters[data-name=tomo] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(366.92307692307696deg) translate(-300px, 0px) rotate(-366.92307692307696deg);
    -moz-transform: translate(-50%, -50%) rotate(366.92307692307696deg) translate(-300px, 0px) rotate(-366.92307692307696deg);
    -o-transform: translate(-50%, -50%) rotate(366.92307692307696deg) translate(-300px, 0px) rotate(-366.92307692307696deg);
    -ms-transform: translate(-50%, -50%) rotate(366.92307692307696deg) translate(-300px, 0px) rotate(-366.92307692307696deg);
    transform: translate(-50%, -50%) rotate(366.92307692307696deg) translate(-300px, 0px) rotate(-366.92307692307696deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
    transform: translate(-50%, -50%) rotate(394.61538461538464deg) translate(-300px, 0px) rotate(-394.61538461538464deg);
  }
  .characters__button[data-name=akane] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/akane-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=akane] .characters__inner-ring {
    -webkit-transform: rotate(-77.38461538461539deg);
    -moz-transform: rotate(-77.38461538461539deg);
    -o-transform: rotate(-77.38461538461539deg);
    -ms-transform: rotate(-77.38461538461539deg);
    transform: rotate(-77.38461538461539deg);
  }
  .characters[data-name=akane] .characters__character[data-name=akane] {
    visibility: visible;
  }
  .characters[data-name=akane] .characters__character[data-name=akane] .character__heading,
  .characters[data-name=akane] .characters__character[data-name=akane] .character__description {
    display: block;
  }
  .characters[data-name=akane] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=akane] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
  }
  .characters[data-name=akane] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=akane] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
  }
  .characters[data-name=akane] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=akane] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
  }
  .characters[data-name=akane] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=akane] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=akane] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
  }
  .characters[data-name=akane] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -moz-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -o-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -ms-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
  }
  .characters[data-name=akane] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
  }
  .characters[data-name=akane] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(339.2307692307693deg) translate(-300px, 0px) rotate(-339.2307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(339.2307692307693deg) translate(-300px, 0px) rotate(-339.2307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(339.2307692307693deg) translate(-300px, 0px) rotate(-339.2307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(339.2307692307693deg) translate(-300px, 0px) rotate(-339.2307692307693deg);
    transform: translate(-50%, -50%) rotate(339.2307692307693deg) translate(-300px, 0px) rotate(-339.2307692307693deg);
  }
  .characters[data-name=akane] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
    transform: translate(-50%, -50%) rotate(366.9230769230769deg) translate(-300px, 0px) rotate(-366.9230769230769deg);
  }
  .characters__button[data-name=kanami] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/kanami-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=kanami] .characters__inner-ring {
    -webkit-transform: rotate(-105.07692307692308deg);
    -moz-transform: rotate(-105.07692307692308deg);
    -o-transform: rotate(-105.07692307692308deg);
    -ms-transform: rotate(-105.07692307692308deg);
    transform: rotate(-105.07692307692308deg);
  }
  .characters[data-name=kanami] .characters__character[data-name=kanami] {
    visibility: visible;
  }
  .characters[data-name=kanami] .characters__character[data-name=kanami] .character__heading,
  .characters[data-name=kanami] .characters__character[data-name=kanami] .character__description {
    display: block;
  }
  .characters[data-name=kanami] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
    transform: translate(-50%, -50%) rotate(117.6923076923077deg) translate(-300px, 0px) rotate(-117.6923076923077deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -moz-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -o-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -ms-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -moz-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -o-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    -ms-transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
    transform: translate(-50%, -50%) rotate(283.8461538461538deg) translate(-300px, 0px) rotate(-283.8461538461538deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
    transform: translate(-50%, -50%) rotate(339.2307692307692deg) translate(-300px, 0px) rotate(-339.2307692307692deg);
  }
  .characters__button[data-name=sakaki] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/sakaki-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=sakaki] .characters__inner-ring {
    -webkit-transform: rotate(-132.76923076923077deg);
    -moz-transform: rotate(-132.76923076923077deg);
    -o-transform: rotate(-132.76923076923077deg);
    -ms-transform: rotate(-132.76923076923077deg);
    transform: rotate(-132.76923076923077deg);
  }
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] {
    visibility: visible;
  }
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] .character__heading,
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] .character__description {
    display: block;
  }
  .characters[data-name=sakaki] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
    transform: translate(-50%, -50%) rotate(62.30769230769231deg) translate(-300px, 0px) rotate(-62.30769230769231deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
    transform: translate(-50%, -50%) rotate(256.15384615384613deg) translate(-300px, 0px) rotate(-256.15384615384613deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
    transform: translate(-50%, -50%) rotate(311.53846153846155deg) translate(-300px, 0px) rotate(-311.53846153846155deg);
  }
  .characters__button[data-name=maki] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/maki-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=maki] .characters__inner-ring {
    -webkit-transform: rotate(-160.46153846153845deg);
    -moz-transform: rotate(-160.46153846153845deg);
    -o-transform: rotate(-160.46153846153845deg);
    -ms-transform: rotate(-160.46153846153845deg);
    transform: rotate(-160.46153846153845deg);
  }
  .characters[data-name=maki] .characters__character[data-name=maki] {
    visibility: visible;
  }
  .characters[data-name=maki] .characters__character[data-name=maki] .character__heading,
  .characters[data-name=maki] .characters__character[data-name=maki] .character__description {
    display: block;
  }
  .characters[data-name=maki] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=maki] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
  }
  .characters[data-name=maki] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
  }
  .characters[data-name=maki] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538463deg) translate(-300px, 0px) rotate(-34.61538461538463deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538463deg) translate(-300px, 0px) rotate(-34.61538461538463deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538463deg) translate(-300px, 0px) rotate(-34.61538461538463deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538463deg) translate(-300px, 0px) rotate(-34.61538461538463deg);
    transform: translate(-50%, -50%) rotate(34.61538461538463deg) translate(-300px, 0px) rotate(-34.61538461538463deg);
  }
  .characters[data-name=maki] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
  }
  .characters[data-name=maki] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=maki] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
  }
  .characters[data-name=maki] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=maki] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters[data-name=maki] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters[data-name=maki] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
    transform: translate(-50%, -50%) rotate(228.46153846153845deg) translate(-300px, 0px) rotate(-228.46153846153845deg);
  }
  .characters[data-name=maki] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
  }
  .characters[data-name=maki] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
    transform: translate(-50%, -50%) rotate(283.84615384615387deg) translate(-300px, 0px) rotate(-283.84615384615387deg);
  }
  .characters__button[data-name=yayoi] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/yayoi-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=yayoi] .characters__inner-ring {
    -webkit-transform: rotate(-188.15384615384616deg);
    -moz-transform: rotate(-188.15384615384616deg);
    -o-transform: rotate(-188.15384615384616deg);
    -ms-transform: rotate(-188.15384615384616deg);
    transform: rotate(-188.15384615384616deg);
  }
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] {
    visibility: visible;
  }
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] .character__heading,
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] .character__description {
    display: block;
  }
  .characters[data-name=yayoi] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -moz-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -o-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    -ms-transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
    transform: translate(-50%, -50%) rotate(6.92307692307692deg) translate(-300px, 0px) rotate(-6.92307692307692deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923075deg) translate(-300px, 0px) rotate(-200.76923076923075deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923075deg) translate(-300px, 0px) rotate(-200.76923076923075deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923075deg) translate(-300px, 0px) rotate(-200.76923076923075deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923075deg) translate(-300px, 0px) rotate(-200.76923076923075deg);
    transform: translate(-50%, -50%) rotate(200.76923076923075deg) translate(-300px, 0px) rotate(-200.76923076923075deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
    transform: translate(-50%, -50%) rotate(256.1538461538462deg) translate(-300px, 0px) rotate(-256.1538461538462deg);
  }
  .characters__button[data-name=iria] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/iria-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=iria] .characters__inner-ring {
    -webkit-transform: rotate(-215.84615384615387deg);
    -moz-transform: rotate(-215.84615384615387deg);
    -o-transform: rotate(-215.84615384615387deg);
    -ms-transform: rotate(-215.84615384615387deg);
    transform: rotate(-215.84615384615387deg);
  }
  .characters[data-name=iria] .characters__character[data-name=iria] {
    visibility: visible;
  }
  .characters[data-name=iria] .characters__character[data-name=iria] .character__heading,
  .characters[data-name=iria] .characters__character[data-name=iria] .character__description {
    display: block;
  }
  .characters[data-name=iria] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
  }
  .characters[data-name=iria] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
  }
  .characters[data-name=iria] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=iria] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
    transform: translate(-50%, -50%) rotate(-20.76923076923076deg) translate(-300px, 0px) rotate(20.76923076923076deg);
  }
  .characters[data-name=iria] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
  }
  .characters[data-name=iria] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=iria] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
  }
  .characters[data-name=iria] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=iria] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
    transform: translate(-50%, -50%) rotate(117.69230769230771deg) translate(-300px, 0px) rotate(-117.69230769230771deg);
  }
  .characters[data-name=iria] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -moz-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -o-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    -ms-transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
    transform: translate(-50%, -50%) rotate(145.3846153846154deg) translate(-300px, 0px) rotate(-145.3846153846154deg);
  }
  .characters[data-name=iria] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
    transform: translate(-50%, -50%) rotate(173.07692307692307deg) translate(-300px, 0px) rotate(-173.07692307692307deg);
  }
  .characters[data-name=iria] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(200.7692307692308deg) translate(-300px, 0px) rotate(-200.7692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(200.7692307692308deg) translate(-300px, 0px) rotate(-200.7692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(200.7692307692308deg) translate(-300px, 0px) rotate(-200.7692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(200.7692307692308deg) translate(-300px, 0px) rotate(-200.7692307692308deg);
    transform: translate(-50%, -50%) rotate(200.7692307692308deg) translate(-300px, 0px) rotate(-200.7692307692308deg);
  }
  .characters[data-name=iria] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
    transform: translate(-50%, -50%) rotate(228.46153846153848deg) translate(-300px, 0px) rotate(-228.46153846153848deg);
  }
  .characters__button[data-name=rei] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/rei-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=rei] .characters__inner-ring {
    -webkit-transform: rotate(-243.53846153846155deg);
    -moz-transform: rotate(-243.53846153846155deg);
    -o-transform: rotate(-243.53846153846155deg);
    -ms-transform: rotate(-243.53846153846155deg);
    transform: rotate(-243.53846153846155deg);
  }
  .characters[data-name=rei] .characters__character[data-name=rei] {
    visibility: visible;
  }
  .characters[data-name=rei] .characters__character[data-name=rei] .character__heading,
  .characters[data-name=rei] .characters__character[data-name=rei] .character__description {
    display: block;
  }
  .characters[data-name=rei] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
  }
  .characters[data-name=rei] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
  }
  .characters[data-name=rei] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
  }
  .characters[data-name=rei] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=rei] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
  }
  .characters[data-name=rei] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
  }
  .characters[data-name=rei] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=rei] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
    transform: translate(-50%, -50%) rotate(62.30769230769229deg) translate(-300px, 0px) rotate(-62.30769230769229deg);
  }
  .characters[data-name=rei] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=rei] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
  }
  .characters[data-name=rei] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -moz-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -o-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    -ms-transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
    transform: translate(-50%, -50%) rotate(145.38461538461536deg) translate(-300px, 0px) rotate(-145.38461538461536deg);
  }
  .characters[data-name=rei] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters[data-name=rei] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
    transform: translate(-50%, -50%) rotate(200.76923076923077deg) translate(-300px, 0px) rotate(-200.76923076923077deg);
  }
  .characters__button[data-name=akari] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/akari-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=akari] .characters__inner-ring {
    -webkit-transform: rotate(-271.2307692307692deg);
    -moz-transform: rotate(-271.2307692307692deg);
    -o-transform: rotate(-271.2307692307692deg);
    -ms-transform: rotate(-271.2307692307692deg);
    transform: rotate(-271.2307692307692deg);
  }
  .characters[data-name=akari] .characters__character[data-name=akari] {
    visibility: visible;
  }
  .characters[data-name=akari] .characters__character[data-name=akari] .character__heading,
  .characters[data-name=akari] .characters__character[data-name=akari] .character__description {
    display: block;
  }
  .characters[data-name=akari] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
  }
  .characters[data-name=akari] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
  }
  .characters[data-name=akari] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615384deg) translate(-300px, 0px) rotate(103.84615384615384deg);
  }
  .characters[data-name=akari] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
  }
  .characters[data-name=akari] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=akari] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
  }
  .characters[data-name=akari] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
  }
  .characters[data-name=akari] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
    transform: translate(-50%, -50%) rotate(34.61538461538461deg) translate(-300px, 0px) rotate(-34.61538461538461deg);
  }
  .characters[data-name=akari] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
  }
  .characters[data-name=akari] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=akari] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
  }
  .characters[data-name=akari] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -moz-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -o-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -ms-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
  }
  .characters[data-name=akari] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
    transform: translate(-50%, -50%) rotate(173.0769230769231deg) translate(-300px, 0px) rotate(-173.0769230769231deg);
  }
  .characters__button[data-name=hikari] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/hikari-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=hikari] .characters__inner-ring {
    -webkit-transform: rotate(-298.9230769230769deg);
    -moz-transform: rotate(-298.9230769230769deg);
    -o-transform: rotate(-298.9230769230769deg);
    -ms-transform: rotate(-298.9230769230769deg);
    transform: rotate(-298.9230769230769deg);
  }
  .characters[data-name=hikari] .characters__character[data-name=hikari] {
    visibility: visible;
  }
  .characters[data-name=hikari] .characters__character[data-name=hikari] .character__heading,
  .characters[data-name=hikari] .characters__character[data-name=hikari] .character__description {
    display: block;
  }
  .characters[data-name=hikari] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-131.53846153846152deg) translate(-300px, 0px) rotate(131.53846153846152deg);
    -moz-transform: translate(-50%, -50%) rotate(-131.53846153846152deg) translate(-300px, 0px) rotate(131.53846153846152deg);
    -o-transform: translate(-50%, -50%) rotate(-131.53846153846152deg) translate(-300px, 0px) rotate(131.53846153846152deg);
    -ms-transform: translate(-50%, -50%) rotate(-131.53846153846152deg) translate(-300px, 0px) rotate(131.53846153846152deg);
    transform: translate(-50%, -50%) rotate(-131.53846153846152deg) translate(-300px, 0px) rotate(131.53846153846152deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615381deg) translate(-300px, 0px) rotate(103.84615384615381deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615381deg) translate(-300px, 0px) rotate(103.84615384615381deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615381deg) translate(-300px, 0px) rotate(103.84615384615381deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615381deg) translate(-300px, 0px) rotate(103.84615384615381deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615381deg) translate(-300px, 0px) rotate(103.84615384615381deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384613deg) translate(-300px, 0px) rotate(76.15384615384613deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153845deg) translate(-300px, 0px) rotate(48.46153846153845deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230745deg) translate(-300px, 0px) rotate(20.769230769230745deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230745deg) translate(-300px, 0px) rotate(20.769230769230745deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230745deg) translate(-300px, 0px) rotate(20.769230769230745deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230745deg) translate(-300px, 0px) rotate(20.769230769230745deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230745deg) translate(-300px, 0px) rotate(20.769230769230745deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
    transform: translate(-50%, -50%) rotate(6.923076923076934deg) translate(-300px, 0px) rotate(-6.923076923076934deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(34.61538461538464deg) translate(-300px, 0px) rotate(-34.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(34.61538461538464deg) translate(-300px, 0px) rotate(-34.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(34.61538461538464deg) translate(-300px, 0px) rotate(-34.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(34.61538461538464deg) translate(-300px, 0px) rotate(-34.61538461538464deg);
    transform: translate(-50%, -50%) rotate(34.61538461538464deg) translate(-300px, 0px) rotate(-34.61538461538464deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230774deg) translate(-300px, 0px) rotate(-117.69230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230774deg) translate(-300px, 0px) rotate(-117.69230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230774deg) translate(-300px, 0px) rotate(-117.69230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230774deg) translate(-300px, 0px) rotate(-117.69230769230774deg);
    transform: translate(-50%, -50%) rotate(117.69230769230774deg) translate(-300px, 0px) rotate(-117.69230769230774deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -moz-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -o-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    -ms-transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
    transform: translate(-50%, -50%) rotate(145.38461538461542deg) translate(-300px, 0px) rotate(-145.38461538461542deg);
  }
  .characters__button[data-name=teruko] {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/cast/teruko-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=teruko] .characters__inner-ring {
    -webkit-transform: rotate(-326.61538461538464deg);
    -moz-transform: rotate(-326.61538461538464deg);
    -o-transform: rotate(-326.61538461538464deg);
    -ms-transform: rotate(-326.61538461538464deg);
    transform: rotate(-326.61538461538464deg);
  }
  .characters[data-name=teruko] .characters__character[data-name=teruko] {
    visibility: visible;
  }
  .characters[data-name=teruko] .characters__character[data-name=teruko] .character__heading,
  .characters[data-name=teruko] .characters__character[data-name=teruko] .character__description {
    display: block;
  }
  .characters[data-name=teruko] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-186.92307692307696deg) translate(-300px, 0px) rotate(186.92307692307696deg);
    -moz-transform: translate(-50%, -50%) rotate(-186.92307692307696deg) translate(-300px, 0px) rotate(186.92307692307696deg);
    -o-transform: translate(-50%, -50%) rotate(-186.92307692307696deg) translate(-300px, 0px) rotate(186.92307692307696deg);
    -ms-transform: translate(-50%, -50%) rotate(-186.92307692307696deg) translate(-300px, 0px) rotate(186.92307692307696deg);
    transform: translate(-50%, -50%) rotate(-186.92307692307696deg) translate(-300px, 0px) rotate(186.92307692307696deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-159.23076923076925deg) translate(-300px, 0px) rotate(159.23076923076925deg);
    -moz-transform: translate(-50%, -50%) rotate(-159.23076923076925deg) translate(-300px, 0px) rotate(159.23076923076925deg);
    -o-transform: translate(-50%, -50%) rotate(-159.23076923076925deg) translate(-300px, 0px) rotate(159.23076923076925deg);
    -ms-transform: translate(-50%, -50%) rotate(-159.23076923076925deg) translate(-300px, 0px) rotate(159.23076923076925deg);
    transform: translate(-50%, -50%) rotate(-159.23076923076925deg) translate(-300px, 0px) rotate(159.23076923076925deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384619deg) translate(-300px, 0px) rotate(76.15384615384619deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384619deg) translate(-300px, 0px) rotate(76.15384615384619deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384619deg) translate(-300px, 0px) rotate(76.15384615384619deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384619deg) translate(-300px, 0px) rotate(76.15384615384619deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384619deg) translate(-300px, 0px) rotate(76.15384615384619deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230802deg) translate(-300px, 0px) rotate(20.769230769230802deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230802deg) translate(-300px, 0px) rotate(20.769230769230802deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230802deg) translate(-300px, 0px) rotate(20.769230769230802deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230802deg) translate(-300px, 0px) rotate(20.769230769230802deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230802deg) translate(-300px, 0px) rotate(20.769230769230802deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -moz-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -o-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -ms-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(62.307692307692264deg) translate(-300px, 0px) rotate(-62.307692307692264deg);
    -moz-transform: translate(-50%, -50%) rotate(62.307692307692264deg) translate(-300px, 0px) rotate(-62.307692307692264deg);
    -o-transform: translate(-50%, -50%) rotate(62.307692307692264deg) translate(-300px, 0px) rotate(-62.307692307692264deg);
    -ms-transform: translate(-50%, -50%) rotate(62.307692307692264deg) translate(-300px, 0px) rotate(-62.307692307692264deg);
    transform: translate(-50%, -50%) rotate(62.307692307692264deg) translate(-300px, 0px) rotate(-62.307692307692264deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
    transform: translate(-50%, -50%) rotate(117.69230769230768deg) translate(-300px, 0px) rotate(-117.69230769230768deg);
  }
  .characters__button[data-name=aikawa] {
    width: 89px;
    height: 89px;
    display: block;
    background-image: url("/images/cast/aikawa-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 89px 89px;
    -moz-background-size: 89px 89px;
    background-size: 89px 89px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=aikawa] .characters__inner-ring {
    -webkit-transform: rotate(-354.3076923076923deg);
    -moz-transform: rotate(-354.3076923076923deg);
    -o-transform: rotate(-354.3076923076923deg);
    -ms-transform: rotate(-354.3076923076923deg);
    transform: rotate(-354.3076923076923deg);
  }
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] {
    visibility: visible;
  }
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] .character__heading,
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] .character__description {
    display: block;
  }
  .characters[data-name=aikawa] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-242.30769230769232deg) translate(-300px, 0px) rotate(242.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(-242.30769230769232deg) translate(-300px, 0px) rotate(242.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(-242.30769230769232deg) translate(-300px, 0px) rotate(242.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(-242.30769230769232deg) translate(-300px, 0px) rotate(242.30769230769232deg);
    transform: translate(-50%, -50%) rotate(-242.30769230769232deg) translate(-300px, 0px) rotate(242.30769230769232deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
    transform: translate(-50%, -50%) rotate(-214.61538461538464deg) translate(-300px, 0px) rotate(214.61538461538464deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
    transform: translate(-50%, -50%) rotate(-186.9230769230769deg) translate(-300px, 0px) rotate(186.9230769230769deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-159.23076923076923deg) translate(-300px, 0px) rotate(159.23076923076923deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-131.53846153846155deg) translate(-300px, 0px) rotate(131.53846153846155deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-103.84615384615387deg) translate(-300px, 0px) rotate(103.84615384615387deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-76.15384615384616deg) translate(-300px, 0px) rotate(76.15384615384616deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
    transform: translate(-50%, -50%) rotate(-48.46153846153848deg) translate(-300px, 0px) rotate(48.46153846153848deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -moz-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -o-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    -ms-transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
    transform: translate(-50%, -50%) rotate(-20.769230769230774deg) translate(-300px, 0px) rotate(20.769230769230774deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -moz-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -o-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    -ms-transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
    transform: translate(-50%, -50%) rotate(6.923076923076906deg) translate(-300px, 0px) rotate(-6.923076923076906deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -moz-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -o-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    -ms-transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
    transform: translate(-50%, -50%) rotate(34.615384615384585deg) translate(-300px, 0px) rotate(-34.615384615384585deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -moz-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -o-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    -ms-transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
    transform: translate(-50%, -50%) rotate(62.30769230769232deg) translate(-300px, 0px) rotate(-62.30769230769232deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(-300px, 0px) rotate(-90deg);
  }
}
@media screen and (min-width: 751px) {
  .page-staff {
    padding: 140px 0 115px;
  }
  .page-staff__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/staff/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .staffs {
    width: 565px;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
  }
  .staff__position,
  .staff__dot {
    font-size: 18px;
    color: #081454;
    display: inline-block;
    line-height: 2;
    letter-spacing: -0.03em;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .staff__name {
    font-size: 23px;
    color: #081454;
    display: inline-block;
    line-height: 2;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.02em;
  }
  .staff__gensaku {
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-staff .staff__gensaku {
    width: 146px;
    height: 470px;
    display: block;
    background-image: url("/images/staff/1-head1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 470px;
    -moz-background-size: 146px 470px;
    background-size: 146px 470px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-music__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/music/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .artists {
    padding: 140px 0 115px;
    width: 565px;
    margin: 0 auto;
    position: relative;
  }
  .artist-name-body {
    margin: 0 auto;
  }
  .artist-name-ruby {
    display: none;
  }
  .artist-label {
    margin: 20px auto 0;
  }
  .music-block {
    padding: 75px 0 0;
    margin: 65px 0 0;
    background: url("/images/page/line.png") no-repeat 50% 0/contain;
  }
  .music-block:first-child {
    padding-top: 0;
    margin-top: 0;
    background: none;
  }
  .cdgoods {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 65px 0 0;
  }
  .cdgoods__image {
    width: 263px;
    margin: 0 30px 0 0;
  }
  .cdgoods__image > img {
    display: block;
    width: 100%;
  }
  .cdgoods__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0;
    font-size: 14px;
    color: #081454;
    line-height: 1.4;
  }
  .clearfix:after {
    content: "";
    clear: both;
    display: block;
  }
  .cdgoods__text-song {
    margin: 5px 0 0;
  }
  .cdgoods__text-song .btn {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
  }
  .cdgoods__text-song .ttl {
    float: left;
    width: 210px;
    padding-top: 7px;
  }
  .artist {
    position: relative;
    margin: 65px auto 0;
    padding: 75px 0 0;
    background: url("/images/page/line.png") no-repeat 50% 0/contain;
  }
  .artist__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .artist__image {
    width: 236px;
    margin: 0 30px 0 0;
  }
  .artist__image > img {
    display: block;
    width: 100%;
  }
  .artist__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #081454;
  }
  .artist__paragraph {
    margin: 20px 0 0;
  }
  .artist__paragraph:first-child {
    margin-top: 0;
  }
  .artist__links {
    margin: 40px 0 0;
    text-align: center;
  }
  .artist__button {
    display: block;
    width: 263px;
    text-align: center;
    background: #081454;
    border: solid 2px #fff;
    border-bottom-width: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
  }
  .artist__button:hover {
    border-color: #081454;
    color: #081454;
    background: #fff;
  }
  .page-music .artist-name-body.music_sc-head {
    width: 558px;
    height: 78px;
    display: block;
    background-image: url("/images/music/1-cd_sc-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 558px 78px;
    -moz-background-size: 558px 78px;
    background-size: 558px 78px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-name-body.music1-head {
    width: 280px;
    height: 83px;
    display: block;
    background-image: url("/images/music/1-cd1-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 83px;
    -moz-background-size: 280px 83px;
    background-size: 280px 83px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-name-body.music2-head {
    width: 315px;
    height: 58px;
    display: block;
    background-image: url("/images/music/1-cd2-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 315px 58px;
    -moz-background-size: 315px 58px;
    background-size: 315px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music_sc-text {
    width: 361px;
    height: 31px;
    display: block;
    background-image: url("/images/music/1-cd_sc-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 361px 31px;
    -moz-background-size: 361px 31px;
    background-size: 361px 31px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music1-text {
    width: 558px;
    height: 25px;
    display: block;
    background-image: url("/images/music/1-cd1-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 558px 25px;
    -moz-background-size: 558px 25px;
    background-size: 558px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music2-text {
    width: 463px;
    height: 25px;
    display: block;
    background-image: url("/images/music/1-cd2-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 463px 25px;
    -moz-background-size: 463px 25px;
    background-size: 463px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-movie {
    padding: 140px 0 115px;
  }
  .page-movie__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/movie/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .movies {
    padding: 0 0 0;
  }
  .movie-title {
    position: absolute;
    top: 75px;
  }
  .movie {
    position: relative;
    width: 472px;
    height: 266px;
    display: block;
  }
  .movie-block {
    position: relative;
    margin: 65px auto 0;
    padding: 75px 0 0;
    width: 565px;
    background: url("/images/page/line.png") no-repeat 50% 0/contain;
  }
  .movie-block.movie-block--first {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .movie-block.movie-block--first .movie-title {
    top: 0;
  }
  .movie-block:nth-child(even) .movie-title {
    right: 0;
  }
  .movie-block:nth-child(even) .movie {
    margin-right: auto;
  }
  .movie-block:nth-child(odd) .movile-title {
    left: 0;
  }
  .movie-block:nth-child(odd) .movie {
    margin-left: auto;
  }
  .page-movie .movie-title.movie1 {
    width: 56px;
    height: 266px;
    display: block;
    background-image: url("/images/movie/1-movie1-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 266px;
    -moz-background-size: 56px 266px;
    background-size: 56px 266px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie2 {
    width: 56px;
    height: 270px;
    display: block;
    background-image: url("/images/movie/1-movie2-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 270px;
    -moz-background-size: 56px 270px;
    background-size: 56px 270px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie3 {
    width: 55px;
    height: 109px;
    display: block;
    background-image: url("/images/movie/1-movie3-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 55px 109px;
    -moz-background-size: 55px 109px;
    background-size: 55px 109px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie4 {
    width: 56px;
    height: 270px;
    display: block;
    background-image: url("/images/movie/1-movie4-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 270px;
    -moz-background-size: 56px 270px;
    background-size: 56px 270px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie5 {
    width: 56px;
    height: 222px;
    display: block;
    background-image: url("/images/movie/1-movie5-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 222px;
    -moz-background-size: 56px 222px;
    background-size: 56px 222px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie6 {
    width: 56px;
    height: 269px;
    display: block;
    background-image: url("/images/movie/1-movie6-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 269px;
    -moz-background-size: 56px 269px;
    background-size: 56px 269px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-goods__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/goods/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods {
    padding: 140px 0 115px;
  }
  .page-goods .items {
    position: relative;
    width: 565px;
    margin: 0 auto;
    font-family: 'NotoSansCJKjp';
  }
  .page-goods .item.campaign .item__lead {
    margin: 0 0 30px;
    padding: 0;
  }
  .page-goods .item.campaign p strong {
    font-weight: bold;
    font-size: 15px;
  }
  .page-goods .item.campaign p img {
    margin: 0.5rem 0 0;
  }
  .page-goods .item.campaign p span {
    text-decoration: underline;
  }
  .page-goods .item.campaign p small {
    font-size: 12px;
  }
  .page-goods .item {
    margin: 65px 0 0;
    padding: 75px 0 0;
    background: url("/images/page/line.png") no-repeat 50% 0/contain;
  }
  .page-goods .item:nth-of-type(1) {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .page-goods .item__attentiontxt {
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    text-align: center;
    color: #081454;
    line-height: 1.5;
  }
  .page-goods .item__title {
    margin: 0 auto;
  }
  .page-goods .item__release {
    margin: 24px auto 0;
  }
  .page-goods .item__columns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 35px 0 0;
  }
  .page-goods .item__column-1 {
    width: 224px;
    margin: 0 30px 0 0;
  }
  .page-goods .item__image {
    width: 100%;
  }
  .page-goods .item__image img {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255,255,255,0.5);
  }
  .page-goods .item__column-2 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .page-goods .item__text {
    line-height: 1.64706;
    font-size: 14px;
    color: #081454;
  }
  .page-goods .item__buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 30px 0 0;
  }
  .page-goods .item__button {
    display: block;
    width: 263px;
    text-align: center;
    background: #081454;
    border: solid 2px #fff;
    border-bottom-width: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
    position: relative;
  }
  .page-goods .item__button:hover {
    border-color: #081454;
    color: #081454;
    background: #fff;
  }
  .page-goods .item__banners {
    position: fixed;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: opacity 300ms, visibility 0ms 300ms;
    -moz-transition: opacity 300ms, visibility 0ms 300ms;
    -o-transition: opacity 300ms, visibility 0ms 300ms;
    -ms-transition: opacity 300ms, visibility 0ms 300ms;
    transition: opacity 300ms, visibility 0ms 300ms;
  }
  .page-goods .item__banners[data-show-shop="1"] {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .page-goods .item__banners-inner {
    position: relative;
    width: 560px;
    height: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-goods .item__close {
    position: absolute;
    width: 23px;
    height: 23px;
    display: block;
    background-image: url("/images/goods/button-close.png");
    background-repeat: no-repeat;
    -webkit-background-size: 23px 23px;
    -moz-background-size: 23px 23px;
    background-size: 23px 23px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    right: 15px;
    top: 15px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
  }
  .page-goods .item__close:hover {
    -webkit-transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
  }
  .page-goods .item__banners {
    background: rgba(253,107,13,0.8);
  }
  .page-goods .item__title.item__no1 {
    width: 165px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 165px 58px;
    -moz-background-size: 165px 58px;
    background-size: 165px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no2 {
    width: 163px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 163px 58px;
    -moz-background-size: 163px 58px;
    background-size: 163px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no3 {
    width: 161px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 161px 58px;
    -moz-background-size: 161px 58px;
    background-size: 161px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no4 {
    width: 166px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 166px 58px;
    -moz-background-size: 166px 58px;
    background-size: 166px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no5 {
    width: 161px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 161px 58px;
    -moz-background-size: 161px 58px;
    background-size: 161px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no6 {
    width: 166px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 166px 58px;
    -moz-background-size: 166px 58px;
    background-size: 166px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no7 {
    width: 167px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-7.png");
    background-repeat: no-repeat;
    -webkit-background-size: 167px 58px;
    -moz-background-size: 167px 58px;
    background-size: 167px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no8 {
    width: 164px;
    height: 58px;
    display: block;
    background-image: url("/images/goods/1-head-8.png");
    background-repeat: no-repeat;
    -webkit-background-size: 164px 58px;
    -moz-background-size: 164px 58px;
    background-size: 164px 58px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no1 {
    width: 296px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 296px 25px;
    -moz-background-size: 296px 25px;
    background-size: 296px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no2 {
    width: 292px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 292px 25px;
    -moz-background-size: 292px 25px;
    background-size: 292px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no3 {
    width: 281px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 281px 25px;
    -moz-background-size: 281px 25px;
    background-size: 281px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no4 {
    width: 286px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 286px 25px;
    -moz-background-size: 286px 25px;
    background-size: 286px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no5 {
    width: 284px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 284px 25px;
    -moz-background-size: 284px 25px;
    background-size: 284px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no6 {
    width: 280px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 25px;
    -moz-background-size: 280px 25px;
    background-size: 280px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no7 {
    width: 286px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-7.png");
    background-repeat: no-repeat;
    -webkit-background-size: 286px 25px;
    -moz-background-size: 286px 25px;
    background-size: 286px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no8 {
    width: 286px;
    height: 25px;
    display: block;
    background-image: url("/images/goods/1-release-8.png");
    background-repeat: no-repeat;
    -webkit-background-size: 286px 25px;
    -moz-background-size: 286px 25px;
    background-size: 286px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-special__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/special/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special {
    padding: 142px 0 115px;
  }
  .interviews {
    width: 565px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
  }
  .interviews:before,
  .interviews:after {
    content: "";
    display: table;
  }
  .interviews:after {
    clear: both;
  }
  .interview1 {
    position: relative;
    float: right;
    font-size: 0;
  }
  .interview1:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .interview2 {
    position: relative;
    float: right;
    font-size: 0;
    margin-right: 35px;
  }
  .interview2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .interview3 {
    position: relative;
    float: right;
    font-size: 0;
    margin-right: 35px;
  }
  .interview3:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .interview4 {
    position: relative;
    float: right;
    font-size: 0;
    margin-right: 35px;
  }
  .interview4:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview4:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .interview5 {
    position: relative;
    float: right;
    font-size: 0;
    margin-right: 35px;
  }
  .interview5:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview5:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .interview6 {
    position: relative;
    float: right;
    font-size: 0;
    margin-right: 35px;
  }
  .interview6:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
  }
  .interview6:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height 150ms linear;
    -moz-transition: height 150ms linear;
    -o-transition: height 150ms linear;
    -ms-transition: height 150ms linear;
    transition: height 150ms linear;
  }
  .page-interview-1 {
    padding: 140px 0 115px;
    min-height: 100%;
    display: none;
  }
  .page-interview-1 .img-header img {
    width: 100%;
    height: auto;
  }
  .page-interview-1 .question {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 444px;
    margin: 12px 0;
  }
  .page-interview-1 .question.question--first {
    margin-top: 0;
  }
  .page-interview-1 .question__q {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .question__q:before {
    content: "";
  }
  .page-interview-1 .answer__nisio {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__nisio:before {
    content: "";
  }
  .page-interview-1 .answer__kaji {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kaji:before {
    content: "";
  }
  .page-interview-1 .answer__yase {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__yase:before {
    content: "";
  }
  .page-interview-1 .answer__kajiura {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kajiura:before {
    content: "";
  }
  .page-interview-1 .answer__iwakami {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__iwakami:before {
    content: "";
  }
  .page-interview-1 .answer__shinbou {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__shinbou:before {
    content: "";
  }
  .page-interview-1 .answer__kubota {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kubota:before {
    content: "";
  }
  .page-interview-1 .answer__mia {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__mia:before {
    content: "";
  }
  .page-interview-1 .answer__tsuruoka {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__tsuruoka:before {
    content: "";
  }
  .page-interview-1 .answer__yuuki {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__yuuki:before {
    content: "";
  }
  .page-interview-1 .question__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-interview-1 .answer {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 444px;
    margin: 0 0 25px;
    padding: 0 0 30px;
    background: url("/images/page/line2.png") no-repeat 50% 100%/auto 8px;
  }
  .page-interview-1 .answer ul li {
    margin: 20px 0 0;
    float: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .page-interview-1 .answer ul li:nth-child(1) {
    margin-top: 0;
  }
  .page-interview-1 .answer ul li .answer__text {
    width: 400px;
  }
  .page-interview-1 .answer__text {
    line-height: 1.6;
    font-size: 14px;
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-interview-1 .back {
    width: 263px;
    display: block;
    margin: 0 0 0 90px;
    text-decoration: none;
  }
  .page-interview-1 .back + .back {
    margin-top: 20px;
  }
  .page-interview-1 .back .back__label {
    display: block;
    width: 263px;
    text-align: center;
    background: #081454;
    border: solid 2px #fff;
    border-bottom-width: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
  }
  .page-interview-1 .back .back__label:hover {
    border-color: #081454;
    color: #081454;
    background: #fff;
  }
  .page-interview-1 .back .music__label {
    display: block;
    width: 263px;
    text-align: center;
    background: #081454;
    border: solid 2px #fff;
    border-bottom-width: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
  }
  .page-interview-1 .back .music__label:hover {
    border-color: #081454;
    color: #081454;
    background: #fff;
  }
  .interview-content {
    position: relative;
    width: 565px;
    margin: 0 auto 0;
  }
  .interview-content .sub-title-1,
  .interview-content .sub-title-2,
  .interview-content .sub-title-3,
  .interview-content .sub-title-4,
  .interview-content .sub-title-5,
  .interview-content .sub-title-6,
  .interview-content .sub-title-7 {
    position: absolute;
    right: 0;
    top: 5px;
  }
  .interview-content .sub-title--header {
    top: 245px;
  }
  .page-special .interview1 {
    width: 65px;
    height: 295px;
  }
  .page-special .interview1:before {
    width: 59px;
    height: 293px;
    display: block;
    background-image: url("/images/special/1-interview1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 293px;
    -moz-background-size: 59px 293px;
    background-size: 59px 293px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview1:after {
    width: 65px;
    height: 295px;
    display: block;
    background-image: url("/images/special/1-interview1-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 295px;
    -moz-background-size: 65px 295px;
    background-size: 65px 295px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview1:hover:after {
    height: 295px;
  }
  .page-special .interview2 {
    width: 65px;
    height: 524px;
  }
  .page-special .interview2:before {
    width: 59px;
    height: 522px;
    display: block;
    background-image: url("/images/special/1-interview2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 522px;
    -moz-background-size: 59px 522px;
    background-size: 59px 522px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview2:after {
    width: 65px;
    height: 524px;
    display: block;
    background-image: url("/images/special/1-interview2-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 524px;
    -moz-background-size: 65px 524px;
    background-size: 65px 524px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview2:hover:after {
    height: 524px;
  }
  .page-special .interview3 {
    width: 65px;
    height: 496px;
  }
  .page-special .interview3:before {
    width: 59px;
    height: 493px;
    display: block;
    background-image: url("/images/special/1-interview3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 493px;
    -moz-background-size: 59px 493px;
    background-size: 59px 493px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview3:after {
    width: 65px;
    height: 496px;
    display: block;
    background-image: url("/images/special/1-interview3-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 496px;
    -moz-background-size: 65px 496px;
    background-size: 65px 496px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview3:hover:after {
    height: 496px;
  }
  .page-special .interview4 {
    width: 65px;
    height: 301px;
  }
  .page-special .interview4:before {
    width: 59px;
    height: 298px;
    display: block;
    background-image: url("/images/special/1-interview4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 298px;
    -moz-background-size: 59px 298px;
    background-size: 59px 298px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview4:after {
    width: 65px;
    height: 301px;
    display: block;
    background-image: url("/images/special/1-interview4-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 301px;
    -moz-background-size: 65px 301px;
    background-size: 65px 301px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview4:hover:after {
    height: 301px;
  }
  .page-special .interview5 {
    width: 65px;
    height: 295px;
  }
  .page-special .interview5:before {
    width: 60px;
    height: 293px;
    display: block;
    background-image: url("/images/special/1-interview5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 60px 293px;
    -moz-background-size: 60px 293px;
    background-size: 60px 293px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview5:after {
    width: 65px;
    height: 295px;
    display: block;
    background-image: url("/images/special/1-interview5-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 295px;
    -moz-background-size: 65px 295px;
    background-size: 65px 295px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview5:hover:after {
    height: 295px;
  }
  .page-special .interview6 {
    width: 65px;
    height: 340px;
  }
  .page-special .interview6:before {
    width: 59px;
    height: 336px;
    display: block;
    background-image: url("/images/special/1-interview6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 336px;
    -moz-background-size: 59px 336px;
    background-size: 59px 336px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview6:after {
    width: 65px;
    height: 340px;
    display: block;
    background-image: url("/images/special/1-interview6-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 65px 340px;
    -moz-background-size: 65px 340px;
    background-size: 65px 340px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 0;
  }
  .page-special .interview6:hover:after {
    height: 340px;
  }
  .page-interview-1 .sub-title-1 {
    width: 93px;
    height: 312px;
    display: block;
    background-image: url("/images/special/1-sub-title-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 312px;
    -moz-background-size: 93px 312px;
    background-size: 93px 312px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-2 {
    width: 93px;
    height: 528px;
    display: block;
    background-image: url("/images/special/1-sub-title-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 528px;
    -moz-background-size: 93px 528px;
    background-size: 93px 528px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-3 {
    width: 93px;
    height: 334px;
    display: block;
    background-image: url("/images/special/1-sub-title-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 334px;
    -moz-background-size: 93px 334px;
    background-size: 93px 334px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-4 {
    width: 93px;
    height: 320px;
    display: block;
    background-image: url("/images/special/1-sub-title-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 320px;
    -moz-background-size: 93px 320px;
    background-size: 93px 320px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-5 {
    width: 93px;
    height: 320px;
    display: block;
    background-image: url("/images/special/1-sub-title-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 320px;
    -moz-background-size: 93px 320px;
    background-size: 93px 320px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-6 {
    width: 93px;
    height: 320px;
    display: block;
    background-image: url("/images/special/1-sub-title-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 93px 320px;
    -moz-background-size: 93px 320px;
    background-size: 93px 320px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .question__q:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-q.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__nisio:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/special/1-qa-nisio.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kaji:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-kaji.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__yase:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-yase.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kajiura:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-kajiura.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__iwakami:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-iwakami.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__shinbou:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-shinbou.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kubota:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-kubota.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__mia:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-mia.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__tsuruoka:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-tsuruoka.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__yuuki:before {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/images/special/1-qa-yuuki.png");
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 751px) {
  .page-rewards {
    padding: 140px 0 65px;
  }
  .page-rewards__body {
    z-index: 1px;
    position: relative;
  }
  .page-rewards__title {
    width: 220px;
    height: 220px;
    display: block;
    background-image: url("/images/rewards/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-rewards .shop-name {
    font-size: 26px;
    font-weight: bold;
    margin: 32px auto 0;
    width: 565px;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-rewards .shop-name:first-child {
    margin-top: 0;
  }
  .page-rewards .shop-name__small {
    font-size: 16px;
    line-height: 1.44444;
    margin: 6px auto 0;
    width: 565px;
  }
  .page-rewards .rewards {
    width: 565px;
    margin: 24px auto 0;
    padding: 0 0 37px;
    background: url("/images/page/line.png") no-repeat 50% 100%/contain;
    zoom: 1;
  }
  .page-rewards .rewards:before,
  .page-rewards .rewards:after {
    content: "";
    display: table;
  }
  .page-rewards .rewards:after {
    clear: both;
  }
  .page-rewards .reward {
    width: 165px;
    float: left;
    margin: 0 0 0 35px;
  }
  .page-rewards .reward:nth-child(3n+1) {
    margin-left: 0;
  }
  .page-rewards .reward__image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255,255,255,0.5);
    width: 100%;
  }
  .page-rewards .reward__image img {
    display: block;
    width: 100%;
  }
  .page-rewards .reward__text {
    line-height: 1.2;
    font-size: 12px;
    margin: 12px 0 0;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-rewards .caution-text {
    font-size: 12px;
    line-height: 1.5;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    width: 565px;
    margin: 25px auto 0;
  }
}
@media screen and (min-width: 751px) {
  .splash {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
  }
  .splash__bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
  }
  .splash__logo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 2;
    width: 401px;
    height: 141px;
    display: block;
    background-image: url("/images/splash/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 401px 141px;
    -moz-background-size: 401px 141px;
    background-size: 401px 141px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 200.5px);
    top: calc(50% - 70.5px);
  }
  .splash__sound {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 100%;
    position: relative;
    z-index: 2;
  }
  .splash__logo1 {
    width: 154px;
    height: 48px;
    display: block;
    background-image: url("/images/splash/logo1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 154px 48px;
    -moz-background-size: 154px 48px;
    background-size: 154px 48px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    top: 115px;
    left: calc(50% - 77px);
  }
  .splash__text {
    position: absolute;
    width: 353px;
    height: 19px;
    display: block;
    background-image: url("/images/splash/text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 353px 19px;
    -moz-background-size: 353px 19px;
    background-size: 353px 19px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: calc(50% - 100px);
    left: calc(50% - 176.5px);
  }
  .splash__buttons {
    position: absolute;
    width: 325px;
    zoom: 1;
    top: calc(50% - 50px);
    left: calc(50% - 162.5px);
  }
  .splash__buttons:before,
  .splash__buttons:after {
    content: "";
    display: table;
  }
  .splash__buttons:after {
    clear: both;
  }
  .splash__on {
    width: 125px;
    height: 125px;
    display: block;
    background-image: url("/images/splash/on-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 125px 125px;
    -moz-background-size: 125px 125px;
    background-size: 125px 125px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: left;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: -moz-transform 200ms;
    -o-transition: -o-transform 200ms;
    -ms-transition: -ms-transform 200ms;
    transition: transform 200ms;
    cursor: pointer;
    position: relative;
  }
  .splash__on:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .splash__on .splash__on--line1,
  .splash__on .splash__on--line2,
  .splash__on .splash__on--line3 {
    width: 2px;
    background: #081454;
    position: absolute;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .splash__on .splash__on--line1 {
    top: 25px;
    left: 61px;
    height: 10px;
  }
  .splash__on .splash__on--line2 {
    top: 23px;
    left: 66px;
    height: 14px;
  }
  .splash__on .splash__on--line3 {
    top: 20px;
    left: 71px;
    height: 20px;
  }
  .splash__on:hover .splash__on--line1 {
    -webkit-animation: flash 1s ease 0s infinite;
    -moz-animation: flash 1s ease 0s infinite;
    -o-animation: flash 1s ease 0s infinite;
    -ms-animation: flash 1s ease 0s infinite;
    animation: flash 1s ease 0s infinite;
  }
  .splash__on:hover .splash__on--line2 {
    -webkit-animation: flash 1s ease 0.2s infinite;
    -moz-animation: flash 1s ease 0.2s infinite;
    -o-animation: flash 1s ease 0.2s infinite;
    -ms-animation: flash 1s ease 0.2s infinite;
    animation: flash 1s ease 0.2s infinite;
  }
  .splash__on:hover .splash__on--line3 {
    -webkit-animation: flash 1s ease 0.4s infinite;
    -moz-animation: flash 1s ease 0.4s infinite;
    -o-animation: flash 1s ease 0.4s infinite;
    -ms-animation: flash 1s ease 0.4s infinite;
    animation: flash 1s ease 0.4s infinite;
  }
  .splash__off {
    width: 125px;
    height: 125px;
    display: block;
    background-image: url("/images/splash/off-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 125px 125px;
    -moz-background-size: 125px 125px;
    background-size: 125px 125px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: right;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: -moz-transform 200ms;
    -o-transition: -o-transform 200ms;
    -ms-transition: -ms-transform 200ms;
    transition: transform 200ms;
    cursor: pointer;
    position: relative;
  }
  .splash__off:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .splash__off:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url("/images/splash/off-button-x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    top: 22px;
    left: 64px;
    -webkit-transition: -webkit-transform 500ms;
    -moz-transition: -moz-transform 500ms;
    -o-transition: -o-transform 500ms;
    -ms-transition: -ms-transform 500ms;
    transition: transform 500ms;
  }
  .splash__off:hover:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .splash__logo2 {
    width: 400px;
    height: 107px;
    display: block;
    background-image: url("/images/splash/logo2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 400px 107px;
    -moz-background-size: 400px 107px;
    background-size: 400px 107px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    bottom: 95px;
    left: calc(50% - 200px);
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  32% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  72% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  32% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  72% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes flash {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  32% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  72% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  32% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  72% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@media screen and (min-width: 751px) {
  .footer {
    z-index: 5;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 38px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    min-width: 1200px;
  }
  .footer-links {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding: 6px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .footer-links_item {
    margin: 0 15px 0 0;
  }
  .footer-links_item.footer-links_item1 {
    width: 88px;
    height: 23px;
    display: block;
    background-image: url("/images/footer/link1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 88px 23px;
    -moz-background-size: 88px 23px;
    background-size: 88px 23px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item2 {
    width: 91px;
    height: 18px;
    display: block;
    background-image: url("/images/footer/link2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 91px 18px;
    -moz-background-size: 91px 18px;
    background-size: 91px 18px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item3 {
    width: 96px;
    height: 30px;
    display: block;
    background-image: url("/images/footer/link3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 96px 30px;
    -moz-background-size: 96px 30px;
    background-size: 96px 30px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item4 {
    width: 117px;
    height: 33px;
    display: block;
    background-image: url("/images/footer/link4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 117px 33px;
    -moz-background-size: 117px 33px;
    background-size: 117px 33px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-topic {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 220px 0 40px;
  }
  .footer-topic a {
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    text-decoration: none;
    height: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .footer-topic_date {
    font-weight: bold;
    font-size: 13px;
  }
  .footer-topic_line {
    content: "";
    width: 1px;
    height: 24px;
    background: #fff;
    margin: 0 10px 0;
    display: inline-block;
  }
  .footer-topic_text {
    font-size: 13px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .footer-plicy {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 6px;
    text-decoration: none;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .footer-copyright {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 15px;
    bottom: 8px;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
}
@media screen and (min-width: 751px) {
  .page-front {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    height: 100vh;
    position: relative;
  }
  .top-logo {
    width: 400px;
    height: 107px;
    display: block;
    background-image: url("/images/top/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 400px 107px;
    -moz-background-size: 400px 107px;
    background-size: 400px 107px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 200px);
    bottom: -150px;
    -webkit-transition: bottom 450ms ease-out;
    -moz-transition: bottom 450ms ease-out;
    -o-transition: bottom 450ms ease-out;
    -ms-transition: bottom 450ms ease-out;
    transition: bottom 450ms ease-out;
  }
  .top-banner1 {
    width: 196px;
    height: 196px;
    display: block;
    background-image: url("/images/top/banner-kubikiri.png");
    background-repeat: no-repeat;
    -webkit-background-size: 196px 196px;
    -moz-background-size: 196px 196px;
    background-size: 196px 196px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    right: -200px;
    bottom: 50px;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
    -webkit-transition: right 450ms ease-out, -webkit-transform 600ms;
    -moz-transition: right 450ms ease-out, -moz-transform 600ms;
    -o-transition: right 450ms ease-out, -o-transform 600ms;
    -ms-transition: right 450ms ease-out, -ms-transform 600ms;
    transition: right 450ms ease-out, transform 600ms;
  }
  .top-banner1:hover {
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
  }
  .top-banner2 {
    width: 195px;
    height: 195px;
    display: block;
    background-image: url("/images/top/banner-ova.png");
    background-repeat: no-repeat;
    -webkit-background-size: 195px 195px;
    -moz-background-size: 195px 195px;
    background-size: 195px 195px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: -200px;
    bottom: 50px;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
    -webkit-transition: left 450ms ease-out, -webkit-transform 600ms;
    -moz-transition: left 450ms ease-out, -moz-transform 600ms;
    -o-transition: left 450ms ease-out, -o-transform 600ms;
    -ms-transition: left 450ms ease-out, -ms-transform 600ms;
    transition: left 450ms ease-out, transform 600ms;
  }
  .top-banner2:hover {
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
  }
  .top-banner3 {
    width: 195px;
    height: 195px;
    display: block;
    background-image: url("/images/top/banner-sc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 195px 195px;
    -moz-background-size: 195px 195px;
    background-size: 195px 195px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: -200px;
    top: 25px;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
    -webkit-transition: left 450ms ease-out, -webkit-transform 600ms;
    -moz-transition: left 450ms ease-out, -moz-transform 600ms;
    -o-transition: left 450ms ease-out, -o-transform 600ms;
    -ms-transition: left 450ms ease-out, -ms-transform 600ms;
    transition: left 450ms ease-out, transform 600ms;
  }
  .top-banner3:hover {
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
  }
  .top-banner4 {
    width: 195px;
    height: 195px;
    display: block;
    background-image: url("/images/top/banner-sc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 195px 195px;
    -moz-background-size: 195px 195px;
    background-size: 195px 195px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: -200px;
    top: 50%;
    margin-top: -103px;
    -webkit-transition: -webkit-transform 600ms;
    -moz-transition: -moz-transform 600ms;
    -o-transition: -o-transform 600ms;
    -ms-transition: -ms-transform 600ms;
    transition: transform 600ms;
    -webkit-transition: left 450ms ease-out, -webkit-transform 600ms;
    -moz-transition: left 450ms ease-out, -moz-transform 600ms;
    -o-transition: left 450ms ease-out, -o-transform 600ms;
    -ms-transition: left 450ms ease-out, -ms-transform 600ms;
    transition: left 450ms ease-out, transform 600ms;
  }
  .top-banner4:hover {
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
  }
  .page-front {
    display: none;
  }
  .page-front[data-page-show="1"] {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  html.page-front_started .top-banner1 {
    right: 20px;
  }
  html.page-front_started .top-banner2 {
    left: 20px;
  }
  html.page-front_started .top-banner3 {
    left: 20px;
  }
  html.page-front_started .top-banner4 {
    left: 20px;
  }
  html.page-front_started .top-logo {
    bottom: 50px;
  }
  html.page-front_started .menu-button {
    top: -25px;
  }
  html.page-front_started .menu-button:hover {
    top: -20px;
  }
  .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
    -webkit-transition-property: opacity -webkit-transform;
    -moz-transition-property: opacity -moz-transform;
    -o-transition-property: opacity -o-transform;
    -ms-transition-property: opacity -ms-transform;
    transition-property: opacity transform;
    pointer-events: none;
    visibility: hidden;
  }
  .loading_logo {
    width: 280px;
    height: 75px;
    display: block;
    background-image: url("/images/loading/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 75px;
    -moz-background-size: 280px 75px;
    background-size: 280px 75px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 140px);
    top: calc(50% - 37.5px);
    z-index: 2;
  }
  .loading_circle {
    width: 200px;
    height: 203px;
    display: block;
    background-image: url("/images/loading/icon.png");
    background-repeat: no-repeat;
    -webkit-background-size: 200px 203px;
    -moz-background-size: 200px 203px;
    background-size: 200px 203px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 101.5px);
    z-index: 1;
    -webkit-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -moz-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -o-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -ms-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    animation: loading-circle 15s ease-in-out 0s infinite alternate;
  }
  .loading_text {
    width: 193px;
    height: 22px;
    display: block;
    background-image: url("/images/loading/text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 193px 22px;
    -moz-background-size: 193px 22px;
    background-size: 193px 22px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 96.5px);
    top: calc(50% + 120px);
    z-index: 1;
    -webkit-animation: loading-text-pc 1s linear 0s infinite alternate;
    -moz-animation: loading-text-pc 1s linear 0s infinite alternate;
    -o-animation: loading-text-pc 1s linear 0s infinite alternate;
    -ms-animation: loading-text-pc 1s linear 0s infinite alternate;
    animation: loading-text-pc 1s linear 0s infinite alternate;
  }
  .loading.showed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
  }
}
@-moz-keyframes loading-circle {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(90deg);
    -moz-transform: translate(0, 0) rotate(90deg);
    -o-transform: translate(0, 0) rotate(90deg);
    -ms-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
  }
}
@-webkit-keyframes loading-circle {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(90deg);
    -moz-transform: translate(0, 0) rotate(90deg);
    -o-transform: translate(0, 0) rotate(90deg);
    -ms-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
  }
}
@-o-keyframes loading-circle {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(90deg);
    -moz-transform: translate(0, 0) rotate(90deg);
    -o-transform: translate(0, 0) rotate(90deg);
    -ms-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
  }
}
@keyframes loading-circle {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(180deg);
    -moz-transform: translate(0, 0) rotate(180deg);
    -o-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(90deg);
    -moz-transform: translate(0, 0) rotate(90deg);
    -o-transform: translate(0, 0) rotate(90deg);
    -ms-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
  }
}
@-moz-keyframes loading-text-pc {
  0% {
    width: 173px;
  }
  23% {
    width: 173px;
  }
  25% {
    width: 179px;
  }
  48% {
    width: 179px;
  }
  50% {
    width: 185px;
  }
  73% {
    width: 185px;
  }
  75% {
    width: 193px;
  }
}
@-webkit-keyframes loading-text-pc {
  0% {
    width: 173px;
  }
  23% {
    width: 173px;
  }
  25% {
    width: 179px;
  }
  48% {
    width: 179px;
  }
  50% {
    width: 185px;
  }
  73% {
    width: 185px;
  }
  75% {
    width: 193px;
  }
}
@-o-keyframes loading-text-pc {
  0% {
    width: 173px;
  }
  23% {
    width: 173px;
  }
  25% {
    width: 179px;
  }
  48% {
    width: 179px;
  }
  50% {
    width: 185px;
  }
  73% {
    width: 185px;
  }
  75% {
    width: 193px;
  }
}
@keyframes loading-text-pc {
  0% {
    width: 173px;
  }
  23% {
    width: 173px;
  }
  25% {
    width: 179px;
  }
  48% {
    width: 179px;
  }
  50% {
    width: 185px;
  }
  73% {
    width: 185px;
  }
  75% {
    width: 193px;
  }
}
@media screen and (min-width: 751px) {
  .top-visual-three {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .top-visual_chara,
  .top-visual_line1,
  .top-visual_line2,
  .top-visual_line3 {
    display: none;
  }
}
.page-chara-1 body {
  background: #1fc2de;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-1 .splash__bg {
  background: #1fc2de;
}
.page-chara-1 .menu__bg {
  background: #1fc2de;
}
.page-chara-1 .article__body a {
  color: #555;
}
.page-chara-1 .artist__link {
  color: #555;
}
.page-chara-2 body {
  background: #eb5dbe;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-2 .splash__bg {
  background: #eb5dbe;
}
.page-chara-2 .menu__bg {
  background: #eb5dbe;
}
.page-chara-2 .article__body a {
  color: #555;
}
.page-chara-2 .artist__link {
  color: #555;
}
.page-chara-3 body {
  background: #318dde;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-3 .splash__bg {
  background: #318dde;
}
.page-chara-3 .menu__bg {
  background: #318dde;
}
.page-chara-3 .article__body a {
  color: #555;
}
.page-chara-3 .artist__link {
  color: #555;
}
.page-chara-4 body {
  background: #eed28c;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-4 .splash__bg {
  background: #eed28c;
}
.page-chara-4 .menu__bg {
  background: #eed28c;
}
.page-chara-4 .article__body a {
  color: #555;
}
.page-chara-4 .artist__link {
  color: #555;
}
.page-chara-5 body {
  background: #799c48;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-5 .splash__bg {
  background: #799c48;
}
.page-chara-5 .menu__bg {
  background: #799c48;
}
.page-chara-5 .article__body a {
  color: #555;
}
.page-chara-5 .artist__link {
  color: #555;
}
.page-chara-6 body {
  background: #ece816;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-6 .splash__bg {
  background: #ece816;
}
.page-chara-6 .menu__bg {
  background: #ece816;
}
.page-chara-6 .article__body a {
  color: #555;
}
.page-chara-6 .artist__link {
  color: #555;
}
.page-chara-7 body {
  background: #748693;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-7 .splash__bg {
  background: #748693;
}
.page-chara-7 .menu__bg {
  background: #748693;
}
.page-chara-7 .article__body a {
  color: #555;
}
.page-chara-7 .artist__link {
  color: #555;
}
.page-chara-8 body {
  background: #fd6b0d;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-8 .splash__bg {
  background: #fd6b0d;
}
.page-chara-8 .menu__bg {
  background: #fd6b0d;
}
.page-chara-8 .article__body a {
  color: #555;
}
.page-chara-8 .artist__link {
  color: #555;
}
.page-chara-9 body {
  background: ;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  transition: background-color 400ms;
}
.page-chara-9 .splash__bg {
  background: ;
}
.page-chara-9 .menu__bg {
  background: ;
}
.page-chara-9 .article__body a {
  color: #555;
}
.page-chara-9 .artist__link {
  color: #555;
}
@media screen and (max-width: 750px) {
  .footer {
    background: #081454;
    padding: 25px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
  }
  .footer-topic {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin: 0 auto;
    width: 240px;
  }
  .footer-topic a {
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    line-height: 1.5;
    color: #fff;
    font-size: 10px;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .footer-topic_date {
    font-weight: bold;
    border-right: solid 1px #fff;
    padding: 0 10px 0 0;
  }
  .footer-topic_text {
    padding: 0 0 0 10px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .footer-plicy {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    margin: 20px 0 0;
    display: block;
    font-size: 9px;
    padding: 4px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .footer-copyright {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -o-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
    font-size: 9px;
    padding: 4px 0;
    color: #fff;
    text-align: center;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .footer-sns {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    width: 241px;
    margin: 15px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .footer-sns_sound {
    width: 62px;
    height: 62px;
    display: block;
    background-image: url("/images/sp/footer/sound-on.png");
    background-repeat: no-repeat;
    -webkit-background-size: 62px 62px;
    -moz-background-size: 62px 62px;
    background-size: 62px 62px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-sns_sound.js-sound-toggle--disable {
    width: 62px;
    height: 62px;
    display: block;
    background-image: url("/images/sp/footer/sound-off.png");
    background-repeat: no-repeat;
    -webkit-background-size: 62px 62px;
    -moz-background-size: 62px 62px;
    background-size: 62px 62px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-sns_tw {
    width: 43px;
    height: 43px;
    display: block;
    background-image: url("/images/sp/footer/tw.png");
    background-repeat: no-repeat;
    -webkit-background-size: 43px 43px;
    -moz-background-size: 43px 43px;
    background-size: 43px 43px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-sns_fb {
    width: 43px;
    height: 43px;
    display: block;
    background-image: url("/images/sp/footer/fb.png");
    background-repeat: no-repeat;
    -webkit-background-size: 43px 43px;
    -moz-background-size: 43px 43px;
    background-size: 43px 43px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-sns_line {
    width: 43px;
    height: 43px;
    display: block;
    background-image: url("/images/sp/footer/line.png");
    background-repeat: no-repeat;
    -webkit-background-size: 43px 43px;
    -moz-background-size: 43px 43px;
    background-size: 43px 43px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: 20px auto 0;
    width: 280px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .footer-links_item {
    margin: 8px 12px;
  }
  .footer-links_item.footer-links_item1 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    width: 72px;
    height: 19px;
    display: block;
    background-image: url("/images/sp/footer/link1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 72px 19px;
    -moz-background-size: 72px 19px;
    background-size: 72px 19px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item2 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    width: 74px;
    height: 14px;
    display: block;
    background-image: url("/images/sp/footer/link2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 74px 14px;
    -moz-background-size: 74px 14px;
    background-size: 74px 14px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item3 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 78px;
    height: 25px;
    display: block;
    background-image: url("/images/sp/footer/link3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 78px 25px;
    -moz-background-size: 78px 25px;
    background-size: 78px 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .footer-links_item.footer-links_item4 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 95px;
    height: 27px;
    display: block;
    background-image: url("/images/sp/footer/link4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 95px 27px;
    -moz-background-size: 95px 27px;
    background-size: 95px 27px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .menu-button {
    width: 63px;
    height: 62px;
    display: block;
    background-image: url("/images/sp/menu/button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 63px 62px;
    -moz-background-size: 63px 62px;
    background-size: 63px 62px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: fixed;
    top: -80px;
    left: calc(50% - 31.5px);
    z-index: 100;
  }
  .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s, visibility 0s 0.2s;
    -o-transition: opacity 0.2s, visibility 0s 0.2s;
    -ms-transition: opacity 0.2s, visibility 0s 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s;
  }
  .menu[data-menu-is-open="1"] {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .menu__logo {
    width: 200px;
    height: 53px;
    display: block;
    background-image: url("/images/menu/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 200px 53px;
    -moz-background-size: 200px 53px;
    background-size: 200px 53px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    bottom: 50px;
    left: calc(50% - 100px);
    z-index: 2;
  }
  .menu__items {
    position: relative;
    z-index: 2;
    width: 278px;
    margin: 0 auto;
    padding: 70px 0 0;
  }
  .menu__line {
    float: right;
    margin: 0 20px 0 0;
  }
  .menu__line:first-child {
    margin-right: 0;
  }
  .menu__top {
    width: 38px;
    height: 126px;
    display: block;
    background-image: url("/images/sp/menu/top.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 126px;
    -moz-background-size: 38px 126px;
    background-size: 38px 126px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__news {
    width: 38px;
    height: 85px;
    display: block;
    background-image: url("/images/sp/menu/news.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 85px;
    -moz-background-size: 38px 85px;
    background-size: 38px 85px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__story {
    width: 38px;
    height: 49px;
    display: block;
    background-image: url("/images/sp/menu/story.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 49px;
    -moz-background-size: 38px 49px;
    background-size: 38px 49px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__cast {
    width: 38px;
    height: 138px;
    display: block;
    background-image: url("/images/sp/menu/cast.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 138px;
    -moz-background-size: 38px 138px;
    background-size: 38px 138px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__staff {
    width: 39px;
    height: 64px;
    display: block;
    background-image: url("/images/sp/menu/staff.png");
    background-repeat: no-repeat;
    -webkit-background-size: 39px 64px;
    -moz-background-size: 39px 64px;
    background-size: 39px 64px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__music {
    width: 38px;
    height: 47px;
    display: block;
    background-image: url("/images/sp/menu/music.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 47px;
    -moz-background-size: 38px 47px;
    background-size: 38px 47px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__goods {
    width: 38px;
    height: 85px;
    display: block;
    background-image: url("/images/sp/menu/goods.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 85px;
    -moz-background-size: 38px 85px;
    background-size: 38px 85px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__special {
    width: 38px;
    height: 211px;
    display: block;
    background-image: url("/images/sp/menu/special.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 211px;
    -moz-background-size: 38px 211px;
    background-size: 38px 211px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
    height: 300px;
  }
  .menu__movie {
    width: 38px;
    height: 85px;
    display: block;
    background-image: url("/images/sp/menu/movie.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 85px;
    -moz-background-size: 38px 85px;
    background-size: 38px 85px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 150px;
  }
  .menu__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
  }
}
@media screen and (max-width: 750px) {
  .page-logo {
    width: 100px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/page/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100px 26px;
    -moz-background-size: 100px 26px;
    background-size: 100px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: fixed;
    left: 10px;
    top: 30px;
  }
  .page-title_label {
    position: fixed;
    right: 10px;
    top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .page-chara-1 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/1-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-1 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-2 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/2-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-2 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-3 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/3-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-3 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-4 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/4-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-4 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-5 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/5-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-5 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-6 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/6-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-6 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-7 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/7-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-7 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
  .page-chara-8 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("/images/sp/bg/8-bg.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
  }
  .page-chara-8 .page-front[data-page-show="1"] ~ .bg {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .page-news {
    padding: 75px 0 25px;
    width: 240px;
    margin: 0 auto;
  }
  .page-news__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/news/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .news {
    position: relative;
  }
  .news .article {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 50px;
    margin: 0 0 40px;
    background: url("/images/sp/page/line.png") no-repeat 50% 100%/contain;
  }
  .news .article__visual {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin: 10px 0 0;
    border: solid 1px rgba(255,255,255,0.5);
  }
  .news .article__visual > img {
    display: block;
    width: 100%;
  }
  .news .article__visual:empty {
    display: none;
  }
  .news .article__body {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .news .article__date-inner {
    font-size: 12px;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 2px;
    color: #fff;
    background: #081454;
  }
  .news .article__title {
    font-size: 14px;
    color: #081454;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    margin: 5px 50px 0 0;
    line-height: 1.5;
  }
  .news .article__paragraph {
    margin: 10px 0 0;
    font-size: 12px;
    color: #081454;
    line-height: 1.5;
  }
  .ui {
    position: relative;
    zoom: 1;
  }
  .ui:before,
  .ui:after {
    content: "";
    display: table;
  }
  .ui:after {
    clear: both;
  }
  .ui__next {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url("/images/sp/news/next.png");
    background-repeat: no-repeat;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: right;
  }
  .ui__prev {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url("/images/sp/news/prev.png");
    background-repeat: no-repeat;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: left;
  }
}
@media screen and (max-width: 750px) {
  .page-staff {
    padding: 75px 0 30px;
    width: 240px;
    margin: 0 auto;
  }
  .page-staff__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/staff/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .staffs {
    position: relative;
  }
  .staff {
    padding: 8px 0 0;
    line-height: 1.6;
  }
  .staff__position,
  .staff__dot {
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-size: 10px;
    color: #081454;
    vertical-align: top;
    padding: 3px 0 0;
    display: inline-block;
    letter-spacing: -0.03em;
  }
  .staff__position.staff__position--2line,
  .staff__dot.staff__position--2line {
    display: inline;
  }
  .staff__name {
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-size: 13px;
    color: #081454;
    vertical-align: top;
    display: inline-block;
    letter-spacing: -0.02em;
  }
  .staff__gensaku {
    position: absolute;
    top: 0;
    right: 0;
  }
  .page-staff .staff__gensaku {
    width: 61px;
    height: 408px;
    display: block;
    background-image: url("/images/sp/staff/1-head1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 61px 408px;
    -moz-background-size: 61px 408px;
    background-size: 61px 408px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-movie {
    padding: 75px 0 25px;
    width: 240px;
    margin: 0 auto;
  }
  .page-movie__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/movie/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .movie-title {
    position: absolute;
    top: 25px;
  }
  .movie {
    position: relative;
    display: block;
    width: calc(100% - 33px);
    height: auto;
  }
  .movie-block {
    position: relative;
    margin: 40px auto 0;
    padding: 50px 0 0;
    background: url("/images/sp/page/line.png") no-repeat 50% 0/contain;
  }
  .movie-block.movie-block--first {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .movie-block.movie-block--first .movie-title {
    top: 0;
  }
  .movie-block:nth-child(even) .movie-title {
    right: 0;
  }
  .movie-block:nth-child(even) .movie {
    margin-right: auto;
  }
  .movie-block:nth-child(odd) .movile-title {
    left: 0;
  }
  .movie-block:nth-child(odd) .movie {
    margin-left: auto;
  }
  .page-movie .movie-title.movie1 {
    width: 27px;
    height: 116px;
    display: block;
    background-image: url("/images/sp/movie/1-movie1-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 27px 116px;
    -moz-background-size: 27px 116px;
    background-size: 27px 116px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie2 {
    width: 26px;
    height: 118px;
    display: block;
    background-image: url("/images/sp/movie/1-movie2-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 118px;
    -moz-background-size: 26px 118px;
    background-size: 26px 118px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie3 {
    width: 26px;
    height: 48px;
    display: block;
    background-image: url("/images/sp/movie/1-movie3-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 48px;
    -moz-background-size: 26px 48px;
    background-size: 26px 48px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie4 {
    width: 27px;
    height: 118px;
    display: block;
    background-image: url("/images/sp/movie/1-movie4-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 27px 118px;
    -moz-background-size: 27px 118px;
    background-size: 27px 118px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie5 {
    width: 27px;
    height: 125px;
    display: block;
    background-image: url("/images/sp/movie/1-movie5-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 27px 125px;
    -moz-background-size: 27px 125px;
    background-size: 27px 125px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-movie .movie-title.movie6 {
    width: 26px;
    height: 118px;
    display: block;
    background-image: url("/images/sp/movie/1-movie6-title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 118px;
    -moz-background-size: 26px 118px;
    background-size: 26px 118px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-music__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/music/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .artists {
    padding: 75px 0 30px;
    margin: 0 auto;
    position: relative;
    width: 240px;
  }
  .artist-name-body {
    margin: 0 auto;
  }
  .artist-name-ruby {
    display: none;
  }
  .artist-label {
    margin: 20px auto;
  }
  .music-block {
    padding: 50px 0 0;
    margin: 40px 0 0;
    background: url("/images/sp/page/line.png") no-repeat 50% 0/contain;
  }
  .music-block:first-child {
    padding-top: 0;
    margin-top: 0;
    background: none;
  }
  .cdgoods {
    position: relative;
    margin: 0 auto 35px;
  }
  .cdgoods__image > img {
    display: block;
    width: 100%;
  }
  .cdgoods__text {
    color: #081454;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }

  
  .clearfix:after {
    content: "";
    clear: both;
    display: block;
  }
  .cdgoods__text-song {
    margin: 5px 0 0;
  }
  .cdgoods__text-song .btn {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
  }
  .cdgoods__text-song .ttl {
    float: left;
    width: 200px;
    padding-top: 7px;
  }
  .artist {
    position: relative;
    margin: 0 auto 40px;
    padding: 50px 0 0;
    background: url("/images/sp/page/line.png") no-repeat 50% 0/contain;
  }
  .artist.artist--last {
    margin-bottom: 0;
  }
  .artist__image > img {
    display: block;
    width: 100%;
  }
  .artist__text {
    margin: 18px 0 0;
    color: #081454;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .artist__paragraph {
    margin: 18px 0 0;
  }
  .artist__paragraph:nth-child(1) {
    margin-top: 0;
  }
  .page-music .artist__button {
    text-align: center;
    margin: 15px 0 0;
    background: #081454;
    border: solid 2px #fff;
    padding: 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-music .artist-name-body.music_sc-head {
    width: 231px;
    height: 32px;
    display: block;
    background-image: url("/images/music/1-cd_sc-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 231px 32px;
    -moz-background-size: 231px 32px;
    background-size: 231px 32px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-name-body.music1-head {
    width: 179px;
    height: 51px;
    display: block;
    background-image: url("/images/sp/music/1-cd1-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 179px 51px;
    -moz-background-size: 179px 51px;
    background-size: 179px 51px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-name-body.music2-head {
    width: 198px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/music/1-cd2-head.png");
    background-repeat: no-repeat;
    -webkit-background-size: 198px 37px;
    -moz-background-size: 198px 37px;
    background-size: 198px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music_sc-text {
    width: 180px;
    height: 15px;
    display: block;
    background-image: url("/images/music/1-cd_sc-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 180px 15px;
    -moz-background-size: 180px 15px;
    background-size: 180px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music1-text {
    width: 180px;
    height: 36px;
    display: block;
    background-image: url("/images/sp/music/1-cd1-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 180px 36px;
    -moz-background-size: 180px 36px;
    background-size: 180px 36px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-music .artist-label.music2-text {
    width: 168px;
    height: 34px;
    display: block;
    background-image: url("/images/sp/music/1-cd2-text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 168px 34px;
    -moz-background-size: 168px 34px;
    background-size: 168px 34px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-story__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/story/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-story {
    min-height: 100%;
    padding: 75px 0 25px;
    width: 240px;
    margin: 0 auto;
  }
  .page-story .paragraph {
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-story .heading1 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-story .heading2 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-story__sec {
    position: relative;
    color: #081454;
    background: url("/images/sp/page/line.png") no-repeat 50% 100%/contain;
    padding: 0 0 50px;
    margin: 0 0 40px;
  }
  .page-story__sec:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
  }
  .page-story .heading1 {
    width: 48px;
    height: 135px;
    display: block;
    background-image: url("/images/sp/story/1-head1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 48px 135px;
    -moz-background-size: 48px 135px;
    background-size: 48px 135px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-story .heading2 {
    width: 45px;
    height: 139px;
    display: block;
    background-image: url("/images/sp/story/1-head2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 45px 139px;
    -moz-background-size: 45px 139px;
    background-size: 45px 139px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-goods {
    padding: 75px 0 25px;
  }
  .page-goods__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/goods/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .items {
    width: 240px;
    margin: 0 auto;
    position: relative;
  }
  .item {
    margin: 40px 0 0;
    padding: 50px 0 0;
    background: url("/images/sp/page/line.png") no-repeat 50% 0/contain;
  }
  .page-goods .item.campaign .item__lead {
    margin: 0 0 15px;
    padding: 0;
  }
  .page-goods .item.campaign p img {
    margin: 0.5rem 0 0;
  }
  .page-goods .item.campaign img {
    width: 100%;
  }
  .page-goods .item.campaign p strong {
    font-weight: bold;
    font-size: 12px;
  }
  .item:nth-of-type(1) {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .item__attentiontxt {
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    text-align: center;
    color: #081454;
    line-height: 1.64706;
  }
  .item__title {
    margin: 0 auto;
  }
  .item__release {
    margin: 14px auto 0;
  }
  .item__column-1 {
    margin: 22px 0 0;
  }
  .item__column-2 {
    margin: 18px 0 0;
  }
  .item__image img {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255,255,255,0.5);
  }
  .item__text {
    line-height: 1.5;
    font-size: 12px;
    color: #081454;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .item__text small {
    line-height: 1.5;
    font-size: 10px;
    color: #081454;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .item__buttons {
    margin: 18px 0 0;
  }
  .item__button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0 0;
    border: solid 2px #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    color: #fff;
    background: #081454;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .item__button:nth-child(1) {
    margin-top: 0;
  }
  .item__shops {
    position: relative;
  }
  .item__banners {
    position: fixed;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: opacity 300ms, visibility 0ms 300ms;
    -moz-transition: opacity 300ms, visibility 0ms 300ms;
    -o-transition: opacity 300ms, visibility 0ms 300ms;
    -ms-transition: opacity 300ms, visibility 0ms 300ms;
    transition: opacity 300ms, visibility 0ms 300ms;
  }
  .item__banners[data-show-shop="1"] {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .item__banners-inner {
    position: relative;
    width: 240px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .item__close {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    background-image: url("/images/sp/goods/close-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }
  .item__item {
    width: 90px;
    margin: 5px;
  }
  .item__banner {
    width: 100%;
    display: block;
  }
  span.item__item {
    display: none;
  }
  .page-goods .item__title.item__no1 {
    width: 104px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 104px 37px;
    -moz-background-size: 104px 37px;
    background-size: 104px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no2 {
    width: 103px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 103px 37px;
    -moz-background-size: 103px 37px;
    background-size: 103px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no3 {
    width: 102px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 102px 37px;
    -moz-background-size: 102px 37px;
    background-size: 102px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no4 {
    width: 104px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 104px 37px;
    -moz-background-size: 104px 37px;
    background-size: 104px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no5 {
    width: 101px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 101px 37px;
    -moz-background-size: 101px 37px;
    background-size: 101px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no6 {
    width: 105px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 105px 37px;
    -moz-background-size: 105px 37px;
    background-size: 105px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no7 {
    width: 105px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-7.png");
    background-repeat: no-repeat;
    -webkit-background-size: 105px 37px;
    -moz-background-size: 105px 37px;
    background-size: 105px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__title.item__no8 {
    width: 103px;
    height: 37px;
    display: block;
    background-image: url("/images/sp/goods/1-title-8.png");
    background-repeat: no-repeat;
    -webkit-background-size: 103px 37px;
    -moz-background-size: 103px 37px;
    background-size: 103px 37px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no1 {
    width: 179px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 179px 15px;
    -moz-background-size: 179px 15px;
    background-size: 179px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no2 {
    width: 177px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 177px 15px;
    -moz-background-size: 177px 15px;
    background-size: 177px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no3 {
    width: 170px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 170px 15px;
    -moz-background-size: 170px 15px;
    background-size: 170px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no4 {
    width: 173px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 173px 15px;
    -moz-background-size: 173px 15px;
    background-size: 173px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no5 {
    width: 172px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 172px 15px;
    -moz-background-size: 172px 15px;
    background-size: 172px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no6 {
    width: 170px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 170px 15px;
    -moz-background-size: 170px 15px;
    background-size: 170px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no7 {
    width: 173px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-7.png");
    background-repeat: no-repeat;
    -webkit-background-size: 173px 15px;
    -moz-background-size: 173px 15px;
    background-size: 173px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-goods .item__release.item__no8 {
    width: 173px;
    height: 15px;
    display: block;
    background-image: url("/images/sp/goods/1-release-8.png");
    background-repeat: no-repeat;
    -webkit-background-size: 173px 15px;
    -moz-background-size: 173px 15px;
    background-size: 173px 15px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-special__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/special/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interviews {
    width: 240px;
    padding: 75px 0 25px;
    margin: 0 auto;
    zoom: 1;
  }
  .page-special .interviews:before,
  .page-special .interviews:after {
    content: "";
    display: table;
  }
  .page-special .interviews:after {
    clear: both;
  }
  .page-special .interview1 {
    float: right;
  }
  .page-special .interview2 {
    float: right;
    margin-right: 25px;
  }
  .page-special .interview3 {
    float: right;
    margin-right: 25px;
  }
  .page-special .interview4 {
    float: right;
    margin-right: 25px;
  }
  .page-special .interview5 {
    float: right;
    margin-right: 25px;
  }
  .page-special .interview6 {
    float: right;
    margin-right: 25px;
  }
  .page-interview-1 {
    min-height: 100%;
    position: relative;
    display: none;
  }
  .page-interview-1 .img-header {
    margin: 0 0 10px;
  }
  .page-interview-1 .img-header img {
    width: 100%;
    height: auto;
  }
  .page-interview-1 .question {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0 50px 0 0;
  }
  .page-interview-1 .question__q {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .question__q:before {
    content: "";
  }
  .page-interview-1 .answer__nisio {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__nisio:before {
    content: "";
  }
  .page-interview-1 .answer__kaji {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kaji:before {
    content: "";
  }
  .page-interview-1 .answer__yase {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__yase:before {
    content: "";
  }
  .page-interview-1 .answer__kajiura {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kajiura:before {
    content: "";
  }
  .page-interview-1 .answer__iwakami {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__iwakami:before {
    content: "";
  }
  .page-interview-1 .answer__shinbou {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__shinbou:before {
    content: "";
  }
  .page-interview-1 .answer__kubota {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__kubota:before {
    content: "";
  }
  .page-interview-1 .answer__mia {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__mia:before {
    content: "";
  }
  .page-interview-1 .answer__tsuruoka {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__tsuruoka:before {
    content: "";
  }
  .page-interview-1 .answer__yuuki {
    margin: 0 10px 0 0;
  }
  .page-interview-1 .answer__yuuki:before {
    content: "";
  }
  .page-interview-1 .question__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
    padding: 3px 0 0;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-interview-1 .answer {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 10px 50px 25px 0;
    padding: 0 0 30px;
    background: url("/images/sp/page/line.png") no-repeat 40px 100%;
    -webkit-background-size: calc(100% - 40px) auto;
    -moz-background-size: calc(100% - 40px) auto;
    background-size: calc(100% - 40px) auto;
  }
  .page-interview-1 .answer ul li {
    margin: 10px 0 0;
    float: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .page-interview-1 .answer ul li:nth-child(1) {
    margin-top: 0;
  }
  .page-interview-1 .answer__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -0.01em;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-interview-1 .back {
    width: 190px;
    display: block;
    margin: 0 0 0 38px;
    text-decoration: none;
  }
  .page-interview-1 .back + .back {
    margin-top: 10px;
  }
  .page-interview-1 .back .back__label {
    display: block;
    width: 190px;
    text-align: center;
    background: #081454;
    border: solid 1px #fff;
    border-bottom-width: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
  }
  .page-interview-1 .back .music__label {
    display: block;
    width: 190px;
    text-align: center;
    background: #081454;
    border: solid 1px #fff;
    border-bottom-width: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    padding: 10px 0;
    text-decoration: none;
  }
  .interview-content {
    position: relative;
    margin: 75px auto 25px;
    width: 275px;
    left: -15px;
  }
  .interview-content .sub-title-1,
  .interview-content .sub-title-2,
  .interview-content .sub-title-3,
  .interview-content .sub-title-4,
  .interview-content .sub-title-5,
  .interview-content .sub-title-6,
  .interview-content .sub-title-7 {
    position: absolute;
    right: 4px;
    top: 5px;
  }
  .interview-content .sub-title--header {
    top: 145px;
  }
  .page-special .interview1 {
    width: 19px;
    height: 323px;
    display: block;
    background-image: url("/images/sp/special/1-interview1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 19px 323px;
    -moz-background-size: 19px 323px;
    background-size: 19px 323px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview2 {
    width: 19px;
    height: 472px;
    display: block;
    background-image: url("/images/sp/special/1-interview2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 19px 472px;
    -moz-background-size: 19px 472px;
    background-size: 19px 472px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview3 {
    width: 18px;
    height: 453px;
    display: block;
    background-image: url("/images/sp/special/1-interview3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 18px 453px;
    -moz-background-size: 18px 453px;
    background-size: 18px 453px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview4 {
    width: 20px;
    height: 328px;
    display: block;
    background-image: url("/images/sp/special/1-interview4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 20px 328px;
    -moz-background-size: 20px 328px;
    background-size: 20px 328px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview5 {
    width: 19px;
    height: 325px;
    display: block;
    background-image: url("/images/sp/special/1-interview5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 19px 325px;
    -moz-background-size: 19px 325px;
    background-size: 19px 325px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-special .interview6 {
    width: 19px;
    height: 352px;
    display: block;
    background-image: url("/images/sp/special/1-interview6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 19px 352px;
    -moz-background-size: 19px 352px;
    background-size: 19px 352px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-1 {
    width: 38px;
    height: 376px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 376px;
    -moz-background-size: 38px 376px;
    background-size: 38px 376px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-2 {
    width: 38px;
    height: 550px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 550px;
    -moz-background-size: 38px 550px;
    background-size: 38px 550px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-3 {
    width: 35px;
    height: 435px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-3.png");
    background-repeat: no-repeat;
    -webkit-background-size: 35px 435px;
    -moz-background-size: 35px 435px;
    background-size: 35px 435px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-4 {
    width: 38px;
    height: 372px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-4.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 372px;
    -moz-background-size: 38px 372px;
    background-size: 38px 372px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-5 {
    width: 38px;
    height: 362px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-5.png");
    background-repeat: no-repeat;
    -webkit-background-size: 38px 362px;
    -moz-background-size: 38px 362px;
    background-size: 38px 362px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .sub-title-6 {
    width: 36px;
    height: 418px;
    display: block;
    background-image: url("/images/sp/special/1-sub-title-6.png");
    background-repeat: no-repeat;
    -webkit-background-size: 36px 418px;
    -moz-background-size: 36px 418px;
    background-size: 36px 418px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .question__q:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-q.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__nisio:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-nisio.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kaji:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-kaji.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__yase:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-yase.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kajiura:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-kajiura.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__iwakami:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-iwakami.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__shinbou:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-shinbou.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__kubota:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-kubota.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__mia:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-mia.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__tsuruoka:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-tsuruoka.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-interview-1 .answer__yuuki:before {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url("/images/sp/special/1-qa-yuuki.png");
    background-repeat: no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-cast {
    padding: 105px 0 25px;
  }
  .page-cast__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/cast/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .caution {
    font-size: 10px;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    color: #081454;
    margin: 25px 38px 0;
  }
  .characters__next {
    position: absolute;
    right: -20px;
    top: 140px;
    z-index: 5;
    width: 60px;
    height: 60px;
    display: block;
    background-image: url("/images/sp/cast/next.png");
    background-repeat: no-repeat;
    -webkit-background-size: 60px 60px;
    -moz-background-size: 60px 60px;
    background-size: 60px 60px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .characters__prev {
    position: absolute;
    left: -20px;
    top: 140px;
    z-index: 5;
    width: 60px;
    height: 60px;
    display: block;
    background-image: url("/images/sp/cast/prev.png");
    background-repeat: no-repeat;
    -webkit-background-size: 60px 60px;
    -moz-background-size: 60px 60px;
    background-size: 60px 60px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .characters {
    position: relative;
    z-index: 1;
  }
  .characters__outer-ring {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    width: 340px;
    height: 340px;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .characters__inner-ring {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/images/sp/cast/circle-inner.png") no-repeat 50%/335px;
    z-index: 2;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .characters__button {
    position: absolute;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    left: 50%;
    top: 50%;
  }
  .characters__character {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
  }
  .character__image {
    display: none;
  }
  .character__image-sp {
    z-index: 4;
    position: absolute;
    left: 50%;
    top: 170px;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    pointer-events: none;
  }
  .character__heading {
    display: none;
    padding: 375px 0 0;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    text-align: center;
    color: #081454;
  }
  .character__name {
    display: block;
    font-size: 33px;
  }
  .character__actor {
    display: block;
    font-size: 15px;
    margin: 10px 0 0;
  }
  .character__description {
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    color: #081454;
    display: none;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0 38px;
    line-height: 1.7;
    letter-spacing: -0.02em;
  }
  .characters__button[data-name=boku] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/boku-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=boku] .characters__inner-ring {
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  .characters[data-name=boku] .characters__character[data-name=boku] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=boku] .characters__character[data-name=boku] .character__heading,
  .characters[data-name=boku] .characters__character[data-name=boku] .character__description {
    display: block;
  }
  .characters[data-name=boku] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=boku] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
  }
  .characters[data-name=boku] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=boku] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
  }
  .characters[data-name=boku] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
  }
  .characters[data-name=boku] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=boku] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
  }
  .characters[data-name=boku] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
  }
  .characters[data-name=boku] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
  }
  .characters[data-name=boku] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
  }
  .characters[data-name=boku] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
  }
  .characters[data-name=boku] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
  }
  .characters[data-name=boku] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(332.3076923076923deg) translate(-133px, 0px) rotate(-332.3076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(332.3076923076923deg) translate(-133px, 0px) rotate(-332.3076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(332.3076923076923deg) translate(-133px, 0px) rotate(-332.3076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(332.3076923076923deg) translate(-133px, 0px) rotate(-332.3076923076923deg);
    transform: translate(-50%, -50%) rotate(332.3076923076923deg) translate(-133px, 0px) rotate(-332.3076923076923deg);
  }
  .characters__button[data-name=tomo] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/tomo-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=tomo] .characters__inner-ring {
    -webkit-transform: rotate(-27.692307692307693deg);
    -moz-transform: rotate(-27.692307692307693deg);
    -o-transform: rotate(-27.692307692307693deg);
    -ms-transform: rotate(-27.692307692307693deg);
    transform: rotate(-27.692307692307693deg);
  }
  .characters[data-name=tomo] .characters__character[data-name=tomo] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=tomo] .characters__character[data-name=tomo] .character__heading,
  .characters[data-name=tomo] .characters__character[data-name=tomo] .character__description {
    display: block;
  }
  .characters[data-name=tomo] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(276.92307692307696deg) translate(-133px, 0px) rotate(-276.92307692307696deg);
    -moz-transform: translate(-50%, -50%) rotate(276.92307692307696deg) translate(-133px, 0px) rotate(-276.92307692307696deg);
    -o-transform: translate(-50%, -50%) rotate(276.92307692307696deg) translate(-133px, 0px) rotate(-276.92307692307696deg);
    -ms-transform: translate(-50%, -50%) rotate(276.92307692307696deg) translate(-133px, 0px) rotate(-276.92307692307696deg);
    transform: translate(-50%, -50%) rotate(276.92307692307696deg) translate(-133px, 0px) rotate(-276.92307692307696deg);
  }
  .characters[data-name=tomo] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
    transform: translate(-50%, -50%) rotate(304.61538461538464deg) translate(-133px, 0px) rotate(-304.61538461538464deg);
  }
  .characters__button[data-name=akane] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/akane-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=akane] .characters__inner-ring {
    -webkit-transform: rotate(-55.38461538461539deg);
    -moz-transform: rotate(-55.38461538461539deg);
    -o-transform: rotate(-55.38461538461539deg);
    -ms-transform: rotate(-55.38461538461539deg);
    transform: rotate(-55.38461538461539deg);
  }
  .characters[data-name=akane] .characters__character[data-name=akane] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=akane] .characters__character[data-name=akane] .character__heading,
  .characters[data-name=akane] .characters__character[data-name=akane] .character__description {
    display: block;
  }
  .characters[data-name=akane] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=akane] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
  }
  .characters[data-name=akane] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=akane] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
  }
  .characters[data-name=akane] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=akane] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
  }
  .characters[data-name=akane] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
  }
  .characters[data-name=akane] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=akane] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
  }
  .characters[data-name=akane] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
    transform: translate(-50%, -50%) rotate(193.84615384615384deg) translate(-133px, 0px) rotate(-193.84615384615384deg);
  }
  .characters[data-name=akane] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(221.53846153846152deg) translate(-133px, 0px) rotate(-221.53846153846152deg);
    -moz-transform: translate(-50%, -50%) rotate(221.53846153846152deg) translate(-133px, 0px) rotate(-221.53846153846152deg);
    -o-transform: translate(-50%, -50%) rotate(221.53846153846152deg) translate(-133px, 0px) rotate(-221.53846153846152deg);
    -ms-transform: translate(-50%, -50%) rotate(221.53846153846152deg) translate(-133px, 0px) rotate(-221.53846153846152deg);
    transform: translate(-50%, -50%) rotate(221.53846153846152deg) translate(-133px, 0px) rotate(-221.53846153846152deg);
  }
  .characters[data-name=akane] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(249.23076923076925deg) translate(-133px, 0px) rotate(-249.23076923076925deg);
    -moz-transform: translate(-50%, -50%) rotate(249.23076923076925deg) translate(-133px, 0px) rotate(-249.23076923076925deg);
    -o-transform: translate(-50%, -50%) rotate(249.23076923076925deg) translate(-133px, 0px) rotate(-249.23076923076925deg);
    -ms-transform: translate(-50%, -50%) rotate(249.23076923076925deg) translate(-133px, 0px) rotate(-249.23076923076925deg);
    transform: translate(-50%, -50%) rotate(249.23076923076925deg) translate(-133px, 0px) rotate(-249.23076923076925deg);
  }
  .characters[data-name=akane] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
    transform: translate(-50%, -50%) rotate(276.9230769230769deg) translate(-133px, 0px) rotate(-276.9230769230769deg);
  }
  .characters__button[data-name=kanami] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/kanami-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=kanami] .characters__inner-ring {
    -webkit-transform: rotate(-83.07692307692308deg);
    -moz-transform: rotate(-83.07692307692308deg);
    -o-transform: rotate(-83.07692307692308deg);
    -ms-transform: rotate(-83.07692307692308deg);
    transform: rotate(-83.07692307692308deg);
  }
  .characters[data-name=kanami] .characters__character[data-name=kanami] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=kanami] .characters__character[data-name=kanami] .character__heading,
  .characters[data-name=kanami] .characters__character[data-name=kanami] .character__description {
    display: block;
  }
  .characters[data-name=kanami] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(27.692307692307693deg) translate(-133px, 0px) rotate(-27.692307692307693deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461537deg) translate(-133px, 0px) rotate(-55.38461538461537deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461537deg) translate(-133px, 0px) rotate(-55.38461538461537deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461537deg) translate(-133px, 0px) rotate(-55.38461538461537deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461537deg) translate(-133px, 0px) rotate(-55.38461538461537deg);
    transform: translate(-50%, -50%) rotate(55.38461538461537deg) translate(-133px, 0px) rotate(-55.38461538461537deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(83.07692307692308deg) translate(-133px, 0px) rotate(-83.07692307692308deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
    transform: translate(-50%, -50%) rotate(110.76923076923076deg) translate(-133px, 0px) rotate(-110.76923076923076deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(193.8461538461538deg) translate(-133px, 0px) rotate(-193.8461538461538deg);
    -moz-transform: translate(-50%, -50%) rotate(193.8461538461538deg) translate(-133px, 0px) rotate(-193.8461538461538deg);
    -o-transform: translate(-50%, -50%) rotate(193.8461538461538deg) translate(-133px, 0px) rotate(-193.8461538461538deg);
    -ms-transform: translate(-50%, -50%) rotate(193.8461538461538deg) translate(-133px, 0px) rotate(-193.8461538461538deg);
    transform: translate(-50%, -50%) rotate(193.8461538461538deg) translate(-133px, 0px) rotate(-193.8461538461538deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
  }
  .characters[data-name=kanami] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(249.23076923076923deg) translate(-133px, 0px) rotate(-249.23076923076923deg);
  }
  .characters__button[data-name=sakaki] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/sakaki-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=sakaki] .characters__inner-ring {
    -webkit-transform: rotate(-110.76923076923077deg);
    -moz-transform: rotate(-110.76923076923077deg);
    -o-transform: rotate(-110.76923076923077deg);
    -ms-transform: rotate(-110.76923076923077deg);
    transform: rotate(-110.76923076923077deg);
  }
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] .character__heading,
  .characters[data-name=sakaki] .characters__character[data-name=sakaki] .character__description {
    display: block;
  }
  .characters[data-name=sakaki] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307693deg) translate(-133px, 0px) rotate(27.692307692307693deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(166.15384615384613deg) translate(-133px, 0px) rotate(-166.15384615384613deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
  }
  .characters[data-name=sakaki] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(221.53846153846155deg) translate(-133px, 0px) rotate(-221.53846153846155deg);
  }
  .characters__button[data-name=maki] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/maki-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=maki] .characters__inner-ring {
    -webkit-transform: rotate(-138.46153846153845deg);
    -moz-transform: rotate(-138.46153846153845deg);
    -o-transform: rotate(-138.46153846153845deg);
    -ms-transform: rotate(-138.46153846153845deg);
    transform: rotate(-138.46153846153845deg);
  }
  .characters[data-name=maki] .characters__character[data-name=maki] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=maki] .characters__character[data-name=maki] .character__heading,
  .characters[data-name=maki] .characters__character[data-name=maki] .character__description {
    display: block;
  }
  .characters[data-name=maki] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=maki] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
  }
  .characters[data-name=maki] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
  }
  .characters[data-name=maki] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461537deg) translate(-133px, 0px) rotate(55.38461538461537deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461537deg) translate(-133px, 0px) rotate(55.38461538461537deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461537deg) translate(-133px, 0px) rotate(55.38461538461537deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461537deg) translate(-133px, 0px) rotate(55.38461538461537deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461537deg) translate(-133px, 0px) rotate(55.38461538461537deg);
  }
  .characters[data-name=maki] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
  }
  .characters[data-name=maki] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=maki] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
  }
  .characters[data-name=maki] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=maki] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
  }
  .characters[data-name=maki] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
  }
  .characters[data-name=maki] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(138.46153846153845deg) translate(-133px, 0px) rotate(-138.46153846153845deg);
  }
  .characters[data-name=maki] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(166.1538461538462deg) translate(-133px, 0px) rotate(-166.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(166.1538461538462deg) translate(-133px, 0px) rotate(-166.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(166.1538461538462deg) translate(-133px, 0px) rotate(-166.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(166.1538461538462deg) translate(-133px, 0px) rotate(-166.1538461538462deg);
    transform: translate(-50%, -50%) rotate(166.1538461538462deg) translate(-133px, 0px) rotate(-166.1538461538462deg);
  }
  .characters[data-name=maki] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(193.84615384615387deg) translate(-133px, 0px) rotate(-193.84615384615387deg);
  }
  .characters__button[data-name=yayoi] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/yayoi-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=yayoi] .characters__inner-ring {
    -webkit-transform: rotate(-166.15384615384616deg);
    -moz-transform: rotate(-166.15384615384616deg);
    -o-transform: rotate(-166.15384615384616deg);
    -ms-transform: rotate(-166.15384615384616deg);
    transform: rotate(-166.15384615384616deg);
  }
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] .character__heading,
  .characters[data-name=yayoi] .characters__character[data-name=yayoi] .character__description {
    display: block;
  }
  .characters[data-name=yayoi] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692308deg) translate(-133px, 0px) rotate(83.07692307692308deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923075deg) translate(-133px, 0px) rotate(-110.76923076923075deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923075deg) translate(-133px, 0px) rotate(-110.76923076923075deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923075deg) translate(-133px, 0px) rotate(-110.76923076923075deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923075deg) translate(-133px, 0px) rotate(-110.76923076923075deg);
    transform: translate(-50%, -50%) rotate(110.76923076923075deg) translate(-133px, 0px) rotate(-110.76923076923075deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
  }
  .characters[data-name=yayoi] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(166.15384615384616deg) translate(-133px, 0px) rotate(-166.15384615384616deg);
  }
  .characters__button[data-name=iria] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/iria-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=iria] .characters__inner-ring {
    -webkit-transform: rotate(-193.84615384615387deg);
    -moz-transform: rotate(-193.84615384615387deg);
    -o-transform: rotate(-193.84615384615387deg);
    -ms-transform: rotate(-193.84615384615387deg);
    transform: rotate(-193.84615384615387deg);
  }
  .characters[data-name=iria] .characters__character[data-name=iria] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=iria] .characters__character[data-name=iria] .character__heading,
  .characters[data-name=iria] .characters__character[data-name=iria] .character__description {
    display: block;
  }
  .characters[data-name=iria] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
  }
  .characters[data-name=iria] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
  }
  .characters[data-name=iria] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=iria] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923076deg) translate(-133px, 0px) rotate(110.76923076923076deg);
  }
  .characters[data-name=iria] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
  }
  .characters[data-name=iria] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=iria] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
  }
  .characters[data-name=iria] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=iria] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
    transform: translate(-50%, -50%) rotate(27.692307692307708deg) translate(-133px, 0px) rotate(-27.692307692307708deg);
  }
  .characters[data-name=iria] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(55.38461538461539deg) translate(-133px, 0px) rotate(-55.38461538461539deg);
  }
  .characters[data-name=iria] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(83.07692307692307deg) translate(-133px, 0px) rotate(-83.07692307692307deg);
  }
  .characters[data-name=iria] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(110.7692307692308deg) translate(-133px, 0px) rotate(-110.7692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(110.7692307692308deg) translate(-133px, 0px) rotate(-110.7692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(110.7692307692308deg) translate(-133px, 0px) rotate(-110.7692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(110.7692307692308deg) translate(-133px, 0px) rotate(-110.7692307692308deg);
    transform: translate(-50%, -50%) rotate(110.7692307692308deg) translate(-133px, 0px) rotate(-110.7692307692308deg);
  }
  .characters[data-name=iria] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
    transform: translate(-50%, -50%) rotate(138.46153846153848deg) translate(-133px, 0px) rotate(-138.46153846153848deg);
  }
  .characters__button[data-name=rei] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/rei-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=rei] .characters__inner-ring {
    -webkit-transform: rotate(-221.53846153846155deg);
    -moz-transform: rotate(-221.53846153846155deg);
    -o-transform: rotate(-221.53846153846155deg);
    -ms-transform: rotate(-221.53846153846155deg);
    transform: rotate(-221.53846153846155deg);
  }
  .characters[data-name=rei] .characters__character[data-name=rei] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=rei] .characters__character[data-name=rei] .character__heading,
  .characters[data-name=rei] .characters__character[data-name=rei] .character__description {
    display: block;
  }
  .characters[data-name=rei] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
  }
  .characters[data-name=rei] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
  }
  .characters[data-name=rei] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
  }
  .characters[data-name=rei] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=rei] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
  }
  .characters[data-name=rei] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
  }
  .characters[data-name=rei] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=rei] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307708deg) translate(-133px, 0px) rotate(27.692307692307708deg);
  }
  .characters[data-name=rei] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=rei] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
  }
  .characters[data-name=rei] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(55.38461538461536deg) translate(-133px, 0px) rotate(-55.38461538461536deg);
    -moz-transform: translate(-50%, -50%) rotate(55.38461538461536deg) translate(-133px, 0px) rotate(-55.38461538461536deg);
    -o-transform: translate(-50%, -50%) rotate(55.38461538461536deg) translate(-133px, 0px) rotate(-55.38461538461536deg);
    -ms-transform: translate(-50%, -50%) rotate(55.38461538461536deg) translate(-133px, 0px) rotate(-55.38461538461536deg);
    transform: translate(-50%, -50%) rotate(55.38461538461536deg) translate(-133px, 0px) rotate(-55.38461538461536deg);
  }
  .characters[data-name=rei] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
  }
  .characters[data-name=rei] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(110.76923076923077deg) translate(-133px, 0px) rotate(-110.76923076923077deg);
  }
  .characters__button[data-name=akari] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/akari-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=akari] .characters__inner-ring {
    -webkit-transform: rotate(-249.23076923076923deg);
    -moz-transform: rotate(-249.23076923076923deg);
    -o-transform: rotate(-249.23076923076923deg);
    -ms-transform: rotate(-249.23076923076923deg);
    transform: rotate(-249.23076923076923deg);
  }
  .characters[data-name=akari] .characters__character[data-name=akari] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=akari] .characters__character[data-name=akari] .character__heading,
  .characters[data-name=akari] .characters__character[data-name=akari] .character__description {
    display: block;
  }
  .characters[data-name=akari] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
  }
  .characters[data-name=akari] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
  }
  .characters[data-name=akari] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -o-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
    transform: translate(-50%, -50%) rotate(-193.84615384615384deg) translate(-133px, 0px) rotate(193.84615384615384deg);
  }
  .characters[data-name=akari] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
  }
  .characters[data-name=akari] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=akari] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
  }
  .characters[data-name=akari] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
  }
  .characters[data-name=akari] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461539deg) translate(-133px, 0px) rotate(55.38461538461539deg);
  }
  .characters[data-name=akari] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
  }
  .characters[data-name=akari] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=akari] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
  }
  .characters[data-name=akari] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -moz-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -o-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -ms-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
  }
  .characters[data-name=akari] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(83.0769230769231deg) translate(-133px, 0px) rotate(-83.0769230769231deg);
  }
  .characters__button[data-name=hikari] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/hikari-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=hikari] .characters__inner-ring {
    -webkit-transform: rotate(-276.9230769230769deg);
    -moz-transform: rotate(-276.9230769230769deg);
    -o-transform: rotate(-276.9230769230769deg);
    -ms-transform: rotate(-276.9230769230769deg);
    transform: rotate(-276.9230769230769deg);
  }
  .characters[data-name=hikari] .characters__character[data-name=hikari] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=hikari] .characters__character[data-name=hikari] .character__heading,
  .characters[data-name=hikari] .characters__character[data-name=hikari] .character__description {
    display: block;
  }
  .characters[data-name=hikari] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-221.53846153846152deg) translate(-133px, 0px) rotate(221.53846153846152deg);
    -moz-transform: translate(-50%, -50%) rotate(-221.53846153846152deg) translate(-133px, 0px) rotate(221.53846153846152deg);
    -o-transform: translate(-50%, -50%) rotate(-221.53846153846152deg) translate(-133px, 0px) rotate(221.53846153846152deg);
    -ms-transform: translate(-50%, -50%) rotate(-221.53846153846152deg) translate(-133px, 0px) rotate(221.53846153846152deg);
    transform: translate(-50%, -50%) rotate(-221.53846153846152deg) translate(-133px, 0px) rotate(221.53846153846152deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.8461538461538deg) translate(-133px, 0px) rotate(193.8461538461538deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.8461538461538deg) translate(-133px, 0px) rotate(193.8461538461538deg);
    -o-transform: translate(-50%, -50%) rotate(-193.8461538461538deg) translate(-133px, 0px) rotate(193.8461538461538deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.8461538461538deg) translate(-133px, 0px) rotate(193.8461538461538deg);
    transform: translate(-50%, -50%) rotate(-193.8461538461538deg) translate(-133px, 0px) rotate(193.8461538461538deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384613deg) translate(-133px, 0px) rotate(166.15384615384613deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153845deg) translate(-133px, 0px) rotate(138.46153846153845deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923075deg) translate(-133px, 0px) rotate(110.76923076923075deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923075deg) translate(-133px, 0px) rotate(110.76923076923075deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923075deg) translate(-133px, 0px) rotate(110.76923076923075deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923075deg) translate(-133px, 0px) rotate(110.76923076923075deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923075deg) translate(-133px, 0px) rotate(110.76923076923075deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -o-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
    transform: translate(-50%, -50%) rotate(-83.07692307692307deg) translate(-133px, 0px) rotate(83.07692307692307deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.38461538461536deg) translate(-133px, 0px) rotate(55.38461538461536deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.38461538461536deg) translate(-133px, 0px) rotate(55.38461538461536deg);
    -o-transform: translate(-50%, -50%) rotate(-55.38461538461536deg) translate(-133px, 0px) rotate(55.38461538461536deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.38461538461536deg) translate(-133px, 0px) rotate(55.38461538461536deg);
    transform: translate(-50%, -50%) rotate(-55.38461538461536deg) translate(-133px, 0px) rotate(55.38461538461536deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(27.692307692307736deg) translate(-133px, 0px) rotate(-27.692307692307736deg);
    -moz-transform: translate(-50%, -50%) rotate(27.692307692307736deg) translate(-133px, 0px) rotate(-27.692307692307736deg);
    -o-transform: translate(-50%, -50%) rotate(27.692307692307736deg) translate(-133px, 0px) rotate(-27.692307692307736deg);
    -ms-transform: translate(-50%, -50%) rotate(27.692307692307736deg) translate(-133px, 0px) rotate(-27.692307692307736deg);
    transform: translate(-50%, -50%) rotate(27.692307692307736deg) translate(-133px, 0px) rotate(-27.692307692307736deg);
  }
  .characters[data-name=hikari] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -moz-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -o-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    -ms-transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
    transform: translate(-50%, -50%) rotate(55.384615384615415deg) translate(-133px, 0px) rotate(-55.384615384615415deg);
  }
  .characters__button[data-name=teruko] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/teruko-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=teruko] .characters__inner-ring {
    -webkit-transform: rotate(-304.61538461538464deg);
    -moz-transform: rotate(-304.61538461538464deg);
    -o-transform: rotate(-304.61538461538464deg);
    -ms-transform: rotate(-304.61538461538464deg);
    transform: rotate(-304.61538461538464deg);
  }
  .characters[data-name=teruko] .characters__character[data-name=teruko] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=teruko] .characters__character[data-name=teruko] .character__heading,
  .characters[data-name=teruko] .characters__character[data-name=teruko] .character__description {
    display: block;
  }
  .characters[data-name=teruko] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-276.92307692307696deg) translate(-133px, 0px) rotate(276.92307692307696deg);
    -moz-transform: translate(-50%, -50%) rotate(-276.92307692307696deg) translate(-133px, 0px) rotate(276.92307692307696deg);
    -o-transform: translate(-50%, -50%) rotate(-276.92307692307696deg) translate(-133px, 0px) rotate(276.92307692307696deg);
    -ms-transform: translate(-50%, -50%) rotate(-276.92307692307696deg) translate(-133px, 0px) rotate(276.92307692307696deg);
    transform: translate(-50%, -50%) rotate(-276.92307692307696deg) translate(-133px, 0px) rotate(276.92307692307696deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-249.23076923076925deg) translate(-133px, 0px) rotate(249.23076923076925deg);
    -moz-transform: translate(-50%, -50%) rotate(-249.23076923076925deg) translate(-133px, 0px) rotate(249.23076923076925deg);
    -o-transform: translate(-50%, -50%) rotate(-249.23076923076925deg) translate(-133px, 0px) rotate(249.23076923076925deg);
    -ms-transform: translate(-50%, -50%) rotate(-249.23076923076925deg) translate(-133px, 0px) rotate(249.23076923076925deg);
    transform: translate(-50%, -50%) rotate(-249.23076923076925deg) translate(-133px, 0px) rotate(249.23076923076925deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.1538461538462deg) translate(-133px, 0px) rotate(166.1538461538462deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.1538461538462deg) translate(-133px, 0px) rotate(166.1538461538462deg);
    -o-transform: translate(-50%, -50%) rotate(-166.1538461538462deg) translate(-133px, 0px) rotate(166.1538461538462deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.1538461538462deg) translate(-133px, 0px) rotate(166.1538461538462deg);
    transform: translate(-50%, -50%) rotate(-166.1538461538462deg) translate(-133px, 0px) rotate(166.1538461538462deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.7692307692308deg) translate(-133px, 0px) rotate(110.7692307692308deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.7692307692308deg) translate(-133px, 0px) rotate(110.7692307692308deg);
    -o-transform: translate(-50%, -50%) rotate(-110.7692307692308deg) translate(-133px, 0px) rotate(110.7692307692308deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.7692307692308deg) translate(-133px, 0px) rotate(110.7692307692308deg);
    transform: translate(-50%, -50%) rotate(-110.7692307692308deg) translate(-133px, 0px) rotate(110.7692307692308deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -o-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.692307692307736deg) translate(-133px, 0px) rotate(27.692307692307736deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.692307692307736deg) translate(-133px, 0px) rotate(27.692307692307736deg);
    -o-transform: translate(-50%, -50%) rotate(-27.692307692307736deg) translate(-133px, 0px) rotate(27.692307692307736deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.692307692307736deg) translate(-133px, 0px) rotate(27.692307692307736deg);
    transform: translate(-50%, -50%) rotate(-27.692307692307736deg) translate(-133px, 0px) rotate(27.692307692307736deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .characters[data-name=teruko] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(27.69230769230768deg) translate(-133px, 0px) rotate(-27.69230769230768deg);
  }
  .characters__button[data-name=aikawa] {
    width: 41px;
    height: 41px;
    display: block;
    background-image: url("/images/sp/cast/aikawa-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    z-index: 3;
  }
  .characters[data-name=aikawa] .characters__inner-ring {
    -webkit-transform: rotate(-332.3076923076923deg);
    -moz-transform: rotate(-332.3076923076923deg);
    -o-transform: rotate(-332.3076923076923deg);
    -ms-transform: rotate(-332.3076923076923deg);
    transform: rotate(-332.3076923076923deg);
  }
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] .character__heading,
  .characters[data-name=aikawa] .characters__character[data-name=aikawa] .character__description {
    display: block;
  }
  .characters[data-name=aikawa] .characters__button[data-name=boku] {
    -webkit-transform: translate(-50%, -50%) rotate(-332.3076923076923deg) translate(-133px, 0px) rotate(332.3076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-332.3076923076923deg) translate(-133px, 0px) rotate(332.3076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-332.3076923076923deg) translate(-133px, 0px) rotate(332.3076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-332.3076923076923deg) translate(-133px, 0px) rotate(332.3076923076923deg);
    transform: translate(-50%, -50%) rotate(-332.3076923076923deg) translate(-133px, 0px) rotate(332.3076923076923deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=tomo] {
    -webkit-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -moz-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -o-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    -ms-transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
    transform: translate(-50%, -50%) rotate(-304.61538461538464deg) translate(-133px, 0px) rotate(304.61538461538464deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=akane] {
    -webkit-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -moz-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -o-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    -ms-transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
    transform: translate(-50%, -50%) rotate(-276.9230769230769deg) translate(-133px, 0px) rotate(276.9230769230769deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=kanami] {
    -webkit-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -moz-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -o-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    -ms-transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
    transform: translate(-50%, -50%) rotate(-249.23076923076923deg) translate(-133px, 0px) rotate(249.23076923076923deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=sakaki] {
    -webkit-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -moz-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -o-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    -ms-transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
    transform: translate(-50%, -50%) rotate(-221.53846153846155deg) translate(-133px, 0px) rotate(221.53846153846155deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=maki] {
    -webkit-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -moz-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -o-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    -ms-transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
    transform: translate(-50%, -50%) rotate(-193.84615384615387deg) translate(-133px, 0px) rotate(193.84615384615387deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=yayoi] {
    -webkit-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -moz-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -o-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    -ms-transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
    transform: translate(-50%, -50%) rotate(-166.15384615384616deg) translate(-133px, 0px) rotate(166.15384615384616deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=iria] {
    -webkit-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -moz-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -o-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    -ms-transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
    transform: translate(-50%, -50%) rotate(-138.46153846153848deg) translate(-133px, 0px) rotate(138.46153846153848deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=rei] {
    -webkit-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -moz-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -o-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    -ms-transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
    transform: translate(-50%, -50%) rotate(-110.76923076923077deg) translate(-133px, 0px) rotate(110.76923076923077deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=akari] {
    -webkit-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -moz-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -o-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    -ms-transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
    transform: translate(-50%, -50%) rotate(-83.0769230769231deg) translate(-133px, 0px) rotate(83.0769230769231deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=hikari] {
    -webkit-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -moz-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -o-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    -ms-transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
    transform: translate(-50%, -50%) rotate(-55.384615384615415deg) translate(-133px, 0px) rotate(55.384615384615415deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=teruko] {
    -webkit-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -moz-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -o-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    -ms-transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
    transform: translate(-50%, -50%) rotate(-27.69230769230768deg) translate(-133px, 0px) rotate(27.69230769230768deg);
  }
  .characters[data-name=aikawa] .characters__button[data-name=aikawa] {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(-133px, 0px) rotate(0deg);
  }
  .page-chara-1 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/1-circle.png") no-repeat 50%/340px;
  }
  .page-chara-2 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/2-circle.png") no-repeat 50%/340px;
  }
  .page-chara-3 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/3-circle.png") no-repeat 50%/340px;
  }
  .page-chara-4 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/4-circle.png") no-repeat 50%/340px;
  }
  .page-chara-5 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/5-circle.png") no-repeat 50%/340px;
  }
  .page-chara-6 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/6-circle.png") no-repeat 50%/340px;
  }
  .page-chara-7 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/7-circle.png") no-repeat 50%/340px;
  }
  .page-chara-8 .page-cast .characters__outer-ring {
    background: url("/images/sp/cast/8-circle.png") no-repeat 50%/340px;
  }
}
@media screen and (max-width: 750px) {
  .page-rewards {
    padding: 70px 0 30px;
  }
  .page-rewards__body {
    z-index: 1px;
    position: relative;
    width: 240px;
    margin: 0 auto;
  }
  .page-rewards__title {
    width: 90px;
    height: 90px;
    display: block;
    background-image: url("/images/sp/rewards/title.png");
    background-repeat: no-repeat;
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    background-size: 90px 90px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
  }
  .page-rewards .shop-name {
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 0;
    line-height: 1.3;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
  }
  .page-rewards .shop-name:first-child {
    margin-top: 0;
  }
  .page-rewards .shop-name__small {
    font-size: 13px;
    line-height: 1.3;
    margin: 4px auto 0;
    font-weight: normal;
  }
  .page-rewards .rewards {
    padding: 0 0 35px;
    background: url("/images/sp/page/line.png") no-repeat 50% 100%/contain;
    zoom: 1;
  }
  .page-rewards .rewards:before,
  .page-rewards .rewards:after {
    content: "";
    display: table;
  }
  .page-rewards .rewards:after {
    clear: both;
  }
  .page-rewards .reward {
    margin: 25px 0 0;
  }
  .page-rewards .reward:first-child {
    margin: 15px 0 0;
  }
  .page-rewards .reward__image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255,255,255,0.5);
    width: 100%;
  }
  .page-rewards .reward__image img {
    display: block;
    width: 100%;
  }
  .page-rewards .reward__text {
    line-height: 1.2;
    font-size: 12px;
    margin: 15px 0 0;
    font-family: 'NotoSansCJKjp';
    -webkit-font-smoothing: antialiased;
  }
  .page-rewards .caution-text {
    font-size: 12px;
    line-height: 1.5;
    font-family: "NotoSerifCJKjp";
    -webkit-font-smoothing: antialiased;
    margin: 25px auto 0;
  }
}
@media screen and (max-width: 750px) {
  .splash {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
  }
  .splash__bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
  }
  .splash__logo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 2;
    width: 201px;
    height: 71px;
    display: block;
    background-image: url("/images/sp/splash/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 201px 71px;
    -moz-background-size: 201px 71px;
    background-size: 201px 71px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 100.5px);
    top: calc(50% - 35.5px);
  }
  .splash__sound {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 100%;
    position: relative;
    z-index: 2;
  }
  .splash__logo1 {
    width: 99px;
    height: 31px;
    display: block;
    background-image: url("/images/sp/splash/logo1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 99px 31px;
    -moz-background-size: 99px 31px;
    background-size: 99px 31px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    top: 115px;
    left: calc(50% - 49.5px);
  }
  .splash__text {
    position: absolute;
    width: 226px;
    height: 12px;
    display: block;
    background-image: url("/images/sp/splash/text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 226px 12px;
    -moz-background-size: 226px 12px;
    background-size: 226px 12px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: calc(50% - 100px);
    left: calc(50% - 113px);
  }
  .splash__buttons {
    position: absolute;
    width: 180px;
    zoom: 1;
    top: calc(50% - 50px);
    left: calc(50% - 90px);
  }
  .splash__buttons:before,
  .splash__buttons:after {
    content: "";
    display: table;
  }
  .splash__buttons:after {
    clear: both;
  }
  .splash__on {
    width: 80px;
    height: 80px;
    display: block;
    background-image: url("/images/sp/splash/on-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    background-size: 80px 80px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: left;
    cursor: pointer;
  }
  .splash__on .splash__on--line1,
  .splash__on .splash__on--line2,
  .splash__on .splash__on--line3 {
    width: 2px;
    background: #081454;
    position: absolute;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-animation: flash 1.5s ease 0s infinite;
    -moz-animation: flash 1.5s ease 0s infinite;
    -o-animation: flash 1.5s ease 0s infinite;
    -ms-animation: flash 1.5s ease 0s infinite;
    animation: flash 1.5s ease 0s infinite;
  }
  .splash__on .splash__on--line1 {
    top: 16px;
    left: 39px;
    height: 6px;
  }
  .splash__on .splash__on--line2 {
    top: 14px;
    left: 42px;
    height: 10px;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .splash__on .splash__on--line3 {
    top: 13px;
    left: 45px;
    height: 12px;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .splash__off {
    width: 80px;
    height: 80px;
    display: block;
    background-image: url("/images/sp/splash/off-button.png");
    background-repeat: no-repeat;
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    background-size: 80px 80px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    float: right;
    cursor: pointer;
    position: relative;
  }
  .splash__off:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background-image: url("/images/sp/splash/off-button-x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    top: 14px;
    left: 40px;
  }
  .splash__logo2 {
    width: 210px;
    height: 56px;
    display: block;
    background-image: url("/images/sp/splash/logo2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 210px 56px;
    -moz-background-size: 210px 56px;
    background-size: 210px 56px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    bottom: 95px;
    left: calc(50% - 105px);
  }
}
@media screen and (max-width: 750px) {
  .page-front {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: 500px;
  }
  .top-logo {
    width: 210px;
    height: 56px;
    display: block;
    background-image: url("/images/sp/top/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 210px 56px;
    -moz-background-size: 210px 56px;
    background-size: 210px 56px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 105px);
    bottom: 150px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
  }
  .top-banner4 {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url("/images/top/banner-sc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    background-size: 100px 100px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
  }
  .top-banner3 {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url("/images/top/banner-sc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    background-size: 100px 100px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
  }
  .top-banner2 {
    width: 122px;
    height: 122px;
    display: block;
    background-image: url("/images/sp/top/banner-ova08.png");
    background-repeat: no-repeat;
    -webkit-background-size: 122px 122px;
    -moz-background-size: 122px 122px;
    background-size: 122px 122px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: 12px;
    bottom: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    width: 100px;
    height: 100px;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    background-size: 100px 100px;
  }
  .top-banner1 {
    width: 122px;
    height: 122px;
    display: block;
    background-image: url("/images/sp/top/banner-kubikiri.png");
    background-repeat: no-repeat;
    -webkit-background-size: 122px 122px;
    -moz-background-size: 122px 122px;
    background-size: 122px 122px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    right: 12px;
    bottom: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    width: 100px;
    height: 100px;
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    background-size: 100px 100px;
  }
  .page-front {
    display: none;
  }
  .page-front[data-page-show="1"] {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  html.page-front_started .top-banner1,
  html.page-front_started .top-banner2,
  html.page-front_started .top-banner3,
  html.page-front_started .top-banner4 {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 400ms ease 3s;
    -moz-transition: opacity 400ms ease 3s;
    -o-transition: opacity 400ms ease 3s;
    -ms-transition: opacity 400ms ease 3s;
    transition: opacity 400ms ease 3s;
  }
  html.page-front_started .top-logo {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
    -webkit-transition: opacity 400ms ease 3s;
    -moz-transition: opacity 400ms ease 3s;
    -o-transition: opacity 400ms ease 3s;
    -ms-transition: opacity 400ms ease 3s;
    transition: opacity 400ms ease 3s;
  }
  html.page-front_started .menu-button {
    top: -15px;
    -webkit-transition: opacity 400ms ease-out 3s;
    -moz-transition: opacity 400ms ease-out 3s;
    -o-transition: opacity 400ms ease-out 3s;
    -ms-transition: opacity 400ms ease-out 3s;
    transition: opacity 400ms ease-out 3s;
  }
  .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
    -webkit-transition-property: opacity -webkit-transform;
    -moz-transition-property: opacity -moz-transform;
    -o-transition-property: opacity -o-transform;
    -ms-transition-property: opacity -ms-transform;
    transition-property: opacity transform;
    pointer-events: none;
    visibility: hidden;
  }
  .loading_logo {
    width: 210px;
    height: 56px;
    display: block;
    background-image: url("/images/sp/loading/logo.png");
    background-repeat: no-repeat;
    -webkit-background-size: 210px 56px;
    -moz-background-size: 210px 56px;
    background-size: 210px 56px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 28px);
    z-index: 2;
  }
  .loading_circle {
    width: 150px;
    height: 152px;
    display: block;
    background-image: url("/images/sp/loading/icon.png");
    background-repeat: no-repeat;
    -webkit-background-size: 150px 152px;
    -moz-background-size: 150px 152px;
    background-size: 150px 152px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 75px);
    top: calc(50% - 76px);
    z-index: 1;
    -webkit-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -moz-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -o-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    -ms-animation: loading-circle 15s ease-in-out 0s infinite alternate;
    animation: loading-circle 15s ease-in-out 0s infinite alternate;
  }
  .loading_text {
    width: 145px;
    height: 17px;
    display: block;
    background-image: url("/images/sp/loading/text.png");
    background-repeat: no-repeat;
    -webkit-background-size: 145px 17px;
    -moz-background-size: 145px 17px;
    background-size: 145px 17px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: calc(50% - 72.5px);
    top: calc(50% + 95px);
    z-index: 1;
    -webkit-animation: loading-text-pc 1s linear 0s infinite alternate;
    -moz-animation: loading-text-pc 1s linear 0s infinite alternate;
    -o-animation: loading-text-pc 1s linear 0s infinite alternate;
    -ms-animation: loading-text-pc 1s linear 0s infinite alternate;
    animation: loading-text-pc 1s linear 0s infinite alternate;
  }
  .loading.showed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
  }
}
@media screen and (max-width: 750px) {
  .top-visual-three {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: none;
  }
  .top-visual_chara {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, 80px);
    -moz-transform: translate(-50%, 80px);
    -o-transform: translate(-50%, 80px);
    -ms-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px);
    pointer-events: none;
    left: 50%;
  }
  .top-visual_chara.showed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    -ms-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    -o-transition-property: opacity, -o-transform;
    -ms-transition-property: opacity, -ms-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .top-visual_line1,
  .top-visual_line2,
  .top-visual_line3 {
    width: 120%;
    height: 240px;
    pointer-events: none;
    background: no-repeat 50% 100%;
    -webkit-background-size: 480px auto;
    -moz-background-size: 480px auto;
    background-size: 480px auto;
    position: absolute;
    bottom: 0;
    left: -10%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .top-visual_line1.showed,
  .top-visual_line2.showed,
  .top-visual_line3.showed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 300ms ease 3s;
    -moz-transition: opacity 300ms ease 3s;
    -o-transition: opacity 300ms ease 3s;
    -ms-transition: opacity 300ms ease 3s;
    transition: opacity 300ms ease 3s;
    -webkit-animation: line-move1 10s ease 0s infinite;
    -moz-animation: line-move1 10s ease 0s infinite;
    -o-animation: line-move1 10s ease 0s infinite;
    -ms-animation: line-move1 10s ease 0s infinite;
    animation: line-move1 10s ease 0s infinite;
  }
  .top-visual_line1 .top-visual_line1.showed,
  .top-visual_line2 .top-visual_line1.showed,
  .top-visual_line3 .top-visual_line1.showed {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .top-visual_line1 .top-visual_line2.showed,
  .top-visual_line2 .top-visual_line2.showed,
  .top-visual_line3 .top-visual_line2.showed {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .top-visual_line1 .top-visual_line3.showed,
  .top-visual_line2 .top-visual_line3.showed,
  .top-visual_line3 .top-visual_line3.showed {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .page-chara-1 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/1-line1.png");
  }
  .page-chara-1 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/1-line2.png");
  }
  .page-chara-1 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/1-line3.png");
  }
  .page-chara-1 .page-front .top-visual_chara {
    width: 379px;
    height: 558px;
    display: block;
    background-image: url("/images/sp/top/1-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 379px 558px;
    -moz-background-size: 379px 558px;
    background-size: 379px 558px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 50px;
    left: calc(50%);
  }
  .page-chara-2 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/2-line1.png");
  }
  .page-chara-2 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/2-line2.png");
  }
  .page-chara-2 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/2-line3.png");
  }
  .page-chara-2 .page-front .top-visual_chara {
    width: 480px;
    height: 623px;
    display: block;
    background-image: url("/images/sp/top/2-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 480px 623px;
    -moz-background-size: 480px 623px;
    background-size: 480px 623px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 10px;
    left: calc(50%);
  }
  .page-chara-3 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/3-line1.png");
  }
  .page-chara-3 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/3-line2.png");
  }
  .page-chara-3 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/3-line3.png");
  }
  .page-chara-3 .page-front .top-visual_chara {
    width: 288px;
    height: 605px;
    display: block;
    background-image: url("/images/sp/top/3-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 288px 605px;
    -moz-background-size: 288px 605px;
    background-size: 288px 605px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 20px;
    left: calc(50%);
  }
  .page-chara-4 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/4-line1.png");
  }
  .page-chara-4 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/4-line2.png");
  }
  .page-chara-4 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/4-line3.png");
  }
  .page-chara-4 .page-front .top-visual_chara {
    width: 419px;
    height: 793px;
    display: block;
    background-image: url("/images/sp/top/4-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 419px 793px;
    -moz-background-size: 419px 793px;
    background-size: 419px 793px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 10px;
    left: calc(50%);
  }
  .page-chara-5 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/5-line1.png");
  }
  .page-chara-5 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/5-line2.png");
  }
  .page-chara-5 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/5-line3.png");
  }
  .page-chara-5 .page-front .top-visual_chara {
    width: 480px;
    height: 604px;
    display: block;
    background-image: url("/images/sp/top/5-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 480px 604px;
    -moz-background-size: 480px 604px;
    background-size: 480px 604px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 10px;
    left: calc(50%);
  }
  .page-chara-6 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/6-line1.png");
  }
  .page-chara-6 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/6-line2.png");
  }
  .page-chara-6 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/6-line3.png");
  }
  .page-chara-6 .page-front .top-visual_chara {
    width: 336px;
    height: 606px;
    display: block;
    background-image: url("/images/sp/top/6-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 336px 606px;
    -moz-background-size: 336px 606px;
    background-size: 336px 606px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 10px;
    left: calc(50%);
  }
  .page-chara-7 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/7-line1.png");
  }
  .page-chara-7 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/7-line2.png");
  }
  .page-chara-7 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/7-line3.png");
  }
  .page-chara-7 .page-front .top-visual_chara {
    width: 300px;
    height: 491px;
    display: block;
    background-image: url("/images/sp/top/7-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 300px 491px;
    -moz-background-size: 300px 491px;
    background-size: 300px 491px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 30px;
    left: calc(50%);
  }
  .page-chara-8 .page-front .top-visual_line1 {
    background-image: url("/images/sp/top/8-line1.png");
  }
  .page-chara-8 .page-front .top-visual_line2 {
    background-image: url("/images/sp/top/8-line2.png");
  }
  .page-chara-8 .page-front .top-visual_line3 {
    background-image: url("/images/sp/top/8-line3.png");
  }
  .page-chara-8 .page-front .top-visual_chara {
    width: 300px;
    height: 473px;
    display: block;
    background-image: url("/images/sp/top/8-chara.png");
    background-repeat: no-repeat;
    -webkit-background-size: 300px 473px;
    -moz-background-size: 300px 473px;
    background-size: 300px 473px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    top: 50px;
    left: calc(65%);
  }
}
@-moz-keyframes line-move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px) rotate(-10deg);
    -moz-transform: translate(0, 10px) rotate(-10deg);
    -o-transform: translate(0, 10px) rotate(-10deg);
    -ms-transform: translate(0, 10px) rotate(-10deg);
    transform: translate(0, 10px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes line-move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px) rotate(-10deg);
    -moz-transform: translate(0, 10px) rotate(-10deg);
    -o-transform: translate(0, 10px) rotate(-10deg);
    -ms-transform: translate(0, 10px) rotate(-10deg);
    transform: translate(0, 10px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes line-move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px) rotate(-10deg);
    -moz-transform: translate(0, 10px) rotate(-10deg);
    -o-transform: translate(0, 10px) rotate(-10deg);
    -ms-transform: translate(0, 10px) rotate(-10deg);
    transform: translate(0, 10px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes line-move1 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px) rotate(-10deg);
    -moz-transform: translate(0, 10px) rotate(-10deg);
    -o-transform: translate(0, 10px) rotate(-10deg);
    -ms-transform: translate(0, 10px) rotate(-10deg);
    transform: translate(0, 10px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.page-goods,
.page-rewards,
.page-cast,
.page-staff,
.page-music,
.page-movie,
.page-news,
.page-story,
.page-special,
.page-interview-1,
.page-interview-2,
.page-interview-3,
.page-interview-4,
.page-interview-5,
.page-interview-6 {
  min-height: 100%;
  display: none;
  z-index: 2;
  position: relative;
}
.page-goods[data-page-show="1"],
.page-rewards[data-page-show="1"],
.page-cast[data-page-show="1"],
.page-staff[data-page-show="1"],
.page-music[data-page-show="1"],
.page-movie[data-page-show="1"],
.page-news[data-page-show="1"],
.page-story[data-page-show="1"],
.page-special[data-page-show="1"],
.page-interview-1[data-page-show="1"],
.page-interview-2[data-page-show="1"],
.page-interview-3[data-page-show="1"],
.page-interview-4[data-page-show="1"],
.page-interview-5[data-page-show="1"],
.page-interview-6[data-page-show="1"] {
  display: block;
}