@charset "UTF-8";
/*! normalize.css v3.0.2 | 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.
 */
/* line 10, ../../scss/general/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
/* line 20, ../../scss/general/_normalize.scss */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 34, ../../scss/general/_normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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.
 */
/* line 55, ../../scss/general/_normalize.scss */
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.
 */
/* line 68, ../../scss/general/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 90, ../../scss/general/_normalize.scss */
a {
  background-color: transparent; }

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

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

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

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 127, ../../scss/general/_normalize.scss */
dfn {
  font-style: italic; }

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 145, ../../scss/general/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 154, ../../scss/general/_normalize.scss */
small {
  font-size: 80%; }

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

/* line 170, ../../scss/general/_normalize.scss */
sup {
  top: -0.5em; }

/* line 174, ../../scss/general/_normalize.scss */
sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 185, ../../scss/general/_normalize.scss */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 193, ../../scss/general/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 204, ../../scss/general/_normalize.scss */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 212, ../../scss/general/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
/* line 222, ../../scss/general/_normalize.scss */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 230, ../../scss/general/_normalize.scss */
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, and Chrome.
 */
/* line 253, ../../scss/general/_normalize.scss */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 267, ../../scss/general/_normalize.scss */
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/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 278, ../../scss/general/_normalize.scss */
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.
 */
/* line 291, ../../scss/general/_normalize.scss */
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.
 */
/* line 303, ../../scss/general/_normalize.scss */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 312, ../../scss/general/_normalize.scss */
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.
 */
/* line 323, ../../scss/general/_normalize.scss */
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.
 */
