@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
  font-family: 'sawarabi mincho';
  src: url("../fonts/sawarabi-mincho-medium.woff"), url("../fonts/sawarabi-mincho-medium.eot"); }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes loopRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  40% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes loopRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  40% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes fadeInOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes slideX {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  40% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  60% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideX {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  40% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  60% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes scale-down-top {
  0% {
    -webkit-transform: scale(5) rotate(15deg);
            transform: scale(5) rotate(15deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  45% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  55% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  55% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  65% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  75% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  85% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  95% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  100% {
    -webkit-transform: ranslate(0, 0);
            transform: ranslate(0, 0); } }

@keyframes scale-down-top {
  0% {
    -webkit-transform: scale(5) rotate(15deg);
            transform: scale(5) rotate(15deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  45% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  55% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  55% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  65% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  75% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  85% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  95% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  100% {
    -webkit-transform: ranslate(0, 0);
            transform: ranslate(0, 0); } }

@-webkit-keyframes scale-down-top2 {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  45% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  55% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  55% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  65% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  75% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  85% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  95% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    -webkit-transform: ranslate(0, 0);
            transform: ranslate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes scale-down-top2 {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  45% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  55% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  55% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  65% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  75% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  85% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  95% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    -webkit-transform: ranslate(0, 0);
            transform: ranslate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes scale-down-top3 {
  0% {
    -webkit-transform: scale(5) rotate(-25deg);
            transform: scale(5) rotate(-25deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  65% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  70%, 100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes scale-down-top3 {
  0% {
    -webkit-transform: scale(5) rotate(-25deg);
            transform: scale(5) rotate(-25deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  65% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  70%, 100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes scale-in-center-sp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  30% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1.1) translate(0, 0);
            transform: scale(1.1) translate(0, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  57% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  58% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  60% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  62% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  63% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  65% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px); }
  70% {
    -webkit-transform: scale(1) translate(5px, -5px);
            transform: scale(1) translate(5px, -5px); }
  75% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px);
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  80% {
    -webkit-transform: scale(1) translate(5px, -5px);
            transform: scale(1) translate(5px, -5px); }
  85% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px); }
  90% {
    -webkit-transform: scale(0.8) translate(4px, 4px);
            transform: scale(0.8) translate(4px, 4px); }
  95% {
    -webkit-transform: scale(0.8) translate(-4px, -4px);
            transform: scale(0.8) translate(-4px, -4px); }
  100% {
    -webkit-transform: scale(0.8) translate(0, 0);
            transform: scale(0.8) translate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes scale-in-center-sp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  30% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1.1) translate(0, 0);
            transform: scale(1.1) translate(0, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  57% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  58% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  60% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  62% {
    -webkit-transform: scale(1.1) translate(-5px, 5px);
            transform: scale(1.1) translate(-5px, 5px); }
  63% {
    -webkit-transform: scale(1.1) translate(5px, -5px);
            transform: scale(1.1) translate(5px, -5px); }
  65% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px); }
  70% {
    -webkit-transform: scale(1) translate(5px, -5px);
            transform: scale(1) translate(5px, -5px); }
  75% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px);
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  80% {
    -webkit-transform: scale(1) translate(5px, -5px);
            transform: scale(1) translate(5px, -5px); }
  85% {
    -webkit-transform: scale(1) translate(-5px, 5px);
            transform: scale(1) translate(-5px, 5px); }
  90% {
    -webkit-transform: scale(0.8) translate(4px, 4px);
            transform: scale(0.8) translate(4px, 4px); }
  95% {
    -webkit-transform: scale(0.8) translate(-4px, -4px);
            transform: scale(0.8) translate(-4px, -4px); }
  100% {
    -webkit-transform: scale(0.8) translate(0, 0);
            transform: scale(0.8) translate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes scale-in-center-pc {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  30% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1.3) translate(0, 0);
            transform: scale(1.3) translate(0, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  57% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  58% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  60% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  62% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  63% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  65% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px); }
  70% {
    -webkit-transform: scale(1) translate(20px, -20px);
            transform: scale(1) translate(20px, -20px); }
  75% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px);
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  80% {
    -webkit-transform: scale(1) translate(20px, -20px);
            transform: scale(1) translate(20px, -20px); }
  85% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px); }
  90% {
    -webkit-transform: scale(0.5) translate(16px, 16px);
            transform: scale(0.5) translate(16px, 16px); }
  95% {
    -webkit-transform: scale(0.5) translate(-16px, -16px);
            transform: scale(0.5) translate(-16px, -16px); }
  100% {
    -webkit-transform: scale(0.5) translate(0, 0);
            transform: scale(0.5) translate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes scale-in-center-pc {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  30% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    -webkit-transform: scale(1.3) translate(0, 0);
            transform: scale(1.3) translate(0, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  57% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  58% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  60% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  62% {
    -webkit-transform: scale(1.3) translate(-20px, 20px);
            transform: scale(1.3) translate(-20px, 20px); }
  63% {
    -webkit-transform: scale(1.3) translate(20px, -20px);
            transform: scale(1.3) translate(20px, -20px); }
  65% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px); }
  70% {
    -webkit-transform: scale(1) translate(20px, -20px);
            transform: scale(1) translate(20px, -20px); }
  75% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px);
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  80% {
    -webkit-transform: scale(1) translate(20px, -20px);
            transform: scale(1) translate(20px, -20px); }
  85% {
    -webkit-transform: scale(1) translate(-20px, 20px);
            transform: scale(1) translate(-20px, 20px); }
  90% {
    -webkit-transform: scale(0.5) translate(16px, 16px);
            transform: scale(0.5) translate(16px, 16px); }
  95% {
    -webkit-transform: scale(0.5) translate(-16px, -16px);
            transform: scale(0.5) translate(-16px, -16px); }
  100% {
    -webkit-transform: scale(0.5) translate(0, 0);
            transform: scale(0.5) translate(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes shake-top {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  5% {
    -webkit-transform: rotate(0.5deg);
            transform: rotate(0.5deg); }
  10%, 20% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  15%, 25% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  35% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  40% {
    -webkit-transform: rotate(-0.5deg);
            transform: rotate(-0.5deg); } }

@keyframes shake-top {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  5% {
    -webkit-transform: rotate(0.5deg);
            transform: rotate(0.5deg); }
  10%, 20% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  15%, 25% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  35% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  40% {
    -webkit-transform: rotate(-0.5deg);
            transform: rotate(-0.5deg); } }

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px); }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px); }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

@-webkit-keyframes master-fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes master-fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  3% {
    -webkit-transform: scale(1.2, 0.8) translateY(2px);
            transform: scale(1.2, 0.8) translateY(2px);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  11% {
    -webkit-transform: scale(0.8, 1.2) translateY(-10px);
            transform: scale(0.8, 1.2) translateY(-10px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  3% {
    -webkit-transform: scale(1.2, 0.8) translateY(2px);
            transform: scale(1.2, 0.8) translateY(2px);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  11% {
    -webkit-transform: scale(0.8, 1.2) translateY(-10px);
            transform: scale(0.8, 1.2) translateY(-10px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes anime-result-num {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  60% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  70% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  80% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes anime-result-num {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  60% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  70% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  80% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes anime-result-done {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  60% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px); }
  70% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px); }
  80% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px); }
  90% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes anime-result-done {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  60% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px); }
  70% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px); }
  80% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px); }
  90% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

