@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/** Remove default margin. */
body {
  margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template {
  display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a {
  background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong {
  font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img {
  border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/** Contain overflow in all browsers. */
pre {
  overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10. */
button {
  overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8+, and Opera Correct `select` style inheritance in Firefox. */
button, select {
  text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
  cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input {
  line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9. */
textarea {
  overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {
  font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*___________________________________________________________________________________________________________________________________________________ _ jquery.mb.components                                                                                                                             _ _                                                                                                                                                  _ _ file: YTPlayer.css                                                                                                                               _ _ last modified: 19/04/15 17.35                                                                                                                    _ _                                                                                                                                                  _ _ Open Lab s.r.l., Florence - Italy                                                                                                                _ _                                                                                                                                                  _ _ email: matteo@open-lab.com                                                                                                                       _ _ site: http://pupunzi.com                                                                                                                         _ _       http://open-lab.com                                                                                                                        _ _ blog: http://pupunzi.open-lab.com                                                                                                                _ _ Q&A:  http://jquery.pupunzi.com                                                                                                                  _ _                                                                                                                                                  _ _ Licences: MIT, GPL                                                                                                                               _ _    http://www.opensource.org/licenses/mit-license.php                                                                                            _ _    http://www.gnu.org/licenses/gpl.html                                                                                                          _ _                                                                                                                                                  _ _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi);                                                                                              _ ___________________________________________________________________________________________________________________________________________________*/
@font-face {
  font-family: 'ytpregular';
  src: url("ytp-regular.eot"); }

@font-face {
  font-family: 'ytpregular';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format("woff"), url("ytp-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.mb_YTPlayer :focus {
  outline: 0; }

.mb_YTPlayer {
  display: block;
  -webkit-transform: translateZ(0) translate3d(0, 0, 0);
          transform: translateZ(0) translate3d(0, 0, 0);
  transform-style: preserve-3d;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mb_YTPlayer .loading {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.51);
  text-align: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-family: "Droid Sans", sans-serif;
  -webkit-animation: fade .1s infinite alternate;
  /* Chrome, Safari, Opera */
  animation: fade .1s infinite alternate; }

/* Chrome, Safari, Opera */
@-webkit-keyframes fade {
  0% {
    opacity: .5; }
  100% {
    opacity: 1; } }

/* Standard syntax */
@keyframes fade {
  0% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.mb_YTPlayer.fullscreen {
  display: block !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border: none !important; }

.mb_YTPlayer.fullscreen .mbYTP_wrapper {
  opacity: 1 !important; }

.mbYTP_wrapper iframe {
  max-width: 4000px !important; }

.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.5); }

.inline_YTPlayer img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }

/*CONTROL BAR*/
.mb_YTPBar .ytpicon {
  font-size: 20px;
  font-family: 'ytpregular'; }

.mb_YTPBar .mb_YTPUrl.ytpicon {
  font-size: 30px; }

.mb_YTPBar {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  display: block;
  width: 100%;
  height: 10px;
  padding: 5px;
  background: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color: white;
  opacity: .1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mb_YTPBar.visible, .mb_YTPBar:hover {
  opacity: 1; }

.mb_YTPBar .buttonBar {
  -webkit-transition: all .5s;
  transition: all .5s;
  background: transparent;
  font: 12px/14px Calibri;
  position: absolute;
  top: -30px;
  left: 0;
  padding: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mb_YTPBar:hover .buttonBar {
  background: rgba(0, 0, 0, 0.4); }

.mb_YTPBar span {
  display: inline-block;
  font: 16px/20px Calibri, sans-serif;
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle; }

.mb_YTPBar span.mb_YTPTime {
  width: 130px; }

.mb_YTPBar span.mb_YTPUrl, .mb_YTPBar span.mb_OnlyYT {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer; }

.mb_YTPBar span.mb_YTPUrl img {
  width: 60px; }

.mb_YTPBar span.mb_OnlyYT {
  left: 300px;
  right: auto; }

.mb_YTPBar span.mb_OnlyYT img {
  width: 25px; }

.mb_YTPBar span.mb_YTPUrl a {
  color: white; }

.mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
  cursor: pointer; }

.mb_YTPBar .mb_YTPMuteUnmute {
  cursor: pointer; }

/*PROGRESS BAR*/
.mb_YTPBar .mb_YTPProgress {
  height: 10px;
  width: 100%;
  background: #222;
  bottom: 0;
  left: 0; }

.mb_YTPBar .mb_YTPLoaded {
  height: 10px;
  width: 0;
  background: #444;
  left: 0; }

.mb_YTPBar .mb_YTPseekbar {
  height: 10px;
  width: 0;
  background: #000;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
          box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; }

.mb_YTPBar .YTPOverlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: "flat";
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/*RASTER OVERLAY*/
.YTPOverlay.raster {
  background: url("../images/raster.png"); }

.YTPOverlay.raster.retina {
  background: url("../images/raster@2x.png"); }

.YTPOverlay.raster-dot {
  background: url("../images/raster_dot.png"); }

.YTPOverlay.raster-dot.retina {
  background: url("../images/raster_dot@2x.png"); }

/*VOLUME SLIDER*/
.mb_YTPBar .simpleSlider {
  position: relative;
  width: 100px;
  height: 10px;
  border: 1px solid #fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer !important;
  border-radius: 3px; }

.mb_YTPBar.compact .simpleSlider {
  width: 40px; }

.mb_YTPBar .simpleSlider.muted {
  opacity: .3; }

.mb_YTPBar .level {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mb_YTPBar .level.horizontal {
  height: 100%;
  width: 0; }

.mb_YTPBar .level.vertical {
  height: auto;
  width: 100%; }

/*=====================================
	element
=====================================*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  height: 100%; }

body {
  color: #101010;
  background-color: #fff;
  font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  font-size: 1.3em;
  text-align: center;
  min-width: 320px;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

body.download {
  background-color: #1b739a; }

h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, dl, dd, pre, table, fieldset, address, details, figure {
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px; }

@media (min-width: 640px) {
  h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, dl, dd, pre, table, fieldset, address, details, figure {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, dl, dd, pre, table, fieldset, address, details, figure {
    margin-bottom: 24px; } }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25; }

p, blockquote, ol, ul, dl, pre, th, td {
  line-height: 1.5; }

th, td {
  vertical-align: top; }

ul, ul ul {
  list-style-type: square; }

ul, ol {
  padding-left: 2em; }

a {
  color: #a4abe9;
  text-decoration: underline;
  cursor: default; }

a[href] {
  cursor: pointer;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease; }

a:visited {
  color: #a4abe9; }

a:hover {
  text-decoration: none; }

a span, a img, a object, a:before, a:after {
  pointer-events: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.button, button, input[type="button"], input[type="submit"], .button-container a {
  color: #fff;
  background-color: #8790e2; }

/*=====================================
	class global
=====================================*/
/*-------------------------------------
	general
-------------------------------------*/
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.clear {
  clear: both; }

.nowrap {
  white-space: nowrap; }

.br-only-sp {
  display: inline; }

@media (min-width: 640px) {
  .br-only-sp {
    display: none; } }

/*-------------------------------------
	social-buttons
-------------------------------------*/
.social-buttons {
  padding-left: 0;
  font-size: 0;
  margin: 8px;
  text-align: center; }

.social-buttons li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .social-buttons ::i-block-chrome, .social-buttons {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.social-buttons > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .social-buttons > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .social-buttons > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .social-buttons {
    margin: 16px; } }

@media (min-width: 980px) {
  .social-buttons {
    margin: 24px; } }

.social-buttons li {
  height: 20px;
  margin: 4px;
  overflow: hidden;
  text-align: left;
  vertical-align: bottom;
  line-height: 1; }

/*-------------------------------------
	button
-------------------------------------*/
.button, button, input[type="button"], input[type="submit"], .button-container a {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1.25;
  text-decoration: none;
  padding: 12px;
  margin: 0;
  font-weight: bold;
  border-style: none;
  border-radius: 0;
  text-align: center;
  cursor: pointer; }

@media (min-width: 640px) {
  .button, button, input[type="button"], input[type="submit"], .button-container a {
    font-size: 15px;
    font-size: 1.5rem; } }

@media (min-width: 980px) {
  .button, button, input[type="button"], input[type="submit"], .button-container a {
    font-size: 18px;
    font-size: 1.8rem; } }

.button, button, input[type="button"], input[type="submit"], .button-container a, .button:visited, button:visited, input:visited[type="button"], input:visited[type="submit"], .button-container a:visited {
  color: #fff; }

.button.hover, button.hover, input.hover[type="button"], input.hover[type="submit"], .button-container a.hover {
  opacity: .7; }

.button.disabled, button.disabled, input.disabled[type="button"], input.disabled[type="submit"], .button-container a.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .3;
  -webkit-transition: none;
  transition: none;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(100%); }

.button-container {
  padding-left: 0;
  font-size: 0;
  text-align: center; }

.button-container li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .button-container ::i-block-chrome, .button-container {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.button-container > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .button-container > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .button-container > li {
    font-size: 14px;
    font-size: 1.4rem; } }

.button-container a {
  margin: 4px; }

/*=====================================
	layout
=====================================*/
.site {
  position: relative;
  min-height: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden;
  opacity: 0; }

@media (min-width: 640px) {
  .site {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .site {
    font-size: 14px;
    font-size: 1.4rem; } }

body.loaded-100 .site {
  -webkit-animation: site-fade-in 0.3s linear 0s 1 normal both;
          animation: site-fade-in 0.3s linear 0s 1 normal both; }

@-webkit-keyframes site-fade-in {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1); } }

@keyframes site-fade-in {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1); } }

body.loaded-100 .site.fade-out {
  -webkit-animation: site-fade-out 0.3s linear 0s 1 normal both;
          animation: site-fade-out 0.3s linear 0s 1 normal both; }

@-webkit-keyframes site-fade-out {
  0% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  100% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); } }

@keyframes site-fade-out {
  0% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); }
  100% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.05); } }

body.download .site {
  background-image: url(../img/raster.png); }

/*=====================================
	module - scripts
=====================================*/
/*-------------------------------------
	Magnific Popup
-------------------------------------*/
.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.mfp-bg.mfp-ready {
  opacity: 0.9; }

.mfp-bg.mfp-removing {
  opacity: 0; }

.my-mfp-zoom-in .mfp-content, .my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.my-mfp-zoom-in.mfp-ready .mfp-content, .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.my-mfp-zoom-in.mfp-removing .mfp-content, .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.mfp-close {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: 10000px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.mfp-ready .mfp-close {
  opacity: 1; }

.mfp-removing .mfp-close {
  opacity: 0; }

.mfp-close:before {
  position: absolute;
  display: inline-block;
  top: -5px;
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../img/popup-close.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  right: 20px; }

@media (min-width: 980px) {
  .mfp-close:before {
    right: 6px; } }

.mfp-arrow-left {
  left: -75px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.mfp-ready .mfp-arrow-left {
  opacity: 1; }

.mfp-removing .mfp-arrow-left {
  opacity: 0; }

.mfp-arrow-left:before {
  opacity: 1;
  content: '';
  position: absolute;
  display: inline-block;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 33px;
  background-image: url(../img/popup-arrow-l.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none; }

.mfp-arrow-left:after {
  border: none; }

.mfp-arrow-right {
  right: -75px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.mfp-ready .mfp-arrow-right {
  opacity: 1; }

.mfp-removing .mfp-arrow-right {
  opacity: 0; }

.mfp-arrow-right:before {
  opacity: 1;
  content: '';
  position: absolute;
  display: inline-block;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 33px;
  background-image: url(../img/popup-arrow-r.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none; }

.mfp-arrow-right:after {
  border: none; }

.mfp-container {
  overflow: hidden; }

.mfp-bottom-bar {
  text-align: center; }

.mfp-bottom-bar .mfp-counter {
  padding-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #888888;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

@media (min-width: 640px) {
  .mfp-bottom-bar .mfp-counter {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .mfp-bottom-bar .mfp-counter {
    font-size: 16px;
    font-size: 1.6rem; } }

.mfp-removing .mfp-img {
  opacity: 0; }

.mfp-animated-image {
  opacity: .5; }

/*-------------------------------------
	modal add
-------------------------------------*/
.modal {
  font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  top: 0 !important; }

@media (min-width: 640px) {
  .modal {
    top: 45px !important; } }

@media (min-width: 980px) {
  .modal {
    top: 90px !important; } }

.modal a {
  display: inline-block; }

.modal-content {
  max-width: 600px;
  width: auto !important;
  background-position: center top !important; }

.modal-content__head {
  padding-top: 90px !important; }

@media (min-width: 640px) {
  .modal-content__head {
    padding-top: 120px !important; } }

@media (min-width: 980px) {
  .modal-content__head {
    padding-top: 140px !important; } }

.modal-content__attention {
  text-align: center;
  font-size: 12px !important; }

@media (min-width: 640px) {
  .modal-content__attention {
    font-size: 16px !important; } }

@media (min-width: 980px) {
  .modal-content__attention {
    font-size: 20px !important; } }

/*-------------------------------------
	modal add
-------------------------------------*/
.parallax-mirror {
  display: none !important;
  overflow: visible !important;
  pointer-events: none;
  opacity: 0; }

@media (min-width: 980px) {
  .parallax-mirror {
    display: block !important; } }

body.loaded-100 .parallax-mirror {
  -webkit-animation: parallax-mirror-fade-in 0.3s linear 0.1s 1 normal both;
          animation: parallax-mirror-fade-in 0.3s linear 0.1s 1 normal both; }

@-webkit-keyframes parallax-mirror-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes parallax-mirror-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.parallax-mirror .parallax-slider * {
  pointer-events: auto; }

/*=====================================
	module - entry content
=====================================*/
/*-------------------------------------
	WordPress
-------------------------------------*/
/*!BeginEditorStyle*/
.alignleft {
  display: block;
  margin: 0 auto 8px;
  text-align: center; }

@media (min-width: 640px) {
  .alignleft {
    display: inline-block;
    float: left;
    margin-right: 16px; } }

.alignright {
  display: block;
  margin: 0 auto 8px;
  text-align: center; }

@media (min-width: 640px) {
  .alignright {
    display: inline-block;
    float: right;
    margin-left: 16px; } }

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

/*!EndEditorStyle*/
/*=====================================
	teaser
=====================================*/
.teaser .site-header {
  max-width: 980px;
  margin: 0 auto;
  padding: 8px;
  position: relative; }

.teaser .site-header:after {
  content: "";
  display: block;
  clear: both; }

.teaser .header-menu {
  padding-left: 0;
  font-size: 0;
  width: 300px;
  margin-bottom: 0;
  float: left; }

.teaser .header-menu li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .teaser .header-menu ::i-block-chrome, .teaser .header-menu {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.teaser .header-menu > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .teaser .header-menu > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .teaser .header-menu > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .teaser .header-menu {
    width: auto;
    margin-right: 10%; } }

.teaser .header-menu li {
  line-height: 1;
  margin-right: 8px;
  white-space: nowrap; }

.teaser .header-menu a {
  display: block;
  font-weight: bold;
  background-image: url(../img/arrow-r.svg);
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
          background-size: auto;
  text-decoration: none;
  padding: 6px;
  padding-left: 8px; }

@media (min-width: 640px) {
  .teaser .header-menu a {
    padding: 8px;
    padding-left: 12px; } }

@media (min-width: 980px) {
  .teaser .header-menu a {
    padding: 10px;
    padding-left: 16px; } }

.teaser .header-menu a.hover {
  text-decoration: underline; }

.teaser .header-twitter {
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto 0; }

.teaser .site-main {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 138.77551%;
  margin: 0 auto; }

.teaser .site-main .logo {
  position: absolute;
  left: 9.08163%;
  top: 1.61765%;
  width: 82.04082%;
  height: 14.26471%;
  z-index: 10; }

.teaser .site-main .logo, .teaser .site-main .logo img {
  max-width: none;
  vertical-align: top; }

body.loaded-100 .teaser .site-main .logo {
  -webkit-animation: logo 1.2s linear 0.2s 1 normal both;
          animation: logo 1.2s linear 0.2s 1 normal both; }

@-webkit-keyframes logo {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0); } }

@keyframes logo {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0); } }

.teaser .site-main .text-reserve {
  position: absolute;
  left: 20.91837%;
  top: 18.67647%;
  width: 58.26531%;
  height: 3.30882%;
  z-index: 10; }

.teaser .site-main .text-reserve, .teaser .site-main .text-reserve img {
  max-width: none;
  vertical-align: top; }

body.loaded-100 .teaser .site-main .text-reserve {
  -webkit-animation: text-reserve 1.2s linear 0.4s 1 normal both;
          animation: text-reserve 1.2s linear 0.4s 1 normal both; }

@-webkit-keyframes text-reserve {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0); } }

@keyframes text-reserve {
  0% {
    opacity: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  50% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="32" /></filter></svg>#filter');
    filter: blur(32px); }
  100% {
    opacity: 1;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0); } }

.teaser .site-main .main-visual {
  position: absolute;
  left: -27.34694%;
  top: 21.17647%;
  width: 175.10204%;
  height: 54.63235%;
  z-index: 10; }

.teaser .site-main .main-visual, .teaser .site-main .main-visual img {
  max-width: none;
  vertical-align: top; }

body.loaded-100 .teaser .site-main .main-visual {
  -webkit-animation: main-visual 3s linear 0s 1 normal both;
          animation: main-visual 3s linear 0s 1 normal both; }

@-webkit-keyframes main-visual {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.6) translateY(-30%);
            transform: scale(1.6) translateY(-30%);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); } }