/* line 335, ../../scss/general/_normalize.scss */
input[type="checkbox"], input[type="radio"] {
  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`.
 */
/* line 347, ../../scss/general/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, ../../scss/general/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -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).
 */
/* line 371, ../../scss/general/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
/* line 380, ../../scss/general/_normalize.scss */
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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 391, ../../scss/general/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 400, ../../scss/general/_normalize.scss */
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.
 */
/* line 409, ../../scss/general/_normalize.scss */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 420, ../../scss/general/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 425, ../../scss/general/_normalize.scss */
td, th {
  padding: 0; }

/* line 6, ../../scss/general/_base.scss */
* {
  box-sizing: border-box; }
/* line 9, ../../scss/general/_base.scss */
*:before, *:after {
  box-sizing: border-box; }

/* line 18, ../../scss/general/_base.scss */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

/* line 32, ../../scss/general/_base.scss */
div, section, article, header, footer, nav, aside, pre, blockquote, ol, ul, dl {
  display: block;
  position: relative;
  margin: 0; }

/* line 39, ../../scss/general/_base.scss */
span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

/* line 46, ../../scss/general/_base.scss */
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  width: 100%; }

/* line 54, ../../scss/general/_base.scss */
ul, ol, dl {
  list-style-type: none;
  padding: 0; }

/* line 60, ../../scss/general/_base.scss */
table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  empty-cells: show;
  width: 100%; }
/* line 67, ../../scss/general/_base.scss */
table th, table td {
  vertical-align: top;
  border: solid 1px #000;
  font-weight: normal;
  text-align: left; }

/* line 76, ../../scss/general/_base.scss */
a {
  -webkit-tap-highlight-color: transparent; }

/* line 85, ../../scss/general/_base.scss */
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/* line 96, ../../scss/general/_base.scss */
html {
  font-size: 62.5%; }

/* line 100, ../../scss/general/_base.scss */
body {
  font-size: 1.4rem;
  line-height: 1.71429;
  color: #000;
  font-family: helvetica, arial, "游ゴシック体", "Yu Gothic", YuGothic, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  -webkit-font-kerning: normal;
  font-kerning: normal; }

/* line 117, ../../scss/general/_base.scss */
h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

/* line 121, ../../scss/general/_base.scss */
h2, h3 {
  line-height: 1.35714; }

/* line 125, ../../scss/general/_base.scss */
h4, h5, h6 {
  line-height: 1.375; }

/* line 129, ../../scss/general/_base.scss */
h2 {
  font-size: 2.8rem; }

/* line 131, ../../scss/general/_base.scss */
h3 {
  font-size: 2.2rem; }

/* line 133, ../../scss/general/_base.scss */
h4 {
  font-size: 1.6rem; }

/* line 135, ../../scss/general/_base.scss */
h5 {
  font-size: 1.4rem; }

/* line 137, ../../scss/general/_base.scss */
h6 {
  font-size: 1.2rem; }

/* line 153, ../../scss/general/_base.scss */
a {
  text-decoration: none;
  color: #08C; }

/* line 169, ../../scss/general/_base.scss */
hr {
  border-style: solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #9a7e3e; }

/* line 7, ../../scss/general/_glid.scss */
.row:before, .row:after {
  content: "";
  display: table; }
/* line 12, ../../scss/general/_glid.scss */
.row:after {
  clear: both; }

/* line 18, ../../scss/general/_glid.scss */
.row {
  margin-right: -5px;
  margin-left: -5px; }
@media screen and (min-width: 500px) {
  /* line 18, ../../scss/general/_glid.scss */
  .row {
    margin-right: -10px;
    margin-left: -10px; } }

/* line 33, ../../scss/general/_glid.scss */
.row *[class*="col-"] {
  float: left;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px; }
/* line 39, ../../scss/general/_glid.scss */
.row *[class*="col-"].right {
  float: right; }
/* line 44, ../../scss/general/_glid.scss */
.row *[class*="col-xs"] {
  padding-right: 5px;
  padding-left: 5px; }
@media screen and (min-width: 500px) {
  /* line 49, ../../scss/general/_glid.scss */
  .row *[class*="col-sm"] {
    padding-right: 10px;
    padding-left: 10px; } }
@media screen and (min-width: 770px) {
  /* line 56, ../../scss/general/_glid.scss */
  .row *[class*="col-md"] {
    padding-right: 10px;
    padding-left: 10px; } }
@media screen and (min-width: 1280px) {
  /* line 63, ../../scss/general/_glid.scss */
  .row *[class*="col-lg"] {
    padding-right: 10px;
    padding-left: 10px; } }

/* line 74, ../../scss/general/_glid.scss */
.row .col-xs-1 {
  width: 8.33333%; }
/* line 75, ../../scss/general/_glid.scss */
.row .col-xs-2 {
  width: 16.66667%; }
/* line 76, ../../scss/general/_glid.scss */
.row .col-xs-3 {
  width: 25%; }
/* line 77, ../../scss/general/_glid.scss */
.row .col-xs-4 {
  width: 33.33333%; }
/* line 78, ../../scss/general/_glid.scss */
.row .col-xs-5 {
  width: 41.66667%; }
/* line 79, ../../scss/general/_glid.scss */
.row .col-xs-6 {
  width: 50%; }
/* line 80, ../../scss/general/_glid.scss */
.row .col-xs-7 {
  width: 58.33333%; }
/* line 81, ../../scss/general/_glid.scss */
.row .col-xs-8 {
  width: 66.66667%; }
/* line 82, ../../scss/general/_glid.scss */
.row .col-xs-9 {
  width: 75%; }
/* line 83, ../../scss/general/_glid.scss */
.row .col-xs-10 {
  width: 83.33333%; }
/* line 84, ../../scss/general/_glid.scss */
.row .col-xs-11 {
  width: 91.66667%; }
/* line 85, ../../scss/general/_glid.scss */
.row .col-xs-12 {
  width: 100%; }
@media screen and (min-width: 500px) {
  /* line 89, ../../scss/general/_glid.scss */
  .row .col-sm-1 {
    width: 8.33333%; }
  /* line 90, ../../scss/general/_glid.scss */
  .row .col-sm-2 {
    width: 16.66667%; }
  /* line 91, ../../scss/general/_glid.scss */
  .row .col-sm-3 {
    width: 25%; }
  /* line 92, ../../scss/general/_glid.scss */
  .row .col-sm-4 {
    width: 33.33333%; }
  /* line 93, ../../scss/general/_glid.scss */
  .row .col-sm-5 {
    width: 41.66667%; }
  /* line 94, ../../scss/general/_glid.scss */
  .row .col-sm-6 {
    width: 50%; }
  /* line 95, ../../scss/general/_glid.scss */
  .row .col-sm-7 {
    width: 58.33333%; }
  /* line 96, ../../scss/general/_glid.scss */
  .row .col-sm-8 {
    width: 66.66667%; }
  /* line 97, ../../scss/general/_glid.scss */
  .row .col-sm-9 {
    width: 75%; }
  /* line 98, ../../scss/general/_glid.scss */
  .row .col-sm-10 {
    width: 83.33333%; }
  /* line 99, ../../scss/general/_glid.scss */
  .row .col-sm-11 {
    width: 91.66667%; }
  /* line 100, ../../scss/general/_glid.scss */
  .row .col-sm-12 {
    width: 100%; } }
@media screen and (min-width: 770px) {
  /* line 105, ../../scss/general/_glid.scss */
  .row .col-md-1 {
    width: 8.33333%; }
  /* line 106, ../../scss/general/_glid.scss */
  .row .col-md-2 {
    width: 16.66667%; }
  /* line 107, ../../scss/general/_glid.scss */
  .row .col-md-3 {
    width: 25%; }
  /* line 108, ../../scss/general/_glid.scss */
  .row .col-md-4 {
    width: 33.33333%; }
  /* line 109, ../../scss/general/_glid.scss */
  .row .col-md-5 {
    width: 41.66667%; }
  /* line 110, ../../scss/general/_glid.scss */
  .row .col-md-6 {
    width: 50%; }
  /* line 111, ../../scss/general/_glid.scss */
  .row .col-md-7 {
    width: 58.33333%; }
  /* line 112, ../../scss/general/_glid.scss */
  .row .col-md-8 {
    width: 66.66667%; }
  /* line 113, ../../scss/general/_glid.scss */
  .row .col-md-9 {
    width: 75%; }
  /* line 114, ../../scss/general/_glid.scss */
  .row .col-md-10 {
    width: 83.33333%; }
  /* line 115, ../../scss/general/_glid.scss */
  .row .col-md-11 {
    width: 91.66667%; }
  /* line 116, ../../scss/general/_glid.scss */
  .row .col-md-12 {
    width: 100%; } }
@media screen and (min-width: 1280px) {
  /* line 121, ../../scss/general/_glid.scss */
  .row .col-lg-1 {
    width: 8.33333%; }
  /* line 122, ../../scss/general/_glid.scss */
  .row .col-lg-2 {
    width: 16.66667%; }
  /* line 123, ../../scss/general/_glid.scss */
  .row .col-lg-3 {
    width: 25%; }
  /* line 124, ../../scss/general/_glid.scss */
  .row .col-lg-4 {
    width: 33.33333%; }
  /* line 125, ../../scss/general/_glid.scss */
  .row .col-lg-5 {
    width: 41.66667%; }
  /* line 126, ../../scss/general/_glid.scss */
  .row .col-lg-6 {
    width: 50%; }
  /* line 127, ../../scss/general/_glid.scss */
  .row .col-lg-7 {
    width: 58.33333%; }
  /* line 128, ../../scss/general/_glid.scss */
  .row .col-lg-8 {
    width: 66.66667%; }
  /* line 129, ../../scss/general/_glid.scss */
  .row .col-lg-9 {
    width: 75%; }
  /* line 130, ../../scss/general/_glid.scss */
  .row .col-lg-10 {
    width: 83.33333%; }
  /* line 131, ../../scss/general/_glid.scss */
  .row .col-lg-11 {
    width: 91.66667%; }
  /* line 132, ../../scss/general/_glid.scss */
  .row .col-lg-12 {
    width: 100%; } }

/* line 6, ../../scss/original_hf/_header.scss */
#header, #footer {
  -webkit-transform: translate3d(0, 0, 0); }

/* line 11, ../../scss/original_hf/_header.scss */
#header {
  display: block;
  width: 100%;
  height: 64px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 0;
  z-index: 10;
  background-image: url("../img/HeaderFooter/header_neon.gif");
  background-size: 1px 4px;
  background-position: top left;
  background-repeat: repeat; }
@media screen and (min-width: 770px) {
  /* line 11, ../../scss/original_hf/_header.scss */
  #header {
    position: fixed;
    top: 0;
    z-index: 10; } }

/* line 38, ../../scss/original_hf/_header.scss */
#header:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -53px;
  width: 100%;
  height: 52px;
  background-color: transparent;
  background-image: url("../img/HeaderFooter/Frame_TL.png"), url("../img/HeaderFooter/Frame_TR.png");
  background-repeat: no-repeat;
  background-position: bottom left, bottom right;
  background-size: 70px 52px; }

/* line 55, ../../scss/original_hf/_header.scss */
#header:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  background: #E6C343;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #FFF2B3 inset; }

/* line 73, ../../scss/original_hf/_header.scss */
#header .site-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 140px;
  height: 70px;
  overflow: hidden;
  z-index: 20; }
@media screen and (min-width: 770px) {
  /* line 73, ../../scss/original_hf/_header.scss */
  #header .site-logo {
    width: 200px;
    height: 100px; } }
/* line 91, ../../scss/original_hf/_header.scss */
#header .site-logo:before {
  content: "";
  display: block;
  width: 140px;
  height: 140px;
  position: absolute;
  top: -70px;
  left: 0;
  background-image: url("../img/HeaderFooter/Roulett.png");
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: roulette 60s linear infinite;
  animation: roulette 60s linear infinite; }
@media screen and (min-width: 770px) {
  /* line 91, ../../scss/original_hf/_header.scss */
  #header .site-logo:before {
    top: -100px;
    width: 200px;
    height: 200px; } }
@-webkit-keyframes roulette {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg); } }
@keyframes roulette {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); } }
/* line 128, ../../scss/original_hf/_header.scss */
#header .site-logo .logo {
  width: 88%;
  position: absolute;
  bottom: 10%;
  left: 6%;
  right: 6%;
  z-index: 10; }
/* line 137, ../../scss/original_hf/_header.scss */
#header .site-logo a {
  display: block;
  width: 100%;
  height: 100%; }

/* line 145, ../../scss/original_hf/_header.scss */
#header .global-nav {
  display: none; }
@media screen and (min-width: 770px) {
  /* line 145, ../../scss/original_hf/_header.scss */
  #header .global-nav {
    display: block;
    max-width: 940px;
    margin: 2px auto 0 auto; } }
/* line 157, ../../scss/original_hf/_header.scss */
#header .global-nav:after {
  content: "";
  display: table;
  width: 100%;
  clear: both; }

/* line 168, ../../scss/original_hf/_header.scss */
#header .nav-1st, #header .nav-2nd {
  display: table; }
/* line 172, ../../scss/original_hf/_header.scss */
#header .nav-1st {
  float: left; }
/* line 176, ../../scss/original_hf/_header.scss */
#header .nav-2nd {
  float: right; }

/* line 182, ../../scss/original_hf/_header.scss */
#header .nav-item {
  display: table-cell;
  position: relative; }
/* line 187, ../../scss/original_hf/_header.scss */
#header .nav-item img {
  width: auto;
  height: 46px;
  position: relative;
  transition: opacity .4s ease; }
/* line 194, ../../scss/original_hf/_header.scss */
#header .nav-item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
/* line 203, ../../scss/original_hf/_header.scss */
#header .nav-item a:hover img {
  opacity: 0; }
/* line 207, ../../scss/original_hf/_header.scss */
#header .nav-item a:hover:before {
  opacity: 1; }
/* line 214, ../../scss/original_hf/_header.scss */
#header .nav-item a:before {
  content: "";
  display: block;
  width: 100%;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .2s ease; }
/* line 231, ../../scss/original_hf/_header.scss */
#header .nav-item a.news:before {
  background-image: url("../img/HeaderFooter/nav/nav_01news_act.png"); }
/* line 232, ../../scss/original_hf/_header.scss */
#header .nav-item a.intro:before {
  background-image: url("../img/HeaderFooter/nav/nav_02intro_act.png"); }
/* line 233, ../../scss/original_hf/_header.scss */
#header .nav-item a.story:before {
  background-image: url("../img/HeaderFooter/nav/nav_03story_act.png"); }
/* line 234, ../../scss/original_hf/_header.scss */
#header .nav-item a.chara:before {
  background-image: url("../img/HeaderFooter/nav/nav_04chara_act.png"); }
/* line 235, ../../scss/original_hf/_header.scss */
#header .nav-item a.staff:before {
  background-image: url("../img/HeaderFooter/nav/nav_05staff_act.png"); }
/* line 236, ../../scss/original_hf/_header.scss */
#header .nav-item a.movie:before {
  background-image: url("../img/HeaderFooter/nav/nav_06movie_act.png"); }
/* line 237, ../../scss/original_hf/_header.scss */
#header .nav-item a.theater:before {
  background-image: url("../img/HeaderFooter/nav/nav_07theater_act.png"); }
/* line 238, ../../scss/original_hf/_header.scss */
#header .nav-item a.special:before {
  background-image: url("../img/HeaderFooter/nav/nav_08special_act.png"); }

/* line 244, ../../scss/original_hf/_header.scss */
#header .nav-item.close a {
  pointer-events: none; }
/* line 247, ../../scss/original_hf/_header.scss */
#header .nav-item.close a:before {
  opacity: 1; }
/* line 251, ../../scss/original_hf/_header.scss */
#header .nav-item.close a img {
  opacity: 0; }
/* line 257, ../../scss/original_hf/_header.scss */
#header .nav-item.close a.chara:before {
  background-image: url("../img/HeaderFooter/nav/nav_04chara_close.png"); }
/* line 260, ../../scss/original_hf/_header.scss */
#header .nav-item.close a.special:before {
  background-image: url("../img/HeaderFooter/nav/nav_08special_close.png"); }

/* line 267, ../../scss/original_hf/_header.scss */
#header .nav-item.active img {
  opacity: 0; }
/* line 271, ../../scss/original_hf/_header.scss */
#header .nav-item.active a {
  pointer-events: none; }
/* line 275, ../../scss/original_hf/_header.scss */
#header .nav-item.active.re a {
  pointer-events: auto; }
/* line 279, ../../scss/original_hf/_header.scss */
#header .nav-item.active a:before {
  opacity: 1; }

/* line 287, ../../scss/original_hf/_header.scss */
#header .sub-nav {
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../img/HeaderFooter/head_light.png");
  background-size: 20px 10px;
  background-repeat: repeat-x; }
/* line 300, ../../scss/original_hf/_header.scss */
#header .sub-nav:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: -4px;
  background: #E6C343;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #FFF2B3 inset; }
/* line 313, ../../scss/original_hf/_header.scss */
#header .sub-nav:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../img/HeaderFooter/head_light_glow.png");
  background-size: 20px 10px;
  background-repeat: repeat-x;
  -webkit-animation: neon 0.5s cubic-bezier(0.93, 0.03, 0.79, 0.98) infinite alternate;
  animation: neon 0.5s cubic-bezier(0.93, 0.03, 0.79, 0.98) infinite alternate; }
@-webkit-keyframes neon {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes neon {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 353, ../../scss/original_hf/_header.scss */
#header .share {
  position: absolute;
  top: -45px;
  right: 10px; }
@media screen and (min-width: 500px) {
  /* line 353, ../../scss/original_hf/_header.scss */
  #header .share {
    right: 22px; } }
@media screen and (min-width: 770px) {
  /* line 353, ../../scss/original_hf/_header.scss */
  #header .share {
    top: 22px;
    right: 42px; } }
/* line 370, ../../scss/original_hf/_header.scss */
#header .share li {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 32px; }
/* line 380, ../../scss/original_hf/_header.scss */
#header .share li.twitter {
  background-image: url("../img/HeaderFooter/sns/share_twitter_hover.png"); }
/* line 385, ../../scss/original_hf/_header.scss */
#header .share li.facebook {
  background-image: url("../img/HeaderFooter/sns/share_facebook_hover.png"); }
/* line 390, ../../scss/original_hf/_header.scss */
#header .share a {
  display: block;
  width: 100%;
  height: 100%; }
/* line 395, ../../scss/original_hf/_header.scss */
#header .share a img {
  opacity: 1;
  transition: opacity .4s ease; }
@media screen and (min-width: 770px) {
  /* line 400, ../../scss/original_hf/_header.scss */
  #header .share a:hover img {
    opacity: 0; } }

/* line 411, ../../scss/original_hf/_header.scss */
#header .account {
  display: block;
  width: 210px;
  padding: 2px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #000;
  border-top: none;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  margin: 0 auto; }
@media screen and (min-width: 500px) {
  /* line 411, ../../scss/original_hf/_header.scss */
  #header .account {
    top: 14px;
    left: 42px;
    margin: 0; } }
/* line 437, ../../scss/original_hf/_header.scss */
#header .account > .wrap {
  display: table;
  width: 100%;
  height: 40px;
  padding: 4px;
  text-align: left;
  border: 1px solid #800000;
  border-radius: 0 0 2px 2px;
  color: #fff;
  background: #af0000;
  background: -webkit-linear-gradient(top, #af0000 0%, #770000 100%);
  background: linear-gradient(to bottom, #af0000 0%, #770000 100%); }
/* line 450, ../../scss/original_hf/_header.scss */
#header .account > .wrap .image-block, #header .account > .wrap .text-block {
  display: table-cell;
  vertical-align: middle; }
/* line 455, ../../scss/original_hf/_header.scss */
#header .account > .wrap .image-block {
  width: 32px;
  height: 32px; }
/* line 460, ../../scss/original_hf/_header.scss */
#header .account > .wrap .text-block {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 5px; }
/* line 465, ../../scss/original_hf/_header.scss */
#header .account > .wrap .text-block .count {
  font-size: 1.4rem;
  margin-top: 4px;
  color: #ffdd33;
  font-weight: bold; }
/* line 471, ../../scss/original_hf/_header.scss */
#header .account > .wrap .text-block .count:after {
  content: "GOLD";
  font-size: 0.9em;
  display: inline-block;
  margin-left: 4px; }
/* line 482, ../../scss/original_hf/_header.scss */
#header .account > .wrap.login-block {
  display: none; }
/* line 487, ../../scss/original_hf/_header.scss */
#header .account > .wrap.no-login-block {
  text-align: center;
  color: #ffdd33;
  font-weight: bold; }
/* line 496, ../../scss/original_hf/_header.scss */
#header .account.login > .wrap.login-block {
  display: table; }
/* line 500, ../../scss/original_hf/_header.scss */
#header .account.login > .wrap.no-login-block {
  display: none; }

/* line 7, ../../scss/original_hf/_footer.scss */
#footer {
  display: block;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 20px;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-image: url("../img/HeaderFooter/header_neon.gif");
  background-size: 1px 4px;
  background-position: top left;
  background-repeat: repeat;
  position: relative; }
@media screen and (min-width: 770px) {
  /* line 7, ../../scss/original_hf/_footer.scss */
  #footer {
    position: fixed;
    bottom: 0;
    z-index: 10;
    height: 44px;
    padding-bottom: 0; } }
/* line 38, ../../scss/original_hf/_footer.scss */
#footer .foot-menu {
  margin-top: 10px; }
@media screen and (min-width: 770px) {
  /* line 38, ../../scss/original_hf/_footer.scss */
  #footer .foot-menu {
    display: none; } }
/* line 47, ../../scss/original_hf/_footer.scss */
#footer .foot-menu img {
  width: auto;
  height: 40px; }
/* line 52, ../../scss/original_hf/_footer.scss */
#footer .foot-menu .thumbnail.close {
  pointer-events: none; }

/* line 60, ../../scss/original_hf/_footer.scss */
#footer p {
  margin-top: 11px;
  padding: 0 1em; }
/* line 64, ../../scss/original_hf/_footer.scss */
#footer p span {
  display: block; }
@media screen and (min-width: 500px) {
  /* line 64, ../../scss/original_hf/_footer.scss */
  #footer p span {
    display: inline-block; } }
@media screen and (min-width: 500px) {
  /* line 72, ../../scss/original_hf/_footer.scss */
  #footer p span + span {
    padding-left: 1em; } }

/* line 83, ../../scss/original_hf/_footer.scss */
#footer p:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #E6C343;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #FFF2B3 inset; }

/* line 99, ../../scss/original_hf/_footer.scss */
#footer:before, #footer:after {
  content: "";
  display: block;
  position: absolute;
  top: -52px;
  width: 70px;
  height: 52px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 70px 52px; }

/* line 114, ../../scss/original_hf/_footer.scss */
#footer:before {
  left: 0;
  background-image: url("../img/HeaderFooter/Frame_BL.png");
  background-position: bottom left; }

/* line 124, ../../scss/original_hf/_footer.scss */
#footer:after {
  right: 0;
  background-image: url("../img/HeaderFooter/Frame_BR.png");
  background-position: bottom right; }

/* line 7, ../../scss/_layout_general.scss */
body {
  color: #000;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  background-color: #8c0000; }
@media screen and (min-width: 770px) {
  /* line 7, ../../scss/_layout_general.scss */
  body {
    min-width: 910px; } }

/* line 26, ../../scss/_layout_general.scss */
#header, #contents, #footer {
  min-width: 320px; }
@media screen and (min-width: 770px) {
  /* line 26, ../../scss/_layout_general.scss */
  #header, #contents, #footer {
    min-width: 930px; } }

/* line 39, ../../scss/_layout_general.scss */
#contents {
  display: block;
  width: 100%;
  min-height: 100%;
  padding-top: 64px;
  padding-bottom: 76px;
  background-color: #ffd514;
  background-image: url("../img/bg/bg_sp.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed; }
@media screen and (min-width: 500px) {
  /* line 39, ../../scss/_layout_general.scss */
  #contents {
    background-image: url("../img/bg/bg_tab.png"); } }
@media screen and (min-width: 770px) {
  /* line 39, ../../scss/_layout_general.scss */
  #contents {
    background-image: url("../img/bg/bg_pc.png");
    background-position: 0 64px;
    padding-top: 128px;
    padding-bottom: 96px; } }

/* line 78, ../../scss/_layout_general.scss */
h1 {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0); }

/* line 89, ../../scss/_layout_general.scss */
h1 img {
  width: 290px;
  height: 110px; }

/* line 98, ../../scss/_layout_general.scss */
.container {
  display: block;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px; }
@media screen and (min-width: 500px) {
  /* line 98, ../../scss/_layout_general.scss */
  .container {
    padding-right: 22px;
    padding-left: 22px; } }
@media screen and (min-width: 770px) {
  /* line 98, ../../scss/_layout_general.scss */
  .container {
    padding-right: 42px;
    padding-left: 42px; } }
/* line 119, ../../scss/_layout_general.scss */
.container + .container {
  margin-top: 32px; }

/* line 124, ../../scss/_layout_general.scss */
.container-fluid {
  display: block;
  width: 100%;
  margin: 0 auto; }
/* line 130, ../../scss/_layout_general.scss */
.container-fluid + .container {
  margin-top: 32px; }

/* line 139, ../../scss/_layout_general.scss */
#particle-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: none; }
@media screen and (min-width: 770px) {
  /* line 139, ../../scss/_layout_general.scss */
  #particle-area {
    display: block; } }

/* line 161, ../../scss/_layout_general.scss */
img {
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none; }

/* line 179, ../../scss/_layout_general.scss */
body > img[src^="https://googleads.g.doubleclick.net/pagead/"], body > iframe[src^="https://googleads.g.doubleclick.net/pagead/"] {
  position: absolute;
  top: 0;
  z-index: -100; }

@media screen and (min-width: 1536px) {
  /* line 7, ../../scss/_layout_globaltop.scss */
  .container.global-top {
    max-width: 1200px; } }

/* line 15, ../../scss/_layout_globaltop.scss */
.main-block {
  display: block;
  width: 100%;
  position: relative; }
/* line 21, ../../scss/_layout_globaltop.scss */
.main-block:after {
  content: "";
  display: table;
  width: 100%;
  clear: both; }
/* line 28, ../../scss/_layout_globaltop.scss */
.main-block .main-block-item {
  display: block; }
@media screen and (min-width: 770px) {
  /* line 35, ../../scss/_layout_globaltop.scss */
  .main-block .keyvisual-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 48%; }
  /* line 44, ../../scss/_layout_globaltop.scss */
  .main-block .block-1st, .main-block .block-2nd {
    position: relative;
    width: 26%;
    min-height: 569px; }
  /* line 51, ../../scss/_layout_globaltop.scss */
  .main-block .block-1st {
    float: left;
    padding-right: 32px; }
  /* line 57, ../../scss/_layout_globaltop.scss */
  .main-block .block-2nd {
    float: right;
    padding-left: 32px; } }
@media screen and (min-width: 1536px) {
  /* line 64, ../../scss/_layout_globaltop.scss */
  .main-block .main-block-item {
    min-height: 753px; } }

/* line 77, ../../scss/_layout_globaltop.scss */
.keyvisual-area .kevisual-frame {
  width: 88%;
  margin: 0 auto;
  padding: 7px;
  border: 1px solid #000;
  border-radius: 6px 8px 6px 8px;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%); }
@media screen and (min-width: 770px) {
  /* line 77, ../../scss/_layout_globaltop.scss */
  .keyvisual-area .kevisual-frame {
    width: 100%; } }
/* line 92, ../../scss/_layout_globaltop.scss */
.keyvisual-area .kevisual-frame > div {
  display: block;
  width: 100%;
  height: 100%;
  position: static;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  overflow: hidden; }
/* line 102, ../../scss/_layout_globaltop.scss */
.keyvisual-area .kevisual-frame > div:before, .keyvisual-area .kevisual-frame > div:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  background-image: url("../img/General/swirl.svg"); }
/* line 112, ../../scss/_layout_globaltop.scss */
.keyvisual-area .kevisual-frame > div:before {
  top: -1px;
  right: -1px; }
/* line 117, ../../scss/_layout_globaltop.scss */
.keyvisual-area .kevisual-frame > div:after {
  bottom: -1px;
  left: -1px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* line 132, ../../scss/_layout_globaltop.scss */
.block-1st {
  margin-top: 24px; }
@media screen and (min-width: 770px) {
  /* line 132, ../../scss/_layout_globaltop.scss */
  .block-1st {
    margin-top: 0; } }
/* line 142, ../../scss/_layout_globaltop.scss */
.block-1st .date-area {
  width: 100%; }
/* line 146, ../../scss/_layout_globaltop.scss */
.block-1st .date-area .sp {
  display: block;
  width: 88%;
  margin: 0 auto 40px auto; }
/* line 152, ../../scss/_layout_globaltop.scss */
.block-1st .date-area .pc {
  display: none; }
@media screen and (min-width: 770px) {
  /* line 142, ../../scss/_layout_globaltop.scss */
  .block-1st .date-area {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 32px; }
  /* line 164, ../../scss/_layout_globaltop.scss */
  .block-1st .date-area .sp {
    display: none; }
  /* line 168, ../../scss/_layout_globaltop.scss */
  .block-1st .date-area .pc {
    display: block;
    width: 100%; } }
/* line 175, ../../scss/_layout_globaltop.scss */
.block-1st .thumbnail.vertical {
  margin-top: 24px; }
/* line 179, ../../scss/_layout_globaltop.scss */
.block-1st .thumbnail.vertical > div > span {
  padding: 0; }
/* line 183, ../../scss/_layout_globaltop.scss */
.block-1st .thumbnail.vertical .image-block, .block-1st .thumbnail.vertical .text-block {
  display: block;
  width: 100%;
  float: none; }
/* line 189, ../../scss/_layout_globaltop.scss */
.block-1st .thumbnail.vertical .text-block {
  padding: 10px; }
/* line 195, ../../scss/_layout_globaltop.scss */
.block-1st .sp-menu {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }
/* line 200, ../../scss/_layout_globaltop.scss */
.block-1st .sp-menu img {
  width: auto;
  height: 40px; }
/* line 205, ../../scss/_layout_globaltop.scss */
.block-1st .sp-menu li a {
  margin-top: 5px;
  margin-bottom: 5px; }
/* line 210, ../../scss/_layout_globaltop.scss */
.block-1st .sp-menu .thumbnail.close {
  pointer-events: none; }
@media screen and (min-width: 770px) {
  /* line 195, ../../scss/_layout_globaltop.scss */
  .block-1st .sp-menu {
    display: none; } }
/* line 221, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area {
  display: block;
  width: 100%; }
@media screen and (min-width: 770px) {
  /* line 221, ../../scss/_layout_globaltop.scss */
  .block-1st .present-info-area {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 32px; } }
@media screen and (min-width: 769px) {
  /* line 235, ../../scss/_layout_globaltop.scss */
  .block-1st .present-info-area.abso {
    top: 42%; } }
@media screen and (min-width: 769px) {
  /* line 244, ../../scss/_layout_globaltop.scss */
  .block-1st .present-info-area.abso.second {
    top: 61%; } }
@media screen and (min-width: 769px) {
  /* line 251, ../../scss/_layout_globaltop.scss */
  .block-1st .present-info-area.abso.third {
    top: 69%; } }
/* line 262, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area .thumbnail {
  margin: 0; }
/* line 265, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area .thumbnail > div > span {
  padding: 10px;
  display: table; }
/* line 270, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area .thumbnail .image-block {
  display: table-cell;
  width: 80px;
  padding: 0; }
/* line 276, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area .thumbnail .text-block {
  display: table-cell;
  width: auto;
  padding: 0 0 0 10px;
  background: transparent;
  vertical-align: middle; }
/* line 287, ../../scss/_layout_globaltop.scss */
.block-1st .present-info-area .thumbnail + .thumbnail {
  margin-top: 10px; }

/* line 297, ../../scss/_layout_globaltop.scss */
.block-2nd {
  margin-top: 48px; }
@media screen and (min-width: 770px) {
  /* line 297, ../../scss/_layout_globaltop.scss */
  .block-2nd {
    margin-top: 0; } }
/* line 307, ../../scss/_layout_globaltop.scss */
.block-2nd h2 {
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 16px; }
@media screen and (min-width: 770px) {
  /* line 307, ../../scss/_layout_globaltop.scss */
  .block-2nd h2 {
    text-align: left; } }
/* line 318, ../../scss/_layout_globaltop.scss */
.block-2nd h2 img {
  height: 24px;
  width: auto;
  margin-bottom: 8px; }
/* line 324, ../../scss/_layout_globaltop.scss */
.block-2nd h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #ffd824;
  border: 1px solid #000;
  border-radius: 2px; }
/* line 336, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area {
  line-height: 1.4; }
/* line 338, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area .latest-news-list {
  max-height: 300px; }
/* line 344, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area li + li {
  margin-top: 13px; }
/* line 348, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area a {
  color: #000;
  font-size: 1.3rem;
  text-decoration: underline;
  display: block;
  width: 100%;
  height: 100%;
  transition: color .2s ease; }
/* line 357, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area a:link, .block-2nd .news-area a:active, .block-2nd .news-area a:visited {
  color: #000; }
/* line 361, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area a:hover {
  color: #b39200; }
/* line 366, ../../scss/_layout_globaltop.scss */
.block-2nd .news-area .date {
  display: block;
  color: #845700;
  font-size: 0.9em;
  text-decoration: none; }
/* line 378, ../../scss/_layout_globaltop.scss */
.block-2nd .trailer-area {
  display: block;
  width: 100%;
  margin-top: 32px; }
@media screen and (min-width: 770px) {
  /* line 378, ../../scss/_layout_globaltop.scss */
  .block-2nd .trailer-area {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
    padding-left: 32px; } }
/* line 392, ../../scss/_layout_globaltop.scss */
.block-2nd .trailer-area .thumbnail {
  margin: 0; }
/* line 397, ../../scss/_layout_globaltop.scss */
.block-2nd .trailer-area .movie-glid:before, .block-2nd .trailer-area .movie-glid:after {
  bottom: -8px !important; }

/* line 418, ../../scss/_layout_globaltop.scss */
.bnr-area {
  display: block;
  margin-top: 48px;
  margin-left: -5px;
  margin-right: -5px;
  text-align: left;
  font-size: 0; }
@media screen and (min-width: 500px) {
  /* line 418, ../../scss/_layout_globaltop.scss */
  .bnr-area {
    text-align: center; } }
/* line 431, ../../scss/_layout_globaltop.scss */
.bnr-area *[class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  float: none; }
/* line 442, ../../scss/_layout_globaltop.scss */
.bnr-area a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden; }
/* line 450, ../../scss/_layout_globaltop.scss */
.bnr-area + .bnr-area {
  margin-top: 0; }

/* line 458, ../../scss/_layout_globaltop.scss */
.billing-area {
  margin-top: 48px;
  text-align: center; }
/* line 462, ../../scss/_layout_globaltop.scss */
.billing-area .author {
  font-size: 1.6rem;
  line-height: 1; }
/* line 466, ../../scss/_layout_globaltop.scss */
.billing-area .author li {
  display: block !important; }
/* line 470, ../../scss/_layout_globaltop.scss */
.billing-area .author li + li {
  margin-top: 0.25em; }
/* line 475, ../../scss/_layout_globaltop.scss */
.billing-area .voice-cast, .billing-area .staff {
  font-size: 1.2rem;
  margin-top: 16px; }
/* line 482, ../../scss/_layout_globaltop.scss */
.billing-area .author li, .billing-area .voice-cast li, .billing-area .staff li {
  font-weight: bold;
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em; }

/* line 9, ../../scss/_layout_news.scss */
.news-article .container {
  max-width: 820px;
  padding-bottom: 32px; }

/* line 17, ../../scss/_layout_news.scss */
.news-article h2 {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 48px;
  color: #ffd824; }
/* line 24, ../../scss/_layout_news.scss */
.news-article h2 span.date {
  display: block;
  color: #D5AC4D;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 0.5em; }
/* line 34, ../../scss/_layout_news.scss */
.news-article h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #ffd824;
  border: 1px solid #000;
  border-radius: 2px;
  position: absolute;
  bottom: 0; }
/* line 47, ../../scss/_layout_news.scss */
.news-article h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-image: url("../img/heading/Rope.svg"), url("../img/heading/Rope.svg");
  background-repeat: no-repeat,no-repeat;
  background-size: 88px 14px,88px 14px;
  background-position: left 8px top, right 8px top;
  border-radius: 2px;
  position: absolute;
  bottom: -5px; }

/* line 65, ../../scss/_layout_news.scss */
.news-article .container > div {
  margin-top: 24px; }
/* line 68, ../../scss/_layout_news.scss */
.news-article .container > div + div {
  margin-top: 48px; }

/* line 82, ../../scss/_layout_news.scss */
.news-article h3 {
  font-size: 2.2rem;
  border-bottom: 2px solid #ffd824;
  padding-bottom: 5px;
  margin-top: 32px;
  margin-bottom: 16px;
  color: #ffd824; }
/* line 92, ../../scss/_layout_news.scss */
.news-article h4, .news-article h5, .news-article h6 {
  margin-top: 32px;
  margin-bottom: 8px;
  color: #ffd824; }
/* line 98, ../../scss/_layout_news.scss */
.news-article h4 {
  font-size: 1.8rem; }
/* line 102, ../../scss/_layout_news.scss */
.news-article h5 {
  font-size: 1.6rem; }
/* line 106, ../../scss/_layout_news.scss */
.news-article h6 {
  font-size: 1.4rem; }
/* line 110, ../../scss/_layout_news.scss */
.news-article p {
  line-height: 1.5;
  margin-top: 16px;
  margin-bottom: 16px; }
/* line 116, ../../scss/_layout_news.scss */
.news-article .annotation {
  font-size: 1.2rem;
  color: #fff;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.5em; }
/* line 124, ../../scss/_layout_news.scss */
.news-article .annotation:before {
  content: "※";
  display: inline;
  padding-right: 0.5em; }
/* line 130, ../../scss/_layout_news.scss */
.news-article .annotation + .annotation {
  margin-top: 0.5em; }
/* line 135, ../../scss/_layout_news.scss */
.news-article hr {
  color: #71603B; }
/* line 139, ../../scss/_layout_news.scss */
.news-article div.optional {
  padding: 24px;
  border: 1px solid #71603B;
  border-radius: 6px; }
/* line 144, ../../scss/_layout_news.scss */
.news-article div.optional h3 {
  margin-top: 0; }

/* line 153, ../../scss/_layout_news.scss */
.news-article a {
  display: inline;
  color: #24B5FF;
  text-decoration: underline;
  transition: color .2s ease; }
/* line 159, ../../scss/_layout_news.scss */
.news-article a:link, .news-article a:active, .news-article a:visited {
  color: #24B5FF; }
/* line 163, ../../scss/_layout_news.scss */
.news-article a:hover {
  color: #b39200; }
/* line 167, ../../scss/_layout_news.scss */
.news-article a.button {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid #000;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
  margin: 16px auto; }
/* line 182, ../../scss/_layout_news.scss */
.news-article a.button span {
  display: block;
  padding: 0.8em 1em;
  border-radius: 2px;
  border: 1px solid #000;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  color: #ffec92;
  background: #af0000;
  background: 　-webkit-linear-gradient(top, #af0000 0%, #770000 100%);
  background: linear-gradient(to bottom, #af0000 0%, #770000 100%); }
/* line 198, ../../scss/_layout_news.scss */
.news-article a.button:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background: rgba(255, 255, 255, 0.2);
  background: -webkit-linear-gradient(left, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(to right, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%); }
@media screen and (min-width: 770px) {
  /* line 221, ../../scss/_layout_news.scss */
  .news-article a.button:hover:before {
    -webkit-animation: shine .5s;
    animation: shine .5s; }
  @-webkit-keyframes shine {
    100% {
      left: 150%; } }
  @keyframes shine {
    100% {
      left: 150%; } } }

/* line 241, ../../scss/_layout_news.scss */
.news-article .row a.button {
  margin: 0 auto; }

/* line 247, ../../scss/_layout_news.scss */
.news-article strong {
  font-weight: bold;
  font-size: 1.2em; }
/* line 248, ../../scss/_layout_news.scss */
.news-article small {
  font-size: 0.8em; }

/* line 251, ../../scss/_layout_news.scss */
.back {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px; }

/* line 264, ../../scss/_layout_news.scss */
.news-article ul {
  list-style-type: square;
  padding-left: 1.5em;
  margin-top: 16px;
  margin-bottom: 16px; }

/* line 273, ../../scss/_layout_news.scss */
.news-article ol {
  counter-reset: number;
  list-style: none;
  margin-top: 16px;
  margin-bottom: 16px; }
/* line 279, ../../scss/_layout_news.scss */
.news-article ol li {
  position: relative;
  padding-left: 1.5em; }
/* line 284, ../../scss/_layout_news.scss */
.news-article ol li:before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0.2em;
  left: 0;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  color: #000;
  text-shadow: none;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5; }

/* line 307, ../../scss/_layout_news.scss */
.news-article li {
  line-height: 1.3;
  margin-top: 0.4em;
  margin-bottom: 0.4em; }

/* line 316, ../../scss/_layout_news.scss */
.news-article dl {
  line-height: 1.3;
  margin-top: 16px;
  margin-bottom: 16px; }
/* line 322, ../../scss/_layout_news.scss */
.news-article dl dt {
  font-weight: bold;
  color: #D5AC4D; }
/* line 327, ../../scss/_layout_news.scss */
.news-article dl dd {
  margin: 0;
  margin-top: 0.25em;
  margin-bottom: 0.25em; }
/* line 332, ../../scss/_layout_news.scss */
.news-article dl dd + dt {
  margin-top: 1em; }

/* line 345, ../../scss/_layout_news.scss */
.news-article table {
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 1.3rem;
  line-height: 1.3; }
/* line 353, ../../scss/_layout_news.scss */
.news-article table caption {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 8px; }
/* line 360, ../../scss/_layout_news.scss */
.news-article table thead {
  background: #FFD824;
  color: #000;
  text-shadow: none; }
/* line 367, ../../scss/_layout_news.scss */
.news-article table thead th, .news-article table thead td {
  font-weight: bold; }
/* line 374, ../../scss/_layout_news.scss */
.news-article table tbody tr {
  border-bottom: 1px solid #71603B; }
/* line 379, ../../scss/_layout_news.scss */
.news-article table tbody th {
  background: transparent;
  font-weight: bold; }
/* line 385, ../../scss/_layout_news.scss */
.news-article table tbody td {
  background: transparent; }
/* line 391, ../../scss/_layout_news.scss */
.news-article table th, .news-article table td {
  padding: 0.5em 1em;
  border: 1px solid #71603B; }
/* line 398, ../../scss/_layout_news.scss */
.news-article table.center caption {
  text-align: left; }
/* line 401, ../../scss/_layout_news.scss */
.news-article table.center td, .news-article table.center th {
  text-align: center; }
/* line 409, ../../scss/_layout_news.scss */
.news-article table.responsive thead {
  display: none; }
/* line 413, ../../scss/_layout_news.scss */
.news-article table.responsive td {
  display: block;
  border-bottom: none; }
/* line 418, ../../scss/_layout_news.scss */
.news-article table.responsive td:before {
  content: attr(data-th);
  display: block;
  font-weight: bold; }
@media screen and (min-width: 500px) {
  /* line 425, ../../scss/_layout_news.scss */
  .news-article table.responsive thead {
    display: table-header-group; }
  /* line 426, ../../scss/_layout_news.scss */
  .news-article table.responsive td {
    display: table-cell; }
  /* line 427, ../../scss/_layout_news.scss */
  .news-article table.responsive td:before {
    display: none; } }

/* line 438, ../../scss/_layout_news.scss */
.video-block {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
/* line 444, ../../scss/_layout_news.scss */
.video-block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/* line 459, ../../scss/_layout_news.scss */
.news-article .row *[class*="col-"] {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line 8, ../../scss/_layout_introstory.scss */
#contents.intro p + p, #contents.story p + p {
  margin-top: 1.5em; }
@media screen and (min-width: 500px) {
  /* line 5, ../../scss/_layout_introstory.scss */
  #contents.intro, #contents.story {
    text-align: center;
    line-height: 2; }
  /* line 17, ../../scss/_layout_introstory.scss */
  #contents.intro .br:before, #contents.story .br:before {
    content: "\A";
    white-space: pre; } }
@media screen and (min-width: 770px) {
  /* line 5, ../../scss/_layout_introstory.scss */
  #contents.intro, #contents.story {
    font-size: 1.6rem; } }
/* line 32, ../../scss/_layout_introstory.scss */
#contents.intro .heading-copy {
  text-align: center; }
/* line 35, ../../scss/_layout_introstory.scss */
#contents.intro .heading-copy img {
  width: auto;
  height: 20px;
  margin: 2px 0; }
@media screen and (min-width: 340px) {
  /* line 35, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 24px; } }
@media screen and (min-width: 440px) {
  /* line 35, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 30px;
    margin: 10px 0; } }
@media screen and (min-width: 500px) {
  /* line 35, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 38px; } }
@media screen and (min-width: 770px) {
  /* line 35, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 52px; } }
/* line 64, ../../scss/_layout_introstory.scss */
#contents p {
  line-height: 1.42857; }
/* line 68, ../../scss/_layout_introstory.scss */
#contents.intro .about {
  padding-top: 32px;
  padding-bottom: 42px;
  margin-top: 48px;
  margin-bottom: 24px; }
/* line 74, ../../scss/_layout_introstory.scss */
#contents.intro .about .wrap {
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #ffd824;
  border-radius: 8px;
  padding: 32px;
  padding-bottom: 42px; }
/* line 82, ../../scss/_layout_introstory.scss */
#contents.intro .about h2 {
  font-size: 2.4rem;
  line-height: 1;
  color: #ffd824;
  position: relative;
  margin-bottom: 1.5em;
  padding-bottom: 10px; }
/* line 90, ../../scss/_layout_introstory.scss */
#contents.intro .about h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #ffd824;
  border: 1px solid #000;
  border-radius: 2px;
  position: absolute;
  bottom: 0; }
/* line 102, ../../scss/_layout_introstory.scss */
#contents.intro .about h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-image: url("../img/heading/Rope.svg"), url("../img/heading/Rope.svg");
  background-repeat: no-repeat,no-repeat;
  background-size: 88px 14px,88px 14px;
  background-position: left 8px top, right 8px top;
  border-radius: 2px;
  position: absolute;
  bottom: -5px; }
/* line 117, ../../scss/_layout_introstory.scss */
#contents.intro .about h3 {
  font-size: 1.8rem;
  margin-bottom: 1.5em;
  color: #ffd824; }
/* line 123, ../../scss/_layout_introstory.scss */
#contents.intro .about h4 {
  margin-bottom: 1em;
  line-height: 1.75;
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 400;
  font-size: 2rem; }
/* line 135, ../../scss/_layout_introstory.scss */
#contents.story .heading-copy {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  text-align: center; }
/* line 141, ../../scss/_layout_introstory.scss */
#contents.story .heading-copy img {
  width: auto;
  height: 32px;
  margin: 4px 0; }
@media screen and (min-width: 370px) {
  /* line 141, ../../scss/_layout_introstory.scss */
  #contents.story .heading-copy img {
    height: 42px; } }
@media screen and (min-width: 500px) {
  /* line 141, ../../scss/_layout_introstory.scss */
  #contents.story .heading-copy img {
    height: 52px; } }
@media screen and (min-width: 770px) {
  /* line 141, ../../scss/_layout_introstory.scss */
  #contents.story .heading-copy img {
    height: 72px; } }
/* line 162, ../../scss/_layout_introstory.scss */
#contents.intro .heading-copy {
  line-height: 1 !important; }
/* line 166, ../../scss/_layout_introstory.scss */
#contents.intro .heading-copy img {
  width: auto;
  height: 20px;
  margin: 4px 0; }
@media screen and (min-width: 370px) {
  /* line 166, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 24px;
    margin: 8px 0; } }
@media screen and (min-width: 500px) {
  /* line 166, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 32px; } }
@media screen and (min-width: 770px) {
  /* line 166, ../../scss/_layout_introstory.scss */
  #contents.intro .heading-copy img {
    height: 42px; } }
/* line 190, ../../scss/_layout_introstory.scss */
#contents .heading-copy {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
/* line 193, ../../scss/_layout_introstory.scss */
#contents .heading-copy + p {
  margin-top: 40px; }

/* line 7, ../../scss/_layout_staffcast.scss */
#contents.staffcast p + p {
  margin-top: 1em; }
/* line 11, ../../scss/_layout_staffcast.scss */
#contents.staffcast .container + .container {
  margin-top: 64px; }
/* line 16, ../../scss/_layout_staffcast.scss */
#contents.staffcast .heading {
  position: relative;
  text-align: center;
  padding-bottom: 8px;
  margin-bottom: 48px; }
/* line 22, ../../scss/_layout_staffcast.scss */
#contents.staffcast .heading img {
  position: relative;
  width: auto;
  height: 32px;
  z-index: 2; }
/* line 30, ../../scss/_layout_staffcast.scss */
#contents.staffcast .heading:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #ffd824;
  border: 1px solid #000;
  border-radius: 2px;
  position: absolute;
  bottom: 0; }
/* line 43, ../../scss/_layout_staffcast.scss */
#contents.staffcast .heading:after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-image: url("../img/heading/Rope.svg"), url("../img/heading/Rope.svg");
  background-repeat: no-repeat,no-repeat;
  background-size: 88px 14px,88px 14px;
  background-position: left 8px top, right 8px top;
  border-radius: 2px;
  position: absolute;
  bottom: -5px; }
@media screen and (min-width: 500px) {
  /* line 62, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .br:before {
    content: "\A";
    white-space: pre; } }
/* line 69, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff, #contents.staffcast .artist {
  text-align: left; }
@media screen and (min-width: 500px) {
  /* line 69, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .main-staff, #contents.staffcast .artist {
    text-align: center; }
  /* line 76, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .main-staff .miyamoto, #contents.staffcast .main-staff .sato, #contents.staffcast .artist .miyamoto, #contents.staffcast .artist .sato {
    padding-right: 40px; }
  /* line 78, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .main-staff .miyamoto p, #contents.staffcast .main-staff .sato p, #contents.staffcast .artist .miyamoto p, #contents.staffcast .artist .sato p {
    text-align: left; }
  /* line 83, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .main-staff .kuroiwa, #contents.staffcast .main-staff .hayashi, #contents.staffcast .artist .kuroiwa, #contents.staffcast .artist .hayashi {
    padding-left: 40px; }
  /* line 85, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .main-staff .kuroiwa p, #contents.staffcast .main-staff .hayashi p, #contents.staffcast .artist .kuroiwa p, #contents.staffcast .artist .hayashi p {
    text-align: left; } }
/* line 91, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff *[class*="col-"] + *[class*="col-"], #contents.staffcast .artist *[class*="col-"] + *[class*="col-"] {
  margin-top: 56px; }
/* line 96, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff h3, #contents.staffcast .artist h3 {
  font-size: 4rem;
  font-weight: bold;
  text-align: center; }
/* line 102, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff h3 span.position, #contents.staffcast .artist h3 span.position {
  display: block;
  font-size: 1.4rem; }
/* line 108, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff h3 span.option, #contents.staffcast .artist h3 span.option {
  display: block;
  color: #D5AC4D;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.71429; }
/* line 116, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff h3 span.option .masterpiece, #contents.staffcast .artist h3 span.option .masterpiece {
  display: block;
  font-weight: bold; }
/* line 123, ../../scss/_layout_staffcast.scss */
#contents.staffcast .main-staff h3 + p, #contents.staffcast .artist h3 + p {
  margin-top: 1em; }
/* line 129, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast {
  text-align: center;
  font-size: 0;
  margin-left: auto;
  margin-right: auto; }
/* line 136, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast p {
  font-size: 1.4rem; }
/* line 141, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast h3 {
  font-size: 2.4rem; }
/* line 144, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast h3 span.position {
  display: block;
  font-size: 1.2rem; }
/* line 150, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast *[class*="col-"] {
  margin-top: 15px;
  margin-bottom: 15px;
  float: none;
  display: inline-block;
  vertical-align: top; }
/* line 162, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast .group {
  display: block;
  font-size: 1.3rem; }

/* line 179, ../../scss/_layout_staffcast.scss */
#contents.staffcast .artist {
  margin-top: 72px;
  text-align: left; }
/* line 183, ../../scss/_layout_staffcast.scss */
#contents.staffcast .artist h3 + p {
  margin-top: 1em; }
/* line 187, ../../scss/_layout_staffcast.scss */
#contents.staffcast .artist h3.artist-name {
  font-size: 3rem; }
/* line 190, ../../scss/_layout_staffcast.scss */
#contents.staffcast .artist h3.artist-name .break:after {
  content: "\a";
  white-space: pre; }
@media screen and (min-width: 500px) {
  /* line 190, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .artist h3.artist-name .break:after {
    content: ""; } }
@media screen and (min-width: 500px) {
  /* line 179, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .artist {
    text-align: left; }
  /* line 205, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .artist h3 {
    text-align: left; } }
/* line 210, ../../scss/_layout_staffcast.scss */
#contents.staffcast .artist p {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto; }
/* line 217, ../../scss/_layout_staffcast.scss */
#contents.staffcast *[class*="col-"] + *[class*="col-"].inner {
  margin-top: 24px; }
@media screen and (min-width: 500px) {
  /* line 217, ../../scss/_layout_staffcast.scss */
  #contents.staffcast *[class*="col-"] + *[class*="col-"].inner {
    margin-top: 0; } }
/* line 227, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main {
  padding-bottom: 0;
  border-bottom: none; }
/* line 232, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main h3 + p {
  margin-top: 1em; }
@media screen and (min-width: 500px) {
  /* line 227, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .voice-cast.guest-main {
    text-align: left; } }
/* line 244, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main.mitsushima, #contents.staffcast .voice-cast.guest-main.kitaoji {
  margin-left: -10px;
  margin-right: -10px; }
/* line 248, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main.mitsushima p, #contents.staffcast .voice-cast.guest-main.kitaoji p {
  text-align: left; }
/* line 254, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main.main-other {
  text-align: center; }
/* line 258, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main.main-other p {
  text-align: left; }
@media screen and (min-width: 500px) {
  /* line 262, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .voice-cast.guest-main.main-other h3 {
    text-align: left; } }
@media screen and (min-width: 770px) {
  /* line 262, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .voice-cast.guest-main.main-other h3 {
    text-align: center; } }
@media screen and (min-width: 500px) {
  /* line 274, ../../scss/_layout_staffcast.scss */
  #contents.staffcast .voice-cast.guest-main.main-other img {
    max-width: 215px; } }
/* line 284, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-main.kitaoji {
  padding-bottom: 48px;
  border-bottom: 1px solid #71603B; }
/* line 289, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast + .voice-cast {
  margin-top: 24px; }
/* line 293, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-2, #contents.staffcast .voice-cast.guest-3 {
  text-align: left;
  margin-top: 48px;
  margin-left: -10px;
  margin-right: -10px; }
/* line 299, ../../scss/_layout_staffcast.scss */
#contents.staffcast .voice-cast.guest-2 h3 + p, #contents.staffcast .voice-cast.guest-3 h3 + p {
  margin-top: 1em; }

/* line 7, ../../scss/_layout_movie.scss */
#contents .movie-glid {
  position: relative; }
/* line 12, ../../scss/_layout_movie.scss */
#contents .movie-glid:before, #contents .movie-glid:after {
  content: "";
  display: block;
  width: 54px;
  height: 64px;
  position: absolute;
  bottom: 0;
  right: -8px;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right; }
/* line 29, ../../scss/_layout_movie.scss */
#contents .movie-glid:before {
  background-image: url("../img/General/denden_hover.png");
  opacity: 0;
  transition: opacity .2s ease; }
@media screen and (min-width: 770px) {
  /* line 36, ../../scss/_layout_movie.scss */
  #contents .movie-glid:hover:before {
    opacity: 1; } }
/* line 44, ../../scss/_layout_movie.scss */
#contents .movie-glid:after {
  background-image: url("../img/General/denden.png");
  opacity: 1; }

/* line 3, ../../scss/_layout_chara.scss */
.slick-slide:focus {
  outline: none; }

/* line 8, ../../scss/_layout_chara.scss */
.container.character + .container.character {
  margin-top: 80px; }

/* line 17, ../../scss/_layout_chara.scss */
.chara-slide-trigger {
  width: 100%;
  max-width: 720px;
  margin: 0 auto  40px auto; }
/* line 23, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-slide {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 5px;
  padding: 3px;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  border: 1px solid #866515;
  border-radius: 50%;
  transition: transform .2s ease; }
/* line 37, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-slide.slick-current span {
  background: #8c0000; }
/* line 43, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-slide:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background: rgba(255, 255, 255, 0.2);
  background: -webkit-linear-gradient(left, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(to right, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%); }
@media screen and (min-width: 770px) {
  /* line 66, ../../scss/_layout_chara.scss */
  .chara-slide-trigger .slick-slide:hover:before {
    -webkit-animation: shine .4s;
    animation: shine .4s; }
  @-webkit-keyframes shine {
    100% {
      left: 150%; } }
  @keyframes shine {
    100% {
      left: 150%; } } }
/* line 85, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-slide span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #b58700;
  border: 1px solid #694E00;
  border-radius: 50%;
  overflow: hidden;
  transition: background .4s ease; }
/* line 99, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-arrow {
  display: none !important; }
/* line 103, ../../scss/_layout_chara.scss */
.chara-slide-trigger .slick-list {
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px; }
@media screen and (min-width: 770px) {
  /* line 103, ../../scss/_layout_chara.scss */
  .chara-slide-trigger .slick-list {
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 770px) {
  /* line 103, ../../scss/_layout_chara.scss */
  .chara-slide-trigger .slick-list {
    margin-left: auto;
    margin-right: auto; } }

/* line 123, ../../scss/_layout_chara.scss */
.slick-slide .row {
  display: block;
  max-width: 1024px;
  margin: 0 auto; }

/* line 129, ../../scss/_layout_chara.scss */
.chara-slide-mugi {
  max-width: 500px;
  margin: 0 auto; }
@media screen and (min-width: 770px) {
  /* line 129, ../../scss/_layout_chara.scss */
  .chara-slide-mugi {
    max-width: 1024px; } }

/* line 144, ../../scss/_layout_chara.scss */
.trigger-tesoro .slick-track, .trigger-other .slick-track {
  margin-right: auto;
  margin-left: auto;
  transform: translate3d(0px, 0px, 0px) !important; }

/* line 161, ../../scss/_layout_chara.scss */
.chara-img {
  position: relative;
  margin-bottom: 24px; }
/* line 166, ../../scss/_layout_chara.scss */
.chara-img .change-costime, .chara-img img {
  position: relative; }
/* line 171, ../../scss/_layout_chara.scss */
.chara-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 90%;
  background: url("../img/Character/star_frame.png") no-repeat;
  background-size: 90%;
  background-position: center;
  -webkit-animation: starframe 60s linear infinite;
  animation: starframe 60s linear infinite; }
@-webkit-keyframes starframe {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes starframe {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* line 201, ../../scss/_layout_chara.scss */
.chara-text {
  position: relative;
  margin-top: 8px; }
/* line 205, ../../scss/_layout_chara.scss */
.chara-text h3 {
  text-align: center; }
/* line 209, ../../scss/_layout_chara.scss */
.chara-text p + p {
  margin-top: 1em; }
/* line 213, ../../scss/_layout_chara.scss */
.chara-text h3 + p {
  margin-top: 1em; }
@media screen and (min-width: 770px) {
  /* line 201, ../../scss/_layout_chara.scss */
  .chara-text {
    margin-top: 40px;
    padding-bottom: 32px; }
  /* line 220, ../../scss/_layout_chara.scss */
  .chara-text h3 {
    text-align: left; } }

/* line 225, ../../scss/_layout_chara.scss */
.change-costume-inner {
  width: 100%; }
/* line 228, ../../scss/_layout_chara.scss */
.change-costume-inner .slick-track {
  margin: 0 auto 24px auto; }
/* line 232, ../../scss/_layout_chara.scss */
.change-costume-inner .slick-track .slick-slide {
  margin-right: 10px;
  cursor: pointer;
  padding: 2px;
  background: #fff;
  transition: background .4s ease; }
/* line 241, ../../scss/_layout_chara.scss */
.change-costume-inner .slick-track .slick-current {
  background: #e00603; }
/* line 244, ../../scss/_layout_chara.scss */
.change-costume-inner .slick-track .slick-current:hover {
  background: #e00603 !important; }
/* line 249, ../../scss/_layout_chara.scss */
.change-costume-inner span {
  display: block;
  background-color: #8c0000; }
@media screen and (min-width: 770px) {
  /* line 225, ../../scss/_layout_chara.scss */
  .change-costume-inner {
    position: absolute !important;
    bottom: -48px; }
  /* line 259, ../../scss/_layout_chara.scss */
  .change-costume-inner .slick-track {
    margin: 0; }
  /* line 264, ../../scss/_layout_chara.scss */
  .change-costume-inner .slick-track .slick-slide:hover {
    background: #deb133; } }

/* line 272, ../../scss/_layout_chara.scss */
.name-block {
  position: relative;
  text-align: center; }
@media screen and (min-width: 770px) {
  /* line 272, ../../scss/_layout_chara.scss */
  .name-block {
    text-align: left; } }
/* line 282, ../../scss/_layout_chara.scss */
.name-block .name-small, .name-block .name-large {
  display: inline-block;
  width: auto; }
/* line 287, ../../scss/_layout_chara.scss */
.name-block .name-small {
  height: 36px;
  margin-bottom: 12px; }
/* line 292, ../../scss/_layout_chara.scss */
.name-block .name-large {
  height: 84px; }
/* line 296, ../../scss/_layout_chara.scss */
.name-block + h3 {
  margin-top: 12px;
  color: #FFDA30; }

/* line 6, ../../scss/_layout_login.scss */
#contents.login .container, #contents.mypage .container {
  max-width: 725px; }

/* line 23, ../../scss/_layout_login.scss */
#contents.login .thumbnail:before, #contents.mypage .thumbnail:before, #contents.special .thumbnail:before {
  content: none; }
/* line 28, ../../scss/_layout_login.scss */
#contents.login .thumbnail + .thumbnail, #contents.mypage .thumbnail + .thumbnail, #contents.special .thumbnail + .thumbnail {
  margin-top: 24px; }
/* line 33, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap, #contents.mypage .thumbnail .wrap, #contents.special .thumbnail .wrap {
  display: block;
  padding: 16px 16px 32px 16px; }
/* line 37, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap > p, #contents.mypage .thumbnail .wrap > p, #contents.special .thumbnail .wrap > p {
  text-align: center; }
/* line 44, ../../scss/_layout_login.scss */
#contents.login h2, #contents.mypage h2, #contents.special h2 {
  color: #ffdd33;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  background-color: #810000;
  margin: -16px -16px 32px -16px;
  padding: 0.8em;
  padding-top: 1em; }
/* line 55, ../../scss/_layout_login.scss */
#contents.login p + p, #contents.mypage p + p, #contents.special p + p {
  margin-top: 16px; }
/* line 59, ../../scss/_layout_login.scss */
#contents.login .wrap-innner, #contents.mypage .wrap-innner, #contents.special .wrap-innner {
  display: block;
  max-width: 360px;
  margin-right: auto;
  margin-left: auto; }
/* line 66, ../../scss/_layout_login.scss */
#contents.login form, #contents.mypage form, #contents.special form {
  margin: 24px auto; }
/* line 70, ../../scss/_layout_login.scss */
#contents.login form label, #contents.mypage form label, #contents.special form label {
  font-weight: bold; }
/* line 74, ../../scss/_layout_login.scss */
#contents.login form label input[type="text"], #contents.login form label input[type="password"], #contents.mypage form label input[type="text"], #contents.mypage form label input[type="password"], #contents.special form label input[type="text"], #contents.special form label input[type="password"] {
  margin-top: 2px;
  color: #292929;
  font-weight: normal;
  display: block;
  width: 100%;
  padding: 0.7em;
  border: none;
  border-radius: 4px;
  transition: background-color .2s ease; }
/* line 85, ../../scss/_layout_login.scss */
#contents.login form label input[type="text"]:focus, #contents.login form label input[type="password"]:focus, #contents.mypage form label input[type="text"]:focus, #contents.mypage form label input[type="password"]:focus, #contents.special form label input[type="text"]:focus, #contents.special form label input[type="password"]:focus {
  outline: none;
  background-color: #810000;
  color: #fff; }
/* line 94, ../../scss/_layout_login.scss */
#contents.login form .annotation, #contents.mypage form .annotation, #contents.special form .annotation {
  display: block;
  color: #DE9999;
  margin-top: 4px; }
/* line 101, ../../scss/_layout_login.scss */
#contents.login form .error, #contents.mypage form .error, #contents.special form .error {
  display: block;
  color: #ffdd33;
  margin-top: 4px; }
/* line 107, ../../scss/_layout_login.scss */
#contents.login form input[type="checkbox"], #contents.mypage form input[type="checkbox"], #contents.special form input[type="checkbox"] {
  margin-right: 4px; }
/* line 112, ../../scss/_layout_login.scss */
#contents.login form input[type="submit"], #contents.mypage form input[type="submit"], #contents.special form input[type="submit"] {
  width: 100%;
  border: none;
  padding: 0;
  background: transparent;
  line-height: 1; }

/* line 126, ../../scss/_layout_login.scss */
#contents.login a, #contents.mypage a {
  display: inline;
  color: #FF9A6A;
  text-decoration: underline;
  transition: color .2s ease; }
/* line 132, ../../scss/_layout_login.scss */
#contents.login a:link, #contents.login a:active, #contents.login a:visited, #contents.mypage a:link, #contents.mypage a:active, #contents.mypage a:visited {
  color: #FF9A6A; }
/* line 136, ../../scss/_layout_login.scss */
#contents.login a:hover, #contents.mypage a:hover {
  color: #5E0000; }
/* line 141, ../../scss/_layout_login.scss */
#contents.login .button, #contents.mypage .button {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid #000;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
  margin: 0 auto; }
/* line 156, ../../scss/_layout_login.scss */
#contents.login .button span, #contents.mypage .button span {
  display: block;
  padding: 1em;
  border-radius: 2px;
  border: 1px solid #000;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  color: #fff;
  background: #FFCE00;
  background: 　-webkit-linear-gradient(top, #FFCE00 0%, #D65C00 100%);
  background: linear-gradient(to bottom, #FFCE00 0%, #D65C00 100%); }
/* line 172, ../../scss/_layout_login.scss */
#contents.login .button:before, #contents.mypage .button:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background: rgba(255, 255, 255, 0.2);
  background: -webkit-linear-gradient(left, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(to right, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%); }
@media screen and (min-width: 770px) {
  /* line 195, ../../scss/_layout_login.scss */
  #contents.login .button:hover:before, #contents.mypage .button:hover:before {
    -webkit-animation: shine .5s;
    animation: shine .5s; }
  @-webkit-keyframes shine {
    100% {
      left: 150%; } }
  @keyframes shine {
    100% {
      left: 150%; } } }

/* line 217, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap {
  padding-left: 24px;
  padding-right: 24px; }
/* line 221, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap h3, #contents.login .thumbnail .wrap p {
  text-align: left; }
/* line 225, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap h2 {
  margin-left: -24px;
  margin-right: -24px; }
/* line 230, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap h3 {
  color: #ffdd33; }
/* line 234, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap h3 + p {
  margin-top: 24px; }
/* line 238, ../../scss/_layout_login.scss */
#contents.login .thumbnail .wrap .wrap-innner {
  max-width: 100%;
  margin-top: 24px; }
@media screen and (min-width: 770px) {
  /* line 245, ../../scss/_layout_login.scss */
  #contents.login .thumbnail .wrap h3, #contents.login .thumbnail .wrap p {
    text-align: center; }
  /* line 248, ../../scss/_layout_login.scss */
  #contents.login .thumbnail .wrap .wrap-innner {
    max-width: 360px; }
  /* line 252, ../../scss/_layout_login.scss */
  #contents.login .thumbnail .wrap .break {
    display: block; } }

/* line 6, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block, #contents.special .wrap.account-block {
  display: block;
  padding: 24px; }
@media screen and (min-width: 500px) {
  /* line 6, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block, #contents.special .wrap.account-block {
    display: table;
    padding: 16px 24px; } }
/* line 17, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .image-block, #contents.mypage .wrap.account-block .text-block, #contents.special .wrap.account-block .image-block, #contents.special .wrap.account-block .text-block {
  display: block;
  padding: 0;
  background: transparent;
  vertical-align: top; }
@media screen and (min-width: 500px) {
  /* line 17, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block .image-block, #contents.mypage .wrap.account-block .text-block, #contents.special .wrap.account-block .image-block, #contents.special .wrap.account-block .text-block {
    display: table-cell; } }
/* line 29, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .image-block, #contents.special .wrap.account-block .image-block {
  width: 100%; }
@media screen and (min-width: 500px) {
  /* line 29, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block .image-block, #contents.special .wrap.account-block .image-block {
    width: 164px; } }
/* line 38, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block, #contents.special .wrap.account-block .text-block {
  width: auto;
  position: relative;
  margin-top: 24px; }
@media screen and (min-width: 500px) {
  /* line 38, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block .text-block, #contents.special .wrap.account-block .text-block {
    padding-left: 16px;
    margin: 0; } }
/* line 50, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block .user-name, #contents.special .wrap.account-block .text-block .user-name {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1; }
/* line 56, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block .user-name:before, #contents.special .wrap.account-block .text-block .user-name:before {
  content: "海賊名";
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 8px; }
/* line 66, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block .count, #contents.special .wrap.account-block .text-block .count {
  font-size: 3.2rem;
  font-weight: bold;
  color: #ffdd33;
  margin-top: 16px;
  line-height: 1; }
/* line 75, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block .count:before, #contents.special .wrap.account-block .text-block .count:before {
  content: "獲得GOLD";
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 4px; }
/* line 84, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .text-block .count:after, #contents.special .wrap.account-block .text-block .count:after {
  content: "GOLD";
  display: inline-block;
  padding-left: 0.2em;
  font-size: 0.9em; }
/* line 94, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .optional-link, #contents.special .wrap.account-block .optional-link {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 24px;
  line-height: 1; }
/* line 101, ../../scss/_layout_mypage.scss */
#contents.mypage .wrap.account-block .optional-link a + a, #contents.special .wrap.account-block .optional-link a + a {
  margin-left: 3em; }
@media screen and (min-width: 500px) {
  /* line 94, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block .optional-link, #contents.special .wrap.account-block .optional-link {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    margin: 0; }
  /* line 113, ../../scss/_layout_mypage.scss */
  #contents.mypage .wrap.account-block .optional-link a + a, #contents.special .wrap.account-block .optional-link a + a {
    margin-left: 1em; } }
/* line 123, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap, #contents.special .thumbnail.wallpaper .wrap {
  display: block;
  padding-right: 24px;
  padding-left: 24px; }
/* line 128, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap:after, #contents.special .thumbnail.wallpaper .wrap:after {
  content: "";
  display: table;
  clear: both; }
/* line 135, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap h2, #contents.special .thumbnail.wallpaper .wrap h2 {
  margin-right: -24px;
  margin-left: -24px; }
/* line 141, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap h3, #contents.special .thumbnail.wallpaper .wrap h3 {
  margin-bottom: 16px; }
/* line 146, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap .image-area, #contents.mypage .thumbnail.wallpaper .wrap .copy-area, #contents.mypage .thumbnail.wallpaper .wrap .download-link, #contents.special .thumbnail.wallpaper .wrap .image-area, #contents.special .thumbnail.wallpaper .wrap .copy-area, #contents.special .thumbnail.wallpaper .wrap .download-link {
  width: 100%;
  display: block; }
/* line 151, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap .image-area, #contents.special .thumbnail.wallpaper .wrap .image-area {
  margin: 24px 0; }
/* line 157, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.wallpaper .wrap .download-area a + a, #contents.special .thumbnail.wallpaper .wrap .download-area a + a {
  margin-top: 8px; }
@media screen and (min-width: 770px) {
  /* line 165, ../../scss/_layout_mypage.scss */
  #contents.mypage .thumbnail.wallpaper .wrap .image-area, #contents.special .thumbnail.wallpaper .wrap .image-area {
    float: right;
    width: 50%;
    padding-left: 24px;
    margin: 0; }
  /* line 172, ../../scss/_layout_mypage.scss */
  #contents.mypage .thumbnail.wallpaper .wrap .copy-area, #contents.special .thumbnail.wallpaper .wrap .copy-area {
    margin-bottom: 24px; }
  /* line 177, ../../scss/_layout_mypage.scss */
  #contents.mypage .thumbnail.wallpaper .wrap .copy-area, #contents.mypage .thumbnail.wallpaper .wrap .download-area, #contents.special .thumbnail.wallpaper .wrap .copy-area, #contents.special .thumbnail.wallpaper .wrap .download-area {
    float: left;
    width: 50%; } }
/* line 190, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .wrap, #contents.special .thumbnail.present .wrap {
  padding-right: 24px;
  padding-left: 24px; }
/* line 194, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .wrap h2, #contents.special .thumbnail.present .wrap h2 {
  margin-right: -24px;
  margin-left: -24px; }
/* line 199, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .wrap h3, #contents.special .thumbnail.present .wrap h3 {
  font-size: 2rem; }
/* line 204, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .present-intro, #contents.special .thumbnail.present .present-intro {
  padding-bottom: 32px;
  position: relative; }
/* line 208, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .present-intro:after, #contents.special .thumbnail.present .present-intro:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #ffdd33;
  border: 1px solid #000; }
/* line 221, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present div + div, #contents.special .thumbnail.present div + div {
  margin-top: 32px; }
/* line 225, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .innner, #contents.special .thumbnail.present .innner {
  margin-top: 16px; }
@media screen and (min-width: 500px) {
  /* line 225, ../../scss/_layout_mypage.scss */
  #contents.mypage .thumbnail.present .innner, #contents.special .thumbnail.present .innner {
    margin-top: 0; } }
/* line 234, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present h3, #contents.special .thumbnail.present h3 {
  color: #ffdd33;
  margin-bottom: 4px; }
/* line 239, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present h4, #contents.special .thumbnail.present h4 {
  color: #ffdd33;
  margin-bottom: 8px; }
/* line 244, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .annotation, #contents.special .thumbnail.present .annotation {
  padding-top: 32px;
  border-top: 1px solid #810000; }
/* line 249, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .annotation li, #contents.special .thumbnail.present .annotation li {
  margin-top: 8px;
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 1em; }
/* line 256, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present .annotation li:before, #contents.special .thumbnail.present .annotation li:before {
  content: "※";
  display: inline;
  padding-right: 0.5em; }
/* line 263, ../../scss/_layout_mypage.scss */
#contents.mypage .thumbnail.present p + p, #contents.special .thumbnail.present p + p {
  margin-top: 4px; }
/* line 268, ../../scss/_layout_mypage.scss */
#contents.mypage .image-block, #contents.special .image-block {
  margin-bottom: 16px; }
/* line 272, ../../scss/_layout_mypage.scss */
#contents.mypage .info-block, #contents.special .info-block {
  margin-bottom: 16px; }
/* line 277, ../../scss/_layout_mypage.scss */
#contents.mypage .button.done, #contents.special .button.done {
  background: #581c1c;
  border: none;
  transition: none;
  pointer-events: none; }
/* line 283, ../../scss/_layout_mypage.scss */
#contents.mypage .button.done:hover:before, #contents.special .button.done:hover:before {
  animation: none; }
/* line 287, ../../scss/_layout_mypage.scss */
#contents.mypage .button.done span, #contents.special .button.done span {
  background: #931919;
  border: none;
  color: #581c1c; }
/* line 294, ../../scss/_layout_mypage.scss */
#contents.mypage .button.shortage, #contents.special .button.shortage {
  background: #8b7a28;
  transition: none;
  pointer-events: none; }
/* line 300, ../../scss/_layout_mypage.scss */
#contents.mypage .button.shortage:hover:before, #contents.special .button.shortage:hover:before {
  animation: none; }
/* line 304, ../../scss/_layout_mypage.scss */
#contents.mypage .button.shortage span, #contents.special .button.shortage span {
  background: #b29930;
  color: #5a4a09; }
/* line 312, ../../scss/_layout_mypage.scss */
#contents.mypage h4.intro-text, #contents.special h4.intro-text {
  display: block;
  color: #ffdd33;
  margin: 0 auto 32px auto;
  text-align: center; }
/* line 318, ../../scss/_layout_mypage.scss */
#contents.mypage h4.intro-text span, #contents.special h4.intro-text span {
  display: block; }
/* line 321, ../../scss/_layout_mypage.scss */
#contents.mypage h4.intro-text span.inline, #contents.special h4.intro-text span.inline {
  display: block; }
@media screen and (min-width: 500px) {
  /* line 321, ../../scss/_layout_mypage.scss */
  #contents.mypage h4.intro-text span.inline, #contents.special h4.intro-text span.inline {
    display: inline; } }

/* line 337, ../../scss/_layout_mypage.scss */
#contents.special .present img + p {
  margin-top: 16px; }

/* line 343, ../../scss/_layout_mypage.scss */
#contents.mypage .present p .break, #contents.special .present p .break {
  display: block; }
/* line 346, ../../scss/_layout_mypage.scss */
#contents.mypage .present p .break .break-in, #contents.special .present p .break .break-in {
  display: block; }
@media screen and (min-width: 500px) {
  /* line 346, ../../scss/_layout_mypage.scss */
  #contents.mypage .present p .break .break-in, #contents.special .present p .break .break-in {
    display: inline; } }

/* line 358, ../../scss/_layout_mypage.scss */
#contents.special .thumbnail.present .innner + .innner {
  margin-top: 32px; }
@media screen and (min-width: 770px) {
  /* line 358, ../../scss/_layout_mypage.scss */
  #contents.special .thumbnail.present .innner + .innner {
    margin-top: 0; } }

/* line 370, ../../scss/_layout_mypage.scss */
#contents.special .present-heading-image-pc {
  display: none; }
@media screen and (min-width: 500px) {
  /* line 370, ../../scss/_layout_mypage.scss */
  #contents.special .present-heading-image-pc {
    display: block; } }
/* line 378, ../../scss/_layout_mypage.scss */
#contents.special .present-heading-image-sp {
  display: block; }
@media screen and (min-width: 500px) {
  /* line 378, ../../scss/_layout_mypage.scss */
  #contents.special .present-heading-image-sp {
    display: none; } }

/* line 4, ../../scss/_layout_notfound.scss */
body.notfound {
  background-color: #ffd514; }

/* line 9, ../../scss/_layout_notfound.scss */
#contents.notfound {
  padding: 0;
  background-position: top center;
  background-image: none;
  height: 100%;
  position: relative; }
/* line 18, ../../scss/_layout_notfound.scss */
#contents.notfound .logo {
  position: absolute;
  top: 24px;
  left: 24px;
  margin: auto;
  z-index: 4;
  width: 60px;
  height: 24px;
  background-image: url("../img/General/logo_404.png");
  background-size: contain;
  background-repeat: no-repeat; }
@media screen and (min-width: 770px) {
  /* line 18, ../../scss/_layout_notfound.scss */
  #contents.notfound .logo {
    width: 120px;
    height: 48px; } }
@media screen and (max-height: 600px) and (orientation: landscape) {
  /* line 18, ../../scss/_layout_notfound.scss */
  #contents.notfound .logo {
    width: 119px; } }
/* line 43, ../../scss/_layout_notfound.scss */
#contents.notfound .container {
  position: relative;
  min-height: 100%; }
/* line 48, ../../scss/_layout_notfound.scss */
#contents.notfound img.image-404 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: auto;
  max-width: 600px; }
@media screen and (min-width: 1280px) {
  /* line 48, ../../scss/_layout_notfound.scss */
  #contents.notfound img.image-404 {
    max-width: 700px;
    top: 48px; } }
@media screen and (max-height: 600px) and (orientation: landscape) {
  /* line 48, ../../scss/_layout_notfound.scss */
  #contents.notfound img.image-404 {
    height: 80%;
    width: auto; } }

/* line 10, ../../scss/_link.scss */
.thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
  border: 1px solid #000;
  padding: 4px;
  border-radius: 6px 8px 6px 8px;
  background: #ffeea0;
  background: -webkit-linear-gradient(top, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  background: linear-gradient(to bottom, #ffeea0 0%, #ffd514 30%, #ffba00 40%, #cd6f00 45%, #ffae00 64%, #ffd100 77%, #ffe570 82%, #ffe570 100%);
  margin-top: 5px;
  margin-bottom: 5px; }
@media screen and (min-width: 500px) {
  /* line 10, ../../scss/_link.scss */
  .thumbnail {
    margin-top: 10px;
    margin-bottom: 10px; } }
/* line 34, ../../scss/_link.scss */
.thumbnail.new .image-block:before, .thumbnail.new .video-block:before {
  content: "";
  display: block;
  width: 40px;
  height: 30px;
  background-image: url("../img/General/New_rabel.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2; }
@media screen and (min-width: 500px) {
  /* line 34, ../../scss/_link.scss */
  .thumbnail.new .image-block:before, .thumbnail.new .video-block:before {
    width: 60px; } }
/* line 54, ../../scss/_link.scss */
.thumbnail:link div > span, .thumbnail:active div > span, .thumbnail:visited div > span {
  border: 1px solid #000; }

/* line 66, ../../scss/_link.scss */
.thumbnail:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background: rgba(255, 255, 255, 0.2);
  background: -webkit-linear-gradient(left, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(to right, rgba(255, 224, 0, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%); }

@media screen and (min-width: 770px) {
  /* line 89, ../../scss/_link.scss */
  .thumbnail:hover:before {
    -webkit-animation: shine .5s;
    animation: shine .5s; }
  @-webkit-keyframes shine {
    100% {
      left: 150%; } }
  @keyframes shine {
    100% {
      left: 150%; } } }

/* line 109, ../../scss/_link.scss */
.thumbnail > div {
  display: block;
  width: 100%;
  height: 100%;
  position: static; }
/* line 116, ../../scss/_link.scss */
.thumbnail > div:before, .thumbnail > div:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  background-image: url("../img/General/swirl.svg"); }
/* line 126, ../../scss/_link.scss */
.thumbnail > div:before {
  top: -1px;
  right: -1px; }
/* line 131, ../../scss/_link.scss */
.thumbnail > div:after {
  bottom: -1px;
  left: -1px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* line 140, ../../scss/_link.scss */
.thumbnail > div > span {
  display: block;
  width: 100%;
  background: #af0000;
  border: 1px solid #000;
  border-radius: 4px;
  overflow: hidden; }
/* line 149, ../../scss/_link.scss */
.thumbnail > div > span .image-block {
  display: block;
  width: 100%; }
/* line 154, ../../scss/_link.scss */
.thumbnail > div > span .video-block {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
/* line 160, ../../scss/_link.scss */
.thumbnail > div > span .video-block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }
/* line 170, ../../scss/_link.scss */
.thumbnail > div > span .text-block {
  display: block;
  width: 100%;
  padding: 1em;
  background: #af0000;
  background: -webkit-linear-gradient(top, #af0000 0%, #770000 100%);
  background: linear-gradient(to bottom, #af0000 0%, #770000 100%); }
/* line 178, ../../scss/_link.scss */
.thumbnail > div > span .text-block .date {
  display: block;
  width: 100%;
  color: #ffd824;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 4px; }

/* line 197, ../../scss/_link.scss */
.holizon .thumbnail > div > span {
  padding: 10px;
  display: table; }
@media screen and (min-width: 500px) {
  /* line 197, ../../scss/_link.scss */
  .holizon .thumbnail > div > span {
    padding: 0;
    display: block; } }
/* line 208, ../../scss/_link.scss */
.holizon .thumbnail .image-block {
  display: table-cell;
  width: 80px;
  padding: 0; }
@media screen and (min-width: 500px) {
  /* line 208, ../../scss/_link.scss */
  .holizon .thumbnail .image-block {
    display: block;
    width: 100%; } }
/* line 220, ../../scss/_link.scss */
.holizon .thumbnail .text-block {
  display: table-cell;
  width: auto;
  padding: 0 0 0 10px;
  background: transparent; }
@media screen and (min-width: 500px) {
  /* line 220, ../../scss/_link.scss */
  .holizon .thumbnail .text-block {
    display: block;
    width: 100%;
    padding: 1em;
    background: #af0000;
    background: -webkit-linear-gradient(top, #af0000 0%, #770000 100%);
    background: linear-gradient(to bottom, #af0000 0%, #770000 100%); } }

/* Slider */
/* line 4, ../../scss/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* line 24, ../../scss/_slick.scss */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

/* line 34, ../../scss/_slick.scss */
.slick-list:focus {
  outline: none; }

/* line 38, ../../scss/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

/* line 43, ../../scss/_slick.scss */
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* line 52, ../../scss/_slick.scss */
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

/* line 60, ../../scss/_slick.scss */
.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

/* line 67, ../../scss/_slick.scss */
.slick-track:after {
  clear: both; }

/* line 71, ../../scss/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden; }

/* line 75, ../../scss/_slick.scss */
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

/* line 83, ../../scss/_slick.scss */
[dir='rtl'] .slick-slide {
  float: right; }

/* line 87, ../../scss/_slick.scss */
.slick-slide img {
  display: block; }

/* line 91, ../../scss/_slick.scss */
.slick-slide.slick-loading img {
  display: none; }

/* line 95, ../../scss/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none; }

/* line 99, ../../scss/_slick.scss */
.slick-initialized .slick-slide {
  display: block; }

/* line 103, ../../scss/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden; }

/* line 107, ../../scss/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* line 115, ../../scss/_slick.scss */
.slick-arrow.slick-hidden {
  display: none; }

/* line 10, ../../scss/_layout_globaltop_re.scss */
div[class*="re-type"]#contents {
  background-color: #000; }
/* line 14, ../../scss/_layout_globaltop_re.scss */
div[class*="re-type"]#contents .block-2nd .news-area .date {
  color: #FFE972;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.6); }
/* line 20, ../../scss/_layout_globaltop_re.scss */
div[class*="re-type"]#contents .block-2nd .news-area a:link, div[class*="re-type"]#contents .block-2nd .news-area a:active, div[class*="re-type"]#contents .block-2nd .news-area a:visited {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.6); }
/* line 25, ../../scss/_layout_globaltop_re.scss */
div[class*="re-type"]#contents .billing-area {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.6); }
/* line 31, ../../scss/_layout_globaltop_re.scss */
div[class*="re-type"] .chara-text {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.6); }

/* line 44, ../../scss/_layout_globaltop_re.scss */
body {
  background-color: #000; }

/* line 49, ../../scss/_layout_globaltop_re.scss */
#contents.top {
  display: none; }

/* line 56, ../../scss/_layout_globaltop_re.scss */
body.animation {
  -webkit-animation: don-body .4s ease-in;
  animation: don-body .4s ease-in; }
@-webkit-keyframes don-body {
  0% {
    -webkit-transform: rotate(0) scale(1); }
  1% {
    -webkit-transform: rotate(0) scale(4); }
  70% {
    -webkit-transform: rotate(0) scale(1); }
  72% {
    -webkit-transform: rotate(4deg); }
  74% {
    -webkit-transform: rotate(-4deg); }
  76% {
    -webkit-transform: rotate(4deg); }
  78% {
    -webkit-transform: rotate(-4deg); }
  80% {
    -webkit-transform: rotate(2deg); }
  82% {
    -webkit-transform: rotate(-2deg); }
  84% {
    -webkit-transform: rotate(2deg); }
  86% {
    -webkit-transform: rotate(-2deg); }
  88% {
    -webkit-transform: rotate(1deg); }
  90% {
    -webkit-transform: rotate(-1deg); }
  92% {
    -webkit-transform: rotate(1deg); }
  94% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@keyframes don-body {
  0% {
    transform: rotate(0) scale(1); }
  1% {
    transform: rotate(0) scale(4); }
  70% {
    transform: rotate(0) scale(1); }
  72% {
    transform: rotate(4deg); }
  74% {
    transform: rotate(-4deg); }
  76% {
    transform: rotate(4deg); }
  78% {
    transform: rotate(-4deg); }
  80% {
    transform: rotate(2deg); }
  82% {
    transform: rotate(-2deg); }
  84% {
    transform: rotate(2deg); }
  86% {
    transform: rotate(-2deg); }
  88% {
    transform: rotate(1deg); }
  90% {
    transform: rotate(-1deg); }
  92% {
    transform: rotate(1deg); }
  94% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
/* line 115, ../../scss/_layout_globaltop_re.scss */
body.animation #contents {
  display: none; }
/* line 141, ../../scss/_layout_globaltop_re.scss */
body.animation .block-1st, body.animation .block-2nd, body.animation .bnr-area, body.animation .billing-area {
  -webkit-animation: fade 1.2s ease-in;
  animation: fade 1.2s ease-in; }
/* line 147, ../../scss/_layout_globaltop_re.scss */
body.animation .bnr-area, body.animation .billing-area {
  animation-duration: 1.6s; }
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/* line 174, ../../scss/_layout_globaltop_re.scss */
.billing-area {
  margin-top: 48px;
  text-align: center; }
/* line 178, ../../scss/_layout_globaltop_re.scss */
.billing-area .author {
  font-size: 2rem;
  line-height: 1; }
/* line 182, ../../scss/_layout_globaltop_re.scss */
.billing-area .author h5 {
  font-size: 2.2rem;
  margin-bottom: 30px; }
/* line 186, ../../scss/_layout_globaltop_re.scss */
.billing-area .author h5 span {
  display: inline-block;
  vertical-align: middle; }
/* line 191, ../../scss/_layout_globaltop_re.scss */
.billing-area .author h5 small {
  font-size: .5em;
  display: block; }
/* line 198, ../../scss/_layout_globaltop_re.scss */
.billing-area .author li {
  display: block !important; }
/* line 202, ../../scss/_layout_globaltop_re.scss */
.billing-area .author li + li {
  margin-top: 0.25em; }
/* line 207, ../../scss/_layout_globaltop_re.scss */
.billing-area .voice-cast, .billing-area .staff {
  font-size: 1.2rem;
  margin-top: 4px; }
/* line 212, ../../scss/_layout_globaltop_re.scss */
.billing-area .guest-cast {
  font-size: 1.6rem;
  margin-top: 30px; }
/* line 217, ../../scss/_layout_globaltop_re.scss */
.billing-area .theme-song {
  font-size: 1.6rem;
  margin-top: 10px; }
/* line 224, ../../scss/_layout_globaltop_re.scss */
.billing-area .theme-song span {
  font-size: .72em; }
/* line 231, ../../scss/_layout_globaltop_re.scss */
.billing-area .author li, .billing-area .voice-cast li, .billing-area .staff li, .billing-area .guest-cast li, .billing-area .theme-song li {
  font-weight: bold;
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em; }

/* line 8, ../../scss/_layout_background.scss */
#contents {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.6);
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat; }
/* line 13, ../../scss/_layout_background.scss */
#contents .thumbnail, #contents .button {
  text-shadow: none; }
/* line 21, ../../scss/_layout_background.scss */
#contents:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 0;
  background-size: 105%;
  background-repeat: no-repeat;
  background-position: top center; }
@media screen and (min-width: 770px) {
  /* line 8, ../../scss/_layout_background.scss */
  #contents {
    background-size: cover;
    background-position: center; }
  /* line 39, ../../scss/_layout_background.scss */
  #contents:before {
    display: none !important; } }

/* line 52, ../../scss/_layout_background.scss */
#contents.top .latest-news-list .date {
  color: #ffd824; }
/* line 54, ../../scss/_layout_background.scss */
#contents.top .latest-news-list a {
  color: #fff; }
@media screen and (min-width: 770px) {
  /* line 48, ../../scss/_layout_background.scss */
  #contents.top {
    background-image: url("../img/bg/bg_top_pc.jpg"); } }
/* line 62, ../../scss/_layout_background.scss */
#contents.top:before {
  background-image: url("../img/bg/bg_top_sp.jpg"); }

@media screen and (min-width: 770px) {
  /* line 69, ../../scss/_layout_background.scss */
  #contents.intro {
    background-image: url("../img/bg/bg_intro_pc.jpg"); } }
/* line 76, ../../scss/_layout_background.scss */
#contents.intro:before {
  background-image: url("../img/bg/bg_intro_sp.jpg"); }

@media screen and (min-width: 770px) {
  /* line 82, ../../scss/_layout_background.scss */
  #contents.story {
    background-image: url("../img/bg/bg_story_pc.jpg"); } }
/* line 89, ../../scss/_layout_background.scss */
#contents.story:before {
  background-image: url("../img/bg/bg_story_sp.jpg"); }