[data-delayshow="1"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="0.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="2"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="1.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="3"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="2.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="4"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="3.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="4.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="6"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="5.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="7"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="6.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="8"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="7.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="9"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="8.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="10"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-delayshow="9.5"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.mugen__loading, .intro__loading {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-color: #000; }
  .mugen__loading:before, .intro__loading:before {
    content: "";
    width: 254px;
    height: 68px;
    background-image: url("../img/common/loading.gif");
    background-repeat: no-repeat;
    background-size: 254px 68px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; }

.menu-modal {
  position: relative;
  display: none; }
  @media (min-width: 800px) {
    .menu-modal {
      background-color: #000;
      width: 320px;
      transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
      -webkit-transform: translate(-320px);
              transform: translate(-320px);
      position: fixed;
      display: block;
      padding-top: 100px;
      height: 100%;
      min-height: 645px; }
      [data-menu-opened="true"] .menu-modal {
        -webkit-transform: translate(0px);
                transform: translate(0px); } }
  @media (max-width: 799px) {
    .menu-modal {
      margin: 0 auto;
      width: 375px;
      height: 530px; }
      [data-menu-opened="true"] .menu-modal {
        display: block; } }

@media (min-width: 800px) {
  .menu-modal__overlay {
    transition-property: opacity;
    transition-duration: 0.5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    [data-menu-opened="true"] .menu-modal__overlay {
      background-color: #000;
      -webkit-transform: translateX(318px);
              transform: translateX(318px);
      content: "";
      height: 100%;
      width: 100%;
      position: fixed;
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }

.menu-modal__title {
  text-align: center;
  margin-bottom: 20px; }
  @media (min-width: 800px) {
    .menu-modal__title {
      font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      line-height: 36px; } }
  @media (max-width: 799px) {
    .menu-modal__title {
      font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      line-height: 20px; } }

.menu-modal__data-list {
  display: table;
  margin: auto; }

@media (min-width: 800px) {
  .menu-modal__data-title {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    line-height: 24px; } }

@media (max-width: 799px) {
  .menu-modal__data-title {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 13px;
    line-height: 18px; } }

.menu-modal__data-title strong {
  color: #e60012;
  margin-right: 6px; }

.menu-modal__data-title:first-child {
  margin-top: 0; }

@media (min-width: 800px) {
  .menu-modal__data-description {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 16px;
    font-weight: bold;
    color: #fff; } }

@media (max-width: 799px) {
  .menu-modal__data-description {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 12px;
    font-weight: bold;
    color: #fff; } }

@media (min-width: 800px) {
  .menu-modal__footer {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 135px; } }

@media (min-width: 800px) {
  .menu-modal__banner {
    position: relative;
    left: 0;
    right: 0; } }

@media (max-width: 799px) {
  .menu-modal__banner {
    display: table;
    margin: 30px auto 20px; } }

@media (min-width: 800px) {
  .menu-modal__link, .menu-modal__link--shindan, .menu-modal__link--mugen, .menu-modal__link--official {
    display: block;
    margin: 10px auto auto; }
    .menu-modal__link:first-child, .menu-modal__link--shindan:first-child, .menu-modal__link--mugen:first-child, .menu-modal__link--official:first-child {
      margin-top: 5px; } }

@media (max-width: 799px) {
  .menu-modal__link, .menu-modal__link--shindan, .menu-modal__link--mugen, .menu-modal__link--official {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto 0; }
    .menu-modal__link:first-child, .menu-modal__link--shindan:first-child, .menu-modal__link--mugen:first-child, .menu-modal__link--official:first-child {
      margin-top: 0; } }

@media (min-width: 800px) {
  .menu-modal__link--shindan {
    width: 196px;
    height: 52px;
    background-image: url("../img/menu/pc/title_shindan.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 196px 52px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__link--shindan {
    width: 251px;
    height: 64px;
    background-image: url("../img/menu/title_shindan.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 251px 64px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .menu-modal__link--mugen {
    width: 192px;
    height: 77px;
    background-image: url("../img/menu/pc/title_mugen.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 192px 77px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__link--mugen {
    width: 223px;
    height: 90px;
    background-image: url("../img/menu/title_mugen.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 223px 90px;
    overflow: hidden; }
    .menu-modal__link--mugen:first-child {
      margin-top: -15px; } }

@media (min-width: 800px) {
  .menu-modal__link--official {
    width: 192px;
    height: 62px;
    background-image: url("../img/menu/pc/title_anime.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 192px 62px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__link--official {
    width: 251px;
    height: 80px;
    background-image: url("../img/menu/title_anime.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 251px 80px;
    overflow: hidden; } }

.menu-modal__sns {
  display: table;
  margin: auto; }
  @media (min-width: 800px) {
    .menu-modal__sns {
      margin-top: 20px; } }

.menu-modal__btn, .menu-modal__social--twitter, .menu-modal__social--facebook, .menu-modal__social--line {
  display: inline-block;
  margin-left: 15px; }
  .menu-modal__btn:first-child, .menu-modal__social--twitter:first-child, .menu-modal__social--facebook:first-child, .menu-modal__social--line:first-child {
    margin-left: 0; }

@media (min-width: 800px) {
  .menu-modal__social--twitter {
    width: 60px;
    height: 40px;
    background-image: url("../img/menu/pc/twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 40px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__social--twitter {
    width: 72px;
    height: 52px;
    background-image: url("../img/common/twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 52px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .menu-modal__social--facebook {
    width: 60px;
    height: 40px;
    background-image: url("../img/menu/pc/facebook.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 40px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__social--facebook {
    width: 72px;
    height: 52px;
    background-image: url("../img/common/facebook.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 52px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .menu-modal__social--line {
    width: 60px;
    height: 40px;
    background-image: url("../img/menu/pc/line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 40px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .menu-modal__social--line {
    width: 72px;
    height: 52px;
    background-image: url("../img/common/line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 52px;
    overflow: hidden; } }

@media (min-width: 800px) {
  #menu {
    position: fixed;
    top: 0;
    z-index: 2; } }

@media (max-width: 799px) {
  #menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 50px;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    #menu[data-menu-opened="true"] {
      width: 100%;
      height: 100%;
      overflow: scroll; } }

#menu[data-menu-opened="true"] {
  z-index: 6; }

#shindan_root .menu__inner {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.menu__inner.keyframe-motion {
  -webkit-animation: fadeIn 0.8s;
          animation: fadeIn 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@media (max-width: 799px) {
  .menu__inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 44px; }
    .menu__inner:before {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      content: "";
      display: block;
      position: relative; }
      [data-menu-opened="true"] .menu__inner:before {
        width: 375px;
        height: 600px;
        background-image: url("../img/menu/bg_menu.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 375px 600px;
        overflow: hidden;
        transition-property: opacity;
        transition-duration: 0.5s;
        background-color: rgba(0, 0, 0, 0.9);
        background-size: cover;
        height: 100%;
        width: 100%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        position: fixed; } }

@media (max-width: 799px) {
  .menu__page-logo {
    height: 44px;
    width: 100%;
    background-color: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    margin: auto; } }

.menu__mugen-sound {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000; }
  @media (min-width: 800px) {
    .menu__mugen-sound {
      height: 47px; } }
  @media (max-width: 799px) {
    .menu__mugen-sound {
      height: 40px; } }

.menu__btn {
  position: absolute; }
  [data-menu-opened="true"] .menu__btn {
    display: none; }
  @media (min-width: 800px) {
    .menu__btn {
      width: 36px;
      height: 24px;
      background-image: url("../img/menu/pc/menu_open.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 36px 24px;
      overflow: hidden;
      left: 15px;
      top: 12px; } }
  @media (max-width: 799px) {
    .menu__btn {
      width: 39px;
      height: 27px;
      background-image: url("../img/menu/menu_opne.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 39px 27px;
      overflow: hidden;
      position: absolute;
      right: 10px;
      top: 10px; } }

.menu__Closebtn {
  display: none;
  position: absolute; }
  [data-menu-opened="true"] .menu__Closebtn {
    display: block; }
  @media (min-width: 800px) {
    .menu__Closebtn {
      width: 24px;
      height: 24px;
      background-image: url("../img/menu/pc/menu_close.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 24px 24px;
      overflow: hidden;
      left: 280px;
      top: 12px;
      z-index: 2; } }
  @media (max-width: 799px) {
    .menu__Closebtn {
      width: 22.5px;
      height: 22.5px;
      background-image: url("../img/menu/menu_close.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 22.5px 22.5px;
      overflow: hidden;
      right: 17px;
      top: -25px; } }

@media (min-width: 800px) {
  .menu__logo {
    width: 177px;
    height: 32px;
    background-image: url("../img/menu/pc/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 177px 32px;
    overflow: hidden;
    top: 10px;
    position: fixed;
    right: 15px; } }

@media (max-width: 799px) {
  .menu__logo {
    width: 148.5px;
    height: 27px;
    background-image: url("../img/menu/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148.5px 27px;
    overflow: hidden;
    top: 10px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto; }
    [data-menu-opened="true"] .menu__logo {
      display: none; } }

@media (min-width: 800px) {
  .menu__sound {
    position: fixed; }
    .menu__sound[data-sound-mute="true"] {
      width: 126px;
      height: 14px;
      background-image: url("../img/menu/pc/sound_off_text.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 126px 14px;
      overflow: hidden;
      top: 17px;
      right: 19px; }
    .menu__sound[data-sound-mute="false"] {
      width: 120px;
      height: 24px;
      background-image: url("../img/menu/pc/sound_on_text.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 120px 24px;
      overflow: hidden;
      top: 12px;
      right: 25px; } }

@media (max-width: 799px) {
  .menu__sound {
    position: fixed; }
    .menu__sound[data-sound-mute="true"] {
      width: 116.5px;
      height: 11.5px;
      background-image: url("../img/menu/sound_off_text.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 116.5px 11.5px;
      overflow: hidden;
      top: 17.5px;
      left: 10px; }
    .menu__sound[data-sound-mute="false"] {
      width: 110.5px;
      height: 20px;
      background-image: url("../img/menu/sound_on_text.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 110.5px 20px;
      overflow: hidden;
      top: 13px;
      left: 10px; } }

@media (min-width: 800px) {
  .forSP {
    display: none; } }

@media (max-width: 799px) {
  .forPC {
    display: none; } }

.wrapper {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
  overflow: hidden; }
  .wrapper img {
    width: 100%; }
  @media (max-width: 799px) {
    .wrapper {
      width: 100%; } }

body {
  background-color: #000; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

@media (min-width: 800px) {
  a:hover,
  button:hover {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } }

#app {
  width: 100%;
  height: 100%; }

.master-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 5; }
  .master-modal.js-show {
    display: block; }
  @media (min-width: 800px) {
    .master-modal {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/pc/bg_master.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .master-modal {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/bg_master.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }

.master-modal__chara {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .master-modal__chara.keyframe-motion {
    -webkit-animation-name: master-fadeIn;
            animation-name: master-fadeIn;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media (min-width: 800px) {
    .master-modal__chara {
      width: 320px;
      height: 426px;
      background-image: url("../img/mugen/pc/master.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 426px;
      overflow: hidden;
      text-indent: -9999px;
      top: -100px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; } }
  @media (max-width: 799px) {
    .master-modal__chara {
      width: 231.5px;
      height: 308px;
      background-image: url("../img/mugen/master.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 231.5px 308px;
      overflow: hidden;
      text-indent: -9999px;
      top: -30px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; } }

.master-modal__shareModal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.master-modal__share-frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .master-modal__share-frame.keyframe-motion {
    -webkit-animation: bounce-in-top 1.1s both;
            animation: bounce-in-top 1.1s both; }
  @media (min-width: 800px) {
    .master-modal__share-frame {
      width: 640px;
      height: 532px;
      background-image: url("../img/mugen/pc/share_frame.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 640px 532px;
      overflow: hidden;
      text-indent: -9999px;
      overflow: visible; } }
  @media (max-width: 799px) {
    .master-modal__share-frame {
      width: 343px;
      height: 493.5px;
      background-image: url("../img/mugen/share_frame.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 343px 493.5px;
      overflow: hidden;
      text-indent: -9999px;
      overflow: visible; } }

.master-modal__share-text {
  position: relative;
  margin: auto; }
  @media (min-width: 800px) {
    .master-modal__share-text {
      width: 547px;
      height: 293px;
      background-image: url("../img/mugen/pc/moguro_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 547px 293px;
      overflow: hidden;
      text-indent: -9999px;
      top: -25px; } }
  @media (max-width: 799px) {
    .master-modal__share-text {
      width: 317.5px;
      height: 330px;
      background-image: url("../img/mugen/moguro_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 317.5px 330px;
      overflow: hidden;
      text-indent: -9999px;
      top: -25px; } }
  @media (min-width: 800px) {
    .js-twice .master-modal__share-text {
      width: 558px;
      height: 293px;
      background-image: url("../img/mugen/pc/moguro_share2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 558px 293px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .js-twice .master-modal__share-text {
      width: 317px;
      height: 330px;
      background-image: url("../img/mugen/moguro_share2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 317px 330px;
      overflow: hidden;
      text-indent: -9999px; } }

.master-modal__content {
  display: none;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 3s;
          animation-duration: 3s; }
  @media (min-width: 800px) {
    .master-modal__content .shareBtn {
      display: block;
      margin: 0 auto;
      width: 325px;
      height: 139px;
      background-image: url("../img/mugen/pc/btn_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 325px 139px;
      overflow: hidden;
      text-indent: -9999px; }
    .master-modal__content .closeBtn {
      display: block;
      margin: 20px auto;
      width: 150px;
      height: 48px;
      background-image: url("../img/mugen/pc/no_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 150px 48px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .master-modal__content .shareBtn {
      display: block;
      margin: 0 auto;
      position: relative;
      width: 223px;
      height: 96px;
      background-image: url("../img/mugen/btn_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 223px 96px;
      overflow: hidden;
      text-indent: -9999px;
      top: -15px; }
    .master-modal__content .closeBtn {
      display: block;
      margin: 0 auto;
      width: 150px;
      height: 48px;
      background-image: url("../img/mugen/no_share.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 150px 48px;
      overflow: hidden;
      text-indent: -9999px; } }

.master-modal__ten {
  display: table;
  left: 0;
  margin: auto;
  position: relative;
  right: 0;
  top: 50%; }
  @media (min-width: 800px) {
    .master-modal__ten {
      margin-top: -340px; }
      .master-modal__ten li {
        float: right;
        padding: 30px; } }
  @media (max-width: 799px) {
    .master-modal__ten {
      margin-top: -250px; }
      .master-modal__ten li {
        float: right;
        padding: 1em; } }

.master-modal__ten-img, .master-modal__ten1, .master-modal__ten2, .master-modal__ten3 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (max-width: 799px) {
    .master-modal__ten-img, .master-modal__ten1, .master-modal__ten2, .master-modal__ten3 {
      width: 10px;
      height: 9.5px;
      background-image: url("../img/mugen/ten.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 10px 9.5px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (min-width: 800px) {
    .master-modal__ten-img, .master-modal__ten1, .master-modal__ten2, .master-modal__ten3 {
      width: 20px;
      height: 19px;
      background-image: url("../img/mugen/pc/ten.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px 19px;
      overflow: hidden;
      text-indent: -9999px; } }

.master-modal__ten1.keyframe-motion {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation-name: master-fadeIn;
          animation-name: master-fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.master-modal__ten2.keyframe-motion {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation-name: master-fadeIn;
          animation-name: master-fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.master-modal__ten3.keyframe-motion {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation-name: master-fadeIn;
          animation-name: master-fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.master-modal__maru {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (min-width: 800px) {
    .master-modal__maru {
      top: 30px;
      width: 23px;
      height: 22px;
      background-image: url("../img/mugen/pc/maru.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 23px 22px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .master-modal__maru {
      top: 15px;
      width: 11.5px;
      height: 11px;
      background-image: url("../img/mugen/maru.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 11.5px 11px;
      overflow: hidden;
      text-indent: -9999px; } }
  .master-modal__maru.keyframe-motion {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation-name: master-fadeIn;
            animation-name: master-fadeIn;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s; }

.master-modal__btn {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block; }
  @media (min-width: 800px) {
    .master-modal__btn {
      top: 50%;
      margin-top: 200px;
      width: 326px;
      height: 141px;
      background-image: url("../img/mugen/pc/btn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 326px 141px;
      overflow: hidden;
      text-indent: -9999px;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } }
  @media (max-width: 799px) {
    .master-modal__btn {
      width: 210px;
      height: 90.5px;
      background-image: url("../img/mugen/btn_disable.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 210px 90.5px;
      overflow: hidden;
      text-indent: -9999px;
      bottom: 30px; } }

.mugen__soundConfirmModal__overlay {
  background-color: #000;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8; }

.mugen__soundConfirmModal {
  position: fixed;
  top: 0;
  display: table;
  text-align: center;
  background-color: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .mugen__soundConfirmModal.keyframe-motion {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/pc/bg_menu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal {
      width: 100%;
      height: 100%;
      background-image: url("../img/menu/bg_menu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal p {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 18px;
      font-weight: normal;
      color: #fff;
      line-height: 32px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal p {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 22px;
      letter-spacing: 2px; } }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal .notice {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
      margin-top: 10px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal .notice {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 11px;
      font-weight: normal;
      color: #fff;
      line-height: 30px;
      letter-spacing: 1px; } }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal .soundOn {
      margin: 30px 0 0 20px;
      width: 170px;
      height: 60px;
      background-image: url("../img/mugen/pc/sound_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 170px 60px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal .soundOn {
      margin-left: 10px;
      width: 169.5px;
      height: 60px;
      background-image: url("../img/mugen/sound_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 169.5px 60px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal .soundOff {
      margin: 0 auto;
      width: 170px;
      height: 60px;
      background-image: url("../img/mugen/pc/sound_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 170px 60px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal .soundOff {
      margin: 20px auto 10px;
      width: 169.5px;
      height: 60px;
      background-image: url("../img/mugen/sound_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 169.5px 60px;
      overflow: hidden;
      text-indent: -9999px; } }

.mugen__soundConfirmModal__title {
  position: relative;
  margin: 0 auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .mugen__soundConfirmModal__title.keyframe-motion {
    -webkit-animation: scale-down-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
            animation: scale-down-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .mugen__soundConfirmModal__title.keyframe-motion2 {
    -webkit-animation-name: rotate;
            animation-name: rotate;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal__title {
      width: 400px;
      height: 161px;
      background-image: url("../img/mugen/pc/logo_mugen.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 400px 161px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal__title {
      top: -30px;
      width: 333.5px;
      height: 134.5px;
      background-image: url("../img/mugen/logo_mugen.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 333.5px 134.5px;
      overflow: hidden;
      text-indent: -9999px; } }

.mugen__soundConfirmModal-content {
  display: table-cell;
  vertical-align: middle; }

.mugen__soundConfirmModal-menu {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal-menu {
      margin-top: 40px; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal-menu {
      top: -10px; } }
  .mugen__soundConfirmModal-menu.keyframe-motion {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mugen__soundConfirmModal-shuchu {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (min-width: 800px) {
    .mugen__soundConfirmModal-shuchu {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/pc/shuchu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      background-position: top center; } }
  @media (max-width: 799px) {
    .mugen__soundConfirmModal-shuchu {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/shuchu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      background-position: top center; } }
  .mugen__soundConfirmModal-shuchu.keyframe-motion {
    -webkit-animation: scale-down-top2 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
            animation: scale-down-top2 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.switch-screen {
  z-index: 3; }
  @media (max-width: 799px) {
    .switch-screen {
      pointer-events: none; } }

.switch-screen__moguro {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (min-width: 800px) {
    .switch-screen__moguro {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/pc/bg_switch.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .switch-screen__moguro {
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/bg_switch.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  .switch-screen__moguro.keyframe-motion {
    -webkit-animation-name: fadeInOut;
            animation-name: fadeInOut;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }

.switch-screen__done {
  position: fixed;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (max-width: 799px) {
    .switch-screen__done {
      width: 362px;
      height: 167px;
      background-image: url("../img/mugen/done.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 362px 167px;
      overflow: hidden; }
      .switch-screen__done.keyframe-motion {
        -webkit-animation: scale-in-center-sp 1.0s both;
                animation: scale-in-center-sp 1.0s both; } }
  @media (min-width: 800px) {
    .switch-screen__done {
      width: 854px;
      height: 391px;
      background-image: url("../img/mugen/pc/done.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 854px 391px;
      overflow: hidden; }
      .switch-screen__done.keyframe-motion {
        -webkit-animation: scale-in-center-pc 1.0s both;
                animation: scale-in-center-pc 1.0s both; } }

#mugen .wrapper {
  position: fixed;
  height: 100%;
  width: 100%; }

.mugen__hero {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media (min-width: 800px) {
    .mugen__hero {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/pc/bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      background-position: center top;
      overflow: visible; } }
  @media (max-width: 799px) {
    .mugen__hero {
      position: fixed;
      width: 100%;
      height: 100%;
      background-image: url("../img/mugen/bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden; } }
  .mugen__hero.js-show {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.mugen__hero__moguro {
  position: absolute; }
  @media (min-width: 800px) {
    .mugen__hero__moguro {
      width: 667px;
      height: 1021px;
      background-image: url("../img/mugen/pc/moguro.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 667px 1021px;
      overflow: hidden;
      text-indent: -9999px;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-30%);
              transform: translateX(-50%) translateY(-30%); } }
  @media (max-width: 799px) {
    .mugen__hero__moguro {
      width: 358px;
      height: 503px;
      background-image: url("../img/mugen/moguro.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 358px 503px;
      overflow: hidden;
      text-indent: -9999px;
      width: 100%;
      height: 100%;
      background-position: bottom center;
      background-size: contain;
      right: 0;
      left: 0;
      bottom: 0;
      top: 0;
      margin: auto; } }

.mugen__hero__higai {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center; }
  @media (min-width: 800px) {
    .mugen__hero__higai {
      position: relative;
      margin: 10px auto 0;
      width: 247px;
      height: 40px;
      background-image: url("../img/mugen/pc/higai_total.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 247px 40px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .mugen__hero__higai {
      position: relative;
      margin: 10px auto 0;
      width: 194.5px;
      height: 29.5px;
      background-image: url("../img/mugen/higai_total.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 194.5px 29.5px;
      overflow: hidden;
      text-indent: -9999px; } }

.mugen__hero__num {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: top center;
          transform-origin: top center; }
  @media (min-width: 800px) {
    .mugen__hero__num {
      position: relative;
      display: block;
      text-align: center;
      font-size: 20px;
      color: red;
      margin-top: 5px; } }
  @media (max-width: 799px) {
    .mugen__hero__num {
      position: relative;
      display: block;
      text-align: center;
      font-size: 20px;
      color: red;
      margin-top: 2px; } }

.num, .num--0, .num--1, .num--2, .num--3, .num--4, .num--5, .num--6, .num--7, .num--8, .num--9 {
  position: relative;
  display: inline-block; }
  @media (min-width: 800px) {
    .num, .num--0, .num--1, .num--2, .num--3, .num--4, .num--5, .num--6, .num--7, .num--8, .num--9 {
      width: 72px;
      height: 970px;
      background-image: url("../img/mugen/Parts_doon_num.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 970px;
      overflow: hidden;
      text-indent: -9999px;
      margin: auto; } }
  @media (max-width: 799px) {
    .num, .num--0, .num--1, .num--2, .num--3, .num--4, .num--5, .num--6, .num--7, .num--8, .num--9 {
      width: 36px;
      height: 485px;
      background-image: url("../img/mugen/Parts_doon_num.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 36px 485px;
      overflow: hidden;
      text-indent: -9999px;
      margin: auto; } }

@media (min-width: 800px) {
  .num--0 {
    background-position: center 0px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--0 {
    background-position: center 0px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--1 {
    background-position: center -98px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--1 {
    background-position: center -49px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--2 {
    background-position: center -196px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--2 {
    background-position: center -98px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--3 {
    background-position: center -294px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--3 {
    background-position: center -147px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--4 {
    background-position: center -392px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--4 {
    background-position: center -196px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--5 {
    background-position: center -490px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--5 {
    background-position: center -245px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--6 {
    background-position: center -588px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--6 {
    background-position: center -294px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--7 {
    background-position: center -686px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--7 {
    background-position: center -343px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--8 {
    background-position: center -784px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--8 {
    background-position: center -392px;
    height: 44px; } }

@media (min-width: 800px) {
  .num--9 {
    background-position: center -882px;
    height: 88px; } }

@media (max-width: 799px) {
  .num--9 {
    background-position: center -441px;
    height: 44px; } }

.num--comma {
  position: relative;
  display: inline-block; }
  @media (min-width: 800px) {
    .num--comma {
      width: 21px;
      height: 30px;
      background-image: url("../img/mugen/comma.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 21px 30px;
      overflow: hidden;
      text-indent: -9999px;
      background-position: center bottom;
      height: 88px; } }
  @media (max-width: 799px) {
    .num--comma {
      width: 10.5px;
      height: 15px;
      background-image: url("../img/mugen/comma.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 10.5px 15px;
      overflow: hidden;
      text-indent: -9999px;
      background-position: center bottom;
      height: 44px;
      margin: auto; } }

.mugen__hero__unit {
  position: relative;
  display: inline-block; }
  @media (min-width: 800px) {
    .mugen__hero__unit {
      width: 48px;
      height: 51px;
      background-image: url("../img/mugen/unit.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 48px 51px;
      overflow: hidden;
      text-indent: -9999px;
      height: 88px;
      background-position: center bottom; } }
  @media (max-width: 799px) {
    .mugen__hero__unit {
      width: 24px;
      height: 25.5px;
      background-image: url("../img/mugen/unit.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 24px 25.5px;
      overflow: hidden;
      text-indent: -9999px;
      height: 44px;
      background-position: center bottom; } }

.mugen__headline {
  z-index: 4; }
  @media (min-width: 800px) {
    .mugen__headline {
      padding-top: 47px; } }
  @media (max-width: 799px) {
    .mugen__headline {
      padding-top: 35px; } }

.mugen__doneButton {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 4;
  display: block; }
  .mugen__doneButton.keyframe-motion {
    -webkit-animation-name: shake-top;
            animation-name: shake-top;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 5s;
            animation-delay: 5s; }
  @media (min-width: 800px) {
    .mugen__doneButton {
      top: 50%;
      margin-top: 200px;
      width: 326px;
      height: 141px;
      background-image: url("../img/mugen/pc/btn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 326px 141px;
      overflow: hidden;
      text-indent: -9999px; } }
  @media (max-width: 799px) {
    .mugen__doneButton {
      bottom: 20px;
      width: 210px;
      height: 90.5px;
      background-image: url("../img/mugen/btn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 210px 90.5px;
      overflow: hidden;
      text-indent: -9999px; } }

.mugen__btnArea {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover; }
  @media (min-width: 800px) {
    .mugen__btnArea {
      display: none; }
      .mugen__btnArea.js-bg1 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_1.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg2 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_2.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg3 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_3.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg4 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_4.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg5 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_5.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg6 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_6.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg7 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_7.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg8 {
        width: 1280px;
        height: 800px;
        background-image: url("../img/mugen/pc/moguro_doon_8.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1280px 800px;
        overflow: hidden;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-show {
        display: block; } }
  @media (max-width: 799px) {
    .mugen__btnArea {
      display: none; }
      .mugen__btnArea.js-bg1 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_1.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg2 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_2.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg3 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_3.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg4 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_4.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg5 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_5.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg6 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_6.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg7 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_7.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-bg8 {
        width: 640px;
        height: 400px;
        background-image: url("../img/mugen/pc/moguro_doon_8.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 640px 400px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%; }
      .mugen__btnArea.js-show {
        display: block; } }

@media (min-width: 800px) {
  .mugen__btnArea__done {
    width: 854px;
    height: 391px;
    background-image: url("../img/mugen/pc/done.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 854px 391px;
    overflow: hidden;
    background-size: cover;
    position: fixed;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%; } }

@media (max-width: 799px) {
  .mugen__btnArea__done {
    width: 375px;
    height: 195.5px;
    background-image: url("../img/mugen/done_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 375px 195.5px;
    overflow: hidden;
    background-size: cover;
    position: fixed;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%; } }

.mugen__loading {
  z-index: 7; }

@media (min-width: 800px) {
  .collection {
    position: relative;
    margin: 60px auto 0; }
    .collection:before {
      content: "";
      width: 952px;
      height: 828px;
      background-image: url("../img/result/pc/bg_result_banner.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 952px 828px;
      overflow: hidden;
      overflow: inherit;
      position: absolute;
      margin: -215px auto 0;
      top: 100%;
      left: 0;
      right: 0; } }

@media (max-width: 799px) {
  .collection {
    position: relative;
    margin: 60px auto 0; }
    .collection:before {
      content: "";
      width: 375px;
      height: 509.5px;
      background-image: url("../img/result/bg_result_banner.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 375px 509.5px;
      overflow: hidden;
      overflow: inherit;
      position: absolute;
      margin: -105px auto 0;
      top: 100%;
      left: 0;
      right: 0; } }

@media (min-width: 800px) {
  .collection__frame {
    width: 720px;
    height: 432px;
    background-image: url("../img/result/pc/greed_frame.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 720px 432px;
    overflow: hidden;
    margin: auto;
    position: relative; } }

@media (max-width: 799px) {
  .collection__frame {
    width: 345px;
    height: 694px;
    background-image: url("../img/result/greed_frame.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 345px 694px;
    overflow: hidden;
    margin: auto;
    position: relative; } }

@media (min-width: 800px) {
  .collection__title {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 15px 0px 0px;
    letter-spacing: 6px; } }

@media (max-width: 799px) {
  .collection__title {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 15px 0px 5px;
    letter-spacing: 6px; } }

@media (min-width: 800px) {
  .collection__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 35px; } }

@media (max-width: 799px) {
  .collection__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 18px; } }

@media (min-width: 800px) {
  .collection__greed-frame {
    width: 150px;
    height: 48px;
    background-image: url("../img/result/pc/greed_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px 48px;
    overflow: hidden;
    margin-top: 15px;
    text-align: content;
    line-height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    background-size: containon none; }
    .collection__greed-frame.js-hasResult {
      width: 150px;
      height: 48px;
      background-image: url("../img/result/pc/greed_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 150px 48px;
      overflow: hidden; } }

@media (max-width: 799px) {
  .collection__greed-frame {
    width: 150px;
    height: 48px;
    background-image: url("../img/result/greed_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px 48px;
    overflow: hidden;
    margin-top: 10px;
    text-align: content;
    line-height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    background-size: containon none; }
    .collection__greed-frame.js-hasResult {
      width: 150px;
      height: 48px;
      background-image: url("../img/result/greed_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 150px 48px;
      overflow: hidden; } }

.collection__greed--item {
  margin: auto; }
  @media (min-width: 800px) {
    .collection__greed--item {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 20px;
      font-weight: bold;
      color: #450005; }
      .js-hasResult .collection__greed--item {
        font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 20px;
        font-weight: bold;
        color: #e60012; } }
  @media (max-width: 799px) {
    .collection__greed--item {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 20px;
      font-weight: bold;
      color: #450005; }
      .js-hasResult .collection__greed--item {
        font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 20px;
        font-weight: bold;
        color: #e60012; } }

@media (min-width: 800px) {
  .collection__greed--yoku2 {
    margin-top: 10px;
    width: 150px;
    height: 48px;
    background-image: url("../img/result/greed_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px 48px;
    overflow: hidden;
    text-align: content;
    line-height: 40px; } }

@media (max-width: 799px) {
  .collection__greed--yoku2 {
    margin-top: 10px;
    width: 150px;
    height: 48px;
    background-image: url("../img/result/greed_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px 48px;
    overflow: hidden;
    text-align: content;
    line-height: 40px; } }

@media (min-width: 800px) {
  .result-banner {
    display: table;
    margin: auto;
    position: relative;
    margin: -40px auto 0; } }

@media (max-width: 799px) {
  .result-banner {
    display: table;
    margin: auto;
    position: relative;
    margin: -121px auto 0; } }

@media (min-width: 800px) {
  .result-banner__inner {
    margin-top: 100px; } }

@media (max-width: 799px) {
  .result-banner__inner {
    padding-bottom: 50px;
    margin-top: 160px; } }

@media (min-width: 800px) {
  .result-banner__text {
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 18px;
    font-weight: bold;
    color: #fff; } }

@media (max-width: 799px) {
  .result-banner__text {
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 16px;
    font-weight: bold;
    color: #fff; } }

@media (min-width: 800px) {
  .result-banner__link, .result-banner__link--shindan, .result-banner__link--mugen {
    display: block;
    margin-bottom: 0px;
    margin: auto; } }

@media (max-width: 799px) {
  .result-banner__link, .result-banner__link--shindan, .result-banner__link--mugen {
    display: block;
    margin-bottom: 0px;
    margin: auto; } }

.result-banner__link--shindan {
  -webkit-animation: heartbeat 3s ease-in-out;
          animation: heartbeat 3s ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  @media (min-width: 800px) {
    .result-banner__link--shindan {
      width: 115px;
      height: 84px;
      background-image: url("../img/shindan/pc/btn_start2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 115px 84px;
      overflow: hidden;
      margin-bottom: 90px; } }
  @media (max-width: 799px) {
    .result-banner__link--shindan {
      width: 115px;
      height: 83.5px;
      background-image: url("../img/shindan/btn_start.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 115px 83.5px;
      overflow: hidden;
      margin-bottom: 40px; } }

.result-banner__link--mugen {
  -webkit-animation-name: loopRotate;
          animation-name: loopRotate;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  @media (min-width: 800px) {
    .result-banner__link--mugen {
      width: 300px;
      height: 121px;
      background-image: url("../img/result/pc/result_mugenBtn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 300px 121px;
      overflow: hidden;
      left: 50%;
      margin-left: -140px;
      margin-top: 100px;
      position: absolute; } }
  @media (max-width: 799px) {
    .result-banner__link--mugen {
      width: 279px;
      height: 112.5px;
      background-image: url("../img/result/result_mugenBtn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 279px 112.5px;
      overflow: hidden;
      left: 50%;
      margin-left: -163px;
      margin-top: 65px;
      position: absolute; } }

.result-banner__shuchu {
  position: relative;
  left: 50%; }
  @media (min-width: 800px) {
    .result-banner__shuchu {
      width: 609px;
      height: 366px;
      background-image: url("../img/result/pc/shuchu1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 609px 366px;
      overflow: hidden;
      margin-left: -304.5px;
      margin-top: -123px; } }
  @media (max-width: 799px) {
    .result-banner__shuchu {
      width: 623px;
      height: 273.5px;
      background-image: url("../img/result/shuchu1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 623px 273.5px;
      overflow: hidden;
      margin-left: -285.25px;
      margin-top: -25px; } }

.result-sns {
  display: table;
  margin: auto;
  position: relative; }

.result-sns__share {
  text-align: center;
  margin-bottom: 10px; }
  @media (min-width: 800px) {
    .result-sns__share {
      font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
      font-size: 20px;
      font-weight: bold;
      color: #fff; } }
  @media (max-width: 799px) {
    .result-sns__share {
      font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
      font-size: 16px;
      font-weight: bold;
      color: #fff; } }

.result-sns__btn, .result-sns__social--twitter, .result-sns__social--facebook, .result-sns__social--line {
  display: inline-block;
  margin-left: 15px;
  -webkit-animation: heartbeat 3s ease-in-out;
          animation: heartbeat 3s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .result-sns__btn:first-child, .result-sns__social--twitter:first-child, .result-sns__social--facebook:first-child, .result-sns__social--line:first-child {
    margin-left: 0px; }

@media (min-width: 800px) {
  .result-sns__social--twitter {
    width: 72px;
    height: 52px;
    background-image: url("../img/result/pc/twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 52px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .result-sns__social--twitter {
    width: 72px;
    height: 52px;
    background-image: url("../img/common/twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 52px;
    overflow: hidden; } }

.result-sns__social--facebook {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }
  @media (min-width: 800px) {
    .result-sns__social--facebook {
      width: 72px;
      height: 52px;
      background-image: url("../img/result/pc/facebook.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 52px;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .result-sns__social--facebook {
      width: 72px;
      height: 52px;
      background-image: url("../img/common/facebook.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 52px;
      overflow: hidden; } }

.result-sns__social--line {
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }
  @media (min-width: 800px) {
    .result-sns__social--line {
      width: 72px;
      height: 52px;
      background-image: url("../img/result/pc/line.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 52px;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .result-sns__social--line {
      width: 72px;
      height: 52px;
      background-image: url("../img/common/line.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 52px;
      overflow: hidden; } }

@media (min-width: 800px) {
  .simila {
    margin: -190px auto -215px;
    position: relative;
    width: 961px;
    height: 995px;
    background-image: url("../img/result/pc/bg_simila.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 961px 995px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .simila {
    width: 375px;
    margin: 45px auto -85px;
    position: relative;
    width: 375px;
    height: 531px;
    background-image: url("../img/result/bg_simila.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 375px 531px;
    overflow: hidden; } }

.simila__inner {
  position: relative; }
  @media (min-width: 800px) {
    .simila__inner {
      padding: 260px 120px 0;
      width: 590px;
      margin: auto; } }
  @media (max-width: 799px) {
    .simila__inner {
      padding: 0 40px; } }

@media (min-width: 800px) {
  .simila__title {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    line-height: 30px; } }

@media (max-width: 799px) {
  .simila__title {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    line-height: 30px; } }

@media (min-width: 800px) {
  .simila__chara {
    display: table;
    margin: 0 auto 20px; } }

@media (max-width: 799px) {
  .simila__chara {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px; } }

.js-ownPage .simila__chara-img, .js-ownPage .simila__chara-img--nakajima, .js-ownPage .simila__chara-img--takashima, .js-ownPage .simila__chara-img--kihara, .js-ownPage .simila__chara-img--deyashiro, .js-ownPage .simila__chara-img--master, .js-ownPage .simila__chara-img--suzuki, .js-ownPage .simila__chara-img--doraki, .js-ownPage .simila__chara-img--unknone {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .js-ownPage .simila__chara-img.js-inView, .js-ownPage .js-inView.simila__chara-img--nakajima, .js-ownPage .js-inView.simila__chara-img--takashima, .js-ownPage .js-inView.simila__chara-img--kihara, .js-ownPage .js-inView.simila__chara-img--deyashiro, .js-ownPage .js-inView.simila__chara-img--master, .js-ownPage .js-inView.simila__chara-img--suzuki, .js-ownPage .js-inView.simila__chara-img--doraki, .js-ownPage .js-inView.simila__chara-img--unknone {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

@media (min-width: 800px) {
  .simila__chara-img, .simila__chara-img--nakajima, .simila__chara-img--takashima, .simila__chara-img--kihara, .simila__chara-img--deyashiro, .simila__chara-img--master, .simila__chara-img--suzuki, .simila__chara-img--doraki, .simila__chara-img--unknone {
    width: 90px;
    height: 720px;
    background-image: url("../img/result/pc/mob_chara.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90px 720px;
    overflow: hidden;
    margin: auto;
    position: relative; } }

@media (max-width: 799px) {
  .simila__chara-img, .simila__chara-img--nakajima, .simila__chara-img--takashima, .simila__chara-img--kihara, .simila__chara-img--deyashiro, .simila__chara-img--master, .simila__chara-img--suzuki, .simila__chara-img--doraki, .simila__chara-img--unknone {
    width: 90px;
    height: 720px;
    background-image: url("../img/result/pc/mob_chara.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90px 720px;
    overflow: hidden;
    margin: auto;
    position: relative; } }

@media (min-width: 800px) {
  .simila__chara-img--nakajima {
    background-position: center 0px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--nakajima {
    background-position: center 0px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--takashima {
    background-position: center -90px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--takashima {
    background-position: center -90px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--kihara {
    background-position: center -180px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--kihara {
    background-position: center -180px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--deyashiro {
    background-position: center -270px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--deyashiro {
    background-position: center -270px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--master {
    background-position: center -360px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--master {
    background-position: center -360px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--suzuki {
    background-position: center -450px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--suzuki {
    background-position: center -450px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--doraki {
    background-position: center -540px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--doraki {
    background-position: center -540px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-img--unknone {
    background-position: center -630px;
    display: block;
    height: 90px; } }

@media (max-width: 799px) {
  .simila__chara-img--unknone {
    background-position: center -630px;
    height: 90px; } }

@media (min-width: 800px) {
  .simila__chara-plofile {
    display: table-cell;
    padding: 0 0 0 10px;
    vertical-align: middle; } }

@media (max-width: 799px) {
  .simila__chara-plofile {
    margin: 20px 0 0 10px; } }

@media (min-width: 800px) {
  .simila__chara-name {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff; } }

@media (max-width: 799px) {
  .simila__chara-name {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff; } }

@media (min-width: 800px) {
  .simila__chara-job {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff; } }

@media (max-width: 799px) {
  .simila__chara-job {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff; } }

@media (min-width: 800px) {
  .simila__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 32px; } }

@media (max-width: 799px) {
  .simila__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px; } }

.simila__text strong {
  color: #e60012; }

.simila__moguro {
  position: absolute;
  bottom: -220px;
  right: 20px;
  width: 180px;
  height: 230.5px;
  background-image: url("../img/result/moguro_silhouette.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 180px 230.5px;
  overflow: hidden; }

@media (min-width: 800px) {
  .simila__hohoho {
    bottom: -215px;
    left: 190px;
    -webkit-transform: scale(1.6) rotate(10deg);
            transform: scale(1.6) rotate(10deg); } }

@media (max-width: 799px) {
  .simila__hohoho {
    bottom: -124px;
    left: 2px;
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }

.stop-done {
  position: relative;
  pointer-events: none; }
  @media (min-width: 800px) {
    .stop-done {
      width: 800px;
      margin: -20px auto 0;
      padding-top: 480px; } }
  @media (max-width: 799px) {
    .stop-done {
      margin: -10px auto 0;
      padding-top: 330px; } }

.stop-done__done {
  position: absolute;
  top: 0;
  left: 50%; }
  @media (min-width: 800px) {
    .stop-done__done {
      width: 834px;
      height: 475px;
      background-image: url("../img/result/pc/stopDone-shuchu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 834px 475px;
      overflow: hidden;
      margin-left: -417px; } }
  @media (max-width: 799px) {
    .stop-done__done {
      width: 494.8px;
      height: 268px;
      background-image: url("../img/result/stopDone-shuchu.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 494.8px 268px;
      overflow: hidden;
      margin-left: -259.25px; } }

.stop-done__doneLogo {
  position: absolute;
  left: 50%; }
  .js-ownPage .stop-done__doneLogo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .js-ownPage .stop-done__doneLogo.js-inView {
      -webkit-animation: anime-result-done 0.5s both ease-out;
              animation: anime-result-done 0.5s both ease-out; }
  @media (min-width: 800px) {
    .stop-done__doneLogo {
      top: 130px;
      width: 383px;
      height: 170px;
      background-image: url("../img/result/pc/stopDone-logo.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 383px 170px;
      overflow: hidden;
      margin-left: -250px; } }
  @media (max-width: 799px) {
    .stop-done__doneLogo {
      top: 70px;
      width: 216.5px;
      height: 111.5px;
      background-image: url("../img/result/stopDone-logo.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 216.5px 111.5px;
      overflow: hidden;
      margin-left: -148.25px; } }

.stop-done__doneTxt, .stop-done__doneTxt--seijin {
  position: absolute;
  left: 50%; }
  .js-ownPage .stop-done__doneTxt, .js-ownPage .stop-done__doneTxt--seijin {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .js-ownPage .stop-done__doneTxt.js-inView, .js-ownPage .js-inView.stop-done__doneTxt--seijin {
      -webkit-animation: fadeIn 1s both ease-out;
              animation: fadeIn 1s both ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
  @media (min-width: 800px) {
    .stop-done__doneTxt, .stop-done__doneTxt--seijin {
      top: 280px;
      width: 228px;
      height: 27px;
      background-image: url("../img/result/pc/stopDone-txt_sarenai.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 228px 27px;
      overflow: hidden;
      margin-left: -35px; } }
  @media (max-width: 799px) {
    .stop-done__doneTxt, .stop-done__doneTxt--seijin {
      top: 175px;
      width: 190.5px;
      height: 22px;
      background-image: url("../img/result/stopDone-txt_sarenai.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 190.5px 22px;
      overflow: hidden;
      margin-left: -25px; } }
  @media (min-width: 800px) {
    .stop-done__doneTxt--seijin {
      width: 176px;
      height: 27px;
      background-image: url("../img/result/pc/stopDone-txt_saretai.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 176px 27px;
      overflow: hidden;
      margin-left: 40px; } }
  @media (max-width: 799px) {
    .stop-done__doneTxt--seijin {
      width: 147px;
      height: 22px;
      background-image: url("../img/result/stopDone-txt_saretai.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 147px 22px;
      overflow: hidden;
      margin-left: 0; } }

.stop-done__text {
  box-sizing: border-box;
  position: relative;
  margin: auto; }
  @media (min-width: 800px) {
    .stop-done__text {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 32px;
      padding: 0 120px;
      margin-top: -140px;
      z-index: 1; } }
  @media (max-width: 799px) {
    .stop-done__text {
      max-width: 375px;
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 30px;
      padding: 0 40px;
      margin-top: -100px; } }
  .stop-done__text strong {
    color: #e60012; }

#result {
  width: 100%;
  height: 100%;
  background-color: #000; }
  @media (min-width: 800px) {
    #result {
      position: absolute; } }
  #result .js-ownPageHide {
    display: none; }

.result__hero {
  display: block;
  margin: 0 auto;
  width: 953px;
  height: 512px;
  background-image: url("../img/result/pc/bg_result.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 953px 512px;
  overflow: hidden;
  background-position: top center;
  width: 100%;
  height: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .js-ownPage .result__hero {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .js-noOwnPage .result__hero {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.result__moguro {
  position: relative;
  box-sizing: border-box;
  z-index: 1; }
  .js-ownPage .result__moguro {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  @media (min-width: 800px) {
    .result__moguro {
      width: 489px;
      height: 349px;
      background-image: url("../img/result/pc/result_moguro.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 489px 349px;
      overflow: hidden;
      overflow: visible;
      margin: 92px auto -20px;
      padding-top: 140px; } }
  @media (max-width: 799px) {
    .result__moguro {
      width: 315px;
      height: 268.5px;
      background-image: url("../img/result/result_moguro.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 315px 268.5px;
      overflow: hidden;
      overflow: visible;
      margin: 90px auto -15px;
      padding-top: 105px; } }

.result__moguro__txt {
  margin: 0 auto; }
  .js-ownPage .result__moguro__txt {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  @media (min-width: 800px) {
    .result__moguro__txt {
      width: 171px;
      height: 44px;
      background-image: url("../img/result/pc/result_hero_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 171px 44px;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .result__moguro__txt {
      width: 127.5px;
      height: 32px;
      background-image: url("../img/result/result_hero_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 127.5px 32px;
      overflow: hidden; } }

.js-ownPage .result__doneNum, .js-ownPage .result__moguro__risk--0, .js-ownPage .result__moguro__risk--70, .js-ownPage .result__moguro__risk--80, .js-ownPage .result__moguro__risk--90, .js-ownPage .result__moguro__risk--95, .js-ownPage .result__moguro__risk--99, .js-ownPage .result__moguro__risk--100, .js-ownPage .result__moguro__risk--120, .js-ownPage .result__moguro__risk--180, .js-ownPage .result__moguro__risk--999, .js-ownPage .result__moguro__risk--10000 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: anime-result-num;
          animation-name: anime-result-num;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@media (min-width: 800px) {
  .result__doneNum, .result__moguro__risk--0, .result__moguro__risk--70, .result__moguro__risk--80, .result__moguro__risk--90, .result__moguro__risk--95, .result__moguro__risk--99, .result__moguro__risk--100, .result__moguro__risk--120, .result__moguro__risk--180, .result__moguro__risk--999, .result__moguro__risk--10000 {
    width: 320px;
    height: 930px;
    background-image: url("../img/result/pc/Parts_kikendo_num.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 320px 930px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    margin: auto; } }

@media (max-width: 799px) {
  .result__doneNum, .result__moguro__risk--0, .result__moguro__risk--70, .result__moguro__risk--80, .result__moguro__risk--90, .result__moguro__risk--95, .result__moguro__risk--99, .result__moguro__risk--100, .result__moguro__risk--120, .result__moguro__risk--180, .result__moguro__risk--999, .result__moguro__risk--10000 {
    width: 320px;
    height: 930px;
    background-image: url("../img/result/pc/Parts_kikendo_num.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 320px 930px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 145px;
    margin: auto; } }

@media (min-width: 800px) {
  .result__moguro__risk--0 {
    background-position: center 0px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--0 {
    background-position: center 0px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--70 {
    background-position: center -85px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--70 {
    background-position: center -85px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--80 {
    background-position: center -170px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--80 {
    background-position: center -170px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--90 {
    background-position: center -255px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--90 {
    background-position: center -255px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--95 {
    background-position: center -340px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--95 {
    background-position: center -340px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--99 {
    background-position: center -425px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--99 {
    background-position: center -425px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--100 {
    background-position: center -510px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--100 {
    background-position: center -510px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--120 {
    background-position: center -595px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--120 {
    background-position: center -595px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--180 {
    background-position: center -680px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--180 {
    background-position: center -680px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--999 {
    background-position: center -765px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--999 {
    background-position: center -765px;
    height: 80px; } }

@media (min-width: 800px) {
  .result__moguro__risk--10000 {
    background-position: center -850px;
    height: 80px; } }

@media (max-width: 799px) {
  .result__moguro__risk--10000 {
    background-position: center -850px;
    height: 80px; } }

.result__frame {
  position: relative;
  margin: 0 auto 20px; }
  .js-ownPage .result__frame {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-delay: 3.5s;
            animation-delay: 3.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  @media (min-width: 800px) {
    .result__frame {
      width: 640px;
      height: 422px;
      background-image: url("../img/result/pc/result_text_frame.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 640px 422px;
      overflow: hidden; } }
  @media (max-width: 799px) {
    .result__frame {
      width: 343px;
      height: 420px;
      background-image: url("../img/result/result_text_frame.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 343px 420px;
      overflow: hidden; } }

@media (min-width: 800px) {
  .result__frame-inner {
    padding: 40px; } }

@media (max-width: 799px) {
  .result__frame-inner {
    padding: 20px; } }

@media (min-width: 800px) {
  .result__title-head {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff; } }

@media (max-width: 799px) {
  .result__title-head {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff; } }

@media (min-width: 800px) {
  .result__greed, .result__greed--1, .result__greed--2, .result__greed--3, .result__greed--4, .result__greed--5, .result__greed--6, .result__greed--7, .result__greed--8, .result__greed--9, .result__greed--10, .result__greed--11, .result__greed--12, .result__greed--13, .result__greed--14, .result__greed--15, .result__greed--16, .result__greed--17, .result__greed--18, .result__greed--19, .result__greed--20 {
    width: 274px;
    height: 1065px;
    background-image: url("../img/result/pc/Parts_yoku_all.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 274px 1065px;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: auto; } }

@media (max-width: 799px) {
  .result__greed, .result__greed--1, .result__greed--2, .result__greed--3, .result__greed--4, .result__greed--5, .result__greed--6, .result__greed--7, .result__greed--8, .result__greed--9, .result__greed--10, .result__greed--11, .result__greed--12, .result__greed--13, .result__greed--14, .result__greed--15, .result__greed--16, .result__greed--17, .result__greed--18, .result__greed--19, .result__greed--20 {
    width: 274px;
    height: 1065px;
    background-image: url("../img/result/pc/Parts_yoku_all.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 274px 1065px;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: auto; } }

@media (min-width: 800px) {
  .result__greed--1 {
    background-position: center 0px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--1 {
    background-position: center 0px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--2 {
    background-position: center -53.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--2 {
    background-position: center -53.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--3 {
    background-position: center -107px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--3 {
    background-position: center -107px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--4 {
    background-position: center -160.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--4 {
    background-position: center -160.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--5 {
    background-position: center -214px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--5 {
    background-position: center -214px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--6 {
    background-position: center -267.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--6 {
    background-position: center -267.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--7 {
    background-position: center -321px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--7 {
    background-position: center -321px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--8 {
    background-position: center -374.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--8 {
    background-position: center -374.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--9 {
    background-position: center -428px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--9 {
    background-position: center -428px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--10 {
    background-position: center -481.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--10 {
    background-position: center -481.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--11 {
    background-position: center -535px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--11 {
    background-position: center -535px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--12 {
    background-position: center -588.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--12 {
    background-position: center -588.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--13 {
    background-position: center -642px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--13 {
    background-position: center -642px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--14 {
    background-position: center -695.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--14 {
    background-position: center -695.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--15 {
    background-position: center -749px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--15 {
    background-position: center -749px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--16 {
    background-position: center -802.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--16 {
    background-position: center -802.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--17 {
    background-position: center -856px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--17 {
    background-position: center -856px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--18 {
    background-position: center -909.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--18 {
    background-position: center -909.5px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--19 {
    background-position: center -963px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--19 {
    background-position: center -963px;
    height: 48.5px; } }

@media (min-width: 800px) {
  .result__greed--20 {
    background-position: center -1016.5px;
    height: 48.5px; } }

@media (max-width: 799px) {
  .result__greed--20 {
    background-position: center -1016.5px;
    height: 48.5px; } }

.result__title-foot {
  text-align: right; }
  @media (min-width: 800px) {
    .result__title-foot {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff; } }
  @media (max-width: 799px) {
    .result__title-foot {
      margin-top: 5px;
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff; } }

.js-ownPage .result__note {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@media (min-width: 800px) {
  .result__note {
    margin-top: 16px;
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px; } }

@media (max-width: 799px) {
  .result__note {
    margin-top: 15px;
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px; } }

.result__note strong {
  color: #e60012; }

.result__startBtn {
  position: relative;
  text-align: center;
  margin: 20px auto 60px; }

@media (min-width: 800px) {
  .result__startBtn__txt {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 22px;
    font-weight: bold;
    color: #fff; } }

@media (max-width: 799px) {
  .result__startBtn__txt {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic';
    font-size: 20px;
    font-weight: bold;
    color: #fff; } }

.result__startBtn__btn {
  display: block;
  margin: 10px auto 0;
  -webkit-animation: heartbeat 3s ease-in-out;
          animation: heartbeat 3s ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  text-indent: -9999px; }
  .result__startBtn__btn:before {
    content: "";
    display: block;
    margin: 0 auto; }
    @media (min-width: 800px) {
      .result__startBtn__btn:before {
        width: 196.8px;
        height: 144px;
        background-image: url("../img/result/pc/btn_start.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 196.8px 144px;
        overflow: hidden;
        text-indent: -9999px;
        -webkit-transform: translateX(-7px);
                transform: translateX(-7px); } }
    @media (max-width: 799px) {
      .result__startBtn__btn:before {
        width: 138px;
        height: 100.2px;
        background-image: url("../img/result/btn_start.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 138px 100.2px;
        overflow: hidden;
        text-indent: -9999px;
        -webkit-transform: translateX(-6px);
                transform: translateX(-6px); } }

.simila__hohoho, .result__hohoho {
  position: absolute;
  width: 234px;
  height: 47px;
  background-image: url("../img/result/hohoho_sprite.png");
  background-size: 234px 3196px;
  background-position: 0 -3149px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }
  .js-ownPage .simila__hohoho, .js-ownPage .result__hohoho {
    background-position: 0 0; }
    .js-ownPage .js-inView.simila__hohoho, .js-ownPage .js-inView.result__hohoho {
      -webkit-animation: hohohoSprite 3s steps(67) 1;
              animation: hohohoSprite 3s steps(67) 1;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

@-webkit-keyframes hohohoSprite {
  to {
    background-position: 0 -3149px; } }

@keyframes hohohoSprite {
  to {
    background-position: 0 -3149px; } }

.result__hohoho {
  right: 5px; }
  @media (min-width: 800px) {
    .result__hohoho {
      bottom: 65px;
      -webkit-transform: scale(1.6) rotate(-10deg);
              transform: scale(1.6) rotate(-10deg); } }
  @media (max-width: 799px) {
    .result__hohoho {
      bottom: 35px;
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg); } }

#hero {
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden; }
  @media (max-width: 799px) {
    #hero {
      position: fixed; } }

@media (min-width: 800px) {
  .hero__moguro {
    width: 570px;
    height: 588px;
    background-image: url("../img/shindan/pc/moguro_home.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 570px 588px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: -270px;
    left: 0;
    margin: auto; } }

@media (max-width: 799px) {
  .hero__moguro {
    width: 353.5px;
    height: 429px;
    background-image: url("../img/shindan/moguro_home.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 353.5px 429px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -155px auto 0; } }

.hero__bg {
  margin: 0 auto; }
  @media (min-width: 800px) {
    .hero__bg {
      width: 1203px;
      height: 851px;
      background-image: url("../img/shindan/pc/bg_home3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 1203px 851px;
      overflow: hidden;
      background-position: left center;
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%; } }
  @media (max-width: 799px) {
    .hero__bg {
      width: 100%;
      height: 100%;
      background-image: url("../img/shindan/bg_home.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      background-position: center 10px;
      position: relative; } }

.hero__inner {
  position: absolute;
  top: 0;
  left: 0; }
  @media (min-width: 800px) {
    .hero__inner {
      width: 100%;
      height: 100%;
      background-image: url("../img/shindan/pc/shuchu1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .hero__inner.keyframe-motion {
        -webkit-animation: fadeIn 0.8s;
                animation: fadeIn 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; } }
  @media (max-width: 799px) {
    .hero__inner {
      width: 100%;
      height: 100%;
      background-image: url("../img/shindan/shuchu1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .hero__inner.keyframe-motion {
        -webkit-animation: fadeIn 0.8s;
                animation: fadeIn 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; } }

@media (min-width: 800px) {
  .hero__head_line {
    margin: 40px auto 0; } }

@media (max-width: 799px) {
  .hero__head_line {
    margin: 25px auto 0; } }

@media (min-width: 800px) {
  .hero__title {
    width: 646px;
    height: 122px;
    background-image: url("../img/shindan/pc/head_line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 646px 122px;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-animation: scale-down-top3 0.5s;
            animation: scale-down-top3 0.5s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin: 0 auto 0;
    overflow: visible;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; } }

@media (max-width: 799px) {
  .hero__title {
    width: 346px;
    height: 66px;
    background-image: url("../img/shindan/head_line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 346px 66px;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-animation: scale-down-top3 0.5s;
            animation: scale-down-top3 0.5s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin: 0 auto 0;
    overflow: visible;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; } }

@media (min-width: 800px) {
  .hero__sub_title {
    width: 468px;
    height: 87px;
    background-image: url("../img/shindan/pc/sub_head_line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 468px 87px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto -20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .hero__sub_title.keyframe-motion {
      -webkit-animation: fadeIn 0.5s;
              animation: fadeIn 0.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; } }

@media (max-width: 799px) {
  .hero__sub_title {
    width: 248px;
    height: 44.5px;
    background-image: url("../img/shindan/sub_head_line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 248px 44.5px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto -10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .hero__sub_title.keyframe-motion {
      -webkit-animation: fadeIn 0.5s;
              animation: fadeIn 0.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; } }

.hare__start-btn {
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer; }
  @media (min-width: 800px) {
    .hare__start-btn {
      width: 164px;
      height: 120px;
      background-image: url("../img/shindan/pc/btn_start.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 164px 120px;
      overflow: hidden;
      position: fixed;
      bottom: 20px;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .hare__start-btn.keyframe-motion {
        -webkit-animation: fadeIn 0.8s;
                animation: fadeIn 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .hare__start-btn.keyframe-motion2 {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation: heartbeat 3s ease-in-out;
                animation: heartbeat 3s ease-in-out;
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; } }
  @media (max-width: 799px) {
    .hare__start-btn {
      width: 115px;
      height: 83.5px;
      background-image: url("../img/shindan/btn_start.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 115px 83.5px;
      overflow: hidden;
      position: absolute;
      bottom: 20px;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .hare__start-btn.keyframe-motion {
        -webkit-animation: fadeIn 0.8s;
                animation: fadeIn 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .hare__start-btn.keyframe-motion2 {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation: heartbeat 3s ease-in-out;
                animation: heartbeat 3s ease-in-out;
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; } }

#intro {
  width: 100%;
  height: 100%;
  background-color: #000; }
  @media (max-width: 799px) {
    #intro {
      position: fixed; } }

.intro__moguro {
  margin: auto; }
  @media (min-width: 800px) {
    .intro__moguro {
      width: 441px;
      height: 554px;
      background-image: url("../img/shindan/pc/moguro_main1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 441px 554px;
      overflow: hidden;
      position: absolute;
      top: 100px;
      bottom: 0;
      left: 75px;
      right: 0; } }
  @media (max-width: 799px) {
    .intro__moguro {
      width: 299.5px;
      height: 375.5px;
      background-image: url("../img/shindan/moguro_main1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 299.5px 375.5px;
      overflow: hidden;
      position: absolute;
      top: 0;
      bottom: 60px;
      left: 48px;
      right: 0; } }

.intro__bg {
  display: none;
  margin: auto; }
  @media (min-width: 800px) {
    .intro__bg {
      width: 1105px;
      height: 800px;
      background-image: url("../img/shindan/pc/bg_main.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 1105px 800px;
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0;
      top: 0; } }
  @media (max-width: 799px) {
    .intro__bg {
      width: 100%;
      height: 100%;
      background-image: url("../img/shindan/bg_main.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      position: relative;
      left: 0;
      right: 0;
      top: 17px; } }

@media (min-width: 800px) {
  .intro__text-frame {
    width: 800px;
    height: 111px;
    background-image: url("../img/shindan/pc/text_frame.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 800px 111px;
    overflow: hidden;
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: auto; } }

@media (max-width: 799px) {
  .intro__text-frame {
    width: 345px;
    height: 178.5px;
    background-image: url("../img/shindan/text_frame_intro.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 345px 178.5px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 70px auto; } }

@media (min-width: 800px) {
  .intro__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 15px 20px; } }

@media (max-width: 799px) {
  .intro__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 25px;
    padding: 13px 18px; } }

.intro__next {
  position: absolute;
  bottom: 22px;
  right: 18px;
  padding: 0 5px;
  text-indent: -9999px; }
  .intro__next:after {
    content: "";
    display: block;
    -webkit-animation: slideX 2s ease-out infinite;
            animation: slideX 2s ease-out infinite; }
    @media (min-width: 800px) {
      .intro__next:after {
        width: 59px;
        height: 15px;
        background-image: url("../img/shindan/pc/next.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 59px 15px;
        overflow: hidden;
        text-indent: -9999px; } }
    @media (max-width: 799px) {
      .intro__next:after {
        width: 51.5px;
        height: 15.5px;
        background-image: url("../img/shindan/next.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 51.5px 15.5px;
        overflow: hidden;
        text-indent: -9999px; } }

#outro {
  width: 100%;
  height: 100%;
  background-color: #000; }
  @media (max-width: 799px) {
    #outro {
      position: fixed; } }

.outro__moguro {
  margin: auto; }
  @media (min-width: 800px) {
    .outro__moguro {
      width: 469px;
      height: 599px;
      background-image: url("../img/shindan/pc/moguro_main3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 469px 599px;
      overflow: hidden;
      position: absolute;
      top: 70px;
      bottom: 0;
      left: -4px;
      right: 0; } }
  @media (max-width: 799px) {
    .outro__moguro {
      width: 312.5px;
      height: 399px;
      background-image: url("../img/shindan/moguro_main3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 312.5px 399px;
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: -230px auto 0; } }

.outro__bg {
  margin: auto; }
  @media (min-width: 800px) {
    .outro__bg {
      width: 1105px;
      height: 800px;
      background-image: url("../img/shindan/pc/bg_main.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 1105px 800px;
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0;
      top: 0; } }
  @media (max-width: 799px) {
    .outro__bg {
      width: 100%;
      height: 100%;
      background-image: url("../img/shindan/bg_main.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      position: relative;
      left: 0;
      right: 0;
      top: 17px; } }

.outro__text-frame {
  position: absolute; }
  @media (min-width: 800px) {
    .outro__text-frame {
      width: 800px;
      height: 111px;
      background-image: url("../img/shindan/pc/text_frame.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 800px 111px;
      overflow: hidden;
      bottom: 45px;
      left: 0;
      right: 0;
      margin: auto; } }
  @media (max-width: 799px) {
    .outro__text-frame {
      width: 345px;
      height: 96px;
      background-image: url("../img/shindan/text_frame_outro.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 345px 96px;
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 120px auto 0; } }

.outro__next {
  position: absolute;
  bottom: 22px;
  right: 18px;
  text-indent: -9999px; }
  .outro__next:after {
    content: "";
    display: block;
    -webkit-animation: slideX 2s ease-out infinite;
            animation: slideX 2s ease-out infinite; }
    @media (min-width: 800px) {
      .outro__next:after {
        width: 59px;
        height: 15px;
        background-image: url("../img/shindan/pc/next.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 59px 15px;
        overflow: hidden;
        text-indent: -9999px; } }
    @media (max-width: 799px) {
      .outro__next:after {
        width: 51.5px;
        height: 15.5px;
        background-image: url("../img/shindan/next.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 51.5px 15.5px;
        overflow: hidden;
        text-indent: -9999px; } }

@media (min-width: 800px) {
  .outro__text {
    padding: 10px;
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 29px;
    padding: 16px 18px; } }

@media (max-width: 799px) {
  .outro__text {
    padding: 10px;
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 29px;
    padding: 16px 18px; } }

.outro__done__bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.001;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.2s;
  pointer-events: none;
  overflow: hidden; }
  .outro__done__bg.js-show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .outro__done__bg #done__anime_container {
    position: absolute;
    background-color: #000;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .outro__done__bg #done__anime_canvas {
    background-color: #000;
    width: 100%; }

#question {
  width: 100%;
  height: 100%;
  background-color: #000; }

@media (min-width: 800px) {
  .question__moguro.q1 {
    width: 651px;
    height: 460px;
    background-image: url("../img/shindan/pc/moguro_select1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 651px 460px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    right: -23px;
    margin: auto; } }

@media (max-width: 799px) {
  .question__moguro.q1 {
    width: 325.5px;
    height: 230px;
    background-image: url("../img/shindan/pc/moguro_select1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 325.5px 230px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -230px auto 0; } }

@media (min-width: 800px) {
  .question__moguro.q2 {
    width: 700px;
    height: 382px;
    background-image: url("../img/shindan/pc/moguro_select2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 700px 382px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 60px;
    left: 0;
    right: -23px;
    margin: auto; } }

@media (max-width: 799px) {
  .question__moguro.q2 {
    width: 350px;
    height: 191px;
    background-image: url("../img/shindan/pc/moguro_select2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 350px 191px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -230px auto 0; } }

@media (min-width: 800px) {
  .question__moguro.q3 {
    width: 460px;
    height: 436px;
    background-image: url("../img/shindan/pc/moguro_select3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 460px 436px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 130px;
    left: 0;
    right: -23px;
    margin: auto; } }

@media (max-width: 799px) {
  .question__moguro.q3 {
    width: 230px;
    height: 218px;
    background-image: url("../img/shindan/pc/moguro_select3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 230px 218px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -260px auto 0; } }

@media (min-width: 800px) {
  .question__moguro.q4 {
    width: 448px;
    height: 429px;
    background-image: url("../img/shindan/pc/moguro_select4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 448px 429px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    right: -23px;
    margin: auto; } }

@media (max-width: 799px) {
  .question__moguro.q4 {
    width: 224px;
    height: 214.5px;
    background-image: url("../img/shindan/pc/moguro_select4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 224px 214.5px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -235px auto 0; } }

@media (min-width: 800px) {
  .question__bg {
    width: 1105px;
    height: 800px;
    background-image: url("../img/shindan/pc/bg_main.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1105px 800px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto; } }

@media (max-width: 799px) {
  .question__bg {
    width: 100%;
    height: 100%;
    background-image: url("../img/shindan/bg_main.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    background-position: top center;
    position: absolute;
    left: 0;
    top: 0; } }

@media (min-width: 800px) {
  .question__select-frame {
    width: 800px;
    height: 111px;
    background-image: url("../img/shindan/pc/text_frame.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 800px 111px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 513px;
    overflow: visible;
    width: 960px; } }

@media (max-width: 799px) {
  .question__select-frame {
    width: 345px;
    height: 326.5px;
    background-image: url("../img/shindan/select_frame.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 345px 326.5px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -60px auto 0; } }

.question__frame__tapArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .textEnd .question__frame__tapArea {
    display: none; }

.question__frame-inner {
  display: none; }
  .question__frame-inner.isShow {
    display: block; }
  @media (min-width: 800px) {
    .question__frame-inner {
      margin: 10px 0 0 100px; } }
  @media (max-width: 799px) {
    .question__frame-inner {
      padding: 15px; } }

@media (min-width: 800px) {
  .question__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 24px; } }

@media (max-width: 799px) {
  .question__text {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 24px; } }

@media (min-width: 800px) {
  .question__num {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: normal;
    color: #fff; } }

@media (max-width: 799px) {
  .question__num {
    font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-weight: normal;
    color: #fff; } }

.answer__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none; }
  .textEnd .answer__list {
    pointer-events: auto; }
  .answer__list.a-A div {
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .answer__list.a-A .answer__item--A,
  .answer__list.a-A .answer__item--A .answer__text {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .answer__list.a-B div {
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .answer__list.a-B .answer__item--B,
  .answer__list.a-B .answer__item--B .answer__text {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .answer__list.a-C div {
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .answer__list.a-C .answer__item--C,
  .answer__list.a-C .answer__item--C .answer__text {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .answer__list.a-D div {
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .answer__list.a-D .answer__item--D,
  .answer__list.a-D .answer__item--D .answer__text {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media (min-width: 800px) {
    .answer__list {
      margin: 40px 0 0 -100px; } }
  @media (max-width: 799px) {
    .answer__list {
      position: absolute;
      width: 315px;
      bottom: 30px; } }

.answer__item, .answer__item--A, .answer__item--B, .answer__item--C, .answer__item--D {
  cursor: pointer; }
  @media (max-width: 799px) {
    .answer__item, .answer__item--A, .answer__item--B, .answer__item--C, .answer__item--D {
      margin-top: 10px;
      display: inline-block; } }

@media (min-width: 800px) {
  .answer__item--A {
    width: 228px;
    height: 96px;
    background-image: url("../img/shindan/pc/selectA.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 228px 96px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .answer__item--A {
    width: 151.5px;
    height: 81px;
    background-image: url("../img/shindan/selectA.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151.5px 81px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .answer__item--B {
    width: 228px;
    height: 96px;
    background-image: url("../img/shindan/pc/selectB.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 228px 96px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .answer__item--B {
    width: 151.5px;
    height: 81px;
    background-image: url("../img/shindan/selectB.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151.5px 81px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .answer__item--C {
    width: 228px;
    height: 96px;
    background-image: url("../img/shindan/pc/selectC.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 228px 96px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .answer__item--C {
    width: 151.5px;
    height: 81px;
    background-image: url("../img/shindan/selectC.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151.5px 81px;
    overflow: hidden; } }

@media (min-width: 800px) {
  .answer__item--D {
    width: 228px;
    height: 96px;
    background-image: url("../img/shindan/pc/selectD.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 228px 96px;
    overflow: hidden; } }

@media (max-width: 799px) {
  .answer__item--D {
    width: 151.5px;
    height: 81px;
    background-image: url("../img/shindan/selectD.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151.5px 81px;
    overflow: hidden; } }

.answer__text {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }
  @media (min-width: 800px) {
    .answer__text {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: bold;
      color: #e60012;
      padding: 45px 4px 4px;
      line-height: 24px;
      height: 45px;
      width: 228px; } }
  @media (max-width: 799px) {
    .answer__text {
      font-family: 'sawarabi mincho', "Hiragino Mincho ProN", "HGP明朝E ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 16px;
      font-weight: bold;
      color: #e60012;
      padding: 25px 4px 4px;
      height: 50px;
      line-height: 20px;
      width: 151px; } }

#shindan_root .textEnd div,
#shindan_root .textEnd p,
#shindan_root .textEnd button,
#shindan_root .textEnd span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation: none;
          animation: none; }