@keyframes main-visual {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.6) translateY(-30%);
            transform: scale(1.6) translateY(-30%);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); } }

.teaser .site-main .bottom-char {
  position: absolute;
  left: 12.55102%;
  top: 79.33824%;
  width: 74.4898%;
  height: 20.66176%;
  z-index: 10; }

.teaser .site-main .bottom-char, .teaser .site-main .bottom-char img {
  max-width: none;
  vertical-align: top; }

.teaser .site-main:before {
  content: '';
  display: block;
  background-color: #e7e9f9;
  position: absolute;
  left: -52.04082%;
  top: 86.39706%;
  width: 204.08163%;
  height: 13.60294%;
  z-index: 1; }

.teaser .site-main:before, .teaser .site-main:before img {
  max-width: none;
  vertical-align: top; }

@media (min-width: 980px) {
  .teaser .site-main {
    width: 980px;
    height: 1360px;
    padding-top: 0; } }

.teaser .footer-text {
  color: #fff;
  font-weight: bold;
  background-color: #b0b6ec;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
  padding-bottom: 10px; }

@media (min-width: 640px) {
  .teaser .footer-text {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .teaser .footer-text {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 640px) {
  .teaser .footer-text {
    padding-top: 15px;
    padding-bottom: 15px; } }

@media (min-width: 980px) {
  .teaser .footer-text {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 640px) {
  .teaser .footer-text .s-only {
    display: none; } }

.teaser .copyright {
  font-size: 10px;
  font-size: 1rem;
  color: #b0b6ec;
  text-align: center; }

@media (min-width: 640px) {
  .teaser .copyright {
    font-size: 11px;
    font-size: 1.1rem; } }

@media (min-width: 980px) {
  .teaser .copyright {
    font-size: 12px;
    font-size: 1.2rem; } }

/*=====================================
	global-menu
=====================================*/
.platform-logo-v {
  display: none; }

@media (min-width: 980px) {
  .platform-logo-v {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 128px;
    z-index: 30; } }

@media (min-width: 980px) and (max-width: 1200px) {
  .platform-logo-v {
    width: 96px; } }

.platform-logo-h {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  width: auto;
  height: 60px; }

@media (min-width: 980px) {
  .platform-logo-h {
    display: none; } }

.global-menu-toggle {
  color: #fff;
  background-color: #101010;
  right: 0;
  position: fixed;
  z-index: 500;
  display: inline-block;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

@media (min-width: 980px) {
  .global-menu-toggle {
    width: auto;
    height: auto;
    top: 80px; } }

.global-menu-toggle.active {
  visibility: hidden;
  -webkit-transform: translateX(68px);
      -ms-transform: translateX(68px);
          transform: translateX(68px); }

.global-menu {
  color: #fff;
  background-color: #101010;
  position: fixed;
  height: 100vh;
  right: 0;
  top: 0;
  z-index: 501;
  text-align: left;
  width: 256px;
  padding: 60px 30px 0;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

@media (min-width: 980px) {
  .global-menu {
    width: 240px;
    padding: 25px 30px 0; } }

.global-menu.active {
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.global-menu .hr {
  background-image: url(../img/global-menu-hr.png);
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 5px;
  margin-bottom: 10px; }

@media (min-width: 980px) {
  .global-menu .hr {
    width: 184px;
    height: 5px;
    margin-bottom: 20px; } }

.global-menu .hr hr {
  display: none; }

.global-menu .hr.pc-only {
  display: none; }

@media (min-width: 980px) {
  .global-menu .hr.pc-only {
    display: block; } }

.global-menu .logo {
  display: block;
  margin-bottom: 10px;
  display: none; }

@media (min-width: 980px) {
  .global-menu .logo {
    display: block;
    margin-bottom: 20px; } }

.global-menu-list-main {
  padding-left: 0; }

.global-menu-list-main li {
  list-style-type: none; }

.global-menu-list-main li {
  margin-bottom: 0;
  line-height: 1;
  vertical-align: middle; }

.global-menu-list-main a {
  display: block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px; }

@media (min-width: 980px) {
  .global-menu-list-main a {
    height: 40px;
    line-height: 40px; } }

.global-menu-list-main a, .global-menu-list-main a:visited {
  color: #fff;
  text-decoration: none; }

.global-menu-list-main a.hover {
  opacity: .3; }

.global-menu-list-main img {
  vertical-align: middle;
  width: auto;
  height: 14.5px; }

@media (min-width: 980px) {
  .global-menu-list-main img {
    height: 13px; } }

.global-menu-list-sub {
  padding-left: 0; }

.global-menu-list-sub li {
  list-style-type: none; }

.global-menu-list-sub li {
  margin-bottom: 0;
  line-height: 1;
  vertical-align: middle; }

.global-menu-list-sub li.nora1 a {
  height: 40px;
  line-height: 40px; }

@media (min-width: 980px) {
  .global-menu-list-sub li.nora1 a {
    height: 48px;
    line-height: 48px; } }

.global-menu-list-sub li.nora1 img {
  width: auto;
  height: 34px; }

.global-menu-list-sub a {
  display: block;
  vertical-align: middle;
  height: 25px;
  line-height: 25px; }

@media (min-width: 980px) {
  .global-menu-list-sub a {
    height: 30px;
    line-height: 30px; } }

.global-menu-list-sub a, .global-menu-list-sub a:visited {
  color: #fff;
  text-decoration: none; }

.global-menu-list-sub a.hover {
  opacity: .3; }

.global-menu-list-sub img {
  vertical-align: middle;
  width: auto;
  height: 14.5px; }

@media (min-width: 980px) {
  .global-menu-list-sub img {
    height: 14px; } }

.button-tweet {
  display: inline-block; }

.button-tweet.hover {
  opacity: .3; }

.button-tweet img {
  width: 35px; }

.global-menu-close {
  color: #fff;
  background-color: #101010;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 60px;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s; }

@media (min-width: 980px) {
  .global-menu-close {
    display: none; } }

.global-menu-close.hover {
  opacity: .3; }

.global-menu-close img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/*=====================================
	top
=====================================*/
.section-top {
  background-color: #fff;
  position: relative;
  padding-top: 60px; }

@media (min-width: 980px) {
  .section-top {
    height: 100vh;
    padding-top: 0; } }

.top-bg {
  position: relative;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 86.95652%;
  margin-bottom: 3.86473%; }

.top-bg .logo {
  position: absolute;
  left: 6.76329%;
  top: 2.36111%;
  width: 87.19807%;
  height: auto;
  z-index: 30; }

.top-bg .logo, .top-bg .logo img {
  max-width: none;
  vertical-align: top; }

.top-bg .char {
  position: absolute;
  left: -11.5942%;
  top: 11.11111%;
  width: 123.18841%;
  height: auto;
  z-index: 20;
  /* @include animate-infinite(top-char,4){ 0% { transform: scale(1); animation-timing-function: ease-in-out;} 100% { transform: scale(1.05);} } */ }

.top-bg .char, .top-bg .char img {
  max-width: none;
  vertical-align: top; }

.top-bg .char-cs {
  position: absolute;
  left: -22.46377%;
  top: 6.94444%;
  width: 144.92754%;
  height: auto;
  z-index: 20; }

.top-bg .char-cs, .top-bg .char-cs img {
  max-width: none;
  vertical-align: top; }

.top-bg .bg-l {
  position: absolute;
  left: -11.5942%;
  top: 11.11111%;
  width: 61.5942%;
  height: auto;
  z-index: 10;
  /* @include animate-infinite(top-bg-l,4){ 0% { transform: scale(1) rotate(0); animation-timing-function: ease-in-out;} 100% { transform: scale(1.2) rotate(60deg);} } */ }

.top-bg .bg-l, .top-bg .bg-l img {
  max-width: none;
  vertical-align: top; }

.top-bg .bg-r {
  position: absolute;
  left: 50%;
  top: 11.11111%;
  width: 61.5942%;
  height: auto;
  z-index: 10;
  /* @include animate-infinite(top-bg-r,4){ 0% { transform: scale(1) rotate(0); animation-timing-function: ease-in-out;} 100% { transform: scale(1.2) rotate(-60deg);} } */ }

.top-bg .bg-r, .top-bg .bg-r img {
  max-width: none;
  vertical-align: top; }

@media (min-width: 980px) {
  .top-bg {
    position: relative;
    width: 163.13725vh;
    height: 100vh;
    left: calc( 50% - 81.56863vh);
    margin-bottom: 0; }
  .top-bg .logo {
    position: absolute;
    left: 25%;
    top: 2.2549%;
    width: 49.9399%;
    height: auto;
    z-index: 30; }
  .top-bg .logo, .top-bg .logo img {
    max-width: none;
    vertical-align: top; }
  .top-bg .char, .top-bg .char-cs {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: auto;
    z-index: 20; }
  .top-bg .char, .top-bg .char img, .top-bg .char-cs, .top-bg .char-cs img {
    max-width: none;
    vertical-align: top; }
  .top-bg .bg-l {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 50%;
    height: auto;
    z-index: 10; }
  .top-bg .bg-l, .top-bg .bg-l img {
    max-width: none;
    vertical-align: top; }
  .top-bg .bg-r {
    position: absolute;
    left: 50%;
    top: 0%;
    width: 50%;
    height: auto;
    z-index: 10; }
  .top-bg .bg-r, .top-bg .bg-r img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner {
  position: relative;
  z-index: 2; }

@media (min-width: 980px) {
  .section-top-inner {
    width: 980px;
    height: 660px;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 0 auto;
    z-index: 2;
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom; } }

@media (min-width: 980px) and (max-height: 800px) {
  .section-top-inner {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); } }

@media (min-width: 980px) and (max-height: 640px) {
  .section-top-inner {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); } }

@media (min-width: 980px) and (max-height: 480px) {
  .section-top-inner {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6); } }

@media (min-width: 980px) and (max-height: 320px) {
  .section-top-inner {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); } }

@media (min-width: 980px) and (max-height: 160px) {
  .section-top-inner {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4); } }

.section-top-inner .top-banner-list {
  padding-left: 0;
  font-size: 0;
  text-align: center;
  margin-bottom: 5.31401%; }

.section-top-inner .top-banner-list li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .section-top-inner .top-banner-list ::i-block-chrome, .section-top-inner .top-banner-list {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.section-top-inner .top-banner-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .section-top-inner .top-banner-list > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .section-top-inner .top-banner-list > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .section-top-inner .top-banner-list {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    top: 408px; } }

.section-top-inner .top-banner-list li {
  margin: 0.96618%;
  background-color: #fff; }

@media (min-width: 980px) {
  .section-top-inner .top-banner-list li {
    width: 540px; } }

.section-top-inner .top-banner-list a {
  display: block;
  border: rgba(255, 255, 255, 0.6) 2px solid;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px 2px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px 2px; }

.section-top-inner .top-banner-list a.hover {
  opacity: .7; }

.section-top-inner .top-banner-list a.no-hover {
  cursor: default; }

.section-top-inner .top-banner-list img {
  display: block;
  width: 100%; }

.section-top-inner .top-movie-link {
  display: inline-block;
  width: 62.80193%;
  margin-bottom: 7.24638%; }

@media (min-width: 980px) {
  .section-top-inner .top-movie-link {
    margin-bottom: 0;
    position: absolute;
    left: 0%;
    top: 85.60606%;
    width: 16.32653%;
    height: 10.90909%;
    z-index: 100; }
  .section-top-inner .top-movie-link, .section-top-inner .top-movie-link img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .top-movie-link.hover {
  opacity: .7; }

.section-top-inner .top-movie-link img {
  width: 100%; }

.section-top-inner .moe-gameaward {
  display: inline-block;
  width: 74.87923%;
  margin-top: -14.49275%;
  margin-bottom: 3.86473%;
  font-size: 0; }

@media (min-width: 980px) {
  .section-top-inner .moe-gameaward {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 57.57576%;
    width: 30.61224%;
    height: auto;
    z-index: 100; }
  .section-top-inner .moe-gameaward, .section-top-inner .moe-gameaward img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .moe-gameaward.hover {
  opacity: .7; }

.section-top-inner .moe-gameaward img {
  width: 49%;
  font-size: 10px;
  display: inline-block; }

.section-top-inner .moe-gameaward img:first-child {
  margin-right: 1%; }

.section-top-inner .btn-install {
  display: inline-block;
  width: 74.87923%;
  margin-top: -14.49275%;
  margin-bottom: 1.93237%;
  border: #000 1px solid; }

@media (min-width: 980px) {
  .section-top-inner .btn-install {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 83.93939%;
    width: 40.81633%;
    height: auto;
    z-index: 100; }
  .section-top-inner .btn-install, .section-top-inner .btn-install img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .btn-install.hover {
  opacity: .7; }

.section-top-inner .btn-install img {
  width: 100%; }

.section-top-inner .news-area {
  background-color: #fff;
  padding: 0 4.83092%; }

@media (min-width: 980px) {
  .section-top-inner .news-area {
    padding: 0;
    position: absolute;
    left: 17.34694%;
    top: 85.60606%;
    width: 82.65306%;
    height: 10.90909%;
    z-index: 100; }
  .section-top-inner .news-area, .section-top-inner .news-area img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .news-heading {
  font-size: 10px;
  width: 14.37198%;
  margin-bottom: 0.96618%; }

@media (min-width: 980px) {
  .section-top-inner .news-heading {
    position: absolute;
    left: 1.85185%;
    top: 20.83333%;
    width: 5.92593%;
    height: auto;
    z-index: 100; }
  .section-top-inner .news-heading, .section-top-inner .news-heading img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .news-heading img {
  width: 100%; }

.section-top-inner .news-list-container {
  overflow: auto;
  margin-bottom: 20px; }

@media (min-width: 980px) {
  .section-top-inner .news-list-container {
    position: absolute;
    left: 8.88889%;
    top: 0%;
    width: 91.11111%;
    height: 100%;
    z-index: 100; }
  .section-top-inner .news-list-container, .section-top-inner .news-list-container img {
    max-width: none;
    vertical-align: top; } }

.section-top-inner .news-list {
  padding-left: 0;
  font-size: 12px;
  margin-bottom: 0;
  padding: 10px 0 0; }

.section-top-inner .news-list li {
  list-style-type: none; }

.section-top-inner .news-list li {
  line-height: 1.25;
  margin: 4px 0; }

.section-top-inner .news-list.news-list-old {
  display: none;
  padding: 0 0 10px; }

.section-top-inner .news-list.news-list-old.active {
  display: block; }

@media (min-width: 980px) {
  .section-top-inner .news-list.news-list-old {
    display: block; } }

.section-top-inner .news-list-old-toggle {
  background-color: #eee;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  padding: .25em;
  margin: .5em 0;
  display: block; }

.section-top-inner .news-list-old-toggle:before {
  color: #666;
  content: '▼ 過去の更新履歴を見る ▼';
  line-height: 1.5; }

.section-top-inner .news-list-old-toggle:hover {
  opacity: .7; }

.section-top-inner .news-list-old-toggle.active:before {
  content: '▲ 過去の更新履歴を見る ▲'; }

@media (min-width: 980px) {
  .section-top-inner .news-list-old-toggle {
    display: none; } }

/*=====================================
	story
=====================================*/
.section-story {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 256.52174%; }

@media (min-width: 980px) {
  .section-story {
    width: auto;
    height: auto;
    padding-top: 0;
    position: relative;
    height: 2000px;
    z-index: 1; } }

.section-story .story-bg {
  z-index: 1;
  pointer-events: none;
  background-image: url(../img/bg-story.jpg);
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 980px) {
  .section-story .story-bg {
    top: -400px;
    height: calc(100vh + 600px); } }

.section-story-inner {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.section-story-inner img {
  display: inline-block; }

.section-story-inner .section-header {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 5.60264%;
  width: 32.1256%;
  height: 2.25989%;
  z-index: 100; }

.section-story-inner .section-header, .section-story-inner .section-header img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .section-header img {
  width: 100%; }

.section-story-inner .story-text-01 {
  position: absolute;
  left: 33.45411%;
  top: 17.46704%;
  width: 61.5942%;
  height: 35.31073%;
  z-index: 100; }

.section-story-inner .story-text-01, .section-story-inner .story-text-01 img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .story-text-02 {
  position: absolute;
  left: 4.71014%;
  top: 50%;
  width: 61.5942%;
  height: 36.72316%;
  z-index: 90; }

.section-story-inner .story-text-02, .section-story-inner .story-text-02 img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .story-illust-01 {
  position: absolute;
  left: 4.58937%;
  top: 13.55932%;
  width: 38.64734%;
  height: 15.06591%;
  z-index: 10; }

.section-story-inner .story-illust-01, .section-story-inner .story-illust-01 img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .story-illust-02 {
  position: absolute;
  left: -0.12077%;
  top: 28.57815%;
  width: 38.64734%;
  height: 15.06591%;
  z-index: 110; }

.section-story-inner .story-illust-02, .section-story-inner .story-illust-02 img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .story-illust-03 {
  position: absolute;
  left: 46.73913%;
  top: 77.25989%;
  width: 38.64734%;
  height: 15.06591%;
  z-index: 110; }

.section-story-inner .story-illust-03, .section-story-inner .story-illust-03 img {
  max-width: none;
  vertical-align: top; }

.section-story-inner .story-illust-04 {
  position: absolute;
  left: 61.35266%;
  top: 62.24105%;
  width: 38.64734%;
  height: 15.06591%;
  z-index: 10; }

.section-story-inner .story-illust-04, .section-story-inner .story-illust-04 img {
  max-width: none;
  vertical-align: top; }

@media (min-width: 980px) {
  .section-story-inner {
    width: 980px;
    height: 2000px;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto; }
  .section-story-inner .section-header {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 6%;
    width: 100%;
    height: 5%;
    z-index: 100; }
  .section-story-inner .section-header, .section-story-inner .section-header img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .section-header img {
    width: auto; }
  .section-story-inner .story-text-01 {
    position: absolute;
    left: 8.36735%;
    top: 12.3%;
    width: 34.69388%;
    height: 25%;
    z-index: 100; }
  .section-story-inner .story-text-01, .section-story-inner .story-text-01 img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .story-text-02 {
    position: absolute;
    left: 48.16327%;
    top: 44.4%;
    width: 34.69388%;
    height: 26%;
    z-index: 100; }
  .section-story-inner .story-text-02, .section-story-inner .story-text-02 img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .story-illust-01 {
    position: absolute;
    left: 81.02041%;
    top: 22.45%;
    width: 32.65306%;
    height: 16%;
    z-index: 10; }
  .section-story-inner .story-illust-01, .section-story-inner .story-illust-01 img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .story-illust-02 {
    position: absolute;
    left: 40.20408%;
    top: 16.3%;
    width: 32.65306%;
    height: 16%;
    z-index: 10; }
  .section-story-inner .story-illust-02, .section-story-inner .story-illust-02 img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .story-illust-03 {
    position: absolute;
    left: -7.14286%;
    top: 41.4%;
    width: 32.65306%;
    height: 16%;
    z-index: 10; }
  .section-story-inner .story-illust-03, .section-story-inner .story-illust-03 img {
    max-width: none;
    vertical-align: top; }
  .section-story-inner .story-illust-04 {
    position: absolute;
    left: 23.97959%;
    top: 75.05%;
    width: 32.65306%;
    height: 16%;
    z-index: 9; }
  .section-story-inner .story-illust-04, .section-story-inner .story-illust-04 img {
    max-width: none;
    vertical-align: top; } }

/*=====================================
	character
=====================================*/
.section-main-character .section-header {
  text-align: center;
  background-color: #fff;
  padding-top: 19.32367%;
  width: 85.2657%;
  margin: 0 auto 4.34783%; }

.section-main-character .section-header img {
  width: 100%; }

@media (min-width: 980px) {
  .section-main-character .section-header {
    padding-top: 0;
    width: auto;
    margin: 0 auto;
    height: 276px;
    line-height: 276px;
    vertical-align: middle; }
  .section-main-character .section-header img {
    vertical-align: middle;
    width: auto; } }

.section-sub-character .section-header {
  text-align: center;
  background-color: #fff;
  padding-top: 19.32367%;
  width: 85.2657%;
  margin: 0 auto; }

.section-sub-character .section-header img {
  width: 100%; }

@media (min-width: 980px) {
  .section-sub-character .section-header {
    padding-top: 0;
    width: auto;
    margin: 0 auto;
    background-color: #efefe9;
    height: 276px;
    line-height: 276px;
    vertical-align: middle; }
  .section-sub-character .section-header img {
    vertical-align: middle;
    width: auto; } }

.character-main-box {
  position: relative;
  overflow: hidden; }

.character-main-box img {
  display: inline-block; }

.character-main-box .character-main-box-inner {
  position: relative; }

.character-main-box .hr {
  margin: 0 30px;
  background-image: url(../img/character-s-hr-l.png), url(../img/character-s-hr-m.png), url(../img/character-s-hr-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 11px 0, 100% 0;
  -webkit-background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
          background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
  height: 4px;
  margin-bottom: 20px; }

.character-main-box .hr hr {
  display: none; }

.character-main-box .words {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-main-box .illust-stand {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-main-box .name-en {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-main-box .name-jp {
  margin: 0 30px; }

.character-main-box .name-jp .name {
  font-size: 32px;
  font-weight: bold;
  margin: 40px 0 15px;
  line-height: 1.25; }

.character-main-box .name-jp .desc {
  font-size: 14px;
  line-height: 1.9;
  margin-bottom: 20px; }

.character-main-box .voice {
  margin: 0 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.character-main-box .voice .cv {
  font-weight: bold;
  font-size: 16px;
  line-height: 1; }

.character-main-box .voice .cv:before {
  content: '';
  display: block;
  width: 23.5px;
  height: 19px;
  margin-bottom: 10px;
  background-image: url(../img/character-icon-voice.png);
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.character-main-box .voice .voice-player {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-left: 5px;
  width: 44px;
  height: 44px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.character-main-box .voice .disabled {
  opacity: .15;
  pointer-events: none; }

.character-main-box .status {
  font-size: 14px;
  line-height: 1.9;
  margin: 0 30px 40px; }

.character-main-box .status br {
  display: none; }

.character-main-box .status span {
  display: inline-block;
  margin-right: 2em;
  white-space: nowrap; }

@media (min-width: 980px) {
  .character-main-box {
    height: 2200px; }
  .character-main-box .character-main-box-inner {
    width: 980px;
    height: 2200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 2; }
  .character-main-box .hr {
    display: none; }
  .character-main-box .words {
    position: absolute;
    left: 0%;
    top: 1.81818%;
    width: 100%;
    height: 27.27273%;
    z-index: 100; }
  .character-main-box .words, .character-main-box .words img {
    max-width: none;
    vertical-align: top; }
  .character-main-box .illust-stand {
    position: absolute;
    left: -28.36735%;
    top: 0%;
    width: 156.73469%;
    height: 54.54545%;
    z-index: 1; }
  .character-main-box .illust-stand, .character-main-box .illust-stand img {
    max-width: none;
    vertical-align: top; }
  .character-main-box .illust-icon {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .character-main-box .name-jp {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .character-main-box .voice {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block; }
  .character-main-box .voice .cv:before {
    display: none; }
  .character-main-box .voice .voice-player {
    margin-left: 0; }
  .character-main-box .voice .voice-01 {
    position: absolute;
    left: 16.66667%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-main-box .voice .voice-01, .character-main-box .voice .voice-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box .voice .voice-02 {
    position: absolute;
    left: 40%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-main-box .voice .voice-02, .character-main-box .voice .voice-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box .voice .voice-03 {
    position: absolute;
    left: 63.33333%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-main-box .voice .voice-03, .character-main-box .voice .voice-03 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box .status {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; } }

.character-main-box.character-01 {
  color: #fff;
  background-color: #5ab8cd; }

.character-main-box.character-01 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 240.82126%; }

.character-main-box.character-01 .words {
  background-image: url(../img/character-s-words-01.png); }

.character-main-box.character-01 .illust-stand {
  background-image: url(../img/character-s-illust-stand-01.png?201706240005); }

.character-main-box.character-01 .illust-icon {
  display: none; }

.character-main-box.character-01 .name-en {
  background-image: url(../img/character-s-name-en-01.png); }

.character-main-box.character-01 .voice-01 {
  background-image: url(../img/character-s-voice-btn-01-01.png); }

.character-main-box.character-01 .voice-02 {
  background-image: url(../img/character-s-voice-btn-01-02.png); }

.character-main-box.character-01 .voice-03 {
  background-image: url(../img/character-s-voice-btn-01-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-01 {
    color: #000;
    background-color: #ffffff; }
  .character-main-box.character-01 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-01 .illust-icon {
    position: absolute;
    left: 63.26531%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-01 .illust-icon, .character-main-box.character-01 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-01 .name-en, .character-main-box.character-01 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .name-jp {
    position: absolute;
    left: 42.85714%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-01 .name-jp, .character-main-box.character-01 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .voice {
    position: absolute;
    left: 69.38776%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-01 .voice, .character-main-box.character-01 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .status {
    position: absolute;
    left: 42.85714%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-01 .status, .character-main-box.character-01 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .tile-01 {
    position: absolute;
    left: 75.5102%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-01 .tile-01, .character-main-box.character-01 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .tile-02 {
    position: absolute;
    left: 59.18367%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-01 .tile-02, .character-main-box.character-01 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-01 .words {
    background-image: url(../img/character-l-words-01.png); }
  .character-main-box.character-01 .illust-stand {
    background-image: url(../img/character-l-illust-stand-01.png); }
  .character-main-box.character-01 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-01.png); }
  .character-main-box.character-01 .name-en {
    background-image: url(../img/character-l-name-en-01.png); }
  .character-main-box.character-01 .name-jp {
    background-image: url(../img/character-l-name-jp-01.png); }
  .character-main-box.character-01 .voice {
    background-image: url(../img/character-l-voice-bg-01.png); }
  .character-main-box.character-01 .voice-01 {
    background-image: url(../img/character-l-voice-btn-01-01.png); }
  .character-main-box.character-01 .voice-02 {
    background-image: url(../img/character-l-voice-btn-01-02.png); }
  .character-main-box.character-01 .voice-03 {
    background-image: url(../img/character-l-voice-btn-01-03.png); }
  .character-main-box.character-01 .status {
    background-image: url(../img/character-l-status-01.png?201706201908); }
  .character-main-box.character-01 .tile-01 {
    background-color: #f1edf2; }
  .character-main-box.character-01 .tile-02 {
    background-color: #f1edf2; } }

.character-main-box.character-02 {
  color: #fff;
  background-color: #5f6796; }

.character-main-box.character-02 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 228.50242%; }

.character-main-box.character-02 .words {
  background-image: url(../img/character-s-words-02.png); }

.character-main-box.character-02 .illust-stand {
  background-image: url(../img/character-s-illust-stand-02.png?201706240005); }

.character-main-box.character-02 .illust-icon {
  display: none; }

.character-main-box.character-02 .name-en {
  background-image: url(../img/character-s-name-en-02.png); }

.character-main-box.character-02 .voice-01 {
  background-image: url(../img/character-s-voice-btn-02-01.png); }

.character-main-box.character-02 .voice-02 {
  background-image: url(../img/character-s-voice-btn-02-02.png); }

.character-main-box.character-02 .voice-03 {
  background-image: url(../img/character-s-voice-btn-02-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-02 {
    color: #000;
    background-color: #f7f5ec; }
  .character-main-box.character-02 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-02 .illust-icon {
    position: absolute;
    left: 0%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-02 .illust-icon, .character-main-box.character-02 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-02 .name-en, .character-main-box.character-02 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .name-jp {
    position: absolute;
    left: 14.28571%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-02 .name-jp, .character-main-box.character-02 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .voice {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-02 .voice, .character-main-box.character-02 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .status {
    position: absolute;
    left: 26.53061%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-02 .status, .character-main-box.character-02 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .tile-01 {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-02 .tile-01, .character-main-box.character-02 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .tile-02 {
    position: absolute;
    left: 20.40816%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-02 .tile-02, .character-main-box.character-02 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-02 .words {
    background-image: url(../img/character-l-words-02.png); }
  .character-main-box.character-02 .illust-stand {
    background-image: url(../img/character-l-illust-stand-02.png); }
  .character-main-box.character-02 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-02.png); }
  .character-main-box.character-02 .name-en {
    background-image: url(../img/character-l-name-en-02.png); }
  .character-main-box.character-02 .name-jp {
    background-image: url(../img/character-l-name-jp-02.png); }
  .character-main-box.character-02 .voice {
    background-image: url(../img/character-l-voice-bg-02.png); }
  .character-main-box.character-02 .voice-01 {
    background-image: url(../img/character-l-voice-btn-02-01.png); }
  .character-main-box.character-02 .voice-02 {
    background-image: url(../img/character-l-voice-btn-02-02.png); }
  .character-main-box.character-02 .voice-03 {
    background-image: url(../img/character-l-voice-btn-02-03.png); }
  .character-main-box.character-02 .status {
    background-image: url(../img/character-l-status-02.png?201706201908); }
  .character-main-box.character-02 .tile-01 {
    background-color: #ffffff; }
  .character-main-box.character-02 .tile-02 {
    background-color: #ffffff; } }

.character-main-box.character-03 {
  color: #fff;
  background-color: #cb3468; }

.character-main-box.character-03 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 217.14976%; }

.character-main-box.character-03 .words {
  background-image: url(../img/character-s-words-03.png); }

.character-main-box.character-03 .illust-stand {
  background-image: url(../img/character-s-illust-stand-03.png?201706240005); }

.character-main-box.character-03 .illust-icon {
  display: none; }

.character-main-box.character-03 .name-en {
  background-image: url(../img/character-s-name-en-03.png); }

.character-main-box.character-03 .voice-01 {
  background-image: url(../img/character-s-voice-btn-03-01.png); }

.character-main-box.character-03 .voice-02 {
  background-image: url(../img/character-s-voice-btn-03-02.png); }

.character-main-box.character-03 .voice-03 {
  background-image: url(../img/character-s-voice-btn-03-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-03 {
    color: #000;
    background-color: #ffffff; }
  .character-main-box.character-03 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-03 .illust-icon {
    position: absolute;
    left: 63.26531%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-03 .illust-icon, .character-main-box.character-03 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-03 .name-en, .character-main-box.character-03 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .name-jp {
    position: absolute;
    left: 42.85714%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-03 .name-jp, .character-main-box.character-03 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .voice {
    position: absolute;
    left: 69.38776%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-03 .voice, .character-main-box.character-03 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .status {
    position: absolute;
    left: 42.85714%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-03 .status, .character-main-box.character-03 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .tile-01 {
    position: absolute;
    left: 75.5102%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-03 .tile-01, .character-main-box.character-03 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .tile-02 {
    position: absolute;
    left: 59.18367%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-03 .tile-02, .character-main-box.character-03 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-03 .words {
    background-image: url(../img/character-l-words-03.png); }
  .character-main-box.character-03 .illust-stand {
    background-image: url(../img/character-l-illust-stand-03.png); }
  .character-main-box.character-03 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-03.png); }
  .character-main-box.character-03 .name-en {
    background-image: url(../img/character-l-name-en-03.png); }
  .character-main-box.character-03 .name-jp {
    background-image: url(../img/character-l-name-jp-03.png); }
  .character-main-box.character-03 .voice {
    background-image: url(../img/character-l-voice-bg-03.png); }
  .character-main-box.character-03 .voice-01 {
    background-image: url(../img/character-l-voice-btn-03-01.png); }
  .character-main-box.character-03 .voice-02 {
    background-image: url(../img/character-l-voice-btn-03-02.png); }
  .character-main-box.character-03 .voice-03 {
    background-image: url(../img/character-l-voice-btn-03-03.png); }
  .character-main-box.character-03 .status {
    background-image: url(../img/character-l-status-03.png?201706201908); }
  .character-main-box.character-03 .tile-01 {
    background-color: #fff2e8; }
  .character-main-box.character-03 .tile-02 {
    background-color: #fff2e8; } }

.character-main-box.character-04 {
  color: #fff;
  background-color: #3f569c; }

.character-main-box.character-04 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 221.98068%; }

.character-main-box.character-04 .words {
  background-image: url(../img/character-s-words-04.png); }

.character-main-box.character-04 .illust-stand {
  background-image: url(../img/character-s-illust-stand-04.png?201706240005); }

.character-main-box.character-04 .illust-icon {
  display: none; }

.character-main-box.character-04 .name-en {
  background-image: url(../img/character-s-name-en-04.png); }

.character-main-box.character-04 .voice-01 {
  background-image: url(../img/character-s-voice-btn-04-01.png); }

.character-main-box.character-04 .voice-02 {
  background-image: url(../img/character-s-voice-btn-04-02.png); }

.character-main-box.character-04 .voice-03 {
  background-image: url(../img/character-s-voice-btn-04-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-04 {
    color: #000;
    background-color: #fff4f1; }
  .character-main-box.character-04 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-04 .illust-icon {
    position: absolute;
    left: 0%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-04 .illust-icon, .character-main-box.character-04 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-04 .name-en, .character-main-box.character-04 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .name-jp {
    position: absolute;
    left: 14.28571%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-04 .name-jp, .character-main-box.character-04 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .voice {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-04 .voice, .character-main-box.character-04 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .status {
    position: absolute;
    left: 26.53061%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-04 .status, .character-main-box.character-04 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .tile-01 {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-04 .tile-01, .character-main-box.character-04 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .tile-02 {
    position: absolute;
    left: 20.40816%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-04 .tile-02, .character-main-box.character-04 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-04 .words {
    background-image: url(../img/character-l-words-04.png); }
  .character-main-box.character-04 .illust-stand {
    background-image: url(../img/character-l-illust-stand-04.png); }
  .character-main-box.character-04 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-04.png); }
  .character-main-box.character-04 .name-en {
    background-image: url(../img/character-l-name-en-04.png); }
  .character-main-box.character-04 .name-jp {
    background-image: url(../img/character-l-name-jp-04.png); }
  .character-main-box.character-04 .voice {
    background-image: url(../img/character-l-voice-bg-04.png); }
  .character-main-box.character-04 .voice-01 {
    background-image: url(../img/character-l-voice-btn-04-01.png); }
  .character-main-box.character-04 .voice-02 {
    background-image: url(../img/character-l-voice-btn-04-02.png); }
  .character-main-box.character-04 .voice-03 {
    background-image: url(../img/character-l-voice-btn-04-03.png); }
  .character-main-box.character-04 .status {
    background-image: url(../img/character-l-status-04.png?201706201908); }
  .character-main-box.character-04 .tile-01 {
    background-color: #ffffff; }
  .character-main-box.character-04 .tile-02 {
    background-color: #ffffff; } }

.character-main-box.character-05 {
  color: #fff;
  background-color: #f1c120; }

.character-main-box.character-05 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 224.39614%; }

.character-main-box.character-05 .words {
  background-image: url(../img/character-s-words-05.png); }

.character-main-box.character-05 .illust-stand {
  background-image: url(../img/character-s-illust-stand-05.png?201706240005); }

.character-main-box.character-05 .illust-icon {
  display: none; }

.character-main-box.character-05 .name-en {
  background-image: url(../img/character-s-name-en-05.png); }

.character-main-box.character-05 .voice-01 {
  background-image: url(../img/character-s-voice-btn-05-01.png); }

.character-main-box.character-05 .voice-02 {
  background-image: url(../img/character-s-voice-btn-05-02.png); }

.character-main-box.character-05 .voice-03 {
  background-image: url(../img/character-s-voice-btn-05-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-05 {
    color: #000;
    background-color: #ffffff; }
  .character-main-box.character-05 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-05 .illust-icon {
    position: absolute;
    left: 63.26531%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-05 .illust-icon, .character-main-box.character-05 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-05 .name-en, .character-main-box.character-05 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .name-jp {
    position: absolute;
    left: 42.85714%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-05 .name-jp, .character-main-box.character-05 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .voice {
    position: absolute;
    left: 69.38776%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-05 .voice, .character-main-box.character-05 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .status {
    position: absolute;
    left: 42.85714%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-05 .status, .character-main-box.character-05 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .tile-01 {
    position: absolute;
    left: 75.5102%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-05 .tile-01, .character-main-box.character-05 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .tile-02 {
    position: absolute;
    left: 59.18367%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-05 .tile-02, .character-main-box.character-05 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-05 .words {
    background-image: url(../img/character-l-words-05.png); }
  .character-main-box.character-05 .illust-stand {
    background-image: url(../img/character-l-illust-stand-05.png); }
  .character-main-box.character-05 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-05.png); }
  .character-main-box.character-05 .name-en {
    background-image: url(../img/character-l-name-en-05.png); }
  .character-main-box.character-05 .name-jp {
    background-image: url(../img/character-l-name-jp-05.png); }
  .character-main-box.character-05 .voice {
    background-image: url(../img/character-l-voice-bg-05.png); }
  .character-main-box.character-05 .voice-01 {
    background-image: url(../img/character-l-voice-btn-05-01.png); }
  .character-main-box.character-05 .voice-02 {
    background-image: url(../img/character-l-voice-btn-05-02.png); }
  .character-main-box.character-05 .voice-03 {
    background-image: url(../img/character-l-voice-btn-05-03.png); }
  .character-main-box.character-05 .status {
    background-image: url(../img/character-l-status-05.png?201706201908); }
  .character-main-box.character-05 .tile-01 {
    background-color: #f6f2f3; }
  .character-main-box.character-05 .tile-02 {
    background-color: #f6f2f3; } }

.character-main-box.character-06 {
  color: #fff;
  background-color: #e38db2; }

.character-main-box.character-06 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 233.57488%; }

.character-main-box.character-06 .words {
  background-image: url(../img/character-s-words-06.png); }

.character-main-box.character-06 .illust-stand {
  background-image: url(../img/character-s-illust-stand-06.png?201706240005); }

.character-main-box.character-06 .illust-icon {
  display: none; }

.character-main-box.character-06 .name-en {
  background-image: url(../img/character-s-name-en-06.png); }

.character-main-box.character-06 .voice-01 {
  background-image: url(../img/character-s-voice-btn-06-01.png); }

.character-main-box.character-06 .voice-02 {
  background-image: url(../img/character-s-voice-btn-06-02.png); }

.character-main-box.character-06 .voice-03 {
  background-image: url(../img/character-s-voice-btn-06-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-06 {
    color: #000;
    background-color: #f9f2f2; }
  .character-main-box.character-06 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-06 .illust-icon {
    position: absolute;
    left: 0%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-06 .illust-icon, .character-main-box.character-06 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-06 .name-en, .character-main-box.character-06 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .name-jp {
    position: absolute;
    left: 14.28571%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-06 .name-jp, .character-main-box.character-06 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .voice {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-06 .voice, .character-main-box.character-06 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .status {
    position: absolute;
    left: 26.53061%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-06 .status, .character-main-box.character-06 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .tile-01 {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-06 .tile-01, .character-main-box.character-06 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .tile-02 {
    position: absolute;
    left: 20.40816%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-06 .tile-02, .character-main-box.character-06 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-06 .words {
    background-image: url(../img/character-l-words-06.png); }
  .character-main-box.character-06 .illust-stand {
    background-image: url(../img/character-l-illust-stand-06.png); }
  .character-main-box.character-06 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-06.png); }
  .character-main-box.character-06 .name-en {
    background-image: url(../img/character-l-name-en-06.png); }
  .character-main-box.character-06 .name-jp {
    background-image: url(../img/character-l-name-jp-06.png); }
  .character-main-box.character-06 .voice {
    background-image: url(../img/character-l-voice-bg-06.png); }
  .character-main-box.character-06 .voice-01 {
    background-image: url(../img/character-l-voice-btn-06-01.png); }
  .character-main-box.character-06 .voice-02 {
    background-image: url(../img/character-l-voice-btn-06-02.png); }
  .character-main-box.character-06 .voice-03 {
    background-image: url(../img/character-l-voice-btn-06-03.png); }
  .character-main-box.character-06 .status {
    background-image: url(../img/character-l-status-06.png?201706201908); }
  .character-main-box.character-06 .tile-01 {
    background-color: #ffffff; }
  .character-main-box.character-06 .tile-02 {
    background-color: #ffffff; } }

.character-main-box.character-07 {
  color: #fff;
  background-color: #9c5193; }

.character-main-box.character-07 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 233.57488%; }

.character-main-box.character-07 .words {
  background-image: url(../img/character-s-words-07.png); }

.character-main-box.character-07 .illust-stand {
  background-image: url(../img/character-s-illust-stand-07.png?201706240005); }

.character-main-box.character-07 .illust-icon {
  display: none; }

.character-main-box.character-07 .name-en {
  background-image: url(../img/character-s-name-en-07.png); }

.character-main-box.character-07 .voice-01 {
  background-image: url(../img/character-s-voice-btn-07-01.png); }

.character-main-box.character-07 .voice-02 {
  background-image: url(../img/character-s-voice-btn-07-02.png); }

.character-main-box.character-07 .voice-03 {
  background-image: url(../img/character-s-voice-btn-07-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-07 {
    color: #000;
    background-color: #ffffff; }
  .character-main-box.character-07 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-07 .illust-icon {
    position: absolute;
    left: 63.26531%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-07 .illust-icon, .character-main-box.character-07 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-07 .name-en, .character-main-box.character-07 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .name-jp {
    position: absolute;
    left: 42.85714%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-07 .name-jp, .character-main-box.character-07 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .voice {
    position: absolute;
    left: 69.38776%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-07 .voice, .character-main-box.character-07 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .status {
    position: absolute;
    left: 42.85714%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-07 .status, .character-main-box.character-07 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .tile-01 {
    position: absolute;
    left: 75.5102%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-07 .tile-01, .character-main-box.character-07 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .tile-02 {
    position: absolute;
    left: 59.18367%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-07 .tile-02, .character-main-box.character-07 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-07 .words {
    background-image: url(../img/character-l-words-07.png); }
  .character-main-box.character-07 .illust-stand {
    background-image: url(../img/character-l-illust-stand-07.png); }
  .character-main-box.character-07 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-07.png); }
  .character-main-box.character-07 .name-en {
    background-image: url(../img/character-l-name-en-07.png); }
  .character-main-box.character-07 .name-jp {
    background-image: url(../img/character-l-name-jp-07.png); }
  .character-main-box.character-07 .voice {
    background-image: url(../img/character-l-voice-bg-07.png); }
  .character-main-box.character-07 .voice-01 {
    background-image: url(../img/character-l-voice-btn-07-01.png); }
  .character-main-box.character-07 .voice-02 {
    background-image: url(../img/character-l-voice-btn-07-02.png); }
  .character-main-box.character-07 .voice-03 {
    background-image: url(../img/character-l-voice-btn-07-03.png); }
  .character-main-box.character-07 .status {
    background-image: url(../img/character-l-status-07.png?201706201908); }
  .character-main-box.character-07 .tile-01 {
    background-color: #fff2e8; }
  .character-main-box.character-07 .tile-02 {
    background-color: #fff2e8; } }

.character-main-box.character-08 {
  color: #fff;
  background-color: #afc938; }

.character-main-box.character-08 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 234.05797%; }

.character-main-box.character-08 .words {
  background-image: url(../img/character-s-words-08.png); }

.character-main-box.character-08 .illust-stand {
  background-image: url(../img/character-s-illust-stand-08.png?201706240005); }

.character-main-box.character-08 .illust-icon {
  display: none; }

.character-main-box.character-08 .name-en {
  background-image: url(../img/character-s-name-en-08.png); }

.character-main-box.character-08 .voice-01 {
  background-image: url(../img/character-s-voice-btn-08-01.png); }

.character-main-box.character-08 .voice-02 {
  background-image: url(../img/character-s-voice-btn-08-02.png); }

.character-main-box.character-08 .voice-03 {
  background-image: url(../img/character-s-voice-btn-08-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-08 {
    color: #000;
    background-color: #f7f6ed; }
  .character-main-box.character-08 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-08 .illust-icon {
    position: absolute;
    left: 0%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-08 .illust-icon, .character-main-box.character-08 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-08 .name-en, .character-main-box.character-08 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .name-jp {
    position: absolute;
    left: 14.28571%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-08 .name-jp, .character-main-box.character-08 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .voice {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-08 .voice, .character-main-box.character-08 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .status {
    position: absolute;
    left: 26.53061%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-08 .status, .character-main-box.character-08 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .tile-01 {
    position: absolute;
    left: 0%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-08 .tile-01, .character-main-box.character-08 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .tile-02 {
    position: absolute;
    left: 20.40816%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-08 .tile-02, .character-main-box.character-08 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-08 .words {
    background-image: url(../img/character-l-words-08.png); }
  .character-main-box.character-08 .illust-stand {
    background-image: url(../img/character-l-illust-stand-08.png); }
  .character-main-box.character-08 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-08.png); }
  .character-main-box.character-08 .name-en {
    background-image: url(../img/character-l-name-en-08.png); }
  .character-main-box.character-08 .name-jp {
    background-image: url(../img/character-l-name-jp-08.png); }
  .character-main-box.character-08 .voice {
    background-image: url(../img/character-l-voice-bg-08.png); }
  .character-main-box.character-08 .voice-01 {
    background-image: url(../img/character-l-voice-btn-08-01.png); }
  .character-main-box.character-08 .voice-02 {
    background-image: url(../img/character-l-voice-btn-08-02.png); }
  .character-main-box.character-08 .voice-03 {
    background-image: url(../img/character-l-voice-btn-08-03.png); }
  .character-main-box.character-08 .status {
    background-image: url(../img/character-l-status-08.png?201706201908); }
  .character-main-box.character-08 .tile-01 {
    background-color: #ffffff; }
  .character-main-box.character-08 .tile-02 {
    background-color: #ffffff; } }

.character-main-box.character-09 {
  color: #fff;
  background-color: #e57f25; }

.character-main-box.character-09 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 241.0628%; }

.character-main-box.character-09 .words {
  background-image: url(../img/character-s-words-09.png); }

.character-main-box.character-09 .illust-stand {
  background-image: url(../img/character-s-illust-stand-09.png?201706240005); }

.character-main-box.character-09 .illust-icon {
  display: none; }

.character-main-box.character-09 .name-en {
  background-image: url(../img/character-s-name-en-09.png); }

.character-main-box.character-09 .voice-01 {
  background-image: url(../img/character-s-voice-btn-09-01.png); }

.character-main-box.character-09 .voice-02 {
  background-image: url(../img/character-s-voice-btn-09-02.png); }

.character-main-box.character-09 .voice-03 {
  background-image: url(../img/character-s-voice-btn-09-03.png); }

@media (min-width: 980px) {
  .character-main-box.character-09 {
    color: #000;
    background-color: #ffffff; }
  .character-main-box.character-09 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline; }
  .character-main-box.character-09 .illust-icon {
    position: absolute;
    left: 63.26531%;
    top: 75.04545%;
    width: 36.73469%;
    height: 18.18182%;
    z-index: 30; }
  .character-main-box.character-09 .illust-icon, .character-main-box.character-09 .illust-icon img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 54.54545%;
    z-index: 2; }
  .character-main-box.character-09 .name-en, .character-main-box.character-09 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .name-jp {
    position: absolute;
    left: 42.85714%;
    top: 24.54545%;
    width: 42.85714%;
    height: 19.09091%;
    z-index: 100; }
  .character-main-box.character-09 .name-jp, .character-main-box.character-09 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .voice {
    position: absolute;
    left: 69.38776%;
    top: 36.81818%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 20; }
  .character-main-box.character-09 .voice, .character-main-box.character-09 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .status {
    position: absolute;
    left: 42.85714%;
    top: 78.18182%;
    width: 30.61224%;
    height: 13.63636%;
    z-index: 40; }
  .character-main-box.character-09 .status, .character-main-box.character-09 .status img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .tile-01 {
    position: absolute;
    left: 75.5102%;
    top: 36.81818%;
    width: 24.4898%;
    height: 10.90909%;
    z-index: 19; }
  .character-main-box.character-09 .tile-01, .character-main-box.character-09 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .tile-02 {
    position: absolute;
    left: 59.18367%;
    top: 82.72727%;
    width: 20.40816%;
    height: 9.09091%;
    z-index: 1; }
  .character-main-box.character-09 .tile-02, .character-main-box.character-09 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-main-box.character-09 .words {
    background-image: url(../img/character-l-words-09.png); }
  .character-main-box.character-09 .illust-stand {
    background-image: url(../img/character-l-illust-stand-09.png); }
  .character-main-box.character-09 .illust-icon {
    display: block;
    background-image: url(../img/character-l-illust-icon-09.png); }
  .character-main-box.character-09 .name-en {
    background-image: url(../img/character-l-name-en-09.png); }
  .character-main-box.character-09 .name-jp {
    background-image: url(../img/character-l-name-jp-09.png); }
  .character-main-box.character-09 .voice {
    background-image: url(../img/character-l-voice-bg-09.png); }
  .character-main-box.character-09 .voice-01 {
    background-image: url(../img/character-l-voice-btn-09-01.png); }
  .character-main-box.character-09 .voice-02 {
    background-image: url(../img/character-l-voice-btn-09-02.png); }
  .character-main-box.character-09 .voice-03 {
    background-image: url(../img/character-l-voice-btn-09-03.png); }
  .character-main-box.character-09 .status {
    background-image: url(../img/character-l-status-09.png?201706201908); }
  .character-main-box.character-09 .tile-01 {
    background-color: #fff2e8; }
  .character-main-box.character-09 .tile-02 {
    background-color: #fff2e8; } }

.character-sub-box {
  position: relative;
  overflow: hidden; }

.character-sub-box img {
  display: inline-block; }

.character-sub-box .character-main-box-inner {
  position: relative; }

.character-sub-box .hr {
  margin: 0 30px;
  background-image: url(../img/character-s-hr-l.png), url(../img/character-s-hr-m.png), url(../img/character-s-hr-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 11px 0, 100% 0;
  -webkit-background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
          background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
  height: 4px;
  margin-bottom: 20px; }

.character-sub-box .hr hr {
  display: none; }

.character-sub-box .words {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-sub-box .illust-stand {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-sub-box .name-en {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0; }

.character-sub-box .name-jp {
  margin: 0 30px; }

.character-sub-box .name-jp .name {
  font-size: 32px;
  font-weight: bold;
  margin: 40px 0 15px;
  line-height: 1.25; }

.character-sub-box .name-jp .desc {
  font-size: 14px;
  line-height: 1.9;
  margin-bottom: 40px; }

.character-sub-box .voice {
  margin: 0 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.character-sub-box .voice .cv {
  font-weight: bold;
  font-size: 16px;
  line-height: 1; }

.character-sub-box .voice .cv:before {
  content: '';
  display: block;
  width: 23.5px;
  height: 19px;
  margin-bottom: 10px;
  background-image: url(../img/character-icon-voice.png);
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.character-sub-box .voice .voice-player {
  overflow: hidden;
  text-align: left;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-left: 5px;
  width: 44px;
  height: 44px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.character-sub-box .voice .disabled {
  opacity: .15;
  pointer-events: none; }

.character-sub-box .status {
  font-size: 14px;
  line-height: 1.9;
  margin: 0 30px 40px; }

@media (min-width: 980px) {
  .character-sub-box {
    height: 880px; }
  .character-sub-box .character-sub-box-inner {
    width: 980px;
    height: 880px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 2; }
  .character-sub-box img {
    display: inline-block; }
  .character-sub-box .hr {
    display: none; }
  .character-sub-box .words {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 50%;
    z-index: 100; }
  .character-sub-box .words, .character-sub-box .words img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box .illust-stand {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: -28.36735%;
    top: 0%;
    width: 156.73469%;
    height: 100%;
    z-index: 1; }
  .character-sub-box .illust-stand, .character-sub-box .illust-stand img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box .illust-icon {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .character-sub-box .name-en {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .character-sub-box .name-jp {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .character-sub-box .voice {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block; }
  .character-sub-box .voice .cv:before {
    display: none; }
  .character-sub-box .voice .voice-01 {
    position: absolute;
    left: 16.66667%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-sub-box .voice .voice-01, .character-sub-box .voice .voice-01 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box .voice .voice-02 {
    position: absolute;
    left: 40%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-sub-box .voice .voice-02, .character-sub-box .voice .voice-02 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box .voice .voice-03 {
    position: absolute;
    left: 63.33333%;
    top: 45.66667%;
    width: 20%;
    height: 20%;
    z-index: 100; }
  .character-sub-box .voice .voice-03, .character-sub-box .voice .voice-03 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box .status {
    overflow: hidden;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0; } }

.character-sub-box.character-10 {
  color: #fff;
  background-color: #403739; }

.character-sub-box.character-10 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 128.26087%; }

.character-sub-box.character-10 .words {
  background-image: url(../img/character-s-words-10.png); }

.character-sub-box.character-10 .illust-stand {
  background-image: url(../img/character-s-illust-stand-10.png); }

.character-sub-box.character-10 .illust-icon {
  display: none; }

.character-sub-box.character-10 .name-en {
  background-image: url(../img/character-s-name-en-10.png); }

.character-sub-box.character-10 .voice-01 {
  background-image: url(../img/character-s-voice-btn-10-01.png); }

.character-sub-box.character-10 .voice-02 {
  background-image: url(../img/character-s-voice-btn-10-02.png); }

.character-sub-box.character-10 .voice-03 {
  background-image: url(../img/character-s-voice-btn-10-03.png); }

@media (min-width: 980px) {
  .character-sub-box.character-10 {
    background-color: #efefe9; }
  .character-sub-box.character-10 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0; }
  .character-sub-box.character-10 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 100%;
    z-index: 2; }
  .character-sub-box.character-10 .name-en, .character-sub-box.character-10 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-10 .name-jp {
    position: absolute;
    left: 0%;
    top: 25%;
    width: 36.73469%;
    height: 40.90909%;
    z-index: 100; }
  .character-sub-box.character-10 .name-jp, .character-sub-box.character-10 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-10 .voice {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 30.61224%;
    height: 34.09091%;
    z-index: 20; }
  .character-sub-box.character-10 .voice, .character-sub-box.character-10 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-10 .tile-01 {
    position: absolute;
    left: -2.04082%;
    top: 15.90909%;
    width: 20.40816%;
    height: 22.72727%;
    z-index: 1; }
  .character-sub-box.character-10 .tile-01, .character-sub-box.character-10 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-10 .tile-02 {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 24.4898%;
    height: 27.27273%;
    z-index: 1; }
  .character-sub-box.character-10 .tile-02, .character-sub-box.character-10 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-10 .words {
    background-image: url(../img/character-l-words-10.png); }
  .character-sub-box.character-10 .illust-stand {
    background-image: url(../img/character-l-illust-stand-10.png); }
  .character-sub-box.character-10 .illust-icon {
    background-image: url(../img/character-l-illust-icon-10.png); }
  .character-sub-box.character-10 .name-en {
    background-image: url(../img/character-l-name-en-10.png); }
  .character-sub-box.character-10 .name-jp {
    background-image: url(../img/character-l-name-jp-10.png); }
  .character-sub-box.character-10 .voice {
    background-image: url(../img/character-l-voice-bg-10.png); }
  .character-sub-box.character-10 .voice-01 {
    background-image: url(../img/character-l-voice-btn-10-01.png); }
  .character-sub-box.character-10 .voice-02 {
    background-image: url(../img/character-l-voice-btn-10-02.png); }
  .character-sub-box.character-10 .voice-03 {
    background-image: url(../img/character-l-voice-btn-10-03.png); }
  .character-sub-box.character-10 .status {
    background-image: url(../img/character-l-status-10.png); }
  .character-sub-box.character-10 .tile-01 {
    background-color: #ffffff; }
  .character-sub-box.character-10 .tile-02 {
    background-color: #ffffff; } }

.character-sub-box.character-11 {
  color: #fff;
  background-color: #e7ae71; }

.character-sub-box.character-11 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 121.73913%; }

.character-sub-box.character-11 .words {
  background-image: url(../img/character-s-words-11.png); }

.character-sub-box.character-11 .illust-stand {
  background-image: url(../img/character-s-illust-stand-11.png); }

.character-sub-box.character-11 .illust-icon {
  display: none; }

.character-sub-box.character-11 .name-en {
  background-image: url(../img/character-s-name-en-11.png); }

.character-sub-box.character-11 .voice-01 {
  background-image: url(../img/character-s-voice-btn-11-01.png); }

.character-sub-box.character-11 .voice-02 {
  background-image: url(../img/character-s-voice-btn-11-02.png); }

.character-sub-box.character-11 .voice-03 {
  background-image: url(../img/character-s-voice-btn-11-03.png); }

@media (min-width: 980px) {
  .character-sub-box.character-11 {
    background-color: #ffffff; }
  .character-sub-box.character-11 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0; }
  .character-sub-box.character-11 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 100%;
    z-index: 2; }
  .character-sub-box.character-11 .name-en, .character-sub-box.character-11 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-11 .name-jp {
    position: absolute;
    left: 63.26531%;
    top: 25%;
    width: 36.73469%;
    height: 40.90909%;
    z-index: 100; }
  .character-sub-box.character-11 .name-jp, .character-sub-box.character-11 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-11 .voice {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 30.61224%;
    height: 34.09091%;
    z-index: 20; }
  .character-sub-box.character-11 .voice, .character-sub-box.character-11 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-11 .tile-01 {
    position: absolute;
    left: 81.63265%;
    top: 15.90909%;
    width: 20.40816%;
    height: 22.72727%;
    z-index: 1; }
  .character-sub-box.character-11 .tile-01, .character-sub-box.character-11 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-11 .tile-02 {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 24.4898%;
    height: 27.27273%;
    z-index: 1; }
  .character-sub-box.character-11 .tile-02, .character-sub-box.character-11 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-11 .words {
    background-image: url(../img/character-l-words-11.png); }
  .character-sub-box.character-11 .illust-stand {
    background-image: url(../img/character-l-illust-stand-11.png); }
  .character-sub-box.character-11 .illust-icon {
    background-image: url(../img/character-l-illust-icon-11.png); }
  .character-sub-box.character-11 .name-en {
    background-image: url(../img/character-l-name-en-11.png); }
  .character-sub-box.character-11 .name-jp {
    background-image: url(../img/character-l-name-jp-11.png); }
  .character-sub-box.character-11 .voice {
    background-image: url(../img/character-l-voice-bg-11.png); }
  .character-sub-box.character-11 .voice-01 {
    background-image: url(../img/character-l-voice-btn-11-01.png); }
  .character-sub-box.character-11 .voice-02 {
    background-image: url(../img/character-l-voice-btn-11-02.png); }
  .character-sub-box.character-11 .voice-03 {
    background-image: url(../img/character-l-voice-btn-11-03.png); }
  .character-sub-box.character-11 .status {
    background-image: url(../img/character-l-status-11.png); }
  .character-sub-box.character-11 .tile-01 {
    background-color: #f3eff1; }
  .character-sub-box.character-11 .tile-02 {
    background-color: #f3eff1; } }

.character-sub-box.character-12 {
  color: #fff;
  background-color: #09546f; }

.character-sub-box.character-12 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 133.81643%; }

.character-sub-box.character-12 .words {
  background-image: url(../img/character-s-words-12.png); }

.character-sub-box.character-12 .illust-stand {
  background-image: url(../img/character-s-illust-stand-12.png); }

.character-sub-box.character-12 .illust-icon {
  display: none; }

.character-sub-box.character-12 .name-en {
  background-image: url(../img/character-s-name-en-12.png); }

.character-sub-box.character-12 .voice-01 {
  background-image: url(../img/character-s-voice-btn-12-01.png); }

.character-sub-box.character-12 .voice-02 {
  background-image: url(../img/character-s-voice-btn-12-02.png); }

.character-sub-box.character-12 .voice-03 {
  background-image: url(../img/character-s-voice-btn-12-03.png); }

@media (min-width: 980px) {
  .character-sub-box.character-12 {
    background-color: #eaefe6; }
  .character-sub-box.character-12 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0; }
  .character-sub-box.character-12 .name-en {
    position: absolute;
    left: 91.83673%;
    top: 0%;
    width: 16.32653%;
    height: 100%;
    z-index: 2; }
  .character-sub-box.character-12 .name-en, .character-sub-box.character-12 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-12 .name-jp {
    position: absolute;
    left: 0%;
    top: 25%;
    width: 36.73469%;
    height: 40.90909%;
    z-index: 100; }
  .character-sub-box.character-12 .name-jp, .character-sub-box.character-12 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-12 .voice {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 30.61224%;
    height: 34.09091%;
    z-index: 20; }
  .character-sub-box.character-12 .voice, .character-sub-box.character-12 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-12 .tile-01 {
    position: absolute;
    left: -2.04082%;
    top: 15.90909%;
    width: 20.40816%;
    height: 22.72727%;
    z-index: 1; }
  .character-sub-box.character-12 .tile-01, .character-sub-box.character-12 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-12 .tile-02 {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 24.4898%;
    height: 27.27273%;
    z-index: 1; }
  .character-sub-box.character-12 .tile-02, .character-sub-box.character-12 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-12 .words {
    background-image: url(../img/character-l-words-12.png); }
  .character-sub-box.character-12 .illust-stand {
    background-image: url(../img/character-l-illust-stand-12.png); }
  .character-sub-box.character-12 .illust-icon {
    background-image: url(../img/character-l-illust-icon-12.png); }
  .character-sub-box.character-12 .name-en {
    background-image: url(../img/character-l-name-en-12.png); }
  .character-sub-box.character-12 .name-jp {
    background-image: url(../img/character-l-name-jp-12.png); }
  .character-sub-box.character-12 .voice {
    background-image: url(../img/character-l-voice-bg-12.png); }
  .character-sub-box.character-12 .voice-01 {
    background-image: url(../img/character-l-voice-btn-12-01.png); }
  .character-sub-box.character-12 .voice-02 {
    background-image: url(../img/character-l-voice-btn-12-02.png); }
  .character-sub-box.character-12 .voice-03 {
    background-image: url(../img/character-l-voice-btn-12-03.png); }
  .character-sub-box.character-12 .status {
    background-image: url(../img/character-l-status-12.png); }
  .character-sub-box.character-12 .tile-01 {
    background-color: #ffffff; }
  .character-sub-box.character-12 .tile-02 {
    background-color: #ffffff; } }

.character-sub-box.character-13 {
  color: #fff;
  background-color: #ba292a; }

.character-sub-box.character-13 .illust-area {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 128.74396%; }

.character-sub-box.character-13 .words {
  background-image: url(../img/character-s-words-13.png); }

.character-sub-box.character-13 .illust-stand {
  background-image: url(../img/character-s-illust-stand-13.png); }

.character-sub-box.character-13 .illust-icon {
  display: none; }

.character-sub-box.character-13 .name-en {
  background-image: url(../img/character-s-name-en-13.png); }

.character-sub-box.character-13 .voice-01 {
  background-image: url(../img/character-s-voice-btn-13-01.png); }

.character-sub-box.character-13 .voice-02 {
  background-image: url(../img/character-s-voice-btn-13-02.png); }

.character-sub-box.character-13 .voice-03 {
  background-image: url(../img/character-s-voice-btn-13-03.png); }

@media (min-width: 980px) {
  .character-sub-box.character-13 {
    background-color: #ffffff; }
  .character-sub-box.character-13 .illust-area {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    padding-top: 0; }
  .character-sub-box.character-13 .name-en {
    position: absolute;
    left: -8.16327%;
    top: 0%;
    width: 16.32653%;
    height: 100%;
    z-index: 2; }
  .character-sub-box.character-13 .name-en, .character-sub-box.character-13 .name-en img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-13 .name-jp {
    position: absolute;
    left: 63.26531%;
    top: 25%;
    width: 36.73469%;
    height: 40.90909%;
    z-index: 100; }
  .character-sub-box.character-13 .name-jp, .character-sub-box.character-13 .name-jp img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-13 .voice {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 30.61224%;
    height: 34.09091%;
    z-index: 20; }
  .character-sub-box.character-13 .voice, .character-sub-box.character-13 .voice img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-13 .tile-01 {
    position: absolute;
    left: 81.63265%;
    top: 15.90909%;
    width: 20.40816%;
    height: 22.72727%;
    z-index: 1; }
  .character-sub-box.character-13 .tile-01, .character-sub-box.character-13 .tile-01 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-13 .tile-02 {
    position: absolute;
    left: 34.69388%;
    top: 56.81818%;
    width: 24.4898%;
    height: 27.27273%;
    z-index: 1; }
  .character-sub-box.character-13 .tile-02, .character-sub-box.character-13 .tile-02 img {
    max-width: none;
    vertical-align: top; }
  .character-sub-box.character-13 .words {
    background-image: url(../img/character-l-words-13.png); }
  .character-sub-box.character-13 .illust-stand {
    background-image: url(../img/character-l-illust-stand-13.png); }
  .character-sub-box.character-13 .illust-icon {
    background-image: url(../img/character-l-illust-icon-13.png); }
  .character-sub-box.character-13 .name-en {
    background-image: url(../img/character-l-name-en-13.png); }
  .character-sub-box.character-13 .name-jp {
    background-image: url(../img/character-l-name-jp-13.png); }
  .character-sub-box.character-13 .voice {
    background-image: url(../img/character-l-voice-bg-13.png); }
  .character-sub-box.character-13 .voice-01 {
    background-image: url(../img/character-l-voice-btn-13-01.png); }
  .character-sub-box.character-13 .voice-02 {
    background-image: url(../img/character-l-voice-btn-13-02.png); }
  .character-sub-box.character-13 .voice-03 {
    background-image: url(../img/character-l-voice-btn-13-03.png); }
  .character-sub-box.character-13 .status {
    background-image: url(../img/character-l-status-13.png); }
  .character-sub-box.character-13 .tile-01 {
    background-color: #f9f0f0; }
  .character-sub-box.character-13 .tile-02 {
    background-color: #f9f0f0; } }

/*=====================================
	gallery
=====================================*/
.section-gallery {
  overflow: hidden;
  position: relative; }

@media (min-width: 980px) {
  .section-gallery {
    height: 1000px; } }

.section-gallery .gallery-bg {
  z-index: 1;
  background-image: url(../img/bg-gallery.jpg);
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 980px) {
  .section-gallery .gallery-bg {
    position: relative;
    top: -100vh;
    height: calc(100vh + 400px); } }

.section-gallery-inner {
  z-index: 2;
  position: relative; }

.section-gallery-inner img {
  display: inline-block; }

@media (min-width: 980px) {
  .section-gallery-inner {
    width: 980px;
    height: 1000px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0; } }

.section-gallery-inner .section-header {
  text-align: center;
  width: 46.37681%;
  padding: 14.25121% 0;
  margin: 0 auto; }

@media (min-width: 980px) {
  .section-gallery-inner .section-header {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 12%;
    width: 100%;
    height: 10%;
    z-index: 100; }
  .section-gallery-inner .section-header, .section-gallery-inner .section-header img {
    max-width: none;
    vertical-align: top; } }

.gallery-list {
  padding-left: 0;
  font-size: 0;
  text-align: left;
  position: relative;
  left: 3.98551%;
  margin-bottom: 3.98551%; }

.gallery-list li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .gallery-list ::i-block-chrome, .gallery-list {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.gallery-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .gallery-list > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .gallery-list > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .gallery-list {
    position: absolute;
    left: 10px;
    top: 230px; } }

.gallery-list li {
  position: relative;
  margin: 0.84541%;
  width: 28.98551%;
  height: 0;
  padding-top: 28.98551%; }

@media (min-width: 980px) {
  .gallery-list li {
    margin: 5px;
    padding-top: 0;
    width: 150px;
    height: 150px;
    width: 128px;
    height: 128px; } }

.gallery-list li.empty {
  background-color: #ddd; }

.gallery-list a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block; }

.gallery-list a.hover {
  opacity: .7; }

.gallery-list img {
  display: block;
  width: 100%; }

/*=====================================
	special
=====================================*/
.section-special {
  overflow: hidden;
  position: relative; }

@media (min-width: 980px) {
  .section-special {
    height: 1195px; } }

.section-special .special-bg {
  z-index: 1;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 980px) {
  .section-special .special-bg {
    position: relative;
    top: -100vh;
    height: calc(100vh + 400px); } }

.section-special-inner {
  z-index: 2; }

.section-special-inner img {
  display: inline-block; }

.section-special-inner .section-header {
  text-align: center;
  width: 46.37681%;
  padding: 14.25121% 0;
  margin: 0 auto; }

.section-special-inner .embed-movie {
  position: relative;
  width: 90.33816%;
  height: 0;
  padding-top: 50.72464%;
  margin: 0 auto 13.52657%; }

.section-special-inner .embed-movie iframe {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 1; }

.section-special-inner .embed-movie iframe, .section-special-inner .embed-movie iframe img {
  max-width: none;
  vertical-align: top; }

.section-special-inner .embed-movie .dummy-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #ddd;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 1; }

@media (min-width: 640px) {
  .section-special-inner .embed-movie .dummy-text {
    font-size: 25px;
    font-size: 2.5rem; } }

@media (min-width: 980px) {
  .section-special-inner .embed-movie .dummy-text {
    font-size: 30px;
    font-size: 3rem; } }

.section-special-inner .embed-movie .dummy-text, .section-special-inner .embed-movie .dummy-text img {
  max-width: none;
  vertical-align: top; }

.section-special-inner .special-list {
  padding-left: 0;
  font-size: 0;
  text-align: center;
  position: relative;
  margin-bottom: 3.86473%; }

.section-special-inner .special-list li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .section-special-inner .special-list ::i-block-chrome, .section-special-inner .special-list {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.section-special-inner .special-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .section-special-inner .special-list > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .section-special-inner .special-list > li {
    font-size: 14px;
    font-size: 1.4rem; } }

.section-special-inner .special-list a {
  position: relative;
  display: block;
  z-index: 10; }

.section-special-inner .special-list a.hover {
  opacity: .7; }

.section-special-inner .special-list a:before {
  position: absolute;
  content: '';
  border: rgba(27, 115, 154, 0.15) 6px solid;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 11; }

.section-special-inner .special-list img {
  display: block;
  z-index: 10; }

.section-special-inner .special-bg-01 {
  display: none;
  pointer-events: none; }

.section-special-inner .special-bg-02 {
  display: none;
  pointer-events: none; }

@media (min-width: 980px) {
  .section-special-inner {
    width: 980px;
    height: 1405px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0; }
  .section-special-inner .section-header {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 8.54093%;
    width: 100%;
    height: 7.11744%;
    z-index: 100; }
  .section-special-inner .section-header, .section-special-inner .section-header img {
    max-width: none;
    vertical-align: top; }
  .section-special-inner .embed-movie {
    position: absolute;
    left: 6.42857%;
    top: 19.57295%;
    width: 87.14286%;
    height: 34.1637%;
    z-index: 100; }
  .section-special-inner .embed-movie, .section-special-inner .embed-movie img {
    max-width: none;
    vertical-align: top; }
  .section-special-inner .special-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 870px;
    width: 880px;
    z-index: 100;
    margin: 0 auto; }
  .section-special-inner .special-bg-01 {
    display: block;
    position: absolute;
    left: 73.46939%;
    top: 2.63345%;
    width: 34.69388%;
    height: 24.19929%;
    z-index: 1; }
  .section-special-inner .special-bg-01, .section-special-inner .special-bg-01 img {
    max-width: none;
    vertical-align: top; }
  .section-special-inner .special-bg-02 {
    display: block;
    position: absolute;
    left: 0%;
    top: 44.41281%;
    width: 34.69388%;
    height: 24.19929%;
    z-index: 1; }
  .section-special-inner .special-bg-02, .section-special-inner .special-bg-02 img {
    max-width: none;
    vertical-align: top; } }

/*=====================================
	spec
=====================================*/
.section-spec {
  overflow: hidden;
  position: relative; }

@media (min-width: 980px) {
  .section-spec {
    /* // 旧スタイル：absolute width: auto; height: auto; padding-top: 0; position: relative; height: 100vh; // section高さ：JSに反映 min-height: 840px; */ } }

.section-spec .spec-bg {
  z-index: 1;
  background-image: url(../img/bg-spec.jpg);
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 980px) {
  .section-spec .spec-bg {
    background-attachment: fixed; } }

.section-spec-inner {
  position: absolute;
  z-index: 2;
  position: relative; }

.section-spec-inner img {
  display: inline-block; }

@media (min-width: 980px) {
  .section-spec-inner {
    width: 980px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    padding: 250px 0 32px; } }

.section-spec-inner .section-header {
  text-align: center;
  width: 46.37681%;
  padding: 14.25121% 0;
  margin: 0 auto; }

@media (min-width: 980px) {
  .section-spec-inner .section-header {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 8.57143%;
    width: 100%;
    height: 7.14286%;
    z-index: 100;
    top: 120px; }
  .section-spec-inner .section-header, .section-spec-inner .section-header img {
    max-width: none;
    vertical-align: top; } }

.section-spec-inner .spec-content {
  padding: 0 8px; }

@media (min-width: 980px) {
  .section-spec-inner .spec-content {
    width: 640px;
    margin: 0 auto;
    padding: 0; } }

.section-spec-inner .spec-point {
  width: 100%;
  display: inline-block;
  margin-bottom: 8px; }

@media (min-width: 980px) {
  .section-spec-inner .spec-point {
    margin-bottom: 20px; } }

.section-spec-inner .spec-route-desc {
  width: 100%;
  display: inline-block;
  margin-bottom: 8px; }

@media (min-width: 980px) {
  .section-spec-inner .spec-route-desc {
    margin-bottom: 20px; } }

.section-spec-inner .spec-list {
  background-image: url(../img/spec-frame-t.png), url(../img/spec-frame-b.png), url(../img/spec-frame-m.png);
  -webkit-background-size: contain,contain,contain contain,contain,contain;
          background-size: contain,contain,contain;
  background-repeat: no-repeat, no-repeat,repeat-y;
  background-position: 0 0, 0 bottom, 0 0;
  text-align: center;
  position: relative;
  z-index: 10;
  color: #000;
  padding: 6vw; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list {
    padding: 32px; } }

.section-spec-inner .spec-list dt {
  text-align: center;
  line-height: 1;
  margin-bottom: .5em;
  color: #048aa6;
  font-size: 2vw; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list dt {
    font-size: 14px; } }

.section-spec-inner .spec-list dd {
  font-weight: bold;
  margin-left: 0;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-feature-settings: 'palt';
  line-height: 1.4;
  margin-bottom: 1em;
  font-size: 3vw; }

.section-spec-inner .spec-list dd:last-child {
  margin-bottom: .5em; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list dd {
    font-size: 18px; } }

.section-spec-inner .spec-list dd .brand-logo {
  width: 40%; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list dd .brand-logo {
    width: 30%; } }

.section-spec-inner .spec-list dd .edition {
  padding: 1em;
  margin: .5em 0;
  border: rgba(0, 0, 0, 0.2) 1px solid; }

.section-spec-inner .spec-list dd .edition.edition-1 .edition-header {
  border-bottom-color: #cb3468; }

.section-spec-inner .spec-list dd .edition.edition-1 .platform {
  color: #cb3468; }

.section-spec-inner .spec-list dd .edition.edition-2 .edition-header {
  border-bottom-color: #3f569c; }

.section-spec-inner .spec-list dd .edition.edition-2 .platform {
  color: #3f569c; }

.section-spec-inner .spec-list dd .edition.edition-3 .edition-header {
  border-bottom-color: #8da22c; }

.section-spec-inner .spec-list dd .edition.edition-3 .platform {
  color: #8da22c; }

.section-spec-inner .spec-list dd .edition-header {
  text-align: center;
  line-height: 1;
  padding-bottom: .25em;
  font-size: 100%;
  border-bottom: #fff 2px solid; }

.section-spec-inner .spec-list dd .edition-img {
  position: relative;
  width: 50%;
  margin: 0 auto 1em; }

.section-spec-inner .spec-list dd .edition-img.tapestry {
  width: 75%; }

.section-spec-inner .spec-list dd .edition-img .thumb {
  position: relative;
  z-index: 10;
  width: 100%; }

.section-spec-inner .spec-list dd .edition-img .bonus-item-expand {
  position: absolute;
  z-index: 20;
  left: 4px;
  bottom: 4px;
  -webkit-animation: bonus-expand 0.5s linear 0s infinite alternate;
          animation: bonus-expand 0.5s linear 0s infinite alternate;
  display: none; }

@-webkit-keyframes bonus-expand {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes bonus-expand {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@media (min-width: 640px) {
  .section-spec-inner .spec-list dd .edition-img .bonus-item-expand {
    display: inline-block; } }

.section-spec-inner .spec-list dd .edition-img.imagine {
  width: 50%; }

.section-spec-inner .spec-list dd .edition-desc {
  font-size: 80%; }

.section-spec-inner .spec-list dd .edition-desc:last-child {
  margin-bottom: 0; }

.section-spec-inner .spec-list dd .edition-img-supplement {
  font-size: 80%;
  margin-bottom: 0; }

.section-spec-inner .spec-list dd .platform {
  display: inline-block;
  width: 48%;
  margin-right: .5em;
  text-align: right; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list dd .platform {
    width: 50%; } }

.section-spec-inner .spec-list dd .reserve-song-list {
  text-align: left;
  display: inline-block;
  margin-top: .75em;
  font-size: 80%;
  margin-bottom: 0; }

.section-spec-inner .spec-list dd .price {
  display: inline-block;
  width: 30%;
  text-align: right; }

@media (min-width: 980px) {
  .section-spec-inner .spec-list dd .price {
    width: 25%; } }

.section-spec-inner .spec-list dd.price {
  text-align: left; }

.ost-tracklist {
  background-color: #fff;
  max-width: 880px;
  padding: 2em;
  margin: 0 auto; }

/*-------------------------------------
	copyright
-------------------------------------*/
.copyright {
  line-height: 1;
  padding: 8px 0 16px;
  color: #000;
  line-height: 1.4; }

.logo-ps-inline {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NC41NjIiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA4NC41NjIgNjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9ImxvZ28tcHMtaW5saW5lIiBjbGFzcz0iY2xzLTEiIGQ9Ik05NDguMDUzIDE2Ny45OTJ2NjAuNjVMOTYxLjgyNyAyMzN2LTUwLjg3NGMwLTIuMzc3IDEuMDY1LTMuOTc2IDIuNzg4LTMuNDE3IDIuMjQ4LjYyMSAyLjY4NiAyLjgxNCAyLjY4NiA1LjE5NHYyMC4zMTZjOC41ODggNC4xMzIgMTUuMzQ0IDAgMTUuMzQ0LTEwLjkgMC0xMS4xODgtMy45NTMtMTYuMTUxLTE1LjYxNS0yMC4xNDdhMTY2LjYxMyAxNjYuNjEzIDAgMCAwLTE4Ljk3Ny01LjE4em0xNi4zODUgNTYuMTQ1bDIyLjE1Ni03Ljg3YzIuNTEyLS45IDIuOS0yLjE2OC44NTgtMi44MzNhMTUuMDg1IDE1LjA4NSAwIDAgMC04LjI0OC40MjRsLTE0Ljc2NiA1LjE4NFYyMTAuOGwuODQ5LS4yODVhNTAuODcxIDUwLjg3MSAwIDAgMSAxMC4yNjItMi4xNzEgNDQgNDQgMCAwIDEgMTkuMTExIDIuMjdjNi41IDIuMDQ3IDcuMjMgNS4wNiA1LjU4IDcuMTMzcy01LjcgMy41NjEtNS43IDMuNTYxbC0zMC4xMDYgMTAuNzc0di03Ljk0MnptLTQxLjY1NS0uODM3Yy02LjY2OS0xLjg3My03Ljc4My01Ljc2NC00Ljc0NC04LjAxM2EzMi43NTEgMzIuNzUxIDAgMCAxIDcuNTk0LTMuNjM2bDE5Ljc0Ny02Ljk5djcuOTY3bC0xNC4yMTEgNS4wN2MtMi41MTIuOS0yLjg5MiAyLjE2OS0uODU4IDIuODMxYTE1LjAwNyAxNS4wMDcgMCAwIDAgOC4yNTMtLjQyMmw2LjgxNi0yLjQ2MXY3LjEzNWMtLjQzNi4wNzItLjkxMy4xNS0xLjM1Ni4yMjFhNDQuODUgNDQuODUgMCAwIDEtMjEuMjQxLTEuNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkxNi40MzggLTE2OCkiLz48L3N2Zz4="); }

.logo-psvita-inline {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDIuMjUiIGhlaWdodD0iNDAuMDk0IiB2aWV3Qm94PSIwIDAgMjQyLjI1IDQwLjA5NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsLXJ1bGU6ZXZlbm9kZH08L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0ibG9nby1wc3ZpdGEtaW5saW5lIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDI5LjA3IDIxMC4xODZ2MTEuOTY4YS4zLjMgMCAwIDAgLjMuMjk0aDcuODFhLjMuMyAwIDAgMCAuMy0uMjk0di0xMS45NjhjMC0zLjQ4OCAxLjgyLTUuOTIgNC40Mi01LjkyaDIwLjM5YzYuNDkgMCAxMC41MS00LjE4OCAxMC41MS0xMC45MzFzLTQuMDItMTAuOTQ3LTEwLjUxLTEwLjk0N2gtMzIuOTJhLjMuMyAwIDAgMC0uMy4yOTR2NC4zNTFhLjMuMyAwIDAgMCAuMy4yOTVoMzAuMzdjMi45NiAwIDQuNjYgMi4xOSA0LjY2IDZzLTEuNyA1Ljk5Mi00LjY2IDUuOTkyaC0yMS43MWMtNS4xMSAwLTguOTYgNC42NzEtOC45NiAxMC44NjRtNzEuODYtMjIuODZoMTUuNDRhLjMuMyAwIDAgMCAuMy0uM3YtNC4zNTNhLjMuMyAwIDAgMC0uMy0uMjk0aC0xOGMtNi40OSAwLTEwLjUxIDQuMTk0LTEwLjUxIDEwLjk0NnYxOC4xNzVjMCAzLjgwNy0xLjcgNS45OTMtNC42NyA1Ljk5M2gtMTUuOTZhLjMuMyAwIDAgMC0uMy4yOTV2NC4zNThhLjMuMyAwIDAgMCAuMy4yOTJoMTguNTJjNi40OSAwIDEwLjUxLTQuMTg4IDEwLjUxLTEwLjkzMnYtMTguMTc4YzAtMy44MTUgMS43LTYgNC42Ny02bTc0LjY4IDM0LjgyOGEuMy4zIDAgMCAwIC4zLjI5NGg3LjgxYS4zLjMgMCAwIDAgLjMtLjI5NHYtMzkuNDY5YS4zLjMgMCAwIDAtLjMtLjNoLTcuODFhLjMuMyAwIDAgMC0uMy4zdjM5LjQ2OXptLTI0LjU2LTQuMTE1bDE5LjAyLTM1LjMxNGEuMjEyLjIxMiAwIDAgMC0uMTktLjM0MmgtNC45NmEuNTQ5LjU0OSAwIDAgMC0uNDQuMjU5bC0xNS4yMSAyOC4yOWMtMS4xMiAyLjA5My0zLjAxIDIuMzUxLTQuMTMuMjU3bC0xNS4zNS0yOC41NDdhLjU0OS41NDkgMCAwIDAtLjQ0LS4yNTloLTguNjljLS4yMSAwLS4yOC4xNzEtLjE4LjM2MWwxOS4wMiAzNS4yOTVhOC43IDguNyAwIDAgMCAzLjgxIDMuOTgxYzIuMjQgMS4wMTggNC42Ni4yNjUgNi42Mi0yLjI1M2ExMi41MTYgMTIuNTE2IDAgMCAwIDEuMTItMS43MjhtNzcuODctMzUuNjQ5aC0zOS4xN2EuMjkzLjI5MyAwIDAgMC0uMjkuM3Y0LjMwNmEuMjkyLjI5MiAwIDAgMCAuMjkuMjkzaDE0Ljg2YS41MzMuNTMzIDAgMCAxIC41My41M3YzNC4zNGEuMjkxLjI5MSAwIDAgMCAuMjkuMjkyaDcuODFhLjI5My4yOTMgMCAwIDAgLjMtLjI5MnYtMzQuMzRhLjUzMy41MzMgMCAwIDEgLjUzLS41M2gxNC44NWEuMjk0LjI5NCAwIDAgMCAuMy0uMjkzdi00LjMwNmEuMy4zIDAgMCAwLS4zLS4zbTQyLjM1IDM5LjcwOGwtMTkuMDItMzUuM2E4LjcgOC43IDAgMCAwLTMuODEtMy45NzhjLTIuMjQtMS4wMTgtNC42Ni0uMjY2LTYuNjIgMi4yNTJhMTIuNjczIDEyLjY3MyAwIDAgMC0xLjEyIDEuNzI2bC0xOS4wMiAzNS4zMTdhLjIxLjIxIDAgMCAwIC4xOC4zNDJoNC45N2EuNTUuNTUgMCAwIDAgLjQ0LS4yNmw0LjA3LTcuNTY1di0uMDExYS45ODQuOTg0IDAgMCAxIC43OS0uNDY3aDI0Ljk4YS45NjcuOTY3IDAgMCAxIC43Ni40NDNsLjAyLjAzNCA0LjA3IDcuNTY2YS41NS41NSAwIDAgMCAuNDQuMjZoOC42OWMuMjEgMCAuMjgtLjE3MS4xOC0uMzYybS0xNi44Ny0xMi44MzRoLTE5LjU3YS4zMzIuMzMyIDAgMCAxLS4zMi0uNTMydi0uMDA3bDcuOTctMTQuODE1YzEuMTItMi4wOTMgMy4wMS0yLjM0OCA0LjEzLS4yNTdsOC4xNCAxNS4xMjlhLjMyOC4zMjggMCAwIDEtLjM1LjQ4MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMjkuMDYgLTE4Mi4zNzUpIi8+PC9zdmc+"); }

.logo-ps4-inline {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODguMTkgNDAuMjIiPjx0aXRsZT5sb2dvLXBzNC1pbmxpbmU8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0xMjUuNSwwSDk5LjIxQzkxLjU5LDAsODcuODUsNC43LDg3Ljg1LDEwLjgyVjI5LjQxYzAsMy43OC0xLjgsNi41MS01LjU5LDYuNTFINTcuNTZhLjI4LjI4LDAsMCwwLS4yOC4yOHYzLjczYS4yOS4yOSwwLDAsMCwuMjguMjhIODUuMTJjNy42MywwLDExLjM2LTQuNjksMTEuMzYtMTAuOFYxMC44MWMwLTMuNzksMS44LTYuNTIsNS41OC02LjUySDEyNS41YS4yOC4yOCwwLDAsMCwuMjgtLjI4Vi4yOEEuMjguMjgsMCwwLDAsMTI1LjUsMCIvPjxwYXRoIGQ9Ik00Ny44NCwwSC4yOEEuMjguMjgsMCwwLDAsMCwuMjlWNGEuMjguMjgsMCwwLDAsLjI4LjI4SDQ1YzMuNzksMCw1LjU4LDIuNzMsNS41OCw2LjUyUzQ4Ljc4LDE3LjMzLDQ1LDE3LjMzSDkuNjJDNC4xNCwxNy4zMywwLDIxLjk0LDAsMjguMDZWMzkuOTRhLjI4LjI4LDAsMCwwLC4yOC4yOEg4LjM1YS4yOC4yOCwwLDAsMCwuMjgtLjI4VjI4LjA2YzAtMy43OSwyLjE4LTYuNDMsNS4zMi02LjQzSDQ3Ljg0YzcuNjMsMCwxMS4zNi00LjY4LDExLjM2LTEwLjhTNTUuNDcsMCw0Ny44NCwwIi8+PHBhdGggZD0iTTE4Ny45LDMxLjYyaC04LjA2YS4yOS4yOSwwLDAsMS0uMjktLjI4VjQuMjhjMC00LjE2LTIuODctNS41Mi02LjkyLTNMMTI0LjE3LDMxYy0xLjksMS4xNy0yLjU0LDIuNDktMi4wOCwzLjQ3czEuNDQsMS40MywzLjU0LDEuNDNoNDVhLjI5LjI5LDAsMCwxLC4yNS4yMXYzLjhhLjI5LjI5LDAsMCwwLC4yOC4yOWg4LjA5YS4yOS4yOSwwLDAsMCwuMjgtLjI5VjM2LjIxYS4yOS4yOSwwLDAsMSwuMjgtLjI5aDguMDdhLjI5LjI5LDAsMCwwLC4yOS0uMjhWMzEuOWEuMjkuMjksMCwwLDAtLjI5LS4yOG0tMTctLjNhLjI5LjI5LDAsMCwxLS4yOC4yOUgxMzIuODljLS4zMSwwLS40Ny0uMDgtLjUxLS4xOXMuMDUtLjMxLjI4LS40NkwxNzAuMjEsNy44NGMuMjYtLjE2LjctLjEzLjcuMzhaIi8+PC9nPjwvZz48L3N2Zz4="); }

.logo-ps-inline {
  display: inline-block;
  width: 1.2em;
  height: 1em;
  margin: 0 .1em;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center bottom;
  vertical-align: baseline; }

.logo-psvita-inline {
  display: inline-block;
  width: 4.235em;
  height: .7em;
  margin: 0 .2em;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center; }

.logo-ps4-inline {
  display: inline-block;
  width: 3.29em;
  height: .7em;
  margin: 0 .2em;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center; }

/*=====================================
	bonus
=====================================*/
.bonus-header {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 46.93878%;
  margin: 0 auto; }

.bonus-header .title {
  display: block;
  position: absolute;
  left: 34.38776%;
  top: 11.95652%;
  width: 31.22449%;
  height: 66.95652%;
  z-index: 10; }

.bonus-header .title, .bonus-header .title img {
  max-width: none;
  vertical-align: top; }

.bonus-header .title img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.bonus-header .char-l {
  position: absolute;
  left: -13.26531%;
  top: 0%;
  width: 126.53061%;
  height: 100%;
  z-index: 20; }

.bonus-header .char-l, .bonus-header .char-l img {
  max-width: none;
  vertical-align: top; }

.bonus-header .char-r {
  position: absolute;
  left: -13.26531%;
  top: 0%;
  width: 126.53061%;
  height: 100%;
  z-index: 20; }

.bonus-header .char-r, .bonus-header .char-r img {
  max-width: none;
  vertical-align: top; }

.bonus-header .effect {
  position: absolute;
  left: -13.26531%;
  top: 0%;
  width: 126.53061%;
  height: 100%;
  z-index: 10; }

.bonus-header .effect, .bonus-header .effect img {
  max-width: none;
  vertical-align: top; }

.bonus-header .twitter-campaign-title {
  position: absolute;
  left: -15.30612%;
  top: 0%;
  width: 130.61224%;
  height: 100%;
  z-index: 10; }

.bonus-header .twitter-campaign-title, .bonus-header .twitter-campaign-title img {
  max-width: none;
  vertical-align: top; }

@media (min-width: 980px) {
  .bonus-header {
    width: 980px;
    height: 460px;
    padding-top: 0; } }

.bonus-menu, .download-menu, .others-menu {
  padding-left: 0;
  font-size: 0;
  text-align: center;
  background-color: #8ccddc;
  vertical-align: middle;
  margin-bottom: 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-feature-settings: "palt";
  border-bottom: rgba(255, 255, 255, 0.3) 1px solid; }

.bonus-menu li, .download-menu li, .others-menu li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bonus-menu ::i-block-chrome, .download-menu ::i-block-chrome, .others-menu ::i-block-chrome, .bonus-menu, .download-menu, .others-menu {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.bonus-menu > li, .download-menu > li, .others-menu > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .bonus-menu > li, .download-menu > li, .others-menu > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-menu > li, .download-menu > li, .others-menu > li {
    font-size: 14px;
    font-size: 1.4rem; } }

.bonus-menu li, .download-menu li, .others-menu li {
  position: relative;
  vertical-align: middle;
  width: 50%; }

@media (min-width: 640px) {
  .bonus-menu li, .download-menu li, .others-menu li {
    width: auto; } }

.bonus-menu li:after, .download-menu li:after, .others-menu li:after {
  position: absolute;
  content: '';
  display: none;
  width: 1px;
  height: 22px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-right: #fff 1px solid;
  vertical-align: middle; }

@media (max-width: 639px) {
  .bonus-menu li:nth-child(2n-1):not(:last-child):after, .download-menu li:nth-child(2n-1):not(:last-child):after, .others-menu li:nth-child(2n-1):not(:last-child):after {
    display: inline-block; } }

@media (min-width: 640px) {
  .bonus-menu li:not(:last-child):after, .download-menu li:not(:last-child):after, .others-menu li:not(:last-child):after {
    display: inline-block; } }

.bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px; }

@media (min-width: 640px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    font-size: 15px;
    font-size: 1.5rem; } }

@media (min-width: 980px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 640px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    padding-left: 16px;
    padding-right: 16px; } }

@media (min-width: 980px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    padding-left: 24px;
    padding-right: 24px; } }

@media (min-width: 640px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    padding-top: 15px;
    padding-bottom: 15px; } }

@media (min-width: 980px) {
  .bonus-menu a, .download-menu a, .others-menu a, .bonus-menu a:visited, .download-menu a:visited, .others-menu a:visited {
    padding-top: 19px;
    padding-bottom: 19px; } }

.bonus-menu a.hover, .download-menu a.hover, .others-menu a.hover, .bonus-menu a:visited.hover, .download-menu a:visited.hover, .others-menu a:visited.hover {
  opacity: .4; }

.bonus-content {
  background-image: url(../img/bonus-bg.jpg);
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  padding: 8px; }

@media (min-width: 640px) {
  .bonus-content {
    padding: 16px; } }

@media (min-width: 980px) {
  .bonus-content {
    padding: 24px; } }

@media (min-width: 980px) {
  .bonus-content {
    padding-left: 0;
    padding-right: 0; } }

.bonus-attention {
  background-color: #fff;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 640px) {
  .bonus-attention {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .bonus-attention {
    margin-bottom: 24px; } }

.bonus-attention .check {
  color: #fff;
  background-color: #cb3468;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px; }

@media (min-width: 640px) {
  .bonus-attention .check {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .bonus-attention .check {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 640px) {
  .bonus-attention .check {
    width: 100px; } }

.bonus-attention .check.qa {
  background-color: #42ac6f; }

.bonus-attention .check.update {
  background-color: #3b5ead; }

.bonus-attention .desc {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 5px;
  width: calc(100% - 50px); }

@media (min-width: 640px) {
  .bonus-attention .desc {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-attention .desc {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .bonus-attention .desc {
    padding: 6px 8px;
    width: calc(100% - 100px); } }

@media (min-width: 980px) {
  .bonus-attention .desc {
    padding: 14px 16px; } }

.bonus-attention .desc p {
  margin-bottom: 4px; }

.bonus-attention .desc strong {
  color: #cb3468; }

.bonus-attention .desc .l-only {
  display: none; }

@media (min-width: 980px) {
  .bonus-attention .desc .l-only {
    display: inline; } }

.bonus-attention .desc .update {
  color: #cb3468;
  font-size: 10px;
  font-size: 1rem; }

@media (min-width: 640px) {
  .bonus-attention .desc .update {
    font-size: 11px;
    font-size: 1.1rem; } }

@media (min-width: 980px) {
  .bonus-attention .desc .update {
    font-size: 12px;
    font-size: 1.2rem; } }

.bonus-attention .desc .update a, .bonus-attention .desc .update a:visited {
  color: #cb3468; }

.bonus-attention .desc .update.latest {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold; }

@media (min-width: 640px) {
  .bonus-attention .desc .update.latest {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-attention .desc .update.latest {
    font-size: 14px;
    font-size: 1.4rem; } }

.bonus-attention .border-paragraph {
  padding: .5em;
  border: #cb3468 1px solid; }

.bonus-attention .update-list-old-toggle {
  background-color: #eee;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  padding: .25em;
  margin: .5em 0; }

.bonus-attention .update-list-old-toggle:before {
  color: #666;
  content: '▼ 過去の更新履歴を見る ▼';
  line-height: 1.5; }

.bonus-attention .update-list-old-toggle:hover {
  opacity: .7; }

.bonus-attention .update-list-old-toggle.active:before {
  content: '▲ 過去の更新履歴を見る ▲'; }

.bonus-attention .update-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0; }

@media (min-width: 640px) {
  .bonus-attention .update-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

.bonus-attention .update-list dt, .bonus-attention .update-list dd {
  margin-bottom: .5em;
  line-height: 1.4; }

.bonus-attention .update-list dt {
  font-weight: bold;
  color: #cb3468;
  width: 100%;
  white-space: nowrap; }

@media (min-width: 640px) {
  .bonus-attention .update-list dt {
    width: 100px; } }

@media (min-width: 980px) {
  .bonus-attention .update-list dt {
    width: 108px; } }

.bonus-attention .update-list dd {
  margin-left: 0;
  padding-left: 1em; }

@media (min-width: 640px) {
  .bonus-attention .update-list dd {
    width: calc(100% - 100px);
    padding-left: 0; } }

@media (min-width: 980px) {
  .bonus-attention .update-list dd {
    width: calc(100% - 108px); } }

.bonus-attention .update-list-old {
  display: none; }

.bonus-attention .update-list-old.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.bonus-attention .qa-list {
  margin-bottom: 0; }

.bonus-attention .qa-list :before {
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: .1em; }

.bonus-attention .qa-list dt, .bonus-attention .qa-list dd {
  position: relative;
  padding-left: 1.6em;
  line-height: 1.5; }

.bonus-attention .qa-list dt:before {
  background-color: #3b5ead;
  content: 'Q'; }

.bonus-attention .qa-list dd {
  margin-left: 0;
  margin-bottom: .75em; }

.bonus-attention .qa-list dd:before {
  background-color: #cb3468;
  content: 'A'; }

.bonus-attention .qa-list dd:last-child {
  margin-bottom: 0; }

.bonus-heading, .download-heading, .others-heading {
  background-color: #8ccddc;
  text-align: center;
  margin: -8px;
  margin-bottom: 8px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-feature-settings: "palt";
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: .25em;
  font-weight: bold;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: .5em;
  border-top: rgba(255, 255, 255, 0.3) 1px solid;
  background-image: url(../img/bonus-heading.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  background-position: 99% 13px; }

@media (min-width: 640px) {
  .bonus-heading, .download-heading, .others-heading {
    margin: -16px; } }

@media (min-width: 980px) {
  .bonus-heading, .download-heading, .others-heading {
    margin: -24px; } }

@media (min-width: 640px) {
  .bonus-heading, .download-heading, .others-heading {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .bonus-heading, .download-heading, .others-heading {
    margin-bottom: 24px; } }

@media (min-width: 640px) {
  .bonus-heading, .download-heading, .others-heading {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 980px) {
  .bonus-heading, .download-heading, .others-heading {
    font-size: 22px;
    font-size: 2.2rem; } }

@media (min-width: 640px) {
  .bonus-heading, .download-heading, .others-heading {
    padding-top: 12px;
    padding-bottom: 12px; } }

@media (min-width: 980px) {
  .bonus-heading, .download-heading, .others-heading {
    padding-top: 16px;
    padding-bottom: 16px; } }

@media (min-width: 640px) {
  .bonus-heading, .download-heading, .others-heading {
    -webkit-background-size: 20px 20px;
            background-size: 20px;
    background-position: 99% 14px; } }

@media (min-width: 980px) {
  .bonus-heading, .download-heading, .others-heading {
    -webkit-background-size: 25px 25px;
            background-size: 25px;
    background-position: 99% 20px; } }

.bonus-heading-child {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-feature-settings: "palt";
  letter-spacing: .05em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1; }

@media (min-width: 640px) {
  .bonus-heading-child {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 980px) {
  .bonus-heading-child {
    font-size: 22px;
    font-size: 2.2rem; } }

.bonus-heading-child:after {
  background-image: url(../img/bonus-heading-child.svg);
  content: '';
  display: block;
  height: 1em;
  max-width: 480px;
  margin: 0 auto;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.bonus-box, .bonus-limited, .bonus-fast-reserve, .bonus-reserve, .bonus-shop-original, .bonus-fast-reserve-shoplist, .others-box {
  background-color: #fff;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 8px;
  padding: 8px; }

@media (min-width: 640px) {
  .bonus-box, .bonus-limited, .bonus-fast-reserve, .bonus-reserve, .bonus-shop-original, .bonus-fast-reserve-shoplist, .others-box {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .bonus-box, .bonus-limited, .bonus-fast-reserve, .bonus-reserve, .bonus-shop-original, .bonus-fast-reserve-shoplist, .others-box {
    margin-bottom: 24px; } }

@media (min-width: 640px) {
  .bonus-box, .bonus-limited, .bonus-fast-reserve, .bonus-reserve, .bonus-shop-original, .bonus-fast-reserve-shoplist, .others-box {
    padding: 16px; } }

@media (min-width: 980px) {
  .bonus-box, .bonus-limited, .bonus-fast-reserve, .bonus-reserve, .bonus-shop-original, .bonus-fast-reserve-shoplist, .others-box {
    padding: 24px; } }

.bonus-reserve .attention {
  font-size: 10px;
  font-size: 1rem;
  padding: .5em;
  color: #cb3468;
  border: #cb3468 1px solid; }

@media (min-width: 640px) {
  .bonus-reserve .attention {
    font-size: 11px;
    font-size: 1.1rem; } }

@media (min-width: 980px) {
  .bonus-reserve .attention {
    font-size: 12px;
    font-size: 1.2rem; } }

.limited-ready {
  padding: 8px;
  border: #ccc 1px solid;
  color: #999; }

@media (min-width: 640px) {
  .limited-ready {
    padding: 16px; } }

@media (min-width: 980px) {
  .limited-ready {
    padding: 24px; } }

.multi-row {
  margin: -8px;
  position: relative;
  overflow: hidden; }

@media (min-width: 640px) {
  .multi-row {
    margin: -16px; } }

@media (min-width: 980px) {
  .multi-row {
    margin: -24px; } }

.multi-row:before {
  content: '';
  background-image: url(../img/top-mainvisual-bg-l.png);
  -webkit-background-size: contain;
          background-size: contain;
  position: absolute;
  left: 65%;
  top: -8%;
  width: 50%;
  height: 100%;
  z-index: 10;
  opacity: .3; }

@media (min-width: 640px) {
  .multi-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.multi-row .img {
  position: relative;
  z-index: 20; }

@media (min-width: 640px) {
  .multi-row .img {
    width: 50%; } }

.multi-row .desc {
  position: relative;
  z-index: 20;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 8px; }

@media (min-width: 640px) {
  .multi-row .desc {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 980px) {
  .multi-row .desc {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 640px) {
  .multi-row .desc {
    padding: 16px; } }

@media (min-width: 980px) {
  .multi-row .desc {
    padding: 24px; } }

@media (min-width: 640px) {
  .multi-row .desc {
    width: 50%; } }

.multi-row .desc p {
  text-align: center;
  text-shadow: #fff 0 0 1px,
 #fff 0 0 1px,
 #fff 0 0 1px,
 #fff 0 0 2px,
 #fff 0 0 2px,
 #fff 0 0 2px,
 #fff 0 0 3px,
 #fff 0 0 3px,
 #fff 0 0 3px,
 #fff 0 0 4px,
 #fff 0 0 4px,
 #fff 0 0 4px; }

.multi-row .desc p.small-list {
  text-align: left;
  font-size: 10px;
  font-size: 1rem; }

@media (min-width: 640px) {
  .multi-row .desc p.small-list {
    font-size: 12px;
    font-size: 1.2rem; } }

@media (min-width: 980px) {
  .multi-row .desc p.small-list {
    font-size: 15px;
    font-size: 1.5rem; } }

.multi-row strong {
  color: #cb3468; }

.bonus-shop-list {
  padding-left: 0;
  font-size: 0;
  margin-left: -4px;
  margin-right: -4px;
  text-align: center; }

.bonus-shop-list li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bonus-shop-list ::i-block-chrome, .bonus-shop-list {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.bonus-shop-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .bonus-shop-list > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-shop-list > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .bonus-shop-list {
    margin-left: -4px;
    margin-right: -4px; } }

@media (min-width: 980px) {
  .bonus-shop-list {
    margin-left: -4px;
    margin-right: -4px; } }

.bonus-shop-list > li {
  margin: 0;
  width: 100%;
  padding: 4px; }

@media (min-width: 640px) {
  .bonus-shop-list > li {
    width: 50%;
    padding: 4px; } }

@media (min-width: 980px) {
  .bonus-shop-list > li {
    width: 33.33333%;
    padding: 4px; } }

.bonus-shop-list li {
  /* &.sofmap, &.getchu { width: 100%; @include mq-m { width: 100%; } @include mq-l { width: 50%; } } */ }

.bonus-shop-list li > div {
  color: #fff;
  height: 100%;
  text-align: center; }

.bonus-shop-list li:nth-child(1) > div {
  background-color: #5ab8cd; }

.bonus-shop-list li:nth-child(2) > div {
  background-color: #5f6796; }

.bonus-shop-list li:nth-child(3) > div {
  background-color: #cb3468; }

.bonus-shop-list li:nth-child(4) > div {
  background-color: #3f569c; }

.bonus-shop-list li:nth-child(5) > div {
  background-color: #f1c120; }

.bonus-shop-list li:nth-child(6) > div {
  background-color: #e38db2; }

.bonus-shop-list li:nth-child(7) > div {
  background-color: #9c5193; }

.bonus-shop-list li:nth-child(8) > div {
  background-color: #afc938; }

.bonus-shop-list li:nth-child(9) > div {
  background-color: #e57f25; }

.bonus-shop-list li:nth-child(10) > div {
  background-color: #403739; }

.bonus-shop-list li:nth-child(11) > div {
  background-color: #e7ae71; }

.bonus-shop-list li:nth-child(12) > div {
  background-color: #09546f; }

.bonus-shop-list li:nth-child(13) > div {
  background-color: #ba292a; }

.bonus-shop-list li:nth-child(14) > div {
  background-color: #5ab8cd; }

.bonus-shop-list li:nth-child(15) > div {
  background-color: #5f6796; }

.bonus-shop-list li:nth-child(16) > div {
  background-color: #cb3468; }

.bonus-shop-list li:nth-child(17) > div {
  background-color: #3f569c; }

.bonus-shop-list li:nth-child(18) > div {
  background-color: #f1c120; }

.bonus-shop-list li:nth-child(19) > div {
  background-color: #e38db2; }

.bonus-shop-list li:nth-child(20) > div {
  background-color: #9c5193; }

.bonus-shop-list li:nth-child(21) > div {
  background-color: #afc938; }

.bonus-shop-list li:nth-child(22) > div {
  background-color: #e57f25; }

.bonus-shop-list li:nth-child(23) > div {
  background-color: #403739; }

.bonus-shop-list li:nth-child(24) > div {
  background-color: #e7ae71; }

.bonus-shop-list li:nth-child(25) > div {
  background-color: #09546f; }

.bonus-shop-list li:nth-child(26) > div {
  background-color: #ba292a; }

.bonus-shop-list .shop {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px;
  text-align: center;
  font-weight: bold; }

@media (min-width: 640px) {
  .bonus-shop-list .shop {
    font-size: 15px;
    font-size: 1.5rem; } }

@media (min-width: 980px) {
  .bonus-shop-list .shop {
    font-size: 18px;
    font-size: 1.8rem; } }

@media (min-width: 640px) {
  .bonus-shop-list .shop {
    padding: 4px; } }

@media (min-width: 980px) {
  .bonus-shop-list .shop {
    padding: 6px; } }

.bonus-shop-list .shop:after {
  content: '';
  display: block;
  margin: 0;
  background-image: url(../img/character-s-hr-l.png), url(../img/character-s-hr-m.png), url(../img/character-s-hr-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 11px 0, 100% 0;
  -webkit-background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
          background-size: 11px 4px, calc(100% - 22px) 4px, 11px 4px;
  width: 100%;
  height: 4px; }

.bonus-shop-list .shop:after hr {
  display: none; }

.bonus-shop-list .item {
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px; }

@media (min-width: 640px) {
  .bonus-shop-list .item {
    margin-bottom: 6px; } }

@media (min-width: 980px) {
  .bonus-shop-list .item {
    margin-bottom: 8px; } }

@media (min-width: 980px) {
  .bonus-shop-list .item {
    height: 40px; } }

.bonus-shop-list .img {
  position: relative;
  width: 95%;
  margin: 0 auto; }

.bonus-shop-list .img .thumb {
  position: relative;
  z-index: 10;
  width: 100%; }

.bonus-shop-list .img .bonus-item-expand {
  position: absolute;
  z-index: 20;
  left: 4px;
  bottom: 4px;
  -webkit-animation: bonus-expand 0.5s linear 0s infinite alternate;
          animation: bonus-expand 0.5s linear 0s infinite alternate;
  display: none; }

@keyframes bonus-expand {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@media (min-width: 640px) {
  .bonus-shop-list .img .bonus-item-expand {
    display: inline-block; } }

.bonus-shop-list .img.imagine {
  width: 50%; }

.bonus-shop-list img {
  display: block; }

.bonus-shop-list .button-container {
  padding: 4px;
  margin-bottom: 0; }

.bonus-shop-list .button-container:before {
  font-size: 12px;
  font-size: 1.2rem;
  content: '▼予約する';
  display: block;
  text-align: center; }

@media (min-width: 640px) {
  .bonus-shop-list .button-container:before {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-shop-list .button-container:before {
    font-size: 14px;
    font-size: 1.4rem; } }

.bonus-shop-list .button-container a {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: transparent;
  border: #fff 1px solid;
  margin: 4px;
  display: block;
  line-height: 1;
  padding: .4em 0; }

@media (min-width: 640px) {
  .bonus-shop-list .button-container a {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .bonus-shop-list .button-container a {
    font-size: 14px;
    font-size: 1.4rem; } }

.bonus-fast-table {
  margin: 0 auto; }

.bonus-fast-table th {
  background-color: #f0f0f0; }

.bonus-fast-table th, .bonus-fast-table td {
  padding: 2px;
  line-height: 1;
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid; }

@media (min-width: 640px) {
  .bonus-fast-table th, .bonus-fast-table td {
    padding: 3px; } }

@media (min-width: 980px) {
  .bonus-fast-table th, .bonus-fast-table td {
    padding: 4px; } }

.bonus-fast-table td:first-child {
  white-space: nowrap; }

.bonus-fast-table-attention {
  color: #cb3468;
  border: #cb3468 1px solid;
  padding: 8px; }

@media (min-width: 640px) {
  .bonus-fast-table-attention {
    padding: 16px; } }

@media (min-width: 980px) {
  .bonus-fast-table-attention {
    padding: 24px; } }

.bonus-small-desc {
  font-size: 90%;
  color: #cb3468; }

.twitter-campaign-list {
  padding-left: 0;
  font-size: 0;
  margin-left: -4px;
  margin-right: -4px; }

.twitter-campaign-list li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .twitter-campaign-list ::i-block-chrome, .twitter-campaign-list {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.twitter-campaign-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .twitter-campaign-list > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .twitter-campaign-list > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .twitter-campaign-list {
    margin-left: -4px;
    margin-right: -4px; } }

@media (min-width: 980px) {
  .twitter-campaign-list {
    margin-left: -4px;
    margin-right: -4px; } }

.twitter-campaign-list > li {
  margin: 0;
  width: 50%;
  padding: 4px; }

@media (min-width: 640px) {
  .twitter-campaign-list > li {
    width: 25%;
    padding: 4px; } }

@media (min-width: 980px) {
  .twitter-campaign-list > li {
    width: 20%;
    padding: 4px; } }

.twitter-campaign-list li {
  text-align: center; }

.twitter-campaign-list a {
  display: block;
  border: #8ccddc 2px solid; }

.twitter-campaign-list a.hover {
  opacity: .7; }

.twitter-campaign-list img {
  width: 100%; }

.twitter-campaign-list.single {
  padding-left: 0;
  font-size: 0;
  margin-left: -4px;
  margin-right: -4px; }

.twitter-campaign-list.single li {
  list-style-type: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .twitter-campaign-list.single ::i-block-chrome, .twitter-campaign-list.single {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; } }

.twitter-campaign-list.single > li {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block; }

@media (min-width: 640px) {
  .twitter-campaign-list.single > li {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .twitter-campaign-list.single > li {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .twitter-campaign-list.single {
    margin-left: -4px;
    margin-right: -4px; } }

@media (min-width: 980px) {
  .twitter-campaign-list.single {
    margin-left: -4px;
    margin-right: -4px; } }

.twitter-campaign-list.single > li {
  margin: 0;
  width: 100%;
  padding: 4px; }

@media (min-width: 640px) {
  .twitter-campaign-list.single > li {
    width: 100%;
    padding: 4px; } }

@media (min-width: 980px) {
  .twitter-campaign-list.single > li {
    width: 100%;
    padding: 4px; } }

.twitter-campaign-htmltag {
  width: 100%;
  padding: 4px;
  line-height: 1.25;
  font-size: 12px; }

/*=====================================
	download
=====================================*/
.download-menu {
  margin-bottom: 8px;
  background-color: rgba(140, 205, 220, 0.8);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px 2px; }

@media (min-width: 640px) {
  .download-menu {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .download-menu {
    margin-bottom: 24px; } }

.download-menu li {
  width: 33%; }

@media (min-width: 640px) {
  .download-menu li {
    width: auto; } }

@media (max-width: 639px) {
  .download-menu li:not(:last-child):after {
    display: inline-block; } }

.download-menu li.heading {
  width: 100%;
  font-weight: bold;
  line-height: 2.5; }

.download-menu li.heading:after {
  display: none; }

@media (min-width: 640px) {
  .download-menu li.heading {
    width: auto;
    line-height: 1;
    padding-right: 2em; }
  .download-menu li.heading:after {
    display: inline-block; } }

.download-menu a, .download-menu a:visited {
  padding-top: 5px;
  padding-bottom: 5px; }

@media (min-width: 640px) {
  .download-menu a, .download-menu a:visited {
    padding-top: 7.5px;
    padding-bottom: 7.5px; } }

@media (min-width: 980px) {
  .download-menu a, .download-menu a:visited {
    padding-top: 10px;
    padding-bottom: 10px; } }

.download-content {
  max-width: 980px;
  margin: 0 auto; }

.download-box {
  margin-bottom: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px 2px; }

@media (min-width: 640px) {
  .download-box {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .download-box {
    margin-bottom: 24px; } }

.download-heading {
  margin: 0;
  background-color: rgba(140, 205, 220, 0.8); }

.download-box-inner {
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.9); }

@media (min-width: 640px) {
  .download-box-inner {
    padding: 16px; } }

@media (min-width: 980px) {
  .download-box-inner {
    padding: 24px; } }

.download-trial-img {
  width: 600px;
  border: rgba(0, 0, 0, 0.2) 1px solid; }

.download-table {
  border-collapse: separate;
  border-spacing: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; }

.download-table th, .download-table td {
  line-height: 1.25;
  padding: .25em .75em;
  vertical-align: middle; }

.download-table th {
  text-align: right;
  font-weight: normal;
  border-right: #1b739a 2px solid; }

.download-table th a {
  color: #000; }

.download-table td {
  padding-left: .25em;
  font-size: 0; }

.download-table .button, .download-table button, .download-table input[type="button"], .download-table input[type="submit"], .download-table .button-container a, .button-container .download-table a {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px;
  margin: 2px; }

@media (min-width: 640px) {
  .download-table .button, .download-table button, .download-table input[type="button"], .download-table input[type="submit"], .download-table .button-container a, .button-container .download-table a {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .download-table .button, .download-table button, .download-table input[type="button"], .download-table input[type="submit"], .download-table .button-container a, .button-container .download-table a {
    font-size: 14px;
    font-size: 1.4rem; } }

@media (min-width: 640px) {
  .download-table .button, .download-table button, .download-table input[type="button"], .download-table input[type="submit"], .download-table .button-container a, .button-container .download-table a {
    padding: 8px; } }

@media (min-width: 980px) {
  .download-table .button, .download-table button, .download-table input[type="button"], .download-table input[type="submit"], .download-table .button-container a, .button-container .download-table a {
    padding: 12px; } }

.download-table .button.gray, .download-table button.gray, .download-table input.gray[type="button"], .download-table input.gray[type="submit"], .download-table .button-container a.gray, .button-container .download-table a.gray {
  background-color: #aaa; }

.download-movie-container {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }

@media (min-width: 640px) {
  .download-movie-container {
    margin-bottom: 16px; } }

@media (min-width: 980px) {
  .download-movie-container {
    margin-bottom: 24px; } }

.download-movie-container .download-movie-container-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.download-movie-container iframe {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 10; }

.download-movie-container iframe, .download-movie-container iframe img {
  max-width: none;
  vertical-align: top; }

.download-trial-spec-container {
  border: #8ccddc 2px solid;
  display: inline-block;
  margin-top: 8px; }

.download-trial-spec-container h3 {
  color: #fff;
  background-color: #8ccddc;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .25em;
  margin-bottom: 0;
  text-align: center; }

@media (min-width: 640px) {
  .download-trial-spec-container h3 {
    font-size: 13px;
    font-size: 1.3rem; } }

@media (min-width: 980px) {
  .download-trial-spec-container h3 {
    font-size: 14px;
    font-size: 1.4rem; } }

.download-trial-spec-table {
  margin: 1em auto; }

.download-trial-spec-table th, .download-trial-spec-table td {
  line-height: 1.25;
  padding: .25em .5em; }

.download-trial-spec-table th {
  text-align: right;
  color: #1b739a; }

.download-trial-spec-desc {
  font-size: 10px;
  font-size: 1rem;
  padding: 0 1em;
  margin-bottom: 1em; }

@media (min-width: 640px) {
  .download-trial-spec-desc {
    font-size: 11px;
    font-size: 1.1rem; } }

@media (min-width: 980px) {
  .download-trial-spec-desc {
    font-size: 12px;
    font-size: 1.2rem; } }

@media (min-width: 640px) {
  .download-trial-spec-desc {
    text-align: center; } }

/*=====================================
	others
=====================================*/
.others-menu li {
  width: 100%; }

.others-menu a, .others-menu a:visited {
  padding-top: 5px;
  padding-bottom: 5px; }

@media (min-width: 640px) {
  .others-menu a, .others-menu a:visited {
    padding-top: 7.5px;
    padding-bottom: 7.5px; } }

@media (min-width: 980px) {
  .others-menu a, .others-menu a:visited {
    padding-top: 10px;
    padding-bottom: 10px; } }

.others-content {
  background-image: url(../img/bonus-bg.jpg);
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  padding: 8px; }

@media (min-width: 640px) {
  .others-content {
    padding: 16px; } }

@media (min-width: 980px) {
  .others-content {
    padding: 24px; } }

@media (min-width: 980px) {
  .others-content {
    padding-left: 0;
    padding-right: 0; } }

.others-box a img {
  pointer-events: auto; }

.others-box h3 {
  border-bottom: #8ccddc 3px double;
  padding: .5em 0; }

.others-heading {
  letter-spacing: 0;
  text-align: left;
  padding-right: 20px; }

@media (min-width: 980px) {
  .others-heading {
    text-align: center;
    padding-right: 0; } }

.install-heading {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-feature-settings: "palt";
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold; }

@media (min-width: 640px) {
  .install-heading {
    font-size: 17px;
    font-size: 1.7rem; } }

@media (min-width: 980px) {
  .install-heading {
    font-size: 20px;
    font-size: 2rem; } }

@media (min-width: 980px) {
  .install-heading {
    text-align: center; } }

.install-flow-popup {
  text-align: center; }

.install-flow-popup a {
  display: inline-block;
  border: #8ccddc 1px solid; }

.install-flow-popup a.hover {
  opacity: .7; }

@media (min-width: 980px) {
  .install-flow-popup a {
    width: 50%; } }

.install-target {
  padding: 1.2em;
  border: #8ccddc 1px solid; }