@charset "UTF-8";
/*
Theme Name:    CASTPRO5 PREMIUM theme 010 CUBIZM LINE
Theme URI:      
Description:     CASTPRO5 PREMIUM theme 010 CUBIZM LINE
Author:         CASTPRO
Author URI:     http://castpro-cms.com/
Version:        1.1.17
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cubizm-line-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/** Foundation for Sites by ZURB Version 6.2.3 foundation.zurb.com Licensed under MIT Open Source */
/* Mixins */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined 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. */
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. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

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

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

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
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. */
button, select { text-transform: none; }

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

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

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

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

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

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

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

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

/** Define consistent border, margin, and padding. [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling. */
/* 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. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

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

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

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

td, th { padding: 0; }

.foundation-mq { font-family: "small=0em&medium=48em&large=64em&xlarge=75em&xxlarge=90em"; }

html { font-size: 62.5%; box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

body { padding: 0; margin: 0; font-family: "Open Sans", "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: normal; line-height: 1.5; color: #000000; background: #F6F6F6; font-size: 1.4rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; border-radius: 0; }

select { width: 100%; border-radius: 0; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; }
[data-whatinput='mouse'] button { outline: 0; }

.is-visible { display: block !important; }

.is-hidden { display: none !important; }

.row { max-width: 120rem; margin-left: auto; margin-right: auto; }
.row::before, .row::after { content: ' '; display: table; }
.row::after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; }
.row .row { max-width: none; margin-left: -1rem; margin-right: -1rem; }
@media screen and (min-width: 48em) { .row .row { margin-left: -1rem; margin-right: -1rem; } }
.row .row.collapse { margin-left: 0; margin-right: 0; }
.row.expanded { max-width: none; }
.row.expanded .row { margin-left: auto; margin-right: auto; }

.column, .columns { width: 100%; float: left; padding-left: 1rem; padding-right: 1rem; }
@media screen and (min-width: 48em) { .column, .columns { padding-left: 1rem; padding-right: 1rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; }

.column.row.row, .row.row.columns { float: none; }
.row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

.small-1 { width: 8.33333%; }

.small-push-1 { position: relative; left: 8.33333%; }

.small-pull-1 { position: relative; left: -8.33333%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { width: 16.66667%; }

.small-push-2 { position: relative; left: 16.66667%; }

.small-pull-2 { position: relative; left: -16.66667%; }

.small-offset-1 { margin-left: 8.33333%; }

.small-3 { width: 25%; }

.small-push-3 { position: relative; left: 25%; }

.small-pull-3 { position: relative; left: -25%; }

.small-offset-2 { margin-left: 16.66667%; }

.small-4 { width: 33.33333%; }

.small-push-4 { position: relative; left: 33.33333%; }

.small-pull-4 { position: relative; left: -33.33333%; }

.small-offset-3 { margin-left: 25%; }

.small-5 { width: 41.66667%; }

.small-push-5 { position: relative; left: 41.66667%; }

.small-pull-5 { position: relative; left: -41.66667%; }

.small-offset-4 { margin-left: 33.33333%; }

.small-6 { width: 50%; }

.small-push-6 { position: relative; left: 50%; }

.small-pull-6 { position: relative; left: -50%; }

.small-offset-5 { margin-left: 41.66667%; }

.small-7 { width: 58.33333%; }

.small-push-7 { position: relative; left: 58.33333%; }

.small-pull-7 { position: relative; left: -58.33333%; }

.small-offset-6 { margin-left: 50%; }

.small-8 { width: 66.66667%; }

.small-push-8 { position: relative; left: 66.66667%; }

.small-pull-8 { position: relative; left: -66.66667%; }

.small-offset-7 { margin-left: 58.33333%; }

.small-9 { width: 75%; }

.small-push-9 { position: relative; left: 75%; }

.small-pull-9 { position: relative; left: -75%; }

.small-offset-8 { margin-left: 66.66667%; }

.small-10 { width: 83.33333%; }

.small-push-10 { position: relative; left: 83.33333%; }

.small-pull-10 { position: relative; left: -83.33333%; }

.small-offset-9 { margin-left: 75%; }

.small-11 { width: 91.66667%; }

.small-push-11 { position: relative; left: 91.66667%; }

.small-pull-11 { position: relative; left: -91.66667%; }

.small-offset-10 { margin-left: 83.33333%; }

.small-12 { width: 100%; }

.small-offset-11 { margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; }

.small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; }

.small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; }

.small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; }

.small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; }

.small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; }

.small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; }

.small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; }

.small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; }
.small-collapse .row, .expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 1rem; padding-right: 1rem; }

.small-centered { margin-left: auto; margin-right: auto; }
.small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; }

.small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; }

@media screen and (min-width: 48em) { .medium-1 { width: 8.33333%; }
  .medium-push-1 { position: relative; left: 8.33333%; }
  .medium-pull-1 { position: relative; left: -8.33333%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { width: 16.66667%; }
  .medium-push-2 { position: relative; left: 16.66667%; }
  .medium-pull-2 { position: relative; left: -16.66667%; }
  .medium-offset-1 { margin-left: 8.33333%; }
  .medium-3 { width: 25%; }
  .medium-push-3 { position: relative; left: 25%; }
  .medium-pull-3 { position: relative; left: -25%; }
  .medium-offset-2 { margin-left: 16.66667%; }
  .medium-4 { width: 33.33333%; }
  .medium-push-4 { position: relative; left: 33.33333%; }
  .medium-pull-4 { position: relative; left: -33.33333%; }
  .medium-offset-3 { margin-left: 25%; }
  .medium-5 { width: 41.66667%; }
  .medium-push-5 { position: relative; left: 41.66667%; }
  .medium-pull-5 { position: relative; left: -41.66667%; }
  .medium-offset-4 { margin-left: 33.33333%; }
  .medium-6 { width: 50%; }
  .medium-push-6 { position: relative; left: 50%; }
  .medium-pull-6 { position: relative; left: -50%; }
  .medium-offset-5 { margin-left: 41.66667%; }
  .medium-7 { width: 58.33333%; }
  .medium-push-7 { position: relative; left: 58.33333%; }
  .medium-pull-7 { position: relative; left: -58.33333%; }
  .medium-offset-6 { margin-left: 50%; }
  .medium-8 { width: 66.66667%; }
  .medium-push-8 { position: relative; left: 66.66667%; }
  .medium-pull-8 { position: relative; left: -66.66667%; }
  .medium-offset-7 { margin-left: 58.33333%; }
  .medium-9 { width: 75%; }
  .medium-push-9 { position: relative; left: 75%; }
  .medium-pull-9 { position: relative; left: -75%; }
  .medium-offset-8 { margin-left: 66.66667%; }
  .medium-10 { width: 83.33333%; }
  .medium-push-10 { position: relative; left: 83.33333%; }
  .medium-pull-10 { position: relative; left: -83.33333%; }
  .medium-offset-9 { margin-left: 75%; }
  .medium-11 { width: 91.66667%; }
  .medium-push-11 { position: relative; left: 91.66667%; }
  .medium-pull-11 { position: relative; left: -91.66667%; }
  .medium-offset-10 { margin-left: 83.33333%; }
  .medium-12 { width: 100%; }
  .medium-offset-11 { margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left; }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left; }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left; }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; }
  .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; }
  .medium-collapse .row, .expanded.row .medium-collapse.row { margin-left: 0; margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 1rem; padding-right: 1rem; }
  .medium-centered { margin-left: auto; margin-right: auto; }
  .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; }
  .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } }
@media screen and (min-width: 64em) { .large-1 { width: 8.33333%; }
  .large-push-1 { position: relative; left: 8.33333%; }
  .large-pull-1 { position: relative; left: -8.33333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { width: 16.66667%; }
  .large-push-2 { position: relative; left: 16.66667%; }
  .large-pull-2 { position: relative; left: -16.66667%; }
  .large-offset-1 { margin-left: 8.33333%; }
  .large-3 { width: 25%; }
  .large-push-3 { position: relative; left: 25%; }
  .large-pull-3 { position: relative; left: -25%; }
  .large-offset-2 { margin-left: 16.66667%; }
  .large-4 { width: 33.33333%; }
  .large-push-4 { position: relative; left: 33.33333%; }
  .large-pull-4 { position: relative; left: -33.33333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { width: 41.66667%; }
  .large-push-5 { position: relative; left: 41.66667%; }
  .large-pull-5 { position: relative; left: -41.66667%; }
  .large-offset-4 { margin-left: 33.33333%; }
  .large-6 { width: 50%; }
  .large-push-6 { position: relative; left: 50%; }
  .large-pull-6 { position: relative; left: -50%; }
  .large-offset-5 { margin-left: 41.66667%; }
  .large-7 { width: 58.33333%; }
  .large-push-7 { position: relative; left: 58.33333%; }
  .large-pull-7 { position: relative; left: -58.33333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { width: 66.66667%; }
  .large-push-8 { position: relative; left: 66.66667%; }
  .large-pull-8 { position: relative; left: -66.66667%; }
  .large-offset-7 { margin-left: 58.33333%; }
  .large-9 { width: 75%; }
  .large-push-9 { position: relative; left: 75%; }
  .large-pull-9 { position: relative; left: -75%; }
  .large-offset-8 { margin-left: 66.66667%; }
  .large-10 { width: 83.33333%; }
  .large-push-10 { position: relative; left: 83.33333%; }
  .large-pull-10 { position: relative; left: -83.33333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { width: 91.66667%; }
  .large-push-11 { position: relative; left: 91.66667%; }
  .large-pull-11 { position: relative; left: -91.66667%; }
  .large-offset-10 { margin-left: 83.33333%; }
  .large-12 { width: 100%; }
  .large-offset-11 { margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; }
  .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; }
  .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; }
  .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; }
  .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; }
  .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; }
  .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; }
  .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; }
  .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; }
  .large-collapse .row, .expanded.row .large-collapse.row { margin-left: 0; margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 1rem; padding-right: 1rem; }
  .large-centered { margin-left: auto; margin-right: auto; }
  .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; }
  .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } }
@media screen and (min-width: 75em) { .xlarge-1 { width: 8.33333%; }
  .xlarge-push-1 { position: relative; left: 8.33333%; }
  .xlarge-pull-1 { position: relative; left: -8.33333%; }
  .xlarge-offset-0 { margin-left: 0%; }
  .xlarge-2 { width: 16.66667%; }
  .xlarge-push-2 { position: relative; left: 16.66667%; }
  .xlarge-pull-2 { position: relative; left: -16.66667%; }
  .xlarge-offset-1 { margin-left: 8.33333%; }
  .xlarge-3 { width: 25%; }
  .xlarge-push-3 { position: relative; left: 25%; }
  .xlarge-pull-3 { position: relative; left: -25%; }
  .xlarge-offset-2 { margin-left: 16.66667%; }
  .xlarge-4 { width: 33.33333%; }
  .xlarge-push-4 { position: relative; left: 33.33333%; }
  .xlarge-pull-4 { position: relative; left: -33.33333%; }
  .xlarge-offset-3 { margin-left: 25%; }
  .xlarge-5 { width: 41.66667%; }
  .xlarge-push-5 { position: relative; left: 41.66667%; }
  .xlarge-pull-5 { position: relative; left: -41.66667%; }
  .xlarge-offset-4 { margin-left: 33.33333%; }
  .xlarge-6 { width: 50%; }
  .xlarge-push-6 { position: relative; left: 50%; }
  .xlarge-pull-6 { position: relative; left: -50%; }
  .xlarge-offset-5 { margin-left: 41.66667%; }
  .xlarge-7 { width: 58.33333%; }
  .xlarge-push-7 { position: relative; left: 58.33333%; }
  .xlarge-pull-7 { position: relative; left: -58.33333%; }
  .xlarge-offset-6 { margin-left: 50%; }
  .xlarge-8 { width: 66.66667%; }
  .xlarge-push-8 { position: relative; left: 66.66667%; }
  .xlarge-pull-8 { position: relative; left: -66.66667%; }
  .xlarge-offset-7 { margin-left: 58.33333%; }
  .xlarge-9 { width: 75%; }
  .xlarge-push-9 { position: relative; left: 75%; }
  .xlarge-pull-9 { position: relative; left: -75%; }
  .xlarge-offset-8 { margin-left: 66.66667%; }
  .xlarge-10 { width: 83.33333%; }
  .xlarge-push-10 { position: relative; left: 83.33333%; }
  .xlarge-pull-10 { position: relative; left: -83.33333%; }
  .xlarge-offset-9 { margin-left: 75%; }
  .xlarge-11 { width: 91.66667%; }
  .xlarge-push-11 { position: relative; left: 91.66667%; }
  .xlarge-pull-11 { position: relative; left: -91.66667%; }
  .xlarge-offset-10 { margin-left: 83.33333%; }
  .xlarge-12 { width: 100%; }
  .xlarge-offset-11 { margin-left: 91.66667%; }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns { width: 100%; float: left; }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns { width: 50%; float: left; }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns { width: 33.33333%; float: left; }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns { width: 25%; float: left; }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns { width: 20%; float: left; }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns { width: 16.66667%; float: left; }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns { width: 14.28571%; float: left; }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns { width: 12.5%; float: left; }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; }
  .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-left: 0; padding-right: 0; }
  .xlarge-collapse .row, .expanded.row .xlarge-collapse.row { margin-left: 0; margin-right: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-left: 1rem; padding-right: 1rem; }
  .xlarge-centered { margin-left: auto; margin-right: auto; }
  .xlarge-centered, .xlarge-centered:last-child:not(:first-child) { float: none; clear: both; }
  .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 80%; line-height: inherit; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; }

h1 { font-size: 2.4rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.8rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.7rem; }

h6 { font-size: 1.6rem; }

@media screen and (min-width: 48em) { h1 { font-size: 2.4rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.8rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 1.7rem; }
  h6 { font-size: 1.6rem; } }
a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer; }
a:hover, a:focus { color: #1585cf; }
a img { border: 0; }

hr { max-width: 120rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 2rem auto; clear: both; }

ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; }

li { font-size: inherit; }

ul { list-style-type: disc; margin-left: 1.25rem; }

ol { margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }

dl { margin-bottom: 1rem; }
dl dt { margin-bottom: 0.3rem; font-weight: bold; }

blockquote { margin: 0 0 1rem; padding: 0.9rem 2rem 0 1.9rem; border-left: 1px solid #cacaca; }
blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; }

cite { display: block; font-size: 1.3rem; color: #8a8a8a; }
cite:before { content: '\2014 \0020'; }

abbr { color: #000000; cursor: help; border-bottom: 1px dotted #000000; }

code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000000; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.2rem 0.5rem 0.1rem; }

kbd { padding: 0.2rem 0.4rem 0; margin: 0; background-color: #e6e6e6; color: #000000; font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; }

.lead { font-size: 78.125%; line-height: 1.6; }

.stat { font-size: 2.5rem; line-height: 1; }
p + .stat { margin-top: -1rem; }

.no-bullet { margin-left: 0; list-style: none; }

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

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

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

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

@media screen and (min-width: 48em) { .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } }
@media screen and (min-width: 64em) { .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } }
@media screen and (min-width: 75em) { .xlarge-text-left { text-align: left; }
  .xlarge-text-right { text-align: right; }
  .xlarge-text-center { text-align: center; }
  .xlarge-text-justify { text-align: justify; } }
.show-for-print { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; }
  .show-for-print { display: block !important; }
  .hide-for-print { display: none !important; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 3.9rem; padding: 0.8rem; border: 1px solid #cacaca; margin: 0 0 1.6rem; font-family: inherit; font-size: 1.6rem; color: #000000; background-color: #FFFFFF; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #FFFFFF; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea { max-width: 100%; }
textarea[rows] { height: auto; }

input::placeholder, textarea::placeholder { color: #cacaca; }
input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; }

[type='submit'], [type='button'] { border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; }

input[type='search'] { box-sizing: border-box; }

[type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1.6rem; }

[type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.8rem; margin-right: 1.6rem; margin-bottom: 0; vertical-align: baseline; }
[type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; }

label > [type='checkbox'], label > [type='radio'] { margin-right: 0.8rem; }

[type='file'] { width: 100%; }

label { display: block; margin: 0; font-size: 1.4rem; font-weight: normal; line-height: 1.8; color: #000000; }
label.middle { margin: 0 0 1.6rem; padding: 0.9rem 0; }

.help-text { margin-top: -0.8rem; font-size: 1.3rem; font-style: italic; color: #000000; }

.input-group { display: table; width: 100%; margin-bottom: 1.6rem; }
.input-group > :first-child { border-radius: 0 0 0 0; }
.input-group > :last-child > * { border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; }

.input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #000000; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; }
.input-group-label:first-child { border-right: 0; }
.input-group-label:last-child { border-left: 0; }

.input-group-field { border-radius: 0; height: 4rem; }

.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; }
.input-group-button a, .input-group-button input, .input-group-button button { margin: 0; }

.input-group .input-group-button { display: table-cell; }

fieldset { border: 0; padding: 0; margin: 0; }

legend { margin-bottom: 0.8rem; max-width: 100%; }

.fieldset { border: 1px solid #cacaca; padding: 2rem; margin: 1.8rem 0; }
.fieldset legend { background: #F6F6F6; padding: 0 0.3rem; margin: 0; margin-left: -0.3rem; }

select { height: 3.9rem; padding: 0.8rem; border: 1px solid #cacaca; margin: 0 0 1.6rem; font-size: 1.6rem; font-family: inherit; line-height: normal; color: #000000; background-color: #FFFFFF; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-size: 9px 6px; background-position: right -1.6rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 2.4rem; }
@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:disabled { background-color: #e6e6e6; cursor: not-allowed; }
select::-ms-expand { display: none; }
select[multiple] { height: auto; background-image: none; }

.is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, 0.1); border-color: #ec5840; }

.is-invalid-label { color: #ec5840; }

.form-error { display: none; margin-top: -0.8rem; margin-bottom: 1.6rem; font-size: 1.1rem; font-weight: bold; color: #ec5840; }
.form-error.is-visible { display: block; }

.button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0.25rem; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.2rem; background-color: #2199e8; color: #FFFFFF; }
[data-whatinput='mouse'] .button { outline: 0; }
.button:hover, .button:focus { background-color: #1583cc; color: #FFFFFF; }
.button.tiny { font-size: 1rem; }
.button.small { font-size: 1.1rem; }
.button.large { font-size: 1.6rem; }
.button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; }
.button.primary { background-color: #2199e8; color: #FFFFFF; }
.button.primary:hover, .button.primary:focus { background-color: #147cc0; color: #FFFFFF; }
.button.secondary { background-color: #777; color: #FFFFFF; }
.button.secondary:hover, .button.secondary:focus { background-color: #5f5f5f; color: #FFFFFF; }
.button.success { background-color: #3adb76; color: #FFFFFF; }
.button.success:hover, .button.success:focus { background-color: #22bb5b; color: #FFFFFF; }
.button.warning { background-color: #ffae00; color: #FFFFFF; }
.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #FFFFFF; }
.button.alert { background-color: #ec5840; color: #FFFFFF; }
.button.alert:hover, .button.alert:focus { background-color: #da3116; color: #FFFFFF; }
.button.info { background-color: #5733b0; color: #FFFFFF; }
.button.info:hover, .button.info:focus { background-color: #46298d; color: #FFFFFF; }
.button.hollow { border: 1px solid #2199e8; color: #2199e8; }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }
.button.hollow:hover, .button.hollow:focus { border-color: #0c4d78; color: #0c4d78; }
.button.hollow.primary { border: 1px solid #2199e8; color: #2199e8; }
.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c4d78; color: #0c4d78; }
.button.hollow.secondary { border: 1px solid #777; color: #777; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c; }
.button.hollow.success { border: 1px solid #3adb76; color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; }
.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }
.button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; }
.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; }
.button.hollow.info { border: 1px solid #5733b0; color: #5733b0; }
.button.hollow.info:hover, .button.hollow.info:focus { border-color: #2c1a58; color: #2c1a58; }
.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2199e8; color: #FFFFFF; }
.button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #FFFFFF transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; }
.button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; }

.callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; position: relative; color: #000000; background-color: white; }
.callout > :first-child { margin-top: 0; }
.callout > :last-child { margin-bottom: 0; }
.callout.primary { background-color: #def0fc; }
.callout.secondary { background-color: #ebebeb; }
.callout.success { background-color: #e1faea; }
.callout.warning { background-color: #fff3d9; }
.callout.alert { background-color: #fce6e2; }
.callout.info { background-color: #e5def5; }
.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }
.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

.flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1.6rem; overflow: hidden; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.flex-video.widescreen { padding-bottom: 56.25%; }
.flex-video.vimeo { padding-top: 0; }

.label { display: inline-block; padding: 0.25rem 0.5rem; font-size: 1.2rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #2199e8; color: #FFFFFF; }
.label.secondary { background: #777; color: #FFFFFF; }
.label.success { background: #3adb76; color: #FFFFFF; }
.label.warning { background: #ffae00; color: #FFFFFF; }
.label.alert { background: #ec5840; color: #FFFFFF; }
.label.info { background: #5733b0; color: #FFFFFF; }

.media-object { margin-bottom: 1rem; display: block; }
.media-object img { max-width: none; }
@media screen and (max-width: 47.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; }
  .media-object.stack-for-small .media-object-section img { width: 100%; } }

.media-object-section { display: table-cell; vertical-align: top; }
.media-object-section:first-child { padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }
.media-object-section > :last-child { margin-bottom: 0; }
.media-object-section.middle { vertical-align: middle; }
.media-object-section.bottom { vertical-align: bottom; }

html, body { height: 100%; }

.off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; backface-visibility: hidden; -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner { position: relative; width: 100%; min-height: 100%; transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; }
.off-canvas-wrapper-inner::after { clear: both; }

.off-canvas-content, .off-canvas-content { min-height: 100%; background: #F6F6F6; transition: transform 0.5s ease; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); cursor: pointer; transition: background 0.5s ease; }

.off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; transform: translateX(0); }
[data-whatinput='mouse'] .off-canvas { outline: 0; }
.off-canvas.position-left { left: -250px; top: 0; width: 250px; }
.is-open-left { transform: translateX(250px); }
.off-canvas.position-right { right: -250px; top: 0; width: 250px; }
.is-open-right { transform: translateX(-250px); }

@media screen and (min-width: 48em) { .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; }
  .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; }
  .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } }
@media screen and (min-width: 64em) { .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; }
  .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; }
  .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } }
@media screen and (min-width: 75em) { .position-left.reveal-for-xlarge { left: 0; z-index: auto; position: fixed; }
  .position-left.reveal-for-xlarge ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-xlarge { right: 0; z-index: auto; position: fixed; }
  .position-right.reveal-for-xlarge ~ .off-canvas-content { margin-right: 250px; } }
.orbit { position: relative; }

.orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; }

.orbit-slide { width: 100%; max-height: 100%; }
.orbit-slide.no-motionui.is-active { top: 0; left: 0; }

.orbit-figure { margin: 0; }

.orbit-image { margin: 0; width: 100%; max-width: 100%; }

.orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous, .orbit-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 1rem; color: #FFFFFF; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous { left: 0; }

.orbit-next { left: auto; right: 0; }

.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; }
[data-whatinput='mouse'] .orbit-bullets { outline: 0; }
.orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; background-color: #cacaca; border-radius: 50%; }
.orbit-bullets button:hover { background-color: #8a8a8a; }
.orbit-bullets button.is-active { background-color: #8a8a8a; }

.thumbnail { border: solid 4px #FFFFFF; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0; margin-bottom: 0; }
.thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3); }

.hide { display: none !important; }

.invisible { visibility: hidden; }

@media screen and (max-width: 47.9375em) { .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 48em) { .show-for-small-only { display: none !important; } }

@media screen and (min-width: 48em) { .hide-for-medium { display: none !important; } }

@media screen and (max-width: 47.9375em) { .show-for-medium { display: none !important; } }

@media screen and (min-width: 48em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } }

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } }

@media screen and (min-width: 64em) { .hide-for-large { display: none !important; } }

@media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } }

@media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } }

@media screen and (max-width: 74.9375em) { .show-for-xlarge { display: none !important; } }

@media screen and (min-width: 75em) and (max-width: 89.9375em) { .hide-for-xlarge-only { display: none !important; } }

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } }

.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }

.show-for-landscape, .hide-for-portrait { display: block !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } }
@media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } }

.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

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

.clearfix::before, .clearfix::after { content: ' '; display: table; }
.clearfix::after { clear: both; }

/*==============================
=           config          =
==============================*/
a img { opacity: 1; }
a:hover img { opacity: .8; }

