@charset "UTF-8";
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

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

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

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, figcaption, main, nav, section {
  display: block; }

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

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */

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

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

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

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */

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

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

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */

/** Address styling not present in IE 8/9. */

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

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */

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

/** Correct overflow displayed oddly in IE 9. */

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */

/** Address differences between Firefox and other browsers. */

/** Contain overflow in all browsers. */

/** Address odd `em`-unit font size rendering in all browsers. */

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

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

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

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

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

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

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

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

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

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

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

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

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

/** Remove default vertical scrollbar in IE 8/9. */

/** 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. */

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0; }

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

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

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

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

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/*=====================================
    keyframes
=====================================*/
@-webkit-keyframes basic-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes basic-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes hover-bright {
  0% {
    filter: brightness(1.5);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    filter: brightness(1); } }

@keyframes hover-bright {
  0% {
    filter: brightness(1.5);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    filter: brightness(1); } }

@-webkit-keyframes hover-bright-strong {
  0% {
    filter: brightness(1.2); }
  10% {
    filter: brightness(1); }
  20% {
    filter: brightness(1.2); }
  100% {
    filter: brightness(1); } }

@keyframes hover-bright-strong {
  0% {
    filter: brightness(1.2); }
  10% {
    filter: brightness(1); }
  20% {
    filter: brightness(1.2); }
  100% {
    filter: brightness(1); } }

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

html {
  font-size: 100%; }