/* = Selected Text
----------------------------------------------- */
::selection { background: #0277bd; /* Safari */ color: #FFFFFF; }

::-moz-selection { background: #0277bd; /* Firefox */ color: #FFFFFF; }

/*==============================
=            fonts            =
==============================*/
/* https://www.google.com/get/noto/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face { font-family: 'icomoon'; src: url("fonts/icons/icomoon.eot?-lpiju7"); src: url("fonts/icons/icomoon.eot?#iefix-lpiju7") format("embedded-opentype"), url("fonts/icons/icomoon.ttf?-lpiju7") format("truetype"), url("fonts/icons/icomoon.woff?-lpiju7") format("woff"), url("fonts/icons/icomoon.svg?-lpiju7#icomoon") format("svg"); font-weight: normal; font-style: normal; }
/*===============================
=           icon           =
===============================*/
i[class^="icon-"], i[class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-hatebu:before { content: "\e801"; }

.icon-line:before { content: "\e800"; }

.icon-newface:before { content: "\e60a"; }

.icon-archive:before { content: "\e600"; }

.icon-book:before { content: "\e601"; }

.icon-check-list:before { content: "\e602"; }

.icon-check:before { content: "\e603"; }

.icon-desktop:before { content: "\e604"; }

.icon-map:before { content: "\e606"; }

.icon-movies:before { content: "\e607"; }

.icon-new:before { content: "\e608"; }

.icon-crown:before { content: "\e609"; }

/*
Flaticon icon font: Flaticon
Creation date: 05/12/2016 10:36
*/
@font-face { font-family: "Flaticon"; src: url(".fonts/flaticon/fonts/Flaticon.eot"); src: url("fonts/flaticon/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("fonts/flaticon/fonts/Flaticon.woff") format("woff"), url("fonts/flaticon/fonts/Flaticon.ttf") format("truetype"), url("fonts/flaticon/fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url("fonts/flaticon/fonts/Flaticon.svg#Flaticon") format("svg"); } }
.fi:before { display: inline-block; font-family: "Flaticon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.flaticon-add:before { content: "\f100"; }

.flaticon-substract:before { content: "\f101"; }

/*==============================
=            common            =
==============================*/
.query-count { margin: 0 0 1em; }

img.lazyload, img.lazyloading { opacity: 0; }
img.lazyloaded { opacity: 1; }

table { border-radius: 0; margin-bottom: 1rem; width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; }
table th, table td { padding: 0.5rem; border: 1px solid #DDDDDD; }

#crumbs { display: block; padding: 1rem 0; margin: 0; font-size: 1.1rem; }
#crumbs li { display: inline-block; padding: 0 .25rem; }

.bnr-area li img { opacity: 1; border: 1px solid #DEDEDE; width: 100%; max-width: 236px; height: auto; }
.bnr-area li a:hover img { opacity: .6; border: 1px solid #666; }

/*==============================
=            layout            =
==============================*/
/*==========  wrapper ==========*/
#wrapper { position: relative; padding: 2rem 0 0; /* &:after{
content: ""; height: 300px; left: 0; position: absolute; top: 0; width: 100%; background-color: #999999; z-index: 0;
 } */ }

/*==========  main content ==========*/
#main-content { position: relative; z-index: 1; margin: 0 auto 2rem; padding: 1rem 0; }

/*==========  primary ==========*/
#primary { order: 2; }

/*==============================
=            header            =
==============================*/
#header { padding: 1rem; width: 100%; display: block; background-color: #FFFFFF; position: relative; z-index: 10; }

#header-section { margin: 0 0 1rem; }
#header-section .shop-info { display: block; line-height: 1.6em; }

.tel_number { font-size: 2.2rem; }

/*=====  admin bar ======*/
.admin-bar #header.fixed { top: 46px; }
@media (min-width: 48.9375em) { .admin-bar #header.fixed { top: 32px; } }
@media (max-width: 37.49em) { .admin-bar #header.fixed { top: 0; } }

/*==============================
=            menu            =
==============================*/
#site-navigation { z-index: 9999; }
#site-navigation #sticky-logo { display: none; }
.sb-active #site-navigation { display: none !important; }

#global-drawer-nav > li { border-bottom: 1px solid rgba(221, 221, 221, 0.6); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
#global-drawer-nav > li.menu-item-has-children .more-icon > .fa-minus { display: none; }
#global-drawer-nav > li.menu-item-has-children .sub-menu { opacity: 0; height: 0; margin: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
#global-drawer-nav > li.menu-item-has-children .sub-menu li { border-top: 1px solid rgba(221, 221, 221, 0.6); }
#global-drawer-nav > li.menu-item-has-children .sub-menu li a { padding: 1rem 1rem 1rem 2rem; }
#global-drawer-nav > li.menu-item-has-children .sub-menu li:not(:last-child) { box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1); }
#global-drawer-nav > li:first-child { border-top: none; }
#global-drawer-nav li { padding: 0; }
#global-drawer-nav li.on > .sub-menu { display: block; opacity: 1; height: auto; }
#global-drawer-nav li.on > .more-icon .fa-plus { display: none; }
#global-drawer-nav li.on > .more-icon .fa-minus { display: inline-block; }
#global-drawer-nav li a { padding: 1rem; position: relative; display: block; }
#global-drawer-nav li a:after { padding: 0 0 0 .5rem; position: absolute; text-align: right; display: block; right: .5rem; top: 50%; margin: -7px 0 0 0; }
#global-drawer-nav li.menu-item-has-children { position: relative; }
#global-drawer-nav li.menu-item-has-children .more-icon { position: absolute; display: block; text-align: right; right: 0; top: 0; width: 40px; height: 100%; text-align: right; padding: 1.2rem 0.5rem 0 0; }

#header-menu ul.menu { margin: 0 0 0 auto; padding: 1px 0; display: table; box-sizing: border-box; }
#header-menu ul.menu > li { display: table-cell; float: none; text-align: center; margin: 0 0 0 1px; padding: 0 .25rem; position: relative; }
#header-menu ul.menu > li:last-child { background: none; }
#header-menu ul.menu > li a { padding: 1rem; color: #000000; }
#header-menu ul.menu li a, #header-menu ul.menu li span { display: block; }
#header-menu ul.menu li a { -moz-transition: ease 0.6s; -o-transition: ease 0.6s; -webkit-transition: ease 0.6s; transition: ease 0.6s; }
#header-menu ul.menu li a:after { content: ''; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background: #131313; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
#header-menu ul.menu li a:hover:after { width: 96%; }
#header-menu ul.menu li.current-menu-item a:after { content: ''; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background: #cc089e; width: 96%; }
#header-menu ul.menu li .menu-title { font-size: 1.2rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; }
#header-menu ul.menu li .menu-attr-title { font-size: 1.0rem; }
#header-menu ul.menu li > .sub-menu { position: absolute; max-width: 200px; z-index: 99; margin: 0; padding: 0; opacity: 0; text-align: left; background: #FFFFFF; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
#header-menu ul.menu li > .sub-menu > li { display: block; height: auto; text-align: center; width: 200px; position: relative; }
#header-menu ul.menu li > .sub-menu > li a { padding: 5px 0; height: auto; }
#header-menu ul.menu li > .sub-menu > li a:hover:after { width: 100%; }
#header-menu ul.menu li > .sub-menu li { list-style: none; }
#header-menu ul.menu li:hover > .sub-menu { opacity: 1; }
#header-menu ul.menu li:last-child ul.sub-menu { right: 0; }
#header-menu ul.menu nav .nav > li:first-child { margin: 0; }
#header-menu ul.menu nav .nav > li:first-child a { border-left: none; }
#header-menu ul.menu nav .nav ul.sub-menu ul :hover > a { display: block; }

#drawer-menu #drawer-wrap { padding-bottom: 40px; }
#drawer-menu .drawer-nav #drawer-info { padding: 2rem 0; }
#drawer-menu .drawer-nav #drawer-info .address, #drawer-menu .drawer-nav #drawer-info .open { font-size: 1.1rem; margin: 0 0 .5rem; }

/*==============================
=            top            =
==============================*/
/*==========  top-slider ==========*/
#top-slider { margin: 0 auto 2rem !important; z-index: 1000; }

#top-content .widget { background: #FFFFFF; padding: 1rem; }
#top-content .widget .widget-title { margin: -1rem -1rem 1rem -1rem; }

.swiper-pagination { margin: 10px 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.5); }

.swiper-pagination-bullet:hover { background-color: rgba(0, 0, 0, 0.9); }

/*==============================
=            page            =
==============================*/
/*==========  pagetitle ==========*/
.page-title, .widget-title, .profile-title { margin: 0; padding: 1rem; }
.page-title .title-name, .widget-title .title-name, .profile-title .title-name { border-width: 0 0 0  1px; border-color: #f9396c; border-style: solid; display: inline-block; }
.page-title .title-name, .widget-title .title-name, .profile-title .title-name { font-size: 1.6rem; margin: 0 .25rem 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 0  0 .6rem; }
.page-title .small, .widget-title .small, .profile-title .small { font-size: 1.2rem; }

#main-content .page-title, #main-content .widget-title { color: #333333; }

.post-inline-cast .cast_name { display: block; margin-bottom: 1rem; }

/*==========  page wrap ==========*/
#page-wrap { -moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.2); -webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.2); box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.2); border: 1px solid #CCCCCC; margin: 0 0 2rem; }

.entry-content, .entry-footer { padding: 1rem; }

/*==========  nodata ==========*/
.no-data { padding: .5em 0; }

/*==========  query count  ==========*/
.query-count .total-num, .query-count .num { font-size: 1.6rem; font-weight: bold; }

/*==========  select genre area  ==========*/
/*========== system ==========*/
#system .system-title { margin: 0 0 1rem; font-weight: bold; }
#system .system-table { width: 100%; margin: 0 0 1rem; }
#system .system-lead { margin: 0 0 2rem; }

/*==========  cast list  ==========*/
#cast-search-tag { margin: 0 0 1em; }
#cast-search-tag #cast-search-frame ul { margin: 0; }

#cast-sort-lists li { display: inline-block; padding: 0 .5rem; }
#cast-sort-lists li .sort-label { display: inline-block; padding: 0.25rem 0.5rem; font-size: 1.2rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; padding: .5rem; }

#cast-order-lists li { display: inline-block; padding: 0 .5rem; }

#cast-order-lists li .sort-label, #cast-order-lists li .order-label, #cast-sort-lists li .sort-label, #cast-sort-lists li .order-label { display: inline-block; padding: 0.25rem 0.5rem; font-size: 1.2rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; padding: .5rem; }
#cast-order-lists li a.selected, #cast-sort-lists li a.selected { font-weight: bold; }

#cast-sort-lists li a, #cast-sort-lists li a { display: block; padding: .3rem; border: solid 1px #D4D4D4; }

.cast-lists-frame { margin: 0 0 2rem; padding: 0 1rem; }
.cast-lists-frame li { text-align: center; padding: .5rem; }
.cast-lists-frame li .cast-image { margin: 0 auto .5rem; position: relative; }
.cast-lists-frame li .cast-section .cast-ranking-icon { font-size: 1.6rem; font-weight: bold; }
.cast-lists-frame li .cast-section .shop-name { font-size: 1.1rem; font-weight: bold; }
.cast-lists-frame li .cast-section .cast-name { font-weight: bold; }
.cast-lists-frame li .cast-section .cast-size { font-size: 1.1rem; }
.cast-lists-frame li .cast-schedule-time .cast-free-text { color: #000000; }

.cast-icon-lists { margin: .25rem 0 0 0; }
.cast-icon-lists .cast-icon-label { display: inline-block; padding: 0.25rem 0.5rem; font-size: 1.2rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; padding: .25rem .5rem; margin: 0 .25rem .25rem; border: 1px solid #CCCCCC; }

.cast-state-icon span.machihime-icon { display: inline-block; text-align: center; width: 100%; color: #FFFFFF; border-radius: .25rem; max-width: 240px; }

/*========== profile  ==========*/
#profile-frame .profile-title { font-size: 1.6rem; padding: 0 0 1rem 0; margin: 2rem 0 1rem; }
#profile-frame #profile-main-image { margin: 0 0 1rem; }
#profile-frame #profile-image .profile-movie video { width: 100%; height: auto; }
#profile-frame #profile-detail .profile-frame { margin: 0 0 2rem; }
#profile-frame #profile-detail #profile-name { font-size: 1.6rem; font-weight: bold; }
#profile-frame #profile-detail #profile-size { margin: 0 0 1rem; }
#profile-frame #profile-detail #profire-wait-info { margin: 0 0 1rem; }
#profile-frame #profile-detail #profile-icons { margin: 0 0 2rem; }
#profile-frame #profile-detail dl.profile-section dt { padding: .25rem 0 0 0; font-weight: normal; }
#profile-frame #profile-detail dl.profile-section dd { padding: 0 0 .25rem; }
#profile-frame #profile-detail .profile-check-list { margin: 0 0 .25rem; }
#profile-frame #profile-detail .profile-check-list .option-label { border: 1px solid #CCCCCC; display: block; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; padding: .25rem .5rem; margin: 0 .25rem .25rem; color: rgba(0, 0, 0, 0.4); }
#profile-frame #profile-detail .profile-check-list .on .option-label { background: #f50057; color: #FFF; background-clip: padding-box; }
#profile-frame #profile-detail .cast-checkform input { margin: 0; }
#profile-frame #profile-detail .cast-checkform .label { width: 100%; margin: 0 0 .5rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#profile-frame #profile-detail .cast-checkform label { color: #FFF; }

/*==========  ranking  ==========*/
#ranking .ranking-title { margin: 0 0 1rem; font-weight: bold; }

/*==========  schedule  ==========*/
#schedule-datepanel { display: block; margin: 0 0 2em; border-bottom: 1px solid #CCCCCC; padding: 0 2rem; }
#schedule-datepanel li { text-align: center; padding: 0 .5em; display: inline-block; margin: 0 0 -1px; }
#schedule-datepanel li.week-prev, #schedule-datepanel li.week-next { float: left; width: 6.25%; }
#schedule-datepanel li.week-prev a, #schedule-datepanel li.week-next a { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#schedule-datepanel li a { padding: .25em; color: #000; border-top: 4px solid #8a8a8a; display: block; text-align: center; text-decoration: none; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; -moz-transition: color 0.4s ease-out, background-color 0.4s ease-out; -o-transition: color 0.4s ease-out, background-color 0.4s ease-out; -webkit-transition: color 0.4s ease-out, background-color 0.4s ease-out; transition: color 0.4s ease-out, background-color 0.4s ease-out; }
#schedule-datepanel li a.last { margin-right: 0; }
#schedule-datepanel li a.active, #schedule-datepanel li a:hover { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#schedule-datepanel li a.active { border-top: 4px solid #512da8; border-bottom: 1px solid #FFFFFF; }
#schedule-datepanel li a:hover { border-top: 4px solid #512da8; }
#schedule-datepanel li a.sat { color: #006; }
#schedule-datepanel li a.sun { color: #e9007a; }
#schedule-datepanel span.arrow { font-weight: 700; }
#schedule-datepanel span.arrow .fa { font-size: 2.4rem; vertical-align: baseline; line-height: 1.6; }
#schedule-datepanel span.month { display: inline; vertical-align: baseline; font-size: 1.4rem; font-weight: 700; }
#schedule-datepanel span.day { vertical-align: baseline; font-size: 2.4rem; font-weight: 700; }
#schedule-datepanel span.date { vertical-align: top; display: block; }
#schedule-datepanel a.active { cursor: default; }
#schedule-datepanel a.active span { cursor: default; }

/*==========  schedule week ==========*/
#schedule-week .cast-frame { padding-bottom: 1rem; margin-bottom: 1rem; }
#schedule-week .cast-frame .cast-section .cast-detail { margin: 0 0 .5rem; }

.profile-weekly-schedule-list, .weekly-schedule-list { border: 1px solid #CCCCCC; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.profile-weekly-schedule-list::before, .profile-weekly-schedule-list::after, .weekly-schedule-list::before, .weekly-schedule-list::after { content: ' '; display: table; }
.profile-weekly-schedule-list::after, .weekly-schedule-list::after { clear: both; }
.profile-weekly-schedule-list li, .weekly-schedule-list li { width: 14.28571%; float: left; border-left: 1px solid #CCCCCC; }
.profile-weekly-schedule-list li .weekly-date.head, .weekly-schedule-list li .weekly-date.head { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: -1px 0 0 0; }
.profile-weekly-schedule-list li .weekly-date, .profile-weekly-schedule-list li .weekly-time, .weekly-schedule-list li .weekly-date, .weekly-schedule-list li .weekly-time { padding: .25rem; }
.profile-weekly-schedule-list li:first-child, .weekly-schedule-list li:first-child { border: none; }

/*==========  waiting  ==========*/
#waiting-flag-lists { margin: 0 0 1em; }

/*==========  event  ==========*/
.calender-lists { border-collapse: collapse; width: 100%; }
.calender-lists .cal-title { border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-weight: bold; text-align: center; }
.calender-lists tr { background: transparent; }
.calender-lists td, .calender-lists th { border: 1px solid #dcdcdc; padding: .5em; text-align: center; }
.calender-lists td a.cal-date, .calender-lists th a.cal-date { display: block; }
.calender-lists td span .cal-date, .calender-lists th span .cal-date { text-shadow: 0 0 2px white; }
.calender-lists td.cal-header, .calender-lists th.cal-header { padding: .5em; font-size: 1.8rem; font-weight: bold; }
.calender-lists td.cal-empty .cal-date, .calender-lists th.cal-empty .cal-date { border: 2px solid transparent; }
.calender-lists td .date, .calender-lists th .date { display: inline-block; margin: 0 auto; border: 2px solid transparent; text-align: center; max-width: 100%; }
.calender-lists td.cal-today, .calender-lists th.cal-today { background: #e6447d; }
.calender-lists td.cal-today a.cal-date, .calender-lists td.cal-today div.cal-date, .calender-lists th.cal-today a.cal-date, .calender-lists th.cal-today div.cal-date { font-weight: bold; }
.calender-lists td.cal-today a .date, .calender-lists td.cal-today div .date, .calender-lists th.cal-today a .date, .calender-lists th.cal-today div .date { color: #FFF; }
.calender-lists td.week6, .calender-lists td.sat, .calender-lists td.sat .date, .calender-lists th.week6, .calender-lists th.sat, .calender-lists th.sat .date { color: #5a96ff; }
.calender-lists td.week0, .calender-lists td.sun, .calender-lists td.sun .date, .calender-lists th.week0, .calender-lists th.sun, .calender-lists th.sun .date { color: #ff5050; }

.calender-frame { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 0 2rem; }

#archive-event .calender-lists .cal-title .date span { vertical-align: middle; }
#archive-event .calender-lists .cal-title .date .year { font-size: 2rem; margin: 0 .5rem 0 0; }
#archive-event .calender-lists .cal-title .date .month { font-size: 2rem; }
#archive-event .calender-lists tbody td.cal-day, #archive-event .calender-lists tbody td.cal-empty { font-weight: bold; line-height: 1; }
#archive-event .calender-lists tbody td .date { font-size: 2rem; }
#archive-event .calender-lists tbody td.cal-event-day .cal-date:hover:after { background: #b10002; color: #FFF; }

#event-lists { border-top: 1px dotted #CCC; }
#event-lists li { padding: 1rem 0; border-bottom: 1px dotted #CCC; }
#event-lists li .event-title { font-size: 1.6rem; font-weight: bold; margin: 0 0 1rem; }
#event-lists li .event-date { font-size: 1.2rem; margin: 0 0 1rem; }

#event-held-date { background: #DEDEDE; padding: .5rem; font-weight: bold; margin: 0 0 .5rem; }

/*==========  link  ==========*/
#site-links li { border-bottom: 1px solid #CCCCCC; padding: .5rem; }
#site-links li .link-title { font-weight: bold; }
#site-links li .link-section { text-align: left; }

/*==========  posts  ==========*/
/*==========  archive  ==========*/
.archive.category .entry-title, .search.category .entry-title { margin: 0 0 1rem; }
.archive.category .entry-header, .search.category .entry-header { margin: 0 0 1rem; }
.archive.category .hentry, .archive.search-results .hentry, .search.category .hentry, .search.search-results .hentry { border-bottom: 1px solid #DDDDDD; }

/*========== enter ==========*/
#enter { padding: 4rem 0 0 0; }

/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000; }

/* Menu style */
.overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; }

.overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.overlay ul li a { font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; }

.overlay ul li a:hover, .overlay ul li a:focus { color: #f0f0f0; }

/* Effects */
.overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; }

.overlay-scale.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }

@media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 34px; }
  .overlay ul li { min-height: 34px; } }
#enter-image { margin: 0 0 2rem; }
#enter-image img { border: 1px solid rgba(204, 204, 204, 0.6); }

#enter-navi { margin: 0 0 2rem; }

/*==============================
=            single            =
==============================*/
.entry-header { margin: 0 0 1rem; }
.entry-header .entry-title { font-size: 1.6rem; font-weight: bold; margin: 0 0 1rem; }

.hentry { margin: 0 0 2rem; }

/*==============================
=            wp-common            =
==============================*/



.entry-content .alignnone { margin: 5px 20px 20px 0; }

.entry-content .aligncenter,.entry-content div.aligncenter { display: block; margin: 5px auto 5px auto; }

.entry-content .alignright { float: right; margin: 5px 0 20px 20px; }

.entry-content .alignleft { float: left; margin: 5px 20px 20px 0; }

.entry-content .aligncenter { display: block; margin: 5px auto 5px auto; }

.entry-content  a img.alignright { float: right; margin: 5px 0 20px 20px; }
.entry-content  a img.alignnone { margin: 5px 20px 20px 0; }
.entry-content  a img.alignleft { float: left; margin: 5px 20px 20px 0; }
.entry-content  a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.entry-content  .wp-caption { background: #eee; border: 1px solid #ddd; max-width: 96%; padding: 10px; }
.entry-content  .wp-caption.alignnone, .wp-caption.alignleft { margin: 5px 20px 20px 0; }
.entry-content  .wp-caption.alignright { margin: 5px 0 20px 20px; }
.entry-content  .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.entry-content .wp-caption p.wp-caption-text { margin: 0; padding: 5px 0; }

/*==============================
=            pager          =
==============================*/
.pagination li { margin: 0 .25rem; }

nav[role="navigation"] { text-align: center; }

.cd-pagination { margin: 2em auto; text-align: center; }
.cd-pagination li { display: inline-block; margin: 0 .2em; }
.cd-pagination li.navi { display: inline-block; }
.cd-pagination a, .cd-pagination span { display: inline-block; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; padding: .6em .8em; font-size: 1.6rem; }
.cd-pagination a { border: 1px solid #c4c4c4; border-radius: .25rem; }
.cd-pagination a:hover { color: #FFFFFF; }
.cd-pagination a.disabled { pointer-events: none; }
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after { opacity: .4; }
.cd-pagination .current { /* selected number */ background-color: #2199e8; border-color: #2199e8; color: #FFFFFF; pointer-events: none; border-radius: .25rem; }

/*==============================
=            sidebar-left            =
==============================*/
/*==========  side-left-common  ==========*/
#secondary { order: 1; }
#secondary .sidebar .widget { padding: .5rem; }

/*==============================
=           footer            =
==============================*/
#footer-wrap .widget-title { padding: 0; }
#footer-wrap .widget-title .title-name { border-width: 0 0 0 1px; border-color: #f9396c; border-style: solid; display: inline-block; }

#footer-search-navi { border-bottom: 1px solid #000; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
#footer-search-navi .footer-title { font-size: 1.4rem; font-weight: bold; margin: 0 0 .5rem; }
#footer-search-navi ul li { margin: 0 0 0 .5rem; }

#footer { background: #333333; color: #FFFFFF; padding: 2rem 0; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .widget_nav_menu .menu li a { padding: .25rem; }
#footer .widget_nav_menu .menu li .sub-menu li { padding: .5rem  .5rem  .5rem 1rem; }
#footer .widget_cp5_news .news-date, #footer .widget_cp5_news .news-content { color: inherit; }
#footer #footer-copy { font-size: 1.1rem; padding: 1rem 0 0 0; border-top: rgba(131, 131, 131, 0.3) 1px solid; }

/**
* material-scrolltop
*
* Author: Bartholomej
* Website: https://github.com/bartholomej/material-scrolltop
* Docs: https://github.com/bartholomej/material-scrolltop
* Repo: https://github.com/bartholomej/material-scrolltop
* Issues: https://github.com/bartholomej/material-scrolltop/issues
*/
.material-scrolltop { display: block; position: fixed; width: 0; height: 0; bottom: 12px; right: 12px; padding: 0; z-index: 1000; overflow: hidden; outline: none; border: none; border-radius: 4px; cursor: hand; background: #333; -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); }
.material-scrolltop:hover { background-color: #000; text-decoration: none; }
.material-scrolltop::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; width: 0; border-radius: 100%; background: #6147ae; }
.material-scrolltop:active::before { width: 120%; padding-top: 120%; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.material-scrolltop.reveal { width: 48px; height: 48px; }
.material-scrolltop span { display: block; font-size: 25px; color: #fff; }

.material-scrolltop, .material-scrolltop::before { background-image: url(icons/top-arrow.svg); background-position: center 50%; background-repeat: no-repeat; }

/*==============================
=       widget       =
==============================*/
.widget { margin: 0 0 2rem; }
.widget .widget-title { margin: 0 0 1rem; }
.widget ul { margin: 0 0 1rem; padding: 0 0 0 1.6rem; }
.widget ul li { padding: .5rem; }

/*=====  navmenu ======*/
.widget_nav_menu .menu { border-bottom: 1px solid #DDDDDD; margin: 0; padding: 0; }
.widget_nav_menu .menu li { display: block; border-top: 1px solid #DDDDDD; }
.widget_nav_menu .menu li a { padding: 1rem; display: block; }
.widget_nav_menu .menu li .sub-menu { padding: 0; margin: 0; }
.widget_nav_menu .menu li .sub-menu li { padding: 0 0 0 1rem; }

/*=====  event  ======*/
.widget_cp5_event ul { padding: 0; }
.widget_cp5_event ul li { border-bottom: 1px solid #DDDDDD; padding: .5rem; }
.widget_cp5_event ul li .event-title { margin: 0 0 .5rem; font-weight: bold; }
.widget_cp5_event ul li .event-date { font-size: 1.1rem; }
.widget_cp5_event ul li .event-section { padding: 0 0 0 .5rem !important; }
.widget_cp5_event ul li a { padding: .5rem; display: block; }

/*=====  news ======*/
.widget_cp5_news .news-lists-frame li { padding: .5rem 0; border-bottom: 1px solid #DDDDDD; }
.widget_cp5_news .news-lists-frame li a { padding: .5rem; display: block; }
.widget_cp5_news .news-lists-frame li a .news-thumb + .news-section { padding: 0 0 0 .5rem; }
.widget_cp5_news .news-lists-frame li a .news-title { font-weight: bold; font-size: 1.4rem; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/*=====  cast widget  ======*/
.cast-list.horizontal li .cast-section { padding: 0 0 0 .5rem; }
@media screen and (max-width: 47.9375em) { .cast-list li .cast-section { padding: 0 0 0 .5rem !important; } }

/*=====  cast slider schedule slider  ======*/
.widget_cp5_castslider, .widget_cp5_scheduleslider { position: relative; }
.widget_cp5_castslider .swiper-container, .widget_cp5_scheduleslider .swiper-container { margin: 0 .5rem; padding: 1rem 0; }
.widget_cp5_castslider .cast-frame, .widget_cp5_scheduleslider .cast-frame { padding: 0 .5rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.widget_cp5_castslider .cast-frame .cast-image, .widget_cp5_scheduleslider .cast-frame .cast-image { margin: 0 0 .5rem; }
.widget_cp5_castslider .cast-frame .cast-name, .widget_cp5_scheduleslider .cast-frame .cast-name { font-weight: bold; }
.widget_cp5_castslider .swiper-button-prev, .widget_cp5_castslider .swiper-button-next, .widget_cp5_scheduleslider .swiper-button-prev, .widget_cp5_scheduleslider .swiper-button-next { background-size: 32px; width: 32px; height: 32px; }

/*=====  event  ======*/
.widget_calendar table { border-collapse: collapse; border: 1px solid #DDDDDD; }
.widget_calendar table th, .widget_calendar table td { border: 1px solid #DDDDDD; text-align: center; }

/*=====  pages  ======*/
/*=====  footer  ======*/
#footer-wrap .widget .widget-title { background-color: none; }

/*==============================
=           button            =
==============================*/
/*==============================
=       animate       =
==============================*/
.marquee { height: 2rem; overflow: hidden; position: relative; }
.marquee p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 2rem; text-align: center; white-space: nowrap; /* Starting position */ -moz-animation: marqueeAnimation 12s linear infinite; -webkit-animation: marqueeAnimation 12s linear infinite; animation: marqueeAnimation 12s linear infinite; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }

@-moz-keyframes marqueeAnimation { 0% { -moz-transform: translateX(100%); transform: translateX(100%); }
  100% { -moz-transform: translateX(-100%); transform: translateX(-100%); } }
@-webkit-keyframes marqueeAnimation { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
@keyframes marqueeAnimation { 0% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
  100% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
@-moz-keyframes marquee { from { transform: translate(0%); }
  99%,to { transform: translate(-100%); } }
@-webkit-keyframes marquee { from { transform: translate(0%); }
  99%,to { transform: translate(-100%); } }
@keyframes marquee { from { transform: translate(0%); }
  99%,to { transform: translate(-100%); } }
@-moz-keyframes menuhover { from { height: 0%; }
  to { height: 100%; } }
@-webkit-keyframes menuhover { from { height: 0%; }
  to { height: 100%; } }
@keyframes menuhover { from { height: 0%; }
  to { height: 100%; } }
/*==============================
=           desktop            =
==============================*/
@media screen and (min-width: 64em) { /*============================================= =            common            = =============================================*/
  #header { -moz-transition: ease 0.6s; -o-transition: ease 0.6s; -webkit-transition: ease 0.6s; transition: ease 0.6s; }
  #header.fixed #logo img { max-width: 240px; }
  #header #logo { /*   position: absolute; left: 40px; top: 0; bottom: 0; margin: auto; */ }
  #header #head-menu { position: absolute; right: 40px; top: 83px; text-align: right; z-index: 99999; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
  .site-description { /* position: absolute; top: 20px; left: 40px; */ -moz-transition: ease-out 0.6s; -o-transition: ease-out 0.6s; -webkit-transition: ease-out 0.6s; transition: ease-out 0.6s; font-size: 1.2rem; }
  #header-inc { line-height: 1em; }
  #header-section { text-align: right; }
  #main-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  #main-content #sidebar-left { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  #main-content #center-column { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  #main-content #sidebar-right { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } }
/*==============================
=           tablet            =
==============================*/
@media screen and (min-width: 48em) and (max-width: 63.9375em) { .site-description { font-size: 1.2rem; }
  #main-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  #main-content #sidebar-left { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  #main-content #center-column { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  #main-content #sidebar-right { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } }
/*==============================
=          mobile           =
==============================*/
@media screen and (max-width: 47.9375em) { body { word-wrap: break-word; }
  #header #logo { max-width: 160px; margin: 0 auto; }
  .site-description { font-size: 1.1rem; }
  #enter-navi #enter-button { margin: 0 0 1rem; }
  #profile-navi, #post-navi { display: flex; flex-wrap: wrap; }
  #profile-navi #profile-back, #profile-navi #post-back, #post-navi #profile-back, #post-navi #post-back { order: 1; margin: 0 0 1rem; }
  #profile-navi #profile-prev, #profile-navi #post-prev, #post-navi #profile-prev, #post-navi #post-prev { order: 2; }
  #profile-navi #profile-next, #profile-navi #post-next, #post-navi #profile-next, #post-navi #post-next { order: 3; }
  /*============================================= =            weekly schedule           = =============================================*/
  .profile-weekly-schedule-list, .weekly-schedule-list { display: block; }
  .profile-weekly-schedule-list li, .weekly-schedule-list li { float: none; width: 100%; border-left: none; }
  /*============================================= =            schedule            = =============================================*/
  #schedule-datepanel { white-space: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden; padding: 0 1rem; margin: 0 0 1rem; }
  #schedule-datepanel::-webkit-scrollbar { display: none; }
  #schedule-datepanel li, #schedule-datepanel li.week-prev, #schedule-datepanel li.week-next { display: inline-block; float: none; padding: 0 .25rem; width: auto; }
  #schedule-datepanel li a, #schedule-datepanel li.week-prev a, #schedule-datepanel li.week-next a { padding: .5rem; }
  #schedule-datepanel li span, #schedule-datepanel li.week-prev span, #schedule-datepanel li.week-next span { line-height: 1.2; }
  #schedule-datepanel li span.arrow .fa, #schedule-datepanel li.week-prev span.arrow .fa, #schedule-datepanel li.week-next span.arrow .fa { font-size: 1.4rem; }
  #schedule-datepanel li span.month, #schedule-datepanel li.week-prev span.month, #schedule-datepanel li.week-next span.month { font-size: 1.4rem; }
  #schedule-datepanel li span.day, #schedule-datepanel li.week-prev span.day, #schedule-datepanel li.week-next span.day { font-size: 1.6rem; }
  #schedule-datepanel li span.date, #schedule-datepanel li.week-prev span.date, #schedule-datepanel li.week-next span.date { font-size: 1.2rem; }
    /*=============================================
=           widget       =
=============================================*/
  .widget_cp5_castslider .swiper-button-prev, .widget_cp5_castslider .swiper-button-next, .widget_cp5_scheduleslider .swiper-button-prev, .widget_cp5_scheduleslider .swiper-button-next { background-size: 16px 26px; padding: 20px 16px; }
    /*=============================================
=            weekly schedule            =
=============================================*/
  #schedule-week .cast-frame .cast-section .weekly-schedule-list { display: block; table-layout: inherit; }
  #cast-sort-lists, #cast-order-lists, .cd-pagination[role="navigation"] { white-space: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden; }
  #cast-sort-lists::-webkit-scrollbar, #cast-order-lists::-webkit-scrollbar, .cd-pagination[role="navigation"]::-webkit-scrollbar { display: none; } }