body {
  color: #666;
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-feature-settings: 'palt';
  text-align: center;
  min-width: 320px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

 h2, h3, p, ul, form, fieldset, section, article, nav {
  text-align: left;
  margin: 0; }

 h2, h3 {
  font-size: 100%;
  line-height: 1.25; }

p, ul {
  line-height: 1.5; }

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

ul ul {
  margin-bottom: 0; }

ul {
  padding-left: 2em; }

a {
  color: #d64f99;
  text-decoration: underline;
  -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  cursor: pointer; }

a:visited {
  color: #d64f99; }

a:hover {
  text-decoration: none; }

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

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="color"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="datetime"], input[type="datetime-local"], select {
  line-height: 1.25;
  padding: .25em; }

legend {
  padding: .5em; }

legend + * {
  margin-top: 0; }

fieldset {
  padding: 1.5rem; }

section > * + * {
  margin-top: 0.5rem; }

/*=====================================
    global
=====================================*/

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

.clickable {
  cursor: pointer;
  -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease; }

.in-view-area-enter, .in-view-area-exit {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  max-height: 100vh;
  visibility: hidden;
  pointer-events: none; }

.in-view-area-enter {
  top: 0; }

.in-view-area-exit {
  bottom: 0; }

.article {
  position: relative;
  overflow: hidden;
  /* padding-top: $header-sh + px; @include mq-m { padding-top: $header-mh + rem; } */ }

.article-inner {
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem; }

.article-inner > * + * {
  margin-top: 1.5rem; }

/*=====================================
    back-to-top
=====================================*/
.back-to-top {
  position: fixed;
  z-index: 100;
  margin: 0;
  bottom: .25rem;
  right: .25rem;
  width: 4rem;
  height: 4rem;
  text-decoration: none;
  font-size: 0.625rem;
  line-height: 1.2;
  white-space: nowrap;
  text-indent: 100%;
  text-align: left;
  cursor: pointer;
  -webkit-transition: visibility .3s, opacity .3s,-webkit-transform .3s;
  transition: visibility .3s, opacity .3s,-webkit-transform .3s;
  transition: visibility .3s, opacity .3s,transform .3s;
  transition: visibility .3s, opacity .3s,transform .3s, -webkit-transform .3s;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.back-to-top a {
  border-radius: 100%;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.back-to-top a * {
  pointer-events: none; }

.back-to-top a.push {
  -webkit-transition: none;
  transition: none; }

.back-to-top a.hover {
  color: #fff;
  background-color: #101010;
  border-color: transparent; }

.back-to-top a.push {
  color: rgba(255, 255, 255, 0.5);
  background-color: #101010;
  border-color: transparent; }

.back-to-top a.hover {
  background-color: rgba(242, 121, 187, 0.15); }

.back-to-top a.push {
  background-color: rgba(242, 121, 187, 0.15); }

.back-to-top a.push .svg-icon {
  opacity: .7; }

.back-to-top .svg-icon svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 80%;
  -webkit-transform: rotate(-90deg) translateX(7%);
      -ms-transform: rotate(-90deg) translateX(7%);
          transform: rotate(-90deg) translateX(7%); }

.back-to-top .svg-line {
  stroke: #f279bb;
  stroke-width: 2px; }

.site-bg {
  pointer-events: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-webfuri.png);
  -webkit-background-size: 160px 160px;
          background-size: 160px;
  /* width: calc(100% + 160px); height: calc(100% + 160px); background-color: #010101; @include animate-infinite(body-bg,8,false){ 0%   { transform: translate(0,0)}; 100% { transform: translate(-160px,-160px)}; } */ }

.button-new-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.button-new {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(../img/button-main.png);
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
  width: 13.70833rem;
  height: 2.66667rem; }

.button-new * {
  pointer-events: none; }

.button-new.push {
  -webkit-transition: none;
  transition: none; }

.button-new.hover {
  opacity: 0.7; }

.button-new.push {
  opacity: 0.85; }

.button-new, .button-new[href] {
  color: #fff; }

/*=====================================
    button
=====================================*/
.button, button, input[type="button"], input[type="submit"], .button-container > * {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  display: inline-block;
  text-align: left;
  position: relative;
  line-height: 1.25;
  padding: 0.725em 0.85em;
  text-decoration: none;
  font-weight: bold;
  border: rgba(242, 121, 187, 0.6) 1px solid;
  border-radius: .5rem;
  cursor: pointer;
  -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, fill 0.2s ease, letter-spacing 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease; }

.button *, button *, input[type="button"] *, input[type="submit"] *, .button-container > * * {
  pointer-events: none; }

.button.push, button.push, input.push[type="button"], input.push[type="submit"], .button-container > .push {
  -webkit-transition: none;
  transition: none; }

.button.hover, button.hover, input.hover[type="button"], input.hover[type="submit"], .button-container > .hover {
  color: #000;
  background-color: rgba(242, 121, 187, 0.2);
  border-color: transparent; }

.button.push, button.push, input.push[type="button"], input.push[type="submit"], .button-container > .push {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(242, 121, 187, 0.2);
  border-color: transparent; }

.button, button, input[type="button"], input[type="submit"], .button-container > *, .button:visited, button:visited, input:visited[type="button"], input:visited[type="submit"], .button-container > :visited {
  color: #f279bb; }

.button.arrow:not(.arrow-right), button.arrow:not(.arrow-right), input.arrow:not(.arrow-right)[type="button"], input.arrow:not(.arrow-right)[type="submit"], .button-container > .arrow:not(.arrow-right) {
  padding-left: 2em; }

.button.arrow svg, .button-container > .arrow svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  position: absolute;
  top: -0.05em;
  left: .5em;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  pointer-events: none; }

.button.arrow svg .svg-line, .button-container > .arrow svg .svg-line {
  stroke: #f279bb;
  stroke-width: 10; }

.button.arrow.arrow-reverse svg, .button-container > .arrow.arrow-reverse svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.button.arrow.arrow-right, .button-container > .arrow.arrow-right {
  padding-right: 2em; }

.button.arrow.arrow-right svg, .button-container > .arrow.arrow-right svg {
  left: auto;
  right: .5em; }

.button.disabled, .button-container > .disabled {
  cursor: default;
  pointer-events: none;
  opacity: .5;
  -webkit-transition: none;
  transition: none;
  filter: grayscale(100%); }

.button.hover svg, button.hover svg, input.hover[type="button"] svg, input.hover[type="submit"] svg, .button-container > .hover svg, .button.push svg, button.push svg, input.push[type="button"] svg, input.push[type="submit"] svg, .button-container > .push svg {
  -webkit-transform: translateX(15%);
      -ms-transform: translateX(15%);
          transform: translateX(15%); }

.button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex; }

.button-container > * + * {
  margin-left: 0.25rem; }

.catalog-content {
  max-width: 1200px;
  margin: 0 auto; }

.catalog-menu {
  width: 100%;
  z-index: 800;
  -webkit-background-size: 25rem 25rem;
          background-size: 25rem;
  background-position: center;
  background-color: #e1eafb; }

.catalog-menu .inner {
  max-width: 1232px;
  margin: auto;
  padding: .2rem;
  margin-bottom: -.4rem; }

.catalog-menu a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: .2rem;
  font-weight: bold;
  overflow: hidden;
  border-radius: .8rem;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  text-decoration: none;
  display: block;
  background-color: #fff; }

.catalog-menu a * {
  pointer-events: none; }

.catalog-menu a.push {
  -webkit-transition: none;
  transition: none; }

.catalog-menu a.hover {
  opacity: 0.7; }

.catalog-menu a.push {
  opacity: 0.85; }

.catalog-menu a.booth {
  color: #f279bb; }

.catalog-menu a.booth .svg-icon path, .catalog-menu a.booth .svg-icon polygon {
  fill: #f279bb; }

.catalog-menu a.catalog {
  color: #5f92ec; }

.catalog-menu a.catalog .svg-icon path, .catalog-menu a.catalog .svg-icon polygon {
  fill: #5f92ec; }

.catalog-menu .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  padding: .5rem; }

.catalog-menu .area > * + * {
  margin-left: 1rem; }

.catalog-menu .text {
  line-height: 1;
  white-space: nowrap; }

.catalog-menu .svg-icon {
  width: 2rem;
  height: 2rem; }

.content-box {
  font-size: 0.8125rem; }

.content-box > * {
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  background-repeat: no-repeat; }

.content-box-top {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 12.2449%;
  background-image: url(../img/content-box-sp-t.png); }

.content-box-top span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #376fd0;
  text-shadow: transparent 0 0 0, #fff 0.125em 0em 0, #fff 0.11548em 0.04784em 0, #fff 0.08839em 0.08839em 0, #fff 0.04784em 0.11548em 0, #fff 0em 0.125em 0, #fff -0.04784em 0.11548em 0, #fff -0.08839em 0.08839em 0, #fff -0.11548em 0.04784em 0, #fff -0.125em 0em 0, #fff -0.11548em -0.04784em 0, #fff -0.08839em -0.08839em 0, #fff -0.04784em -0.11548em 0, #fff 0em -0.125em 0, #fff 0.04784em -0.11548em 0, #fff 0.08839em -0.08839em 0, #fff 0.11549em -0.04783em 0, rgba(95, 146, 236, 0.02) 0.2em 0em 0, rgba(95, 146, 236, 0.02) 0.19319em 0.05176em 0, rgba(95, 146, 236, 0.02) 0.17321em 0.1em 0, rgba(95, 146, 236, 0.02) 0.14142em 0.14142em 0, rgba(95, 146, 236, 0.02) 0.1em 0.17321em 0, rgba(95, 146, 236, 0.02) 0.05176em 0.19319em 0, rgba(95, 146, 236, 0.02) 0em 0.2em 0, rgba(95, 146, 236, 0.02) -0.05176em 0.19319em 0, rgba(95, 146, 236, 0.02) -0.1em 0.17321em 0, rgba(95, 146, 236, 0.02) -0.14142em 0.14142em 0, rgba(95, 146, 236, 0.02) -0.17321em 0.1em 0, rgba(95, 146, 236, 0.02) -0.19319em 0.05176em 0, rgba(95, 146, 236, 0.02) -0.2em 0em 0, rgba(95, 146, 236, 0.02) -0.19319em -0.05176em 0, rgba(95, 146, 236, 0.02) -0.17321em -0.1em 0, rgba(95, 146, 236, 0.02) -0.14142em -0.14142em 0, rgba(95, 146, 236, 0.02) -0.1em -0.17321em 0, rgba(95, 146, 236, 0.02) -0.05176em -0.19319em 0, rgba(95, 146, 236, 0.02) 0em -0.2em 0, rgba(95, 146, 236, 0.02) 0.05176em -0.19319em 0, rgba(95, 146, 236, 0.02) 0.1em -0.1732em 0, rgba(95, 146, 236, 0.02) 0.14142em -0.14142em 0, rgba(95, 146, 236, 0.02) 0.17321em -0.1em 0, rgba(95, 146, 236, 0.02) 0.19321em -0.05176em 0;
  margin-top: -.5em;
  font-size: 3.5vw; }

.content-box-middle {
  margin-top: -.5px;
  padding: 1% 5% 0;
  background-repeat: repeat-y;
  position: relative;
  z-index: 2; }

.content-box-middle > .content {
  position: relative;
  z-index: 2; }

.content-box-middle > .content > * + * {
  margin-top: 1rem; }

.content-box-middle > .content.no-footer {
  padding-bottom: 1.5rem; }

.content-box-middle > .content .content-inner {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.content-box-middle > .content .content-inner > * + * {
  margin-top: 1rem; }

.content-box-middle > .content h2 {
  font-size: 1.25rem;
  text-align: center;
  border-bottom: #f279bb 0.2rem solid;
  line-height: 1.25;
  padding-bottom: .25rem; }

.content-box-middle > .content fieldset legend + * {
  margin-top: -.5rem; }

.content-box-middle > .content fieldset .text > * + * {
  margin-top: 0.5rem; }

.content-box-middle > .content fieldset .text p:first-line {
  font-weight: bold; }

.content-box-middle > .content legend {
  font-weight: bold; }

.content-box-middle > .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
  height: calc(100% - 0.65rem);
  background-image: url(../img/content-box-sp-m.png); }

.content-box-bottom {
  position: relative;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 8.16327%;
  background-image: url(../img/content-box-sp-b.png);
  margin-top: calc(-0.65rem - .5px); }

.entry-list > * + * {
  margin-top: 0.5rem; }

.entry-list a {
  text-decoration: none;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.entry-list a * {
  pointer-events: none; }

.entry-list a.push {
  -webkit-transition: none;
  transition: none; }

.entry-list a.hover {
  opacity: 0.7; }

.entry-list a.push {
  opacity: 0.85; }

.entry-list a > * + * {
  margin-left: 0.25rem; }

.entry-list a:nth-child(n+3) {
  display: none; }

.entry-list.all a:nth-child(n+3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.entry-list .date {
  white-space: nowrap;
  color: #888;
  font-size: 0.75rem; }

.entry-list .title {
  font-size: 0.8125rem;
  line-height: 1.25;
  font-weight: bold; }

.entry-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.entry-container > * + * {
  margin-top: 1rem; }

.entry-title {
  line-height: 1.4; }

.entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: flex; }

.entry-meta > * + * {
  margin-left: 0.5rem; }

.entry-meta .date {
  color: #5f92ec; }

.entry-meta .social-buttons-custom a {
  width: 1.5rem;
  height: 1.5rem; }

.entry-meta .social-buttons-custom path {
  fill: #666; }

.entry-content > * + * {
  margin-top: 1rem; }

.entry-content .heading-s {
  font-size: 0.8125rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.25rem; }

.entry-content .heading-s:before, .entry-content .heading-s:after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1px;
  background-color: #f279bb;
  margin: 0 .25rem; }

.entry-content .inner-box {
  padding: 1rem;
  background-color: #fff;
  border: #ccc 1px solid; }

.entry-content .inner-box > * + * {
  margin-top: 0.5rem; }

.entry-content p {
  font-size: 0.75rem; }

.entry-content ul > * + * {
  margin-top: 0.5rem; }

.entry-content ul li {
  line-height: 1.25; }

.entry-content:before, .entry-content:after {
  content: '';
  display: block;
  width: 100%;
  height: .15rem;
  background-image: linear-gradient(45deg, transparent 0%, transparent 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-background-size: 0.65rem 0.65rem;
          background-size: 0.65rem 0.65rem; }

.entry-content:before {
  margin-bottom: 1rem; }

.entry-content:after {
  margin-top: 1rem; }

.global-menu {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 800;
  -webkit-background-size: 25rem 25rem;
          background-size: 25rem;
  background-position: center;
  background-color: #e1eafb;
  -webkit-box-shadow: rgba(95, 146, 236, 0.25) 0 0.125rem 0.125rem;
          box-shadow: rgba(95, 146, 236, 0.25) 0 0.125rem 0.125rem; }

.global-menu .inner {
  max-width: 1232px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .2rem; }

.global-menu a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: .2rem;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  border-radius: .8rem;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0; }

.global-menu a * {
  pointer-events: none; }

.global-menu a.push {
  -webkit-transition: none;
  transition: none; }

.global-menu a.hover {
  opacity: 0.7; }

.global-menu a.push {
  opacity: 0.85; }

.global-menu a:nth-child(1) {
  background-color: #f279bb; }

.global-menu a:nth-child(1) .bg {
  background-color: #d64f99; }

.global-menu a:nth-child(1) .svg-icon path, .global-menu a:nth-child(1) .svg-icon polygon {
  fill: #d64f99; }

.global-menu a:nth-child(2) {
  background-color: #5f92ec; }

.global-menu a:nth-child(2) .bg {
  background-color: #376fd0; }

.global-menu a:nth-child(2) .svg-icon path, .global-menu a:nth-child(2) .svg-icon polygon {
  fill: #376fd0; }

.global-menu a:nth-child(3) {
  background-color: #4eca4e; }

.global-menu a:nth-child(3) .bg {
  background-color: #20a020; }

.global-menu a:nth-child(3) .svg-icon path, .global-menu a:nth-child(3) .svg-icon polygon {
  fill: #20a020; }

.global-menu a:nth-child(4) {
  background-color: #e2ba5a; }

.global-menu a:nth-child(4) .bg {
  background-color: #be9023; }

.global-menu a:nth-child(4) .svg-icon path, .global-menu a:nth-child(4) .svg-icon polygon {
  fill: #be9023; }

.global-menu a:nth-child(5) {
  background-color: #34cdd0; }

.global-menu a:nth-child(5) .bg {
  background-color: #0f999b; }

.global-menu a:nth-child(5) .svg-icon path, .global-menu a:nth-child(5) .svg-icon polygon {
  fill: #0f999b; }

.global-menu .area {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%; }

.global-menu .text {
  line-height: 1.2;
  white-space: nowrap;
  font-size: 0.625rem;
  position: absolute;
  display: inline-block;
  left: 0%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 12.5%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 25%;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.global-menu .text, .global-menu .text img {
  max-width: none;
  vertical-align: top; }

.global-menu .svg-icon {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 52.5%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 37.5%;
  height: 37.5%;
  z-index: 19; }

.global-menu .svg-icon, .global-menu .svg-icon img {
  max-width: none;
  vertical-align: top; }

.global-menu .bg {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 1;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  display: none;
  -webkit-transform: skewY(15deg) translateY(-50%);
      -ms-transform: skewY(15deg) translateY(-50%);
          transform: skewY(15deg) translateY(-50%); }

body.loaded .article-heading .bg-image {
  -webkit-animation: heading-bg 1s linear 0s 1 normal both;
          animation: heading-bg 1s linear 0s 1 normal both; }

@-webkit-keyframes heading-bg {
  0% {
    opacity: 0;
    -webkit-transform: scale(2) rotate(180deg);
            transform: scale(2) rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); } }

@keyframes heading-bg {
  0% {
    opacity: 0;
    -webkit-transform: scale(2) rotate(180deg);
            transform: scale(2) rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); } }

/*=====================================
    initial-modal
=====================================*/

.link-to-top-container {
  padding-bottom: 3rem; }

.link-to-top-container > * + * {
  margin-top: 0.5rem; }

.link-to-top {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: rgba(242, 121, 187, 0.3) 2px solid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  border-radius: .5rem;
  width: 14rem;
  padding: .5rem 0;
  padding-right: .5rem;
  text-decoration: none; }

.link-to-top * {
  pointer-events: none; }

.link-to-top.push {
  -webkit-transition: none;
  transition: none; }

.link-to-top.hover {
  color: #f279bb;
  background-color: rgba(242, 121, 187, 0.2);
  border-color: transparent; }

.link-to-top.push {
  color: rgba(242, 121, 187, 0.5);
  background-color: rgba(242, 121, 187, 0.2);
  border-color: transparent; }

.link-to-top > * + * {
  margin-left: 0.5rem; }

.link-to-top, .link-to-top:visited {
  color: #f279bb; }

.link-to-top .svg-icon {
  width: 2rem;
  height: 2rem;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

.link-to-top.hover .svg-icon, .link-to-top.push .svg-icon {
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateX(-15%) rotate(180deg);
      -ms-transform: translateX(-15%) rotate(180deg);
          transform: translateX(-15%) rotate(180deg); }

.link-to-top.push > * {
  opacity: .7; }

.link-to-top .svg-line {
  stroke: #f279bb;
  stroke-width: 2px; }

.link-to-top .text {
  display: block;
  font-size: 0.75rem;
  line-height: 1.4;
  padding: .25rem 0;
  text-align: left;
  line-height: 1;
  white-space: nowrap; }

.link-to-top .line-single {
  font-size: 0.875rem; }

.site-loading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2000;
  width: 5rem;
  height: 5rem;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.5s, 0.001s;
          transition-duration: 0.5s, 0.001s;
  -webkit-transition-delay: 0s, 0.5s;
          transition-delay: 0s, 0.5s; }

.site-loading .svg-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: basic-rotate 1.5s linear 0s infinite normal both;
          animation: basic-rotate 1.5s linear 0s infinite normal both; }

.site-loading .svg-line {
  stroke: rgba(95, 146, 236, 0.5); }

body.loaded .site-loading {
  opacity: 0;
  visibility: hidden; }

/*=====================================
    Magnific Popup
=====================================*/
.mfp-bg {
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

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

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

.mfp-inline-holder .mfp-content > *, .mfp-iframe-scaler iframe, .mfp-figure:after {
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem;
          box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem; }

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

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

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

.mfp-bottom-bar {
  pointer-events: none;
  margin: 0;
  top: auto;
  left: 0;
  bottom: 0;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mfp-title {
  width: 100%;
  position: relative; }

.mfp-title:empty {
  display: none; }

.mfp-counter {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 0.75rem; }

.mfp-container {
  padding: 0 0.25rem; }

button.mfp-close {
  background-color: #000;
  border-radius: .5rem;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem;
          box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem;
  opacity: 1;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden; }

button.mfp-close:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  height: 70%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHRpdGxlPmljb24tY2xvc2U8L3RpdGxlPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxsaW5lIHgxPSIzMi41IiB5MT0iMzIuNSIgeDI9IjcuNSIgeTI9IjcuNSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4Ii8+PGxpbmUgeDE9IjMyLjUiIHkxPSI3LjUiIHgyPSI3LjUiIHkyPSIzMi41IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHgiLz48L3N2Zz4=);
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.mfp-image-holder button.mfp-close {
  top: 0.25rem; }

.mfp-inline-holder button.mfp-close, .mfp-iframe-holder button.mfp-close {
  top: -2.75rem; }

.mfp-image-holder button.mfp-close, .mfp-inline-holder button.mfp-close, .mfp-iframe-holder button.mfp-close {
  width: 2.5rem;
  height: 2.5rem;
  right: 0px; }

button.mfp-arrow {
  background-color: #000;
  border-radius: .5rem;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem;
          box-shadow: rgba(255, 255, 255, 0.5) 0 0 0.15rem;
  width: 2.5rem;
  height: 2.5rem;
  top: auto;
  bottom: 0.25rem;
  margin: 0;
  opacity: 0; }

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

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

.mfp-s-loading button.mfp-arrow {
  display: none; }

.mfp-s-ready button.mfp-arrow {
  display: block; }

button.mfp-arrow:before {
  display: none; }

button.mfp-arrow:after {
  width: 70%;
  height: 70%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHRpdGxlPmljb24tYXJyb3c8L3RpdGxlPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwb2x5bGluZSBwb2ludHM9IjEyLjUgMzMuNzUgMjYuMjUgMjAgMTIuNSA2LjI1IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHgiLz48L3N2Zz4=);
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

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

.mfp-arrow-left:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

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

.mfp-figure, .mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content {
  margin: 3rem auto; }

.mfp-figure:after {
  background: transparent;
  top: 3rem;
  bottom: 3rem; }

.mfp-inline {
  max-width: 800px;
  position: relative;
  margin: 0 auto 0.25rem; }

.mfp-animated-image {
  display: block; }

.mfp-preloader {
  width: 5rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  text-align: left;
  text-indent: 200%;
  white-space: nowrap; }

.mfp-preloader:before {
  content: '';
  display: inline-block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHRpdGxlPmljb24tbG9hZGluZzwvdGl0bGU+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBzdHlsZT0iZmlsbDpub25lIi8+PHBhdGggZD0iTTIwLDhBMTIsMTIsMCwxLDAsMzIsMjAiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweCIvPjwvc3ZnPg==);
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-animation: basic-rotate 1s linear 0s infinite normal both;
          animation: basic-rotate 1s linear 0s infinite normal both; }

.top-mainvisual {
  overflow: hidden; }

.top-mainvisual .mv-btn {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  border-radius: 100%; }

.top-mainvisual .mv-btn * {
  pointer-events: none; }

.top-mainvisual .mv-btn.push {
  -webkit-transition: none;
  transition: none; }

.top-mainvisual .mv-btn.hover {
  opacity: 0.7; }

.top-mainvisual .mv-btn.push {
  opacity: 0.85; }

.top-mainvisual .mv-btn .svg-icon {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 50%;
  height: 50%;
  z-index: 1; }

.top-mainvisual .mv-btn .svg-icon, .top-mainvisual .mv-btn .svg-icon img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual .mv-btn .svg-line {
  stroke-width: 6px; }

.top-mainvisual .mv-btn-l {
  position: absolute;
  display: inline-block;
  left: 0.625%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 8.75%;
  height: 12.96296%;
  z-index: 10;
  background-color: rgba(0, 71, 157, 0.5); }

.top-mainvisual .mv-btn-l, .top-mainvisual .mv-btn-l img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual .mv-btn-l .svg-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.top-mainvisual .mv-btn-r {
  position: absolute;
  display: inline-block;
  left: 90.625%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 8.75%;
  height: 12.96296%;
  z-index: 10;
  background-color: rgba(0, 71, 157, 0.5); }

.top-mainvisual .mv-btn-r, .top-mainvisual .mv-btn-r img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-inner {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform; }

.top-mainvisual-images {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 45%; }

.top-mainvisual-images .logo-webfuri {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 30.25%;
  height: auto;
  z-index: 30; }

.top-mainvisual-images .logo-webfuri, .top-mainvisual-images .logo-webfuri img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-images.with-char .logo-webfuri {
  position: absolute;
  display: inline-block;
  left: 36.66667%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 6.66667%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 26.66667%;
  height: auto;
  z-index: 30; }

.top-mainvisual-images.with-char .logo-webfuri, .top-mainvisual-images.with-char .logo-webfuri img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-images .info {
  position: absolute;
  display: inline-block;
  left: 30.66667%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 48.88889%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 38.66667%;
  height: auto;
  z-index: 30; }

.top-mainvisual-images .info, .top-mainvisual-images .info img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-images .char-webfuri-01 {
  position: absolute;
  display: inline-block;
  left: 0%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 0%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 50%;
  height: auto;
  z-index: 21; }

.top-mainvisual-images .char-webfuri-01, .top-mainvisual-images .char-webfuri-01 img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-images .char-webfuri-02 {
  position: absolute;
  display: inline-block;
  left: 50%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 0%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 50%;
  height: auto;
  z-index: 20; }

.top-mainvisual-images .char-webfuri-02, .top-mainvisual-images .char-webfuri-02 img {
  max-width: none;
  vertical-align: top; }

.top-mainvisual-images .bg {
  position: absolute;
  display: inline-block;
  left: 0%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  top: 0%;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: auto;
  z-index: 1; }

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

.sub-mainvisual {
  /* background-size: cover; background-repeat: no-repeat; overflow: hidden; background-image: url(../img/mv-bg-webfuri.jpg); background-position: center bottom; */ }

.sub-mainvisual-inner {
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.sub-mainvisual-images {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 20.83333%; }

.sub-mainvisual-images .logo-webfuri {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 26.04167%;
  height: auto;
  z-index: 30; }

.sub-mainvisual-images .logo-webfuri, .sub-mainvisual-images .logo-webfuri img {
  max-width: none;
  vertical-align: top; }

.neighbor-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.neighbor-pager > * + * {
  margin-left: 0.5rem; }

.scroll-bar-fill {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 999;
  background-color: #f1f1f1;
  display: none; }

/*=====================================
    slick
=====================================*/
.slick-content {
  opacity: 0; }

.slick-content.slick-slider.slick-initialized {
  opacity: 1; }

.slick-slider {
  margin-bottom: 0; }

.slick-loading .slick-list {
  background: none; }

.slick-slide {
  outline: none;
  position: relative;
  overflow: hidden;
  background-color: #000;
  margin: 0 4px; }

.slick-slide > * {
  pointer-events: none; }

.slick-slide.slick-current > * {
  pointer-events: auto; }

.slick-slide a, .slick-slide img {
  width: 100%;
  display: block;
  outline: none;
  text-decoration: none; }

.slick-arrow {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 100;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background: #20a020 !important;
  width: 40px;
  height: 80px;
  opacity: 1 !important;
  display: none !important; }

.slick-arrow.hover {
  opacity: .5 !important; }

.slick-arrow.push:before {
  opacity: .8 !important; }

.slick-arrow:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 50%;
  height: 50%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHRpdGxlPmljb24tYXJyb3c8L3RpdGxlPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwb2x5bGluZSBwb2ludHM9IjEyLjUgMzMuNzUgMjYuMjUgMjAgMTIuNSA2LjI1IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHgiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  -webkit-background-size: 80% 80%;
          background-size: 80%;
  background-position: center;
  opacity: 1; }

.slick-arrow.slick-prev {
  border-radius: 0 40px 40px 0;
  left: 0; }

.slick-arrow.slick-prev:before {
  -webkit-transform: rotate(180deg) translateX(4px);
      -ms-transform: rotate(180deg) translateX(4px);
          transform: rotate(180deg) translateX(4px); }

.slick-arrow.slick-next {
  border-radius: 40px 0 0 40px;
  right: 0; }

.slick-arrow.slick-next:before {
  -webkit-transform: translateX(4px);
      -ms-transform: translateX(4px);
          transform: translateX(4px); }

.slick-dots {
  bottom: -1.5rem;
  margin-bottom: 0; }

.slick-dots li {
  margin: 0;
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 0, 0, 0.2); }

.slick-dots li button {
  width: 1rem;
  height: 1rem; }

.slick-dots li button:before {
  width: 0.5rem;
  height: 0.5rem;
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .3;
  background-color: rgba(16, 16, 16, 0.2);
  background-image: none;
  border-radius: 100%; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li.slick-active button:before {
  opacity: 1; }

/*=====================================
    social-buttons
=====================================*/
.social-buttons-default {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

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

.social-buttons-default li {
  margin: 4px;
  height: 20px;
  overflow: hidden; }

.social-buttons-default li > * {
  line-height: 1;
  height: 20px;
  vertical-align: top; }

.social-buttons-custom {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex; }

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

.social-buttons-custom > * + * {
  margin-left: 0.25rem; }

.social-buttons-custom li {
  margin-bottom: 0;
  line-height: 1;
  /* &.twitter { path { fill: #fff; //fill: $color-twitter; } } &.facebook { path { fill: #fff; //fill: $color-facebook; } } &.line { path { fill: #fff; //fill: $color-line; } } */ }

.social-buttons-custom li path {
  fill: #fff; }

.social-buttons-custom a {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  display: block;
  width: 3em;
  height: 3em;
  position: relative; }

.social-buttons-custom a * {
  pointer-events: none; }

.social-buttons-custom a.push {
  -webkit-transition: none;
  transition: none; }

.social-buttons-custom a.hover {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2); }

.social-buttons-custom a.push {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95); }

.social-buttons-custom svg {
  pointer-events: none;
  display: inline-block;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/*=====================================
    sound-controller
=====================================*/
.sound-controller {
  position: fixed;
  z-index: 100;
  width: 200px;
  height: 40px;
  left: 0;
  bottom: 8px;
  padding: 0 12px 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 20px 20px 0;
  background: #00c2ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#00c2ff), to(#1b6fbd));
  background: linear-gradient(to bottom, #00c2ff 0%, #1b6fbd 100%);
  -webkit-box-shadow: white 0 0 3px 1px;
          box-shadow: white 0 0 3px 1px; }

.sound-controller > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.sound-controller .mute-button {
  width: 80px;
  height: 32px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjYuNzcgOTAuNzEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjQ1ZDhkfS5jbHMtMntmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm11dGUtYnV0dG9uLW9uPC90aXRsZT48ZyBpZD0ibF8yIiBkYXRhLW5hbWU9ImwgMiI+PGcgaWQ9ImxfMS0yIiBkYXRhLW5hbWU9ImwgMSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjI2Ljc3IiBoZWlnaHQ9IjkwLjcxIiByeD0iNDUuMzUiIHJ5PSI0NS4zNSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4MS40MiA0YTQxLjM1IDQxLjM1IDAgMCAxIDAgODIuNzFINDUuMzVhNDEuMzUgNDEuMzUgMCAxIDEgMC04Mi43MWgxMzYuMDdtMC00SDQ1LjM1YTQ1LjM1IDQ1LjM1IDAgMSAwIDAgOTAuNzFoMTM2LjA3YTQ1LjM1IDQ1LjM1IDAgMCAwIDAtOTAuNzF6Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTgxLjQyIDExLjM0aC0zNGEzNCAzNCAwIDAgMC0zNCAzNCAzNCAzNCAwIDAgMCAzNCAzNGgzNGEzNCAzNCAwIDAgMCAzNC0zNCAzNCAzNCAwIDAgMC0zNC0zNHptLTE2IDU4LjIzbC0xNS42NS0xMy4xNkgxMjguOVYzNC4zaDIwLjg2bDE1LjY4LTEzLjE2em04LjE4LTE0Ljg1YTEzLjI0IDEzLjI0IDAgMCAwIDAtMTguNzRsMi41OC0yLjU4YTE2Ljg5IDE2Ljg5IDAgMCAxIDAgMjMuOTF6bTYuNjIgNi42MmEyMi41OSAyMi41OSAwIDAgMCAwLTMybDIuNTgtMi41OGEyNi4yNCAyNi4yNCAwIDAgMSAwIDM3LjE2em05LjIxIDkuMjFMMTg2Ljg4IDY4YTMyIDMyIDAgMCAwIDAtNDUuMjRsMi41OC0yLjU4YTM1LjYgMzUuNiAwIDAgMSAwIDUwLjR6TTI4LjEgNTcuNTlDMjguMSA0Ny40MSAzNS4zNyA0MCA0NS4zOCA0MHMxNy4yOCA3LjQzIDE3LjI4IDE3LjYtNy4yNyAxNy41NS0xNy4yOCAxNy41NVMyOC4xIDY3Ljc2IDI4LjEgNTcuNTl6bTI4LjM4IDBjMC03LjIzLTQuNjgtMTIuMzEtMTEuMS0xMi4zMXMtMTEuMSA1LjA5LTExLjEgMTIuMzEgNC42NCAxMi4yNyAxMS4xIDEyLjI3IDExLjEtNS4wOCAxMS4xLTEyLjI3em0zMy44IDE2Ljc5TDc3LjYgNTYuMDVjLTEuMTctMS42Ni00LjItNi40Mi00LjItNi40MnMuMjQgNS41Ny4yNCA3Ljc5djE3aC01Ljc3VjQwLjcxaDVMODUgNTcuNzljMS4zMyAxLjkgNC40OCA2LjY2IDQuNDggNi42NnMtLjI0LTYuMS0uMjQtOC4yVjQwLjcxSDk1djMzLjY3ek0zMi42MSAzNFYxMy42Nmg1Ljc1YzMuNzEgMCA2LjczIDEuMTUgNi43MyA1LjE3YTUuMDggNS4wOCAwIDAgMS0yLjMyIDQuMDdjMS44NC4zNyAzLjIzIDIuMSAzLjIzIDQuOSAwIDQtMyA2LjE5LTcuNDEgNi4xOXptNS41MS0xMi4xN2MyLjM3IDAgMy40MS0xIDMuNDEtMi43M3MtMS0yLjU0LTMuMjktMi41NEgzNi4xdjUuMjd6bS4xNyA5LjI3YzIuODMgMCA0LjA3LTEuMjQgNC4wNy0zLjQ2cy0xLjYxLTMuMDctMy44NS0zLjA3SDM2LjF2Ni41M3ptMjUuNC01LjFoLTQuNTN2LTNoOC4xNHY4LjI3Yy0xLjY4IDItNC42MSAzLjI0LTguMzEgMy4yNGExMC4zNCAxMC4zNCAwIDAgMS0xMC43NS0xMC42NkExMC4zNCAxMC4zNCAwIDAgMSA1OSAxMy4yMmExNi41NSAxNi41NSAwIDAgMSA2Ljc1IDEuMzd2NC4xN0ExMC44IDEwLjggMCAwIDAgNTkgMTYuMzljLTQuMDcgMC03IDMuMTUtNyA3LjQ2czIuOTMgNy40NCA3IDcuNDRhNy4xOSA3LjE5IDAgMCAwIDQuNzMtMS41NnptMjUuNzIgOGwtMS05LjIyYy0uMi0yLS4yOS00LS4yOS02LjM5di0uOGE1My4xNyA1My4xNyAwIDAgMS0xLjc2IDYuNzhMODMuMSAzNGgtMi45bC0zLjQ2LTEwYy0uNTYtMS42My0xLjU4LTYuNTYtMS41OC02LjU2czAgNS4zNi0uMjcgNy4zNGwtMSA5LjI0aC0zLjgxbDMtMjAuMzFoMy4yOWwzLjU0IDEwYy41OCAxLjY4IDEuMjIgMy44IDEuNzYgNS42OC41MS0yIDEuMTktNCAxLjgtNS43OEw4NyAxMy42OGgzLjIybDMgMjAuMzF6Ii8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 0 0;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease; }

.sound-controller .mute-button * {
  pointer-events: none; }

.sound-controller .mute-button.push {
  -webkit-transition: none;
  transition: none; }

.sound-controller .mute-button.hover {
  color: #fff;
  background-color: #101010;
  border-color: transparent; }

.sound-controller .mute-button.push {
  color: rgba(255, 255, 255, 0.5);
  background-color: #101010;
  border-color: transparent; }

.sound-controller .mute-button.muted {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjYuNzcgOTAuNzEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5tdXRlLWJ1dHRvbi1vZmY8L3RpdGxlPjxnIGlkPSJsXzIiIGRhdGEtbmFtZT0ibCAyIj48ZyBpZD0ibF8xLTIiIGRhdGEtbmFtZT0ibCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xODEuNDIgNGE0MS4zNSA0MS4zNSAwIDAgMSAwIDgyLjcxSDQ1LjM1YTQxLjM1IDQxLjM1IDAgMSAxIDAtODIuNzFoMTM2LjA3bTAtNEg0NS4zNWE0NS4zNSA0NS4zNSAwIDEgMCAwIDkwLjcxaDEzNi4wN2E0NS4zNSA0NS4zNSAwIDAgMCAwLTkwLjcxeiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyMy45NCA1Ny41OWMwLTEwLjE3IDcuMjctMTcuNiAxNy4yOC0xNy42czE3LjI4IDcuNDMgMTcuMjggMTcuNi03LjI3IDE3LjU2LTE3LjI4IDE3LjU2LTE3LjI4LTcuMzktMTcuMjgtMTcuNTZ6bTI4LjM4IDBjMC03LjIzLTQuNjgtMTIuMzEtMTEuMS0xMi4zMXMtMTEuMSA1LjA5LTExLjEgMTIuMzEgNC42NCAxMi4yNyAxMS4xIDEyLjI3IDExLjEtNS4wOSAxMS4xLTEyLjI3em0xMS4zOSAxNi43OVY0MC43MUgxODR2NWgtMTQuNDh2Ny44M0gxODJ2NWgtMTIuNDh2MTUuODR6bTI2IDBWNDAuNzFIMjEwdjVoLTE0LjQ3djcuODNIMjA4djVoLTEyLjQ3djE1Ljg0ek0xMzcuNDkgMzRWMTMuNjZoNS43NWMzLjcxIDAgNi43MyAxLjE1IDYuNzMgNS4xN2E1LjA4IDUuMDggMCAwIDEtMi4zMiA0LjA3YzEuODMuMzcgMy4yNyAyLjEgMy4yNyA0LjkgMCA0LTMgNi4xOS03LjQxIDYuMTl6TTE0MyAyMS44M2MyLjM3IDAgMy40MS0xIDMuNDEtMi43M3MtMS0yLjU0LTMuMjktMi41NEgxNDF2NS4yN3ptLjE3IDkuMjdjMi44MyAwIDQuMDctMS4yNCA0LjA3LTMuNDZzLTEuNjEtMy4wNy0zLjg1LTMuMDdIMTQxdjYuNTN6bTI1LjQxLTUuMUgxNjR2LTNoOC4xNHY4LjI3Yy0xLjY4IDItNC42MSAzLjI0LTguMzEgMy4yNGExMC4zNCAxMC4zNCAwIDAgMS0xMC43NS0xMC42MSAxMC4zNCAxMC4zNCAwIDAgMSAxMC43NS0xMC42MyAxNi41NSAxNi41NSAwIDAgMSA2Ljc1IDEuMzd2NC4xN2ExMC44IDEwLjggMCAwIDAtNi43OC0yLjM3Yy00LjA3IDAtNyAzLjE1LTcgNy40NnMyLjkzIDcuNDQgNyA3LjQ0YTcuMTkgNy4xOSAwIDAgMCA0LjczLTEuNTZ6bTI1LjcyIDhsLTEtOS4yMmMtLjItMi0uMjktNC0uMjktNi4zOXYtLjhhNTMuMTkgNTMuMTkgMCAwIDEtMS43NiA2Ljc4TDE4OCAzNGgtMi45bC0zLjQ2LTEwYy0uNTYtMS42My0xLjU4LTYuNTYtMS41OC02LjU2czAgNS4zNi0uMjcgNy4zNGwtMSA5LjI0SDE3NWwzLTIwLjMxaDMuMjlsMy41NCAxMGMuNTggMS42OCAxLjIyIDMuOCAxLjc2IDUuNjguNTEtMiAxLjE5LTQgMS44LTUuNzhsMy41MS05Ljg4aDMuMjJsMyAyMC4zMXpNNzkuMzcgMTEuMzRoLTM0YTM0IDM0IDAgMSAwIDAgNjhoMzRhMzQgMzQgMCAxIDAgMC02OHptLTM5LjgzIDIzSDYwLjRsMTUuNjgtMTMuMlYyNkw0NS42NSA1Ni40MWgtNi4xMXptMzYuNTQgMzUuMjNMNjEuNjEgNTcuNDMgNzYuMDggNDN6bS0zNS40NyAzLjE5bC0yLjgzLTIuODMgNTItNTIgMi44MyAyLjgzeiIvPjwvZz48L2c+PC9zdmc+); }

.sound-controller .volume-controller {
  width: 92px; }

.sound-controller .volume-controller.muted {
  pointer-events: none; }

.sound-controller .volume-controller.muted .rangeslider {
  opacity: .5; }

.svg-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em; }

.svg-icon svg {
  width: 100%; }

.svg-line {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px; }

.svg-line.crisp {
  shape-rendering: crispEdges; }

.tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem; }

.tab-menu a {
  text-decoration: none;
  background-color: #f0f0f0;
  color: #333;
  border-radius: .25rem;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .125rem;
  padding: .25rem; }

.tab-menu a * {
  pointer-events: none; }

.tab-menu a.push {
  -webkit-transition: none;
  transition: none; }

.tab-menu a.hover {
  opacity: 0.7; }

.tab-menu a.push {
  opacity: 0.85; }

.tab-menu a.current {
  color: #fff;
  background-color: #f279bb;
  pointer-events: none; }

.tab-menu a {
  height: 3rem; }

.tab-menu.small {
  font-size: 0.75rem; }

.tab-menu.small a {
  height: 2rem; }

.site {
  font-size: 0.875rem;
  position: relative;
  min-height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none; }

body.loaded .site {
  pointer-events: auto; }

body.loaded .site {
  opacity: 1;
  pointer-events: auto; }

body.fade-out .site {
  opacity: 0;
  pointer-events: none; }

body.admin-bar .site-header {
  top: 46px; }

body.menu-open .header-menu-toggle .menu {
  display: none; }

body.menu-open .header-menu-toggle .close {
  display: block; }

body.menu-open .header-menu-bg {
  opacity: 1; }

.site-footer {
  padding: 1.5rem 0;
  background: #e1eafb;
  color: #7f9bd4; }

.site-footer > * + * {
  margin-top: 1rem; }

.footer-bottom > * + * {
  margin-top: 0.5rem; }

.footer-social a {
  width: 2rem;
  height: 2rem; }

.footer-social .social-buttons-custom path {
  fill: #7f9bd4; }

.footer-copyright {
  font-size: 0.625rem;
  text-align: center; }

.footer-banner {
  max-width: 616px;
  width: 100%;
  margin: 0 auto;
  padding-top: 1px; }

.footer-banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.25rem;
  margin: -0.5rem; }

.footer-banner-inner > * {
  margin: 0.25rem;
  width: calc(100% - 0.5rem); }

.footer-banner-inner img {
  width: 100%; }

.footer-banner-inner a {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  overflow: hidden; }

.footer-banner-inner a * {
  pointer-events: none; }

.footer-banner-inner a.push {
  -webkit-transition: none;
  transition: none; }

.footer-banner-inner a img {
  display: inline-block;
  -webkit-transition: .2s transform ease-out;
  transition: .2s transform ease-out; }

.footer-banner-inner a.hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.footer-banner-inner a.push img {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.footer-language {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.footer-language > * + * {
  margin-left: 0.5rem; }

.footer-language .links {
  padding: .15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(127, 155, 212, 0.2);
  border-radius: 1.5rem; }

.footer-language .links > * + * {
  margin-left: 0.15rem; }

.footer-language .now, .footer-language .link {
  padding: .25rem;
  width: 3rem;
  border-radius: 1.5rem; }

.footer-language .now {
  color: #7f9bd4;
  background-color: #e1eafb; }

.footer-language .link {
  color: #7795d1;
  text-decoration: none;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease;
  transition: color .2s ease,
 background-color .2s ease,
 border-color .2s ease; }

.footer-language .link * {
  pointer-events: none; }

.footer-language .link.push {
  -webkit-transition: none;
  transition: none; }

.footer-language .link.hover {
  color: #7f9bd4;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent; }

.footer-language .link.push {
  color: rgba(127, 155, 212, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent; }

.live-table {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

/*
// ティザー
.top-description {
    @include resp-owl(1.5);
    justify-content: center;
    align-items: center;
    
    .headline {
        br {
            display: none;
        }
        @include mq-mm {
            text-align: center;
            br {
                display: inline;
            }
        }
    }
    
    .social {
        @include mq-limited-s {
            width: 15rem;
            margin-left: auto;
            margin-right: auto;
        }
        @include mq-m {
            width: 13rem;
            flex-grow: 0;
            flex-shrink: 0;
        }
    }
}
*/

.top-catch .img {
  border-radius: .5rem;
  overflow: hidden;
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

.top-description {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
  position: relative; }

.top-description > * + * {
  margin-top: 1rem; }

.top-description p {
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-align: justify;
  text-justify: inter-ideograph; }

.top-description:before, .top-description:after {
  content: '';
  position: absolute;
  top: 0;
  width: .25rem;
  height: 100%;
  background-image: linear-gradient(45deg, transparent 0%, transparent 12.5%, rgba(52, 205, 208, 0.5) 12.5%, rgba(52, 205, 208, 0.5) 25%, transparent 25%, transparent 37.5%, rgba(226, 186, 90, 0.5) 37.5%, rgba(226, 186, 90, 0.5) 50%, transparent 50%, transparent 62.5%, rgba(52, 205, 208, 0.5) 62.5%, rgba(52, 205, 208, 0.5) 75%, transparent 75%, transparent 87.5%, rgba(226, 186, 90, 0.5) 87.5%, rgba(226, 186, 90, 0.5) 100%);
  -webkit-background-size: 2.2rem 2.2rem;
          background-size: 2.2rem 2.2rem; }

.top-description:before {
  left: 0; }

.top-description:after {
  right: 0; }

@media (min-width: 442.66667px){
  html{
    font-size: 108.33333%; }
  .back-to-top{
    font-size: 0.59615rem; } }

@media (min-width: 549.33333px){
  html{
    font-size: 116.66667%; }
  .back-to-top{
    font-size: 0.57143rem; } }

@media (min-width: 656px){
  html{
    font-size: 125%; }
  .br-only-s{
    display: none; }
  .back-to-top{
    font-size: 0.55rem; }
  .back-to-top.active{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  body.disable-scroll .back-to-top.active{
    -webkit-transition: none;
    transition: none;
    opacity: 0; }
  .catalog-menu .inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .catalog-menu .inner.single{
    max-width: 540px;
    width: 45%; }
  .content-box-top{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 9.83607%;
    background-image: url(../img/content-box-pc-t.png); }
  .content-box-top span{
    font-size: 2.5vw; }
  .content-box-middle > .bg{
    height: calc(100% - 1rem);
    background-image: url(../img/content-box-pc-m.png); }
  .content-box-bottom{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 6.55738%;
    background-image: url(../img/content-box-pc-b.png);
    margin-top: calc(-1rem - .5px); }
  .global-menu .area{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 33.33333%; }
  .global-menu .text{
    font-size: 0.75rem;
    position: absolute;
    display: inline-block;
    left: 31.25%;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    top: 0%;
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left; }
  .global-menu .text, .global-menu .text img{
    max-width: none;
    vertical-align: top; }
  .global-menu .svg-icon{
    position: absolute;
    display: inline-block;
    left: 8.33333%;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    top: 25%;
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 16.66667%;
    height: 50%;
    z-index: 19; }
  .global-menu .svg-icon, .global-menu .svg-icon img{
    max-width: none;
    vertical-align: top; }
  .global-menu .bg{
    -webkit-transform: skewY(15deg) translateY(-20%);
        -ms-transform: skewY(15deg) translateY(-20%);
            transform: skewY(15deg) translateY(-20%); }
  .top-mainvisual{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 45%; }
  .top-mainvisual .mv-btn{
    display: none; }
  .top-mainvisual-inner{
    position: absolute;
    display: inline-block;
    left: 0%;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    top: 0%;
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .top-mainvisual-inner, .top-mainvisual-inner img{
    max-width: none;
    vertical-align: top; }
  .slick-arrow{
    display: block !important; }
  .tab-menu a{
    margin: .25rem;
    padding: .5rem; }
  .footer-banner-inner > *{
    width: calc(33.33333% - 0.5rem); }
  .top-catch{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .top-catch > * + *{
    margin-left: 1rem; }
  .top-catch .img{
    width: 20%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; } }

@media (min-width: 853.33333px){
  html{
    font-size: 133.33333%; }
  .back-to-top{
    font-size: 0.53125rem; }
  .global-menu .text br{
    display: none; }
  .global-menu .text br.strict{
    display: inline; } }

@media (min-width: 1050.66667px){
  html{
    font-size: 141.66667%; }
  .back-to-top{
    font-size: 0.51471rem; } }

@media (min-width: 1248px){
  html{
    font-size: 150%; }
  .back-to-top{
    font-size: 0.5rem; }
  .content-box-top span{
    font-size: 32px; }
  .content-box-middle > .bg{
    height: calc(100% - 1.25rem); }
  .content-box-bottom{
    margin-top: calc(-1.25rem - .5px); }
  .footer-banner-inner > *{
    width: calc(33.33333% - 0.5rem); } }

@media (min-width: 1477.33333px){
  html{
    font-size: 150%; }
  .back-to-top{
    font-size: 0.5rem; } }

@media (min-width: 1706.66667px){
  html{
    font-size: 150%; }
  .back-to-top{
    font-size: 0.5rem; } }

@media (min-width: 900px){
  button.mfp-arrow{
    top: calc(50% - 1.25rem);
    bottom: auto; }
  .mfp-arrow-left{
    left: -2.75rem; }
  .mfp-arrow-right{
    right: -2.75rem; } }

@media (max-width: 655px){
  .top-mainvisual{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 67.5%; }
  .top-mainvisual-inner{
    position: absolute;
    display: inline-block;
    left: -25%;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    top: 0%;
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 150%;
    height: 100%;
    z-index: 1; }
  .top-mainvisual-inner, .top-mainvisual-inner img{
    max-width: none;
    vertical-align: top; }
  .top-mainvisual-inner[data-pos="0"]{
    -webkit-transform: translate3d(16.66667%, 0, 0);
            transform: translate3d(16.66667%, 0, 0); }
  .top-mainvisual-inner[data-pos="1"]{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .top-mainvisual-inner[data-pos="2"]{
    -webkit-transform: translate3d(-16.66667%, 0, 0);
            transform: translate3d(-16.66667%, 0, 0); }
  body.scroll-forward:not(.menu-open):not(.anchor-scrolling):not(.resizing-x) .site-header{
    -webkit-transform: translateY(-56px);
        -ms-transform: translateY(-56px);
            transform: translateY(-56px); }
  body.menu-open .header-menu{
    opacity: 1;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); }
  .footer-banner{
    padding: 0 20%; }
  .top-catch > * + *{
    margin-top: 0.5rem; } }

@media (min-width: 783px){
  body.admin-bar .site-header{
    top: 32px; } }